@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{
  --black:#050505;
  --black2:#0a0a0a;
  --panel:#0f0f0f;
  --panel2:#141414;
  --text:#f5f5ef;
  --muted:#9b9b92;
  --line:rgba(255,255,255,.10);
  --lime:#caff18;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--text);font-family:'Space Grotesk',Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img,video{display:block;width:100%}
::selection{background:var(--lime);color:#000}

.topbar{height:34px;display:flex;align-items:center;justify-content:center;background:#080808;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#c8c8c0}
.header{position:relative;z-index:30;height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.6vw;background:#070707;border-bottom:1px solid var(--line)}
.nav{display:flex;gap:28px;align-items:center}
.nav a{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.nav a:hover{color:var(--lime)}
.logo img{width:220px}
.icons{display:flex;justify-content:flex-end;gap:18px;align-items:center}
.icon-btn{background:none;border:0;color:#f4f4ef;font-size:10px;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.bag-count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:var(--lime);color:#000;font-size:9px;font-weight:800;margin-left:4px}
.menu-wrap{position:relative}
.mega{display:none;position:absolute;top:29px;left:-26px;width:760px;padding:28px;background:#0c0c0c;border:1px solid var(--line);grid-template-columns:1fr 1fr 1.25fr;gap:30px;box-shadow:0 28px 75px rgba(0,0,0,.5)}
.menu-wrap:hover .mega{display:grid}
.mega h4{margin:0 0 12px;color:#777;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.mega a{display:block;margin:10px 0;font-size:12px;letter-spacing:0;text-transform:none}
.mega-media{min-height:200px;overflow:hidden;background:#111}
.mega-media video{height:100%;object-fit:cover;filter:brightness(.72) contrast(1.08)}
.mobile-btn{display:none;background:none;border:0;color:#fff;font-size:22px}
.mobile-nav{display:none}

.hero{min-height:760px;height:calc(100vh - 126px);position:relative;overflow:hidden;background:#000}
.hero video{position:absolute;inset:0;height:100%;object-fit:cover;filter:brightness(.62) contrast(1.14) saturate(.75)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.46) 45%,rgba(0,0,0,.12) 80%),linear-gradient(0deg,rgba(0,0,0,.68),transparent 48%)}
.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:0 5vw 6.5vh;max-width:980px}
.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#d7d7d0}
.eyebrow b{color:var(--lime)}
.hero h1{font-family:'Michroma';font-size:clamp(70px,9vw,150px);line-height:.82;letter-spacing:-.055em;text-transform:uppercase;margin:18px 0 22px}
.hero h1 span{color:var(--lime)}
.hero p{max-width:580px;color:#d0d0c8;font-size:14px;line-height:1.75;margin:0 0 27px}
.btn{min-height:48px;padding:0 21px;border:1px solid var(--line);background:#121212;color:#fff;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.13em;transition:.25s;cursor:pointer}
.btn:hover{border-color:var(--lime);color:var(--lime)}
.btn-primary{background:var(--lime);border-color:var(--lime);color:#000}
.btn-primary:hover{background:#f4f4ef;color:#000;border-color:#f4f4ef}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}

.ticker{overflow:hidden;background:#0b0b0b;border-block:1px solid var(--line)}
.ticker-track{display:flex;min-width:max-content;animation:ticker 24s linear infinite}
.ticker span{padding:15px 24px;font-family:'Michroma';font-size:12px;letter-spacing:.08em}
.ticker b{color:var(--lime);margin-right:12px}
@keyframes ticker{to{transform:translateX(-50%)}}

.section{padding:92px 4.5vw}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:34px}
.kicker{font-size:9px;color:var(--lime);font-weight:800;letter-spacing:.2em;text-transform:uppercase}
h2{font-family:'Michroma';font-size:clamp(46px,5.6vw,90px);line-height:.88;letter-spacing:-.045em;text-transform:uppercase;margin:10px 0 0}
.section-copy{max-width:500px;color:var(--muted);font-size:13px;line-height:1.75}

.categories{background:#080808}
.category-grid{display:grid;grid-template-columns:1.05fr .95fr .95fr 1.05fr;height:650px;gap:10px}
.cat{position:relative;overflow:hidden;background:#0f0f0f;border:1px solid rgba(255,255,255,.08)}
.cat video{height:100%;object-fit:cover;filter:brightness(.7) contrast(1.08) saturate(.74);transition:.45s}
.cat:hover video{transform:scale(1.02);filter:brightness(.78) contrast(1.1)}
.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.84))}
.cat-num{position:absolute;z-index:2;top:17px;left:17px;color:var(--lime);font-size:10px;font-weight:800}
.cat-title{position:absolute;z-index:2;left:20px;bottom:21px;font-family:'Michroma';font-size:clamp(24px,2vw,35px);text-transform:uppercase;line-height:.95}
.cat-title small{display:block;font-family:'Space Grotesk';font-size:9px;color:#b5b5ad;letter-spacing:.15em;margin-top:9px}

.products{background:#050505}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.product{background:#0d0d0d;border:1px solid rgba(255,255,255,.09);overflow:hidden;transition:.25s}
.product:hover{transform:translateY(-3px);border-color:rgba(202,255,24,.25)}
.product-media{aspect-ratio:1/1.02;background:#111;position:relative;overflow:hidden}
.product-media video{height:100%;object-fit:cover;filter:brightness(.78) contrast(1.06) saturate(.78)}
.badge{position:absolute;top:12px;left:12px;background:var(--lime);color:#000;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.product-info{padding:18px}
.product-top{display:flex;justify-content:space-between;gap:14px}
.product h3{margin:0 0 5px;font-size:15px}
.product small{color:#7d7d77}
.price{font-weight:800;font-size:13px}
.chips{display:flex;gap:6px;margin:14px 0}
.chip{border:1px solid var(--line);padding:6px 8px;font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:#adada6}
.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.product-actions .btn{min-height:43px;padding:0 8px}
.product-actions .buy{background:#efefe9;color:#000;border-color:#efefe9}
.product-actions .buy:hover{background:var(--lime);border-color:var(--lime)}

.motion-duo{background:#090909;padding:92px 4.5vw}
.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.motion-card{background:#0d0d0d;border:1px solid var(--line);overflow:hidden}
.motion-media{height:560px;overflow:hidden;background:#111}
.motion-media video{height:100%;object-fit:cover;filter:brightness(.72) contrast(1.08) saturate(.75)}
.motion-copy{padding:28px}
.motion-copy h3{font-family:'Michroma';font-size:clamp(34px,3.4vw,54px);line-height:.95;text-transform:uppercase;margin:8px 0 14px}
.motion-copy p{color:#99998f;line-height:1.7;font-size:13px;max-width:520px}

.brand{min-height:650px;background:#070707;display:grid;grid-template-columns:1.05fr .95fr}
.brand-media{overflow:hidden}
.brand-media video{height:100%;object-fit:cover;filter:brightness(.7) contrast(1.08) saturate(.7)}
.brand-copy{display:flex;flex-direction:column;justify-content:center;padding:7vw 5vw;background:#0e0e0e}
.brand-copy p{color:#9c9c94;line-height:1.8;font-size:13px;max-width:520px}
.points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.point{padding-top:13px;border-top:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#bdbdb5}

.reviews{background:#0a0a0a}
.review-grid{display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:14px}
.review{min-height:270px;padding:28px;border:1px solid var(--line);background:#111;display:flex;flex-direction:column;justify-content:space-between}
.review.feature{background:var(--lime);color:#000}
.stars{font-size:11px;letter-spacing:.2em}
.review q{font-size:18px;line-height:1.45;font-weight:600}
.review.feature q{font-family:'Michroma';font-size:31px;line-height:1.05}
.review-meta{font-size:9px;letter-spacing:.13em;text-transform:uppercase;opacity:.65}

.instagram{padding:92px 4.5vw;background:#060606}
.insta-head{text-align:center;margin-bottom:36px}
.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1500px;margin:auto}
.insta-grid a{position:relative;overflow:hidden;background:#111;aspect-ratio:1/1}

.insta-grid img{height:100%;object-fit:cover;filter:brightness(.76) contrast(1.04) saturate(.72);transition:.4s}
.insta-grid a:hover img{transform:scale(1.025)}
.insta-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(0,0,0,.72))}
.ig-meta{position:absolute;z-index:2;left:15px;right:15px;bottom:14px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;text-transform:uppercase}

footer{padding:68px 4.5vw 28px;background:#090909;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:42px}
.footer-logo{width:225px}
footer p{max-width:390px;color:#808079;font-size:12px;line-height:1.7}
footer h4{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#76766f;margin:0 0 13px}
footer a{display:block;padding:7px 0;font-size:12px}
footer a:hover{color:var(--lime)}
.footer-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:18px;border-top:1px solid var(--line);font-size:9px;color:#64645e;letter-spacing:.12em;text-transform:uppercase}

.drawer{position:fixed;z-index:80;right:-420px;top:0;width:min(420px,100%);height:100vh;background:#0d0d0d;border-left:1px solid var(--line);padding:24px;transition:.3s;display:flex;flex-direction:column}
.drawer.open{right:0}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}
.drawer h3{font-family:'Michroma';font-size:24px;text-transform:uppercase;margin:0}
.close{background:none;border:0;color:#fff;font-size:27px}
.cart-items{flex:1;overflow:auto}
.cart-item{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}
.cart-total{display:flex;justify-content:space-between;padding:18px 0;font-weight:800}
.overlay{position:fixed;z-index:70;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:.25s}
.overlay.show{opacity:1;pointer-events:auto}

@media(max-width:1000px){
  .header{height:80px;padding:0 18px;grid-template-columns:auto 1fr auto}.nav{display:none}.mobile-btn{display:block}.logo{justify-self:center}.logo img{width:170px}.icons .hide{display:none}
  .mobile-nav{position:absolute;left:0;right:0;top:80px;background:#0b0b0b;padding:18px;border-block:1px solid var(--line);z-index:45}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.13em}
  .category-grid{grid-template-columns:1fr 1fr;height:auto}.cat{height:470px}.product-grid{grid-template-columns:1fr 1fr}
  .motion-grid{grid-template-columns:1fr}.motion-media{height:520px}
  .brand{grid-template-columns:1fr}.brand-media{height:560px}
  .review-grid{grid-template-columns:1fr}.insta-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .hero{min-height:720px}.hero-content{padding:0 18px 55px}.hero h1{font-size:61px}
  .section{padding:72px 18px}.section-head{display:block}.section-copy{margin-top:18px}
  .category-grid{grid-template-columns:1fr}.cat{height:500px}.product-grid{grid-template-columns:1fr}
  .motion-duo{padding:72px 18px}.motion-media{height:480px}.brand-media{height:500px}.brand-copy{padding:60px 18px}.points{grid-template-columns:1fr}
  .instagram{padding:72px 18px}.insta-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{display:block;line-height:2}
}


/* COSTAN logo-matched typography + color system */
:root{
  --lime:#caff18;
  --black:#050505;
  --black2:#090909;
  --panel:#101010;
  --panel2:#151515;
  --text:#f3f4ec;
  --muted:#979a8f;
}

body{
  font-family:'Space Grotesk',Arial,sans-serif;
  letter-spacing:.005em;
}

h1,h2,h3,
.logo-type,
.kicker,
.nav a,
.mega h4,
.btn,
.hero-btn,
.domani-btn,
.badge,
.chip,
.topbar,
.cat-num,
.cat-title,
.review-meta,
.footer-bottom,
.insta-arrow,
.ig-meta,
.motion-copy h3{
  font-family:'Michroma','Space Grotesk',sans-serif !important;
}

h1,h2,h3{
  letter-spacing:-.035em;
}

.nav a,
.icon-btn,
.btn,
.hero-btn,
.domani-btn,
.badge,
.chip,
.kicker,
.topbar{
  letter-spacing:.12em;
}

.kicker,
.cat-num,
.hero-premium h1 span,
.ticker b,
.nav a:hover,
footer a:hover,
.insta-arrow:hover{
  color:var(--lime);
}

.btn-primary,
.badge,
.bag-count{
  background:var(--lime);
  color:#050505;
}

.product,
.motion-card,
.review,
.mega,
.drawer{
  background:#0d0d0d;
}

.product h3,
.motion-copy h3{
  font-weight:400;
}


/* Final typography polish */
.icons .icon-btn,
.right-nav .text-btn,
#bagBtn,
#menuBtn,
.mobile-nav a {
  font-family:'Michroma','Space Grotesk',sans-serif !important;
  font-weight:400;
  letter-spacing:.11em;
}

/* Keep section headings consistent in the same COSTAN display font */
.section-head h2,
.reviews .section-head h2,
.categories .section-head h2,
.products .section-head h2,
.motion-duo .section-head h2,
.instagram .insta-head h2 {
  font-family:'Michroma','Space Grotesk',sans-serif !important;
  font-weight:400;
  letter-spacing:-.035em;
}

/* Reduce only the Categories section height */
.categories{
  padding-top:72px !important;
  padding-bottom:72px !important;
}
.category-grid{
  height:540px !important;
}

/* Slightly tighter heading scale for the large section titles */
.categories .section-head h2,
.reviews .section-head h2{
  font-size:clamp(38px,4.6vw,72px) !important;
  line-height:.92 !important;
}

/* Ensure "Real pairs. Real days." matches the site font exactly */
.reviews .section-head h2{
  font-family:'Michroma','Space Grotesk',sans-serif !important;
  font-style:normal !important;
  text-transform:uppercase;
}

/* Mobile/tablet adjustments for reduced category height */
@media(max-width:1000px){
  .category-grid{height:auto !important}
  .cat{height:410px !important}
}
@media(max-width:620px){
  .categories{padding-top:58px !important;padding-bottom:58px !important}
  .cat{height:430px !important}
  .categories .section-head h2,
  .reviews .section-head h2{
    font-size:36px !important;
  }
}


    /* ==================================================
   COSTAN PREMIUM HERO
================================================== */

.hero-premium{
    position:relative;

    width:100%;
    height:calc(100vh - 126px);

    min-height:780px;

    overflow:hidden;

    background:#050505;
}


/* VIDEO */

.hero-premium-video{
    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center center;

    /* IMPORTANT:
       Video clear aur highlighted rahe */
    filter:
        brightness(.93)
        contrast(1.06)
        saturate(1.02);

    transform:scale(1.005);
}


/* ==================================================
   OVERLAY

   Left dark = text visible
   Right clear = video visible
================================================== */

.hero-premium-overlay{
    position:absolute;

    z-index:1;

    inset:0;

    background:

        linear-gradient(
            90deg,

            rgba(0,0,0,.94) 0%,

            rgba(0,0,0,.84) 18%,

            rgba(0,0,0,.68) 32%,

            rgba(0,0,0,.37) 48%,

            rgba(0,0,0,.12) 66%,

            rgba(0,0,0,.02) 100%
        ),

        linear-gradient(
            0deg,

            rgba(0,0,0,.52) 0%,

            rgba(0,0,0,.12) 35%,

            transparent 58%
        );
}


/* CONTENT */

.hero-premium-content{
    position:relative;

    z-index:3;

    height:100%;

    max-width:880px;

    padding-left:5vw;
    padding-right:30px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:flex-start;
}


/* TAGS */

.hero-tags{
    display:flex;

    flex-wrap:wrap;

    gap:7px;

    margin-bottom:25px;
}


.hero-tags span{
    padding:8px 12px;

    border:1px solid rgba(202,255,24,.40);

    background:rgba(0,0,0,.48);

    backdrop-filter:blur(8px);

    color:#caff18;

    font-size:8px;

    font-weight:800;

    letter-spacing:.16em;

    text-transform:uppercase;
}


/* SMALL TITLE */

.hero-small-title{
    margin-bottom:18px;

    color:#eeeeea;

    font-size:9px;

    font-weight:700;

    letter-spacing:.23em;

    text-transform:uppercase;
}


/* MAIN TITLE */

.hero-premium h1{
    margin:0;

    color:#f7f7f2;

    font-family:'Michroma', sans-serif;

    font-size:clamp(
        68px,
        7.6vw,
        128px
    );

    line-height:.83;

    letter-spacing:-.055em;

    text-transform:uppercase;

    text-shadow:
        0 4px 30px rgba(0,0,0,.25);
}


.hero-premium h1 span{
    color:#caff18;
}


/* DESCRIPTION */

.hero-premium p{
    max-width:560px;

    margin:

        28px
        0
        28px;

    color:#d0d0c8;

    font-size:13px;

    line-height:1.8;

    text-shadow:

        0
        2px
        12px
        rgba(0,0,0,.65);
}


/* BUTTONS */

.hero-premium-actions{
    display:flex;

    gap:10px;

    flex-wrap:wrap;
}


.hero-btn{
    min-height:50px;

    padding:

        0
        23px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:9px;

    font-weight:800;

    letter-spacing:.15em;

    text-transform:uppercase;

    transition:

        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


.hero-btn:hover{
    transform:translateY(-2px);
}


/* GREEN BUTTON */

.hero-btn-green{
    background:#caff18;

    border:1px solid #caff18;

    color:#050505;
}


.hero-btn-green:hover{
    background:#ffffff;

    border-color:#ffffff;

    color:#000;
}


/* DARK BUTTON */

.hero-btn-dark{
    background:rgba(5,5,5,.46);

    border:1px solid rgba(255,255,255,.42);

    backdrop-filter:blur(8px);

    color:#ffffff;
}


.hero-btn-dark:hover{
    border-color:#caff18;

    color:#caff18;
}


/* ==================================================
   STATS
================================================== */

.hero-stats{
    display:flex;

    align-items:flex-start;

    margin-top:42px;

    padding-top:18px;

    border-top:

        1px solid
        rgba(255,255,255,.16);
}


.hero-stat{
    min-width:135px;

    padding-right:26px;

    margin-right:26px;

    border-right:

        1px solid
        rgba(255,255,255,.13);
}


.hero-stat:last-child{
    border-right:0;

    margin-right:0;
}


.hero-stat strong{
    display:block;

    margin-bottom:5px;

    color:#caff18;

    font-family:'Michroma',sans-serif;

    font-size:17px;
}


.hero-stat small{
    color:#9a9a93;

    font-size:7px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;
}


/* ==================================================
   RIGHT BOTTOM BRAND TEXT
================================================== */

.hero-brand-line{
    position:absolute;

    z-index:4;

    right:3.5vw;

    bottom:34px;

    color:#caff18;

    font-family:'Michroma';

    font-size:15px;

    letter-spacing:.07em;

    text-align:right;
}


.hero-brand-line small{
    display:block;

    margin-top:5px;

    color:#b1b1aa;

    font-family:'Space Grotesk';

    font-size:7px;

    letter-spacing:.20em;
}


/* ==================================================
   BOTTOM PREMIUM LINE
================================================== */

.hero-premium:after{
    content:"";

    position:absolute;

    z-index:5;

    left:5vw;

    right:5vw;

    bottom:0;

    height:1px;

    background:

        linear-gradient(
            90deg,

            #caff18 0%,

            #caff18 13%,

            rgba(255,255,255,.18) 13%,

            rgba(255,255,255,.18) 100%
        );
}


/* ==================================================
   MOBILE
================================================== */

@media(max-width:768px){

    .hero-premium{
        height:auto;

        min-height:780px;
    }


    .hero-premium-video{

        object-position:60% center;

        filter:

            brightness(.78)
            contrast(1.05)
            saturate(.95);
    }


    .hero-premium-overlay{

        background:

            linear-gradient(
                90deg,

                rgba(0,0,0,.76),

                rgba(0,0,0,.20)
            ),

            linear-gradient(
                0deg,

                rgba(0,0,0,.95) 0%,

                rgba(0,0,0,.72) 40%,

                rgba(0,0,0,.15) 100%
            );
    }


    .hero-premium-content{

        min-height:780px;

        padding:

            100px
            20px
            55px;

        justify-content:flex-end;
    }


    .hero-tags{

        margin-bottom:18px;
    }


    .hero-premium h1{

        font-size:

            clamp(
                53px,
                15vw,
                78px
            );
    }


    .hero-premium p{

        margin:

            22px
            0;

        font-size:12px;
    }


    .hero-premium-actions{

        width:100%;
    }


    .hero-premium-actions .hero-btn{

        flex:1;

        padding:

            0
            12px;
    }


    .hero-stats{

        width:100%;

        margin-top:30px;
    }


    .hero-stat{

        min-width:0;

        flex:1;

        padding-right:10px;

        margin-right:10px;
    }


    .hero-stat strong{

        font-size:13px;
    }


    .hero-brand-line{

        display:none;
    }

}


/* Reference-inspired cinematic hero — scoped only to hero */
.domani-hero{
  height:calc(100vh - 126px);
  min-height:680px;
  position:relative;
  overflow:hidden;
  background:#050505;
}
.domani-hero .hero-premium-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center center;
  filter:brightness(.88) contrast(1.04) saturate(.95);
  transform:none;
}
.domani-shade{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.02) 45%,rgba(0,0,0,.44) 100%),
    linear-gradient(90deg,rgba(0,0,0,.12),transparent 32%,transparent 68%,rgba(0,0,0,.12));
}
.domani-center{
  position:absolute;z-index:3;left:50%;bottom:8.5%;
  width:min(760px,90vw);transform:translateX(-50%);
  text-align:center;color:#fff;
}
.domani-kicker{
  margin-bottom:22px;font-size:10px;font-weight:600;
  letter-spacing:.24em;text-transform:uppercase;color:#f4f4ed;
  text-shadow:0 2px 15px rgba(0,0,0,.45);
}
.domani-hero .domani-center h1{
  margin:0;font-family:'Space Grotesk',Arial,sans-serif;
  font-size:clamp(38px,4.2vw,68px);line-height:.94;
  letter-spacing:-.045em;text-transform:none;font-weight:400;
  color:#fff;text-shadow:0 3px 24px rgba(0,0,0,.42);
}
.domani-hero .domani-center h1 strong{font-weight:800;color:#fff}
.domani-hero .domani-center h1 em{
  font-family:'Michroma','Space Grotesk',sans-serif;font-weight:400;
  color:#fff;text-transform:none;
}
.domani-hero .domani-center p{
  max-width:560px;margin:20px auto 24px;color:rgba(255,255,255,.88);
  font-size:12px;line-height:1.65;text-shadow:0 2px 15px rgba(0,0,0,.55);
}
.domani-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.domani-btn{
  min-width:142px;height:45px;border:1px solid rgba(255,255,255,.92);
  border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.16);backdrop-filter:blur(5px);
  color:#fff;font-size:9px;font-weight:700;letter-spacing:.15em;
  transition:.25s;
}
.domani-btn:hover{background:#fff;color:#050505}
.domani-bottom{
  position:absolute;z-index:3;left:3.5vw;right:3.5vw;bottom:25px;
  display:flex;justify-content:space-between;color:rgba(255,255,255,.72);
  font-size:8px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
}
@media(max-width:620px){
  .domani-hero{height:78vh;min-height:650px}
  .domani-hero .hero-premium-video{object-position:58% center}
  .domani-center{bottom:10%;width:calc(100% - 36px)}
  .domani-hero .domani-center h1{font-size:44px}
  .domani-hero .domani-center p{font-size:11px}
  .domani-bottom{display:none}
  .domani-btn{min-width:130px}
}

/* Instagram slider — same visual language, no grid */
.instagram .insta-head{text-align:center;margin-bottom:32px}
.insta-slider-shell{position:relative;max-width:1600px;margin:auto}
.insta-slider{
  display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;
}
.insta-slider::-webkit-scrollbar{display:none}
.insta-slide{
  position:relative;flex:0 0 calc((100% - 36px)/4);
  aspect-ratio:1/1;overflow:hidden;background:#111;scroll-snap-align:start;
}
.insta-slide img{width:100%;height:100%;object-fit:cover;filter:brightness(.80) contrast(1.04) saturate(.78);transition:.4s}
.insta-slide:hover img{transform:scale(1.025)}
.insta-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(0,0,0,.68))}
.insta-slide .ig-meta{position:absolute;z-index:2;left:15px;right:15px;bottom:14px;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.insta-controls{display:flex;justify-content:center;gap:8px;margin-top:22px}
.insta-arrow{
  width:48px;height:48px;border:1px solid rgba(255,255,255,.16);background:#0d0d0d;
  color:#fff;cursor:pointer;font-size:18px;transition:.25s
}
.insta-arrow:hover{border-color:var(--lime);color:var(--lime)}
@media(max-width:1000px){.insta-slide{flex-basis:calc((100% - 12px)/2)}}
@media(max-width:620px){.insta-slide{flex-basis:84%}}


/* =========================================================
   COSTAN V15 — GLOBAL TYPOGRAPHY + RESPONSIVE POLISH
   Display: Michroma
   Body: Space Grotesk
========================================================= */

:root{
  --font-display:'Michroma','Space Grotesk',sans-serif;
  --font-body:'Space Grotesk',Arial,sans-serif;
}

/* ---------- BODY / READABLE COPY ---------- */
html,
body,
p,
small,
.section-copy,
.product small,
.product .price,
.motion-copy p,
.brand-copy p,
.review q,
.footer-grid p,
.footer-grid a,
.cart-item,
.cart-total,
.domani-center p,
.hero-premium p{
  font-family:var(--font-body) !important;
}

body{
  font-weight:400;
  font-size:14px;
  line-height:1.55;
}

/* ---------- DISPLAY / BRAND TYPOGRAPHY ---------- */
h1,h2,h3,h4,
.kicker,
.topbar,
.nav a,
.mega h4,
.icon-btn,
.mobile-nav a,
.btn,
.badge,
.chip,
.cat-num,
.cat-title,
.motion-copy h3,
.review-meta,
.insta-arrow,
.ig-meta,
.footer-bottom,
.footer-grid h4,
.drawer h3,
.domani-kicker,
.domani-btn,
.domani-bottom{
  font-family:var(--font-display) !important;
  font-style:normal !important;
}

/* Fix the hero italic word so it also matches COSTAN */
.domani-hero .domani-center h1,
.domani-hero .domani-center h1 strong,
.domani-hero .domani-center h1 em{
  font-family:var(--font-display) !important;
  font-style:normal !important;
}

/* ---------- NAV / ACCOUNT / SEARCH ---------- */
.icon-btn,
#bagBtn,
.nav a,
.mobile-nav a{
  font-weight:400 !important;
  letter-spacing:.10em !important;
}

/* ---------- HEADINGS ---------- */
h1,h2,h3{
  font-weight:400 !important;
}

.section-head h2,
.insta-head h2{
  font-size:clamp(36px,4.7vw,72px) !important;
  line-height:1.02 !important;
  letter-spacing:-.025em !important;
}

.motion-copy h3{
  font-size:clamp(27px,2.7vw,42px) !important;
  line-height:1.06 !important;
  letter-spacing:-.02em !important;
}

/* ---------- PARAGRAPHS ---------- */
.section-copy,
.motion-copy p,
.brand-copy p,
.footer-grid p,
.domani-center p{
  font-size:14px !important;
  line-height:1.72 !important;
  letter-spacing:.01em !important;
  color:#a9aba1;
}

.section-copy{
  max-width:520px;
}

.product small{
  font-size:12px;
  line-height:1.45;
}

.review q{
  font-size:17px !important;
  line-height:1.55 !important;
  letter-spacing:0 !important;
}

.review.feature q{
  font-family:var(--font-body) !important;
  font-size:19px !important;
  line-height:1.5 !important;
  font-weight:600 !important;
}

/* ---------- FOOTER ---------- */
.footer-grid h4{
  font-size:9px !important;
  font-weight:400 !important;
  letter-spacing:.14em !important;
  color:#9a9c92 !important;
}

.footer-grid a{
  font-size:13px !important;
  line-height:1.5 !important;
  color:#d0d2c9;
}

.footer-grid p{
  max-width:430px !important;
  color:#96988f !important;
}

.footer-bottom{
  font-size:8px !important;
  line-height:1.7 !important;
  letter-spacing:.10em !important;
}

/* ---------- PRODUCT CARDS ---------- */
.product h3{
  font-family:var(--font-display) !important;
  font-size:13px !important;
  line-height:1.35 !important;
  letter-spacing:-.01em !important;
}

.price{
  font-family:var(--font-body) !important;
  font-size:13px !important;
}

/* ---------- CATEGORY HEIGHT: DESKTOP ---------- */
.categories{
  padding-top:68px !important;
  padding-bottom:68px !important;
}

.category-grid{
  height:520px !important;
}

.cat-title{
  font-size:clamp(20px,1.7vw,29px) !important;
  line-height:1.08 !important;
}

/* =========================================================
   TABLET
========================================================= */
@media(max-width:1000px){

  .header{
    height:76px !important;
    padding:0 18px !important;
  }

  .logo img{
    width:158px !important;
  }

  .mobile-nav{
    top:76px !important;
    padding:16px 20px !important;
  }

  .mobile-nav a{
    padding:14px 0 !important;
    font-size:10px !important;
  }

  .domani-hero{
    height:78vh !important;
    min-height:640px !important;
  }

  .domani-center{
    bottom:8% !important;
    width:min(680px,88vw) !important;
  }

  .domani-hero .domani-center h1{
    font-size:clamp(38px,6vw,58px) !important;
    line-height:1.02 !important;
  }

  .section,
  .motion-duo,
  .instagram{
    padding-left:28px !important;
    padding-right:28px !important;
  }

  .category-grid{
    height:auto !important;
    grid-template-columns:1fr 1fr !important;
  }

  .cat{
    height:380px !important;
  }

  .product-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .motion-grid{
    grid-template-columns:1fr !important;
  }

  .motion-media{
    height:480px !important;
  }

  .brand{
    grid-template-columns:1fr !important;
  }

  .brand-media{
    height:500px !important;
  }

  .review-grid{
    grid-template-columns:1fr !important;
  }

  .footer-grid{
    grid-template-columns:1fr 1fr !important;
    row-gap:38px !important;
  }

  .insta-slide{
    flex-basis:calc((100% - 12px)/2) !important;
  }
}

/* =========================================================
   MOBILE
========================================================= */
@media(max-width:620px){

  .topbar{
    min-height:30px !important;
    height:auto !important;
    padding:8px 14px !important;
    text-align:center;
    font-size:7px !important;
    line-height:1.45 !important;
    letter-spacing:.09em !important;
  }

  .header{
    height:68px !important;
    padding:0 14px !important;
  }

  .logo img{
    width:138px !important;
  }

  .mobile-btn{
    font-size:19px !important;
  }

  .mobile-nav{
    top:68px !important;
    padding:10px 16px 18px !important;
  }

  .mobile-nav a{
    font-size:9px !important;
    padding:13px 0 !important;
  }

  .domani-hero{
    height:76svh !important;
    min-height:590px !important;
  }

  .domani-hero .hero-premium-video{
    object-position:58% center !important;
    filter:brightness(.80) contrast(1.04) saturate(.95) !important;
  }

  .domani-shade{
    background:
      linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.03) 35%,rgba(0,0,0,.76) 100%) !important;
  }

  .domani-center{
    bottom:7% !important;
    width:calc(100% - 34px) !important;
  }

  .domani-kicker{
    margin-bottom:14px !important;
    font-size:7px !important;
    letter-spacing:.13em !important;
  }

  .domani-hero .domani-center h1{
    font-size:clamp(29px,9vw,42px) !important;
    line-height:1.06 !important;
    letter-spacing:-.025em !important;
  }

  .domani-center p{
    max-width:360px !important;
    margin:15px auto 18px !important;
    font-size:11px !important;
    line-height:1.6 !important;
  }

  .domani-actions{
    gap:8px !important;
  }

  .domani-btn{
    min-width:125px !important;
    height:42px !important;
    padding:0 14px !important;
    font-size:7px !important;
    letter-spacing:.10em !important;
  }

  .ticker span{
    padding:12px 16px !important;
    font-size:8px !important;
  }

  .section,
  .motion-duo,
  .instagram{
    padding:56px 16px !important;
  }

  .section-head{
    display:block !important;
    margin-bottom:26px !important;
  }

  .section-head h2,
  .insta-head h2{
    font-size:clamp(28px,9vw,40px) !important;
    line-height:1.08 !important;
  }

  .section-copy{
    margin-top:15px !important;
    max-width:none !important;
    font-size:12px !important;
    line-height:1.65 !important;
  }

  .kicker{
    font-size:7px !important;
    letter-spacing:.13em !important;
  }

  .categories{
    padding-top:50px !important;
    padding-bottom:50px !important;
  }

  .category-grid{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .cat{
    height:360px !important;
  }

  .cat-title{
    font-size:22px !important;
    left:16px !important;
    bottom:17px !important;
  }

  .cat-title small{
    font-size:8px !important;
    line-height:1.45 !important;
  }

  .product-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .product-info{
    padding:16px !important;
  }

  .product h3{
    font-size:12px !important;
  }

  .product-actions{
    gap:6px !important;
  }

  .product-actions .btn{
    min-height:42px !important;
    font-size:8px !important;
    letter-spacing:.08em !important;
  }

  .motion-media{
    height:410px !important;
  }

  .motion-copy{
    padding:22px 18px !important;
  }

  .motion-copy h3{
    font-size:25px !important;
  }

  .motion-copy p{
    font-size:12px !important;
    line-height:1.65 !important;
  }

  .brand-media{
    height:420px !important;
  }

  .brand-copy{
    padding:48px 18px !important;
  }

  .brand-copy h2{
    font-size:32px !important;
    line-height:1.08 !important;
  }

  .brand-copy p{
    font-size:12px !important;
    line-height:1.68 !important;
  }

  .points{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .review{
    min-height:220px !important;
    padding:22px 18px !important;
  }

  .review q,
  .review.feature q{
    font-size:15px !important;
    line-height:1.58 !important;
  }

  .review-meta{
    font-size:7px !important;
    line-height:1.5 !important;
  }

  .insta-head{
    margin-bottom:24px !important;
  }

  .insta-slide{
    flex-basis:86% !important;
  }

  .insta-controls{
    margin-top:16px !important;
  }

  .insta-arrow{
    width:44px !important;
    height:44px !important;
  }

  footer{
    padding:52px 18px 22px !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }

  .footer-logo{
    width:180px !important;
  }

  .footer-grid h4{
    margin-bottom:10px !important;
  }

  .footer-grid a{
    font-size:12px !important;
    padding:6px 0 !important;
  }

  .footer-grid p{
    font-size:12px !important;
    line-height:1.65 !important;
  }

  .footer-bottom{
    display:block !important;
    margin-top:34px !important;
    font-size:7px !important;
  }

  .footer-bottom span{
    display:block;
    margin-top:6px;
  }

  .drawer{
    width:100% !important;
    padding:20px !important;
  }
}

/* ===== Secondary Ecommerce Pages - matched to homepage ===== */
.ecom{background:#050505;color:#f5f5ef;font-family:'Space Grotesk',Arial,sans-serif}
.store-head{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.6vw;background:#070707;border-bottom:1px solid rgba(255,255,255,.1)}
.store-head .links,.store-head .tools{display:flex;align-items:center;gap:26px}.store-head .tools{justify-content:flex-end}
.store-head a{font-family:'Michroma','Space Grotesk',sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.store-head a:hover{color:#caff18}.store-logo img{width:220px}
.page-hero{padding:78px 4.5vw 52px;border-bottom:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 85% 20%,rgba(202,255,24,.08),transparent 27rem),#070707}
.page-kicker{font-size:9px;color:#caff18;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.page-title{font-family:'Michroma','Space Grotesk',sans-serif;font-size:clamp(46px,5.6vw,90px);line-height:.88;letter-spacing:-.045em;text-transform:uppercase;margin:12px 0 18px}
.page-copy{max-width:620px;color:#9b9b92;font-size:13px;line-height:1.75}
.wrap{padding:70px 4.5vw}
.shop-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.shop-toolbar input,.shop-toolbar select{height:46px;background:#0b0b0b;border:1px solid rgba(255,255,255,.11);color:#fff;padding:0 14px}.shop-toolbar input{flex:1;min-width:230px}.shop-toolbar button{height:46px}
.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.shop-card{background:#0d0d0d;border:1px solid rgba(255,255,255,.1);overflow:hidden}.shop-card:hover{border-color:rgba(202,255,24,.35)}
.prod-stage{aspect-ratio:1/1;background:#000;position:relative;overflow:hidden}.prod-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 68%,#151515 0,#050505 45%,#000 74%)}.prod-stage img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:4%;filter:contrast(1.06) saturate(.95)}.shop-card:hover .prod-stage img{transform:scale(1.03);transition:.5s}
.shop-info{padding:17px}.shop-info h3{font-family:'Michroma','Space Grotesk',sans-serif;font-size:14px;margin:0 0 6px}.shop-meta{font-size:11px;color:#7f7f78}.shop-row{display:flex;justify-content:space-between;gap:12px;margin-top:13px}.shop-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.shop-actions a{height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);font-family:'Michroma';font-size:9px;text-transform:uppercase}.shop-actions .accent{background:#caff18;color:#000;border-color:#caff18}

.product-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;max-width:1380px;margin:auto}.product-main{aspect-ratio:1/1;position:sticky;top:20px}.detail h1{font-family:'Michroma';font-size:clamp(42px,4.4vw,68px);line-height:.95;margin:12px 0}.detail .price{font-size:22px;margin:20px 0}.pills{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.pills span{border:1px solid rgba(255,255,255,.12);padding:7px 9px;font-size:9px;text-transform:uppercase}.size-list{display:flex;gap:8px;margin:12px 0 22px}.size-list input{display:none}.size-list span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%}.size-list input:checked+span{border-color:#caff18;color:#caff18}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-actions button,.detail-actions a{height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);background:#101010;color:#fff;font-family:'Michroma';font-size:9px;text-transform:uppercase}.detail-actions .primary{background:#caff18;color:#000;border-color:#caff18}
.accord{margin-top:28px;border-top:1px solid rgba(255,255,255,.1)}.accord details{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.accord summary{font-family:'Michroma';font-size:9px;text-transform:uppercase}.accord p{color:#96968f;font-size:13px;line-height:1.7}

.look{background:#fff;color:#050505;padding:76px 4vw}.look .small{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#666}.look h2{color:#050505;font-size:clamp(42px,5vw,76px);margin:9px 0 24px}.close-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.close-card{overflow:hidden}.close-photo{height:310px;background:#e7e3dc;overflow:hidden}.close-photo img{width:100%;height:100%;object-fit:cover;filter:none}.close-card:nth-child(1) img{transform:scale(2.1);object-position:18% 48%}.close-card:nth-child(2) img{transform:scale(2.2);object-position:50% 50%}.close-card:nth-child(3) img{transform:scale(2.4);object-position:72% 44%}.close-card:nth-child(4) img{transform:scale(2.2);object-position:84% 46%}.close-text{padding:10px 3px}.close-num{color:#999;font-weight:700}.close-title{font-weight:800;font-size:11px;text-transform:uppercase;margin:4px 0}.close-copy{font-size:9px;color:#777;line-height:1.4}
.community{background:#080808;padding:78px 11vw}.community .page-title{font-size:clamp(40px,4vw,66px)}.community-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.community-card img{height:360px;object-fit:cover;border-radius:7px}.community-card h3{font-size:14px;margin:9px 0 2px}.community-card p{font-size:10px;color:#888;margin:0}

.cart-list{background:#0b0b0b;border:1px solid rgba(255,255,255,.1);padding:0 22px}.cart-line{display:grid;grid-template-columns:120px 1fr 120px 120px;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}.cart-thumb{width:120px;height:120px}.cart-title{font-family:'Michroma';font-size:13px}.qty{height:40px;background:#080808;color:#fff;border:1px solid #333}.cart-summary{max-width:440px;margin:26px 0 0 auto;background:#0b0b0b;border:1px solid rgba(255,255,255,.1);padding:24px}.sumrow{display:flex;justify-content:space-between;margin:10px 0}.checkout-btn{height:48px;display:flex;align-items:center;justify-content:center;background:#caff18;color:#000;font-family:'Michroma';font-size:9px;text-transform:uppercase;margin-top:16px}
.checkout-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.checkout-box{background:#0b0b0b;border:1px solid rgba(255,255,255,.1);padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.form-grid label{font-size:9px;letter-spacing:.1em;text-transform:uppercase}.form-grid input,.form-grid textarea{width:100%;box-sizing:border-box;background:#060606;border:1px solid #303030;color:#fff;padding:13px;margin-top:6px}.order-mini{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}
.thank{max-width:880px;margin:auto;text-align:center;background:radial-gradient(circle at 50% 0,rgba(202,255,24,.08),transparent 30rem),#0b0b0b;border:1px solid rgba(255,255,255,.1);padding:74px 26px}
.store-footer{padding:64px 4.5vw 28px;background:#090909;border-top:1px solid rgba(255,255,255,.1)}.store-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:42px}.store-footer img{width:225px}.store-footer h4{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#76766f}.store-footer a{display:block;padding:7px 0;font-size:12px}.store-footer p{color:#808079;font-size:12px;line-height:1.7}.store-footer-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:9px;color:#64645e;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1000px){.shop-grid{grid-template-columns:repeat(2,1fr)}.product-layout{grid-template-columns:1fr}.product-main{position:relative;top:auto}.close-grid,.community-grid{grid-template-columns:repeat(2,1fr)}.store-footer-grid{grid-template-columns:1fr 1fr}.checkout-grid{grid-template-columns:1fr}}
@media(max-width:700px){.store-head{height:76px;padding:0 18px;grid-template-columns:1fr auto}.store-head .links{display:none}.store-logo{justify-self:start}.store-logo img{width:155px}.store-head .tools a:first-child{display:none}.wrap,.page-hero{padding-left:18px;padding-right:18px}.shop-grid{grid-template-columns:1fr}.close-grid,.community-grid{grid-template-columns:1fr}.community{padding:56px 18px}.community-card img{height:430px}.cart-line{grid-template-columns:82px 1fr auto}.cart-thumb{width:82px;height:82px}.cart-line .qty-cell{grid-column:2}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.store-footer-grid{grid-template-columns:1fr}.store-footer-bottom{display:block;line-height:2}}

/* ===== V2 premium refinements ===== */
.store-head{position:relative;z-index:40}
.page-hero{min-height:360px;display:flex;flex-direction:column;justify-content:flex-end}
.shop-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1440px;margin:auto}
.shop-card{background:#090909;box-shadow:0 22px 60px rgba(0,0,0,.18)}
.prod-stage{aspect-ratio:1/1.02}
.prod-stage img{padding:2.5%;transition:.55s cubic-bezier(.2,.8,.2,1)}
.shop-info{padding:20px}.shop-info h3{font-size:15px}.shop-meta{font-size:12px}
.shop-actions a{border-radius:999px}
.product-layout{grid-template-columns:1.12fr .88fr;gap:70px}
.gallery-shell{display:grid;grid-template-columns:90px 1fr;gap:12px}.gallery-thumbs{display:flex;flex-direction:column;gap:10px}.gallery-thumb{width:90px;height:90px;background:#080808;border:1px solid rgba(255,255,255,.12);padding:0;cursor:pointer}.gallery-thumb.active{border-color:#caff18}.gallery-thumb img{width:100%;height:100%;object-fit:cover}
.product-main{position:relative;top:auto}.product-main img{transition:.35s}
.color-list{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 24px}.color-chip{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.14);padding:8px 11px;border-radius:999px;font-size:11px}.color-dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.35)}
.product-video{margin-top:14px;background:#000}.product-video video{width:100%;max-height:620px;object-fit:cover}
.look{overflow:hidden}.close-grid{grid-template-columns:repeat(4,1fr);gap:8px}.close-photo{height:360px}.close-photo img{transform:none!important;object-position:center!important}
.community-card{background:#0d0d0d;padding-bottom:12px;border-radius:8px;overflow:hidden}.community-card h3,.community-card p{padding-left:12px;padding-right:12px}.community-card .tags{padding:8px 12px 0;font-size:9px;color:#aaa}
.cart-actions-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.continue-link,.clear-link{font-family:'Michroma';font-size:9px;text-transform:uppercase;letter-spacing:.08em}.clear-link{color:#999}
.cart-summary{position:sticky;bottom:18px}.qty{padding:0 10px}
@media(max-width:1050px){.shop-grid{grid-template-columns:repeat(2,1fr)}.gallery-shell{grid-template-columns:1fr}.gallery-thumbs{flex-direction:row;overflow:auto}.gallery-thumb{flex:0 0 82px;width:82px;height:82px}}
@media(max-width:700px){.shop-grid{grid-template-columns:1fr}.close-grid{grid-template-columns:1fr 1fr}.close-photo{height:260px}}

.shop-actions.three{grid-template-columns:1fr 1fr 1fr}.shop-actions.three a{min-width:0;padding:0 10px}.shop-actions.three .accent{background:#caff18;color:#000}.shop-card{border-radius:2px}.shop-card .prod-stage{min-height:360px}.shop-info{border-top:1px solid rgba(255,255,255,.07)}
@media(max-width:1150px){.shop-actions.three{grid-template-columns:1fr}.shop-actions.three a{height:40px}}

.reviews-product{background:#fff;color:#111;padding:72px 9vw}.reviews-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.reviews-head h2{font:500 20px 'Space Grotesk';margin:7px 0 0}.rating-summary{display:flex;align-items:baseline;gap:9px}.rating-summary strong{font-size:18px}.rating-summary span{font-size:11px}.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card{background:#f7f8fb;border:1px solid #d2d5dc;border-radius:8px;padding:20px;min-height:210px}.stars{font-size:25px;letter-spacing:1px}.stars span{color:#c3c8d5}.stars .on{color:#2058e8}.reviewer{display:flex;gap:7px;align-items:center;margin-top:8px}.reviewer strong{font-size:14px}.verified{border:1px solid #777;border-radius:999px;padding:2px 6px;font-size:9px}.review-date{font-size:10px;margin-top:4px}.review-card p{font-size:13px;line-height:1.45}.review-photo{width:72px;height:72px;object-fit:cover;border-radius:6px}.product-faq{padding:76px 10vw;background:#080808}.faq-list{max-width:980px;border-top:1px solid rgba(255,255,255,.12)}.faq-list details{border-bottom:1px solid rgba(255,255,255,.12);padding:19px 0}.faq-list summary{font:10px 'Michroma';text-transform:uppercase;cursor:pointer}.faq-list p{max-width:780px;color:#a0a099;line-height:1.7}@media(max-width:900px){.review-cards{grid-template-columns:1fr 1fr}}@media(max-width:620px){.reviews-product{padding:55px 18px}.reviews-head{display:block}.rating-summary{margin-top:12px}.review-cards{grid-template-columns:1fr}.product-faq{padding:55px 18px}}