.brand-home .hero-copy{container-type:inline-size;min-width:0}
.brand-home .brand-hero #home-title{font-size:clamp(28px,3.4vw,54px);font-size:clamp(28px,9cqi,54px);line-height:1.4;letter-spacing:0;text-wrap:wrap}
.home-promotion{min-width:0}
.home-promotion .hero-promotion-frame{position:relative;padding-top:12px;margin:0 0 12px;touch-action:pan-y pinch-zoom;user-select:none}
.home-promotion .hero-product-secondary{right:0;top:44%}
.home-promotion .hero-product-primary{width:86%;aspect-ratio:1.13}
.home-promotion .hero-product-primary,.home-promotion .hero-product-secondary{transition:border-color .2s;-webkit-user-drag:none}
.home-promotion .hero-product-primary:hover,.home-promotion .hero-product-secondary:hover{border-color:#f04432}
.home-promotion .hero-product-primary img,.home-promotion .hero-product-secondary img{user-select:none;-webkit-user-drag:none}
.home-promotion .stage-surface,.home-promotion .hero-product-secondary>span{max-width:calc(100% - 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.home-promotion .hero-spec-label{margin-top:22px;flex-wrap:wrap;min-height:32px;align-items:flex-start}
.home-promotion .stage-product-name{margin-top:12px;align-items:flex-start;min-height:88px}
.home-promotion .stage-product-name>div{min-width:0}
.home-promotion .stage-product-name small{font:11px/1.7 var(--somoto-type-body,"Microsoft JhengHei",sans-serif);letter-spacing:0;color:#a9b4c7}
.home-promotion .stage-product-name h2{font-size:19px;line-height:1.6;margin:5px 0 0;overflow-wrap:anywhere}
.home-promotion .stage-product-name>a{flex-shrink:0;width:44px;height:44px;margin-top:9px}
.hero-promotion-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #3c4250;margin-top:8px;padding-top:10px}
.hero-promotion-controls button{min-height:44px;min-width:44px;background:#242a36;border:1px solid #4a5364;color:#f6f7fa;cursor:pointer;border-radius:3px;font-size:17px}
.hero-promotion-controls [data-hero-toggle]{padding:7px 12px;font-size:12px;display:flex;align-items:center;gap:9px}
.hero-promotion-step{display:flex;align-items:center;gap:10px}
.hero-promotion-step>[data-hero-counter]{font:13px/1 var(--somoto-type-racing,Arial,sans-serif);letter-spacing:.1em;min-width:54px;text-align:center;color:#cdd3de}
.hero-promotion-picks{display:flex;gap:9px;margin-top:12px;padding:3px 2px 5px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.hero-promotion-picks button{width:52px;height:52px;flex:0 0 52px;padding:3px;background:#fff;border:2px solid #4a5364;border-radius:3px;cursor:pointer;opacity:.65}
.hero-promotion-picks button[aria-pressed="true"]{opacity:1;border-color:#ff5947;box-shadow:0 0 0 1px #ff5947}
.hero-promotion-picks img{width:100%;height:100%;object-fit:contain}
.home-promotion :is(button,a):focus-visible{outline:3px solid #ff6a59;outline-offset:4px}
.hero-promotion-controls button:hover{background:#333e50}
@media(max-width:850px){.home-promotion .stage-product-name h2{font-size:17px}.hero-promotion-controls{gap:8px}.hero-promotion-step{gap:6px}.hero-promotion-picks{gap:7px}.hero-promotion-picks button{width:46px;height:46px;flex-basis:46px}}
@media(max-width:600px){.brand-home .hero-product-stage{padding:0 4px}.home-promotion .hero-product-primary{width:83%;aspect-ratio:1.15}.home-promotion .hero-product-secondary{width:43%;top:43%}.home-promotion .stage-product-name{min-height:80px}.home-promotion .stage-product-name h2{font-size:18px}.hero-promotion-picks{gap:8px}.hero-promotion-picks button{width:46px;height:46px;flex-basis:46px}.brand-home .brand-hero #home-title{font-size:clamp(26px,9cqi,44px)}}
@media(prefers-reduced-motion:reduce){.home-promotion *{transition:none!important;animation:none!important}}
