/* Ventura Visuals storefront upgrade: calm ecommerce hierarchy, readable pricing and touch-first controls. */

.ventura-site .market-ticker{position:relative;background:#10172b;color:#f5f7fc;border-bottom:1px solid #2d3956}
.ventura-site .market-ticker .shell{min-height:42px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px}
.ventura-site .market-ticker-mark{color:#ef3d91;font-size:11px;line-height:1}
.ventura-site .market-ticker p{margin:0;font-size:12px;font-weight:600;letter-spacing:.01em;line-height:1.45}
.ventura-site .market-ticker a{display:inline-flex;align-items:center;gap:6px;min-height:36px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
.ventura-site .market-ticker a:hover{text-decoration:underline;text-underline-offset:4px}

.ventura-site .head{position:sticky;top:0;z-index:55;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(33,35,58,.08);box-shadow:0 10px 28px rgba(20,27,48,.055);backdrop-filter:blur(14px)}
.ventura-site .head-in{min-height:88px;height:auto}
.ventura-site .head .brand{display:flex;align-items:center;min-height:64px}
.ventura-site .head .brand-lockup{width:238px!important;max-height:64px;object-fit:contain!important;object-position:left center}
.ventura-site .nav a{border-radius:8px;transition:color .2s ease,background .2s ease,transform .2s ease}
.ventura-site .nav a:not([href='#/quote']):hover{background:#f0f2f7;transform:translateY(-1px)}
.ventura-site .basketbtn{box-shadow:0 6px 16px rgba(33,35,58,.08)}

.ventura-site .hero{position:relative;overflow:hidden;padding-block:62px 78px;background:linear-gradient(130deg,#f8f9fc 0%,#fff 42%,#f4f6fb 100%)}
.ventura-site .hero::before,.ventura-site .hero::after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(8px)}
.ventura-site .hero::before{width:470px;height:470px;right:-210px;top:-200px;background:radial-gradient(circle,#f3d1e3 0%,rgba(243,209,227,0) 70%)}
.ventura-site .hero::after{width:360px;height:360px;left:-210px;bottom:-230px;background:radial-gradient(circle,#c9deec 0%,rgba(201,222,236,0) 70%)}
.ventura-site .hero .shell{position:relative}
.ventura-site .hero-grid{grid-template-columns:minmax(0,.93fr) minmax(380px,1.07fr);gap:clamp(38px,5vw,74px)}
.ventura-site .hero h1{max-width:12.5ch;text-wrap:balance}
.ventura-site .hero .lede{max-width:49ch}
.ventura-site .hero .specline{padding-top:4px}

.ventura-site .brand-hero.hero-carousel{border:1px solid #dfe4ee;border-radius:24px;background:#fff;box-shadow:0 24px 58px rgba(21,29,54,.12);overflow:hidden}
.ventura-site .hero-carousel .hero-carousel-stage{background:linear-gradient(145deg,#f6f7f9 0%,#fff 100%);border-bottom:1px solid #e5e8ef}
.ventura-site .hero-carousel .hero-carousel-slide{object-fit:contain!important;object-position:center!important;transform:none!important;transition:opacity .5s ease!important}
.ventura-site .hero-carousel .hero-carousel-actions{margin:12px 16px 0 6px}
.ventura-site .hero-carousel .hero-carousel-toggle{width:46px;height:46px;border:0;transition:background .18s ease,color .18s ease,transform .18s ease;background:rgba(20,22,40,.07);color:var(--vv-navy);box-shadow:0 2px 8px rgba(20,22,40,.12)}
.ventura-site .hero-carousel .hero-carousel-toggle:hover{background:var(--vv-accent);color:#fff}
.ventura-site .hero-carousel .hero-carousel-dots{display:flex;align-items:center;gap:7px;margin:12px 0 0 15px;background:rgba(255,255,255,.9);padding:8px 12px;border-radius:999px;box-shadow:0 5px 20px #21233a15}
.ventura-site .hero-carousel .hero-carousel-dots button{position:relative;flex:0 0 auto;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(20,22,40,.25);cursor:pointer;overflow:hidden;transition:width .25s ease,background .25s ease}
.ventura-site .hero-carousel .hero-carousel-dots button::after{content:none}
.ventura-site .hero-carousel .hero-carousel-dots button[aria-selected=true]{width:32px;background:rgba(20,22,40,.16)}
.ventura-site .hero-carousel .hero-carousel-dots button[aria-selected=true]::after{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--vv-navy);transform:scaleX(0);transform-origin:left center;animation:heroDotFill 6.8s linear}

.ventura-site .brand-hero.hero-carousel .hero-product-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px 21px;background:#fff;color:#252b40}
.ventura-site .hero-product-copy{display:grid;gap:4px;min-width:0}
.ventura-site .hero-product-kicker{display:block;color:#777f91;font-size:10px!important;font-weight:800;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}
.ventura-site .brand-hero.hero-carousel figcaption b{display:block;margin-top:1px;color:#1e253a;font-size:22px;line-height:1.15;letter-spacing:-.025em}
.ventura-site .hero-product-description{display:block;max-width:47ch;color:#596174;font-size:13px;line-height:1.5}
.ventura-site .hero-product-pricing{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;padding-top:5px}
.ventura-site .hero-product-pricing strong{color:var(--vv-accent);font-size:15px;line-height:1.3}
.ventura-site .hero-product-pricing small{color:#697286;font-size:11px;line-height:1.4}
.ventura-site .brand-hero.hero-carousel figcaption a{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;min-height:45px;padding:0 14px;border:1px solid #dbe1eb;border-radius:999px;background:#f7f8fb;color:#23293d;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.ventura-site .brand-hero.hero-carousel figcaption a:hover{border-color:var(--vv-accent);background:var(--vv-accent);color:#fff;transform:translateY(-1px)}

.ventura-site .promotion{border-radius:20px;box-shadow:0 18px 42px rgba(30,36,61,.1)}
.ventura-site .shop-shortcuts{border-radius:0 0 14px 14px}
.ventura-site .division-card{box-shadow:0 18px 40px rgba(18,60,50,.12)}
.ventura-site #homeCats .catcard,.ventura-site .catcard{border-color:#dce2ec}

.mobile-dock{display:none}

html[data-theme=ink] .ventura-site .head{background:rgba(25,28,44,.92);border-bottom-color:#414a61;box-shadow:0 12px 30px rgba(0,0,0,.22)}
html[data-theme=ink] .ventura-site .head .brand-lockup{background:transparent!important;padding:0!important;border-radius:0!important;box-sizing:border-box!important;filter:brightness(0) invert(1) contrast(.92)!important}
html[data-theme=ink] .ventura-site .nav a:not([href='#/quote']):hover{background:#30374c}
html[data-theme=ink] .ventura-site .market-ticker{background:#0d1323;border-bottom-color:#34405c}
html[data-theme=ink] .ventura-site .hero{background:linear-gradient(135deg,#191c2c 0%,#20263a 48%,#191c2c 100%)}
html[data-theme=ink] .ventura-site .hero::before{background:radial-gradient(circle,rgba(165,59,118,.34) 0%,rgba(165,59,118,0) 70%)}
html[data-theme=ink] .ventura-site .hero::after{background:radial-gradient(circle,rgba(48,104,143,.32) 0%,rgba(48,104,143,0) 70%)}
html[data-theme=ink] .ventura-site .brand-hero.hero-carousel{border-color:#41495f;background:#252b40;box-shadow:0 24px 58px rgba(0,0,0,.28)}
html[data-theme=ink] .ventura-site .hero-carousel .hero-carousel-stage{background:#1f2538;border-bottom-color:#41495f}
html[data-theme=ink] .ventura-site .brand-hero.hero-carousel .hero-product-card{background:#252b40;color:#f5f6fb}
html[data-theme=ink] .ventura-site .brand-hero.hero-carousel figcaption b{color:#fff}
html[data-theme=ink] .ventura-site .hero-product-description,html[data-theme=ink] .ventura-site .hero-product-pricing small{color:#c4ccda}
html[data-theme=ink] .ventura-site .hero-product-kicker{color:#b6c0d3}
html[data-theme=ink] .ventura-site .brand-hero.hero-carousel figcaption a{border-color:#4a556f;background:#30384e;color:#fff}
html[data-theme=ink] .ventura-site .brand-hero.hero-carousel figcaption a:hover{border-color:var(--vv-accent);background:var(--vv-accent)}

@media(max-width:980px){
  .ventura-site .head-in{min-height:80px}
  .ventura-site .head .brand-lockup{width:210px!important}
  .ventura-site .hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.95fr);gap:34px}
  .ventura-site .hero h1{max-width:13.5ch}
}

@media(max-width:760px){
  body.ventura-site{padding-bottom:84px}
  .ventura-site .market-ticker .shell{min-height:44px;grid-template-columns:9px minmax(0,1fr);gap:9px;padding-block:5px}
  .ventura-site .market-ticker p{font-size:11px;line-height:1.35}
  .ventura-site .market-ticker a{grid-column:2;justify-self:start;min-height:22px;font-size:11px}
  .ventura-site .head{top:0}
  .ventura-site .head-in{min-height:76px}
  .ventura-site .head .brand{min-height:54px}
  .ventura-site .head .brand-lockup{width:178px!important;max-height:54px}
  .ventura-site .hero{padding-block:38px 48px}
  .ventura-site .hero-grid{grid-template-columns:1fr;gap:26px}
  .ventura-site .hero h1{max-width:14ch}
  .ventura-site .brand-hero.hero-carousel{border-radius:18px}
  .ventura-site .hero-carousel .hero-carousel-stage{aspect-ratio:1}
  .ventura-site .hero-carousel .hero-carousel-dots{margin-left:10px}
  .ventura-site .hero-carousel .hero-carousel-actions{margin:9px 10px 0 4px}
  .ventura-site .hero-carousel .hero-carousel-toggle{width:40px;height:40px}
  .ventura-site .brand-hero.hero-carousel .hero-product-card{display:grid;grid-template-columns:1fr;gap:14px;padding:16px}
  .ventura-site .brand-hero.hero-carousel figcaption b{font-size:20px}
  .ventura-site .hero-product-description{font-size:13px}
  .ventura-site .brand-hero.hero-carousel figcaption a{width:100%;justify-content:space-between;min-height:47px}
  .mobile-dock{position:fixed;z-index:91;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:72px;padding:7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(255,255,255,.97);border-top:1px solid #dce2ec;box-shadow:0 -12px 28px rgba(31,37,59,.09);backdrop-filter:blur(14px)}
  .mobile-dock a,.mobile-dock button{position:relative;display:grid;place-items:center;align-content:center;gap:3px;min-height:56px;padding:3px;border:0;border-radius:10px;background:transparent;color:#535c70;font:700 10px/1.2 var(--font-system);text-decoration:none;cursor:pointer}
  .mobile-dock svg{width:20px;height:20px}
  .mobile-dock a.is-active,.mobile-dock button.is-active,.mobile-dock button:active{background:var(--vv-stage);color:var(--vv-accent)}
  .mobile-dock-count{position:absolute;top:5px;right:calc(50% - 20px);display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:var(--vv-accent);color:#fff;font-size:9px;line-height:1}
  .ventura-site .wa{z-index:92;right:13px;bottom:87px!important;min-height:42px;padding-inline:13px}
  html[data-theme=ink] .mobile-dock{background:rgba(25,28,44,.98);border-top-color:#434c63;box-shadow:0 -12px 28px rgba(0,0,0,.25)}
  html[data-theme=ink] .mobile-dock a,html[data-theme=ink] .mobile-dock button{color:#d9dfeb}
  html[data-theme=ink] .mobile-dock a.is-active,html[data-theme=ink] .mobile-dock button.is-active,html[data-theme=ink] .mobile-dock button:active{background:var(--vv-pink);color:var(--vv-accent-bright)}
  html[data-theme=ink] .mobile-dock-count{border-color:#20263a}
}

@media(max-width:420px){
  .ventura-site .head .brand-lockup{width:152px!important}
  .ventura-site .hero-carousel .hero-carousel-actions{margin-right:7px}
  .ventura-site .hero-carousel .hero-carousel-toggle{width:37px;height:38px}
  .ventura-site .market-ticker p{font-size:10.5px}
}

@keyframes heroDotFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media(prefers-reduced-motion:reduce){
  .ventura-site .hero-carousel .hero-carousel-slide,.ventura-site .brand-hero.hero-carousel figcaption a,.ventura-site .nav a{transition:none!important}
  .ventura-site .hero-carousel .hero-carousel-dots button[aria-selected=true]::after{animation:none;transform:scaleX(1)}
}