/* Pocket's media-led layout and floating navigation. */
.logo.has-img{display:flex;align-items:center;justify-content:center;overflow:hidden}
.logo.has-img img{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
.bundle-brand-name{font-weight:800;font-size:16px;margin:0 0 5px}
.offer-bundle .cardbody>.brand-summary{margin:0 0 14px;line-height:1.4}
.spotlight-stage{display:flex;width:100%;align-items:center;gap:32px;text-align:left;border:0;padding:28px 34px 72px;min-height:290px;color:#fff;background:radial-gradient(circle at 95% 0%,#a579da 0,transparent 48%),#512484;cursor:pointer}
.spotlight-stage.spotlight-tone-1{background:radial-gradient(circle at 95% 0%,#657e63 0,transparent 48%),#203d36}
.spotlight-stage.spotlight-tone-2{background:radial-gradient(circle at 95% 0%,#b47d88 0,transparent 48%),#642947}
.spotlight-stage>.logo{flex:0 0 30%;height:140px;width:30%;padding:12px;border-radius:18px;background:white;color:#512484;font-size:40px}
.spotlight-stage>.logo img{width:100%;height:100%;object-fit:contain}
.spotlight-copy{display:flex;flex-direction:column;gap:10px;min-width:0}
.spotlight-eyebrow{font-size:13px;font-weight:750;letter-spacing:.06em}
.spotlight-title{font-size:clamp(23px,3vw,38px);font-weight:850;line-height:1.12;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.spotlight-note{font-size:12px;color:#ffffffd9}
.spotlight-cta{font-size:14px;font-weight:800;color:#e1ff81}
.spotlight-controls{position:absolute;bottom:14px;left:30px;right:24px;display:flex;align-items:center;gap:10px;color:white}
.spotlight-controls button{min-width:44px;min-height:44px;background:#ffffff19;border:1px solid #ffffff70;border-radius:30px;color:white;font-weight:750}
.spotlight-controls button:last-child{margin-left:auto;padding:8px 18px}
.spotlight-controls span{font-size:12px;min-width:35px;text-align:center}
.spotlight-loading{padding:40px;color:white}
@media(max-width:600px){.spotlight-stage{gap:16px;padding:22px 18px 70px;min-height:265px}.spotlight-stage>.logo{flex-basis:31%;height:100px;padding:6px;border-radius:12px}.spotlight-title{font-size:23px}.spotlight-controls{left:18px;right:18px}.spotlight-eyebrow{font-size:11px}}
:root{--paper:#f5f3ef;--ink:#21182d;--purple:#6334b5}
body{background:var(--paper)}
header{background:#f5f3ef;backdrop-filter:none;border-bottom:0}
.top{padding-top:18px;padding-bottom:18px}
main{padding-top:8px;padding-bottom:130px;max-width:1260px}
.disclosure{font-size:11px;border:0;border-left:0;padding:0;background:none;margin:0 0 12px;line-height:1.4}
.media-hero{position:relative;border-radius:22px;overflow:hidden;background:#513471;margin-bottom:28px;box-shadow:0 10px 32px #39224a14}
.media-hero>a{display:block}
.media-hero video{display:block;width:100%;height:clamp(210px,27vw,330px);object-fit:contain}
.film-toggle{position:absolute;right:14px;bottom:14px;border:1px solid #fff7;background:#fffddf;color:#322246;border-radius:999px;min-height:40px;min-width:68px;padding:8px 14px;font-weight:750;font-size:12px}
.sectionhead{align-items:center;margin:20px 0 16px;gap:16px}
.sectionhead h2{font-size:29px;line-height:1.05;letter-spacing:-.8px;font-weight:850;margin:0}
.sectionhead>a,.text-button{font-weight:800;font-size:14px;white-space:nowrap;color:var(--ink)}
.text-button{border:0;background:none;padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.brand-showcase{margin-bottom:28px}
.need-form{margin:0 0 28px}.need-form>label{display:block;font-size:25px;font-weight:850;letter-spacing:-.6px;margin-bottom:12px}
.need-input-row{display:flex;gap:8px;background:#fff;border:1px solid #ded6e8;border-radius:18px;padding:6px}
.need-input-row input{min-width:0;flex:1;border:0;background:none;padding:12px;font:inherit;font-size:15px}
.need-input-row button{background:var(--purple);color:#fff;border:0;border-radius:13px;padding:12px 18px;white-space:nowrap;font-weight:800}
.need-form>p{font-size:12px;color:var(--muted);margin:8px 0 0}#shop-suggestions{margin-top:28px}
@media(max-width:600px){.need-input-row{flex-wrap:wrap}.need-input-row input{flex-basis:100%;padding:10px}.need-input-row button{width:100%;padding:12px}.need-form>label{font-size:24px}}
.brand-rail{display:flex;gap:20px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;touch-action:pan-x pan-y pinch-zoom}
.brand-chip{flex:0 0 100px;display:flex;flex-direction:column;align-items:center;gap:10px;scroll-snap-align:start;border:0;background:none;padding:0;color:var(--ink);font-size:12px;font-weight:700}
.brand-chip .logo{width:80px;height:80px;border:1px solid #e8e2eb;border-radius:50%;padding:12px;background:#fff;box-shadow:0 3px 12px #22142a08;flex:none}
.brand-chip .logo.wide{width:80px}
.brand-chip>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;min-height:30px;max-width:100%}
.brand-summary{color:var(--muted);font-size:12px;font-weight:500;line-height:1.35}
.brand-chip .brand-summary{font-size:10px;margin-top:-6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;max-width:100%}
.offers-heading{margin:28px 0 0;display:block}
.offers-heading h1{font-size:34px;font-weight:850;letter-spacing:-1px}
.offer-list-head{margin:8px 0 14px}
.offer-list-head .counter{margin:0;color:var(--muted);font-size:12px;background:none;border:0;padding:0}
.offer-section{margin-bottom:30px}
.shelf-hint{font-size:12px;color:var(--muted);white-space:nowrap}
.offer-shelf{display:flex;gap:18px;overflow-x:auto;padding:4px 4px 18px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain}
.offer-shelf>.card{flex:0 0 310px;scroll-snap-align:start}
.offer-bundle{border:0;border-radius:18px;box-shadow:0 4px 18px #3522450b;overflow:hidden}
.offer-bundle .cover{min-height:180px;border:0!important;background:#fff!important;position:relative;display:flex;justify-content:center;padding:24px 16px 12px}
.offer-bundle .heart{position:absolute;top:12px;right:12px;width:40px;height:40px;background:#fff9;z-index:1}
.offer-bundle .offer-brand{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;font-size:15px;font-weight:800;width:100%}
.offer-bundle .offer-brand .logo{width:100%;height:112px;background:#fff;border:0;padding:4px;border-radius:0}
.offer-bundle .offer-brand>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2}
.offer-bundle .cardbody{padding:16px 18px 10px}
.offer-bundle .cardbody h3{font-size:22px;font-weight:800;letter-spacing:-.35px;line-height:1.2;margin:12px 0}
.offer-shelf .bundle-preview,.offer-shelf .cardbody>.meta:not(:last-child){display:none}
.offer-bundle .cardfoot{padding:10px 18px 18px}
.offer-bundle .details{background:var(--purple);color:white;border:0;border-radius:999px;padding:12px 16px;font-weight:800}
.tabs{position:fixed;left:50%;right:auto;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(550px,calc(100% - 28px));max-width:none;padding:8px;margin:0;display:flex;gap:2px;justify-content:space-around;border:1px solid #ffffffc9;border-radius:999px;background:#ffffffdb;backdrop-filter:blur(10px);box-shadow:0 8px 30px #30233524;z-index:60;overflow:visible}
.tabs a{flex:1;min-width:0;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 2px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.25px;line-height:1;white-space:nowrap;color:#302936}
.tabs a svg{width:25px;height:25px;flex:none}
.tabs a[aria-current=page]{color:var(--purple);background:#e9dcff}
.tabs a .count{font-size:8px;min-width:0;padding:0 3px;vertical-align:top;background:none;color:inherit}
.pinching .tabs{backdrop-filter:none;background:#fff}
.brand-rail,.offer-shelf{scrollbar-width:none}
.brand-rail::-webkit-scrollbar,.offer-shelf::-webkit-scrollbar{display:none}
@media(max-width:600px){
 .top{padding:14px 16px}.brand{font-size:25px}.pill{font-size:10px;padding:6px 9px}.region{font-size:10px;padding:4px 6px}
 main{padding-left:16px;padding-right:16px;padding-bottom:125px}
 .media-hero{border-radius:18px;margin-bottom:24px}.media-hero video{height:auto;aspect-ratio:2/1;object-fit:contain}
 .sectionhead h2{font-size:25px}.sectionhead>a,.text-button{font-size:13px}
 .brand-rail{gap:14px}.brand-chip{flex-basis:86px}.brand-chip .logo,.brand-chip .logo.wide{width:70px;height:70px;padding:10px}
 .offers-heading h1{font-size:28px}.offers-heading{margin-top:20px}
 .offer-shelf{margin-right:-16px;padding-right:16px;gap:14px}.offer-shelf>.card{flex-basis:290px}
 .offer-bundle .cover{min-height:170px}.offer-bundle .cardbody h3{font-size:21px}
 .shelf-hint{font-size:10px}.tabs{padding:7px;width:calc(100% - 24px)}.tabs a{min-height:58px;font-size:9px;gap:5px;padding:7px 1px}.tabs a svg{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){.tabs{backdrop-filter:none}.offer-shelf,.brand-rail{scroll-snap-type:none}}
.spotlight-stage>.logo{display:flex;align-items:center;justify-content:center}.spotlight-stage>.logo img{min-width:0;min-height:0;max-width:100%;max-height:100%}
.offer-bundle .offer-brand .players-logo{height:140px}
.offer-bundle .players-logo img{object-fit:cover}