/* Layout guard: keep the product artwork inside its reserved panel. */
.product-card{overflow:hidden}
.product-visual{position:relative;z-index:0;overflow:hidden;flex:0 0 178px}
.infinity-visual{padding:10px 20px;overflow:hidden}
.infinity-visual img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.product-card .infinity-visual{height:360px;flex-basis:360px}
.product-card .infinity-visual img{position:relative;top:-28px}
@media(max-width:620px){.product-card .infinity-visual{height:320px;flex-basis:320px}.product-card .infinity-visual img{top:-24px}}

/* Image assets supplied for the Tech Modern homepage */
.hero{background-image:linear-gradient(90deg,rgba(4,18,38,.96) 0%,rgba(4,18,38,.78) 44%,rgba(4,18,38,.22) 100%),url('assets/tech-room-bg.png');background-size:cover;background-position:center}
.hero-stage{background:linear-gradient(180deg,rgba(4,18,38,.12),rgba(4,18,38,.72)),url('assets/tech-podium-stage.png') center/cover;border:1px solid rgba(36,200,255,.24);border-radius:18px;overflow:hidden}
.hero-stage:after{content:"";position:absolute;inset:0;background:url('assets/market-chart-glow.png') center/85% auto no-repeat;opacity:.18;pointer-events:none}
.product-pedestal{position:relative;z-index:2;align-items:end;min-height:300px;padding:28px 28px 56px;isolation:isolate}
.podium-art{position:absolute;z-index:0;inset:auto 0 4px;height:135px;display:grid;place-items:center;pointer-events:none}
.podium-art img{width:100%;height:100%;object-fit:contain;opacity:.96}
.hero-product{position:relative;z-index:3;display:grid;place-items:end center;width:30%;height:220px;overflow:hidden;filter:drop-shadow(0 18px 18px rgba(0,0,0,.38))}
.hero-product img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.hero-product-gold{height:250px}.hero-product-thai{height:245px}.hero-product-wiskey{height:220px;padding:7px;border-radius:6px;background:#fff}
.hero-product-wiskey img{mix-blend-mode:multiply}
.stage-note{z-index:4}
.products{background:linear-gradient(180deg,rgba(4,18,38,.25),rgba(4,18,38,.85)),url('assets/tech-room-bg.png') center/cover fixed}
.product-visual{position:relative}
.box-visual{padding:8px;background:#fff!important}
.box-visual>img:first-child{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.box-visual .brand-mark{position:absolute;right:8px;bottom:8px;width:46px;height:46px;object-fit:cover;border:2px solid #d4af37;border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.25)}
.hero-product-wiskey{background:transparent!important;padding:0}
.hero-product-wiskey img{mix-blend-mode:normal;object-fit:contain}
.product-card .whiskey-box{padding:8px;background:linear-gradient(145deg,#1d2f48,#050b13)!important}
.product-card .whiskey-box>img:first-child{object-fit:contain;mix-blend-mode:normal}
.compare-section{background:linear-gradient(180deg,rgba(4,18,38,.94),rgba(4,18,38,.98)),url('assets/market-chart-glow.png') center/cover}
.compare-section .section-heading h2{color:#fff}
.compare-section .section-heading p:last-child{color:#a9bfd4}
.contact-card{background:linear-gradient(90deg,rgba(4,18,38,.9),rgba(4,18,38,.35)),url('assets/mountain-cta-bg.png') center/cover}
@media(max-width:900px){.hero-product{height:170px}.hero-product-gold{height:195px}.hero-product-thai{height:190px}.hero-product-wiskey{height:170px}.product-pedestal{min-height:255px;padding-left:12px;padding-right:12px}.hero-stage:after{background-size:110% auto}}
@media(max-width:620px){.hero-stage{background-position:center}.hero-product{height:145px}.hero-product-gold{height:170px}.hero-product-thai{height:165px}.hero-product-wiskey{height:145px}.product-pedestal{gap:5px;min-height:230px;padding-bottom:45px}.podium-art{height:105px}.box-visual .brand-mark{width:38px;height:38px}}

/* Keep all three product boxes visually equal after the 2026-10-17 asset update. */
.hero-product,.hero-product-gold,.hero-product-thai,.hero-product-wiskey{height:245px}
.hero-product img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.product-card .product-visual,.product-card .infinity-visual{height:260px;flex:0 0 260px;padding:8px;overflow:hidden}
.product-card .product-visual>img:first-child,.product-card .infinity-visual img{position:static;top:auto;width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:900px){.hero-product,.hero-product-gold,.hero-product-thai,.hero-product-wiskey{height:195px}}
@media(max-width:620px){.hero-product,.hero-product-gold,.hero-product-thai,.hero-product-wiskey{height:165px}.product-card .product-visual,.product-card .infinity-visual{height:235px;flex-basis:235px}}

/* Horizontally scrollable EA showcase, ready for future products. */
.product-pedestal{width:100%;max-width:100%;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:28px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#08bdf2 rgba(3,25,52,.55)}
.product-pedestal::-webkit-scrollbar{height:7px}
.product-pedestal::-webkit-scrollbar-track{background:rgba(3,25,52,.55);border-radius:999px}
.product-pedestal::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#078bff,#08d4ff);border-radius:999px}
.hero-product,.hero-product-gold,.hero-product-thai,.hero-product-wiskey{flex:0 0 min(30%,245px);width:auto;scroll-snap-align:center;scroll-snap-stop:always}
.product-scroll-button{position:absolute;z-index:8;top:50%;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(118,211,255,.75);border-radius:50%;color:#fff;background:rgba(4,24,51,.86);font:700 1.75rem/1 Prompt,system-ui,sans-serif;box-shadow:0 9px 20px rgba(0,0,0,.28);cursor:pointer;transform:translateY(-50%);transition:opacity .2s,background .2s}
.product-scroll-button:hover{background:#087ee5}
.product-scroll-button:disabled{opacity:.28;cursor:default}
.product-scroll-button[hidden]{display:none}
.product-scroll-prev{left:8px}.product-scroll-next{right:8px}
@media(max-width:620px){.product-pedestal{scroll-padding-inline:18px}.hero-product,.hero-product-gold,.hero-product-thai,.hero-product-wiskey{flex-basis:190px}.product-scroll-button{width:34px;height:34px}.product-scroll-prev{left:3px}.product-scroll-next{right:3px}}

/* Optical sizing: match the visible height of the three differently shaped source images. */
.hero-product{overflow:visible}
.hero-product-gold img{transform:scale(1.34);transform-origin:center bottom}
.hero-product-thai img{transform:scale(1);transform-origin:center bottom}
.hero-product-wiskey img{transform:scale(1.47);transform-origin:center bottom}
.signal-card{z-index:12;right:12px;bottom:16px;border-color:rgba(72,191,255,.55);background:rgba(4,20,42,.96)}
@media(max-width:900px){.hero-product-gold img{transform:scale(1.25)}.hero-product-wiskey img{transform:scale(1.34)}.signal-card{right:8px;bottom:12px}}
@media(max-width:620px){.hero-product{overflow:hidden}.hero-product-gold img{transform:scale(1.18)}.hero-product-wiskey img{transform:scale(1.24)}.signal-card{right:6px;bottom:9px}}

/* Final showcase calibration: fill by height first, then make small optical corrections. */
.product-pedestal{padding-top:58px}
.hero-product img{width:auto;max-width:none;height:100%;object-fit:contain}
.hero-product-gold img{transform:scale(1.08)}
.hero-product-wiskey img{transform:scale(1.18)}
@media(max-width:900px){.product-pedestal{padding-top:50px}.hero-product-gold img{transform:scale(1.06)}.hero-product-wiskey img{transform:scale(1.14)}}
@media(max-width:620px){.product-pedestal{padding-top:42px}.hero-product img{max-width:100%}.hero-product-gold img{transform:scale(1.04)}.hero-product-wiskey img{transform:scale(1.1)}}

/* Safety lock: every top product must remain fully visible inside an equal frame. */
.product-pedestal{padding-top:38px}
.hero-product,.hero-product-gold,.hero-product-thai,.hero-product-wiskey{height:245px;padding:10px;overflow:hidden}
.hero-product img,.hero-product-gold img,.hero-product-thai img,.hero-product-wiskey img{display:block;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important}
@media(max-width:900px){.product-pedestal{padding-top:32px}.hero-product,.hero-product-gold,.hero-product-thai,.hero-product-wiskey{height:195px;padding:8px}}
@media(max-width:620px){.product-pedestal{padding-top:26px}.hero-product,.hero-product-gold,.hero-product-thai,.hero-product-wiskey{height:165px;padding:6px}}

/* Show the complete original Infinity set in the lower product card. */
.product-card .infinity-visual{display:flex!important;align-items:flex-start!important;justify-content:center!important;height:380px!important;flex:0 0 380px!important;padding:0 12px!important;overflow:hidden!important}
.product-card .infinity-visual img{position:relative!important;top:-48px!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center top!important;transform:none!important}
@media(max-width:620px){.product-card .infinity-visual{height:360px!important;flex-basis:360px!important}.product-card .infinity-visual img{top:-42px!important}}

/* Desktop optical balance: match the visible box height to Thai Prus without enlarging the frame. */
@media(min-width:901px){
  .hero-product-gold img{transform:scale(1.3)!important;transform-origin:center bottom!important}
  .hero-product-thai img{transform:none!important}
  .hero-product-wiskey img{transform:scale(1.43)!important;transform-origin:center bottom!important}
}

/* EA Whiskey product card and risk signal. The top hero artwork remains unchanged. */
.product-card .whiskey-box{height:380px!important;flex:0 0 380px!important;padding:10px 12px;background:linear-gradient(180deg,#f2f8ff,#fff)!important;transform:none}
.product-card .whiskey-box>img:first-child{width:100%!important;height:100%!important;object-fit:contain;object-position:center;mix-blend-mode:normal;filter:drop-shadow(0 18px 20px rgba(7,25,45,.18))}
.ea-card-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 10px}
.ea-card-facts>div{min-height:68px;padding:10px 11px;border:1px solid #dce8f1;border-radius:9px;background:#f5faff}
.ea-card-facts span,.ea-card-facts strong{display:block}
.ea-card-facts span{color:#6b7f93;font-size:.62rem}
.ea-card-facts strong{margin-top:3px;color:#0b6eba;font-size:.78rem;line-height:1.35}
.risk-traffic{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin:0 0 18px;padding:11px 12px;border:1px solid #f0d792;border-radius:9px;background:#fffbef}
.risk-label{color:#75633c;font-size:.68rem;font-weight:650}
.risk-traffic strong,.compare-risk strong{color:#9a5b14;font-size:.73rem}
.risk-lights{display:inline-flex;gap:5px;align-items:center}
.risk-lights i{display:block;width:10px;height:10px;border-radius:50%;opacity:.22;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.risk-lights .risk-low{background:#2dc76d}
.risk-lights .risk-medium{background:#f0b72f}
.risk-lights .risk-high{background:#ef5b4d}
.risk-lights i.active{opacity:1;box-shadow:0 0 10px currentColor}
.risk-lights .risk-low.active{color:#2dc76d}
.risk-lights .risk-medium.active{color:#f0b72f}
.risk-lights .risk-high.active{color:#ef5b4d}
.risk-low-medium{border-color:#cde5af;background:#f7fced}
.risk-low-medium strong,.compare-risk.low-medium strong{color:#4b7b28}
.compare-risk{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.compare-risk .risk-lights i{width:9px;height:9px}
.performance-note{max-width:950px;margin:20px auto 0;padding:10px 14px;border:1px solid rgba(145,193,230,.2);border-radius:9px;color:#d3e3f1;background:rgba(2,18,38,.52);font-size:.7rem;text-align:center;line-height:1.7}
.compare-disclaimer{max-width:980px;margin:14px auto 0;color:#9fb5cb;font-size:.7rem;text-align:center}
@media(max-width:620px){.risk-traffic{grid-template-columns:auto auto 1fr}.product-card .whiskey-box{height:360px!important;flex-basis:360px!important;padding:12px}.product-card .whiskey-box>img:first-child{width:100%!important;height:100%!important;object-position:center}.ea-card-facts strong{font-size:.73rem}}
