/* ============================================================
   Fond Shop - Outdoor Living & Patio Furniture
   Stylesheet
   ============================================================ */

:root{
  --primary:#002b5c;        /* brand navy (from logo) */
  --primary-dark:#001e42;
  --accent:#a9803f;         /* champagne gold CTA */
  --accent-dark:#8e6733;
  --accent-soft:#d9c39b;
  --sale:#c0392b;           /* sale price red */
  --ink:#0f1723;
  --ink-2:#3a4453;
  --muted:#6b7280;
  --line:#e3e6eb;
  --bg:#f6f7f9;
  --white:#fff;
  --star:#c6a664;
  --footer-bg:#001e42;
  --radius:6px;
  --shadow:0 4px 16px rgba(0,30,66,.10);
  --maxw:1400px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,select{font-family:inherit;font-size:14px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.hide{display:none !important}

/* ============ Top promo bar (full width) ============ */
.topbar{background:var(--primary-dark);color:#fff;font-size:12.5px;letter-spacing:.02em}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding-top:7px;padding-bottom:7px;gap:14px 18px;flex-wrap:wrap}
.topbar-mid{display:flex;gap:22px;flex-wrap:wrap;min-width:0}
.topbar-mid span{opacity:.92;white-space:nowrap}
.topbar-mid b{color:#ffd48a}
.topbar-links{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}
.topbar-links a,.topbar-links li{white-space:nowrap}
@media (max-width:1500px){
  .topbar{font-size:11.6px}
  .topbar .wrap{gap:8px 12px}
  .topbar-mid{gap:14px}
  .topbar-links{gap:11px}
  .topbar-mid span:nth-child(3){display:none}
}
.topbar-links a{opacity:.85}
.topbar-links a:hover{opacity:1;text-decoration:underline}

/* ============ Header ============ */
.header{background:#fff;border-bottom:1px solid var(--line)}
.header .wrap{display:flex;align-items:center;gap:24px;height:88px}
.logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.logo img,.logo .custom-logo,.logo .brand-logo{height:42px;width:auto;display:block;max-width:220px;object-fit:contain}
.footer .co-name img{height:30px;width:auto;display:block}
.logo-mark{
  width:44px;height:44px;border-radius:8px;background:var(--primary);
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:20px;letter-spacing:-1px
}
.logo-text{line-height:1.05}
.logo-text b{display:block;font-size:23px;letter-spacing:-.5px;color:var(--primary)}
.logo-text b i{color:var(--accent);font-style:normal}
.logo-text small{display:block;font-size:10.5px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}

/* search
   NOTE: keep every rule scoped to .header — WordPress puts a plain "search"
   class on <body> of search results pages, so a bare .search{display:flex}
   would turn the whole page into a flex row and break the layout. */
.header .search{flex:1;display:flex;max-width:640px;height:44px;border:2px solid var(--primary);border-radius:4px;overflow:hidden}
.header .search select{
  border:none;border-right:1px solid var(--line);padding:0 12px;background:#f7f8fa;color:var(--ink-2);
  max-width:180px;outline:none
}
.header .search input{flex:1;border:none;padding:0 14px;outline:none;min-width:0}
.header .search button{width:56px;background:var(--primary);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center}
/* The button holds an inline SVG without width/height attributes: without an
   explicit size it stretches to the button box and the magnifier blows up
   (on phones the whole button turns into a solid blue block). */
.header .search button svg{width:20px;height:20px;display:block;flex:0 0 auto}
.header .search button:hover{background:var(--primary-dark)}

.header-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-inline-start:auto;margin-inline-end:15px}
/* desktop: let the actions sit 15px from the header edge (no double padding) */
@media (min-width:1025px){ .header .wrap{padding-inline-end:0} }
.ha{
  display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:56px;border-radius:4px;
  color:var(--ink-2);font-size:11px;gap:2px;position:relative;transition:.15s
}
.ha:hover{background:#f3f5f8;color:var(--primary)}
.ha svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}
.ha .badge{
  position:absolute;top:6px;right:12px;min-width:17px;height:17px;border-radius:9px;background:var(--sale);color:#fff;
  font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px
}

/* ============ Navigation (full width bar) ============ */
.nav{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:60}
.nav.fixed{position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px rgba(0,0,0,.08);animation:drop .25s ease}
@keyframes drop{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.nav > .wrap{display:flex;align-items:center;height:46px;gap:2px}

/* all categories button */
.cat-btn{
  display:flex;align-items:center;gap:10px;height:46px;padding:0 18px;background:var(--primary);color:#fff;
  font-weight:700;font-size:13.5px;letter-spacing:.02em;margin-right:6px
}
.cat-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}
.nav-list{display:flex;align-items:center;height:46px;gap:2px;flex:1}
.nav-list > li{height:100%}
.nav-list > li > a{
  display:flex;align-items:center;height:46px;padding:0 13px;font-size:13.5px;font-weight:600;color:var(--ink);
  position:relative;white-space:nowrap;transition:.15s
}
.nav-list > li > a .caret{width:9px;height:9px;margin-left:5px;stroke:currentColor;stroke-width:2.4;fill:none;opacity:.6}
.nav-list > li:hover > a{color:var(--primary)}
.nav-list > li:hover > a::after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;background:var(--accent)}
.nav-list > li.hot > a{color:var(--sale)}
.nav-list .tag{
  background:var(--sale);color:#fff;font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:3px;margin-left:5px;letter-spacing:.03em
}
/* 顶栏菜单只保留 7 个分组项，右侧快捷链接已移除；窄屏逐级收紧间距避免溢出 */
@media (max-width:1400px){ .nav-list > li > a{padding:0 11px;font-size:13.2px} }
@media (max-width:1200px){ .nav-list > li > a{padding:0 9px;font-size:12.8px} .nav-list > li > a .caret{width:8px;height:8px;margin-left:3px} }

/* mega dropdown */
.mega{
  position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);
  box-shadow:0 12px 24px rgba(15,39,64,.14);display:none;padding:26px 0 30px;z-index:70
}
.nav-list li:hover .mega{display:block}
.mega > .wrap{display:flex;align-items:flex-start;gap:34px}
.mega-col{min-width:150px;flex:1}
.mega-col h4{
  font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:12px;
  padding-bottom:8px;border-bottom:1px solid var(--line)
}
.mega-col a{display:block;font-size:13px;color:var(--ink-2);padding:5px 0}
.mega-col a:hover{color:var(--accent);text-decoration:underline}
.mega-promo{
  width:280px;flex:0 0 280px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fafbfc
}
.mega-promo img{width:100%;height:180px;object-fit:cover}
.mega-promo .mp-body{padding:14px}
.mega-promo b{display:block;font-size:14px;margin-bottom:4px}
.mega-promo p{font-size:12px;color:var(--muted);margin-bottom:10px}
.mega-promo .btn-sm{
  display:inline-block;background:var(--primary);color:#fff;padding:7px 14px;border-radius:4px;font-size:12px;font-weight:700
}
.mega-promo .btn-sm:hover{background:var(--accent)}

/* mobile menu toggle */
.burger{display:none;align-items:center;gap:8px;height:46px;padding:0 12px;font-weight:700;color:var(--ink)}
.burger svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}

/* ============ Hero ============ */
.hero{background:var(--bg);padding:18px 0 0}
.hero .wrap{display:grid;grid-template-columns:1fr 320px;gap:16px}
.slider{position:relative;border-radius:var(--radius);overflow:hidden;background:#dfe6ec;height:420px}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.slide.active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover}
.slide::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(95deg,rgba(9,24,44,.62) 0%,rgba(9,24,44,.34) 42%,rgba(9,24,44,0) 72%)}
.slide-cap{
  position:absolute;left:78px;top:50%;transform:translateY(-50%);max-width:390px;color:#fff;z-index:2;
  text-shadow:0 2px 14px rgba(0,0,0,.45)
}
.slide-cap .kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:10px;opacity:.95}
.slide-cap h2{font-size:38px;line-height:1.1;font-weight:800;margin-bottom:12px;letter-spacing:-.5px;text-wrap:balance}
.slide-cap p{font-size:15px;margin-bottom:20px;opacity:.95;text-wrap:balance}
.btn{
  display:inline-block;background:var(--accent);color:#fff;padding:12px 26px;border-radius:4px;font-weight:700;
  font-size:14px;transition:.15s
}
.btn:hover{background:var(--accent-dark)}
.btn-outline{background:rgba(255,255,255,.14);border:1.5px solid #fff}
.s-arrow{
  position:absolute;top:50%;transform:translateY(-50%);width:40px;height:64px;background:rgba(15,39,64,.35);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;transition:.15s
}
.s-arrow:hover{background:rgba(15,39,64,.62)}
.s-prev{left:0;border-radius:0 4px 4px 0}
.s-next{right:0;border-radius:4px 0 0 4px}
.s-dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:8px}
.s-dots i{width:26px;height:4px;border-radius:2px;background:rgba(255,255,255,.5);cursor:pointer}
.s-dots i.on{background:#fff}

.side-banners{display:flex;flex-direction:column;gap:16px}
.side-banners a{
  position:relative;flex:1;border-radius:var(--radius);overflow:hidden;background:#e3e9ee;min-height:126px;display:block
}
.side-banners img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.side-banners .sb-cap{position:absolute;left:18px;bottom:16px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.side-banners b{display:block;font-size:15px;font-weight:800;margin-bottom:2px;line-height:1.15}
.side-banners span{font-size:12px;opacity:.95}

/* ============ Service strip ============ */
.strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:18px}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 20px}
.strip-item{display:flex;align-items:center;gap:12px;justify-content:center;text-align:left}
.strip-item svg{width:30px;height:30px;stroke:var(--primary);fill:none;stroke-width:1.5;flex:0 0 30px}
.strip-item b{display:block;font-size:13px}
.strip-item span{font-size:11.5px;color:var(--muted)}

