:root{
  --dk-ink:#0b0d10;
  --dk-ink-soft:#171a1f;
  --dk-paper:#f3f4f6;
  --dk-surface:#ffffff;
  --dk-muted:#69707b;
  --dk-muted-light:#9aa1ab;
  --dk-line:rgba(11,13,16,.11);
  --dk-line-dark:rgba(255,255,255,.13);
  --dk-radius-sm:12px;
  --dk-radius:20px;
  --dk-radius-lg:32px;
  --dk-shadow-sm:0 10px 35px rgba(11,13,16,.07);
  --dk-shadow:0 24px 70px rgba(11,13,16,.13);
  --dk-ease:cubic-bezier(.2,.8,.2,1);
  --bs-body-font-family:"Manrope",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --bs-body-color:var(--dk-ink);
  --bs-body-bg:var(--dk-paper);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--dk-paper);color:var(--dk-ink);font-family:var(--bs-body-font-family);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.is-locked{overflow:hidden}
main{display:block;min-height:50vh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
svg{display:block}
::selection{background:var(--accent,#17684f);color:#fff}
:focus-visible{outline:3px solid color-mix(in srgb,var(--accent,#17684f) 44%,white);outline-offset:3px}
.container{width:min(1420px,calc(100% - 48px));max-width:1420px;margin-inline:auto;padding-inline:0}
.skip-link{position:fixed;z-index:2000;top:12px;left:12px;padding:10px 14px;border-radius:10px;background:#fff;color:#111;box-shadow:var(--dk-shadow);transform:translateY(-150%);transition:transform .2s ease}
.skip-link:focus{transform:none}
.scroll-progress{position:fixed;z-index:2001;left:0;top:0;width:0;height:3px;background:var(--accent,#17684f);box-shadow:0 0 16px color-mix(in srgb,var(--accent,#17684f) 70%,transparent);pointer-events:none}

/* Announcement */
.announce{position:relative;z-index:1050;background:var(--dk-ink);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.announce-inner{min-height:38px;display:flex;align-items:center;gap:22px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.announce-primary{display:flex;align-items:center;gap:9px}
.announce-secondary{color:#8f97a2;margin-right:auto}
.announce a{display:flex;align-items:center;gap:8px;color:#dfe3e8;transition:color .2s ease}
.announce a:hover{color:#fff}
.status-dot{width:7px;height:7px;border-radius:50%;background:#62d68b;box-shadow:0 0 0 5px rgba(98,214,139,.1);animation:statusPulse 2.4s ease-in-out infinite}

/* Header and navigation */
.site-header{position:sticky;top:0;z-index:1040;background:rgba(255,255,255,.89);border-bottom:1px solid rgba(11,13,16,.08);backdrop-filter:blur(20px) saturate(150%);transition:box-shadow .25s ease,background .25s ease}
.site-header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 12px 35px rgba(11,13,16,.07)}
.header-inner{min-height:78px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:12px;min-width:0;flex:0 0 auto}
.brand-mark,.footer-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--dk-ink);color:#fff;font-size:15px;font-weight:800;letter-spacing:-.04em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.brand-logo{height:44px;width:auto;max-width:185px;object-fit:contain}
.brand-copy{display:grid;line-height:1.05;min-width:0}
.brand-name{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;letter-spacing:-.02em}
.brand-sub{margin-top:6px;color:#9299a3;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,1.7vw,29px);margin-left:auto}
.nav a{position:relative;padding:29px 0 27px;color:#4d535d;font-size:13px;font-weight:700;white-space:nowrap;transition:color .2s ease}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:2px;border-radius:2px;background:var(--accent,#17684f);transition:right .28s var(--dk-ease)}
.nav a:hover,.nav a.active{color:var(--dk-ink)}
.nav a:hover::after,.nav a.active::after{right:0}
.nav .nav-all{padding:10px 14px;border:1px solid var(--dk-line);border-radius:999px}
.nav .nav-all::after{display:none}
.nav .nav-all:hover,.nav .nav-all.active{background:var(--dk-ink);border-color:var(--dk-ink);color:#fff}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:4px}
.search-trigger{height:44px;display:flex;align-items:center;gap:9px;padding:0 8px 0 13px;border:1px solid var(--dk-line);border-radius:14px;background:#fff;font-size:13px;font-weight:700;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.search-trigger:hover{transform:translateY(-1px);border-color:rgba(11,13,16,.23);box-shadow:var(--dk-shadow-sm)}
.search-trigger svg,.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.search-trigger kbd{padding:5px 7px;border:0;border-radius:7px;background:#f1f2f4;color:#8a919b;font-family:inherit;font-size:9px;font-weight:800;box-shadow:none}
.icon-btn{width:44px;height:44px;border:1px solid var(--dk-line);border-radius:14px;background:#fff;display:grid;place-items:center;padding:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.icon-btn:hover{transform:translateY(-1px);border-color:rgba(11,13,16,.23);box-shadow:var(--dk-shadow-sm)}
.menu-btn{display:none;position:relative}
.menu-close-icon{display:none}
.menu-btn.active .menu-open-icon{display:none}
.menu-btn.active .menu-close-icon{display:block}

/* Search dialog */
.search-layer{position:fixed;inset:0;z-index:1080;background:rgba(5,7,9,.68);opacity:0;visibility:hidden;backdrop-filter:blur(8px);transition:opacity .28s ease,visibility .28s ease}
.search-layer.open{opacity:1;visibility:visible}
.search-panel{background:#fff;border-radius:0 0 34px 34px;box-shadow:0 35px 100px rgba(0,0,0,.28);transform:translateY(-26px);transition:transform .36s var(--dk-ease)}
.search-layer.open .search-panel{transform:none}
.search-content{padding-top:clamp(38px,6vw,72px);padding-bottom:clamp(38px,6vw,66px)}
.search-top{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:30px}
.search-kicker{display:block;margin-bottom:10px;color:var(--accent,#17684f);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.search-top h2{margin:0;font-size:clamp(30px,4.8vw,62px);font-weight:750;line-height:1.02;letter-spacing:-.055em}
.search-close{width:48px;height:48px;flex:0 0 48px;border:1px solid var(--dk-line);border-radius:50%;background:#f5f6f7;display:grid;place-items:center;transition:transform .25s ease,background .25s ease}
.search-close:hover{background:#eceef0;transform:rotate(8deg)}
.search-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.search-form{position:relative;display:flex;align-items:center;gap:10px;width:min(900px,100%);padding:8px;border:1px solid rgba(11,13,16,.16);border-radius:18px;background:#fff;box-shadow:0 10px 35px rgba(11,13,16,.06);transition:border-color .2s ease,box-shadow .2s ease}
.search-form:focus-within{border-color:color-mix(in srgb,var(--accent,#17684f) 68%,#fff);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent,#17684f) 9%,transparent),0 14px 40px rgba(11,13,16,.08)}
.search-input-icon{display:grid;place-items:center;margin-left:10px;color:#878e98}
.search-input-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.search-form input{flex:1;min-width:0;height:52px;padding:0 8px;border:0!important;outline:0!important;background:transparent!important;color:var(--dk-ink);font-size:17px;box-shadow:none!important}
.search-form input::placeholder{color:#a1a7af}
.search-form .btn{flex:0 0 auto}
.search-hint{margin:13px 0 0;color:#9aa0a9;font-size:12px}

/* Mobile drawer */
.nav-backdrop{position:fixed;inset:0;z-index:1060;background:rgba(5,7,9,.58);opacity:0;visibility:hidden;backdrop-filter:blur(5px);transition:.3s ease}
.nav-backdrop.open{opacity:1;visibility:visible}
.mobile-nav{position:fixed;z-index:1070;top:0;right:0;width:min(430px,92vw);height:100dvh;padding:26px clamp(22px,5vw,40px) 40px;background:#0d0f12;color:#fff;box-shadow:-28px 0 80px rgba(0,0,0,.28);overflow:auto;transform:translateX(105%);visibility:hidden;transition:transform .38s var(--dk-ease),visibility .38s ease}
.mobile-nav.open{transform:none;visibility:visible}
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 62px 26px 0;border-bottom:1px solid var(--dk-line-dark)}
.mobile-nav-head>span{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.mobile-nav-head small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#818995;font-size:11px}
.mobile-nav nav{display:grid;padding-top:18px}
.mobile-nav a{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 2px;border-bottom:1px solid var(--dk-line-dark);font-size:clamp(17px,4vw,21px);font-weight:650;letter-spacing:-.025em;transition:padding .2s ease,color .2s ease}
.mobile-nav a span:last-child{color:#656d78;font-size:10px;font-weight:700;letter-spacing:.1em}
.mobile-nav a:hover{padding-left:8px;color:#fff}

/* Bootstrap button refinement */
.btn{min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:12px 19px!important;border:1px solid transparent!important;border-radius:13px!important;font-size:14px!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.01em!important;box-shadow:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease!important}
.btn:hover{transform:translateY(-2px)}
.btn-accent{background:var(--accent,#17684f)!important;color:#fff!important}
.btn-accent:hover{background:color-mix(in srgb,var(--accent,#17684f) 88%,#000)!important;box-shadow:0 13px 30px color-mix(in srgb,var(--accent,#17684f) 24%,transparent)!important}
.btn-outline,.btn-ghost{background:#fff!important;color:var(--dk-ink)!important;border-color:var(--dk-line)!important}
.btn-outline:hover,.btn-ghost:hover{background:#f1f2f4!important;border-color:rgba(11,13,16,.24)!important}
.btn-light-strong{background:#fff!important;color:var(--dk-ink)!important;border-color:#fff!important}
.btn-light-strong:hover{background:#edf0f2!important;box-shadow:0 14px 35px rgba(0,0,0,.22)!important}
.btn-dark-ghost{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}
.btn-dark-ghost:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.34)!important}

/* Homepage hero */
.hero{padding:28px 0 22px}
.hero-shell{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);min-height:680px;border-radius:var(--dk-radius-lg);background:var(--dk-ink);color:#fff;box-shadow:0 28px 90px rgba(11,13,16,.2);overflow:visible}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(44px,6vw,88px);overflow:hidden;border-radius:var(--dk-radius-lg) 0 0 var(--dk-radius-lg);background:radial-gradient(circle at 8% 90%,color-mix(in srgb,var(--accent,#17684f) 32%,transparent),transparent 42%),var(--dk-ink)}
.hero-copy::after{content:"";position:absolute;right:-110px;top:40px;width:250px;height:250px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.015);pointer-events:none}
.hero-topline{position:absolute;left:clamp(44px,6vw,88px);right:clamp(44px,6vw,88px);top:32px;display:flex;justify-content:space-between;gap:20px;color:#737b86;font-size:9px;font-weight:800;letter-spacing:.16em}
.eyebrow{margin-bottom:16px;color:var(--accent,#17684f);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.hero-copy>.eyebrow{color:#8bd5a8}
.hero-copy h1{max-width:730px;margin:0 0 24px;font-size:clamp(48px,5.2vw,78px);font-weight:720;line-height:.98;letter-spacing:-.063em;text-wrap:balance}
.hero-copy>p{max-width:570px;margin:0 0 31px;color:#aeb5bf;font-size:clamp(15px,1.3vw,18px);line-height:1.75}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(38px,5vw,66px);padding-top:22px;border-top:1px solid rgba(255,255,255,.13)}
.hero-metric{display:grid;gap:2px;padding-right:16px}
.hero-metric+.hero-metric{padding-left:18px;border-left:1px solid rgba(255,255,255,.11)}
.hero-metric strong{font-size:clamp(20px,2vw,29px);font-weight:700;letter-spacing:-.04em}
.hero-metric span{color:#757e89;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hero-art{position:relative;min-width:0;margin:8px;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,#d7dadd,#eef0f2);isolation:isolate}
.hero-primary{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform 1s var(--dk-ease),filter .4s ease}
.hero-art:hover .hero-primary{transform:scale(1.035)}
.hero-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:rgba(11,13,16,.09);font-size:clamp(120px,18vw,260px);font-weight:800;letter-spacing:-.1em}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,11,.03) 38%,rgba(7,9,11,.76) 100%);pointer-events:none}
.hero-art-caption{position:absolute;z-index:3;left:30px;bottom:28px;display:grid;gap:5px;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.hero-art-caption span{font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.66)}
.hero-art-caption strong{font-size:clamp(20px,2.2vw,31px);font-weight:700;letter-spacing:-.04em}
.hero-card{position:absolute;z-index:4;width:112px;padding:7px;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 18px 50px rgba(0,0,0,.24);backdrop-filter:blur(10px);transition:transform .35s var(--dk-ease)}
.hero-card img{width:100%;aspect-ratio:1/1.18;border-radius:13px;object-fit:cover}
.hero-card small{display:block;padding:7px 4px 2px;color:#111;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hero-card.one{right:22px;top:24px;transform:rotate(3deg)}
.hero-card.two{right:30px;top:196px;transform:rotate(-3deg)}
.hero-art:hover .hero-card.one{transform:rotate(1deg) translateY(-4px)}
.hero-art:hover .hero-card.two{transform:rotate(-1deg) translateY(-4px)}

/* Campaign carousel */
.top-carousel-wrap{padding:56px 0 10px}
.carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px;color:#7e858f;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.top-carousel{position:relative;border-radius:28px;overflow:hidden;background:#dfe2e5;box-shadow:var(--dk-shadow-sm)}
.top-carousel::after{content:"";position:absolute;z-index:4;inset:0;border:1px solid rgba(255,255,255,.24);border-radius:inherit;pointer-events:none}
.carousel-stage{position:relative;min-height:0;aspect-ratio:var(--dk-carousel-ratio,16/9);overflow:hidden;background:#111419}
.carousel-layer{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;opacity:0;transform:scale(1.025);isolation:isolate;transition:opacity .65s ease,transform 1.1s var(--dk-ease)}
.carousel-layer.active{z-index:2;opacity:1;transform:scale(1)}
.carousel-image-link{position:relative;display:block;width:100%;height:100%;background:#111419}
.carousel-backdrop{position:absolute;z-index:1;inset:-10%;width:120%;height:120%;max-width:none;object-fit:cover;filter:blur(30px) saturate(.9) brightness(.58);opacity:.82;transform:scale(1.08)}
.carousel-image{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain}
.carousel-caption{position:absolute;z-index:5;left:28px;right:auto;bottom:28px;display:none;align-items:center;gap:18px;max-width:min(580px,calc(100% - 210px));margin:0;padding:14px 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(9,11,13,.68);color:#fff;text-align:left;backdrop-filter:blur(14px);box-shadow:0 16px 45px rgba(0,0,0,.18)}
.carousel-caption.has-text{display:flex}
.carousel-caption>span{font-size:14px;font-weight:700;line-height:1.4}
.carousel-caption small{display:flex;gap:6px;white-space:nowrap;color:#cdd2d8;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.carousel-controls{position:absolute;z-index:6;right:22px;bottom:22px;display:flex;gap:7px}
.carousel-control{position:static!important;width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(9,11,13,.68);color:#fff;opacity:1!important;transform:none!important;backdrop-filter:blur(12px);transition:background .2s ease,transform .2s ease!important}
.carousel-control:hover{background:rgba(9,11,13,.9);transform:translateY(-2px)!important}
.carousel-control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.carousel-dots{position:absolute;z-index:6;left:50%;bottom:19px;display:flex;align-items:center;gap:6px;transform:translateX(-50%)}
.carousel-dot{width:19px;height:3px;padding:0;border:0;border-radius:3px;background:rgba(255,255,255,.42);transition:width .22s ease,background .22s ease}
.carousel-dot.active{width:34px;background:#fff}

/* Moving category ribbon */
.ticker{margin-top:54px;overflow:hidden;border-block:1px solid rgba(11,13,16,.08);background:#fff}
.ticker-track{display:flex;width:max-content;will-change:transform;animation:tickerMove 52s linear infinite}
.ticker-group{display:flex;align-items:center;flex-shrink:0}
.ticker-item{display:flex;align-items:center;gap:18px;padding:17px 22px;color:#646b75;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.ticker-dot{width:5px;height:5px;border-radius:50%;background:var(--accent,#17684f)}
.ticker:hover .ticker-track{animation-play-state:paused}

/* Shared sections */
.section{padding:clamp(72px,8vw,118px) 0}
.section.compact{padding-top:clamp(54px,6vw,84px)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,450px);align-items:end;gap:50px;margin-bottom:38px}
.section-head h2{max-width:800px;margin:0;font-size:clamp(36px,4.4vw,62px);font-weight:720;line-height:1.01;letter-spacing:-.058em;text-wrap:balance}
.section-head p{margin:0;color:var(--dk-muted);font-size:15px;line-height:1.75}
.section-head-action{display:grid;gap:18px}
.section-head-action a{display:inline-flex;align-items:center;gap:7px;width:max-content;padding-bottom:4px;border-bottom:1px solid rgba(11,13,16,.35);font-size:12px;font-weight:800;transition:gap .2s ease,border-color .2s ease}
.section-head-action a:hover{gap:12px;border-color:var(--accent,#17684f)}

/* Category collection */
.category-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.category-tile{position:relative;grid-column:span 5;height:clamp(390px,42vw,570px);min-width:0;overflow:hidden;border-radius:26px;background:#dfe2e5;box-shadow:0 0 0 1px rgba(11,13,16,.05);isolation:isolate;transition:transform .4s var(--dk-ease),box-shadow .4s ease}
.category-tile:nth-child(4n+1),.category-tile:nth-child(4n){grid-column:span 7}
.category-tile:hover{z-index:2;transform:translateY(-7px);box-shadow:var(--dk-shadow)}
.category-fallback{position:absolute;inset:0;background:linear-gradient(145deg,#dfe3e6,#cbd1d5)}
.category-cover{position:absolute!important;z-index:1;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;filter:saturate(.92);transition:transform .8s var(--dk-ease),filter .4s ease}
.category-tile:hover .category-cover{transform:scale(1.045);filter:saturate(1.04)}
.category-tile::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(7,9,11,.06) 20%,rgba(7,9,11,.82) 100%);pointer-events:none}
.category-index{position:absolute;z-index:3;top:18px;left:18px;min-width:39px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(9,11,13,.38);color:#fff;font-size:9px;font-weight:800;letter-spacing:.12em;backdrop-filter:blur(10px)}
.category-body{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:clamp(22px,3vw,38px);color:#fff}
.category-body small{display:block;margin-bottom:9px;color:rgba(255,255,255,.63);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.category-body h3{max-width:520px;margin:0;font-size:clamp(25px,3.2vw,44px);font-weight:680;line-height:1.03;letter-spacing:-.052em;overflow-wrap:anywhere}
.round-arrow{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--dk-ink);box-shadow:0 10px 30px rgba(0,0,0,.15);transition:transform .3s var(--dk-ease)}
.round-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.category-tile:hover .round-arrow{transform:translateX(4px) rotate(-8deg)}

/* Product cards */
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 18px}
.product-card{min-width:0;height:100%;display:flex;flex-direction:column}
.product-card-main{display:block;flex:1 1 auto}
.product-media{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(11,13,16,.07);border-radius:22px;background:#e9ebed;transition:border-color .3s ease,box-shadow .3s ease,transform .35s var(--dk-ease)}
.product-media::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);border-radius:inherit;pointer-events:none}
.product-media>img{width:100%;height:100%;padding:10px;object-fit:contain;mix-blend-mode:multiply;transition:transform .7s var(--dk-ease),filter .3s ease}
.product-card:hover .product-media{transform:translateY(-5px);border-color:rgba(11,13,16,.14);box-shadow:0 22px 50px rgba(11,13,16,.1)}
.product-card:hover .product-media>img{transform:scale(1.035)}
.product-chip{position:absolute;z-index:2;top:13px;left:13px;max-width:calc(100% - 26px);padding:7px 10px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(255,255,255,.8);color:#282d34;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(10px)}
.product-quick{position:absolute;z-index:3;left:13px;right:13px;bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:14px;background:rgba(10,12,15,.9);color:#fff;font-size:11px;font-weight:800;opacity:0;transform:translateY(12px);backdrop-filter:blur(10px);transition:opacity .25s ease,transform .3s var(--dk-ease)}
.product-quick svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.product-card:hover .product-quick{opacity:1;transform:none}
.product-card:hover .product-quick svg{transform:translateX(3px)}
.product-info{padding:16px 4px 0}
.product-card-kicker{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#858c96;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.product-card-kicker>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-card-kicker .price{flex:0 0 auto;color:var(--dk-ink)}
.product-card-description{min-height:72px;margin:0 0 10px;color:#252a31;font-size:14px;font-weight:650;line-height:1.65;letter-spacing:-.012em;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}
.product-card:hover .product-card-description{color:var(--accent,#17684f)}
.product-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#999fa8;font-size:11px;font-weight:650}
.product-meta span:last-child{font-size:14px;transition:transform .2s ease}
.product-card:hover .product-meta span:last-child{transform:translate(2px,-2px)}
.product-buy-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:13px 4px 0;border-top:1px solid var(--dk-line)}
.product-buy-label{display:grid;min-width:0;line-height:1.15}
.product-buy-label strong{color:var(--dk-ink);font-size:13px;font-weight:800}
.product-buy-label small{margin-top:4px;color:#9aa0a9;font-size:9px;font-weight:800;letter-spacing:.08em}
.product-buy-channels{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.product-buy-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;box-shadow:0 8px 20px rgba(11,13,16,.11);transition:transform .22s var(--dk-ease),box-shadow .22s ease,filter .22s ease}
.product-buy-icon.whatsapp{background:#25d366}
.product-buy-icon.telegram{background:#229ed9}
.product-buy-icon:hover{color:#fff;filter:saturate(1.08) brightness(.96);transform:translateY(-3px);box-shadow:0 12px 26px rgba(11,13,16,.17)}
.product-buy-icon svg{width:18px;height:18px;fill:currentColor}

/* Inner page headers */
.page-hero{position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) 0 clamp(50px,6vw,82px);border-bottom:1px solid rgba(11,13,16,.07);background:linear-gradient(135deg,#eceef0 0%,#f8f8f9 66%,#e7ebe8 100%)}
.page-hero::after{content:"DK";position:absolute;right:-.04em;bottom:-.46em;color:rgba(11,13,16,.026);font-size:clamp(190px,27vw,430px);font-weight:800;line-height:1;letter-spacing:-.12em;pointer-events:none}
.page-hero .container{position:relative;z-index:2}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:clamp(38px,5vw,68px);color:#858c96;font-size:11px;font-weight:700}
.breadcrumbs a{transition:color .2s ease}
.breadcrumbs a:hover{color:var(--dk-ink)}
.breadcrumbs .sep{color:#bdc2c8}
.page-title-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,480px);align-items:end;gap:60px}
.page-title-row h1{max-width:880px;margin:0;font-size:clamp(48px,7vw,96px);font-weight:710;line-height:.94;letter-spacing:-.07em;overflow-wrap:anywhere;text-wrap:balance}
.page-title-row p{max-width:480px;margin:0;color:#686f79;font-size:15px;line-height:1.78}
.subcats{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:35px}
.subcat{display:inline-flex;align-items:center;gap:11px;min-height:42px;padding:9px 12px 9px 15px;border:1px solid rgba(11,13,16,.12);border-radius:999px;background:rgba(255,255,255,.72);font-size:13px;font-weight:800;backdrop-filter:blur(8px);transition:background .2s ease,color .2s ease,transform .2s ease}
.subcat span{min-width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e8eaec;color:#777e88;font-size:9px}
.subcat:hover{background:var(--dk-ink);color:#fff;transform:translateY(-2px)}
.subcat:hover span{background:rgba(255,255,255,.13);color:#fff}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:28px;padding:14px 0 20px;border-bottom:1px solid var(--dk-line)}
.count{display:flex;align-items:center;gap:10px;color:#626973;font-size:13px;font-weight:750}
.count i{width:7px;height:7px;border-radius:50%;background:var(--accent,#17684f);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent,#17684f) 10%,transparent)}
.sort-form{display:flex;align-items:center;gap:10px}
.sort-form label{color:#8b929c;font-size:11px;font-weight:700}
.toolbar .form-select{width:auto;min-width:148px;height:43px;padding:0 38px 0 13px;border:1px solid var(--dk-line);border-radius:11px;background-color:#fff;color:var(--dk-ink);font-size:13px;font-weight:700;box-shadow:none}
.toolbar .form-select:focus{border-color:var(--accent,#17684f);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,#17684f) 10%,transparent)}

/* Product details */
.product-detail{padding:38px 0 clamp(80px,9vw,130px)}
.product-detail>.container>.breadcrumbs{margin-bottom:28px}
.product-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.75fr);align-items:start;gap:clamp(28px,4vw,62px)}
.gallery{min-width:0}
.gallery-stage{position:relative;aspect-ratio:1/1.05;overflow:hidden;border:1px solid rgba(11,13,16,.07);border-radius:28px;background:#e9ebed;box-shadow:var(--dk-shadow-sm)}
.gallery-stage>img{width:100%;height:100%;padding:clamp(12px,2vw,28px);object-fit:contain;mix-blend-mode:multiply;transition:opacity .2s ease,transform .5s var(--dk-ease)}
.gallery-stage:hover>img{transform:scale(1.012)}
.gallery-badge{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(10,12,15,.8);color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(10px)}
.gallery-badge span{color:#aeb5bd}
.gallery-badge strong{font-weight:800}
.gallery-thumbs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-top:11px}
.gallery-thumb{position:relative;aspect-ratio:1;overflow:hidden;padding:0;border:1px solid transparent;border-radius:12px;background:#e7e9eb;opacity:.64;transition:opacity .2s ease,border-color .2s ease,transform .2s ease}
.gallery-thumb::after{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:inherit;transition:border-color .2s ease}
.gallery-thumb img{width:100%;height:100%;padding:4px;object-fit:contain;mix-blend-mode:multiply}
.gallery-thumb:hover{opacity:1;transform:translateY(-2px)}
.gallery-thumb.active{border-color:var(--dk-ink);opacity:1}
.gallery-thumb.active::after{border-color:#fff}
.product-side{position:sticky;top:101px;min-width:0;padding:clamp(28px,3.5vw,48px);border:1px solid rgba(11,13,16,.07);border-radius:28px;background:#fff;box-shadow:var(--dk-shadow-sm)}
.product-side-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:21px}
.category-label{display:inline-flex;align-items:center;max-width:70%;min-height:31px;padding:6px 11px;border-radius:999px;background:color-mix(in srgb,var(--accent,#17684f) 9%,#f1f3f4);color:var(--accent,#17684f);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-edition{color:#a0a6ae;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.product-side h1,.product-detail-heading{margin:0 0 18px!important;color:var(--dk-ink);font-size:clamp(38px,4.2vw,58px)!important;font-weight:710!important;line-height:.98!important;letter-spacing:-.06em!important}
.big-price{margin:0 0 20px;color:var(--dk-ink);font-size:24px;font-weight:800;letter-spacing:-.03em}
.description-label{display:flex;align-items:center;gap:13px;margin:27px 0 13px;color:#8c939c;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.description-label i{height:1px;flex:1;background:var(--dk-line)}
.product-description,.product-description-full{display:block!important;max-height:none!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;color:#4f5660!important;font-size:16px!important;font-weight:500;line-height:1.82!important;white-space:normal!important;word-break:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;text-overflow:clip!important}
.product-description-full br{content:"";display:block;margin-bottom:.45em}
.product-actions{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}
.product-actions .btn{flex:1 1 155px}
.buy-now-panel{margin:30px 0 12px;padding:21px;border-radius:20px;background:var(--dk-ink);color:#fff;box-shadow:0 18px 46px rgba(11,13,16,.16)}
.buy-now-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.buy-now-head>div>span{display:block;margin-bottom:4px;color:#858d98;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.buy-now-head h2{margin:0;font-size:29px;font-weight:720;line-height:1;letter-spacing:-.045em}
.buy-now-head>strong{padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#aab1bb;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.buy-now-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}
.buy-channel{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055);transition:transform .22s var(--dk-ease),background .22s ease,border-color .22s ease}
.buy-channel:hover{color:#fff;transform:translateY(-2px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}
.buy-channel-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#fff}
.buy-channel.whatsapp .buy-channel-icon{background:#25d366}
.buy-channel.telegram .buy-channel-icon{background:#229ed9}
.buy-channel-icon svg{width:19px;height:19px;fill:currentColor}
.buy-channel>span:nth-child(2){display:grid;min-width:0;line-height:1.2}
.buy-channel>span:nth-child(2) strong{font-size:12px;font-weight:800}
.buy-channel>span:nth-child(2) small{margin-top:3px;color:#858d98;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buy-channel>i{color:#7b838e;font-size:13px;font-style:normal;transition:transform .2s ease}
.buy-channel:hover>i{transform:translate(2px,-2px)}
.product-facts{margin-top:25px;border-top:1px solid var(--dk-line)}
.fact{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid var(--dk-line);font-size:11px}
.fact span{color:#9299a2}
.fact strong{max-width:60%;font-weight:750;text-align:right;word-break:break-word}
.back-link{display:inline-flex;align-items:center;gap:9px;margin-top:24px;color:#737a84;font-size:13px;font-weight:750;transition:gap .2s ease,color .2s ease}
.back-link:hover{gap:13px;color:var(--dk-ink)}

/* Search results */
.search-page-hero{background:radial-gradient(circle at 84% 30%,color-mix(in srgb,var(--accent,#17684f) 34%,transparent),transparent 32%),var(--dk-ink);color:#fff}
.search-page-hero::after{color:rgba(255,255,255,.025)}
.search-page-hero .breadcrumbs,.search-page-hero .page-title-row p{color:#99a1ac}
.search-page-hero .breadcrumbs a:hover{color:#fff}
.search-page-hero .eyebrow{color:#8bd5a8}
.page-search-form{width:min(920px,100%);margin-top:35px;background:#fff}
.results-summary{display:flex;align-items:center;gap:8px;margin-bottom:27px;padding-bottom:18px;border-bottom:1px solid var(--dk-line);color:#8b929b;font-size:12px}
.results-summary span:first-child{color:var(--dk-ink);font-weight:800}

/* Contact statement */
.statement{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:60px;overflow:hidden;padding:clamp(38px,6vw,76px);border-radius:32px;background:radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--accent,#17684f) 34%,transparent),transparent 35%),var(--dk-ink);color:#fff;box-shadow:0 28px 80px rgba(11,13,16,.2)}
.statement::after{content:"";position:absolute;right:-60px;bottom:-190px;width:350px;height:350px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.02);pointer-events:none}
.statement>div{position:relative;z-index:2}
.statement .eyebrow{color:#8bd5a8}
.statement h2{max-width:760px;margin:0 0 18px;font-size:clamp(36px,5.2vw,70px);font-weight:710;line-height:.98;letter-spacing:-.06em}
.statement p{max-width:680px;margin:0;color:#9da5af;font-size:15px;line-height:1.75}
.statement-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}

/* Pagination and empty states */
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:50px}
.pagination a,.pagination span{min-width:42px;height:42px;display:grid;place-items:center;padding:0 10px;border:1px solid var(--dk-line);border-radius:12px;background:#fff;color:#6d747e;font-size:13px;font-weight:750;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}
.pagination a:hover{transform:translateY(-2px);border-color:rgba(11,13,16,.25);color:var(--dk-ink)}
.pagination .active{border-color:var(--dk-ink);background:var(--dk-ink);color:#fff}
.empty{display:grid;justify-items:center;gap:8px;padding:clamp(42px,7vw,80px) 24px;border:1px dashed rgba(11,13,16,.2);border-radius:24px;background:rgba(255,255,255,.55);color:#777e88;text-align:center}
.empty-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:5px;border-radius:50%;background:#e8eaec;color:#626973;font-size:24px}
.empty strong{color:var(--dk-ink);font-size:18px}
.empty p{margin:0;font-size:13px}

/* Footer */
.footer{position:relative;overflow:hidden;margin-top:20px;padding:clamp(62px,8vw,104px) 0 25px;background:#090b0d;color:#fff}
.footer::before{content:"";position:absolute;left:50%;top:-450px;width:900px;height:700px;border:1px solid rgba(255,255,255,.035);border-radius:50%;transform:translateX(-50%);pointer-events:none}
.footer .container{position:relative;z-index:2}
.footer-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,580px);align-items:end;gap:60px;padding-bottom:clamp(42px,6vw,72px);border-bottom:1px solid var(--dk-line-dark)}
.footer-lockup{display:flex;align-items:center;gap:16px;font-size:clamp(32px,5vw,68px);font-weight:710;line-height:1;letter-spacing:-.06em}
.footer-mark{width:58px;height:58px;border:1px solid rgba(255,255,255,.15);background:#fff;color:#0b0d10;font-size:18px}
.footer-logo{width:auto;max-width:190px;height:58px;object-fit:contain;filter:brightness(0) invert(1)}
.footer-intro p{max-width:560px;margin:0;color:#858d98;font-size:14px;line-height:1.75}
.footer-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(120px,1fr));gap:clamp(28px,5vw,75px);padding:50px 0}
.footer-label,.footer-grid h3{display:block;margin:0 0 17px;color:#737b86;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.footer-brand p{max-width:430px;margin:0;color:#989fa9;font-size:14px;line-height:1.8}
.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-grid a,.footer-search{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#d5d9de;font-size:13px;font-weight:650;text-align:left;transition:color .2s ease,transform .2s ease}
.footer-grid a:hover,.footer-search:hover{color:#fff;transform:translateX(3px)}
.footer-muted{color:#686f79;font-size:11px;line-height:1.6}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;border-top:1px solid var(--dk-line-dark);color:#646c77;font-size:10px;font-weight:650}
.back-to-top{position:fixed;z-index:1020;right:20px;bottom:20px;width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(11,13,16,.88);color:#fff;box-shadow:0 14px 40px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(12px);backdrop-filter:blur(10px);transition:opacity .25s ease,visibility .25s ease,transform .25s var(--dk-ease)}
.back-to-top.visible{opacity:1;visibility:visible;transform:none}
.back-to-top:hover{transform:translateY(-3px)}
.back-to-top svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Motion */
.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s var(--dk-ease)}
.motion-ready .reveal.visible{opacity:1;transform:none}
@keyframes tickerMove{to{transform:translateX(-50%)}}
@keyframes statusPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.62;transform:scale(.86)}}

@media (max-width:1240px){
  .nav{display:none}
  .menu-btn{display:grid}
  .menu-btn.active{position:fixed;z-index:1090;top:20px;right:24px;border-color:rgba(255,255,255,.15);background:#1a1d22;color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.28)}
  .hero-shell{grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr)}
  .hero-card.two{display:none}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:991px){
  .container{width:min(100% - 32px,1420px)}
  .announce-inner{min-height:36px}
  .header-inner{min-height:72px}
  .search-trigger>span,.search-trigger kbd{display:none}
  .search-trigger{width:44px;justify-content:center;padding:0}
  .hero{padding-top:18px}
  .hero-shell{grid-template-columns:1fr;min-height:0;overflow:hidden}
  .hero-copy{min-height:570px;border-radius:var(--dk-radius-lg) var(--dk-radius-lg) 0 0}
  .hero-art{min-height:570px;margin:0 8px 8px;border-radius:24px}
  .hero-card.one{right:19px}
  .carousel-stage{min-height:0}
  .category-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .category-tile,.category-tile:nth-child(4n+1),.category-tile:nth-child(4n){grid-column:auto;height:470px}
  .page-title-row{grid-template-columns:1fr;gap:23px}
  .page-title-row p{max-width:620px}
  .product-layout{grid-template-columns:1fr;gap:24px}
  .gallery-stage{aspect-ratio:1/1.02}
  .product-side{position:static}
  .gallery-thumbs{grid-template-columns:repeat(8,minmax(0,1fr))}
  .statement{grid-template-columns:1fr;align-items:start;gap:32px}
  .statement-actions{justify-content:flex-start}
  .footer-intro{grid-template-columns:1fr;gap:25px}
  .footer-grid{grid-template-columns:2fr 1fr 1fr}
  .footer-brand{grid-column:1/-1}
}

@media (max-width:767px){
  .container{width:min(100% - 24px,1420px)}
  .announce-secondary{display:none}
  .announce-primary{margin-right:auto}
  .announce-inner{gap:14px;font-size:9px}
  .header-inner{min-height:66px;gap:12px}
  .brand-mark{width:40px;height:40px;border-radius:12px}
  .brand-logo{height:40px;max-width:145px}
  .brand-sub{display:none}
  .brand-name{max-width:150px;font-size:14px}
  .header-actions{margin-left:auto}
  .search-trigger,.icon-btn{width:40px;height:40px;border-radius:12px}
  .menu-btn.active{top:18px;right:18px}
  .mobile-nav{width:min(390px,94vw)}
  .search-panel{border-radius:0 0 24px 24px}
  .search-top{margin-bottom:22px}
  .search-top h2{font-size:36px}
  .search-close{width:42px;height:42px;flex-basis:42px}
  .search-form{padding:6px;border-radius:15px}
  .search-form input{height:48px;font-size:15px}
  .search-form .btn{min-height:46px!important;padding-inline:15px!important}
  .hero-shell{border-radius:24px}
  .hero-copy{min-height:auto;padding:90px 25px 38px;border-radius:24px 24px 0 0}
  .hero-topline{left:25px;right:25px;top:25px}
  .hero-copy h1{font-size:clamp(42px,13.5vw,62px)}
  .hero-copy>p{font-size:15px}
  .hero-metrics{margin-top:40px}
  .hero-metric strong{font-size:20px}
  .hero-metric span{font-size:8px}
  .hero-art{min-height:470px;border-radius:18px}
  .hero-card{width:92px;border-radius:14px}
  .hero-card img{border-radius:10px}
  .top-carousel-wrap{padding-top:42px}
  .carousel-stage{min-height:0}
  .carousel-caption{left:14px;right:14px;bottom:65px;max-width:none}
  .carousel-controls{right:14px;bottom:14px}
  .carousel-control{width:40px;height:40px}
  .carousel-dots{left:15px;bottom:31px;transform:none}
  .ticker{margin-top:42px}
  .section{padding:68px 0}
  .section.compact{padding-top:48px}
  .section-head{grid-template-columns:1fr;gap:16px;margin-bottom:28px}
  .section-head h2{font-size:43px}
  .section-head-action{gap:13px}
  .category-mosaic{gap:10px}
  .category-tile,.category-tile:nth-child(4n+1),.category-tile:nth-child(4n){height:390px;border-radius:20px}
  .category-body{padding:19px}
  .category-body h3{font-size:27px}
  .round-arrow{width:42px;height:42px;flex-basis:42px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 10px}
  .product-media{border-radius:17px}
  .product-media>img{padding:6px}
  .product-chip{top:9px;left:9px;max-width:calc(100% - 18px);font-size:8px}
  .product-quick{display:none}
  .product-info{padding:12px 2px 0}
  .product-card-description{min-height:66px;font-size:14px;line-height:1.55}
  .product-meta{font-size:10px}
  .product-buy-row{padding-top:11px}
  .product-buy-channels{gap:5px}
  .product-buy-icon{width:33px;height:33px;border-radius:10px}
  .product-buy-icon svg{width:16px;height:16px}
  .page-hero{padding:46px 0 52px}
  .breadcrumbs{margin-bottom:38px}
  .page-title-row h1{font-size:clamp(47px,14vw,70px)}
  .subcats{margin-top:27px}
  .toolbar{align-items:flex-end}
  .sort-form{display:grid;gap:4px}
  .product-detail{padding-top:25px}
  .gallery-stage{border-radius:20px}
  .gallery-thumbs{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
  .product-side{padding:27px 22px;border-radius:22px}
  .product-side h1,.product-detail-heading{font-size:42px!important}
  .product-description,.product-description-full{font-size:15px!important;line-height:1.78!important}
  .page-search-form{margin-top:28px}
  .statement{padding:37px 25px;border-radius:24px}
  .statement h2{font-size:44px}
  .footer-intro p{font-size:13px}
  .footer-lockup{font-size:42px}
  .footer-mark{width:50px;height:50px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}
  .back-to-top{right:12px;bottom:12px}
}

@media (max-width:520px){
  .announce a{font-size:0}
  .announce a span{font-size:12px}
  .hero-copy{padding-inline:21px}
  .hero-topline{left:21px;right:21px}
  .hero-copy h1{font-size:43px}
  .hero-actions .btn{width:100%}
  .hero-art{min-height:400px}
  .hero-card{display:none}
  .carousel-heading span:last-child{display:none}
  .carousel-caption{padding:11px 12px}
  .carousel-caption>span{font-size:12px}
  .carousel-caption small{display:none}
  .category-mosaic{grid-template-columns:1fr}
  .category-tile,.category-tile:nth-child(4n+1),.category-tile:nth-child(4n){height:430px}
  .category-body h3{font-size:30px}
  .section-head h2{font-size:39px}
  .toolbar{gap:12px}
  .count{font-size:10px}
  .sort-form label{display:none}
  .toolbar .form-select{min-width:135px}
  .gallery-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}
  .product-side-top{align-items:flex-start;flex-direction:column;gap:8px}
  .category-label{max-width:100%}
  .product-actions .btn{flex-basis:100%}
  .buy-now-options{grid-template-columns:1fr}
  .page-search-form{align-items:stretch;flex-wrap:wrap}
  .page-search-form .search-input-icon{position:absolute;top:23px;left:8px}
  .page-search-form input{flex-basis:calc(100% - 42px);padding-left:39px}
  .page-search-form .btn{width:100%}
  .statement-actions{display:grid}
  .statement-actions .btn{width:100%}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .motion-ready .reveal{opacity:1;transform:none}
  .ticker-track{animation:none}
}