/* Full-screen editorial offers, using the site's ivory, charcoal and orange identity. */
.cinema-hero{position:relative;isolation:isolate;width:100%;min-height:700px;height:100svh;background:#25302b;color:#fff;overflow:hidden;--slide-duration:5500ms}
.cinema-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 1.1s;pointer-events:none}
.cinema-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.cinema-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.025);animation:hero-image-rest 12s linear both;animation-play-state:paused}
.cinema-slide.is-active .cinema-image{animation-name:hero-image-drift}
.is-playing .cinema-slide.is-active .cinema-image{animation-play-state:running}
.cinema-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#14211de8 0%,#14211db5 35%,#14211d38 70%),linear-gradient(0deg,#101b19ef,transparent 55%);pointer-events:none}
.hero-grid-lines{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent calc(25% - 1px),#ffffff06 25%,transparent calc(25% + 1px),transparent calc(75% - 1px),#ffffff06 75%,transparent calc(75% + 1px))}
.cinema-content{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:9%;padding-block:80px 170px}
.hero-editorial{min-width:0}
.hero-editorial>.eyebrow{color:#dbe1d2;font-size:11px;letter-spacing:.6px;background:#ffffff0b;border:1px solid #ffffff24;display:inline-flex;border-radius:30px;padding:7px 13px;backdrop-filter:blur(8px)}
.cinema-title{color:#fffdf7;font-size:clamp(44px,4.6vw,70px);font-weight:800;line-height:1.35;letter-spacing:-1.5px;max-width:780px;margin:23px 0 20px}
.cinema-title span{color:#f5aa83}
.hero-editorial>p{color:#d5ddd2;max-width:490px;line-height:2;font-size:15px;margin-bottom:29px}
.hero-editorial>.eyebrow,.cinema-title,.hero-editorial>p,.hero-editorial>.hero-actions,.hero-trust{opacity:0;translate:0 18px;transition:opacity .35s,translate .35s}
.is-active .hero-editorial>.eyebrow,.is-active .cinema-title,.is-active .hero-editorial>p,.is-active .hero-editorial>.hero-actions,.is-active .hero-trust{opacity:1;translate:0 0;transition:opacity .85s ease .15s,translate 1s var(--ease-out) .15s}
.is-active .cinema-title{transition-delay:.22s}.is-active .hero-editorial>p{transition-delay:.3s}.is-active .hero-editorial>.hero-actions{transition-delay:.38s}.is-active .hero-trust{transition-delay:.46s}
.cinema-hero .hero-actions{gap:25px}.cinema-hero .button{padding:14px 23px;font-size:13px;box-shadow:0 9px 30px #ed653d20}.cinema-hero .text-link{color:#f3f5ef;font-size:12px}.cinema-hero .button:hover{background:#dd5831}
.hero-trust{display:flex;gap:22px;margin-top:28px;color:#c9d3c1;font-size:10px}.hero-trust span{display:flex;gap:6px;align-items:center}.hero-trust svg{width:15px;height:15px;color:#bacba9}
.hero-offer{position:relative;background:#fcfaf2;color:var(--ink);border:1px solid #fff9;border-radius:17px;box-shadow:0 25px 80px #07150d35;padding:24px 25px 0;opacity:0;translate:0 22px;rotate:-2deg;transition:opacity .35s,translate .35s,rotate .35s}
.is-active .hero-offer{opacity:1;translate:0 0;rotate:-2deg;transition:opacity 1s ease .35s,translate 1.1s var(--ease-out) .35s,rotate 1.1s var(--ease-out) .35s}
.hero-offer:hover{rotate:0deg}
.hero-offer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #dce1d1;font-size:10px;color:var(--green)}
.hero-offer-top>span:first-child{display:flex;gap:6px;align-items:center}.hero-offer-top svg{width:15px;height:15px}.hero-offer-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #ed653d10}
.hero-merchant{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 20px}.hero-merchant img{width:100px;height:40px;object-fit:contain;mix-blend-mode:multiply}.hero-merchant>span{font-size:12px;color:var(--muted)}
.hero-offer h3{font-size:24px;font-weight:800;line-height:1.6;margin-bottom:22px;min-height:78px}
.hero-coupon-code{position:relative;border:1px dashed #bfc9b2;background:#f0f2e8;border-radius:8px;display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:56px;padding:12px;margin-bottom:22px}
.hero-coupon-code>span{font-size:10px;color:var(--green)}.hero-coupon-code>b{font:700 20px Arial,sans-serif;letter-spacing:2px}.hero-coupon-code>svg{width:16px;height:16px;color:#97a187}
.hero-offer-link{border-top:1px dashed #d5dacb;display:flex;align-items:center;justify-content:space-between;width:calc(100% + 50px);margin-right:-25px;padding:17px 25px;font-size:12px;color:var(--orange);font-weight:700;border-radius:0 0 17px 17px;background:#f6f5ed}
.hero-offer-link:hover{color:#c64420;background:#f0eee2}.hero-offer-link svg{width:17px;height:17px;transition:translate .3s}.hero-offer-link:hover svg{translate:-3px -3px}
.hero-offer-value{font-size:87px;font-weight:800;letter-spacing:-5px;text-align:right;color:var(--orange);line-height:1.2;margin-top:20px}.hero-offer-value span{font-size:42px;letter-spacing:0;margin-left:4px}
.cinema-controls{position:absolute;z-index:3;left:0;right:0;bottom:33px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:21px;border-top:1px solid #ffffff2b}
.hero-navigation-intro{display:flex;align-items:center;gap:25px;flex-shrink:0}.hero-navigation-intro>span{font-size:10px;line-height:1.6;color:#becbb8;max-width:80px}
.cinema-index{display:flex;align-items:center;gap:9px;font:11px Arial,sans-serif;color:#aebba8;direction:ltr;letter-spacing:1px}.hero-current{color:white;font-size:27px}.cinema-index>span:last-child{white-space:nowrap}
.cinema-dots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:min(560px,50%)}
.cinema-dots button{padding:5px 0 12px;min-height:56px;text-align:right;position:relative;color:#c0ccba}
.hero-dot-label{display:flex;gap:13px;align-items:center;font-size:12px}.hero-dot-label small{font:10px Arial;color:#8c9c84}.cinema-dots button.is-active{color:#fff}.cinema-dots button.is-active small{color:#f5aa83}
.hero-progress-track{display:block;position:absolute;right:0;left:0;bottom:0;height:2px;background:#ffffff20;overflow:hidden}.hero-progress-fill{display:block;width:100%;height:100%;background:#f4ad87;transform:scaleX(0);transform-origin:right}
.cinema-dots button.is-active .hero-progress-fill{animation:hero-progress var(--slide-duration) linear both;animation-play-state:paused}.is-playing .cinema-dots button.is-active .hero-progress-fill{animation-play-state:running}
.cinema-control-buttons{display:flex;gap:8px}.cinema-controls .icon-button{border-color:#ffffff35;color:#fff;background:#ffffff06;width:42px;height:42px;backdrop-filter:blur(10px)}.cinema-controls .icon-button:hover{background:#ffffff20;color:#fff}.cinema-controls .icon-button[data-hero-toggle]{border-color:#ffffff60}
.hero-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cinema-slide[data-scene="fashion"] .cinema-image{object-position:35% 32%}.cinema-slide[data-scene="fashion"]:after{background:linear-gradient(270deg,#14211ded,#14211d99 35%,#14211d20 80%),linear-gradient(0deg,#101b19ee,transparent 60%)}
@keyframes hero-image-drift{from{transform:scale(1.025) translateX(0)}to{transform:scale(1.1) translateX(1%)}}
@keyframes hero-image-rest{from{transform:scale(1.025)}to{transform:scale(1.1)}}
@keyframes hero-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){.cinema-content{gap:5%;grid-template-columns:minmax(0,1fr) 275px}.cinema-title{font-size:49px}.hero-offer{padding:22px 22px 0}.hero-offer h3{font-size:21px}.hero-offer-link{width:calc(100% + 44px);margin-right:-22px;padding-inline:22px}.cinema-controls{gap:24px}.hero-navigation-intro{gap:14px}}
@media(max-width:800px){.cinema-hero{min-height:720px}.cinema-content{grid-template-columns:minmax(0,1fr) 240px;gap:30px;padding-block:60px 145px}.cinema-title{font-size:39px;letter-spacing:-.8px}.hero-editorial>p{font-size:13px}.hero-offer h3{font-size:19px;min-height:0}.hero-offer{padding:19px 18px 0}.hero-offer-link{width:calc(100% + 36px);margin-right:-18px;padding-inline:18px}.hero-merchant{margin-block:20px 15px;gap:8px}.hero-merchant img{width:86px;height:35px}.hero-coupon-code{gap:7px;padding:10px}.hero-coupon-code>b{font-size:17px}.hero-offer-value{font-size:68px}.hero-trust{gap:12px;flex-wrap:wrap;font-size:9px}.cinema-hero .hero-actions{gap:17px}.cinema-hero .button{font-size:12px;padding:12px 17px}.cinema-hero .text-link{font-size:11px}.hero-navigation-intro>span{display:none}.cinema-dots{width:55%;gap:16px}.hero-dot-label{font-size:11px;gap:9px}.cinema-controls{bottom:28px;gap:17px}.cinema-control-buttons{gap:6px}.cinema-controls .icon-button{width:36px;height:36px}}
@media(max-width:600px){.cinema-hero{height:100svh;min-height:810px}.cinema-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:25px;padding-block:35px 145px}.cinema-title{font-size:37px;line-height:1.35;margin-block:15px 13px;max-width:100%}.hero-editorial>p{font-size:12px;line-height:1.85;margin-bottom:19px;max-width:100%}.hero-editorial>.eyebrow{font-size:9px;padding:5px 11px}.hero-trust{margin-top:17px;font-size:9px;gap:18px}.hero-offer{rotate:0deg;max-width:100%;padding:15px 17px 0;box-shadow:0 15px 35px #07150d26}.is-active .hero-offer{rotate:0deg}.hero-offer-top{padding-bottom:11px;font-size:9px}.hero-merchant{margin:14px 0 10px;justify-content:flex-start;gap:15px}.hero-merchant img{width:85px;height:34px}.hero-merchant>span{font-size:11px}.hero-offer h3{font-size:19px;line-height:1.5;margin-bottom:12px;min-height:0}.hero-coupon-code{min-height:43px;padding:8px 12px;margin-bottom:14px}.hero-coupon-code>b{font-size:18px}.hero-offer-link{font-size:11px;padding:11px 17px;width:calc(100% + 34px);margin-right:-17px}.hero-offer-value{font-size:58px;line-height:1.1;margin-top:12px}.hero-offer-value span{font-size:28px}.cinema-controls{flex-wrap:wrap;gap:16px;bottom:21px;padding-top:13px}.hero-navigation-intro{order:2}.cinema-control-buttons{order:3}.cinema-dots{order:1;width:100%;gap:17px}.cinema-dots button{min-height:34px;padding:0 0 12px}.hero-dot-label{font-size:10px;gap:8px}.hero-dot-label small{font-size:9px}.cinema-index{font-size:10px}.hero-current{font-size:21px}.cinema-controls .icon-button{width:34px;height:34px}.cinema-controls .icon-button svg{width:16px;height:16px}.cinema-slide:after,.cinema-slide[data-scene="fashion"]:after{background:linear-gradient(0deg,#101e1af5 0%,#101e1ab8 55%,#101e1a75 100%)}.cinema-slide[data-scene="fashion"] .cinema-image{object-position:48% 25%}}
@media(max-width:380px){.cinema-hero{min-height:840px}.cinema-title{font-size:33px}.hero-trust{gap:10px}.cinema-hero .hero-actions{gap:13px}.cinema-hero .button{font-size:11px;padding:11px 15px}}
@media(prefers-reduced-motion:reduce){.cinema-image{animation:none!important;transform:none}.cinema-slide,.hero-editorial>*,.hero-offer{transition:none!important}.cinema-dots button.is-active .hero-progress-fill{animation:none;transform:scaleX(1)}}