/* ============ Category circles ============ */
.section{padding:34px 0 8px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.sec-head h3{font-size:22px;font-weight:800;letter-spacing:-.3px}
.sec-head h3 em{font-style:normal;color:var(--accent)}
.sec-head p{font-size:12.5px;color:var(--muted);margin-top:4px}
.sec-head .more{font-size:13px;color:var(--primary);font-weight:700}
.sec-head .more:hover{text-decoration:underline}

.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 14px}
.cat-item{text-align:center}
.cat-item .pic{
  width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#eef1f4;margin-bottom:9px;
  transition:.2s;border:2px solid transparent
}
.cat-item:hover .pic{border-color:var(--accent);transform:translateY(-3px)}
.cat-item .pic img{width:100%;height:100%;object-fit:cover}
.cat-item span{font-size:12px;color:var(--ink-2);font-weight:600;line-height:1.3;display:block}

/* ============ Home: red Daily Deals banner ============ */
.deal-sec{padding-bottom:4px}
.deal-banner{
  position:relative;display:flex;align-items:center;gap:26px;overflow:hidden;
  margin-top:26px;padding:26px 30px;border-radius:var(--radius);color:#fff;
  background:linear-gradient(100deg,#8b1d11 0%,#b4311f 48%,#d2502d 100%);
  box-shadow:0 18px 40px -24px rgba(150,40,20,.85);
  transition:transform .18s,box-shadow .18s
}
.deal-banner:hover{transform:translateY(-2px);box-shadow:0 24px 48px -22px rgba(150,40,20,.9);color:#fff}
.db-deco{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(560px 260px at 92% 118%,rgba(255,206,150,.30),transparent 72%),
    radial-gradient(420px 220px at 62% -40%,rgba(255,255,255,.16),transparent 70%)
}
.db-copy{position:relative;flex:1 1 auto;min-width:0}
.db-kicker{
  display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;
  letter-spacing:.15em;text-transform:uppercase;color:#ffd8cb;margin-bottom:9px
}
.db-pulse{width:7px;height:7px;border-radius:50%;background:#fff;animation:dbPulse 1.9s infinite}
@keyframes dbPulse{
  0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}
  70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}
  100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
.db-copy h3{font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.01em;margin-bottom:6px}
.db-copy h3 em{font-style:normal;color:#ffe0a3}
.db-copy p{font-size:13px;color:#ffd9cd}
.db-timer{position:relative;flex:0 0 auto;text-align:center}
.db-timer-lbl{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffc9b9;margin-bottom:7px}
.countdown{display:flex;gap:8px}
.cd-unit{
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:6px;
  padding:8px 11px;text-align:center;min-width:62px
}
.cd-unit b{display:block;font-size:22px;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}
.cd-unit span{font-size:9.5px;opacity:.82;letter-spacing:.1em;text-transform:uppercase}
.db-cta{
  position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;
  height:46px;padding:0 22px;border-radius:999px;background:#fff;color:#a42a16;
  font-size:13.5px;font-weight:800;white-space:nowrap;transition:.18s
}
.db-cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.deal-banner:hover .db-cta{background:#fff6ef}
.deal-banner:hover .db-cta svg{transform:translateX(4px)}

@media (max-width:980px){
  .deal-banner{flex-wrap:wrap;gap:16px 18px;padding:22px 24px}
  .db-copy{flex:1 1 100%}
  .db-cta{margin-left:auto}
}
@media (max-width:560px){
  .deal-banner{padding:20px 18px}
  .db-copy h3{font-size:20px}
  .db-copy p{font-size:12.5px}
  .db-timer{width:100%}
  .db-timer .countdown{width:100%}
  .cd-unit{flex:1;min-width:0;padding:7px 8px}
  .cd-unit b{font-size:19px}
  .db-cta{width:100%;justify-content:center;height:44px}
}

/* ============ Product grid ============ */
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px;position:relative;
  display:flex;flex-direction:column;transition:.18s
}
.card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:#d7dee6}
.card .flags{position:absolute;left:10px;top:10px;z-index:2;display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.flag{font-size:10.5px;font-weight:800;padding:3px 7px;border-radius:3px;color:#fff;letter-spacing:.03em}
.flag.sale{background:var(--sale)}
.flag.new{background:#12805c}
.flag.fs{background:var(--primary)}
.card .wish{
  position:absolute;right:10px;top:10px;z-index:2;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.9);
  display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.15)
}
.card .wish svg{width:16px;height:16px;stroke:#9aa3ad;fill:none;stroke-width:1.7}
.card .wish.on svg{stroke:var(--sale);fill:var(--sale)}
.card .pic{aspect-ratio:1/1;background:#f6f7f9;border-radius:4px;overflow:hidden;margin-bottom:10px}
.card .pic img{width:100%;height:100%;object-fit:cover;transition:.3s}
.card:hover .pic img{transform:scale(1.04)}
.card .brand{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.card .title{
  font-size:13px;line-height:1.4;color:var(--ink);height:37px;overflow:hidden;font-weight:500;margin-bottom:6px
}
.card .title:hover{color:var(--primary)}
.stars{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);margin-bottom:8px}
.stars i{color:var(--star);font-style:normal;letter-spacing:1px;font-size:12px}
.price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-bottom:2px}
.price .now{font-size:19px;font-weight:800;color:var(--sale)}
.price .now sup{font-size:11px;vertical-align:super}
.price .was{font-size:12.5px;color:var(--muted);text-decoration:line-through}
.price .off{font-size:11px;font-weight:700;color:#12805c}
.ship{font-size:11.5px;color:#12805c;margin-bottom:10px}
.card .add{
  width:100%;height:38px;border-radius:4px;background:var(--primary);color:#fff;font-weight:700;font-size:13px;
  display:flex;align-items:center;justify-content:center;gap:7px;transition:.15s;margin-top:auto
}
.card .add:hover{background:var(--accent)}
.card .add svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}

/* tab bar */
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tabs button{
  padding:8px 16px;border-radius:20px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:600;color:var(--ink-2);transition:.15s
}
.tabs button:hover{border-color:var(--primary);color:var(--primary)}
.tabs button.on{background:var(--primary);border-color:var(--primary);color:#fff}

/* ============ Promo banners row ============ */
.banner-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.banner-row a{position:relative;border-radius:var(--radius);overflow:hidden;height:220px;background:#e3e9ee;display:block}
.banner-row img{width:100%;height:100%;object-fit:cover;transition:.4s}
.banner-row a:hover img{transform:scale(1.05)}
.banner-row .bcap{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.45);max-width:calc(47% - 40px)}
.banner-row .bcap b{display:block;font-size:17px;font-weight:800;margin-bottom:4px;line-height:1.2}
.banner-row .bcap span{font-size:11.5px;opacity:.9;display:block;line-height:1.35}

/* ============ Brands ============ */
.brands{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-top:30px}
.brands .row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.brands .cell{
  height:62px;border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:15px;color:var(--primary);letter-spacing:-.2px;transition:.15s;background:#fbfcfd
}
.brands .cell:hover{border-color:var(--accent);color:var(--accent)}

/* ============ Newsletter (full width) ============ */
.news{background:var(--primary);color:#fff;margin-top:34px;padding:34px 0}
.news .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.news h3{font-size:24px;font-weight:800;margin-bottom:6px}
.news p{font-size:13px;opacity:.9}
.news form{display:flex;gap:8px}
.news input{
  width:320px;height:46px;border-radius:4px;border:none;padding:0 16px;outline:none;color:var(--ink)
}
.news button{height:46px;padding:0 26px;border-radius:4px;background:var(--accent);color:#fff;font-weight:700}
.news button:hover{background:var(--accent-dark)}

/* ============ Footer (full width) ============ */
.footer{background:var(--footer-bg);color:#c8d4e0;padding:44px 0 0}
.f-top{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;gap:30px;padding-bottom:34px}
.footer h5{color:#fff;font-size:13.5px;font-weight:700;margin-bottom:14px;letter-spacing:.03em}
.footer li{padding:5px 0}
.footer li a{font-size:12.5px;color:#c8d4e0}
.footer li a:hover{color:#fff;text-decoration:underline}

.co-name{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.co-name .logo-mark{background:#fff;color:var(--primary)}
.co-name b{color:#fff;font-size:20px;letter-spacing:-.4px}
.co-name b i{color:var(--accent);font-style:normal}
.co-info{font-size:12.5px;line-height:1.9;color:#c8d4e0}
.co-info b{color:#fff;font-weight:600}
.co-info a:hover{color:#fff;text-decoration:underline}
.co-social{display:flex;gap:8px;margin-top:16px}
.co-social a{
  width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;
  justify-content:center;transition:.15s
}
.co-social a:hover{background:var(--accent)}
.co-social svg{width:17px;height:17px;fill:#fff}

.f-mid{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pay{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pay span{font-size:12px;color:#9fb0c2;margin-right:4px}
.pay i{
  font-style:normal;background:#fff;color:#123f6d;font-size:10.5px;font-weight:800;padding:5px 9px;border-radius:3px;letter-spacing:.02em
}
.ship-to{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#c8d4e0}
.ship-to select{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;padding:7px 10px;border-radius:4px;outline:none}
.ship-to select option{color:#123f6d}

.f-bottom{padding:18px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:#9fb0c2}
.f-bottom .links{display:flex;gap:16px;flex-wrap:wrap}
.f-bottom a:hover{color:#fff;text-decoration:underline}

/* ============ Floating helpers ============ */
.to-top{
  position:fixed;right:22px;bottom:26px;width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;
  display:none;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.2);z-index:80
}
.to-top.show{display:flex}
.to-top svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}

.toast{
  position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(20px);background:#123f6d;color:#fff;
  padding:12px 22px;border-radius:24px;font-size:13.5px;box-shadow:0 8px 24px rgba(0,0,0,.25);opacity:0;
  pointer-events:none;transition:.25s;z-index:99;display:flex;align-items:center;gap:9px
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ============ Responsive ============ */
@media (max-width:1200px){
  .grid{grid-template-columns:repeat(4,1fr)}
  .cats{grid-template-columns:repeat(6,1fr)}
  .f-top{grid-template-columns:repeat(3,1fr) 1fr}
}
@media (max-width:1340px){
  /* 中等宽度下收紧文案区，避免文字越过藏青面板进入浅色产品区 */
  .slide-cap{left:40px;max-width:320px}
  .slide-cap h2{font-size:31px}
  .slide-cap p{font-size:14px}
}
@media (max-width:1024px){
  .hero .wrap{grid-template-columns:1fr}
  .side-banners{flex-direction:row}
  .side-banners a{min-height:150px}
  .cat-btn,.nav-list,.nav-right{display:none}
  .burger{display:flex}
  .nav > .wrap{justify-content:space-between}
  .grid,.grid-4{grid-template-columns:repeat(3,1fr)}
  .brands .row{grid-template-columns:repeat(3,1fr)}
  .banner-row{grid-template-columns:1fr}
  .f-top{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  /* promo text + language + currency share ONE row on phones. The bar used
     to wrap, so any language with a longer label pushed the currency picker
     onto a second line; now the promo text truncates instead. */
  .topbar .wrap{height:auto;padding:6px 12px;justify-content:space-between;gap:8px;flex-wrap:nowrap}
  .topbar-mid{gap:14px;justify-content:flex-start;min-width:0;flex:1 1 0;overflow:hidden}
  .topbar-mid span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .topbar-mid span:nth-child(n+2){display:none}
  .topbar-links{display:none}
  .topbar .lang-switch,.topbar .cur-switch{flex:0 0 auto}
  .header .wrap{height:auto;flex-wrap:wrap;padding:12px 20px;gap:12px;align-items:center}
  .header .search{order:3;flex:1 0 100%;max-width:none}
  /* actions stay on the SAME row as the logo: icon-only, compact */
  .header-actions{margin-inline-start:auto;margin-inline-end:0;gap:2px}
  .ha{width:44px;height:44px}
  .ha span{display:none}
  .burger{padding:0 6px;height:44px}
  .logo .brand-logo,.logo img{height:30px;max-width:130px}
  .slider{height:300px}
  .slide-cap{left:22px;right:52%;max-width:none}
  .slide-cap h2{font-size:24px;line-height:1.15}
  .slide-cap p{font-size:12.5px;margin-bottom:14px}
  .strip .wrap{grid-template-columns:repeat(2,1fr);gap:16px}
  .cats{grid-template-columns:repeat(3,1fr)}
  /* "Shop by Category" is redundant on phones: the drawer already carries the
     same category list, so it only pushes products further down. */
  .section-cats{display:none}
  .grid,.grid-4{grid-template-columns:repeat(2,1fr)}
  .news input{width:100%}
  .news form{width:100%}
  .f-top{grid-template-columns:1fr}
}

/* ============ Mobile drawer ============ */
.drawer{
  position:fixed;left:0;top:0;bottom:0;width:310px;max-width:86vw;background:#fff;z-index:120;
  transform:translateX(-102%);transition:transform .28s ease;display:flex;flex-direction:column;box-shadow:6px 0 24px rgba(0,0,0,.18)
}
.drawer.open{transform:translateX(0)}
.drawer-head{
  display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;
  background:var(--primary);color:#fff;font-size:15px
}
.drawer-head button{color:#fff;font-size:17px;line-height:1}
.drawer-list{flex:1;overflow-y:auto;padding:8px 0}
.drawer-list li{border-bottom:1px solid var(--line)}
.drawer-list .d1{display:block;padding:13px 16px;font-size:14px;font-weight:600;color:var(--ink)}
.drawer-list .d1:hover{background:#f5f7fa;color:var(--primary)}
.drawer-list .d2{display:none;background:#f8fafc;padding:2px 0 6px}
.drawer-list .d2.open{display:block}
/* Level 2 / level 3 links get their own rules in woocommerce.css
   (.d2-head and .d3-link) so the two levels stay visually distinct. */
.drawer-mask{
  position:fixed;inset:0;background:rgba(10,25,45,.45);opacity:0;pointer-events:none;transition:.25s;z-index:110
}
.drawer-mask.show{opacity:1;pointer-events:auto}

/* side promo cards */
.side-banners .sb{position:relative;overflow:hidden;border-radius:var(--radius);flex:1;min-height:126px;display:block;background:#e6ebf0}
.side-banners .sb:hover img{transform:scale(1.05)}
.side-banners .sb img{transition:.45s}
.side-banners .sb::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(8,22,40,.72) 0%,rgba(8,22,40,.28) 46%,rgba(8,22,40,0) 74%)}
.side-banners .sb-cap{position:absolute;left:18px;bottom:16px;color:#fff;z-index:2;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.side-banners .sb-cap b{display:block;font-size:17px;font-weight:800;margin-bottom:2px}
.side-banners .sb-cap span{font-size:12px;opacity:.95}

/* ============ Language switcher ============ */
.lang-switch{position:relative;flex:0 0 auto;margin-left:10px}
.lang-switch .lang-cur{
  display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border-radius:13px;
  background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:700;line-height:1
}
.lang-switch .lang-cur:hover{background:rgba(255,255,255,.28)}
.lang-switch .ls-flag{font-size:13px;line-height:1;display:inline-flex;align-items:center}
.lang-switch .ls-flagimg{width:18px;height:12px;display:block;border-radius:1.5px;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.lang-switch .chev{width:9px;height:9px;opacity:.85;transition:transform .18s}
.lang-switch.is-open .chev{transform:rotate(180deg)}
.lang-switch .lang-list{
  position:absolute;right:0;top:calc(100% + 6px);min-width:158px;z-index:130;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:0 10px 26px rgba(15,39,64,.18);padding:5px;display:none
}
.lang-switch.is-open .lang-list{display:block}
.lang-switch .lang-list a{
  display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:4px;
  font-size:12.6px;color:var(--ink);white-space:nowrap
}
.lang-switch .lang-list a:hover{background:#f2f6fa;color:var(--primary)}
.lang-switch .lang-list li.is-current a{color:var(--primary);font-weight:700}

/* The switcher lives in the top bar on every screen size */
.lang-switch.ls-mobile{display:none}
@media (max-width:760px){
  .lang-switch.ls-top{margin-left:0}
  .lang-switch.ls-top .lang-cur{height:26px;padding:0 8px;font-size:12px}
  .lang-switch.ls-top .lang-list{min-width:150px;right:0;left:auto}
  .lang-switch.ls-top{z-index:130}
}

/* ============ About page ============ */
.ab-hero{background:linear-gradient(135deg,#0d3f70 0%,#00223f 55%,#001729 100%);color:#fff;padding:58px 0 0;position:relative;overflow:hidden}
.ab-hero::after{content:"";position:absolute;right:-180px;top:-220px;width:640px;height:640px;border-radius:50%;
  background:radial-gradient(circle,rgba(183,148,88,.20),rgba(183,148,88,0) 68%);pointer-events:none}
.ab-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center;position:relative;z-index:1}
.ab-kicker{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#d9ba85;margin-bottom:14px}
.ab-kicker.dark{color:var(--accent)}
.ab-hero h1{font-size:40px;line-height:1.16;font-weight:800;letter-spacing:-.5px;margin:0 0 18px;max-width:600px}
.ab-hero p{font-size:15px;line-height:1.75;color:rgba(255,255,255,.76);max-width:520px;margin:0 0 26px}
.ab-hero-actions{display:flex;align-items:center;gap:24px}
.ab-ghost{color:#fff;font-size:13.5px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:3px}
.ab-ghost:hover{border-color:var(--accent);color:#e9cf9f}
.ab-hero-media img{width:100%;height:370px;object-fit:cover;border-radius:6px;display:block;
  box-shadow:0 24px 60px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.10)}
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid rgba(255,255,255,.14)}
.ab-stats > div{padding:20px 0 24px 24px;border-right:1px solid rgba(255,255,255,.14)}
.ab-stats > div:first-child{padding-left:0}
.ab-stats > div:last-child{border-right:0}
.ab-stats b{display:block;font-size:30px;font-weight:800;letter-spacing:-.5px;color:#fff;line-height:1}
.ab-stats span{display:block;margin-top:7px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}

.ab-2col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ab-story-text h2{font-size:30px;line-height:1.24;font-weight:800;color:var(--primary);margin:0 0 18px;letter-spacing:-.4px}
.ab-story-text p{font-size:14.5px;line-height:1.78;color:var(--ink-2);margin:0 0 14px}
.ab-sign{display:flex;align-items:center;gap:14px;margin-top:24px}
.ab-sign-line{width:36px;height:2px;background:var(--accent);flex:0 0 36px}
.ab-sign b{display:block;font-size:13.5px;color:var(--ink)}
.ab-sign small{font-size:11.5px;color:var(--muted)}
.ab-story-media{position:relative}
.ab-story-media img{width:100%;height:400px;object-fit:cover;border-radius:6px;display:block}
.ab-media-tag{position:absolute;left:18px;bottom:18px;background:rgba(0,34,63,.86);color:#fff;font-size:11.5px;
  letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:3px;backdrop-filter:blur(2px)}

.ab-make{background:#f7f5f0}
.ab-head{text-align:center;max-width:640px;margin:0 auto 34px}
.ab-head h2{font-size:28px;font-weight:800;color:var(--primary);margin:0 0 8px;letter-spacing:-.3px}
.ab-head p{font-size:14px;color:var(--muted);margin:0}
.ab-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ab-card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;display:block;transition:.18s}
.ab-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,39,64,.10);border-color:#d8c9ab}
.ab-card img{width:100%;height:210px;object-fit:cover;display:block;background:#f4f1ea}
.ab-card-body{padding:18px 20px 20px}
.ab-card-body h3{font-size:16px;font-weight:800;color:var(--primary);margin:0 0 8px}
.ab-card-body p{font-size:13px;line-height:1.65;color:var(--ink-2);margin:0 0 12px}
.ab-card-link{font-size:12.5px;font-weight:700;color:var(--accent)}

.ab-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.ab-cap-item{border-top:2px solid var(--primary);padding-top:18px}
.ab-num{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--accent);margin-bottom:10px}
.ab-cap-item h3{font-size:15px;font-weight:800;color:var(--ink);margin:0 0 8px}
.ab-cap-item p{font-size:13px;line-height:1.7;color:var(--ink-2);margin:0}

.ab-process{background:#f7f5f0}
.ab-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;counter-reset:step}
.ab-steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px 20px 22px}
.ab-steps li::before{content:"";position:absolute;left:20px;right:20px;top:0;height:2px;background:linear-gradient(90deg,var(--accent),rgba(183,148,88,0))}
.ab-step-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;
  background:var(--primary);color:#fff;font-size:13px;font-weight:800;margin-bottom:12px}
.ab-steps h3{font-size:14.5px;font-weight:800;color:var(--ink);margin:0 0 8px}
.ab-steps p{font-size:12.8px;line-height:1.7;color:var(--ink-2);margin:0}

.ab-visit-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.ab-visit h2{font-size:28px;font-weight:800;color:var(--primary);margin:0 0 14px;letter-spacing:-.3px}
.ab-visit p{font-size:14px;line-height:1.75;color:var(--ink-2);margin:0 0 20px}
.ab-contact{list-style:none;margin:0 0 24px;padding:0}
.ab-contact li{display:flex;gap:14px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13px;color:var(--ink-2)}
.ab-contact b{flex:0 0 76px;color:var(--primary);font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding-top:2px}
.ab-visit-media{display:grid;grid-template-columns:1fr 1fr;gap:14px;height:420px}
.ab-visit-media img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}

.ab-cta{background:linear-gradient(120deg,#0d3f70,#001f39);color:#fff;padding:44px 0}
.ab-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ab-cta h2{font-size:26px;font-weight:800;margin:0 0 6px;letter-spacing:-.3px}
.ab-cta p{font-size:13.5px;color:rgba(255,255,255,.72);margin:0}

@media (max-width:1024px){
  .ab-hero-grid,.ab-2col,.ab-visit-grid{grid-template-columns:1fr;gap:32px}
  .ab-hero h1{font-size:32px}
  .ab-hero-media img{height:300px}
  .ab-stats{grid-template-columns:repeat(2,1fr)}
  .ab-stats > div:nth-child(2){border-right:0}
  .ab-stats > div:nth-child(3){padding-left:0}
  .ab-stats > div{padding-bottom:18px}
  .ab-cards{grid-template-columns:1fr}
  .ab-cap-grid,.ab-steps{grid-template-columns:repeat(2,1fr)}
  .ab-story-media img{height:320px}
}
@media (max-width:760px){
  .ab-hero{padding:40px 0 0}
  .ab-hero h1{font-size:26px}
  .ab-hero-media img{height:220px}
  .ab-stats b{font-size:24px}
  .ab-cap-grid,.ab-steps{grid-template-columns:1fr}
  .ab-visit-media img{height:180px}
  .ab-cta h2{font-size:21px}
}

/* ---- Header mini cart dropdown ---- */
.cart-wrap{position:relative;flex:0 0 auto}
.cart-pop{
  position:absolute;right:0;top:calc(100% + 10px);width:392px;max-width:92vw;background:#fff;
  border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 44px rgba(0,20,44,.18);
  z-index:140;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.18s;
}
.cart-pop.open{opacity:1;visibility:visible;transform:translateY(0)}
.cart-pop::before{content:"";position:absolute;right:18px;top:-6px;width:12px;height:12px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.cart-pop-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--primary)}
.cart-pop-head b{font-weight:700}
.cart-pop-close{border:none;background:none;font-size:22px;line-height:1;color:#6b7a8c;cursor:pointer;padding:0 2px}
.cart-pop-close:hover{color:var(--primary)}
.mcp-empty{padding:34px 20px;text-align:center;color:#6b7a8c;font-size:13.5px}
.mcp-empty svg{width:42px;height:42px;stroke:#b9c4cf;fill:none;stroke-width:1.6;margin-bottom:8px}
.mcp-empty .mcp-go{display:inline-block;margin-top:10px;padding:8px 20px;border:1px solid var(--primary);border-radius:4px;color:var(--primary);font-weight:600}
.mcp-empty .mcp-go:hover{background:var(--primary);color:#fff}
.mcp-list{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto}
.mcp-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #f0ede6;align-items:center}
.mcp-thumb{flex:0 0 56px;width:56px;height:56px;border:1px solid var(--line);border-radius:4px;overflow:hidden;display:block}
.mcp-thumb img{width:100%;height:100%;object-fit:cover}
.mcp-info{flex:1;min-width:0}
.mcp-name{display:block;font-size:13px;color:#16283c;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcp-name:hover{color:var(--primary)}
.mcp-attrs{display:block;font-size:11.5px;color:#8a97a5;margin-top:2px}
.mcp-meta{display:block;font-size:12px;color:#5d6b7a;margin-top:3px}
.mcp-side{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.mcp-subtotal{font-size:13.5px;font-weight:700;color:var(--primary)}
.mcp-remove{font-size:16px;color:#b9c4cf;line-height:1;text-decoration:none}
.mcp-remove:hover{color:#c0392b}
.mcp-foot{padding:12px 16px}
.mcp-total{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:10px}
.mcp-total b{font-size:17px;color:var(--primary)}
.mcp-actions{display:flex;gap:10px}
.mcp-actions a{flex:1;text-align:center;padding:9px 0;border-radius:4px;font-size:13.5px;font-weight:600;text-decoration:none}
.mcp-view{border:1px solid var(--primary);color:var(--primary)}
.mcp-view:hover{background:#f2f6fb}
.mcp-checkout{background:var(--gold,#A9803F);color:#fff;border:1px solid var(--gold,#A9803F)}
.mcp-checkout:hover{filter:brightness(1.08);color:#fff}
@media (max-width:1024px){.cart-pop{display:none}}

/* ===== Daily Deals: red nav item + promo collection page ===== */
.nav-list > li.hot > a{color:var(--sale);font-weight:800}
.nav-list > li.hot > a::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--sale);
  margin-right:6px;flex:0 0 auto;box-shadow:0 0 0 3px rgba(192,57,43,.14)
}
.nav-list > li.hot:hover > a{color:var(--sale)}
.drawer-menu li.hot > a{color:var(--sale);font-weight:800}

.deals-crumbs{padding-bottom:0}
.deals-hero{
  margin-top:10px;
  background:
    radial-gradient(760px 300px at 86% -30%, rgba(255,196,140,.34), transparent 64%),
    radial-gradient(520px 240px at 8% 130%, rgba(0,0,0,.22), transparent 70%),
    linear-gradient(102deg,#7d1a10 0%,#a92c19 46%,#cc4a2b 100%);
  color:#fff;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.12)
}
.deals-hero-in{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 20px 36px}
.deals-eyebrow{
  display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:#ffd2c6;margin-bottom:10px
}
.deals-copy h1{font-size:38px;line-height:1.1;letter-spacing:-.01em;font-weight:800;margin-bottom:10px}
.deals-copy h1 em{font-style:normal;color:#ffe0a3}
.deals-copy p{max-width:640px;font-size:14.5px;line-height:1.6;color:#ffe3db}
.deals-clock{
  display:inline-flex;align-items:center;gap:10px;margin:18px 0 12px;
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26);
  border-radius:40px;padding:8px 16px
}
.deals-clock .lbl{font-size:12px;letter-spacing:.04em;color:#ffd9cd}
.deals-clock strong{
  font-variant-numeric:tabular-nums;font-size:19px;font-weight:800;letter-spacing:.06em;color:#fff
}
.deals-points{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin-top:6px}
.deals-points li{font-size:12.5px;color:#ffdad0;display:flex;align-items:center;gap:7px}
.deals-points li::before{content:"";width:5px;height:5px;border-radius:50%;background:#ffd9a0}
.deals-stamp{
  flex:0 0 auto;width:132px;height:132px;border-radius:50%;
  border:2px dashed rgba(255,255,255,.42);display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;background:rgba(0,0,0,.16)
}
.deals-stamp .num{font-size:34px;font-weight:800;line-height:1;color:#fff}
.deals-stamp .txt{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#ffd6c8;margin-top:6px}

/* ---- Two promo ads right under the hero ---- */
.deals-promo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.dp-card{
  position:relative;display:block;min-height:200px;border-radius:var(--radius);overflow:hidden;
  transition:transform .18s,box-shadow .18s;color:#fff;isolation:isolate
}
.dp-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px -20px rgba(60,20,10,.55)}
.dp-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-1}
.dp-in{position:relative;z-index:2;padding:24px 26px;max-width:60%}
.dp-eyebrow{
  display:inline-block;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
  padding:4px 9px;border-radius:999px;margin-bottom:11px
}
.dp-card h3{font-size:23px;font-weight:800;line-height:1.16;letter-spacing:-.01em;margin-bottom:7px}
.dp-card h3 em{font-style:normal}
.dp-card p{font-size:12.5px;line-height:1.5;margin-bottom:13px}

/* coupon */
.dp-coupon{background:#8e1f12;color:#fff}
.dp-coupon::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#8e1f12 0%,rgba(142,31,18,.97) 38%,rgba(142,31,18,.70) 58%,rgba(142,31,18,0) 78%)
}
.dp-coupon .dp-eyebrow{background:rgba(255,255,255,.16);color:#ffe4d9}
.dp-coupon h3 em{color:#ffe0a3}
.dp-coupon p{color:#ffd9cd}
.dp-code{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dp-code code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14.5px;font-weight:700;
  letter-spacing:.14em;background:#fff;color:#a42a16;border-radius:5px;padding:9px 14px;
  border:1px dashed rgba(164,42,22,.45)
}
.dp-copy{
  font-family:inherit;font-size:12.5px;font-weight:700;color:#fff;cursor:pointer;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);
  border-radius:5px;padding:9px 14px;transition:.16s
}
.dp-copy:hover{background:rgba(255,255,255,.26)}
.dp-copy.is-done{background:#fff;color:#a42a16;border-color:#fff}
.dp-note{display:block;font-size:11.5px;color:#ffcabb;margin-top:10px}

/* product pick */
.dp-pick{background:#f6f2e9;color:var(--primary-dark,#0a2f57)}
.dp-pick::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#f6f2e9 0%,rgba(246,242,233,.96) 36%,rgba(246,242,233,.60) 60%,rgba(246,242,233,0) 80%)
}
.dp-pick .dp-eyebrow{background:rgba(183,148,88,.16);color:#8a6d34}
.dp-pick h3{color:#123b66}
.dp-pick p{color:#5d6b7a;margin-bottom:0}
.dp-price{display:flex;align-items:baseline;gap:9px;margin-bottom:12px!important}
.dp-price s{font-size:13px;color:#93a0ad}
.dp-price b{font-size:24px;font-weight:800;color:#c0392b;line-height:1}
.dp-save{font-size:10.5px;font-weight:800;color:#a42a16;background:#ffe4dd;border-radius:3px;padding:3px 7px;letter-spacing:.03em}
.dp-go{
  display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:#123b66
}
.dp-go svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.dp-pick:hover .dp-go svg{transform:translateX(4px)}

@media (max-width:860px){
  .deals-promo{grid-template-columns:1fr}
  .dp-card{min-height:200px}
  .dp-in{max-width:70%}
  .dp-bg{object-position:right center}
}
@media (max-width:560px){
  .dp-in{padding:20px 18px;max-width:100%}
  .dp-card h3{font-size:20px}
  .dp-bg{opacity:.45}
  .dp-coupon::after{background:linear-gradient(90deg,#8e1f12 0%,rgba(142,31,18,.93) 64%,rgba(142,31,18,.55) 100%)}
  .dp-pick::after{background:linear-gradient(90deg,#f6f2e9 0%,rgba(246,242,233,.94) 62%,rgba(246,242,233,.52) 100%)}
  .dp-code{gap:8px}
  .dp-code code{font-size:13.5px;letter-spacing:.1em;padding:8px 12px}
  .dp-copy{padding:8px 12px}
}

.deals-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0 14px;flex-wrap:wrap}
.deals-chips{display:flex;flex-wrap:wrap;gap:8px;min-width:0;flex:1 1 auto}
.chip{
  border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:999px;
  padding:8px 15px;font-size:12.8px;font-weight:600;cursor:pointer;transition:.16s;font-family:inherit
}
.chip:hover{border-color:#c9d3df;color:var(--primary)}
.chip.is-on{background:var(--primary);border-color:var(--primary);color:#fff}
.deals-count{font-size:12.5px;color:var(--muted)}
.deals-count b{color:var(--ink)}

.deals-grid{align-items:stretch}
.deal-cell{display:flex}
.deal-cell > .card{width:100%;height:100%}
.deal-cell > .card .price{color:var(--ink)}

.deals-empty{
  background:#fff;border:1px dashed var(--line);border-radius:var(--radius);
  padding:26px;text-align:center;color:var(--muted)
}
.deals-foot{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin:22px 0 40px}
.deal-note,.deal-cta{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}
.deal-note h3,.deal-cta h3{font-size:15px;font-weight:800;color:var(--primary);margin-bottom:10px}
.deal-note ul{list-style:none;display:grid;gap:8px}
.deal-note li{position:relative;padding-left:16px;font-size:13px;color:var(--ink-2);line-height:1.55}
.deal-note li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--sale)}
.deal-cta{background:linear-gradient(180deg,#fff 0%,#fbf6ee 100%)}
.deal-cta p{font-size:13px;color:var(--ink-2);line-height:1.6;margin-bottom:14px}
.btn-deal{
  display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;
  background:var(--sale);color:#fff;font-weight:700;font-size:13px;border-radius:var(--radius);transition:.16s
}
.btn-deal:hover{background:#a5301f;color:#fff}

@media (max-width:900px){
  .deals-hero-in{flex-direction:column;align-items:flex-start;gap:18px;padding:26px 20px 28px}
  .deals-stamp{display:none}
  .deals-copy h1{font-size:30px}
  .deals-stamp{width:96px;height:96px}
  .deals-stamp .num{font-size:26px}
  .deals-foot{grid-template-columns:1fr}
}
@media (max-width:560px){
  .deals-bar{gap:10px}
  .deals-chips{gap:6px}
  .deals-copy h1{font-size:25px}
  .deals-clock strong{font-size:16px}
  .chip{padding:7px 12px;font-size:12px}
}
.drawer-list a[href*="/daily-deals/"]{color:var(--sale);font-weight:800}

/* ============================================================
   Cart page — card rows with large thumbnails
   ============================================================ */
.woocommerce-cart .page-article > .archive-title,
.woocommerce-checkout .page-article > .archive-title,
.woocommerce-order-received .page-article > .archive-title{display:none}
.fs-cart{margin:4px 0 10px}
.woocommerce-cart .fs-cart table.shop_table.fs-cart-table{display:block;width:100%;border:0;background:none;border-radius:0;margin:0}
.fs-cart-table thead,.fs-cart-table tbody{display:block;width:100%}
.fs-cart-table thead tr{display:grid;grid-template-columns:104px minmax(0,1fr) 104px 124px 116px 34px;gap:18px;padding:0 20px 10px;background:none;border:0}
.fs-cart-table thead th{border:0;padding:0;background:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;text-align:left}
.fs-cart-table tbody tr.cart_item{
  display:grid;grid-template-columns:104px minmax(0,1fr) 104px 124px 116px 34px;gap:18px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 20px;margin-bottom:12px;
  box-shadow:0 1px 2px rgba(0,25,60,.03);transition:border-color .15s
}
.fs-cart-table tbody tr.cart_item:hover{border-color:#ccd4e0}
.fs-cart-table td{border:0;padding:0;background:none;vertical-align:middle}
.fs-cart-table .product-thumbnail img.fs-cart-thumb,
.fs-cart-table .product-thumbnail img{width:104px;height:104px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;display:block}
.fs-cart-name{font-size:15px;font-weight:700;line-height:1.35;color:var(--primary-dark)}
.fs-cart-name a{color:inherit}
.fs-cart-name a:hover{color:var(--accent)}
.fs-cart-meta{margin-top:6px;font-size:12px;color:var(--muted)}
.fs-cart-meta p{margin:0;font-size:12px;color:var(--muted)}
.fs-cart-meta dl.variation{display:flex;flex-wrap:wrap;gap:2px 14px;margin:0;font-size:12px}
.fs-cart-meta dl.variation dt{float:none;font-weight:400;color:var(--muted);margin:0}
.fs-cart-meta dl.variation dd{margin:0;color:var(--ink-2)}
.fs-cart-meta dl.variation dd p{margin:0}
.fs-cart-table .product-price{font-size:13px;color:var(--ink-2)}
.fs-cart-table .product-subtotal{font-size:15px;font-weight:800;color:var(--primary-dark)}
.fs-cart-table .quantity{display:inline-flex;align-items:center;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.fs-cart-table .quantity .qty{width:60px;height:36px;border:0;background:transparent;text-align:center;font-weight:700;font-size:13px;-moz-appearance:textfield}
.fs-cart-table .quantity .qty::-webkit-outer-spin-button,
.fs-cart-table .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fs-cart-table .product-remove{text-align:center}
.fs-cart-table .product-remove a.remove{
  display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;
  background:#f1f3f6;color:#9aa3b2;font-size:17px;line-height:1;text-decoration:none;transition:.15s
}
.fs-cart-table .product-remove a.remove:hover{background:#fdecea;color:var(--sale)}
.fs-cart-table tbody tr:not(.cart_item){display:block}
.fs-cart-table td.actions{display:block;width:100%;padding:8px 0 0}
.fs-cart-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.fs-cart-actions .coupon{display:flex;align-items:center;gap:8px;flex-wrap:wrap;float:none}
.fs-cart-actions input#coupon_code{height:42px;min-width:220px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#fff;font-size:13px}
.fs-cart-actions input#coupon_code:focus{outline:none;border-color:var(--primary)}
.fs-btn-line{
  display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;
  border:1px solid var(--primary);color:var(--primary);border-radius:8px;background:#fff;
  font-size:13px;font-weight:700;transition:.15s;text-decoration:none
}
.fs-btn-line:hover{background:var(--primary);color:#fff}
.fs-btn-gold{
  display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 26px;
  background:var(--accent);color:#fff;border-radius:8px;font-size:14px;font-weight:800;transition:.15s
}
.fs-btn-gold:hover{background:var(--accent-dark);color:#fff}
.fs-cart-collaterals{display:block;margin-top:10px}
.fs-cart .cart_totals{
  float:none;width:420px;max-width:100%;margin-left:auto;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:22px 24px;box-shadow:0 8px 28px rgba(0,25,60,.05)
}
.fs-cart .cart_totals h2{font-size:16px;font-weight:800;color:var(--primary-dark);margin-bottom:10px}
.fs-cart .cart_totals table{width:100%;border:0;background:none;margin:0}
.fs-cart .cart_totals table th,.fs-cart .cart_totals table td{
  border:0;padding:8px 0;background:none;font-size:13px;text-align:left;vertical-align:top
}
.fs-cart .cart_totals table td{text-align:right;font-weight:700;color:var(--ink)}
.fs-cart .cart_totals tr.order-total th{font-size:14px;color:var(--ink-2);padding-top:12px;border-top:1px dashed var(--line)}
.fs-cart .cart_totals tr.order-total td{font-size:22px;font-weight:800;color:var(--primary-dark);padding-top:10px;border-top:1px dashed var(--line)}
.fs-cart .cart_totals .wc-proceed-to-checkout{padding:16px 0 0}
.fs-cart .cart_totals .wc-proceed-to-checkout a.checkout-button{
  display:block;height:48px;line-height:48px;text-align:center;background:var(--accent);color:#fff;
  border-radius:8px;font-size:15px;font-weight:800;padding:0;transition:.15s
}
.fs-cart .cart_totals .wc-proceed-to-checkout a.checkout-button:hover{background:var(--accent-dark)}
.fs-cart .cross-sells > h2{font-size:18px;font-weight:800;color:var(--primary-dark);margin:26px 0 12px}

@media (max-width:900px){
  .fs-cart-table thead{display:none}
  .fs-cart-table tbody tr.cart_item{
    grid-template-columns:88px minmax(0,1fr) auto;
    grid-template-areas:"thumb info remove" "thumb price price" "thumb qty sub";
    gap:6px 14px;padding:14px
  }
  .fs-cart-table .product-thumbnail{grid-area:thumb;align-self:start}
  .fs-cart-table .product-thumbnail img.fs-cart-thumb,
  .fs-cart-table .product-thumbnail img{width:88px;height:88px;padding:4px}
  .fs-cart-table .product-name{grid-area:info}
  .fs-cart-table .product-price{grid-area:price;font-size:12.5px}
  .fs-cart-table .product-quantity{grid-area:qty}
  .fs-cart-table .product-subtotal{grid-area:sub;justify-self:end;align-self:center}
  .fs-cart-table .product-remove{grid-area:remove;justify-self:end;align-self:start}
  .fs-cart-actions{flex-direction:column;align-items:stretch}
  .fs-cart-actions .coupon{width:100%}
  .fs-cart-actions input#coupon_code{flex:1;min-width:0}
  .fs-cart .cart_totals{width:100%;padding:18px}
}

/* ============================================================
   Order received (thank-you) page
   ============================================================ */
.fs-thanks{margin:4px 0 10px}
.fs-thanks-hero{position:relative;display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 30px;overflow:hidden}
.fs-thanks-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(600px 220px at 88% -40%,rgba(169,128,63,.16),transparent 70%),
    radial-gradient(520px 200px at -5% 130%,rgba(0,43,92,.07),transparent 65%)
}
.fs-thanks-hero.is-failed{border-color:#f0c9c4}
.fs-thanks-hero.is-failed::before{background:radial-gradient(600px 220px at 88% -40%,rgba(192,57,43,.14),transparent 70%)}
.fs-thanks-badge{
  position:relative;flex:0 0 auto;width:58px;height:58px;border-radius:50%;
  background:#eaf6ee;border:1px solid #cfe8d6;color:#1f7a43;
  display:flex;align-items:center;justify-content:center
}
.fs-thanks-hero.is-failed .fs-thanks-badge{background:#fdecea;border-color:#f2cfc9;color:var(--sale);font-size:26px;font-weight:800}
.fs-thanks-copy{position:relative;min-width:0}
.fs-thanks-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:8px}
.fs-thanks-copy h1{font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.01em;color:var(--primary-dark);margin-bottom:8px}
.fs-thanks-copy p{font-size:14px;line-height:1.6;color:var(--ink-2);max-width:660px}
.fs-thanks-copy p b{color:var(--primary-dark)}
.fs-thanks-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.fs-thanks-meta{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);
  border-radius:14px;margin-top:16px;overflow:hidden
}
.fs-thanks-meta li{padding:16px 20px;border-right:1px solid var(--line)}
.fs-thanks-meta li:last-child{border-right:0}
.fs-thanks-meta span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.fs-thanks-meta strong{font-size:15px;font-weight:700;color:var(--primary-dark);word-break:break-word}
.fs-thanks-meta strong.is-total{font-size:19px;font-weight:800}
.fs-thanks-grid{display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:24px;margin-top:26px;align-items:start}
.fs-block-title{font-size:18px;font-weight:800;color:var(--primary-dark);margin-bottom:12px}
.fs-order-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.fs-order-items{padding:4px 20px}
.fs-order-item{display:grid;grid-template-columns:70px minmax(0,1fr) 52px 108px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.fs-order-item:last-child{border-bottom:0}
.fs-order-thumbwrap img,.fs-order-thumb{width:70px;height:70px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:9px;padding:4px;display:block}
.fs-order-name{font-size:14px;font-weight:700;line-height:1.4;color:var(--primary-dark)}
.fs-order-meta{margin-top:5px;font-size:12px;color:var(--muted)}
.fs-order-meta p{margin:0;font-size:12px;color:var(--muted)}
.fs-order-meta dl.variation{display:flex;flex-wrap:wrap;gap:2px 12px;margin:0}
.fs-order-meta dl.variation dt{float:none;font-weight:400;color:var(--muted);margin:0}
.fs-order-meta dl.variation dd{margin:0;color:var(--ink-2)}
.fs-order-meta dl.variation dd p{margin:0}
.fs-order-qty{text-align:center;font-size:13px;font-weight:700;color:var(--ink-2)}
.fs-order-line{text-align:right;font-size:14px;font-weight:800;color:var(--primary-dark)}
.fs-order-totals{background:#fafbfc;border-top:1px solid var(--line);padding:14px 20px 16px}
.fs-total-row{display:flex;justify-content:space-between;gap:16px;padding:6px 0;font-size:13px;color:var(--ink-2)}
.fs-total-row em{font-style:normal;font-size:12px;color:var(--muted);margin-left:6px}
.fs-total-row.is-discount span:last-child{color:var(--sale);font-weight:700}
.fs-total-row.is-grand{border-top:1px dashed var(--line);margin-top:6px;padding-top:12px;font-size:15px;font-weight:800;color:var(--primary-dark)}
.fs-total-row.is-grand span:last-child{font-size:21px}
.fs-pay-note{margin-top:16px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;padding:18px 20px}
.fs-pay-note h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.fs-pay-note ul{margin:0}
.fs-pay-note li{font-size:13px;color:var(--ink-2);padding:3px 0}
.fs-thanks-side{display:block}
.fs-side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:14px}
.fs-side-card h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:10px}
.fs-side-card address{font-style:normal;font-size:13.5px;line-height:1.75;color:var(--ink-2)}
.fs-next-steps ol{counter-reset:fsstep;display:grid;gap:14px}
.fs-next-steps li{position:relative;padding-left:34px;counter-increment:fsstep}
.fs-next-steps li::before{
  content:counter(fsstep);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;
  background:rgba(0,43,92,.07);color:var(--primary);font-size:11px;font-weight:800;
  display:flex;align-items:center;justify-content:center
}
.fs-next-steps b{display:block;font-size:13.5px;font-weight:700;color:var(--primary-dark);margin-bottom:3px}
.fs-next-steps span{font-size:12.5px;line-height:1.55;color:var(--muted)}
.fs-side-help{background:var(--primary-dark);color:#cdd8e6;border-radius:14px;padding:18px 20px;font-size:12.5px;line-height:1.65}
.fs-side-help strong{display:block;color:#fff;font-size:13.5px;margin-bottom:5px}

@media (max-width:980px){
  .fs-thanks-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .fs-thanks-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fs-thanks-meta li:nth-child(2n){border-right:0}
  .fs-thanks-meta li:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:600px){
  .fs-thanks-hero{flex-direction:column;gap:14px;padding:22px 20px}
  .fs-thanks-copy h1{font-size:23px}
  .fs-thanks-actions{flex-direction:column;align-items:stretch}
  .fs-thanks-actions a{justify-content:center}
  .fs-thanks-meta{grid-template-columns:minmax(0,1fr)}
  .fs-thanks-meta li{border-right:0;border-bottom:1px solid var(--line);padding:13px 16px}
  .fs-thanks-meta li:last-child{border-bottom:0}
  .fs-order-item{grid-template-columns:60px minmax(0,1fr) auto;grid-template-areas:"thumb info line" "thumb meta qty";gap:4px 12px}
  .fs-order-thumbwrap{grid-area:thumb}
  .fs-order-thumbwrap img,.fs-order-thumb{width:60px;height:60px}
  .fs-order-info{grid-area:info}
  .fs-order-line{grid-area:line}
  .fs-order-qty{grid-area:qty;text-align:right}
  .fs-order-qty{display:none}
  .fs-order-items{padding:2px 16px}
  .fs-order-totals{padding:12px 16px}
}

/* --- fixes: order items / totals nowrap --- */
.fs-thanks-meta strong{white-space:nowrap}
.fs-total-row span{white-space:nowrap}
.fs-total-row span:first-child{white-space:normal}
.fs-cart .wc-item-meta,.fs-thanks .wc-item-meta{
  display:flex;flex-wrap:wrap;gap:2px 16px;margin:6px 0 0;padding:0;list-style:none
}
.fs-cart .wc-item-meta li,.fs-thanks .wc-item-meta li{
  display:flex;gap:5px;margin:0;padding:0;border:0;list-style:none;font-size:12px;color:var(--muted);line-height:1.5
}
.fs-cart .wc-item-meta li p,.fs-thanks .wc-item-meta li p{margin:0;font-size:12px}
.fs-cart .wc-item-meta-label,.fs-thanks .wc-item-meta-label{
  float:none;font-weight:400;color:var(--muted);margin:0;min-width:0
}
.fs-cart .wc-item-meta li strong,.fs-thanks .wc-item-meta li strong{font-weight:400;color:var(--ink-2)}
.fs-order-thumbwrap{
  flex:0 0 auto;width:72px;height:72px;display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px;overflow:hidden
}
.fs-thanks .fs-order-thumbwrap img{
  width:62px !important;height:62px !important;max-width:62px;object-fit:contain;
  border:0;border-radius:0;padding:0;margin:0
}
.fs-order-item{grid-template-columns:72px minmax(0,1fr) 52px 108px}

/* ---------------------------------------------------------------------------
   Home "Shop by Category" block — 2026-11-01
   The category tree already lives in the primary menu and in the mobile
   drawer, so the block on the home page only pushed the products further
   down. Hidden on every breakpoint now (it used to be phones only). The
   markup stays in front-page.php: delete the next rule to bring it back.
   ------------------------------------------------------------------------- */
.section-cats{display:none}

/* ---------------------------------------------------------------------------
   Service strip — icon alignment on narrow screens — 2026-11-01
   The icons used to be centred against the whole text block, so any label
   that wrapped onto a second line pushed its icon down and the four cells
   stopped lining up. Icons now align with the first (title) line, and the
   title line-height matches the icon box.
   ------------------------------------------------------------------------- */
@media (max-width: 980px) {
  .strip .wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
  .strip-item { align-items: flex-start; justify-content: flex-start; gap: 8px; }
  .strip-item svg { width: 22px; height: 22px; flex: 0 0 22px; margin-top: 1px; }
  .strip-item b { font-size: 12.5px; line-height: 22px; margin: 0 0 3px; }
  .strip-item > div > span { display: block; font-size: 11px; line-height: 1.5; }
  /* the price is nested spans too - keep them inline so "$299" never splits */
  .strip-item .woocommerce-Price-amount,
  .strip-item .woocommerce-Price-currencySymbol,
  .strip-item bdi { display: inline; white-space: nowrap; }
}
@media (max-width: 360px) {
  .strip-item svg { width: 20px; height: 20px; flex: 0 0 20px; margin-top: 1px; }
  .strip-item b { font-size: 12px; line-height: 20px; }
  .strip-item > div > span { font-size: 10.5px; }
}

/* Promo cards: navy placeholder instead of grey while the image loads */
.banner-row a { background: #10365e; }

/* Promo caption gets a little more room so titles stay on one line */
.banner-row .bcap{max-width:calc(52% - 20px)}
.banner-row .bcap b{font-size:16px}

/* Phones: the navy cards were 220px tall, which left a lot of empty blue
   under the artwork. 190px keeps the artwork complete and the row tighter. */
@media (max-width: 760px){
  .banner-row{gap:12px}
  .banner-row a{height:190px}
  .banner-row .bcap b{font-size:15px}
  .banner-row .bcap span{font-size:11px}
}