#home-page{background:#004edf}body[data-page="home"] #site-header{background:#004edf}
.home-promo{display:grid;grid-template-columns:45% minmax(0,1fr);align-items:center;gap:calc(12 * var(--u));min-height:calc(392 * var(--u));padding:calc(34 * var(--u)) calc(28 * var(--u));background:#004edf;color:#fff;overflow:hidden}.home-promo-copy{min-width:0;padding-left:calc(1 * var(--u))}.home-promo h2{font-size:calc(18 * var(--u));line-height:1.47;font-weight:600;letter-spacing:0;margin:0 0 calc(15 * var(--u));white-space:normal}.home-promo .promo-buy-button{margin:0;min-width:0}.home-promo-devices{display:block;width:100%;height:auto;overflow:hidden}.functional-products{min-height:calc(380 * var(--u));padding:calc(34 * var(--u)) 0 calc(42 * var(--u));background:#004edf;color:#fff;overflow:hidden}.functional-products-title{margin:0 0 calc(48 * var(--u));text-align:center;font-size:calc(43 * var(--u));line-height:1.13;letter-spacing:0;font-weight:600}.functional-title-line{display:block;white-space:nowrap}.scroll-reveal-word{display:inline-block;white-space:nowrap}.scroll-reveal-char{opacity:.18}.functional-template-strip{height:calc(139 * var(--u))}.functional-template-strip .template-scroller{height:calc(139 * var(--u))}.functional-template-strip .template-tile{width:calc(139 * var(--u));height:calc(139 * var(--u));flex-basis:calc(139 * var(--u));border-radius:calc(7 * var(--u))}.functional-template-strip .template-set{gap:calc(19 * var(--u));padding-right:calc(19 * var(--u))}.functional-template-strip .template-tile>span{opacity:1}.functional-template-strip .template-track{margin-left:calc(-65 * var(--u))}.home-partner{display:flex;align-items:center;min-height:calc(158 * var(--u));overflow:hidden;background:#004edf;color:#ffffff3d}.partner-marquee{width:100%;overflow:hidden}.partner-marquee-track{display:flex;width:max-content;animation:partner-travel-left 25s linear infinite;animation-play-state:paused;will-change:transform}.home-partner.is-inview .partner-marquee-track{animation-play-state:running}.partner-marquee-track>span{flex-shrink:0;display:block;padding-right:0;white-space:pre;word-spacing:normal;font-size:calc(55 * var(--u));line-height:1.25;letter-spacing:calc(-.7 * var(--u))}@keyframes partner-travel-left{to{transform:translateX(-50%)}}
@media(max-width:599px){.home-promo{grid-template-columns:1fr;gap:27px;min-height:0;padding:42px 23px 32px}.home-promo h2{font-size:20px;line-height:1.45;letter-spacing:0;margin-bottom:19px}.home-promo h2 br{display:none}.home-promo h2 br:after{content:' '}.home-promo-copy{max-width:430px;padding:0}.home-promo-devices{width:100%;max-width:490px;margin:auto}.functional-products{min-height:0;padding:34px 0 43px}.functional-products-title{font-size:39px;line-height:1.1;letter-spacing:0;margin-bottom:31px}.functional-template-strip,.functional-template-strip .template-scroller{height:144px}.functional-template-strip .template-tile{width:144px;height:144px;flex-basis:144px;border-radius:7px}.functional-template-strip .template-set{gap:14px;padding-right:14px}.functional-template-strip .template-track{margin-left:-38px}.home-partner{min-height:122px}.partner-marquee-track>span{font-size:40px;line-height:1.3;padding-right:0;letter-spacing:-.5px}}
@media(prefers-reduced-motion:reduce){.partner-marquee-track{animation:none;transform:translateX(-8%)}.scroll-reveal-char{opacity:1!important}}

/* Seluruh visual keranjang, termasuk badge, setengah ukuran; area sentuh tetap. */
#site-header .cart-visual{display:block;position:relative;width:100%;height:100%;transform:scale(.5);transform-origin:top right;pointer-events:none}