/*
Theme Name: The Road Shoes 3D
Theme URI: https://theroadshoe.com/
Author: The Road Shoes
Description: Ultra-luxury 360 degree shoe and bag store theme for theroadshoe.com (WooCommerce). Mega menu, 360 hero, zoom on every product, one-click plugin setup.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: theroadshoe
WC requires at least: 8.0
*/
:root{
  --paper:#F5F3EF; --card:#FFFFFF; --ink:#111113; --muted:#6B675F;
  --cobalt:#B8975A; --cobalt-d:#8F7239; --volt:#D9BE86; --stage:#141417; --line:#E4E0D7;
  --r:4px; --font-d:'Cormorant Garamond',Georgia,serif; --font-b:'Jost',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--font-b);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--cobalt)}
h1,h2,h3,h4{font-family:var(--font-d);line-height:1.1;letter-spacing:-.02em;margin:0 0 .5em}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}
.wrap{width:min(1240px,92%);margin-inline:auto}
.screen-reader-text{position:absolute;left:-9999px}
.btn,.button,button.single_add_to_cart_button,.woocommerce a.button,.woocommerce button.button{display:inline-block;background:var(--cobalt);color:#fff;border:0;border-radius:999px;padding:.8em 1.6em;font:700 15px var(--font-d);text-decoration:none;cursor:pointer;transition:background .2s}
.btn:hover,.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--cobalt-d);color:#fff}
.btn-volt{background:var(--volt);color:var(--ink)}.btn-volt:hover{background:#C6A56A;color:var(--ink)}
.btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}

