.acl-scroll-products{--header-height:100px;--scene-height:calc(100svh - var(--header-height));position:relative;background:#121517;color:#f6f7f9;isolation:isolate}
.acl-scroll-products.is-scroll-ready{height:calc(var(--scene-height) + var(--scroll-travel))}
.scroll-products-sticky{height:var(--scene-height);min-height:440px;position:sticky;top:var(--header-height);display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;padding:clamp(20px,4vh,48px) 24px 22px;background:radial-gradient(ellipse at 50% 60%,#2b2e30 0%,#181b1e 45%,#121517 78%)}
.scroll-products-heading{text-align:center;position:relative;z-index:2;flex-shrink:0}
.scroll-products-heading .eyebrow{justify-content:center;font-size:10px;letter-spacing:2.6px;color:#ffc044;margin:0 0 17px}
.scroll-products-heading h1{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(38px,5.1vw,78px);line-height:1.02;font-weight:700;letter-spacing:-.5px;margin:0}
.scroll-products-heading h1 span{color:#ffc044}
.scroll-product-stage{position:relative;flex:1;min-height:0;width:min(100%,1250px);margin:0 auto;isolation:isolate}
.scroll-product-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;user-select:none}
.scroll-product-image.is-first{opacity:1}
.scroll-products-skip{font-size:12px;color:#d3d5d8;display:flex;gap:16px;align-items:center;padding:8px 12px;min-height:40px;flex-shrink:0;z-index:2}
.scroll-products-skip span{color:#ffc044;font-size:19px}
.scroll-products-skip:hover{color:#ffc044}
@media(max-width:1000px){.acl-scroll-products{--header-height:87px}}
@media(max-width:700px){.acl-scroll-products{--header-height:82px}.scroll-products-sticky{padding:28px 16px 18px;min-height:420px}.scroll-products-heading h1{font-size:clamp(34px,7vw,49px);max-width:540px;line-height:1.07}.scroll-products-heading .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:16px}.scroll-product-stage{width:calc(100% + 32px);margin-inline:-16px}.scroll-products-skip{font-size:12px}}
@media(max-height:600px) and (min-width:701px){.scroll-products-sticky{padding-top:14px;min-height:320px}.scroll-products-heading h1{font-size:38px}.scroll-products-heading .eyebrow{margin-bottom:8px}}
@media print{.acl-scroll-products.is-scroll-ready{height:auto}.scroll-products-sticky{position:relative;top:0;height:600px}.scroll-products-skip{display:none}}

/* Giro das imagens na passagem entre produtos, sincronizado à rolagem. */
.scroll-product-stage{perspective:1100px}
.scroll-product-image{transform-origin:50% 50%;backface-visibility:hidden}

.scroll-purchase-message{flex-shrink:0;text-align:center;min-height:64px;opacity:0;visibility:hidden;padding:6px 8px;max-width:100%;color:#f6f7f9}
.scroll-purchase-message strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:30px;color:#ffc044;line-height:1.1}
.scroll-purchase-message p{margin:8px 0 0;font-size:13px;line-height:1.6}
.scroll-purchase-message p span{color:#ffc044;margin-inline:8px}
@media(max-width:700px){.scroll-purchase-message{min-height:88px;padding-inline:0}.scroll-purchase-message strong{font-size:26px}.scroll-purchase-message p{font-size:11px;max-width:330px;margin:6px auto 0}.scroll-purchase-message p span{margin-inline:4px}}

/* Frases no espaço original: apenas a primeira participa do fluxo. */
.scroll-products-heading .scroll-highlight{position:relative;display:inline-block;width:100%;vertical-align:top}
.scroll-highlight-text{display:inline-block}
.scroll-highlight-text.is-long{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.52em;line-height:1;letter-spacing:0;text-wrap:balance;opacity:0;padding-inline:.25em;max-width:28ch;margin-inline:auto}

/* Reserva antecipada do percurso de três imagens, antes do módulo inicializar.
   Mesma distância do JS: duas passagens de max(480px, 90vh). */
@media (scripting:enabled){
 .acl-scroll-products:not(.is-scroll-ready){height:calc(var(--scene-height) + max(960px,180vh))}
}
