/* =========================================================
   Retail To-Save — site UI v2 (2026 redesign)
   Brand tokens from the Retail To-Save brand kit.
   ========================================================= */

@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/figtree-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/figtree-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/figtree-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/figtree-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/figtree-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/figtree-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/figtree-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/figtree-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/figtree-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/figtree-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/dm-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/dm-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#0B0D12; --ink-2:#1B2029; --ink-soft:#262C38;
  --red:#E6282E; --red-dark:#B81D22; --red-tint:#FDECEC; --red-line:#F5B5B7;
  --steel:#3F6E96; --steel-light:#6494BB; --steel-tint:#EAF1F7; --ice:#DCFAF8;
  --proof:#16A06A; --proof-text:#0E7A50; --proof-tint:#E5F5EE;
  --amber:#E6282E; --amber-tint:#FDECEC;
  --bone:#F3F5F7; --line:#E1E5EA; --line-2:#CED4DC;
  --slate:#5C6676; --text-2:#3A4250;
  --white:#FFFFFF; --tint:#EAF1F7;
  --radius:12px; --radius-sm:8px;
  --wrap:1240px;
  --font:Figtree,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --shadow:0 20px 40px -24px rgba(11,13,18,.45);

  /* legacy variable names used by older page stylesheets, re-pointed to the brand palette */
  --primary:#0B0D12; --primary-light:#1B2029; --primary-lighter:#3A4250; --primary-dark:#000000;
  --secondary:#B81D22; --secondary-light:#E6282E; --secondary-lighter:#F5B5B7; --secondary-dark:#8E1519;
  --accent-navy:#0B0D12; --accent-navy-light:#1B2029; --accent-navy-dark:#000000;
  --light-gray:#F3F5F7; --medium-gray:#E1E5EA; --dark-gray:#3A4250;
  --text-primary:#0B0D12; --text-secondary:#3A4250; --text-light:#5C6676; --text-on-primary:#FFFFFF;
  --primary-gradient:#0B0D12; --secondary-gradient:#0B0D12; --accent-gradient:#1B2029;
  --gold-primary:#0B0D12; --dark-teal:#0B0D12; --gradient-teal:#0B0D12; --gradient-gold:#E6282E;
}