/* Offer bar + header */
.offer-bar{background:var(--volt);color:var(--ink);text-align:center;font:600 14px var(--font-d);padding:.55em 1em}
.offer-bar a{color:var(--ink)}
.site-header{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .wrap{display:flex;align-items:center;gap:28px;min-height:72px}
.brand{font:800 26px var(--font-d);letter-spacing:-.04em;color:var(--ink);text-decoration:none}
.brand span{color:var(--cobalt)}
.nav{flex:1}
.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.nav a{color:var(--ink);text-decoration:none;font-weight:600}
.nav a:hover,.nav .current-menu-item a{color:var(--cobalt)}
.head-tools{display:flex;gap:16px;align-items:center}
.head-tools form{display:flex}
.head-tools input[type=search]{border:1px solid var(--line);border-radius:999px;padding:.5em 1em;width:170px;font:inherit}
.cart-link{background:var(--ink);color:#fff;border-radius:999px;padding:.5em 1.1em;text-decoration:none;font:700 14px var(--font-d)}
.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:.4em .8em;font:inherit}

/* The turntable stage */
.tl-stage{position:relative;background:radial-gradient(ellipse at 50% 90%,#2E2A22 0,var(--stage) 70%);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:background .5s}
.tl-stage::after{content:"";position:absolute;left:50%;bottom:7%;width:56%;height:14px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%);pointer-events:none;transition:opacity .4s}
.tl-stage.is-lit{background:radial-gradient(ellipse at 50% 38%,#fff 0,#F3E6C4 38%,#E9DFC8 100%)}
.tl-stage.is-lit::after{opacity:.35}
.tl-stage model-viewer{width:100%;height:100%;min-height:260px;--poster-color:transparent;background:transparent}
.tl-light{position:absolute;top:10px;right:10px;border:0;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font:600 12px var(--font-d);padding:.4em .9em;cursor:pointer;backdrop-filter:blur(4px)}
.tl-stage.is-lit .tl-light{background:var(--ink);color:#fff}
.tl-frames{position:relative;aspect-ratio:1/1;touch-action:pan-y}
.tl-frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none;user-select:none;-webkit-user-drag:none}
.tl-frames img.on{display:block}

/* Hero */
.hero{padding:40px 0 20px}
.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.4rem,5.5vw,4.8rem);font-weight:800}
.hero p{color:var(--muted);font-size:1.15rem;max-width:46ch}
.hero .tl-stage{aspect-ratio:1/1;max-height:600px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-actions .btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.hint{font-size:.85rem;color:var(--muted);margin-top:14px}

/* Sections */
.section{padding:56px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:16px}
.section-head h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:0}
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 18px;text-decoration:none;color:var(--ink);font:700 18px var(--font-d);display:flex;justify-content:space-between;align-items:end;min-height:120px;transition:border-color .2s,background .2s}
.cat small{display:block;font:400 13px var(--font-b);color:var(--muted)}
.cat:hover{border-color:var(--cobalt);background:#F3ECDD}
.offers{background:var(--ink);color:#fff}
.offers .section-head h2{color:#fff}
.coupon{background:var(--volt);color:var(--ink);border-radius:var(--r);padding:22px 28px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:28px}
.coupon strong{font:800 clamp(1.3rem,2.6vw,2rem) var(--font-d)}
.coupon code{background:var(--ink);color:var(--volt);padding:.4em .9em;border-radius:8px;font:700 18px monospace}
.perks{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:left}
.perks b{display:block;font-family:var(--font-d)}
.perks span{color:var(--muted);font-size:.92rem}
.news{background:var(--cobalt);color:#fff;border-radius:var(--r);padding:40px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.news h2{margin:0;color:#fff}

/* Products (shop, home, related) */
ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
ul.products li.product{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 12px 18px;position:relative;margin:0!important;width:auto!important;float:none!important}
ul.products li.product .tl-stage{aspect-ratio:1/1;margin-bottom:12px}
ul.products li.product img{border-radius:10px}
.woocommerce-loop-product__title{font:700 17px var(--font-d)!important;margin:.2em 0}
.woocommerce-loop-product__title a{color:var(--ink);text-decoration:none}
.price{color:var(--ink);font-weight:700}
.price del{color:var(--muted);font-weight:400}
.price ins{text-decoration:none;color:var(--cobalt)}
span.onsale{position:absolute;top:22px;left:22px;z-index:3;background:var(--volt);color:var(--ink);border-radius:999px;font:700 12px var(--font-d);padding:.35em .9em;min-height:0;min-width:0;line-height:1.4}
.new-badge{position:absolute;top:22px;right:22px;z-index:3;background:var(--cobalt);color:#fff;border-radius:999px;font:700 12px var(--font-d);padding:.35em .9em}
.tl-card-actions{margin-top:10px}

/* Single product */
.tl-shop{padding:32px 0 60px}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:100%}
.woocommerce div.product{display:grid;grid-template-columns:1.1fr 1fr;gap:44px}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
.tl-gallery .tl-stage{aspect-ratio:1/1}
.woocommerce div.product .product_title{font-size:clamp(1.8rem,3vw,2.8rem)}
.woocommerce-breadcrumb{color:var(--muted);font-size:.9rem;margin-bottom:18px}

/* Footer */
.site-footer{background:var(--ink);color:#CFC9BC;margin-top:30px;padding:56px 0 0}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.site-footer h4,.site-footer .widget-title{color:#fff;font-size:1.05rem}
.site-footer a{color:#CFC9BC}.site-footer a:hover{color:var(--volt)}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:.4em 0}
.foot-bottom{border-top:1px solid #2B2A2E;margin-top:40px;padding:18px 0;font-size:.9rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.post{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;margin:30px 0}

@media (max-width:980px){
  .hero-grid,.woocommerce div.product{grid-template-columns:1fr}
  ul.products{grid-template-columns:repeat(2,1fr)}
  .cats{grid-template-columns:repeat(2,1fr)}
  .perks,.foot-grid{grid-template-columns:repeat(2,1fr)}
  .menu-toggle{display:block}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card);border-bottom:1px solid var(--line);padding:12px 4%}
  .nav.open{display:block}.nav ul{flex-direction:column;gap:12px}
  .head-tools input[type=search]{width:110px}
}
@media (max-width:560px){ul.products,.perks,.foot-grid{grid-template-columns:1fr}.head-tools form{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Mission, testimonial, go-your-way */
.mission{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.mission h2{font-size:clamp(1.8rem,3.4vw,3rem)}
.mission-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.mission-pair div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.mission-pair small{color:var(--muted);display:block}
.mission-pair b{font-family:var(--font-d);font-size:1.15rem}
.miles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.miles article{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.road-line{height:6px;background:repeating-linear-gradient(90deg,var(--volt) 0 34px,transparent 34px 60px);border-radius:3px;margin:0 0 28px}
.quote{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:36px;text-align:left}
.quote p{font:700 clamp(1.3rem,2.6vw,2rem)/1.3 var(--font-d);margin:0 0 14px;max-width:34ch}
.quote .stars{color:#B8975A;letter-spacing:.15em}
.go{background:var(--stage);color:#fff;border-radius:var(--r);padding:44px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.go h2{color:#fff;margin:0}.go p{color:#CFC9BC;margin:.4em 0 0}
@media (max-width:980px){.mission,.miles{grid-template-columns:1fr}}

/* ---- v1.1: art stage, category pictures, polish ---- */
.tl-flat{display:flex;align-items:center;justify-content:center;perspective:900px}
.tl-flat img{width:90%;height:auto;border-radius:0!important;transform-origin:50% 60%;animation:tl-sway 7s ease-in-out infinite alternate;filter:drop-shadow(0 14px 14px rgba(0,0,0,.25))}
.tl-flat:hover img{animation-play-state:paused}
@keyframes tl-sway{from{transform:rotateY(-34deg)}to{transform:rotateY(34deg)}}
@media (prefers-reduced-motion:reduce){.tl-flat img{animation:none}}
.hero{background:linear-gradient(180deg,#EFE9DC 0,var(--paper) 100%);padding-bottom:40px}
.cats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.cat{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:10px 10px 16px;min-height:0;gap:6px}
.cat img{width:100%;height:auto;border-radius:10px;background:radial-gradient(ellipse at 50% 85%,#2E2A22 0,var(--stage) 75%);display:block}
.cat span{padding:0 6px}
.cat:hover img{background:radial-gradient(ellipse at 50% 40%,#fff 0,#F3E6C4 40%,#E9DFC8 100%)}
.woocommerce-message,.woocommerce-info{border-top-color:var(--cobalt)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--cobalt)!important}
.woocommerce input.input-text,.woocommerce select,.woocommerce textarea{border:1px solid var(--line);border-radius:10px;padding:.7em .9em;font:inherit;background:#fff}
.woocommerce table.shop_table{border-radius:var(--r);border-color:var(--line);background:#fff}
.woocommerce #payment{background:#fff;border-radius:var(--r)}
.woocommerce-ordering select{border-radius:999px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border-radius:8px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--cobalt);color:#fff}

/* ---- v1.2: 360 spinner, zoom, hero slideshow, search ---- */
.tl-flat{perspective:1300px;display:flex;align-items:center;justify-content:center}
.tl-flat>img.tl-sway{width:88%;height:auto;animation:none;filter:none;border-radius:0!important}
.tl-obj{position:relative;width:88%;aspect-ratio:1/1;transform-style:preserve-3d;will-change:transform}
.tl-obj img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;border-radius:0!important;pointer-events:none;user-select:none;-webkit-user-drag:none;backface-visibility:visible}
.tl-stage{touch-action:pan-y;user-select:none}
.tl-big{aspect-ratio:1/1}
.tl-zoom{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px;z-index:5}
.tl-zoom button{width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);font:700 18px/1 var(--font-d);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.tl-zoom button:hover{background:var(--volt)}
.tl-stage{overflow:hidden}
ul.products li.product .tl-zoom button{width:28px;height:28px;font-size:16px}

/* hero slideshow */
.hero-show{position:relative;min-width:0}
.hero-slide{display:none;position:relative}
.hero-slide.is-on{display:block;animation:tl-fade .5s ease}
@keyframes tl-fade{from{opacity:0}to{opacity:1}}
.hero-show .tl-stage{aspect-ratio:1/1;max-height:560px;width:100%}
.hero-cap{position:absolute;left:12px;right:56px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(255,255,255,.94);border-radius:12px;padding:10px 14px;z-index:4}
.hero-cap small{display:block;color:var(--muted);font-size:.8rem}
.hero-cap b{display:block;font:700 1.05rem var(--font-d)}
.hero-cap .btn{padding:.55em 1.1em;font-size:14px;white-space:nowrap}
.hero-nav{position:absolute;top:calc(50% - 40px);z-index:6;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font:400 28px/1 var(--font-b);cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.hero-nav:hover{background:var(--volt)}.hero-nav.prev{left:10px}.hero-nav.next{right:10px}
.hero-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 4px;scroll-behavior:smooth}
.hero-thumbs button{flex:0 0 64px;height:64px;border:2px solid var(--line);border-radius:12px;background:#fff;padding:2px;cursor:pointer}
.hero-thumbs button.on{border-color:var(--cobalt);box-shadow:0 0 0 2px var(--cobalt)}
.hero-thumbs img{width:100%;height:100%;object-fit:contain;display:block}

/* sections that now hold shoes */
.mission .tl-stage{aspect-ratio:4/3}
.miles article .tl-stage{aspect-ratio:4/3;margin-bottom:16px}
.miles article a{font-weight:600}

/* header search */
.search-form{display:flex;gap:6px;align-items:center;margin:0}
.search-form label{margin:0}
.search-field{border:1px solid var(--line);border-radius:999px;padding:.5em 1em;width:170px;font:inherit;background:#fff}
.search-submit{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:.55em 1.1em;font:700 14px var(--font-d);cursor:pointer}
.search-submit:hover{background:var(--cobalt)}
@media (max-width:560px){.hero-cap{right:12px;bottom:52px}.hero-cap small{display:none}}
.brand,.nav a,.cart-link,.search-submit{white-space:nowrap}
.nav ul{gap:20px;flex-wrap:nowrap}
.site-header .wrap{gap:20px}
.search-field{width:140px}
@media (max-width:1240px){.search-field{width:110px}.search-submit{display:none}}


/* ===== v1.3 Luxury: onyx, champagne gold, pearl, serif ===== */
body{letter-spacing:.01em}
h1,h2,h3,h4{font-weight:500;letter-spacing:-.01em}
h1{font-weight:500}
.brand{font:600 28px var(--font-d);letter-spacing:.14em;text-transform:uppercase}
.brand span{color:var(--cobalt)}
.btn,.button,button.single_add_to_cart_button,.woocommerce a.button,.woocommerce button.button{background:var(--ink);color:#fff;border-radius:2px;padding:1em 2em;font:500 12.5px var(--font-b);letter-spacing:.18em;text-transform:uppercase;transition:background .25s,color .25s}
.btn:hover,.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,button.single_add_to_cart_button:hover{background:var(--cobalt);color:var(--ink)}
.btn-volt{background:var(--cobalt);color:var(--ink)}.btn-volt:hover{background:var(--ink);color:var(--volt)}
.btn-ghost,.hero-actions .btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.hero-actions .btn-ghost:hover{background:var(--ink);color:#fff}
.offer-bar{background:var(--ink);color:var(--volt);font:400 13px var(--font-b);letter-spacing:.16em;text-transform:uppercase;padding:.8em 1em}
.site-header{border-bottom:1px solid var(--line)}
.nav a{font:500 13.5px var(--font-b);letter-spacing:.12em;text-transform:uppercase}
.nav a:hover,.nav .current-menu-item a{color:var(--cobalt-d)}
.cart-link{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:2px;font:500 12.5px var(--font-b);letter-spacing:.14em;text-transform:uppercase}
.cart-link:hover{background:var(--ink);color:#fff}
.search-field{border-radius:2px;border-color:var(--line)}
.search-submit{border-radius:2px;background:var(--ink);letter-spacing:.14em;font:500 12px var(--font-b);text-transform:uppercase}
.search-submit:hover{background:var(--cobalt);color:var(--ink)}
.hero{background:linear-gradient(180deg,#EDE6D7 0,var(--paper) 100%)}
.hero h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.02}
.hero p{font-size:1.1rem;font-weight:300}
.section-head h2{font-size:clamp(1.9rem,3.2vw,2.8rem)}
.section-head a{color:var(--ink);font:500 12.5px var(--font-b);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--cobalt);text-decoration:none;padding-bottom:2px}
.road-line{height:1px;background:linear-gradient(90deg,var(--cobalt),transparent);border-radius:0}
/* stage: onyx with a warm gold spotlight when the light is on */
.tl-stage{border-radius:var(--r);background:radial-gradient(ellipse at 50% 100%,#2E2A22 0,var(--stage) 72%)}
.tl-stage.is-lit{background:radial-gradient(ellipse at 50% 38%,#FFFFFF 0,#F3E6C4 40%,#E4D3A8 100%)}
.tl-light{background:rgba(217,190,134,.18);color:var(--volt);border:1px solid rgba(217,190,134,.5);letter-spacing:.1em;font:500 11px var(--font-b);text-transform:uppercase;border-radius:2px}
.tl-stage.is-lit .tl-light{background:var(--ink);color:var(--volt)}
.tl-zoom button{border-radius:2px;background:rgba(255,255,255,.92);font-family:var(--font-b);font-weight:400}
.hero-nav{border-radius:2px}
.hero-cap{border-radius:2px}
.hero-thumbs button{border-radius:2px}
.hero-thumbs button.on{border-color:var(--cobalt);box-shadow:0 0 0 1px var(--cobalt)}
ul.products li.product,.cat,.miles article,.mission-pair div,.quote,.post{border-radius:var(--r)}
ul.products li.product{border-color:var(--line);padding:10px 10px 20px;transition:box-shadow .3s,border-color .3s}
ul.products li.product:hover{border-color:var(--cobalt);box-shadow:0 14px 34px -18px rgba(17,17,19,.35)}
.woocommerce-loop-product__title{font:500 1.35rem var(--font-d)!important;letter-spacing:0}
.price{font:500 15px var(--font-b);color:var(--ink)}
.price ins{color:var(--cobalt-d)}
span.onsale{background:var(--ink);color:var(--volt);border-radius:2px;font:500 11px var(--font-b);letter-spacing:.14em;text-transform:uppercase}
.new-badge{background:var(--cobalt);color:var(--ink);border-radius:2px;font:500 11px var(--font-b);letter-spacing:.14em;text-transform:uppercase}
.cat{border-color:var(--line)}.cat:hover{border-color:var(--cobalt);background:#FBF7EE}
.cat span{font-family:var(--font-d);font-size:1.3rem;font-weight:500}
.cat img{border-radius:2px}
.offers{background:var(--ink)}
.coupon{background:linear-gradient(100deg,#C9A862,#E8D3A0 55%,#C9A862);color:var(--ink);border-radius:var(--r)}
.coupon strong{font-family:var(--font-d);font-weight:600}
.coupon code{background:var(--ink);color:var(--volt);border-radius:2px;letter-spacing:.2em}
.mission-pair b,.miles h3{font-family:var(--font-d);font-weight:600;font-size:1.5rem}
.quote p{font-family:var(--font-d);font-weight:500;font-style:italic}
.quote .stars,.mission p>span{color:var(--cobalt)}
.go{background:var(--ink);border-radius:var(--r)}
.go h2{font-weight:500}
.news{background:var(--ink);color:#fff;border-radius:var(--r)}
.site-footer{background:#0B0B0D;color:#BDB7A9}
.site-footer h4,.site-footer .widget-title{font-family:var(--font-d);font-size:1.3rem;font-weight:500;color:var(--volt)}
.site-footer a:hover{color:var(--volt)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink);color:var(--volt)}
.woocommerce-message,.woocommerce-info{border-top-color:var(--cobalt)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--cobalt)!important}
:focus-visible{outline:2px solid var(--cobalt)}
@media (max-width:1320px){.head-tools form{display:none}.nav ul{gap:16px}}

/* ===== v2.0 Ultra luxury shop layout ===== */
.topstrip{background:var(--ink);color:var(--volt);font:400 12px var(--font-b);letter-spacing:.16em;text-transform:uppercase}
.topstrip .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px}
.strip-menu{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.strip-menu a{color:var(--volt);text-decoration:none;opacity:.85}.strip-menu a:hover{opacity:1;color:#fff}
.site-header{position:sticky;top:0;z-index:60}
.site-header .wrap{display:flex;align-items:center;gap:28px;min-height:78px}
.nav{flex:1;display:flex;justify-content:center}
.mega{display:flex;gap:6px;list-style:none;margin:0;padding:0;align-items:center}
.mega>li{position:static}
.mega>li>a{display:block;padding:30px 16px;font:500 13px var(--font-b);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:2px solid transparent}
.mega>li:hover>a,.mega>li:focus-within>a{border-bottom-color:var(--cobalt);color:var(--cobalt-d)}
.mega .sale-link{color:#8A1F2E}
.mega-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 30px 50px -30px rgba(0,0,0,.35);display:none}
.has-mega:hover .mega-panel,.has-mega:focus-within .mega-panel,.has-mega.open .mega-panel{display:block}
.mega-in{display:grid;grid-template-columns:1fr 280px;gap:40px;padding:28px 0}
.mega-cols{display:flex;gap:56px}
.mega-cols ul{list-style:none;margin:0;padding:0;min-width:150px}
.mega-cols li{margin:0 0 10px}
.mega-cols a{color:var(--ink);text-decoration:none;font:400 15px var(--font-b)}
.mega-cols a:hover{color:var(--cobalt-d)}
.mega-all a{font-family:var(--font-d)!important;font-size:1.35rem!important;font-weight:600}
.mega-feature .tl-stage{aspect-ratio:1/1}
.mega-cap{display:block;text-align:center;margin-top:8px;color:var(--ink);font:600 1.1rem var(--font-d);text-decoration:none}
.head-tools{display:flex;gap:14px;align-items:center}
.acct-link{color:var(--ink);text-decoration:none;font:500 12.5px var(--font-b);letter-spacing:.14em;text-transform:uppercase}
.acct-link:hover{color:var(--cobalt-d)}

/* Dark hero */
.hero{background:radial-gradient(ellipse at 75% 40%,#2B2418 0,#121214 60%,#0B0B0D 100%);color:#fff;padding:54px 0 46px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(217,190,134,.05) 0 1px,transparent 1px 90px);pointer-events:none}
.hero-grid{position:relative;gap:56px;grid-template-columns:1fr 1.25fr}
.eyebrow{color:var(--volt);font:500 12.5px var(--font-b);letter-spacing:.28em;text-transform:uppercase;margin:0 0 18px}
.hero h1{color:#fff;font-size:clamp(3rem,6.4vw,6rem);font-weight:500;letter-spacing:-.02em}
.hero .lead,.hero p.lead{color:#CFC9BC;font-size:1.15rem;font-weight:300;max-width:44ch}
.hero .hint{color:#8F897B;font-size:.85rem;margin-top:22px}
.hero .btn-ghost,.hero-actions .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1px rgba(217,190,134,.7)}
.hero-actions .btn-ghost:hover{background:var(--volt);color:var(--ink)}
.hero-show .tl-stage{aspect-ratio:1/1;max-height:640px;background:radial-gradient(ellipse at 50% 55%,#2E2A22 0,#17171A 62%,#0E0E10 100%);border:1px solid rgba(217,190,134,.25)}
.hero-show .tl-stage.is-lit{background:radial-gradient(ellipse at 50% 40%,#FFFFFF 0,#F3E6C4 42%,#E4D3A8 100%)}
.hero-bar{height:2px;background:rgba(217,190,134,.25);margin-top:12px}
.hero-bar i{display:block;height:100%;width:0;background:var(--cobalt)}
.hero-thumbs button{background:#1C1C20;border-color:#34322E}
.hero-thumbs button.on{border-color:var(--cobalt)}

/* turntable under every spinning cut-out */
.tl-flat::before{content:"";position:absolute;left:50%;bottom:27%;width:72%;height:15%;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(217,190,134,.4);background:radial-gradient(ellipse,rgba(217,190,134,.28),rgba(217,190,134,0) 68%);pointer-events:none}
.tl-flat::after{bottom:31%!important}
.tl-flat.is-lit::before{border-color:rgba(143,114,57,.4);background:radial-gradient(ellipse,rgba(143,114,57,.25),rgba(143,114,57,0) 68%)}

/* tabs */
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tabs button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:.6em 1.3em;font:500 12px var(--font-b);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:2px}
.tabs button.on,.tabs button:hover{background:var(--ink);color:var(--volt);border-color:var(--ink)}
.offers .tabs button{color:#fff;border-color:#3A382F}
.offers .tabs button.on,.offers .tabs button:hover{background:var(--cobalt);color:var(--ink);border-color:var(--cobalt)}
.panel{display:none}.panel.on{display:block}
.muted-light{color:#BDB7A9}
.offers ul.products li.product{background:#1B1B1F;border-color:#2F2D29}
.offers .woocommerce-loop-product__title a,.offers .price,.offers .price ins{color:#fff}
.offers .price del{color:#8F897B}

/* lifestyle + category tiles */
.life{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.life-tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px}
.life-tile .tl-stage{aspect-ratio:3/4}
.life-cap{display:block;text-align:center;padding:12px 0 4px;color:var(--ink);text-decoration:none;font:600 1.4rem var(--font-d)}
.catgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.cattile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px}
.cattile .tl-stage{aspect-ratio:1/1}
.cattile a{display:block;text-align:center;padding:10px 0 4px;color:var(--ink);text-decoration:none;font:600 1.15rem var(--font-d)}
.cattile small{display:block;font:400 12px var(--font-b);color:var(--muted)}
.rating{color:var(--cobalt);margin:0}.rating span{color:var(--muted)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}
.trust b{display:block;font:600 1.3rem var(--font-d)}.trust span{color:var(--muted);font-size:.92rem}
.news{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.news h2{color:#fff;margin:0 0 6px}.news p{color:#CFC9BC;margin:0}
.news-form input[type=email],.news-form input[type=text]{border:1px solid #3A382F;background:#17171A;color:#fff;padding:.9em 1em;border-radius:2px;min-width:260px;font:inherit}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 22px}
.chips a{border:1px solid var(--line);background:#fff;color:var(--ink);padding:.5em 1.2em;text-decoration:none;font:500 12px var(--font-b);letter-spacing:.14em;text-transform:uppercase;border-radius:2px}
.chips a:hover{background:var(--ink);color:var(--volt);border-color:var(--ink)}
.woocommerce-products-header__title{font-size:clamp(2.2rem,4vw,3.6rem)}

/* footer */
.foot-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid #2B2A2E}
.foot-trust b{display:block;color:var(--volt);font:600 1.25rem var(--font-d)}.foot-trust span{font-size:.9rem}
.soc{display:inline-block;margin:8px 12px 0 0;color:var(--volt)!important;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:90;background:#1FA855;color:#fff!important;padding:.8em 1.2em;border-radius:999px;text-decoration:none;font:600 13px var(--font-b);letter-spacing:.08em;box-shadow:0 10px 24px -8px rgba(0,0,0,.5)}

@media (max-width:1100px){.mega>li>a{padding:30px 10px;font-size:12px;letter-spacing:.1em}.catgrid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:980px){
  .site-header .wrap{min-height:64px}
  .nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:6px 4%;display:none;justify-content:flex-start;max-height:75vh;overflow:auto}
  .nav.open{display:block}
  .mega{flex-direction:column;align-items:stretch;gap:0}
  .mega>li>a{padding:14px 0;border-bottom:1px solid var(--line)}
  .mega-panel{position:static;box-shadow:none;border:0}
  .has-mega:hover .mega-panel,.has-mega:focus-within .mega-panel{display:none}
  .has-mega.open .mega-panel{display:block}
  .mega-in{grid-template-columns:1fr;padding:8px 0}.mega-cols{flex-wrap:wrap;gap:20px}.mega-feature{display:none}
  .life,.trust,.foot-trust{grid-template-columns:repeat(2,1fr)}
  .catgrid{grid-template-columns:repeat(3,1fr)}
  .strip-menu{display:none}
  .hero{padding:34px 0}
}
@media (max-width:560px){.life,.catgrid{grid-template-columns:repeat(2,1fr)}.trust,.foot-trust{grid-template-columns:1fr}.wa-float{padding:.7em 1em}}

/* v2.0 fixes */
.hero .eyebrow{color:var(--volt)}
.hero .hint{color:#A9A395}
.hero-cap{color:var(--ink)}
.hero-cap b{color:var(--ink)}
.hero-cap small{color:var(--muted)}
.hero-show .tl-stage{background:radial-gradient(ellipse at 50% 56%,#3C3527 0,#1F1F23 58%,#0E0E10 100%)}
.hero-show .tl-stage.is-lit{background:radial-gradient(ellipse at 50% 40%,#FFFFFF 0,#F3E6C4 42%,#E4D3A8 100%)}
.nav .mega-cols ul{display:block}
.nav .mega-cols a,.nav .mega-cap{text-transform:none;letter-spacing:.01em}
.nav .mega-cols a{font:400 15.5px var(--font-b)}
.nav .mega-all a{font:600 1.5rem var(--font-d);letter-spacing:0}
.nav .mega-cap{font:600 1.15rem var(--font-d)}
.nav .mega-feature .tl-zoom{display:none}