.product-films{background:var(--ui-ink);color:var(--ui-bg);padding-block:76px;scroll-margin-top:110px}
.product-films__head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}
body.alassy-site .product-films__head .eyebrow{color:var(--ui-yellow)}.product-films__head h2{color:var(--ui-bg);font-size:clamp(30px,4vw,54px);line-height:1.1;letter-spacing:-.045em;margin:12px 0 0}
.product-films__head>p{max-width:350px;color:var(--ui-panel);font-size:15px;margin:0}
.product-films__grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:28px 38px;align-items:start}
.product-films__item{min-width:0}.product-films__item:first-child{grid-row:span 2;align-self:center}
.product-film{width:100%;min-width:0}.product-film__frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff24;border-radius:18px;background:#000;isolation:isolate}
.product-film__frame video{display:block;width:100%;height:100%;object-fit:contain;background:#000;border-radius:inherit}
.product-film__play{position:absolute;left:22px;bottom:22px;z-index:2;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 18px;background:var(--ui-bg);color:var(--ui-ink);border:0;border-radius:8px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #0006}
.product-film__play[hidden]{display:none}.product-film__play span:first-child{font-size:14px}.product-film__play:hover{background:var(--ui-yellow)}.product-film__play:focus-visible,.product-films summary:focus-visible{outline:3px solid var(--ui-yellow);outline-offset:4px}
.product-films__caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px}.product-films__caption h3{margin:0;color:var(--ui-bg);font-size:22px;line-height:1.25}.product-films__caption>span{color:var(--ui-panel);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.product-films__item:first-child .product-films__caption h3{font-size:30px}.product-films__details{margin-top:10px;border:0;color:var(--ui-panel);font-size:13px}.product-films__details summary{cursor:pointer;min-height:32px;padding-block:5px}.product-films__details p{margin:8px 0;line-height:1.7;color:var(--ui-panel)}
.product-films__footer{display:flex;justify-content:space-between;gap:26px;align-items:center;margin-top:32px;padding-top:22px;border-top:1px solid #ffffff24}.product-films__footer p{max-width:740px;color:var(--ui-panel);font-size:12px;line-height:1.7;margin:0}.product-films__footer a{color:var(--ui-yellow);white-space:nowrap}.product-films__swipe{display:none}
.product-films__grid--single{display:block;max-width:980px;margin-inline:auto}.product-films__grid--single .product-films__item{width:100%}
.preroll-hero__visual .product-film{position:relative;z-index:1}.preroll-hero__visual:has(.product-film){overflow:visible}.preroll-hero__visual .product-film__frame{border-radius:22px}
@media(max-width:800px){.product-films{padding-block:52px}.product-films__head{display:block;margin-bottom:24px}.product-films__head>p{margin-top:18px;max-width:100%}.product-films__grid{gap:24px}.product-films__footer{align-items:start;flex-direction:column}}
@media(max-width:640px){.product-film__frame{aspect-ratio:9/16;border-radius:16px}.product-films__grid:not(.product-films__grid--single){display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;padding-bottom:16px;align-items:start;overscroll-behavior-inline:contain}.product-films__item:first-child{grid-row:auto;align-self:start}.product-films__item{scroll-snap-align:start}.product-films__caption h3,.product-films__item:first-child .product-films__caption h3{font-size:23px}.product-films__swipe{display:block;font-size:12px;color:var(--ui-panel);margin:0 0 16px}.product-film__play{left:16px;bottom:16px}.preroll-hero__visual:has(.product-film){width:min(100%,340px);margin-inline:auto}.product-films__grid--single{max-width:380px}}
@media(prefers-reduced-motion:reduce){.product-films__grid{scroll-behavior:auto;scroll-snap-type:none}}