html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--white);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6{font-family:var(--font);color:var(--ink);letter-spacing:-.01em}
a{color:var(--ink)}
a:hover{color:var(--ink-2)}
img{max-width:100%}
.c-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.c-wrap{max-width:var(--wrap);margin:0 auto;padding-left:24px;padding-right:24px}
@media (max-width:600px){.c-wrap{padding-left:16px;padding-right:16px}}
.c-mono{font-family:var(--mono);letter-spacing:.04em}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.c-skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}
.c-skip:focus{left:16px;color:#fff}

/* ---------- Buttons ---------- */
.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--radius-sm);font:700 15px/1 var(--font);text-decoration:none;cursor:pointer;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .15s;white-space:nowrap}
.c-btn-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.c-btn-dark:hover{background:var(--ink-2);border-color:var(--ink-2);color:#fff}
.c-btn-line{background:#fff;color:var(--ink);border-color:var(--ink)}
.c-btn-line:hover{background:var(--ink);color:#fff}
.c-btn-block{display:flex;width:100%}
.c-btn-sm{min-height:44px;padding:0 16px;font-size:14px}
.c-link{font-weight:600;color:var(--ink);text-underline-offset:3px}
.c-link:hover{color:var(--ink-2)}

/* ---------- Top disclosure bar ---------- */
.c-topbar{background:var(--ink);color:#D9DDE8;font-size:13px}
.c-topbar .c-wrap{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;align-items:center;padding-top:9px;padding-bottom:9px}
.c-topbar p{margin:0}
.c-topbar a{color:#fff;font-weight:600}
.c-topbar a:hover{color:#fff}
@media (max-width:600px){.c-topbar p.c-mono{display:none}}

/* ---------- Header ---------- */
.c-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}
.c-header-row{display:flex;align-items:center;gap:20px 28px;padding-top:16px;padding-bottom:16px}
.c-logo{display:flex;align-items:center;flex:none}
.c-logo img{height:42px;width:auto;display:block}
.c-search{flex:1 1 380px;position:relative;min-width:0}
.c-search form{display:flex}
.c-search input{flex:1 1 auto;min-width:0;height:48px;padding:0 16px 0 44px;border:2px solid var(--ink);border-right:0;border-radius:var(--radius-sm) 0 0 var(--radius-sm);font:500 16px var(--font);color:var(--ink);background:#fff;outline:none}
.c-search input::placeholder{color:#7A8299}
.c-search input:focus{box-shadow:inset 0 0 0 1px var(--ink)}
.c-search .c-search-ico{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--slate);pointer-events:none}
.c-search button{height:48px;padding:0 22px;border:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--ink);color:#fff;font:700 15px var(--font);cursor:pointer}
.c-search button:hover{background:var(--ink-2)}
.c-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px;z-index:120;display:none;max-height:360px;overflow:auto}
.c-suggest.is-open{display:block}
.c-suggest a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:600}
.c-suggest a:hover,.c-suggest a.is-active{background:var(--bone)}
.c-suggest small{color:var(--slate);font-weight:500}
.c-nav{display:flex;align-items:center;gap:22px;font-weight:600;font-size:15px;text-transform:capitalize}
.c-nav a{text-decoration:none;color:var(--ink);padding:6px 0;border-bottom:2px solid transparent}
.c-nav a:hover,.c-nav a.is-active{border-bottom-color:var(--ink)}
.c-tools{display:flex;align-items:center;gap:10px}
.c-lang{position:relative}
.c-lang > button,.c-iconbtn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:#fff;font:600 14px var(--font);color:var(--ink);cursor:pointer}
.c-lang > button:hover,.c-iconbtn:hover{border-color:var(--ink)}
.c-lang img{width:22px;height:16px;object-fit:cover;border-radius:2px}
.c-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px;display:none;z-index:130;max-height:70vh;overflow:auto}
.c-menu.is-open{display:block}
.c-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:500;text-transform:capitalize}
.c-menu a:hover,.c-menu a[aria-current="true"]{background:var(--bone)}
.c-menu small{color:var(--slate);margin-left:auto;font-family:var(--mono);font-size:12px}
.c-burger{display:none}
.c-catbar{border-top:1px solid #EFEDE8}
.c-catbar .c-wrap{display:flex;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:thin}
.c-pill{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;color:var(--ink);text-transform:capitalize;background:#fff}
.c-pill:hover{border-color:var(--ink);color:var(--ink)}
.c-pill.is-active{background:var(--ink);border-color:var(--ink);color:#fff}

@media (max-width:1100px){.c-nav{gap:16px;font-size:14px}}
@media (max-width:960px){
  .c-header-row{flex-wrap:wrap;gap:12px}
  .c-nav,.c-tools .c-auth{display:none}
  .c-burger{display:inline-flex}
  .c-tools{margin-left:auto}
  .c-search{order:3;flex-basis:100%}
  .c-logo img{height:36px}
}

/* Mobile drawer */
.c-drawer-bg{position:fixed;inset:0;background:rgba(11,13,18,.55);z-index:300;display:none}
.c-drawer{position:fixed;top:0;right:0;bottom:0;width:min(360px,92vw);background:#fff;z-index:310;transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;overflow:auto}
.c-drawer.is-open{transform:none}
.c-drawer-bg.is-open{display:block}
.c-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}
.c-drawer nav{display:flex;flex-direction:column;padding:8px 16px}
.c-drawer nav a{display:flex;align-items:center;min-height:52px;text-transform:capitalize;border-bottom:1px solid #EFEDE8;text-decoration:none;font-weight:700;font-size:17px}
.c-drawer h2{font-size:13px;letter-spacing:.08em;color:var(--slate);margin:20px 16px 8px;font-weight:700}
.c-drawer .c-langgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px}
.c-drawer .c-langgrid a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;text-transform:capitalize}
.c-drawer .c-langgrid a[aria-current="true"]{border-color:var(--ink);font-weight:700}
.c-drawer .c-langgrid img{width:22px;height:16px;object-fit:cover;border-radius:2px}
.c-drawer-auth{display:flex;gap:10px;padding:20px 16px}
body.c-noscroll{overflow:hidden}

/* ---------- Sections / headings ---------- */
.c-section{padding:56px 0}
.c-section-sm{padding:32px 0}
.c-bone{background:var(--bone)}
.c-ink{background:var(--ink);color:#fff}
.c-ink h2,.c-ink h3{color:#fff}
.c-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:24px}
.c-h2{margin:0;font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.c-eyebrow{margin:0 0 12px;font-family:var(--mono);font-size:13px;letter-spacing:.06em;font-weight:500;color:var(--slate);text-transform:uppercase}
.c-eyebrow.is-proof{color:var(--proof-text)}
.c-lead{font-size:18px;line-height:1.6;color:var(--text-2);margin:0}
@media (max-width:600px){.c-h2{font-size:26px}.c-section{padding:40px 0}}

/* ---------- Breadcrumb ---------- */
.c-crumbs{font-size:14px;color:var(--slate);padding:18px 0 0}
.c-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.c-crumbs li{display:flex;align-items:center;gap:8px;text-transform:capitalize}
.c-crumbs li + li::before{content:"›";color:#9AA0B4}
.c-crumbs a{color:var(--slate)}
.c-crumbs a:hover{color:var(--ink)}
.c-crumbs [aria-current]{color:var(--ink);font-weight:600}

/* ---------- Page header ---------- */
.c-pagehead{padding:28px 0 32px;border-bottom:1px solid var(--line)}
.c-pagehead h1{margin:0;font-size:40px;line-height:1.1;font-weight:800;letter-spacing:-.02em;text-transform:none}
.c-pagehead p{margin:12px 0 0;font-size:17px;color:var(--text-2);max-width:720px}
.c-stats{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}
.c-stats span{color:var(--slate)}
.c-stats strong{color:var(--ink);font-weight:500}
@media (max-width:600px){.c-pagehead h1{font-size:30px}}

/* ---------- Hero ---------- */
.c-hero{background:var(--bone)}
.c-hero .c-wrap{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}
.c-hero-copy{flex:1 1 520px;min-width:0}
.c-hero h1{margin:0;font-size:52px;line-height:1.05;font-weight:800;letter-spacing:-.03em}
.c-hero .c-lead{margin-top:18px;max-width:560px}
.c-hero-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.c-hero-card{flex:1 1 380px;min-width:0;max-width:470px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow)}
@media (max-width:600px){.c-hero h1{font-size:36px}.c-hero .c-wrap{padding-top:36px;padding-bottom:36px}}

/* ---------- Trust strip ---------- */
.c-trust{border-bottom:1px solid var(--line)}
.c-trust .c-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding-top:24px;padding-bottom:24px}
.c-trust div{display:flex;gap:12px;align-items:flex-start}
.c-trust p{margin:0;font-size:15px;line-height:1.45}
.c-tick{flex:none;width:28px;height:28px;border-radius:50%;background:var(--proof);color:#fff;display:inline-flex;align-items:center;justify-content:center}

/* ---------- Store logo box ---------- */
.c-logo-box{flex:none;width:56px;height:56px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.c-logo-box img{width:78%;height:78%;object-fit:contain}
.c-logo-box.is-lg{width:104px;height:104px}
.c-logo-box.is-sm{width:44px;height:44px}
.c-logo-box.is-xs{width:36px;height:36px}

/* ---------- Offer cards (grid) ---------- */
.c-grid{display:grid;gap:20px}
.c-grid-offers{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.c-grid-stores{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.c-grid-cats{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.c-grid-blogs{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.c-offer{border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px;background:#fff}
.c-offer-top{display:flex;align-items:center;gap:12px;min-width:0}
.c-offer-top p{margin:0;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-offer-top a{text-decoration:none}
.c-tag{flex:none;margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--slate);border:1px solid var(--line-2);border-radius:4px;padding:3px 7px;text-transform:uppercase}
.c-tag.is-code{color:#7A4E00;border-color:#E8C27A;background:var(--amber-tint)}
.c-offer h3{margin:0;font-size:19px;line-height:1.3;font-weight:700}
.c-offer-meta{margin-top:auto;font-family:var(--mono);font-size:12px;color:var(--slate);font-weight:500;display:flex;gap:12px;flex-wrap:wrap}
.c-expired{color:#9A3412}

/* ---------- Store tiles ---------- */
.c-store-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;text-align:center;background:#fff;transition:border-color .15s,box-shadow .15s}
.c-store-tile:hover{border-color:var(--ink);box-shadow:var(--shadow)}
.c-store-tile .c-logo-box{width:72px;height:72px}
.c-store-tile strong{font-size:15px;line-height:1.3}
.c-store-tile span.c-mono{font-size:12px;color:var(--slate)}

/* ---------- Category tiles ---------- */
.c-cat-tile{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--bone);border-radius:var(--radius);text-decoration:none;border:1px solid transparent;transition:border-color .15s}
.c-cat-tile:hover{border-color:var(--ink)}
.c-cat-tile strong{display:block;font-size:17px;text-transform:capitalize}
.c-cat-tile span{font-size:14px;color:var(--slate)}
.c-cat-ico{flex:none;width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ink-2)}

/* ---------- Exclusive band ---------- */
.c-band .c-wrap{display:flex;flex-wrap:wrap;gap:36px;align-items:center;padding-top:56px;padding-bottom:56px}
.c-band-copy{flex:1 1 360px;min-width:0}
.c-band-copy p.c-lead{color:#D0D5E2}
.c-band .c-eyebrow{color:#AEB5C9}
.c-band-pills{flex:1 1 520px;min-width:0;display:flex;flex-wrap:wrap;gap:10px}
.c-band-pills a{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 16px 0 6px;border:1px solid #3A4466;border-radius:999px;color:#fff;font-weight:600;text-decoration:none}
.c-band-pills a:hover{background:#fff;color:var(--ink)}
.c-band-pills .c-logo-box{width:34px;height:34px;border:0}

/* ---------- Blog cards ---------- */
.c-blog-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--ink)}
.c-blog-thumb{aspect-ratio:16/10;border-radius:var(--radius);background:var(--bone);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.c-blog-thumb img{width:100%;height:100%;object-fit:contain}
.c-blog-thumb .c-chip{position:absolute;left:12px;top:12px}
.c-chip{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ink);background:#fff;border:1px solid var(--line);padding:4px 8px;border-radius:4px;text-transform:uppercase}
.c-blog-card h3{margin:0;font-size:19px;line-height:1.3;font-weight:700}
.c-blog-card:hover h3{text-decoration:underline;text-underline-offset:3px}
.c-blog-meta{font-size:14px;color:var(--slate)}
.c-blog-row{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.c-blog-row:first-child{padding-top:0}
.c-blog-row .c-blog-thumb{flex:none;width:150px;aspect-ratio:4/3}
.c-blog-row h3{margin:0 0 6px;font-size:18px;line-height:1.35;font-weight:700}
.c-blog-row:hover h3{text-decoration:underline;text-underline-offset:3px}
@media (max-width:600px){.c-blog-row .c-blog-thumb{width:96px}.c-blog-row h3{font-size:16px}}
.c-numlist{list-style:none;margin:0;padding:0;counter-reset:n}
.c-numlist li{counter-increment:n;border-top:1px solid var(--line)}
.c-numlist li:first-child{border-top:0}
.c-numlist a{display:flex;gap:14px;padding:14px 0;text-decoration:none;font-weight:600;line-height:1.35}
.c-numlist a::before{content:counter(n,decimal-leading-zero);font-family:var(--mono);color:var(--slate);font-weight:500;flex:none}
.c-numlist a:hover span{text-decoration:underline;text-underline-offset:3px}

/* ---------- Layout: main + sidebar ---------- */
.c-cols{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.c-main{flex:999 1 600px;min-width:0}
.c-side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px}
.c-card{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff}
.c-card.is-bone{background:var(--bone);border-color:transparent}
.c-card.is-proof{border:2px solid var(--proof)}
.c-card h2,.c-card h3{margin:0;font-size:17px;font-weight:800}
.c-card p{font-size:15px;line-height:1.55}
.c-side-list{list-style:none;margin:12px 0 0;padding:0}
.c-side-list li{border-top:1px solid #EFEDE8}
.c-side-list a{display:flex;align-items:center;gap:12px;padding:12px 0;text-decoration:none}
.c-side-list a strong{font-weight:600;font-size:15px;line-height:1.3}
.c-side-list a .c-mono{margin-left:auto;font-size:12px;color:var(--slate);white-space:nowrap}
.c-dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;font-size:14px;margin:14px 0 0}
.c-dl dt{color:var(--slate);font-weight:500}
.c-dl dd{margin:0}

/* ---------- Store page ---------- */
.c-storehead{display:flex;flex-wrap:wrap;gap:24px;align-items:center;padding:24px 0 28px;border-bottom:1px solid var(--line)}
.c-storehead-copy{flex:1 1 420px;min-width:0}
.c-storehead h1{margin:0;font-size:38px;line-height:1.1;font-weight:800;letter-spacing:-.02em}
.c-storehead p.c-desc{margin:10px 0 0;font-size:16px;color:var(--text-2);max-width:760px}
@media (max-width:600px){.c-storehead h1{font-size:28px}.c-storehead .c-logo-box.is-lg{width:76px;height:76px}}
.c-tabs{display:flex;gap:8px;flex-wrap:wrap}
.c-tab{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;font:600 15px var(--font);text-decoration:none;background:#fff;color:var(--ink);border:2px solid var(--line-2)}
.c-tab:hover{border-color:var(--ink);color:var(--ink)}
.c-tab.is-active,.c-tab[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.c-tickets{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.c-ticket{border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-wrap:wrap;overflow:hidden;background:#fff;transition:box-shadow .15s,border-color .15s}
.c-ticket:hover{border-color:var(--line-2);box-shadow:0 12px 30px -22px rgba(11,13,18,.45)}
.c-ticket-val{flex:0 0 132px;background:var(--bone);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 8px;text-align:center;border-right:1px dashed var(--line-2)}
.c-ticket-val strong{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1}
.c-ticket-val span{margin-top:5px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--slate);text-transform:uppercase}
.c-ticket-val .c-logo-box{width:64px;height:64px}
.c-ticket-body{flex:1 1 280px;min-width:0;padding:18px 22px;display:flex;flex-direction:column;gap:6px;justify-content:center}
.c-ticket-body h3{margin:0;font-size:19px;font-weight:700;line-height:1.3}
.c-ticket-body p{margin:0;font-size:14px;color:var(--slate)}
.c-ticket-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-family:var(--mono);font-size:12px;font-weight:500;color:var(--slate)}
.c-ticket-cta{flex:1 0 210px;padding:18px 22px;display:flex;align-items:center;justify-content:center}
.c-ticket-cta .c-btn{width:100%}
@media (max-width:600px){.c-ticket-val{flex-basis:96px}.c-ticket-val strong{font-size:22px}.c-ticket-cta{padding-top:0}}
.c-codebtn{position:relative;width:100%;min-height:50px;border:0;border-radius:var(--radius-sm);background:var(--ink);color:#fff;font:700 15px var(--font);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 64px 0 18px}
.c-codebtn:hover{background:var(--ink-2)}
.c-codebtn .c-peek{position:absolute;right:0;top:0;bottom:0;width:56px;background:var(--amber-tint);border-left:2px dashed var(--amber);color:var(--ink);font-family:var(--mono);font-weight:500;font-size:14px;display:flex;align-items:center;justify-content:center;letter-spacing:.06em}
.c-empty{text-align:center;padding:48px 16px;border:1px dashed var(--line-2);border-radius:var(--radius)}
.c-empty h3{margin:0 0 8px}
.c-note{margin:14px 0 0;font-size:13px;color:var(--slate)}

/* Code chip */
.c-chipcode{display:flex;border-radius:3px;overflow:hidden;font-family:var(--mono);font-weight:500;letter-spacing:.04em}
.c-chipcode span:first-child{background:var(--amber);color:var(--ink);padding:14px 12px;font-size:12px;display:flex;align-items:center}
.c-chipcode span:last-child{flex:1;text-align:center;background:#fff;border:2px dashed var(--amber);border-left:0;padding:11px 14px;font-size:21px;color:var(--ink);word-break:break-all}

/* ---------- Rich content (store guides, blog posts) ---------- */
.c-prose{font-size:17px;line-height:1.7;color:var(--ink-soft);overflow-wrap:break-word}
.c-prose > *:first-child{margin-top:0}
.c-prose h1,.c-prose h2{font-size:28px;line-height:1.2;font-weight:800;margin:40px 0 14px;letter-spacing:-.02em}
.c-prose h3{font-size:21px;font-weight:700;margin:30px 0 10px}
.c-prose h4,.c-prose h5,.c-prose h6{font-size:18px;font-weight:700;margin:24px 0 8px}
.c-prose p{margin:0 0 16px}
.c-prose ul,.c-prose ol{margin:0 0 18px;padding-left:24px}
.c-prose li{margin:4px 0}
.c-prose a{color:var(--ink-2);font-weight:600;text-underline-offset:3px}
.c-prose img{height:auto;border-radius:var(--radius)}
.c-prose hr{border:0;border-top:1px solid var(--line);margin:32px 0;opacity:1}
.c-prose blockquote{margin:20px 0;padding:14px 18px;border-left:3px solid var(--ink);background:var(--bone);border-radius:0 8px 8px 0}
.c-prose pre{background:var(--bone);border:1px solid var(--line);border-radius:8px;padding:14px;font-family:var(--mono);font-size:13px;line-height:1.5;overflow-x:auto;white-space:pre}
.c-prose code{font-family:var(--mono);font-size:.9em}
.c-prose table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 20px}
@media (max-width:760px){.c-prose table{display:block;overflow-x:auto}}
.c-prose thead th{text-align:left;padding:11px 14px;border-bottom:2px solid var(--ink);white-space:nowrap}
.c-prose td,.c-prose tbody th{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.c-prose figure{margin:0 0 20px}
@media (max-width:600px){.c-prose{font-size:16px}.c-prose h1,.c-prose h2{font-size:23px}}

/* ---------- Blog article ---------- */
.c-article-head h1{margin:0;font-size:40px;line-height:1.12;font-weight:800;letter-spacing:-.02em}
.c-article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:14px;color:var(--slate)}
.c-article-img{margin:24px 0 32px;border-radius:var(--radius);background:var(--bone);border:1px solid var(--line);display:flex;justify-content:center;overflow:hidden}
.c-article-img img{max-height:420px;width:auto;object-fit:contain}
@media (max-width:600px){.c-article-head h1{font-size:28px}}

/* ---------- Alphabet nav ---------- */
.c-alpha{display:flex;flex-wrap:wrap;gap:6px}
.c-alpha a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--line-2);border-radius:8px;text-decoration:none;font-weight:600;font-size:14px}
.c-alpha a:hover{border-color:var(--ink)}
.c-alpha a.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.c-letter{margin:40px 0 16px;display:flex;align-items:baseline;gap:12px}
.c-letter h2{margin:0;font-size:28px;font-weight:800}
.c-letter span{font-family:var(--mono);font-size:13px;color:var(--slate)}
.c-filter{position:relative;max-width:520px;margin-top:20px}
.c-filter input{width:100%;height:48px;padding:0 16px;border:1px solid var(--line-2);border-radius:var(--radius-sm);font:500 16px var(--font)}
.c-filter input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}

/* ---------- Pagination (Laravel bootstrap-5 markup) ---------- */
.c-pager{display:flex;justify-content:center;margin-top:40px}
.c-pager nav > div:first-child{display:none}
.c-pager nav > div:last-child > div:first-child{display:none}
.c-pager .pagination{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.c-pager .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--line-2)!important;border-radius:8px!important;color:var(--ink);font-weight:600;background:#fff;text-decoration:none;box-shadow:none!important}
.c-pager .page-item.active .page-link{background:var(--ink);border-color:var(--ink)!important;color:#fff}
.c-pager .page-item.disabled .page-link{color:#A3A9BA;background:#fff}
.c-pager .page-link:hover{border-color:var(--ink)!important;color:var(--ink);background:#fff}
@media (min-width:576px){.c-pager nav > div:first-child{display:none!important}.c-pager nav > div:last-child{display:flex!important}}

/* ---------- Newsletter ---------- */
.c-news .c-wrap{display:flex;flex-wrap:wrap;gap:20px 48px;align-items:center;justify-content:space-between;padding-top:48px;padding-bottom:48px}
.c-news form{flex:1 1 420px;display:flex;gap:10px;min-width:0}
.c-news input{flex:1 1 auto;min-width:0;height:50px;padding:0 16px;border:1px solid #C9C7C0;border-radius:var(--radius-sm);font:500 16px var(--font);background:#fff}
.c-news h2{margin:0;font-size:26px;font-weight:800}
.c-news p{margin:8px 0 0;color:var(--text-2)}
.c-news-msg{flex-basis:100%;margin:0;font-weight:600;color:var(--proof-text)}

/* ---------- Footer ---------- */
.c-footer{border-top:1px solid var(--line);background:#fff;font-size:15px}
.c-footer-grid{display:flex;flex-wrap:wrap;gap:36px;padding-top:52px;padding-bottom:32px}
.c-footer-brand{flex:2 1 300px;min-width:0}
.c-footer-brand img{height:36px;width:auto}
.c-footer-brand p{margin:14px 0 0;color:var(--text-2);max-width:360px;line-height:1.6}
.c-footer-brand address{font-style:normal;margin-top:14px;color:var(--slate);font-size:14px;line-height:1.7}
.c-footer nav{flex:1 1 160px;display:flex;flex-direction:column;gap:10px}
.c-footer nav strong{font-size:13px;letter-spacing:.08em;color:var(--slate);text-transform:uppercase}
.c-footer nav a{text-decoration:none;text-transform:capitalize}
.c-footer nav a:hover{text-decoration:underline;text-underline-offset:3px}
.c-footer-legal{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;padding-top:22px;padding-bottom:36px;font-size:13px;line-height:1.6;color:var(--slate)}
.c-footer-legal p{margin:0}
.c-footer-legal p:first-child{flex:1 1 520px}
.c-totop{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:90;box-shadow:var(--shadow)}
.c-totop.is-shown{display:flex}

/* ---------- Coupon modal ---------- */
.c-modal-bg{position:fixed;inset:0;z-index:400;background:rgba(11,13,18,.6);display:none;align-items:center;justify-content:center;padding:16px}
.c-modal-bg.is-open{display:flex}
.c-modal{width:100%;max-width:460px;background:#fff;border-radius:20px;padding:24px 22px 26px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}
.c-modal-top{display:flex;align-items:center;gap:12px}
.c-modal-top > div{flex:1;min-width:0}
.c-modal-top p{margin:0;font-weight:700}
.c-modal-top h2{margin:2px 0 0;font-size:20px;font-weight:800;line-height:1.25}
.c-modal-x{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--bone);cursor:pointer;display:flex;align-items:center;justify-content:center}
.c-modal-x:hover{background:var(--line)}
.c-modal .c-note{margin:0}
.c-modal-vote{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.c-modal-vote p{margin:0;flex:1;font-weight:600}
@media (max-width:600px){.c-modal-bg{align-items:flex-end;padding:0}.c-modal{max-width:none;border-radius:20px 20px 0 0}}

/* ---------- Legacy pages (about, privacy, terms, imprint, contact, auth) ---------- */
.c-legacy{font-family:var(--font)}
.c-legacy .btn-primary,.c-legacy .btn-golden,.c-legacy .btn-danger{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.c-legacy .text-primary{color:var(--ink-2)!important}
.c-legacy .bg-primary{background:var(--ink)!important}

.c-page-contact .info-card p{overflow-wrap:anywhere}

/* ---------- Premium gold offer buttons ---------- */
:root{--gold-1:#EE3A40;--gold-2:#D8242A;--gold-3:#A81B20;--gold-tint:#FDECEC}
.c-codebtn{background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 100%);color:#fff;border:1px solid var(--gold-3);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 14px -8px rgba(168,27,32,.6);text-shadow:0 1px 0 rgba(0,0,0,.18);transition:filter .15s,transform .15s,box-shadow .15s}
.c-codebtn:hover{background:linear-gradient(180deg,#F24A50 0%,#E02A30 100%);color:#fff;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 18px -10px rgba(168,27,32,.8)}
.c-codebtn .c-peek{background:#fff;border-left:2px dashed var(--gold-3);color:var(--ink)}
.c-ticket-cta a[data-deal],.c-offer a[data-deal],.c-hero-card a[data-deal]{background:var(--gold-tint);color:var(--ink);border:2px solid var(--gold-2);box-shadow:none}
.c-ticket-cta a[data-deal]:hover,.c-offer a[data-deal]:hover,.c-hero-card a[data-deal]:hover{background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 100%);border-color:var(--gold-3);color:var(--ink)}

/* ---------- Footer social links ---------- */
.c-social{list-style:none;margin:18px 0 0;padding:0;display:flex;gap:10px}
.c-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);color:var(--ink);font-size:18px;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.c-social a:hover{background:var(--ink);border-color:var(--ink);color:#fff}


/* =========================================================
   Retail To-Save skin: dark header & footer (the logo lives on black),
   red for actions, steel blue for secondary accents.
   ========================================================= */
.c-header{background:var(--ink);border-bottom:3px solid var(--red);color:#fff}
.c-logo img{height:44px}
.c-nav a{color:#E8ECF1}
.c-nav a:hover,.c-nav a.is-active{color:#fff;border-bottom-color:var(--red)}
.c-search input{border-color:#fff;background:#fff}
.c-search input:focus{box-shadow:inset 0 0 0 1px var(--red)}
.c-search button{background:var(--red)}
.c-search button:hover{background:var(--red-dark)}
.c-lang > button,.c-header .c-iconbtn{background:transparent;border-color:#3A4250;color:#fff}
.c-lang > button:hover,.c-header .c-iconbtn:hover{border-color:#fff}
.c-header .c-auth .c-link{color:#E8ECF1}
.c-header .c-auth .c-link:hover{color:#fff}
.c-header .c-btn-line{background:transparent;color:#fff;border-color:#fff}
.c-header .c-btn-line:hover{background:#fff;color:var(--ink)}
.c-menu a{color:var(--ink)}
.c-catbar{border-top:1px solid #1E232D;background:#12151C}
.c-catbar .c-pill{background:transparent;border-color:#323947;color:#D6DCE4}
.c-catbar .c-pill:hover{border-color:var(--steel-light);color:#fff}
.c-catbar .c-pill.is-active{background:var(--red);border-color:var(--red);color:#fff}
@media (max-width:960px){.c-logo img{height:34px}}

.c-btn-dark{background:var(--ink);border-color:var(--ink)}
.c-btn-red,.c-hero-actions .c-btn-dark{background:var(--red);border-color:var(--red);color:#fff}
.c-btn-red:hover,.c-hero-actions .c-btn-dark:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}
.c-link{color:var(--steel)}
.c-link:hover{color:var(--red-dark)}
:focus-visible{outline-color:var(--steel-light)}

.c-hero{background:linear-gradient(180deg,var(--bone) 0%,#fff 100%);position:relative}
.c-hero h1{color:var(--ink)}
.c-hero .c-eyebrow.is-proof{color:var(--red-dark)}
.c-tick{background:var(--steel)}
.c-trust{background:#fff}
.c-ink{background:var(--ink)}
.c-band{background:var(--ink) linear-gradient(90deg,rgba(230,40,46,.10),rgba(100,148,187,.10))}
.c-band .c-eyebrow{color:var(--ice)}
.c-band-pills a{border-color:#323947}
.c-band-pills a:hover{background:var(--ice);color:var(--ink)}
.c-cat-ico{color:var(--red)}
.c-tag.is-code{color:var(--red-dark);border-color:var(--red-line);background:var(--red-tint)}
.c-chipcode span:first-child{background:var(--red);color:#fff}
.c-chipcode span:last-child{border-color:var(--red)}

.c-footer{background:var(--ink);color:#C9D1DB;border-top:3px solid var(--red)}
.c-footer a{color:#E8ECF1}
.c-footer a:hover{color:#fff}
.c-footer-brand img{height:42px}
.c-footer-brand p{color:#AEB7C3}
.c-footer-brand address{color:#97A1AE}
.c-footer nav strong{color:var(--steel-light)}
.c-footer-legal{border-top-color:#232936;color:#8892A0}