/* Halloween guide styles are isolated from the app's existing components. */
body.halloween-page{background:#100b19;color:#eee7f5;margin:0;font:1rem/1.65 system-ui,sans-serif}
.halloween-page .hw-layout{box-sizing:border-box;width:min(1200px,100%);max-width:1200px;margin-inline:auto;padding:clamp(14px,3vw,30px);padding-bottom:max(6rem,env(safe-area-inset-bottom));text-align:start}
.halloween-page .hw-layout *{box-sizing:border-box}
.halloween-page .hw-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.halloween-page .hw-header .matchapp-brand-link{display:flex;align-items:center;font-weight:750;gap:8px;white-space:nowrap;text-decoration:none;font-size:1.1rem}
.halloween-page .hw-header img{object-fit:contain;width:48px;height:48px}
.halloween-page .hw-header details{max-width:100%}
.halloween-page .hw-header .channel-language-list{max-width:65ch;padding-top:10px}
.halloween-page .hw-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;min-height:430px;align-items:center;border-radius:28px;background:#130f1b;margin-bottom:22px}
.halloween-page .hw-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.halloween-page .hw-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d0919ed 0%,#0d0919c0 37%,#0d091922 85%)}
html[dir=rtl] .halloween-page .hw-hero::after{background:linear-gradient(270deg,#0d0919ee 0%,#0d0919a0 70%,#0d091933)}
.halloween-page .hw-hero-copy{max-width:67%;padding:clamp(22px,4vw,48px);text-align:start}
.halloween-page .hw-hero h1{font:750 clamp(2.15rem,5.3vw,4.25rem)/1.05 'Outfit',system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 16px;color:#fff2da;text-wrap:balance}
.halloween-page .hw-hero p{color:#ede1ee;max-width:45ch;margin:10px 0 18px;font-size:1rem}
.halloween-page .hw-hero-copy nav{display:flex;flex-wrap:wrap;gap:8px}
.halloween-page .hw-eyebrow{font:700 .75rem/1.5 system-ui,sans-serif;letter-spacing:.14em;color:#eac481;text-transform:uppercase}
.halloween-page .hw-tagline{font-weight:700;color:#f4d09a}
.halloween-page .hw-button,.halloween-page .hw-filter,.halloween-page .hw-offer-link{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 18px;max-width:100%;font:650 .9rem/1.4 system-ui,sans-serif;text-decoration:none;white-space:normal;text-align:center;cursor:pointer;border:0;border-radius:999px;background:#32263e;color:#f2d297;box-shadow:0 4px 12px #0002}
.halloween-page .hw-button,.halloween-page .hw-filter[aria-pressed=true]{background:linear-gradient(120deg,#f2d58e,#d4a450);color:#241828}
.halloween-page .hw-button:disabled{opacity:.65;cursor:progress}
.halloween-page .hw-button:hover:not(:disabled),.halloween-page .hw-offer-link:hover{filter:brightness(1.08)}
.halloween-page .hw-layout :focus-visible{outline:3px solid #c1a1ff;outline-offset:4px}
.halloween-page .hw-controls{border-radius:22px;padding:clamp(18px,3vw,26px);background:#21182c;margin:18px 0;scroll-margin-top:90px}
.halloween-page .hw-controls label{display:grid;gap:8px;max-width:38rem;font-weight:650;color:#f1d59c}
.halloween-page #hw-country{display:block;width:100%;min-width:0;max-width:100%;min-height:48px;padding:12px 16px;border-radius:999px;color:#fff3df;background:#362641;border:0;font:inherit}
.halloween-page #hw-country option{background:#20172c;color:#fff4e4}
.halloween-page .hw-controls p{max-width:78ch;color:#ccc0d6;font-size:.9rem}
.halloween-page .hw-filters{display:flex;flex-wrap:wrap;gap:8px;margin-block:16px 8px}
.halloween-page .hw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start;margin-block:22px 32px}
.halloween-page .hw-film{padding:0;min-width:0;max-width:100%;overflow:hidden;border-radius:22px;background:linear-gradient(165deg,#2a1d36,#1c1625);box-shadow:0 12px 24px #05030b44;scroll-margin-top:100px}
.halloween-page .hw-film[hidden]{display:none!important}
.halloween-page .hw-film .hw-poster{display:block;margin:0;padding:0;min-height:0;aspect-ratio:2/3;overflow:hidden;background:#0f0b16;border-radius:22px 22px 0 0}
.halloween-page .hw-film img.hw-poster,.halloween-page .hw-poster img{display:block;width:100%;height:100%;aspect-ratio:2/3;object-fit:contain;object-position:center;border-radius:22px 22px 0 0}
.halloween-page .hw-film h3{font:700 1.15rem/1.25 'Outfit',system-ui,sans-serif;color:#ffedcd;letter-spacing:-.01em;margin:16px 16px 8px;text-wrap:balance;overflow-wrap:anywhere}
.halloween-page .hw-film>.hw-facts,.halloween-page .hw-film>.hw-why,.halloween-page .hw-film>.hw-details,.halloween-page .hw-film>.hw-availability,.halloween-page .hw-film>.hw-actions{margin:10px 16px}
.halloween-page .hw-film>.hw-button,.halloween-page .hw-film>.hw-source{margin:10px 16px;max-width:calc(100% - 32px)}
.halloween-page .hw-film>.hw-button{width:calc(100% - 32px);margin-top:14px}
.halloween-page .hw-film>.hw-source{font-size:.82rem;display:inline-flex;min-height:44px;align-items:center;padding-block:5px}
.halloween-page .hw-film p{font-size:.88rem;line-height:1.65;margin-block:8px;overflow-wrap:anywhere}
.halloween-page .hw-facts{font-size:.77rem;line-height:1.55;color:#d6b0ed}
.halloween-page .hw-details{font-size:.82rem;color:#cdbed5}
.halloween-page .hw-details summary{font-size:.82rem;min-height:44px;padding:8px 12px;background:#3a2944;color:#f4d9a4}
.halloween-page .hw-details dl{margin:10px 0}
.halloween-page .hw-details dt{font-weight:700;color:#e6cfed}
.halloween-page .hw-details dd{margin:0 0 10px}
.halloween-page .hw-details a{display:inline-flex;font-size:.82rem;min-height:44px}
.halloween-page .hw-availability{padding-top:10px;border-top:1px solid #c1a1ff24;min-height:84px;color:#d6cbdc}
.halloween-page .hw-offer-group{display:grid;gap:4px}
.halloween-page .hw-offer-group strong{font-size:.76rem;color:#f0d294}
.halloween-page .hw-offer-group span{font-size:.8rem;color:#e8ddef}
.halloween-page .hw-source-date{font-size:.7rem!important;color:#b9aac5}
.halloween-page .hw-offer-link{font-size:.76rem;padding:9px 12px;min-height:44px;line-height:1.4}
.halloween-page .hw-availability-error{color:#ffcfaa;font-weight:650}
.halloween-page .hw-source{color:#e6c384}
.halloween-page .hw-tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.halloween-page .hw-tip-grid article{background:#261b31;padding:22px;border-radius:22px}
.halloween-page .hw-tip-grid h3{font-size:1.15rem;line-height:1.35;color:#f6d59d;margin:0 0 12px}
.halloween-page .hw-tip-grid p{font-size:.93rem}
.halloween-page .hw-section{margin:32px 0;padding:clamp(18px,3vw,26px);background:#21182c;border-radius:24px}
.halloween-page .hw-section h2,.halloween-page .hw-list-title{font:700 clamp(1.45rem,3vw,2rem)/1.2 'Outfit',system-ui,sans-serif;color:#f4d5a3;margin:8px 0 16px}
.halloween-page .hw-section details{margin:10px 0}
.halloween-page .hw-section summary{min-height:48px;line-height:1.45;padding:12px 18px;border-radius:24px;background:#302039}
.halloween-page .hw-section details p{padding-inline:10px;max-width:85ch}
.halloween-page .hw-related{display:flex;flex-wrap:wrap;gap:10px}
.halloween-page #hw-share-status{min-height:1.5em;font-size:.8rem}
.halloween-page [hidden]{display:none!important}
@media(max-width:1050px){.halloween-page .hw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.halloween-page .hw-tip-grid{grid-template-columns:1fr}.halloween-page .hw-hero-copy{max-width:75%}}
@media(max-width:760px){.halloween-page .hw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.halloween-page .hw-hero{min-height:460px}.halloween-page .hw-hero-copy{align-self:end;max-width:100%;padding:24px}.halloween-page .hw-hero::after,html[dir=rtl] .halloween-page .hw-hero::after{background:linear-gradient(0deg,#100a1af5,#100a1ab8 55%,#100a1a11)}.halloween-page .hw-hero-image{object-position:70% 50%}.halloween-page .hw-hero h1{max-width:18ch}.halloween-page .hw-hero p{max-width:48ch}}
@media(max-width:480px){.halloween-page .hw-grid{grid-template-columns:1fr;gap:20px}.halloween-page .hw-film{display:grid;grid-template-columns:minmax(0,1fr);max-width:100%}.halloween-page .hw-film .hw-poster{width:100%;max-height:470px;aspect-ratio:2/3;background:#0e0a16}.halloween-page .hw-film .hw-poster img{max-height:470px}.halloween-page .hw-film h3{font-size:1.35rem}.halloween-page .hw-film p{font-size:.95rem}.halloween-page .hw-film>.hw-why{margin:12px 20px}.halloween-page .hw-hero{min-height:440px;border-radius:22px}.halloween-page .hw-controls{padding:18px}.halloween-page .hw-filter{flex:1 1 calc(50% - 8px);padding:10px 12px}.halloween-page .hw-header .matchapp-brand-link{font-size:1rem}.halloween-page .hw-layout{padding:14px 14px 6rem}}
@media(prefers-reduced-motion:reduce){.halloween-page .hw-layout *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.halloween-page .hw-film,.halloween-page .hw-controls,.halloween-page .hw-button,.halloween-page .hw-filter{border:1px solid CanvasText}.halloween-page .hw-hero::after{background:Canvas}}
.halloween-page .hw-film-copy{padding:16px;min-width:0}
.halloween-page .hw-film-copy h3{margin:0 0 10px}
.halloween-page .hw-film-copy .hw-number{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;border-radius:999px;background:#4c325c;color:#f9d99c;font-size:.75rem;font-weight:750;margin:0 0 12px}
.halloween-page .hw-film-copy .hw-facts{display:flex;flex-wrap:wrap;gap:6px 10px;margin:8px 0}
.halloween-page .hw-film-copy>.hw-button{width:100%;margin:12px 0 4px}
.halloween-page .hw-film-copy>.hw-details{margin:12px 0}
.halloween-page .hw-film-sources{display:flex;gap:6px 12px;flex-wrap:wrap}
.halloween-page .hw-film-sources .hw-source{padding:5px 0;display:inline-flex;justify-content:center;min-height:44px;font-size:.78rem}
.halloween-page .hw-tips,.halloween-page .hw-faq{margin:28px 0;padding:clamp(18px,3vw,26px);background:#21182c;border-radius:24px;scroll-margin-top:90px}
.halloween-page .hw-faq details{margin:12px 0}
.halloween-page .hw-faq summary{display:list-item;padding:13px 18px;min-height:48px;line-height:1.5;border-radius:22px;background:#352540;cursor:pointer}
.halloween-page .hw-faq details p{padding-inline:12px;max-width:85ch}
.halloween-page .hw-related{display:block;margin:28px 0}
.halloween-page .hw-related nav{display:flex;flex-wrap:wrap;gap:10px}
.halloween-page .hw-attribution{font-size:.85rem;color:#c7b8d2;max-width:95ch}
@media(max-width:480px){.halloween-page .hw-film-copy{padding:20px}.halloween-page .hw-film-copy .hw-button{min-height:48px}}
@media(max-width:480px){.halloween-page .hw-hero-copy nav>.hw-button{flex:1 1 100%;width:100%}}