/* Kalahari Kove - colours and type from the brand guide */
:root{
  --sand:#D8C3A5; --olive:#4B5540; --olive-dark:#3b4332; --clay:#B85F3D;
  --ivory:#F7F3EA; --charcoal:#252824; --white:#fff; --line:#e4dccd; --muted:#6b6a63;
  --radius:10px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ivory);color:var(--charcoal);font:400 16px/1.55 "DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3{font-family:"Bitter",Georgia,serif;font-weight:600;line-height:1.2;color:var(--charcoal)}
h1{font-size:clamp(28px,4vw,38px);margin:.2em 0 .4em}
h2{font-size:clamp(20px,2.4vw,26px);margin:1.2em 0 .6em}
a{color:var(--olive)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.section{padding:28px 16px 48px}
.narrow{max-width:760px}
.small{font-size:14px}
.muted{color:var(--muted)}
.lead{font-size:18px}

/* Header */
.site-header{background:var(--ivory);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.header-row{display:flex;align-items:center;gap:18px;padding-top:8px;padding-bottom:8px}
.logo img{height:84px;width:auto}
.search{flex:1;display:flex;max-width:560px;margin-left:auto}
.search input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius) 0 0 var(--radius);font:inherit;background:var(--white)}
.search button{padding:0 16px;border:0;border-radius:0 var(--radius) var(--radius) 0;background:var(--olive);color:var(--ivory);font:500 15px "DM Sans",sans-serif;cursor:pointer}
.head-link{color:var(--charcoal);text-decoration:none;font-weight:500}
.cart-link{font-weight:700;text-decoration:none;color:var(--charcoal);white-space:nowrap}
.cart-count{display:inline-block;min-width:24px;padding:1px 7px;border-radius:12px;background:var(--clay);color:var(--white);text-align:center;font-size:13px}
.menu-toggle{display:none;border:1px solid var(--line);background:var(--ivory);border-radius:var(--radius);padding:8px 12px;font:500 15px "DM Sans",sans-serif;color:var(--charcoal)}
.main-nav{background:var(--olive);position:relative}
.nav-row{display:flex;align-items:stretch;gap:12px}
.nav-list{list-style:none;margin:0;padding:0;display:flex;flex:1;justify-content:space-between;min-width:0}
.nav-top{display:block;padding:12px 4px;color:var(--ivory);text-decoration:none;font-weight:500;font-size:15px;white-space:nowrap;border-bottom:3px solid transparent}
.nav-item:hover>.nav-top,.nav-item:focus-within>.nav-top{border-bottom-color:var(--sand)}
.nav-cta{align-self:center;white-space:nowrap;background:var(--clay);color:var(--white);text-decoration:none;font-weight:700;font-size:14px;padding:7px 14px;border-radius:20px}
.nav-cta:hover{background:#a2502f}
.mega{display:none;position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(37,40,36,.14);z-index:40}
.nav-item:hover>.mega,.nav-item:focus-within>.mega{display:block}
.mega-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px 28px;padding-top:22px;padding-bottom:22px}
.mega-cat{display:block;font:600 16px "Bitter",serif;color:var(--charcoal);text-decoration:none;margin-bottom:6px}
.mega-cat:hover{color:var(--clay)}
.mega ul{list-style:none;margin:0;padding:0}
.mega li a{display:block;padding:3px 0;color:var(--muted);text-decoration:none;font-size:14px}
.mega li a:hover{color:var(--olive);text-decoration:underline}
.mega-all{grid-column:1/-1;font-weight:700;color:var(--clay);text-decoration:none;border-top:1px solid var(--line);padding-top:12px}

/* Hero slideshow */
.hero{background:#2a2230;position:relative;overflow:hidden}
.hero-show{min-height:580px;display:flex;flex-direction:column;justify-content:center}
.hero-scenes,.hero-slides{position:absolute;inset:0}
.scene{position:absolute;inset:0;background-size:cover;background-position:center bottom;opacity:0;transition:opacity 2.4s ease;transform:scale(1.04)}
.scene.on{opacity:1;animation:kk-drift 14s linear forwards}
@keyframes kk-drift{from{transform:scale(1.04) translateX(0)}to{transform:scale(1.1) translateX(-1.5%)}}
.hero-scenes::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,14,12,.72) 0%,rgba(18,14,12,.45) 38%,rgba(18,14,12,0) 62%)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto}
.slide-img{position:absolute;right:3%;top:7%;bottom:15%;width:54%}
.slide-img img{position:absolute;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 18px rgba(0,0,0,.45))}
.slide-main{left:20%;bottom:0;height:calc(80% * var(--s,1));width:80%;transform:translateX(40px) scale(.96);opacity:0;transition:transform 1s cubic-bezier(.2,.7,.2,1) .15s,opacity .8s .15s}
.slide-back{left:-6%;bottom:20%;height:40%;width:38%;object-position:left bottom;opacity:0;transform:translateX(-30px);transition:transform 1.4s ease .35s,opacity 1s .35s}
.slide.on .slide-main{transform:none;opacity:1}
.slide.on .slide-back{transform:none;opacity:.78;filter:saturate(.65) brightness(.8) blur(.6px) drop-shadow(0 10px 10px rgba(0,0,0,.35))}
.slide-tag{position:absolute;right:3%;bottom:52px;max-width:330px;background:rgba(247,243,234,.95);color:var(--charcoal);text-decoration:none;padding:12px 16px;border-radius:var(--radius);display:flex;flex-direction:column;gap:2px;transform:translateY(10px);opacity:0;transition:all .6s .6s;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.slide.on .slide-tag{transform:none;opacity:1}
.slide-cat{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--clay)}
.slide-name{font-weight:500}
.slide-price{font-weight:700;font-size:18px}
.slide-go{font-weight:500;font-size:14px;color:var(--olive);margin-left:8px}
.hero::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-70px;height:110px;background:var(--olive);border-radius:50% 50% 0 0/100% 100% 0 0;opacity:.95;pointer-events:none}
.hero-inner{padding:56px 16px 110px;position:relative;z-index:1;pointer-events:none;width:100%}
.hero-copy{max-width:500px;pointer-events:auto}
.hero h1{font-size:clamp(36px,6vw,62px);margin:0 0 .2em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hero .lead{color:#f3ebdd;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.hero-nav{position:absolute;left:0;right:0;bottom:16px;z-index:2;display:flex;align-items:center;gap:12px;justify-content:flex-start}
.hero-nav>button{width:36px;height:36px;border-radius:50%;border:0;background:rgba(247,243,234,.92);color:var(--charcoal);font-size:17px;cursor:pointer}
.hero-dots{display:flex;gap:7px}
.hero-dots button{width:10px;height:10px;padding:0;border-radius:50%;border:0;background:rgba(247,243,234,.5);cursor:pointer}
.hero-dots button.on{background:var(--ivory);width:26px;border-radius:6px}
@media (prefers-reduced-motion:reduce){.scene.on{animation:none}}
.btn.btn-light{background:var(--ivory);color:var(--olive)}
.btn.btn-light:hover{background:var(--white)}

/* Campsite teaser */
.camp-teaser{background:var(--charcoal);color:var(--ivory);margin:12px 0}
.camp-teaser h2{color:var(--ivory);margin-top:0}
.camp-teaser-inner{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding-top:44px;padding-bottom:44px}
.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:13px;color:var(--sand);margin:0 0 6px;font-weight:700}
.camp-teaser-art{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.camp-teaser-art span{width:120px;height:120px;border-radius:50%;background:var(--white);border:4px solid var(--sand);overflow:hidden;display:flex;align-items:center;justify-content:center}
.camp-teaser-art span:nth-child(even){transform:translateY(24px)}
.camp-teaser-art img{width:86%;height:86%;object-fit:contain}

/* Buttons */
.btn{display:inline-block;padding:12px 22px;border:0;border-radius:var(--radius);background:var(--olive);color:var(--ivory);font:700 16px "DM Sans",sans-serif;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--olive-dark)}
.btn-ghost{background:transparent;color:var(--olive);border:2px solid var(--olive)}
.btn-ghost:hover{background:var(--olive);color:var(--ivory)}
.btn-small{padding:6px 12px;font-size:14px}
.link{background:none;border:0;color:var(--clay);text-decoration:underline;cursor:pointer;font:inherit;padding:0}

/* Departments */
.dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.dept{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--charcoal);padding:12px;display:flex;flex-direction:column;gap:4px;transition:box-shadow .15s}
.dept:hover{box-shadow:0 6px 18px rgba(37,40,36,.10)}
.dept-img{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--white)}
.dept-img img{width:100%;height:100%;object-fit:contain}
.dept-name{font:600 17px "Bitter",serif}
.dept-count{font-size:13px;color:var(--muted)}

/* Product grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:12px;text-decoration:none;color:var(--charcoal);display:flex;flex-direction:column;gap:4px;transition:box-shadow .15s}
.card:hover{box-shadow:0 6px 18px rgba(37,40,36,.10)}
.card-img{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.card-img img{width:100%;height:100%;object-fit:contain}
.card-brand{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.card-title{font-weight:500;font-size:15px;line-height:1.35;flex:1}
.card-price{font-weight:700;font-size:17px}
.badge{display:inline-block;padding:2px 9px;border-radius:12px;background:var(--clay);color:var(--white);font-size:12px;font-weight:700}
.card .badge{position:absolute;top:10px;left:10px}
.badge-out{background:var(--charcoal)}

/* Shop layout */
.shop{display:grid;grid-template-columns:260px 1fr;gap:28px;padding-top:24px;padding-bottom:48px}
.filters-toggle{display:none}
.filters form{position:sticky;top:150px;max-height:calc(100vh - 170px);overflow:auto;padding-right:6px}
.fgroup{border-bottom:1px solid var(--line);padding:12px 0 14px}
.fgroup:first-child{padding-top:0}
.filters-title{font-size:16px;margin:0 0 8px}
.cat-tree{list-style:none;margin:0;padding:0}
.cat-tree li{margin:3px 0}
.cat-tree a{text-decoration:none;color:var(--charcoal);font-size:15px;display:flex;justify-content:space-between;gap:8px}
.cat-tree a span{color:var(--muted);font-size:13px}
.cat-tree a:hover{color:var(--clay)}
.cat-tree li.active>a{font-weight:700;color:var(--olive)}
.cat-tree ul{list-style:none;padding-left:12px;margin:4px 0 8px;border-left:2px solid var(--sand)}
.tree-back a{color:var(--muted);font-size:14px}
.price-ranges{list-style:none;margin:0 0 10px;padding:0}
.price-ranges a{display:block;padding:2px 0;color:var(--charcoal);text-decoration:none;font-size:15px}
.price-ranges a.active{font-weight:700;color:var(--olive)}
.price-inputs{display:flex;align-items:center;gap:6px}
.price-inputs input{width:84px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px;background:var(--white)}
.fcheck{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:15px;cursor:pointer}
.fcheck span{margin-left:auto;color:var(--muted);font-size:13px}
.fcheck input{accent-color:var(--olive);width:16px;height:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.results-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.results-head h1{margin-bottom:0}
.results-head p{margin:4px 0 0}
.sort select{font:inherit;padding:6px;border-radius:8px;border:1px solid var(--line);background:var(--white)}
.crumbs a{color:var(--muted)}
.subcat-tiles{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.subcat-tiles a{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:7px 14px;text-decoration:none;color:var(--charcoal);font-weight:500;font-size:14px}
.subcat-tiles a:hover{border-color:var(--olive);color:var(--olive)}
.subcat-tiles span{color:var(--muted);font-weight:400;margin-left:4px}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0}
.chip{background:var(--olive);color:var(--ivory);text-decoration:none;border-radius:16px;padding:4px 12px;font-size:14px}
.chip:hover{background:var(--clay)}
.results .grid{margin-top:16px}
.pager{display:flex;gap:18px;justify-content:center;align-items:center;margin-top:28px}

/* Product page */
.product{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-bottom:24px}
.product-img{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;align-items:center;justify-content:center;align-self:start}
.price{font-size:28px;font-weight:700;margin:.2em 0}
.add-form{display:flex;gap:12px;align-items:center;margin:18px 0}
.add-form input{width:70px;padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit}
.desc ul{padding-left:20px}
.facts{border-collapse:collapse;margin-top:16px}
.facts th{text-align:left;padding:4px 16px 4px 0;color:var(--muted);font-weight:500}

/* Cart / checkout */
.cart{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}
.cart td[data-label]{white-space:nowrap}
.cart th,.cart td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.cart input[type=number]{width:64px;padding:6px;border:1px solid var(--line);border-radius:6px;font:inherit}
.cart-prod{display:flex;align-items:center;gap:12px}
.cart-prod img{width:56px;height:56px;object-fit:contain}
.cart-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:20px;flex-wrap:wrap}
.totals{min-width:260px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.totals p{display:flex;justify-content:space-between;gap:12px;margin:6px 0}
.totals .small{display:block}
.grand{font-size:19px;border-top:1px solid var(--line);padding-top:8px}
.notice{background:#eef0e6;border-left:4px solid var(--olive);padding:10px 14px;border-radius:6px}
.notice-error{background:#f7e6df;border-left-color:var(--clay)}
.notice-error p{margin:4px 0}
.checkout-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start}
.form label{display:block;margin:10px 0;font-weight:500;font-size:15px}
.form input,.form select,.form textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:400 16px "DM Sans",sans-serif;background:var(--white)}
.form .check{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.form .check input{width:auto;margin-top:5px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.summary{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.summary h2{margin-top:0;font-size:20px}
.sum-line{display:flex;justify-content:space-between;gap:12px;margin:8px 0;font-size:15px}
.hp{position:absolute;left:-9999px}
.prose h2{font-size:21px}

/* Footer */
.site-footer{background:var(--charcoal);color:#d9d4c8;margin-top:24px}
.site-footer a{color:#efe8da;text-decoration:none;display:block;margin:4px 0}
.site-footer h3{color:var(--sand);font-size:16px;margin:0 0 8px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:36px;padding-bottom:24px}
.footer-brand{font:600 22px "Bitter",serif;color:var(--ivory);margin:0}
.legal{border-top:1px solid #3a3d38;padding-top:14px;padding-bottom:20px}

/* Admin */
.admin-nav{display:flex;gap:18px;align-items:center;margin-left:auto;flex-wrap:wrap}
.inline{display:inline}
.inline-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.inline-form input,.inline-form select{width:auto;display:inline-block}
.status-paid{background:var(--olive)}
.status-pending{background:var(--sand);color:var(--charcoal)}
.status-check{background:var(--clay)}
.status-cancelled{background:var(--muted)}
.log{white-space:pre-wrap;background:var(--ivory);padding:8px;border-radius:6px;max-height:240px;overflow:auto}
.admin-products input[name=price]{width:110px;padding:6px;border:1px solid var(--line);border-radius:6px}

/* Campsite planner */
.camp-page h1{margin-bottom:.1em}
.cs{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;margin-top:18px}
.cs-stage{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:12/7;align-self:start;position:sticky;top:160px;background:#e9c99c;box-shadow:0 10px 30px rgba(37,40,36,.15)}
.cs-svg{position:absolute;inset:0;width:100%;height:100%}
.cs-sky-n,.cs-stars,.cs-moon{opacity:0;transition:opacity .9s}
.cs-sky-d,.cs-sun{transition:opacity .9s}
.cs.night .cs-sky-n,.cs.night .cs-stars,.cs.night .cs-moon{opacity:1}
.cs.night .cs-sky-d,.cs.night .cs-sun{opacity:0}
.cs-star{fill:#fff;animation:csTwinkle 3s infinite ease-in-out}
@keyframes csTwinkle{50%{opacity:.25}}
.cs-dune1{fill:#d9b98c;transition:fill .9s}.cs-dune2{fill:#cfa874;transition:fill .9s}.cs-ground{fill:#c39a66;transition:fill .9s}
.cs.night .cs-dune1{fill:#4a4258}.cs.night .cs-dune2{fill:#3d3646}.cs.night .cs-ground{fill:#3a3530}
.cs-grass path{stroke:#6f7a4f;stroke-width:3;fill:none;stroke-linecap:round}
.cs.night .cs-tree ellipse,.cs.night .cs-tree path{opacity:.9}
.cs-fireglow,.cs-lightglow{opacity:0;transition:opacity .8s}
.cs.night.has-fire .cs-fireglow{opacity:1;animation:csFlicker 1.6s infinite alternate}
.cs.night.has-light .cs-lightglow{opacity:.8}
@keyframes csFlicker{to{opacity:.7}}
.cs-pins{position:absolute;inset:0}
.cs-pin{position:absolute;transform:translate(-50%,-50%);border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;width:clamp(64px,10%,110px)}
.cs-plus{width:46px;height:46px;border-radius:50%;background:rgba(247,243,234,.85);border:2px dashed var(--olive);color:var(--olive);font:700 26px/40px "DM Sans",sans-serif;animation:csPulse 2.2s infinite}
@keyframes csPulse{0%{box-shadow:0 0 0 0 rgba(184,95,61,.55)}70%{box-shadow:0 0 0 14px rgba(184,95,61,0)}100%{box-shadow:0 0 0 0 rgba(184,95,61,0)}}
.cs-token{width:100%;aspect-ratio:1;border-radius:50%;background:var(--white);border:4px solid var(--olive);box-shadow:0 8px 18px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;overflow:hidden}
.cs-token img{width:84%;height:84%;object-fit:contain}
.cs-pin:hover .cs-token,.cs-pin:focus-visible .cs-token{border-color:var(--clay)}
.cs-pin.pop{animation:csPop .55s cubic-bezier(.3,1.6,.5,1) both}
@keyframes csPop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}
.cs-qty{position:absolute;top:-4px;right:-2px;background:var(--clay);color:#fff;font-weight:700;font-size:13px;border-radius:12px;padding:1px 8px}
.cs-tag{background:rgba(37,40,36,.85);color:var(--ivory);font-size:12px;font-weight:500;padding:2px 9px;border-radius:10px;white-space:nowrap}
.cs-flame{position:absolute;bottom:20px;left:50%;width:40px;height:44px;transform:translateX(-50%);pointer-events:none;display:none}
.cs.night .cs-pin.fire .cs-flame{display:block}
.cs-flame i{position:absolute;bottom:0;left:50%;width:22px;height:34px;margin-left:-11px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 75%,#fff3b0,#ffb347 45%,#e8542a 75%,transparent 80%);animation:csFlame 1s infinite alternate ease-in-out;mix-blend-mode:screen}
.cs-flame i:nth-child(2){margin-left:-18px;height:26px;animation-delay:.3s}.cs-flame i:nth-child(3){margin-left:-4px;height:28px;animation-delay:.6s}
@keyframes csFlame{to{transform:scaleY(1.25) translateY(-3px);opacity:.75}}
.cs-toolbar{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:8px;flex-wrap:wrap}
.cs-toolbar button{border:0;border-radius:20px;padding:7px 14px;font:600 14px "DM Sans",sans-serif;background:rgba(247,243,234,.92);color:var(--charcoal);cursor:pointer}
.cs-toolbar .cs-auto{background:var(--clay);color:#fff}
.cs-toolbar .cs-reset{margin-left:auto}
.cs-meter{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(37,40,36,.85);color:var(--ivory);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}
.cs-meter-bar{height:8px;border-radius:5px;background:rgba(247,243,234,.25);overflow:hidden}
.cs-meter-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sand),var(--clay));transition:width .6s}
.cs-panel{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:16px;align-self:start;position:sticky;top:150px}
.cs-field{margin-bottom:12px}
.cs-flabel{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.cs-step{display:inline-flex;align-items:center;gap:6px;margin-right:14px}
.cs-step button,.cs-mini button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--ivory);font-size:18px;line-height:1;cursor:pointer;color:var(--charcoal)}
.cs-step span{min-width:18px;text-align:center;font-weight:700}
.cs-step em{font-style:normal;color:var(--muted);font-size:14px}
.cs-seg{display:flex;flex-wrap:wrap;gap:6px}
.cs-seg button{border:1px solid var(--line);background:var(--ivory);border-radius:16px;padding:5px 11px;font:500 13px "DM Sans",sans-serif;cursor:pointer;color:var(--charcoal)}
.cs-seg button.on{background:var(--olive);border-color:var(--olive);color:var(--ivory)}
.cs-h{font-size:18px;margin:14px 0 8px}
.cs-list{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto}
.cs-row{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.cs-row.empty{padding:0}
.cs-choose{display:flex;align-items:center;gap:10px;width:100%;padding:9px 0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:var(--charcoal)}
.cs-choose small{display:block;color:var(--muted);font-size:13px}
.cs-dot{width:12px;height:12px;border-radius:50%;border:2px dashed var(--clay);flex:none}
.cs-go{margin-left:auto;color:var(--clay);font-weight:700;font-size:14px}
.cs-thumb{width:52px;height:52px;flex:none;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center}
.cs-thumb img{max-width:90%;max-height:90%}
.cs-info{flex:1;min-width:0;display:flex;flex-direction:column;font-size:14px}
.cs-info small{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.cs-info a{color:var(--charcoal);text-decoration:none;font-weight:500;line-height:1.3}
.cs-line{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.cs-mini{display:inline-flex;align-items:center;gap:6px}
.cs-mini button{width:24px;height:24px;font-size:15px}
.cs-acts{display:flex;flex-direction:column;gap:4px;font-size:13px}
.cs-total{display:flex;justify-content:space-between;font-size:20px;border-top:2px solid var(--charcoal);padding-top:10px;margin-top:6px}
.cs-add{width:100%;margin-top:12px}
.cs-add:disabled{opacity:.5;cursor:not-allowed}
.cs-note{margin:8px 0 0}
.cs-picker{position:fixed;inset:0;background:rgba(37,40,36,.55);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}
.cs-picker[hidden]{display:none}
.cs-sheet{background:var(--ivory);border-radius:16px;width:min(900px,100%);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
.cs-sheet-head{display:flex;justify-content:space-between;gap:12px;padding:16px 18px 6px}
.cs-sheet-head h2{margin:0}
.cs-sheet-head p{margin:2px 0 0}
.cs-close{border:0;background:var(--white);width:38px;height:38px;border-radius:50%;font-size:24px;cursor:pointer;flex:none;color:var(--charcoal)}
.cs-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:6px 18px 10px}
.cs-tabs button{border:1px solid var(--line);background:var(--white);border-radius:16px;padding:5px 12px;font:500 14px "DM Sans",sans-serif;cursor:pointer;color:var(--charcoal)}
.cs-tabs button.on{background:var(--olive);color:var(--ivory);border-color:var(--olive)}
.cs-options{overflow:auto;padding:4px 18px 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.cs-opt{position:relative;background:var(--white);border:2px solid var(--line);border-radius:12px;padding:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;font:inherit;color:var(--charcoal)}
.cs-opt:hover{border-color:var(--olive)}
.cs-opt.on{border-color:var(--clay)}
.cs-opt-img{aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.cs-opt-img img{max-width:100%;max-height:100%;object-fit:contain}
.cs-opt-t{font-size:14px;line-height:1.3;flex:1}
.cs-opt-tags{display:flex;gap:4px;flex-wrap:wrap;min-height:20px}
.cs-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--sand);color:var(--charcoal)}
.cs-badge.best{background:var(--clay);color:#fff}
.cs-badge.warn{background:#eee;color:var(--muted)}
.cs-badge.on{background:var(--olive);color:#fff}
body.cs-lock{overflow:hidden}

/* Smaller screens */
@media (max-width:1180px){
  .nav-top{font-size:14px;padding-left:2px;padding-right:2px}
  .nav-cta{font-size:13px;padding:6px 10px}
}
@media (max-width:1000px){
  .logo img{height:60px}
  .header-row{flex-wrap:wrap;gap:12px}
  .search{order:5;flex-basis:100%;max-width:none}
  .head-link{margin-left:auto}
  .menu-toggle{display:block}
  .main-nav{display:none}
  .main-nav.open{display:block;max-height:calc(100vh - 140px);overflow:auto}
  .nav-row{flex-direction:column;gap:0;padding-bottom:12px}
  .nav-list{flex-direction:column}
  .nav-top{padding:11px 0;border-bottom:1px solid rgba(247,243,234,.15);font-size:16px}
  .nav-item:hover>.mega,.nav-item:focus-within>.mega{display:none}
  .nav-item.open>.mega{display:block;position:static;box-shadow:none;border-radius:8px;margin:6px 0 10px}
  .mega-grid{grid-template-columns:1fr 1fr;gap:14px;padding:14px}
  .nav-cta{align-self:flex-start;margin-top:12px;font-size:15px}
  .hero-show{min-height:0}
  .slide-img{position:absolute;left:12px;right:12px;top:14px;width:auto;height:220px;bottom:auto}
  .hero-scenes::after{background:linear-gradient(180deg,rgba(18,14,12,0) 0%,rgba(18,14,12,0) 38%,rgba(18,14,12,.7) 70%)}
  .slide-tag{left:16px;right:16px;bottom:auto;top:206px;max-width:none;padding:9px 13px}
  .slide-name{font-size:14px}
  .hero-inner{padding-top:340px;padding-bottom:100px}
  .hero-nav{justify-content:center}
  .shop{grid-template-columns:1fr;gap:12px}
  .filters-toggle{display:block;justify-self:start}
  .filters{display:none}
  .filters.open{display:block}
  .filters form{position:static;max-height:none}
  .camp-teaser-inner{grid-template-columns:1fr}
  .cs{grid-template-columns:1fr}
  .cs-panel{position:static}
  .cs-list{max-height:none}
  .cs-stage{position:relative;top:auto}
  .product,.checkout-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
  .row2,.row3{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mega-grid{grid-template-columns:1fr}
  .cart thead{display:none}
  .cart tr{display:grid;grid-template-columns:1fr 1fr;padding:8px 0;border-bottom:1px solid var(--line)}
  .cart td{border:0;padding:4px 12px}
  .cart td.cart-prod{grid-column:1/-1}
  .cart td[data-label]::before{content:attr(data-label) ": ";color:var(--muted);font-size:13px}
  .cs-stage{aspect-ratio:4/5;position:relative;top:auto}
  .cs-pin{width:58px}
  .cs-plus{width:36px;height:36px;font-size:22px;line-height:30px}
  .cs-tag{font-size:10px;padding:1px 6px}
  .cs-toolbar button{font-size:12px;padding:6px 10px}
  .cs-meter{font-size:12px}
  .camp-teaser-art span{width:90px;height:90px}
}