@font-face{font-family:AlternateGotNo1D;src:url("https://www.playstation.com/content/dam/global_pdc/site-furniture/marvels-wolverine/alternategotno1d/AlternateGotNo1D.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
:root{
  --ps-blue:#0070cc;
  --ps-dark-blue:#00439c;
  --ps-orange:#d63d00;
  --yellow:#ffea00;
  --ink:#111;
  --muted:#5f6368;
  --panel:#202124;
  --panel-dark:#17181a;
  --line:rgba(255,255,255,.16);
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#111;font-family:SST,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.modal-open{overflow:hidden}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.page-width{width:min(1190px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;left:3px;top:7px;z-index:1000;background:#fff;color:#0068bd;border:2px solid #2f91e8;padding:11px 15px;font-size:13px;transform:translateY(-140%);box-shadow:0 2px 6px rgba(0,0,0,.25)}
.skip-link:focus{transform:none}

/* Exact PlayStation-style chrome */
.sony-strip{height:28px;background:#000;display:flex;align-items:center;justify-content:flex-end;padding:0 12px;position:relative;z-index:80}
.sony-strip img{width:59px;height:18px;object-fit:contain}
.ps-global{height:40px;background:#fff;display:grid;grid-template-columns:42px 1fr auto;align-items:center;border-bottom:1px solid #e7e7e7;padding:0 12px 0 8px;position:relative;z-index:79}
.ps-home{width:28px;height:28px;display:grid;place-items:center}
.ps-home img{width:17px;height:17px;object-fit:contain}
.ps-global-links{display:flex;align-items:center;gap:28px;min-width:0}
.ps-global-links button{border:0;background:transparent;color:#4b4b4b;padding:0;display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap;height:40px}
.down{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.ps-global-actions{display:flex;align-items:center;gap:8px}
.sign-in{border:0;background:#0070cc;color:#fff;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:600;line-height:22px}
.search-control{height:30px;width:104px;border-left:1px solid #ddd;display:flex;align-items:center;gap:6px;padding:0 2px 0 10px;color:#2d2d2d}
.search-control input{width:68px;border:0;outline:0;font-size:12px;background:transparent;color:#111}
.search-control svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
.game-nav{height:52px;background:#fff;display:grid;grid-template-columns:128px 1fr 170px;align-items:center;border-bottom:1px solid #e7e7e7;padding:0 10px;position:sticky;top:0;z-index:75;transition:box-shadow .2s var(--ease)}
.game-nav.scrolled{box-shadow:0 4px 14px rgba(0,0,0,.16)}
.game-logo-link{width:86px;align-self:center;display:flex;align-items:center}
.game-logo-link img{width:83px;max-height:34px;object-fit:contain}
.game-links{display:flex;justify-content:center;align-items:center;gap:36px;height:100%;font-size:12px;font-weight:600}
.game-links a{height:100%;display:flex;align-items:center;position:relative}
.game-links a::after{content:"";position:absolute;left:50%;right:50%;bottom:7px;height:2px;background:#111;transition:.18s var(--ease)}
.game-links a:hover::after{left:0;right:0}
.ps-cta{border:0;background:var(--ps-orange);color:#fff;border-radius:999px;font-weight:700;transition:transform .15s var(--ease),box-shadow .15s var(--ease),filter .15s}
.ps-cta:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--ps-orange)}
.ps-cta-small{justify-self:end;padding:10px 18px;font-size:12px}

/* Hero */
.hero{height:508px;position:relative;background:#ffec16;overflow:hidden;isolation:isolate}
.hero-official{position:absolute;inset:0;z-index:-2;background-image:url('https://gmedia.playstation.com/is/image/SIEPDC/marvels-wolverine-hero-desktop-01-en-30sep25?$2400px$');background-size:cover;background-position:64% top;opacity:0;transition:opacity .25s}
.remote-hero-ready .hero-official{opacity:1}
.hero-fallback{position:absolute;z-index:-3;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:43% center;mix-blend-mode:normal}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#ffef20 0%,rgba(255,238,25,.98) 29%,rgba(255,235,18,.82) 48%,rgba(255,229,0,.08) 69%,rgba(255,229,0,0) 100%)}
.remote-hero-ready .hero::after{background:linear-gradient(90deg,rgba(255,238,22,.95) 0%,rgba(255,235,10,.72) 35%,rgba(255,229,0,.12) 58%,transparent 76%)}
.hero-content{height:100%;position:relative;display:flex;align-items:flex-start;padding-top:72px}
.hero-copy{width:540px;padding-left:2px}
.hero h1{font-size:58px;line-height:1.02;font-weight:300;letter-spacing:-.025em;margin:0 0 18px}
.publisher{font-size:15px;font-weight:600;margin:0 0 18px}
.availability{display:flex;align-items:center;gap:7px;font-size:9px;margin-bottom:52px}
.platform-chip{font-size:8px;font-weight:700;border:1px solid #111;padding:3px 4px;line-height:1}
.platform-chip-wide{padding-inline:5px}
.hero-price{font-size:22px;font-weight:300;margin:0 0 22px}
.hero-actions{display:flex;align-items:center;gap:12px;margin-bottom:34px}
.hero-preorder{height:40px;width:174px;font-size:13px}
.wishlist{display:grid;place-items:center;background:transparent;border-radius:50%;padding:0;transition:.16s var(--ease)}
.wishlist svg{fill:none;stroke:currentColor;stroke-width:1.8;width:22px;height:22px}
.wishlist.active svg{fill:currentColor}
.wishlist-blue{width:38px;height:38px;border:1.5px solid var(--ps-blue);color:var(--ps-blue)}
.wishlist-blue:hover,.wishlist-blue.active{background:var(--ps-blue);color:#fff;transform:scale(1.04)}
.hero-specs{display:grid;grid-template-columns:148px 214px 142px;gap:26px;font-size:10px;line-height:1.35}
.spec-column{display:grid;gap:11px;align-content:start}
.spec-row{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;min-height:19px}
.spec-row strong{font-weight:700}
.spec-icon{font-size:18px;line-height:18px;text-align:center;font-weight:700}
.person-icon{position:relative;height:18px}
.person-icon::before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#000;left:7px;top:0}
.person-icon::after{content:"";position:absolute;width:13px;height:9px;border-radius:8px 8px 2px 2px;background:#000;left:4px;top:8px}
.controller-icon{position:relative;width:20px;height:12px;border:2px solid #000;border-radius:5px;margin-top:2px}
.controller-icon::before{content:"+";position:absolute;font-size:10px;line-height:8px;left:1px;top:0}
.console-icon{position:relative;width:8px;height:18px;background:#000;margin-left:5px}
.console-icon::after{content:"";position:absolute;left:-2px;bottom:-1px;width:12px;height:2px;background:#000}
.bulb-icon,.leaf-icon{font-size:20px}
.spec-row a{color:#0068bd;text-decoration:underline}
.view-all{color:#0068bd;font-size:12px;margin:2px 0 0 28px;display:flex;align-items:center;gap:8px}
.view-all span{font-size:23px;line-height:10px}
.rating-line{position:absolute;right:122px;bottom:51px;display:flex;align-items:center;gap:12px;font-size:9px}
.rating-line img{width:44px;height:44px;object-fit:contain}

/* Media carousel */
.media{background:#000;padding:48px 0 31px;color:#fff;overflow:hidden}
.media-viewport{position:relative}
.media-track{display:grid;grid-auto-flow:column;grid-auto-columns:min(34.5vw,548px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(32px,calc((100vw - 1180px)/2));scrollbar-width:none;overscroll-behavior-inline:contain}
.media-track::-webkit-scrollbar{display:none}
.media-card{position:relative;aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#222;scroll-snap-align:center}
.media-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease),filter .25s}
.media-card:hover img{transform:scale(1.015);filter:brightness(1.04)}
.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;border:2px solid #fff;background:rgba(0,0,0,.25);display:grid;place-items:center;color:#fff;backdrop-filter:blur(3px)}
.play-button span{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid #fff;margin-left:4px}
.carousel-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.carousel-arrow span{font-size:34px;font-family:Arial;line-height:1;margin-top:-3px}
.carousel-prev{left:max(11px,calc((100vw - 1280px)/2))}
.carousel-next{right:max(11px,calc((100vw - 1280px)/2))}
.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:24px}
.carousel-dots button{width:22px;height:2px;border:0;padding:0;background:#333}
.carousel-dots button.active{background:#ddd}

/* Store editions */
.store-section{position:relative;background:#222;color:#fff;isolation:isolate;padding:46px 0 56px;overflow:hidden}
.store-background{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(26,27,30,.68),rgba(26,27,30,.68)),url('assets/store-selection-bg.png');background-size:cover;background-position:center}
.store-inner{position:relative}
.store-heading{text-align:center;margin-bottom:40px}
.store-bag-icon{width:53px;height:53px;object-fit:contain;margin:0 auto 14px}
.store-heading h2{font-family:AlternateGotNo1D,"SST Condensed","Arial Narrow",sans-serif;text-transform:uppercase;font-size:32px;line-height:1;letter-spacing:.01em;font-weight:700;margin:0}
.store-heading p{font-size:26px;font-weight:300;margin:14px 0 0}
.edition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;max-width:1114px;margin-inline:auto}
.edition-card{background:#202228;border:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;min-height:441px;transition:transform .2s var(--ease),box-shadow .2s}
.edition-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(0,0,0,.3)}
.edition-art{height:203px;overflow:hidden;background:#ffe400}
.edition-art img{width:100%;height:100%;object-fit:cover}
.edition-body{padding:16px 24px 18px;display:flex;flex-direction:column;flex:1;min-height:0}
.edition-body h3{text-align:center;font-size:17px;font-weight:400;margin:0 0 15px}
.edition-body ul{padding-left:16px;margin:0;font-size:11.5px;line-height:1.46}
.edition-body li{margin:0 0 7px}
.edition-list-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.edition-spacer{flex:1;min-height:12px}
.edition-price{font-size:18px;font-weight:300;margin:10px 0 18px}
.edition-actions{display:grid;grid-template-columns:1fr 38px;gap:9px;align-items:center}
.edition-buy{height:40px;font-size:12px}
.wishlist-grey{width:38px;height:38px;border:1.5px solid #a8abb0;color:#d8d9dc}
.wishlist-grey:hover,.wishlist-grey.active{background:#fff;color:#202124;border-color:#fff}

/* Deluxe */
.deluxe-showcase{position:relative;background:#f6dd11;color:#101010;min-height:600px;padding:8px 0 34px;overflow:hidden;isolation:isolate}
.deluxe-bg{position:absolute;inset:0;z-index:-2;background-image:url('https://gmedia.playstation.com/is/image/SIEPDC/marvels-wolverine-dde-background-desktop-01-en-17jun26?$2400px$'),linear-gradient(90deg,#19190f 0 23%,#ffea10 31% 100%);background-size:cover;background-position:center top}
.deluxe-showcase::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,8,4,.15) 0 27%,transparent 34%)}
.deluxe-title-wrap{text-align:center;width:420px;margin:0 auto 28px}
.deluxe-title-wrap img{width:312px;margin:auto;filter:none}
.deluxe-title-wrap div{font-family:AlternateGotNo1D,"SST Condensed","Arial Narrow",sans-serif;text-transform:uppercase;font-size:19px;letter-spacing:.18em;background:#111;color:#ffdf00;padding:2px 12px;margin:-6px auto 0;width:max-content;transform:skew(-7deg)}
.deluxe-layout{display:grid;grid-template-columns:258px minmax(430px,1fr) 286px;gap:38px;align-items:start}
.deluxe-layout h3,.deluxe-layout p{font-family:AlternateGotNo1D,"SST Condensed","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.05em;text-align:center}
.packshot-block{padding-top:80px}
.packshot{width:177px;height:219px;margin:0 auto 12px;overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,.24);background:#111}
.packshot img{width:100%;height:100%;object-fit:cover;object-position:center}
.packshot-block h3{font-size:19px;line-height:1.05;max-width:250px;margin:0 auto}
.exclusive-block h3,.preorder-block h3{font-size:22px;margin:14px 0 14px}
.exclusive-block img{width:100%;height:244px;object-fit:contain;margin-top:4px}
.exclusive-block p,.preorder-block p{font-size:17px;margin:10px 0 0;line-height:1.15}
.perk-art{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:102px}
.perk-art>img{width:100%;height:100%;object-fit:cover;object-position:center}
.claw-card{background:#111;display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden}
.claw-card span{display:block;width:4px;height:95px;background:linear-gradient(#fff,#999,#fff);transform:rotate(22deg);box-shadow:0 0 4px rgba(255,255,255,.8)}
.avatar-row{display:flex;justify-content:center;gap:7px;margin:18px 0 4px}
.avatar-row img{width:41px;height:41px;border-radius:50%;object-fit:cover;border:3px solid #111;background:#222}

/* Overview */
.overview{position:relative;background:#ffe818;min-height:388px;padding:50px 0 58px;overflow:hidden;isolation:isolate}
.overview-bg{position:absolute;inset:0;z-index:-1;background-image:url('https://gmedia.playstation.com/is/image/SIEPDC/marvels-wolverine-overview-background-desktop-01-en-30sep25?$2400px$'),linear-gradient(#ffe818,#ffdc12);background-size:cover;background-position:center top;opacity:.95}
.overview-grid{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(0,1.32fr);gap:78px;align-items:start}
.eyebrow{font-size:12px;font-weight:600;margin:0 0 12px}
.overview h2{font-family:AlternateGotNo1D,"SST Condensed","Arial Narrow",sans-serif;text-transform:uppercase;font-size:58px;line-height:.93;letter-spacing:-.01em;margin:0;max-width:540px}
.overview-copy{font-size:14px;line-height:1.55;color:#61562a;padding-top:4px}
.overview-copy p{margin:0 0 16px}
.overview-copy a{color:#0070cc;text-decoration:underline}

/* Features */
.features{background:#111;color:#fff;padding:78px 0 84px}
.eyebrow.light{color:#c7c7c7;text-align:center}
.features>div>h2{text-align:center;font-family:AlternateGotNo1D,"SST Condensed","Arial Narrow",sans-serif;text-transform:uppercase;font-size:43px;margin:0 0 45px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{background:#202124;min-height:530px;display:flex;flex-direction:column}
.feature-image{height:275px;background-size:cover;background-position:center}
.feature-image-one{background-image:url('https://gmedia.playstation.com/is/image/SIEPDC/marvels-wolverine-screenshot-06-en-08june26?$1200px$'),url('assets/hero-character.jpg')}
.feature-image-two{background-image:url('https://gmedia.playstation.com/is/image/SIEPDC/marvels-wolverine-screenshot-07-en-08june26?$1200px$'),url('assets/screenshot-princess.jpg')}
.feature-image-three{background-image:url('https://gmedia.playstation.com/is/image/SIEPDC/marvels-wolverine-screenshot-08-en-08june26?$1200px$'),url('assets/media-reference.jpg')}
.feature-copy{padding:24px 25px 30px}
.feature-copy>span{color:#b7b7b7;font-size:12px}
.feature-copy h3{font-family:AlternateGotNo1D,"SST Condensed","Arial Narrow",sans-serif;text-transform:uppercase;font-size:28px;line-height:1.04;margin:9px 0 16px}
.feature-copy p{font-size:13px;line-height:1.55;color:#d0d0d0;margin:0}

/* PS5 */
.ps5-section{position:relative;background:#060b16;color:#fff;padding:90px 0;min-height:570px;isolation:isolate;overflow:hidden}
.ps5-bg{position:absolute;inset:0;z-index:-2;background-image:url('https://gmedia.playstation.com/is/image/SIEPDC/marvels-wolverine-ps5-background-desktop-01-en-28apr26?$2400px$'),linear-gradient(120deg,#06132a,#0b0d11);background-size:cover;background-position:center}
.ps5-section::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.35) 55%,rgba(0,0,0,.25))}
.ps5-content{max-width:1050px}
.ps5-content>h2{font-family:AlternateGotNo1D,"SST Condensed","Arial Narrow",sans-serif;text-transform:uppercase;font-size:45px;margin:0 0 14px;max-width:560px}
.ps5-content>p{font-size:16px;line-height:1.5;max-width:570px;color:#eee;margin:0 0 38px}
.ps5-grid{display:grid;grid-template-columns:repeat(2,minmax(0,340px));gap:28px 40px}
.ps5-grid h3{font-size:17px;margin:0 0 8px}
.ps5-grid p{font-size:13px;line-height:1.5;color:#d5d5d5;margin:0}

/* FAQ */
.faq{background:#f5f5f5;padding:77px 24px 90px}
.faq-inner{width:min(960px,100%);margin:auto}
.faq h2{text-align:center;font-size:38px;font-weight:300;margin:0 0 42px}
.faq-list{border-top:1px solid #cfcfcf}
.faq-item{border-bottom:1px solid #cfcfcf}
.faq-item>button{width:100%;border:0;background:transparent;padding:22px 5px;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:17px;font-weight:600;color:#111}
.faq-plus{font-size:29px;font-weight:300;line-height:1;transition:transform .2s}
.faq-item.open .faq-plus{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .28s var(--ease)}
.faq-answer p{padding:0 5px 24px;margin:0;font-size:14px;line-height:1.6;color:#555}
.faq-item.open .faq-answer{max-height:180px}


@media (max-width: 1200px){
  .hero h1{font-size:50px}
  .hero-copy{width:500px}
  .hero-specs{grid-template-columns:1fr 1.35fr 1fr;gap:18px}
  .edition-grid{max-width:none}
  .deluxe-layout{grid-template-columns:230px 1fr 250px;gap:26px}
  .overview h2{font-size:50px}
}
@media (max-width: 980px){
  .ps-global{grid-template-columns:34px 1fr auto}
  .ps-global-links{gap:16px;overflow:auto;scrollbar-width:none}
  .game-nav{grid-template-columns:90px 1fr auto}
  .hero{height:auto;min-height:610px}
  .hero-content{padding-top:42px;padding-bottom:160px}
  .hero-copy{width:min(100%,520px)}
  .hero h1{font-size:44px}
  .hero-specs{grid-template-columns:1fr 1fr;row-gap:18px}
  .compact-column{grid-column:1/-1}
  .rating-line{right:28px;bottom:26px}
  .edition-grid,.feature-grid{grid-template-columns:1fr}
  .deluxe-layout,.overview-grid,.ps5-grid,.footer-columns{grid-template-columns:1fr}
  .deluxe-showcase{padding-top:20px}
  .packshot-block,.exclusive-block,.preorder-block{text-align:center;padding-top:0}
  .packshot-block h3{max-width:none}
  .overview h2{font-size:40px;max-width:none}
}
@media (max-width: 720px){
  .page-width{width:min(100% - 32px, 1200px)}
  .ps-global-links button[data-menu="games"], .ps-global-links button[data-menu="news"], .ps-global-links button[data-menu="support"]{display:none}
  .search-control{width:78px;padding-left:8px}
  .search-control input{width:46px}
  .game-links{gap:20px;font-size:11px}
  .ps-cta-small{padding:8px 14px}
  .hero{min-height:560px}
  .hero-content{padding-top:34px;padding-bottom:128px}
  .hero h1{font-size:36px}
  .hero-actions{flex-wrap:wrap}
  .hero-specs{grid-template-columns:1fr}
  .media-track{grid-auto-columns:min(78vw,520px)}
  .carousel-prev{left:8px}
  .carousel-next{right:8px}
  .store-heading h2{font-size:26px}
  .store-heading p{font-size:22px}
  .deluxe-title-wrap{width:100%}
  .deluxe-title-wrap img{width:252px}
  .overview{padding-top:42px}
  .overview h2{font-size:34px}
  .faq h2{font-size:30px}
  .footer-bottom{flex-direction:column}
}

/* Footer */
.site-footer{background:#00439c;color:#fff;padding:54px 24px 31px}
.footer-inner{width:min(1200px,100%);margin:auto}
.footer-ps-logo{width:61px;height:61px;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:37px}
.footer-columns{display:grid;grid-template-columns:repeat(6,1fr);gap:27px;border-top:1px solid rgba(255,255,255,.3);padding-top:31px}
.footer-columns h3{font-size:14px;margin:0 0 14px}
.footer-columns a{display:block;color:#fff;font-size:12px;line-height:1.45;margin:0 0 9px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.3);margin-top:32px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#e5efff}

/* Checkout shell */
.checkout-shell{position:fixed;inset:0;z-index:400;display:none;place-items:center;padding:14px}
.checkout-shell.open{display:grid}
.checkout-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(14px)}
.checkout-window{position:relative;width:min(1140px,100%);height:min(730px,calc(100vh - 28px));background:#11120f;color:#fff;border:1px solid rgba(255,255,255,.19);border-radius:24px;overflow:hidden;box-shadow:0 42px 130px rgba(0,0,0,.76);display:flex;flex-direction:column;animation:checkoutIn .22s var(--ease)}
@keyframes checkoutIn{from{opacity:.35;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.checkout-header{height:72px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 23px;background:#0d0e0c;border-bottom:1px solid rgba(255,255,255,.13)}
.checkout-brand{display:flex;align-items:center;gap:16px;min-width:0}
.checkout-brand>img{width:135px;max-height:47px;object-fit:contain;filter:invert(1) grayscale(1) brightness(2)}
.checkout-brand h2{font-size:16px;margin:0 0 4px}
.checkout-brand p{font-size:11px;color:#9ca39d;margin:0}
.checkout-close{width:39px;height:39px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#1e211c;color:#fff;font-size:22px;line-height:1}
.checkout-tabs{height:49px;display:grid;grid-template-columns:repeat(3,1fr);flex:0 0 auto;background:#151713;border-bottom:1px solid rgba(255,255,255,.12)}
.checkout-tab{display:flex;align-items:center;gap:10px;padding:0 22px;color:#7e857e;border-right:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:700}
.checkout-tab:last-child{border-right:0}
.checkout-tab span{width:24px;height:24px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;font-size:10px}
.checkout-tab.active{background:#11120f;color:#fff}
.checkout-tab.active span{background:#ffdb00;color:#111;border-color:#ffdb00}
.checkout-body{flex:1;min-height:0;padding:17px}
.checkout-step{display:none;height:100%;min-height:0}
.checkout-step.active{display:block}
.checkout-grid{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:15px}
.checkout-panel{border:1px solid rgba(255,255,255,.13);background:#191b17;border-radius:21px;padding:21px;min-height:0}
.main-panel{overflow:auto}
.checkout-kicker{text-transform:uppercase;letter-spacing:.15em;color:#ffdf00;font-size:10px;font-weight:800;margin:0 0 9px}
.main-panel h3,.payment-main h3{font-family:AlternateGotNo1D,"SST Condensed","Arial Narrow",sans-serif;font-size:42px;text-transform:uppercase;line-height:.95;letter-spacing:-.01em;margin:0 0 11px}
.checkout-sub{color:#aeb4ad;line-height:1.45;font-size:13px;margin:0 0 21px;max-width:620px}
.main-panel>label{display:block;color:#aeb4ad;text-transform:uppercase;font-size:10px;letter-spacing:.13em;font-weight:700;margin-bottom:8px}
.lookup-row{display:grid;grid-template-columns:1fr auto;gap:10px}
.lookup-row input{height:53px;border-radius:14px;border:1px solid rgba(255,255,255,.21);background:#0b0c0a;color:#fff;padding:0 15px;outline:0}
.lookup-row input:focus{border-color:#ffde00;box-shadow:0 0 0 4px rgba(255,222,0,.08)}
.lookup-row button,.primary-button{height:53px;border:0;border-radius:14px;background:#ffdb00;color:#111;font-weight:800;padding:0 22px}
.lookup-row button:disabled{opacity:.35;cursor:not-allowed}
.lookup-status{min-height:27px;margin-top:8px;display:flex;align-items:center;gap:8px;color:#8f978f;font-size:11px}
.lookup-status p{margin:0}
#lookupSpinner{display:none;width:15px;height:15px;border:2px solid rgba(255,222,0,.22);border-top-color:#ffdf00;border-radius:50%;animation:spin .7s linear infinite}
#lookupSpinner.active{display:block}
@keyframes spin{to{transform:rotate(360deg)}}
.account-card{height:102px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#10120f;display:grid;grid-template-columns:68px 1fr;align-items:center;gap:14px;padding:13px;margin-top:10px}
.account-card.ready{border-color:rgba(255,222,0,.5);background:#22200d}
.account-avatar{width:68px;height:68px;border-radius:16px;overflow:hidden;background:#282b26}
.account-avatar img{width:100%;height:100%;object-fit:cover}
.skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.08)}
.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:translateX(-120%);animation:shimmer 1.1s infinite}
@keyframes shimmer{to{transform:translateX(120%)}}
.skeleton-line{display:block;height:12px;border-radius:99px;margin:8px 0;width:78%}
.skeleton-line.short{width:55%}
.prototype-note{margin-top:13px;border:1px solid rgba(255,222,0,.28);background:rgba(255,222,0,.06);border-radius:15px;padding:12px 14px;color:#cfd1c9;font-size:11px;line-height:1.45}
.order-summary{display:flex;flex-direction:column;gap:11px;overflow:auto}
.order-summary>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.12);margin-bottom:3px}
.order-summary>div{display:flex;justify-content:space-between;gap:12px;color:#a9b0a9;font-size:12px}
.order-summary strong{color:#fff;text-align:right}
.summary-total{border-top:1px solid rgba(255,255,255,.13);padding-top:12px;margin-top:auto;font-size:14px!important}
.summary-total strong{color:#ffdf00;font-size:18px}
.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:21px}
.review-cards article{min-height:116px;border:1px solid rgba(255,255,255,.13);background:#10120f;border-radius:17px;padding:13px;display:flex;flex-direction:column;justify-content:space-between}
.review-cards article>span{color:#838b83;text-transform:uppercase;font-size:9px;letter-spacing:.13em;font-weight:800}
.review-cards strong{font-size:13px}
.review-cards small{font-size:10px;color:#8f968f}
.review-account{display:flex;align-items:center;gap:9px}
.review-account img{width:42px;height:42px;border-radius:12px;object-fit:cover}
.review-account small{display:block;margin-top:3px}
.review-actions{display:flex;justify-content:space-between;margin-top:18px;gap:10px}
.secondary-button{height:45px;border-radius:13px;border:1px solid rgba(255,255,255,.18);background:#232620;color:#fff;font-weight:700;padding:0 20px}
.primary-button{height:45px;border-radius:13px}
.payment-grid{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:15px}
.payment-main{display:flex;flex-direction:column}
.payment-product{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.13);background:#10120f;border-radius:18px;padding:13px}
.payment-product>img{width:112px;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.payment-product strong{font-size:15px}
.payment-product p{font-size:11px;color:#919991;margin:5px 0 9px}
.payment-product>div>div{display:flex;gap:6px}
.payment-product span{font-size:9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px 7px;color:#c3c8c3}
.upsell-note{margin-top:13px;border:1px solid rgba(255,222,0,.29);background:linear-gradient(135deg,rgba(255,222,0,.11),rgba(255,255,255,.035));border-radius:16px;padding:13px 15px;display:grid;gap:5px}
.upsell-note strong{font-size:13px;color:#ffe32b}
.upsell-note span{font-size:11px;color:#c6cbc6;line-height:1.45}
.payment-back{margin-top:auto;align-self:flex-start}
.payment-method{display:flex;flex-direction:column;gap:12px}
.method-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.method-heading h4{font-size:16px;margin:0 0 4px}
.method-heading p{font-size:10px;color:#949b94;margin:0}
.method-heading>strong{color:#ffdf00;font-size:17px}
.method-option{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:#10120f;color:#fff;display:grid;grid-template-columns:18px 42px 1fr auto;gap:10px;align-items:center;text-align:left;padding:12px}
.method-option.selected{border-color:#ffcf31;background:linear-gradient(rgba(255,207,49,.1),rgba(255,255,255,.02))}
.method-radio{width:17px;height:17px;border-radius:50%;border:5px solid #ffc439;background:#001435}
.paypal-tile{width:42px;height:32px;border-radius:8px;background:#063b91;display:grid;place-items:center}
.paypal-tile img{width:18px;height:22px;object-fit:contain}
.method-copy strong{display:block;font-size:13px}
.method-copy small{display:block;font-size:10px;color:#a3aaa3;margin-top:3px}
.method-wordmark{height:17px;width:auto}
.payment-total{border:1px solid rgba(255,255,255,.13);background:#10120f;border-radius:16px;padding:13px;display:grid;gap:9px}
.payment-total>div{display:flex;justify-content:space-between;gap:12px;color:#a2aaa2;font-size:11px}
.payment-total strong{color:#fff}
.payment-total .grand-total{border-top:1px solid rgba(255,255,255,.13);padding-top:9px}
.payment-total .grand-total strong{color:#ffdf00;font-size:16px}
.paypal-open{height:51px;border:0;border-radius:999px;background:#ffc439;color:#001435;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px}
.paypal-open img{height:20px;width:auto}
.payment-legal{text-align:center;color:#8d958d;font-size:9px;line-height:1.45;margin:0}

/* PayPal visual */
.paypal-stage{position:absolute;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(9px);z-index:8;display:none;place-items:center;padding:8px}
.paypal-stage.active{display:grid}
.paypal-browser{width:min(470px,100%);height:min(650px,100%);border-radius:10px;overflow:hidden;background:#fff;color:#001435;box-shadow:0 30px 100px rgba(0,0,0,.55);display:grid;grid-template-rows:31px 31px 1fr}
.browser-titlebar{height:31px;background:#201e1e;color:#ddd;display:flex;align-items:center;justify-content:space-between;padding-left:9px;font-size:10px}
.browser-titlebar>div:first-child{display:flex;align-items:center;gap:7px}
.browser-titlebar img{width:16px;height:16px;object-fit:contain}
.window-controls{height:100%;display:flex}
.window-controls button{width:42px;height:100%;border:0;background:transparent;color:#ddd}
.window-controls button:last-child:hover{background:#e81123}
.browser-address{height:31px;background:#2b2828;padding:4px 8px}
.browser-address span{display:block;height:23px;line-height:22px;padding:0 9px;background:#3a3636;border:1px solid #545050;border-radius:5px;color:#ddd;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.browser-address strong{color:#fff}
.paypal-page{position:relative;min-height:0;display:flex;flex-direction:column;background:#fff}
.paypal-header{height:54px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #e1e5ea;padding:0 15px}
.paypal-avatar{width:32px;height:32px;border-radius:50%;background:#063b91;color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}
.paypal-header>img{width:87px;justify-self:center}
.paypal-header button{border:0;background:#fff;color:#001435;font-weight:800;font-size:12px}
.paypal-content{flex:1;min-height:0;overflow:auto;padding:18px}
.paypal-welcome{background:#f4f7fa;border-radius:12px;padding:12px 13px;margin-bottom:16px}
.paypal-welcome h3{font-size:17px;margin:0 0 4px;font-weight:600}
.paypal-welcome p{font-size:10px;line-height:1.45;color:#4f6174;margin:0}
.paypal-content>h4{font-size:17px;font-weight:500;margin:0 0 9px}
.paypal-method{width:100%;min-height:61px;padding:11px 0;border:0;border-bottom:1px solid #e1e5ea;background:#fff;color:#001435;display:grid;grid-template-columns:20px 42px 1fr auto;gap:10px;align-items:center;text-align:left}
.paypal-radio{width:19px;height:19px;border:2px solid #aeb8c3;border-radius:50%}
.paypal-method.selected .paypal-radio{border:6px solid #0070e0}
.paypal-icon{width:42px;height:32px;border-radius:8px;background:#063b91;display:grid;place-items:center}
.paypal-icon img{width:18px;height:22px;object-fit:contain}
.paypal-method strong{display:block;font-size:13px}
.paypal-method small{display:block;font-size:9px;color:#657382;margin-top:3px}
.paypal-method b{font-size:11px}
.mastercard{width:42px;border-radius:6px}
.balance-details{margin-left:51px;border-bottom:1px solid #e1e5ea;padding:7px 0 12px;font-size:10px;color:#405366}
.balance-details span{display:inline-flex;background:#ece7dd;border-radius:7px;padding:4px 7px}
.balance-details p{margin:6px 0 4px}
.balance-details a{color:#0070e0;font-weight:700}
.preferred-row{margin-left:51px;padding:12px 0;border-bottom:1px solid #e1e5ea;display:flex;align-items:center;gap:8px;font-size:10px}
.preferred-row input{accent-color:#0070e0;width:17px;height:17px}
.add-card{border:0;background:#fff;color:#0070e0;font-size:12px;font-weight:800;padding:13px 0 5px}
.paypal-footer{padding:13px 25px 11px;border-top:1px solid #e4e7eb;box-shadow:0 -7px 16px rgba(0,0,0,.05)}
.paypal-footer>button:first-child,.paypal-success>button{width:100%;height:45px;border:0;border-radius:999px;background:#003087;color:#fff;font-size:14px;font-weight:800}
.paypal-footer p{text-align:center;font-size:9px;line-height:1.4;color:#516273;margin:8px 0 2px}
.return-merchant{width:100%;border:0;background:#fff;color:#0070e0;font-size:11px;font-weight:800;padding:7px 0 0}
.paypal-processing{position:absolute;inset:0;background:#fff;display:none;place-items:center;text-align:center;padding:28px}
.paypal-processing.active{display:grid}
.paypal-spinner{width:58px;height:58px;border:3px solid #ddd;border-top-color:#0070e0;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 15px}
.paypal-processing h3{font-size:17px;font-weight:500;margin:0 0 7px}
.paypal-processing p{font-size:12px;color:#5c6c7b;margin:0}
.paypal-success{display:none;padding:25px 23px;overflow:auto;text-align:center}
.paypal-success.active{display:block}
.success-check{width:68px;height:68px;border-radius:50%;background:#eff8f0;color:#198038;display:grid;place-items:center;margin:0 auto 14px;font-size:34px}
.paypal-success h3{font-size:21px;margin:0 0 7px}
.paypal-success>p{font-size:11px;color:#637385;margin:0}
.receipt{border:1px solid #dfe4ea;border-radius:12px;padding:13px;margin:17px 0;text-align:left;display:grid;gap:8px}
.receipt div{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#5f6d7a}
.receipt strong{color:#001435}
.toast{position:fixed;left:50%;top:18px;z-index:999;transform:translate(-50%,-18px);opacity:0;pointer-events:none;background:#111;color:#fff;border-radius:999px;padding:11px 17px;font-size:11px;box-shadow:0 12px 35px rgba(0,0,0,.35);transition:.22s var(--ease)}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1100px){
  .ps-global-links{gap:17px}.game-nav{grid-template-columns:130px 1fr 150px}
  .hero-specs{grid-template-columns:135px 175px 135px;gap:18px}.rating-line{right:30px}
  .deluxe-layout{grid-template-columns:220px 1fr 220px;gap:18px}.deluxe-layout .exclusive-block img{height:235px}
  .footer-columns{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:880px){
  .ps-global-links{display:none}.ps-global{grid-template-columns:48px 1fr auto}.search-control{display:none}
  .game-nav{grid-template-columns:110px 1fr 145px}.game-links{gap:18px}
  .hero{height:760px}.hero-content{align-items:flex-end;padding-bottom:42px}.hero-fallback{width:100%;height:54%;top:0}.hero::after{background:linear-gradient(180deg,rgba(255,235,0,.08) 0 35%,rgba(255,235,0,.9) 58%,#ffea00 78%)}.remote-hero-ready .hero::after{background:linear-gradient(180deg,transparent 0 38%,rgba(255,235,0,.78) 61%,#ffea00 80%)}.hero-copy{width:100%}.availability{margin-bottom:24px}.hero-actions{margin-bottom:25px}.rating-line{right:24px;bottom:28px}.hero-specs{padding-right:165px}
  .media-track{grid-auto-columns:72vw}
  .edition-grid{grid-template-columns:1fr;max-width:620px;margin:auto}.edition-card{min-height:0}.edition-art{height:300px}.edition-list-two{gap:35px}
  .deluxe-showcase{padding-bottom:55px}.deluxe-layout{grid-template-columns:1fr;max-width:650px}.packshot-block{padding-top:0}.exclusive-block img{height:auto!important}.preorder-block{max-width:330px;margin:auto}
  .overview-grid{grid-template-columns:1fr;gap:35px}.overview h2{max-width:650px}
  .feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-image{height:390px}
  .checkout-grid,.payment-grid{grid-template-columns:1fr}.order-summary{display:none}.checkout-window{height:min(760px,calc(100vh - 20px))}.payment-method{overflow:auto}.payment-back{margin-top:15px}
}
@media(max-width:620px){
  .page-width{width:min(100% - 28px,1180px)}
  .sony-strip{height:20px}.sony-strip img{width:48px}.ps-global{height:42px}.game-nav{height:48px;grid-template-columns:92px 1fr 123px}.game-links{display:none}.game-logo-link img{width:78px}.ps-cta-small{padding:8px 12px;font-size:11px}
  .hero{height:810px}.hero h1{font-size:35px}.hero-specs{grid-template-columns:1fr 1fr;padding-right:0;gap:18px 24px}.hero-specs .compact-column{grid-column:1/-1}.rating-line{position:static;margin-top:20px}.hero-preorder{width:205px}
  .media{padding-top:52px}.media-track{grid-auto-columns:86vw;padding-inline:18px}.carousel-arrow{display:none}
  .store-section{padding-top:55px}.store-heading h2{font-size:27px}.store-heading p{font-size:23px}.edition-art{height:210px}.edition-body{padding:17px}.edition-list-two{grid-template-columns:1fr;gap:0}
  .deluxe-title-wrap{width:260px}.deluxe-title-wrap img{width:240px}.deluxe-title-wrap div{font-size:14px}.packshot{width:185px;height:220px}
  .overview{padding:55px 0}.overview h2{font-size:28px}.overview-copy{font-size:12px}
  .features{padding:58px 0}.features>div>h2{font-size:35px}.feature-image{height:280px}
  .ps5-section{padding:65px 0}.ps5-content>h2{font-size:37px}.ps5-grid{grid-template-columns:1fr}
  .faq{padding:55px 16px}.faq h2{font-size:31px}.faq-item>button{font-size:15px}
  .footer-columns{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column}
  .checkout-shell{padding:6px}.checkout-window{height:calc(100vh - 12px);border-radius:12px}.checkout-header{height:63px;padding:0 14px}.checkout-brand>img{width:100px}.checkout-brand p{display:none}.checkout-tabs{height:46px}.checkout-tab{padding:0 9px;font-size:10px}.checkout-body{padding:9px}.checkout-panel{padding:15px;border-radius:16px}.main-panel h3,.payment-main h3{font-size:33px}.lookup-row{grid-template-columns:1fr}.lookup-row button{width:100%}.review-cards{grid-template-columns:1fr}.review-actions{flex-direction:column-reverse}.review-actions button{width:100%}.payment-product{grid-template-columns:82px 1fr}.payment-product>img{width:82px}.paypal-browser{width:calc(100vw - 12px);height:calc(100vh - 12px)}
}


/* Global navigation menus */
.global-menu{position:fixed;left:0;right:0;top:67px;z-index:78;background:#fff;border-top:1px solid #e8e8e8;border-bottom:1px solid #d7d7d7;box-shadow:0 18px 34px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s}
.global-menu.open{opacity:1;visibility:visible;transform:none}
.global-menu-inner{min-height:205px;padding-block:28px;display:grid;grid-template-columns:310px 1fr;gap:48px;align-items:start}
.global-menu-copy>span{font-size:11px;color:#6a6a6a;text-transform:uppercase;letter-spacing:.12em}
.global-menu-copy h2{font-size:29px;font-weight:300;margin:8px 0 8px}
.global-menu-copy p{font-size:13px;line-height:1.5;color:#616161;margin:0}
.global-menu-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.global-menu-links a{min-height:62px;padding:13px 15px;border:1px solid #e6e6e6;border-radius:4px;display:flex;flex-direction:column;justify-content:center;transition:background .15s,border-color .15s,transform .15s}
.global-menu-links a:hover{background:#f4f7fb;border-color:#b7d6f0;transform:translateY(-1px)}
.global-menu-links strong{font-size:13px}
.global-menu-links span{font-size:11px;color:#717171;margin-top:4px}
.ps-global-links button[aria-expanded="true"]{color:#0068bd}
.ps-global-links button[aria-expanded="true"] .down{transform:rotate(225deg) translate(-1px,-1px)}

/* News */
.news-section{background:#f5f5f5;padding:78px 0 88px;color:#111}
.news-section>.page-width>h2{text-align:center;font-size:40px;font-weight:300;margin:8px 0 8px}
.news-intro{text-align:center;color:#626262;margin:0 0 39px;font-size:15px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.news-card{background:#fff;border-radius:3px;overflow:hidden;box-shadow:0 2px 9px rgba(0,0,0,.13);display:flex;flex-direction:column;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.news-card:hover{transform:translateY(-4px);box-shadow:0 12px 27px rgba(0,0,0,.18)}
.news-card>img{aspect-ratio:16/9;width:100%;object-fit:cover}
.news-card>div{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.news-card time{font-size:11px;color:#6c6c6c}
.news-card h3{font-size:21px;line-height:1.18;margin:10px 0 12px;font-weight:500}
.news-card p{font-size:13px;line-height:1.5;color:#585858;margin:0 0 20px}
.news-card a{margin-top:auto;color:#0068bd;font-size:13px;font-weight:600}
.news-card a span{font-size:20px;vertical-align:-1px}

/* Accessibility and product metadata */
.accessibility-section{background:#fff;padding:78px 0 74px}
.accessibility-inner{display:grid;grid-template-columns:320px 1fr;gap:64px;align-items:start}
.accessibility-inner>div:first-child h2{font-size:37px;font-weight:300;line-height:1.08;margin:8px 0 18px}
.accessibility-inner>div:first-child>p:last-child{font-size:14px;line-height:1.55;color:#595959}
.accessibility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.accessibility-grid article{border:1px solid #dedede;padding:20px;min-height:150px}
.accessibility-grid h3{font-size:17px;margin:0 0 9px}
.accessibility-grid p{font-size:13px;line-height:1.5;color:#606060;margin:0}
.accessibility-button{grid-column:2;border:0;border-radius:999px;background:#0068bd;color:#fff;font-weight:700;font-size:13px;padding:11px 21px;justify-self:start;margin-top:5px}
.accessibility-button:hover{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #0068bd}
.accessibility-details{grid-column:2;background:#f3f6fa;border-left:3px solid #0068bd;padding:17px 19px;font-size:13px;line-height:1.55}
.accessibility-details p{margin:0}
.product-legal{background:#f7f7f7;border-top:1px solid #e4e4e4;padding:35px 0 42px}
.legal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.legal-grid div{display:grid;gap:6px}
.legal-grid span{font-size:12px;color:#727272}
.legal-grid strong{font-size:14px}
.legal-copy{font-size:11px;line-height:1.55;color:#6a6a6a;margin-top:28px}

/* Asset fidelity */
.sony-strip img,.ps-home img,.footer-ps-logo{object-fit:contain}
.ps-home img{transform:scale(1.08)}
.footer-ps-logo{filter:brightness(0) invert(1)}

@media(max-width:900px){.global-menu{top:67px}.global-menu-inner{grid-template-columns:1fr;gap:20px}.global-menu-copy{display:none}.global-menu-links{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr 1fr}.news-card:last-child{grid-column:1/-1}.accessibility-inner{grid-template-columns:1fr;gap:30px}.accessibility-button,.accessibility-details{grid-column:1}.legal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.global-menu{top:62px}.global-menu-inner{padding-block:15px}.global-menu-links{grid-template-columns:1fr}.news-section{padding:58px 0 62px}.news-grid{grid-template-columns:1fr}.news-card:last-child{grid-column:auto}.accessibility-section{padding:58px 0}.accessibility-grid{grid-template-columns:1fr}.legal-grid{grid-template-columns:1fr 1fr}.sony-strip img{width:52px}.ps-home img{width:29px;height:29px}}

/* =========================================================
   FINAL PLAYSTATION FIDELITY PASS
   Calibrated against the supplied 2048px PlayStation captures.
   ========================================================= */

/* Official chrome proportions: 24px Sony bar, 34px global bar, 42px game bar */
.sony-strip{height:24px;padding:0 11px}
.sony-strip img{width:58px;height:17px}
.ps-global{height:34px;grid-template-columns:34px 1fr auto;padding:0 12px 0 8px}
.ps-home{width:24px;height:24px}
.ps-home img{width:17px;height:17px;transform:none}
.ps-global-links{gap:28px}
.ps-global-links button{height:34px;font-size:12px;color:#555}
.sign-in{padding:2px 13px;line-height:21px}
.search-control{height:27px}
.game-nav{height:42px;grid-template-columns:118px 1fr 168px;padding:0 8px}
.game-logo-link{width:88px}
.game-logo-link img{width:83px;max-height:32px}
.game-links{gap:37px;font-size:12px}
.ps-cta-small{padding:8px 17px;font-size:12px}
.global-menu{top:58px}

/* Hero: match official 2048px crop and rhythm */
.hero{height:563px}
.hero-official{background-size:cover;background-position:center top}
.hero-fallback{right:0;top:0;width:auto;height:100%;max-width:none;object-fit:contain;object-position:right top}
.hero::after{background:linear-gradient(90deg,#ffef2e 0%,rgba(255,239,46,.99) 31%,rgba(255,239,46,.86) 47%,rgba(255,239,46,.22) 65%,rgba(255,239,46,0) 82%)}
.remote-hero-ready .hero::after{background:linear-gradient(90deg,rgba(255,239,46,.97) 0%,rgba(255,239,46,.78) 38%,rgba(255,239,46,.14) 61%,transparent 78%)}
.hero-content{width:min(1136px,calc(100% - 48px));align-items:flex-start;padding-top:49px}
.hero-copy{width:545px;padding-left:0;margin:0}
.hero h1{font-size:40px;line-height:1.04;font-weight:300;letter-spacing:-.018em;margin:0 0 17px}
.publisher{font-size:14px;margin:0 0 22px}
.availability{font-size:9px;margin-bottom:49px}
.hero-price{font-size:21px;margin:0 0 22px}
.hero-preorder{width:203px}
.hero-actions{margin-bottom:36px}
.hero-specs{grid-template-columns:145px 190px 150px;gap:27px;font-size:10px}
.rating-line{right:54px;bottom:40px;font-size:9px}
.rating-line img{width:44px;height:44px}

/* Official carousel: oversized three-card rail, no centered empty gutter */
.media{padding:63px 0 30px}
.media-track{grid-auto-columns:min(37vw,680px);gap:16px;padding:0;scroll-padding-inline:0}
.media-card{border-radius:14px}
.carousel-prev{left:14.25vw}
.carousel-next{right:14.25vw}
.carousel-arrow{width:50px;height:50px}
.carousel-dots{margin-top:23px}

/* Store section: native 456x258 art and official wide three-column footprint */
.store-section{padding:76px 0 118px}
.store-background{background-image:linear-gradient(rgba(23,24,27,.72),rgba(23,24,27,.72)),url('assets/store-selection-bg.png');background-size:cover;background-position:center top}
.store-inner{width:min(1396px,calc(100% - 48px));max-width:none;margin-inline:auto}
.store-heading{margin-bottom:50px}
.store-bag-icon{width:53px;height:53px;margin-bottom:16px}
.store-heading h2{font-size:31px;line-height:1;font-weight:400;letter-spacing:.005em}
.store-heading p{font-size:27px;margin-top:15px}
.edition-grid{grid-template-columns:repeat(3,minmax(0,456px));gap:14px;max-width:none;justify-content:center}
.edition-card{min-height:520px;background:#202126}
.edition-art{height:auto;aspect-ratio:456/258}
.edition-body{padding:18px 29px 22px}
.edition-body h3{font-size:16px;margin-bottom:17px}
.edition-body ul{font-size:12px;line-height:1.38}
.edition-body li{margin-bottom:7px}
.edition-list-two{gap:18px}
.edition-price{font-size:18px;margin:11px 0 20px}
.edition-buy{height:38px}

/* Digital Deluxe strip */
.deluxe-showcase{min-height:612px;padding:8px 0 34px}
.deluxe-title-wrap{width:410px;margin-bottom:24px}
.deluxe-title-wrap img{width:305px}
.deluxe-title-wrap div{font-size:18px;letter-spacing:.17em}
.deluxe-layout{width:min(1150px,calc(100% - 48px));grid-template-columns:255px minmax(430px,1fr) 286px;gap:34px}
.packshot-block{padding-top:76px}
.packshot{width:184px;height:220px;box-shadow:none}
.packshot-block h3{font-size:18px}
.exclusive-block h3{font-size:20px;margin:13px 0 13px}
.exclusive-block img{height:252px}
.exclusive-block p,.preorder-block p{font-size:18px;line-height:1.14}
.preorder-block{padding-top:48px}
.preorder-incentive-art{width:100%;max-width:286px;margin:0 auto;mix-blend-mode:multiply}
.preorder-block p{margin-top:12px}

/* Overview section */
.overview{min-height:390px;padding:58px 0 65px}
.overview-grid{width:min(1136px,calc(100% - 48px));grid-template-columns:475px minmax(0,1fr);gap:78px}
.eyebrow{font-size:12px;margin-bottom:10px}
.overview h2{font-size:31px;line-height:1.03;letter-spacing:0;max-width:470px}
.overview-copy{font-size:13px;line-height:1.55;padding-top:4px}
.overview-copy p{margin-bottom:18px}

/* Checkout: PlayStation Store treatment over supplied smoky background */
.checkout-shell{padding:28px}
.checkout-backdrop{background:linear-gradient(rgba(5,6,8,.66),rgba(5,6,8,.78)),url('assets/store-selection-bg.png') center/cover no-repeat;backdrop-filter:blur(2px)}
.checkout-window{width:min(1180px,calc(100vw - 56px));height:min(730px,calc(100vh - 56px));background:rgba(18,19,23,.97);border:1px solid rgba(255,255,255,.16);border-radius:4px;box-shadow:0 38px 100px rgba(0,0,0,.62)}
.checkout-header{height:70px;background:rgba(13,14,17,.96);padding:0 24px}
.checkout-brand>img.checkout-store-bag{width:48px;height:48px;max-height:none;filter:none}
.checkout-brand h2{font-size:17px;font-weight:500}
.checkout-brand p{font-size:11px;color:#b7bac0}
.checkout-close{width:36px;height:36px;background:#26272c}
.checkout-tabs{height:48px;background:#18191d}
.checkout-tab{padding:0 24px;color:#8f9298}
.checkout-tab.active{background:#202126}
.checkout-tab.active span{background:#0070cc;color:#fff;border-color:#0070cc}
.checkout-body{padding:18px}
.checkout-panel{background:rgba(31,32,38,.96);border-radius:4px;padding:22px}
.checkout-kicker{color:#66aef0}
.main-panel h3,.payment-main h3{font-size:39px}
.lookup-row input{border-radius:3px;background:#111216}
.lookup-row input:focus{border-color:#2f8dd8;box-shadow:0 0 0 3px rgba(0,112,204,.15)}
.lookup-row button,.primary-button{border-radius:999px;background:#0070cc;color:#fff}
.account-card,.review-cards article,.payment-product,.upsell-note,.method-option,.payment-total,.prototype-note{border-radius:4px}
.account-card.ready{border-color:rgba(72,156,224,.65);background:#172436}
.prototype-note{border-color:rgba(72,156,224,.35);background:rgba(0,112,204,.08)}
.summary-total strong,.method-heading>strong,.payment-total .grand-total strong{color:#fff}
.secondary-button{border-radius:999px}
.upsell-note{border-color:rgba(255,229,0,.28);background:rgba(255,229,0,.06)}
.upsell-note strong{color:#ffe41c}

/* Focus and reduced motion */
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #2f8dd8;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Responsive fidelity */
@media(max-width:1200px){
  .hero-content,.overview-grid{width:min(100% - 48px,1040px)}
  .store-inner{width:min(100% - 48px,1100px)}
  .edition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .deluxe-layout{width:min(100% - 48px,1040px);grid-template-columns:220px 1fr 240px;gap:24px}
}
@media(max-width:980px){
  .global-menu{top:58px}
  .hero{height:auto;min-height:720px}
  .hero-content{padding-top:42px;padding-bottom:180px}
  .hero-fallback{width:100%;height:auto;max-height:54%;object-fit:cover;object-position:center top}
  .hero::after{background:linear-gradient(180deg,rgba(255,239,46,.08) 0 35%,rgba(255,239,46,.90) 60%,#ffef2e 79%)}
  .hero-specs{grid-template-columns:1fr 1fr}
  .compact-column{grid-column:1/-1}
  .media-track{grid-auto-columns:min(72vw,640px);padding-inline:22px}
  .carousel-prev{left:12px}.carousel-next{right:12px}
  .store-section{padding:62px 0 78px}
  .edition-grid{grid-template-columns:1fr;max-width:620px;margin-inline:auto}
  .edition-art{aspect-ratio:456/258}
  .deluxe-layout,.overview-grid{grid-template-columns:1fr}
  .deluxe-layout{max-width:650px}
  .packshot-block,.preorder-block{padding-top:0}
  .preorder-incentive-art{max-width:320px}
  .overview h2{max-width:650px}
}
@media(max-width:720px){
  .sony-strip{height:20px}.ps-global{height:38px}.game-nav{height:46px}.global-menu{top:58px}
  .hero{min-height:780px}
  .hero-content{width:min(100% - 32px,600px);padding-top:34px;padding-bottom:150px}
  .hero h1{font-size:36px}
  .hero-copy{width:100%}
  .hero-specs{grid-template-columns:1fr}
  .media{padding-top:44px}
  .media-track{grid-auto-columns:86vw;padding-inline:16px}
  .carousel-arrow{display:none}
  .store-inner{width:min(100% - 28px,620px)}
  .store-heading h2{font-size:27px}
  .store-heading p{font-size:23px}
  .edition-body{padding:17px 18px 20px}
  .deluxe-title-wrap{width:100%}
  .deluxe-title-wrap img{width:250px}
  .overview-grid{width:min(100% - 32px,600px);gap:32px}
  .overview h2{font-size:29px}
  .checkout-shell{padding:6px}
  .checkout-window{width:calc(100vw - 12px);height:calc(100vh - 12px);border-radius:2px}
}

/* Local section fallbacks keep the premium texture when official CDN art is unavailable. */
.deluxe-bg{background-image:url('https://gmedia.playstation.com/is/image/SIEPDC/marvels-wolverine-dde-background-desktop-01-en-17jun26?$2400px$'),url('assets/deluxe-bg-local.jpg'),linear-gradient(90deg,#181811 0 24%,#ffea10 33% 100%)}
.overview-bg{background-image:url('https://gmedia.playstation.com/is/image/SIEPDC/marvels-wolverine-overview-background-desktop-01-en-30sep25?$2400px$'),url('assets/overview-bg-local.jpg'),linear-gradient(#ffe818,#ffdc12)}
.store-bag-icon{width:68px;height:59px}
.deluxe-title-wrap{margin-bottom:50px}
.packshot{width:215px;height:258px}
.preorder-incentive-art{mix-blend-mode:normal}

@media(max-width:720px){
  .game-nav{grid-template-columns:100px 1fr auto;padding:0 8px}
  .game-logo-link{width:88px}
  .game-logo-link img{width:82px}
  .ps-cta-small{height:34px;padding:0 12px;font-size:11px;white-space:nowrap;line-height:1}
  .hero{min-height:960px}
  .hero-fallback{top:0;right:0;width:100%;height:285px;max-height:none;object-fit:cover;object-position:center top}
  .hero::after{background:linear-gradient(180deg,rgba(255,239,46,.04) 0 225px,rgba(255,239,46,.86) 285px,#ffef2e 360px)}
  .remote-hero-ready .hero::after{background:linear-gradient(180deg,transparent 0 225px,rgba(255,239,46,.82) 285px,#ffef2e 360px)}
  .hero-content{padding-top:320px;padding-bottom:44px;align-items:flex-start}
  .hero h1{font-size:38px;line-height:1.02}
  .publisher{font-size:14px}
  .availability{margin-bottom:40px}
  .hero-price{font-size:24px}
  .hero-actions{align-items:center;flex-wrap:nowrap}
  .rating-line{position:absolute;top:70px;right:14px;bottom:auto;margin:0;max-width:145px;font-size:8px;line-height:1.2}
  .rating-line img{width:42px;height:42px}
}

/* =========================================================
   REALISM POLISH PASS – hero fidelity, PayPal polish, blur overlay
   ========================================================= */
.hero-official{
  background-position:right top;
  background-repeat:no-repeat;
  background-size:auto 100%;
}
.hero-fallback{
  right:0;
  width:auto;
  height:100%;
  object-fit:contain;
  object-position:right top;
}
.hero-content{
  width:min(100% - 56px, 1088px);
  padding-top:58px;
  padding-bottom:72px;
  align-items:flex-start;
}
.hero-copy{width:min(470px,100%)}
.hero h1{font-size:58px;line-height:1.03;font-weight:300;letter-spacing:-.028em}
.publisher{margin-top:18px}
.hero-price{font-size:24px;font-weight:400;margin-bottom:24px}
.hero-actions{gap:14px;margin-bottom:34px}
.hero-preorder{min-width:196px}
.wishlist-button{backdrop-filter:saturate(1.2)}
.hero-specs{gap:20px 34px;align-items:start}
.spec-item{gap:12px}
.rating-line{bottom:46px;right:46px}

.method-option{padding:14px 14px 14px 12px;grid-template-columns:18px 44px 1fr auto;border-radius:18px}
.method-option.selected{box-shadow:0 0 0 1px rgba(255,196,57,.38), inset 0 1px 0 rgba(255,255,255,.05)}
.paypal-tile,.paypal-icon{background:linear-gradient(180deg,#093991,#07307c);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.paypal-tile img,.paypal-icon img{width:20px;height:24px;object-fit:contain}
.method-wordmark{height:19px}
.paypal-open{
  height:54px;
  padding:0 18px;
  gap:10px;
  background:#ffc439;
  color:#001c64;
  box-shadow:0 10px 24px rgba(255,196,57,.14), inset 0 1px 0 rgba(255,255,255,.33);
  transition:transform .18s var(--ease), box-shadow .18s var(--ease), filter .18s var(--ease);
}
.paypal-open:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(255,196,57,.18), inset 0 1px 0 rgba(255,255,255,.33)}
.paypal-open-label{font-size:15px;font-weight:800;letter-spacing:-.01em}
.paypal-open img{height:23px;width:auto}
.payment-legal{font-size:10px;line-height:1.5;color:#98a198;margin-top:2px}

.paypal-stage{
  background:rgba(16,20,27,.16);
  backdrop-filter:blur(18px) saturate(1.16);
  -webkit-backdrop-filter:blur(18px) saturate(1.16);
}
.paypal-browser{
  width:min(454px,100%);
  height:min(680px,100%);
  border-radius:16px;
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 28px 90px rgba(0,0,0,.34), 0 0 0 1px rgba(0,0,0,.08);
  animation:paypalPop .28s var(--ease);
}
@keyframes paypalPop{from{opacity:0;transform:translateY(12px) scale(.982)}to{opacity:1;transform:none}}
.browser-titlebar{padding-left:12px;font-size:10px;background:linear-gradient(#1f242c,#171b22)}
.browser-titlebar>div:first-child{gap:8px}
.browser-titlebar img{width:15px;height:15px;object-fit:contain}
.window-controls button{font-size:14px}
.browser-address{background:#242a33;padding:5px 10px}
.browser-address span{height:21px;line-height:20px;padding:0 10px;background:#323845;border-color:#424a58;color:#dce4ef}
.paypal-page{background:#fff}
.paypal-header{height:60px;grid-template-columns:36px 1fr auto;padding:0 18px;gap:12px}
.paypal-avatar{width:34px;height:34px;background:#063b91;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.paypal-header>img{width:96px;justify-self:center}
.paypal-header button{font-size:13px;color:#002e6d}
.paypal-content{padding:18px 18px 14px}
.paypal-welcome{padding:14px 15px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e8eef5;border-radius:14px;margin-bottom:14px}
.paypal-welcome h3{font-size:18px;font-weight:600}
.paypal-welcome p{font-size:11px;line-height:1.5;color:#596b7f}
.paypal-merchant-row{display:grid;gap:3px;padding:12px 13px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;margin:0 0 15px}
.paypal-merchant-row span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#738396;font-weight:700}
.paypal-merchant-row strong{font-size:13px;color:#001435}
.paypal-merchant-row b{font-size:12px;color:#526374;font-weight:600}
.paypal-content>h4{font-size:18px;margin-bottom:8px}
.paypal-method{min-height:64px;padding:12px 0;grid-template-columns:20px 44px 1fr auto;gap:11px;transition:background .15s,border-color .15s}
.paypal-method.selected{background:#f8fbff}
.paypal-radio{border-color:#aab5c3}
.paypal-method.selected .paypal-radio{border:6px solid #0070e0}
.mastercard{width:44px}
.paypal-method strong{font-size:13px}
.paypal-method small{font-size:10px;margin-top:2px}
.paypal-method b{font-size:12px;color:#001435}
.balance-details,.preferred-row{margin-left:54px}
.balance-details{padding:8px 0 13px;font-size:10px}
.balance-details span{font-weight:700}
.preferred-row{font-size:11px}
.add-card{padding-top:14px;font-size:12px}
.paypal-footer{padding:16px 24px 14px;background:#fff}
.paypal-footer>button:first-child,.paypal-success>button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  height:56px;
  border-radius:999px;
  background:#ffc439;
  color:#001435;
  font-size:18px;
  font-weight:800;
  box-shadow:0 8px 24px rgba(255,196,57,.18), inset 0 1px 0 rgba(255,255,255,.35);
}
.paypal-confirm-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:4px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.paypal-confirm-badge img{height:14px;width:auto}
.paypal-footer p{text-align:center;font-size:10px;line-height:1.5;color:#647281;margin:13px 0 4px}
.return-merchant{font-size:12px;padding-top:9px}
.paypal-processing{background:rgba(255,255,255,.97)}
.paypal-success{padding:28px 24px 24px}
.paypal-success h3{font-size:24px}
.receipt{padding:14px 14px 15px}
.receipt div{font-size:11px}

[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
[data-reveal].in-view{opacity:1;transform:none}

@media(max-width:980px){
  .hero-official{background-size:cover;background-position:64% top}
  .hero-fallback{width:100%;height:auto;max-height:56%;object-fit:cover;object-position:center top}
}
@media(max-width:720px){
  .hero-content{width:min(100% - 30px,600px);padding-top:322px;padding-bottom:46px}
  .hero-copy{width:100%}
  .hero h1{font-size:38px}
  .hero-price{font-size:25px}
  .rating-line{top:72px;right:14px;bottom:auto}
  .paypal-browser{height:calc(100vh - 14px);border-radius:12px}
}
.checkout-window.paypal-focus .checkout-header,
.checkout-window.paypal-focus .checkout-tabs,
.checkout-window.paypal-focus .checkout-body{transform:translateZ(0)}

/* =====================================================================
   FINAL ACCURACY PASS — deterministic hero crop + in-context PayPal flow
   ===================================================================== */
:root{
  --paypal-navy:#001c64;
  --paypal-blue:#0070e0;
  --paypal-cyan:#179bd7;
  --paypal-yellow:#ffc439;
}

/* Deterministic PlayStation header geometry at full desktop widths. */
.page-width{width:min(1264px,calc(100% - 48px));margin-inline:auto}
.sony-strip{height:24px;padding:0 11px}
.sony-strip img{width:54px;height:15px}
.ps-global{height:40px;grid-template-columns:40px 1fr auto;padding:0 13px 0 7px}
.ps-home{width:28px;height:28px}
.ps-home img{width:18px;height:18px}
.ps-global-links{gap:31px}
.ps-global-links button{height:40px;font-size:12px;color:#505050}
.sign-in{padding:3px 13px;line-height:21px}
.search-control{height:30px;width:107px}
.game-nav{height:46px;grid-template-columns:128px 1fr 180px;padding:0 8px}
.game-logo-link{width:90px}
.game-logo-link img{width:83px;max-height:34px}
.game-links{gap:38px;font-size:12px}
.ps-cta-small{height:34px;padding:0 18px;display:grid;place-items:center}

/* The supplied 1018 × 500 art crop is the exact desktop art treatment. */
.hero{height:628px;background:#ffed1e}
.hero-official{display:none!important;background-image:none!important}
.hero-fallback{
  display:block!important;
  position:absolute!important;
  z-index:-2!important;
  top:0!important;
  right:0!important;
  width:1018px!important;
  height:500px!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
}
.hero::after{
  z-index:-1;
  background:
    linear-gradient(90deg,#ffed1e 0%,#ffed1e 45%,rgba(255,237,30,.96) 50%,rgba(255,237,30,.34) 61%,rgba(255,237,30,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,.07),transparent 28%,rgba(255,232,0,.12));
}
.hero-content{
  width:min(1264px,calc(100% - 48px));
  height:100%;
  align-items:flex-start;
  padding:54px 0 0;
}
.hero-copy{width:545px;padding:0;margin:0}
.hero h1{font-size:40px;line-height:1.04;font-weight:300;letter-spacing:-.018em;margin:0 0 17px}
.publisher{font-size:14px;font-weight:600;margin:0 0 18px}
.availability{font-size:9px;gap:7px;margin-bottom:54px}
.platform-chip{font-size:8px;padding:3px 4px}
.hero-price{font-size:21px;font-weight:300;margin:0 0 22px}
.hero-actions{gap:12px;margin-bottom:36px}
.hero-preorder{width:203px;height:40px;font-size:13px}
.wishlist-blue{width:40px;height:40px}
.hero-specs{grid-template-columns:145px 190px 150px;gap:27px;font-size:10px;line-height:1.35}
.rating-line{
  right:max(24px,calc((100vw - 1264px)/2));
  bottom:52px;
  gap:12px;
  font-size:9px;
}
.rating-line img{width:44px;height:44px}

/* Official carousel rhythm: generous black breathing room and large cards. */
.media{padding:82px 0 34px;background:#000}
.media-track{
  grid-auto-columns:min(36.5vw,630px);
  gap:16px;
  padding-inline:max(0px,calc((100vw - 2048px)/2));
}
.media-card{border-radius:16px}
.carousel-prev{left:calc(max(8px,(100vw - 2048px)/2 + 248px))}
.carousel-next{right:calc(max(8px,(100vw - 2048px)/2 + 248px))}
.carousel-dots{margin-top:22px}

/* More restrained motion and natural focus behaviour. */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .62s cubic-bezier(.22,.75,.2,1),transform .62s cubic-bezier(.22,.75,.2,1)}
[data-reveal].in-view{opacity:1;transform:none}
.edition-card,.feature-card,.media-card{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,filter .28s ease}
.edition-card:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(0,0,0,.24)}
.media-card:hover{transform:translateY(-2px)}
.ps-cta:active,.primary-button:active,.paypal-open:active,.paypal-continue:active{transform:translateY(1px) scale(.995)}

/* Merchant PayPal button — use the supplied transparent official-colour wordmark. */
.paypal-open{
  width:100%;
  height:52px;
  border:0;
  border-radius:999px;
  background:var(--paypal-yellow);
  color:#111820;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-weight:700;
  box-shadow:0 1px 0 rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.38);
  transition:filter .18s ease,transform .16s ease,box-shadow .18s ease;
}
.paypal-open:hover{filter:brightness(.985);box-shadow:0 5px 14px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.4)}
.paypal-open img{width:79px;height:20px;object-fit:contain}
.paypal-open-label{font-size:15px;color:#111820}
.method-option .paypal-tile{background:#fff;border:1px solid #dde3e9}
.method-option .paypal-tile img{width:21px;height:25px;object-fit:contain}
.method-wordmark{width:78px;height:19px;object-fit:contain}

/* PayPal stays over the merchant checkout and blurs only the ordered-from panel. */
.checkout-window{isolation:isolate}
.checkout-window.paypal-focus>.checkout-header,
.checkout-window.paypal-focus>.checkout-tabs,
.checkout-window.paypal-focus>.checkout-body{
  filter:blur(7px) saturate(.78);
  transform:scale(.997);
  pointer-events:none;
  user-select:none;
  transition:filter .24s ease,transform .24s ease;
}
.checkout-header,.checkout-tabs,.checkout-body{transition:filter .24s ease,transform .24s ease}
.paypal-stage{
  position:absolute!important;
  inset:0!important;
  z-index:40!important;
  display:none!important;
  place-items:center!important;
  padding:24px!important;
  overflow:auto!important;
  background:transparent!important;
}
.paypal-stage.active{display:grid!important;animation:paypalStageIn .22s ease both}
.paypal-stage-shade{
  position:absolute;
  inset:0;
  background:rgba(5,15,34,.28);
  backdrop-filter:blur(12px) saturate(.78);
  -webkit-backdrop-filter:blur(12px) saturate(.78);
}
@keyframes paypalStageIn{from{opacity:0}to{opacity:1}}

.paypal-modal{
  position:relative;
  z-index:1;
  width:min(430px,100%);
  max-height:min(650px,calc(100vh - 90px));
  background:#fff;
  color:var(--paypal-navy);
  border-radius:14px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(0,28,100,.11);
  box-shadow:0 32px 90px rgba(0,0,0,.42),0 2px 10px rgba(0,28,100,.12);
  animation:paypalModalIn .32s cubic-bezier(.16,.82,.25,1) both;
}
@keyframes paypalModalIn{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}
.paypal-modal-header{
  height:58px;
  flex:0 0 58px;
  display:grid;
  grid-template-columns:38px 1fr auto 30px;
  align-items:center;
  gap:10px;
  padding:0 14px 0 16px;
  border-bottom:1px solid #e2e7ec;
  background:#fff;
}
.paypal-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:var(--paypal-navy);font-size:13px;font-weight:700}
.paypal-header-mark{width:27px;height:32px;object-fit:contain;justify-self:center}
.paypal-amount{border:0;background:transparent;color:var(--paypal-navy);font-size:13px;font-weight:700;padding:7px 2px;white-space:nowrap}
.paypal-amount span{font-size:12px;color:#687385}
.paypal-close{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#5f6875;font-size:24px;line-height:1;display:grid;place-items:center}
.paypal-close:hover{background:#f1f4f7;color:#111820}

.paypal-content{padding:17px 19px 4px;overflow:auto;overscroll-behavior:contain}
.paypal-welcome{text-align:center;padding:1px 18px 14px}
.paypal-welcome>img{width:96px;height:24px;object-fit:contain;margin:0 auto 11px}
.paypal-welcome h3{font-family:Arial,"Helvetica Neue",sans-serif;color:var(--paypal-navy);font-size:22px;line-height:1.15;letter-spacing:-.02em;margin:0 0 6px}
.paypal-welcome p{color:#596574;font-size:12px;line-height:1.45;margin:0}
.paypal-order-summary{width:100%;border:1px solid #d9e0e7;border-radius:9px;background:#f8fafc;color:var(--paypal-navy);display:grid;grid-template-columns:1fr 1fr 12px;gap:12px;align-items:center;text-align:left;padding:10px 12px;margin-bottom:14px}
.paypal-order-summary span:nth-child(2){text-align:right}
.paypal-order-summary small{display:block;color:#687385;font-size:10px;margin-bottom:2px}
.paypal-order-summary strong{display:block;font-size:12px}
.paypal-order-summary b{font-size:12px;color:#687385;transition:transform .18s ease}
.paypal-order-summary[aria-expanded="true"] b{transform:rotate(180deg)}
.paypal-order-details{border:1px solid #e1e6ec;border-top:0;border-radius:0 0 9px 9px;margin:-15px 0 14px;padding:8px 12px;background:#fff}
.paypal-order-details[hidden]{display:none}
.paypal-order-details div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:11px;color:#596574}
.paypal-order-details strong{color:var(--paypal-navy);font-weight:600;text-align:right}
.paypal-content>h4{font-family:Arial,"Helvetica Neue",sans-serif;color:#111820;font-size:15px;margin:0 0 5px}
.paypal-method{
  width:100%;
  min-height:62px;
  border:0;
  border-bottom:1px solid #e4e8ed;
  background:#fff;
  color:var(--paypal-navy);
  display:grid;
  grid-template-columns:20px 43px 1fr auto;
  gap:10px;
  align-items:center;
  text-align:left;
  padding:9px 1px;
}
.paypal-method:hover{background:#fbfcfd}
.paypal-radio{width:18px;height:18px;border-radius:50%;border:2px solid #aeb7c2}
.paypal-method.selected .paypal-radio{border:5px solid var(--paypal-blue)}
.paypal-icon{width:42px;height:34px;border-radius:8px;background:#f4f8ff;display:grid;place-items:center;border:1px solid #e2e9f2}
.paypal-icon img{width:18px;height:23px;object-fit:contain}
.paypal-method .mastercard{width:42px;height:28px;object-fit:contain;border-radius:6px}
.paypal-method strong{display:block;color:#111820;font-size:13px;margin-bottom:2px}
.paypal-method small{display:block;color:#687385;font-size:11px}
.paypal-method>b{font-size:11px;color:#354256;font-weight:600;white-space:nowrap}
.preferred-row{display:flex;align-items:center;gap:8px;padding:8px 0 8px 31px;color:#687385;font-size:11px;border-bottom:1px solid #e4e8ed}
.preferred-row input{accent-color:var(--paypal-blue);width:15px;height:15px}
.add-card{border:0;background:#fff;color:#0070ba;font-weight:700;font-size:12px;padding:12px 0 7px}

.paypal-footer{flex:0 0 auto;padding:11px 19px 14px;background:#fff;border-top:1px solid #edf0f3}
.paypal-continue{
  width:100%;
  height:51px;
  border:0;
  border-radius:999px;
  background:var(--paypal-yellow);
  color:#111820;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-size:17px;
  font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 0 rgba(0,0,0,.09);
}
.paypal-continue:hover{filter:brightness(.985);box-shadow:0 4px 13px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.45)}
.paypal-continue img{width:58px;height:20px;object-fit:contain}
.paypal-footer>p{text-align:center;color:#737e8b;font-size:9px;line-height:1.35;margin:9px 0 2px}
.return-merchant{width:100%;border:0;background:#fff;color:#0070ba;font-size:11px;font-weight:700;padding:7px 0 0}

.paypal-processing,.paypal-success{
  position:absolute;
  inset:0;
  z-index:5;
  display:none;
  place-items:center;
  align-content:center;
  text-align:center;
  padding:30px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(9px);
}
.paypal-processing.active,.paypal-success.active{display:grid;animation:paypalStageIn .2s ease both}
.paypal-processing-mark{width:48px;height:56px;margin-bottom:10px;display:grid;place-items:center}
.paypal-processing-mark img{width:35px;height:42px;object-fit:contain}
.paypal-spinner{width:66px;height:66px;border-radius:50%;border:4px solid #e2e8f0;border-top-color:var(--paypal-blue);animation:spin .78s linear infinite;margin:-66px 0 18px}
.paypal-processing h3,.paypal-success h3{font-family:Arial,"Helvetica Neue",sans-serif;color:var(--paypal-navy);font-size:21px;margin:0 0 7px}
.paypal-processing p,.paypal-success>p{color:#687385;font-size:12px;margin:0}
.paypal-success .success-check{width:58px;height:58px;border-radius:50%;background:#1ba672;color:#fff;display:grid;place-items:center;font-size:30px;margin-bottom:14px}
.paypal-success .receipt{width:100%;margin:19px 0 16px;border:1px solid #dfe5eb;border-radius:10px;overflow:hidden;background:#fff}
.paypal-success .receipt div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #edf0f3;font-size:11px}
.paypal-success .receipt div:last-child{border-bottom:0}
.paypal-success .receipt span{color:#687385}.paypal-success .receipt strong{color:var(--paypal-navy)}
.paypal-success #finishCheckout{width:100%;height:46px;border:0;border-radius:999px;background:#0070ba;color:#fff;font-weight:700}

@media(max-width:1300px){
  .page-width,.hero-content{width:min(1080px,calc(100% - 48px))}
  .hero{height:570px}
  .hero-fallback{width:1018px!important;height:500px!important;right:-110px!important}
  .rating-line{right:32px}
}
@media(max-width:980px){
  .hero{min-height:760px;height:auto}
  .hero-fallback{top:0!important;right:0!important;width:100%!important;height:390px!important;object-fit:cover!important;object-position:62% top!important}
  .hero::after{background:linear-gradient(180deg,transparent 0 260px,rgba(255,237,30,.84) 350px,#ffed1e 450px)}
  .hero-content{padding:405px 0 48px;align-items:flex-start}
  .hero-copy{width:100%}
  .rating-line{top:305px;right:24px;bottom:auto}
  .media{padding-top:52px}
}
@media(max-width:720px){
  .sony-strip{height:20px}.ps-global{height:38px}.game-nav{height:46px}
  .hero{min-height:930px}
  .hero-fallback{height:285px!important;object-position:62% top!important}
  .hero::after{background:linear-gradient(180deg,transparent 0 190px,rgba(255,237,30,.85) 275px,#ffed1e 355px)}
  .hero-content{width:min(600px,calc(100% - 32px));padding-top:330px}
  .hero h1{font-size:36px}
  .rating-line{top:220px;right:14px}
  .paypal-stage{padding:8px!important}
  .paypal-modal{width:min(430px,100%);max-height:calc(100vh - 28px);border-radius:12px}
  .paypal-content{padding-inline:15px}
  .paypal-footer{padding-inline:15px}
}

/* Final hero finishing details: remove the crop seam and anchor the rating to the content edge. */
.hero-fallback{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.96) 82%,rgba(0,0,0,.62) 91%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.96) 82%,rgba(0,0,0,.62) 91%,transparent 100%);
}
.rating-line{right:0}
@media(max-width:1300px){.rating-line{right:0}}
@media(max-width:980px){.rating-line{right:24px}}
@media(max-width:720px){.rating-line{right:14px}}

/* Pixel-alignment corrections from the 2048px official reference capture. */
.ps-global{grid-template-columns:50px 1fr auto;padding-left:15px}
.hero-copy{width:600px}
.hero h1{margin-bottom:22px}
.publisher{margin-bottom:24px}
.availability{margin-bottom:66px}
.hero-price{margin-bottom:23px}
.hero-preorder{width:229px}
.hero-actions{margin-bottom:48px}
.hero-specs{grid-template-columns:175px 180px 150px;gap:35px}
.rating-line{right:53px;bottom:63px}
@media(max-width:1300px){
  .hero-copy{width:560px}
  .hero-specs{grid-template-columns:155px 175px 140px;gap:24px}
  .rating-line{right:24px;bottom:52px}
}
@media(max-width:980px){
  .hero-copy{width:100%}
  .availability{margin-bottom:40px}
  .hero-actions{margin-bottom:34px}
  .hero-specs{grid-template-columns:1fr 1fr;gap:22px}
}

/* =========================================================
   FINAL PLAYSTATION POLISH — icons, typography and checkout
   ========================================================= */
:root{
  --ps-ui-blue:#0070cc;
  --ps-ui-blue-bright:#2f9bf0;
  --ps-ui-navy:#071426;
  --ps-ui-surface:#101621;
  --ps-ui-panel:#171e2a;
  --ps-ui-panel-2:#1d2634;
  --ps-ui-line:rgba(255,255,255,.13);
  --ps-ui-muted:#a8b0bc;
}

/* Keep PlayStation's actual font stack in the correct roles. */
body,.ps-global,.game-nav,.hero,.checkout-shell,.game-legal-info{
  font-family:"SST","Helvetica Neue",Arial,sans-serif;
}
.store-heading h2,.deluxe-showcase h2,.deluxe-showcase h3,.overview h2,.features h2,.features h3{
  font-family:AlternateGotNo1D,"SST Condensed","Arial Narrow",sans-serif;
}
.hero h1{font-family:"SST","Helvetica Neue",Arial,sans-serif;font-weight:300}

/* Exact icon treatment used in the hero information grid. */
.hero-specs{
  grid-template-columns:160px 218px 164px;
  column-gap:27px;
  row-gap:0;
  font-size:10px;
}
.spec-column{gap:10px}
.spec-row{
  grid-template-columns:31px minmax(0,1fr);
  gap:8px;
  align-items:center;
  min-height:28px;
}
.spec-row-tall{align-items:start}
.spec-icon-img{
  width:29px;
  height:29px;
  object-fit:contain;
  display:block;
  justify-self:center;
}
.spec-row-tall .spec-icon-img{margin-top:1px}
.view-all{margin-left:39px}

/* Game and legal information — rebuilt around the requested icons. */
.game-legal-info{
  background:#d9d8cc;
  color:#111;
  padding:42px 0 48px;
}
.game-legal-inner{width:min(900px,calc(100% - 48px))}
.game-legal-info h2{
  font-size:28px;
  font-weight:300;
  line-height:1.2;
  margin:0 0 74px;
  letter-spacing:-.012em;
}
.game-legal-columns{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.8fr);
  gap:86px;
}
.game-legal-column{display:grid;align-content:start;gap:18px}
.game-legal-column h3{
  font-size:18px;
  font-weight:400;
  margin:8px 0 -4px;
}
.game-info-row{
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:center;
  gap:14px;
  min-height:34px;
  font-size:14px;
  line-height:1.4;
}
.game-info-row img{width:37px;height:37px;object-fit:contain}
.game-info-row a{color:#0068bd;text-decoration:underline;text-underline-offset:2px}

/* Remove the raster background from the PS Store bag while preserving its mark. */
.store-bag-icon,.checkout-store-bag{
  object-fit:contain;
  filter:none!important;
  background:transparent!important;
}
.store-bag-icon{width:58px;height:58px}
.checkout-brand-marks{
  position:relative;
  width:62px;
  height:50px;
  flex:0 0 62px;
  display:flex;
  align-items:center;
}
.checkout-store-bag{
  width:48px!important;
  height:43px!important;
  max-height:none!important;
  position:absolute;
  right:0;
  top:4px;
}
.checkout-ps-mark{
  width:22px;
  height:22px;
  object-fit:contain;
  position:absolute;
  left:0;
  top:14px;
  filter:brightness(0) invert(1);
  opacity:.82;
}

/* Blur the actual website instead of replacing it with a themed background. */
.checkout-shell{
  padding:clamp(10px,2vw,30px);
  perspective:1600px;
}
.checkout-shell.open{animation:psOverlayIn .22s ease both}
.checkout-backdrop{
  background:rgba(2,8,20,.46)!important;
  backdrop-filter:blur(22px) saturate(.78) brightness(.72)!important;
  -webkit-backdrop-filter:blur(22px) saturate(.78) brightness(.72)!important;
  animation:psBackdropIn .28s ease both;
}
@keyframes psBackdropIn{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1}}
@keyframes psOverlayIn{from{opacity:0}to{opacity:1}}

/* PlayStation Store checkout shell. */
.checkout-window{
  width:min(1160px,calc(100vw - 44px));
  height:min(720px,calc(100vh - 44px));
  color:#fff;
  background:rgba(8,13,22,.975)!important;
  border:1px solid rgba(132,182,230,.26)!important;
  border-radius:14px!important;
  box-shadow:0 38px 110px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.025) inset!important;
  overflow:hidden;
  isolation:isolate;
  animation:psCheckoutIn .36s cubic-bezier(.18,.82,.24,1) both!important;
}
.checkout-window::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 0%,rgba(0,112,204,.16),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 17%);
  z-index:0;
}
.checkout-window::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#2f9bf0 25%,#0070cc 75%,transparent);
  opacity:.9;
  z-index:3;
}
@keyframes psCheckoutIn{
  from{opacity:0;transform:translateY(22px) rotateX(1.2deg) scale(.985)}
  to{opacity:1;transform:none}
}
.checkout-header,.checkout-tabs,.checkout-body{position:relative;z-index:1}
.checkout-header{
  height:76px!important;
  padding:0 24px!important;
  background:rgba(6,10,18,.93)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.checkout-brand{gap:14px}
.checkout-brand h2{
  margin:0 0 4px;
  font-family:"SST","Helvetica Neue",Arial,sans-serif;
  font-size:18px!important;
  font-weight:500;
  letter-spacing:-.01em;
}
.checkout-brand p{font-size:11px!important;color:#97a6b9!important;margin:0}
.checkout-close{
  width:36px!important;height:36px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:#171e29!important;
  color:#fff;
  transition:background .16s ease,transform .16s ease,border-color .16s ease;
}
.checkout-close:hover{background:#243043!important;border-color:rgba(255,255,255,.26)!important;transform:rotate(2deg)}

.checkout-tabs{
  height:50px!important;
  background:#0d131e!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.checkout-tab{
  position:relative;
  padding:0 24px!important;
  color:#78879a!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  font-size:12px;
  font-weight:500!important;
  transition:color .2s ease,background .2s ease;
}
.checkout-tab::after{
  content:"";
  position:absolute;
  left:24px;right:24px;bottom:0;
  height:2px;
  background:transparent;
  transition:background .2s ease;
}
.checkout-tab span{
  width:24px!important;height:24px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  background:transparent!important;
  color:#8b98a8!important;
}
.checkout-tab.active{background:#121a26!important;color:#fff!important}
.checkout-tab.active::after{background:#2f9bf0}
.checkout-tab.active span{background:#0070cc!important;border-color:#0070cc!important;color:#fff!important}
.checkout-tab.completed{color:#b9c8d8!important}
.checkout-tab.completed span{background:#193a59!important;border-color:#2f79b8!important;color:#fff!important}

.checkout-body{padding:18px!important;background:rgba(8,12,19,.72)}
.checkout-step.active{animation:psStepIn .32s cubic-bezier(.18,.8,.25,1) both}
@keyframes psStepIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.checkout-grid{grid-template-columns:minmax(0,1fr) 330px;gap:16px}
.payment-grid{grid-template-columns:minmax(0,1fr) 370px;gap:16px}
.checkout-panel{
  background:linear-gradient(180deg,rgba(24,32,44,.98),rgba(18,24,34,.98))!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:10px!important;
  padding:24px!important;
  box-shadow:0 14px 35px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.025);
}
.checkout-kicker{
  color:#54aef0!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
  margin-bottom:10px!important;
}
.main-panel h3,.payment-main h3{
  font-family:"SST","Helvetica Neue",Arial,sans-serif!important;
  text-transform:none!important;
  font-size:35px!important;
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  margin-bottom:10px!important;
}
.checkout-sub{color:#a8b3c1!important;font-size:13px!important;line-height:1.5!important}
.main-panel>label{color:#b1becd!important;font-size:10px!important}
.lookup-row input{
  height:52px!important;
  border-radius:6px!important;
  border:1px solid #4a5a6e!important;
  background:#090e16!important;
  color:#fff!important;
  padding:0 15px!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.lookup-row input::placeholder{color:#6f7d8e}
.lookup-row input:hover{background:#0d131d!important}
.lookup-row input:focus{border-color:#2f9bf0!important;box-shadow:0 0 0 3px rgba(47,155,240,.18)!important}
.lookup-row button,.primary-button{
  border-radius:999px!important;
  background:#0070cc!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(0,112,204,.23);
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.lookup-row button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:#1687df!important;transform:translateY(-1px);box-shadow:0 9px 22px rgba(0,112,204,.32)}
.lookup-row button:disabled{background:#22364b!important;color:#718196!important;box-shadow:none}
.lookup-status{color:#8292a6!important}
#lookupSpinner{border-color:rgba(47,155,240,.2)!important;border-top-color:#54aef0!important}
.account-card,.review-cards article,.payment-product,.payment-total,.prototype-note,.upsell-note,.method-option{
  border-radius:8px!important;
}
.account-card{
  background:#0d131c!important;
  border-color:rgba(255,255,255,.11)!important;
}
.account-card.ready{background:#102238!important;border-color:rgba(47,155,240,.55)!important}
.prototype-note{background:rgba(0,112,204,.08)!important;border-color:rgba(47,155,240,.3)!important;color:#afbdcc!important}
.order-summary>img{border-radius:8px!important}
.order-summary>div{color:#9aa8b9!important}
.summary-total{border-top-color:rgba(255,255,255,.1)!important}
.summary-total strong,.method-heading>strong,.payment-total .grand-total strong{color:#fff!important}
.review-cards article,.payment-product,.payment-total{background:#0d131c!important;border-color:rgba(255,255,255,.11)!important}
.secondary-button{
  border-radius:999px!important;
  border-color:rgba(255,255,255,.18)!important;
  background:#212b38!important;
  transition:background .16s ease,transform .16s ease;
}
.secondary-button:hover{background:#2b3746!important;transform:translateY(-1px)}
.upsell-note{background:rgba(0,112,204,.09)!important;border-color:rgba(47,155,240,.28)!important}
.upsell-note strong{color:#74bdf3!important}
.method-heading h4{font-size:17px!important;font-weight:500!important}
.method-heading p{color:#8c9aac!important}
.method-option{
  background:#0d131c!important;
  border-color:rgba(255,255,255,.14)!important;
  padding:13px!important;
}
.method-option.selected{
  background:linear-gradient(135deg,rgba(0,112,204,.18),rgba(18,29,43,.92))!important;
  border-color:rgba(47,155,240,.65)!important;
  box-shadow:0 0 0 1px rgba(47,155,240,.14) inset!important;
}
.method-radio{border-color:#6e7b8a!important;background:#07101b!important}
.method-option.selected .method-radio{border:5px solid #2f9bf0!important;background:#fff!important}
.payment-legal{color:#7e8a99!important}

/* PayPal stays on top of the PlayStation panel. The website itself remains visible behind both layers. */
.paypal-stage{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.paypal-stage-shade{
  background:rgba(5,11,22,.34)!important;
  backdrop-filter:blur(13px) saturate(.74)!important;
  -webkit-backdrop-filter:blur(13px) saturate(.74)!important;
}
.checkout-window.paypal-focus>.checkout-header,
.checkout-window.paypal-focus>.checkout-tabs,
.checkout-window.paypal-focus>.checkout-body{
  filter:blur(6px) saturate(.7) brightness(.72)!important;
  transform:scale(.996)!important;
}
.paypal-modal{
  border-radius:16px!important;
  border:1px solid rgba(0,48,135,.13)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.46),0 10px 28px rgba(0,48,135,.18)!important;
}
.paypal-modal-header{height:60px!important;flex-basis:60px!important}
.paypal-header-mark{width:29px!important;height:34px!important}
.paypal-welcome>img{width:108px!important;height:26px!important}
.paypal-welcome h3{font-size:23px!important}
.paypal-continue,.paypal-open{
  background:#ffc439!important;
  color:#111820!important;
}
.paypal-open{
  height:53px!important;
  border-radius:999px!important;
  box-shadow:0 7px 20px rgba(255,196,57,.14),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.paypal-open:hover,.paypal-continue:hover{filter:brightness(.985);transform:translateY(-1px)}

/* Small, restrained entrance motion. */
.hero-copy>*{animation:heroDetailIn .55s cubic-bezier(.2,.8,.2,1) both}
.hero-copy>*:nth-child(2){animation-delay:.035s}.hero-copy>*:nth-child(3){animation-delay:.07s}.hero-copy>*:nth-child(4){animation-delay:.105s}.hero-copy>*:nth-child(5){animation-delay:.14s}.hero-copy>*:nth-child(6){animation-delay:.175s}
@keyframes heroDetailIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.spec-icon-img{transition:transform .2s ease,filter .2s ease}
.spec-row:hover .spec-icon-img{transform:translateY(-1px) scale(1.035)}

@media(max-width:980px){
  .hero-specs{grid-template-columns:1fr 1fr;gap:18px 24px}
  .game-legal-columns{grid-template-columns:1fr;gap:28px}
  .game-legal-info h2{margin-bottom:42px}
  .checkout-grid,.payment-grid{grid-template-columns:1fr}
  .order-summary{display:none}
}
@media(max-width:720px){
  .spec-row{grid-template-columns:32px 1fr}
  .game-legal-info{padding:36px 0 40px}
  .game-legal-inner{width:min(100% - 32px,620px)}
  .game-legal-info h2{font-size:25px;margin-bottom:34px}
  .game-info-row{font-size:13px}
  .checkout-window{width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;border-radius:9px!important}
  .checkout-header{height:66px!important;padding:0 14px!important}
  .checkout-brand-marks{width:54px;flex-basis:54px}
  .checkout-store-bag{width:42px!important;height:39px!important}
  .checkout-ps-mark{width:18px;height:18px;top:15px}
  .checkout-brand h2{font-size:15px!important}
  .checkout-brand p{font-size:9px!important}
  .checkout-tab{padding:0 10px!important;font-size:10px!important}
  .checkout-tab::after{left:10px;right:10px}
  .checkout-body{padding:9px!important}
  .checkout-panel{padding:17px!important}
  .main-panel h3,.payment-main h3{font-size:29px!important}
  .lookup-row{grid-template-columns:1fr}
  .lookup-row button{width:100%}
  .paypal-stage{padding:8px!important}
  .paypal-modal{max-height:calc(100vh - 28px)!important}
}

/* Fixed icon pass: tight SVG viewBoxes, consistent scale, no raster halos. */
.spec-row{
  grid-template-columns:34px minmax(0,1fr)!important;
  column-gap:9px!important;
}
.spec-icon-img{
  width:31px!important;
  height:31px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  overflow:visible!important;
  filter:none!important;
  opacity:1!important;
  background:transparent!important;
}
.spec-row-tall .spec-icon-img{width:32px!important;height:32px!important;margin-top:0!important}
.game-info-row{grid-template-columns:40px minmax(0,1fr)!important;gap:14px!important}
.game-info-row img{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
  background:transparent!important;
}
@media (max-width:767px){
  .spec-row{grid-template-columns:32px minmax(0,1fr)!important}
  .spec-icon-img{width:29px!important;height:29px!important}
}

/* ========================================================================== */
/* FINAL CHECKOUT + PAYPAL PORT — authoritative overrides                     */
/* ========================================================================== */
:root{
  --ps-checkout-bg:#070d18;
  --ps-checkout-panel:#121c2b;
  --ps-checkout-panel-2:#0c1522;
  --ps-checkout-line:#26364a;
  --ps-checkout-line-soft:rgba(142,169,201,.18);
  --ps-checkout-text:#f5f8fc;
  --ps-checkout-muted:#93a4b8;
  --ps-checkout-blue:#0072ce;
  --ps-checkout-blue-bright:#2da8ff;
  --ps-checkout-green:#49df8b;
  --paypal-blue:#0070e0;
  --paypal-dark:#001435;
  --paypal-yellow:#ffc439;
}

body.modal-open{overflow:hidden!important}
.checkout-shell{
  position:fixed!important;
  inset:0!important;
  z-index:4000!important;
  display:none!important;
  place-items:center!important;
  padding:18px!important;
  background:transparent!important;
}
.checkout-shell.open{display:grid!important;animation:psOverlayIn .2s ease both}
@keyframes psOverlayIn{from{opacity:0}to{opacity:1}}
.checkout-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(2,7,14,.62)!important;
  backdrop-filter:blur(15px) brightness(.72) saturate(.9)!important;
  -webkit-backdrop-filter:blur(15px) brightness(.72) saturate(.9)!important;
}
.checkout-window{
  position:relative!important;
  width:min(1160px,calc(100vw - 36px))!important;
  height:min(720px,calc(100vh - 36px))!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(109,150,195,.38)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#08101d 0%,#060c16 100%)!important;
  color:var(--ps-checkout-text)!important;
  box-shadow:0 40px 120px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.025) inset!important;
  animation:psCheckoutIn .34s cubic-bezier(.18,.82,.24,1) both!important;
  isolation:isolate!important;
}
.checkout-window::before{content:none!important}
@keyframes psCheckoutIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.checkout-header{
  height:76px!important;
  flex:0 0 76px!important;
  padding:0 22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid var(--ps-checkout-line-soft)!important;
  background:#050b15!important;
}
.checkout-brand{display:flex!important;align-items:center!important;gap:15px!important;min-width:0!important}
.checkout-brand-mark{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  display:grid!important;
  place-items:center!important;
}
.checkout-store-bag{
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 7px 14px rgba(0,0,0,.35))!important;
}
.checkout-brand-copy{min-width:0!important}
.checkout-brand h2{
  margin:0 0 4px!important;
  font-family:"SST",Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:-.015em!important;
  color:#fff!important;
}
.checkout-brand p{margin:0!important;color:#9aa9ba!important;font-size:12px!important;white-space:nowrap!important}
.checkout-close{
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  border:1px solid #314055!important;
  background:#141d2a!important;
  color:#fff!important;
  font-size:22px!important;
  display:grid!important;
  place-items:center!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.checkout-close:hover{background:#223148!important;border-color:#4b6688!important;transform:rotate(2deg) scale(1.03)!important}
.checkout-tabs{
  height:52px!important;
  flex:0 0 52px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  border-bottom:1px solid var(--ps-checkout-line-soft)!important;
  background:#0a1320!important;
}
.checkout-tab{
  position:relative!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border-right:1px solid rgba(133,163,196,.12)!important;
  color:#78899d!important;
  font-family:"SST",Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:500!important;
}
.checkout-tab:last-child{border-right:0!important}
.checkout-tab::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:2px;background:transparent!important}
.checkout-tab span{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #34445a!important;
  border-radius:50%!important;
  color:#8fa1b7!important;
  font-size:11px!important;
}
.checkout-tab.active{color:#fff!important;background:#0d1725!important}
.checkout-tab.active::after{background:var(--ps-checkout-blue-bright)!important;box-shadow:0 0 16px rgba(45,168,255,.62)!important}
.checkout-tab.active span{background:var(--ps-checkout-blue)!important;border-color:var(--ps-checkout-blue)!important;color:#fff!important;box-shadow:0 0 18px rgba(0,114,206,.35)!important}
.checkout-tab.completed{color:#b6c5d6!important}
.checkout-tab.completed span{background:#14385b!important;border-color:#2c80c1!important;color:transparent!important;position:relative!important}
.checkout-tab.completed span::after{content:"✓";position:absolute;color:#7fd1ff;font-size:11px;font-weight:800!important}
.checkout-body{flex:1!important;min-height:0!important;padding:16px!important;background:linear-gradient(180deg,#08111e,#060d17)!important}
.checkout-step{display:none!important;height:100%!important;min-height:0!important}
.checkout-step.active{display:block!important;animation:checkoutStepIn .26s ease both!important}
@keyframes checkoutStepIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.checkout-grid,.payment-grid{height:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:16px!important;min-height:0!important}
.checkout-panel{
  min-height:0!important;
  border:1px solid var(--ps-checkout-line)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#152131 0%,#101a28 100%)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.2)!important;
  padding:24px!important;
}
.checkout-kicker{margin:0 0 11px!important;color:#59bdff!important;font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.main-panel h3,.payment-main h3{
  margin:0 0 10px!important;
  font-family:"SST",Arial,sans-serif!important;
  font-size:36px!important;
  line-height:1.06!important;
  font-weight:300!important;
  letter-spacing:-.04em!important;
  color:#f8fbff!important;
}
.checkout-sub{margin:0 0 22px!important;color:#aab7c7!important;font-size:13px!important;line-height:1.48!important;max-width:680px!important}
.main-panel>label{display:block!important;margin:0 0 8px!important;color:#a9b8c9!important;font-size:10px!important;font-weight:700!important;letter-spacing:.15em!important;text-transform:uppercase!important}
.lookup-row{display:grid!important;grid-template-columns:minmax(0,1fr) 122px!important;gap:10px!important}
.lookup-row input{
  height:56px!important;
  border:1px solid #3a4c62!important;
  border-radius:10px!important;
  background:#060d17!important;
  color:#fff!important;
  padding:0 16px!important;
  font-family:"SST",Arial,sans-serif!important;
  font-size:17px!important;
  outline:0!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.lookup-row input:focus{border-color:#2ca9ff!important;background:#091321!important;box-shadow:0 0 0 3px rgba(44,169,255,.18),0 0 28px rgba(44,169,255,.08)!important}
.lookup-row input.invalid{border-color:#ec5c67!important;box-shadow:0 0 0 3px rgba(236,92,103,.12)!important}
.lookup-row button,.primary-button{
  height:56px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#128be2,#0068b9)!important;
  color:#fff!important;
  font-family:"SST",Arial,sans-serif!important;
  font-weight:700!important;
  font-size:15px!important;
  box-shadow:0 12px 28px rgba(0,104,185,.22)!important;
  transition:filter .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.lookup-row button:hover:not(:disabled),.primary-button:hover:not(:disabled){filter:brightness(1.07)!important;transform:translateY(-1px)!important;box-shadow:0 15px 34px rgba(0,112,206,.3)!important}
.lookup-row button:disabled,.primary-button:disabled{opacity:.45!important;box-shadow:none!important}
.button-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .72s linear infinite;display:inline-block;margin-right:8px;vertical-align:-2px}
.lookup-status{min-height:28px!important;display:flex!important;align-items:center!important;gap:8px!important;margin:9px 0 0!important;color:#8496aa!important;font-size:12px!important}
.lookup-status p{margin:0!important}
#lookupSpinner{display:none;width:15px;height:15px;border:2px solid rgba(45,168,255,.25);border-top-color:#2da8ff;border-radius:50%;animation:spin .7s linear infinite}
#lookupSpinner.active{display:block!important}
.account-card{
  min-height:128px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  margin-top:10px!important;
  padding:14px!important;
  border:1px solid #2b3c52!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#0a1320,#0d1928)!important;
  overflow:hidden!important;
  position:relative!important;
}
.account-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 25%,rgba(26,144,225,.12),transparent 42%);pointer-events:none!important}
.account-card.ready{grid-template-columns:76px minmax(0,1fr) 246px!important;border-color:#1673b8!important;background:linear-gradient(145deg,#0b1c30,#0c2746)!important;box-shadow:0 0 0 1px rgba(44,169,255,.12) inset,0 0 34px rgba(0,112,206,.12)!important}
.account-avatar{width:68px!important;height:68px!important;border-radius:12px!important;object-fit:cover!important;border:1px solid #3a4d65!important;background:#1c2735!important;position:relative!important;z-index:1!important}
.account-skeleton-copy{display:grid!important;gap:8px!important;position:relative!important;z-index:1!important}
.skeleton-line.micro{width:38%!important}
.profile-avatar-wrap{width:70px;height:70px;position:relative;z-index:1}
.profile-avatar-wrap .account-avatar{width:70px!important;height:70px!important}
.profile-presence{position:absolute;right:-2px;bottom:-2px;width:17px;height:17px;border-radius:50%;background:#42db83;border:3px solid #0c2037;box-shadow:0 0 13px rgba(66,219,131,.65)}
.profile-identity{min-width:0;position:relative;z-index:1}
.profile-name-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.profile-name-row>strong{font-size:20px;color:#fff;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.profile-verified{height:23px;padding:0 9px;border-radius:999px;background:rgba(42,151,231,.14);border:1px solid rgba(74,179,255,.45);color:#80ceff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:5px;box-shadow:0 0 16px rgba(42,151,231,.08)}
.profile-verified i{width:14px;height:14px;border-radius:50%;background:#158cdb;color:#fff;display:grid;place-items:center;font-style:normal;font-size:9px}
.profile-chip-row{display:flex;flex-wrap:wrap;gap:7px}
.profile-chip{min-height:27px;padding:0 10px;border-radius:7px;font-size:10px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.profile-chip-network{background:#122b49;border:1px solid #245c8d;color:#9bd7ff}
.profile-chip-online{background:rgba(40,171,99,.12);border:1px solid rgba(74,218,133,.42);color:#83e5aa;box-shadow:0 0 14px rgba(40,171,99,.06)}
.profile-chip-online i{width:7px;height:7px;border-radius:50%;background:#4cdf8b;box-shadow:0 0 9px rgba(76,223,139,.8)}
.profile-status-grid{display:grid;grid-template-columns:1fr;gap:7px;position:relative;z-index:1}
.profile-status-grid>span{min-height:34px;padding:6px 9px;border-radius:7px;background:rgba(5,13,24,.55);border:1px solid rgba(121,159,199,.2);display:flex;align-items:center;justify-content:space-between;gap:8px}
.profile-status-grid small{color:#8296ad;font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.profile-status-grid strong{color:#eaf5ff;font-size:10px;font-weight:600;white-space:nowrap}
.profile-status-grid>span:last-child{border-color:rgba(74,218,133,.28);background:rgba(35,137,79,.1)}
.profile-status-grid>span:last-child strong{color:#7fe6a8}
.prototype-note{margin-top:12px!important;padding:11px 13px!important;border:1px solid rgba(44,169,255,.25)!important;border-radius:8px!important;background:rgba(0,94,164,.08)!important;color:#aebdd0!important;font-size:11px!important}
.order-summary{display:flex!important;flex-direction:column!important}
.order-summary>img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:8px!important;border:1px solid rgba(110,147,188,.28)!important;margin-bottom:14px!important}
.order-summary>div{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:7px 0!important;color:#a9b6c7!important;font-size:12px!important}
.order-summary>div strong{color:#fff!important;text-align:right!important}
.order-summary .summary-total{margin-top:auto!important;padding-top:16px!important;border-top:1px solid rgba(135,163,196,.2)!important;font-size:16px!important}
.order-summary .summary-total strong{font-size:18px!important}
.review-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
.review-cards article{min-height:124px!important;padding:15px!important;border:1px solid #2d3d51!important;border-radius:10px!important;background:#0b1522!important;display:flex!important;flex-direction:column!important;gap:10px!important;justify-content:space-between!important}
.review-cards article>span{color:#65c2ff!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-weight:700!important}
.review-cards article>strong{color:#fff!important;font-size:15px!important}
.review-cards article small{color:#8fa0b4!important}
.review-account{display:flex!important;align-items:center!important;gap:10px!important}
.review-account img{width:44px!important;height:44px!important;border-radius:9px!important;object-fit:cover!important;border:1px solid #3c536f!important}
.review-account strong{display:block!important;color:#fff!important;font-size:14px!important}
.review-account small{display:block!important;margin-top:3px!important}
.review-actions{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-top:18px!important}
.secondary-button{height:46px!important;border:1px solid #36516d!important;border-radius:999px!important;background:#111d2b!important;color:#dce8f5!important;font-weight:600!important;padding:0 20px!important}
.payment-product{border:1px solid #2c3e54!important;border-radius:10px!important;background:#0b1522!important;padding:14px!important;display:grid!important;grid-template-columns:88px 1fr!important;gap:14px!important;align-items:center!important}
.payment-product>img{width:88px!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:7px!important}
.payment-product strong{font-size:16px!important;color:#fff!important}
.payment-product p{margin:5px 0 10px!important;color:#8fa0b5!important;font-size:12px!important}
.payment-product div>div{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
.payment-product div>div span{padding:5px 8px!important;border-radius:999px!important;border:1px solid #31506e!important;background:#11243a!important;color:#8fd2ff!important;font-size:10px!important}
.upsell-note{margin-top:14px!important;border:1px solid rgba(255,211,55,.26)!important;border-radius:10px!important;background:linear-gradient(135deg,rgba(255,215,66,.1),rgba(30,61,94,.16))!important;padding:15px!important;display:grid!important;gap:5px!important}
.upsell-note strong{color:#ffe47d!important}.upsell-note span{color:#b2c0d0!important;font-size:12px!important;line-height:1.45!important}
.payment-method{display:flex!important;flex-direction:column!important}
.method-heading{display:flex!important;justify-content:space-between!important;gap:12px!important;margin-bottom:15px!important}
.method-heading h4{margin:0 0 4px!important;color:#fff!important;font-size:16px!important}.method-heading p{margin:0!important;color:#889aad!important;font-size:11px!important}.method-heading>strong{color:#fff!important;font-size:18px!important}
.method-option{width:100%!important;display:grid!important;grid-template-columns:20px 42px 1fr auto!important;gap:10px!important;align-items:center!important;border:1px solid #3a4c61!important;border-radius:10px!important;background:#0b1522!important;color:#fff!important;padding:12px!important;text-align:left!important}
.method-option.selected{border-color:#278dd4!important;box-shadow:0 0 0 3px rgba(39,141,212,.1)!important}
.method-radio{width:17px!important;height:17px!important;border-radius:50%!important;border:5px solid #1588da!important;background:#fff!important}
.paypal-tile{width:42px!important;height:34px!important;border-radius:7px!important;background:#edf6ff!important;display:grid!important;place-items:center!important}.paypal-tile img{width:18px!important;height:22px!important;object-fit:contain!important}.method-copy strong{display:block!important;font-size:13px!important}.method-copy small{display:block!important;color:#8fa0b4!important;font-size:10px!important;margin-top:3px!important}.method-wordmark{width:72px!important;max-height:22px!important;object-fit:contain!important}
.payment-total{margin:14px 0!important;border:1px solid #2d3e53!important;border-radius:10px!important;background:#0a1420!important;padding:13px!important;display:grid!important;gap:9px!important}.payment-total>div{display:flex!important;justify-content:space-between!important;gap:12px!important;color:#91a2b6!important;font-size:12px!important}.payment-total strong{color:#fff!important}.payment-total .grand-total{padding-top:9px!important;border-top:1px solid #29394d!important}.payment-total .grand-total strong{font-size:17px!important}
.paypal-open{width:100%!important;height:52px!important;border:0!important;border-radius:999px!important;background:#ffc439!important;color:#001435!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-weight:800!important;box-shadow:0 12px 30px rgba(255,196,57,.16)!important;transition:filter .16s ease,transform .16s ease!important}.paypal-open:hover{filter:brightness(1.025)!important;transform:translateY(-1px)!important}.paypal-open img{height:20px!important;width:auto!important}.payment-legal{margin:10px 0 0!important;text-align:center!important;color:#7f91a7!important;font-size:9px!important;line-height:1.4!important}.payment-back{margin-top:auto!important}

/* Checkout completion */
.checkout-complete-step.active{display:grid!important;place-items:center!important}
.checkout-complete-card{width:min(620px,100%);padding:34px;border:1px solid #2d4d69;border-radius:14px;background:linear-gradient(160deg,#10253a,#0b1725);text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.28)}
.checkout-complete-mark{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#4bdf92,#23a865);color:#fff;font-size:32px;font-weight:800;box-shadow:0 0 34px rgba(73,223,139,.3)}
.checkout-complete-card h3{font-family:"SST",Arial,sans-serif;font-size:34px;font-weight:300;letter-spacing:-.035em;margin:0 0 10px;color:#fff}
.checkout-receipt{margin:20px 0;display:grid;gap:0;border:1px solid #2c4056;border-radius:10px;overflow:hidden;background:#08121e;text-align:left}.checkout-receipt>div{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid #25374b;font-size:12px}.checkout-receipt>div:last-child{border-bottom:0}.checkout-receipt span{color:#8fa2b7}.checkout-receipt strong{color:#fff}.checkout-done{width:100%!important}

/* Exact FC27 PayPal window port, adapted only for merchant text. */
#paypalStage{
  position:fixed!important;
  inset:0!important;
  z-index:7000!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px!important;
  background:rgba(0,6,15,.48)!important;
  backdrop-filter:blur(12px) brightness(.62) saturate(.88)!important;
  -webkit-backdrop-filter:blur(12px) brightness(.62) saturate(.88)!important;
}
#paypalStage.active{display:flex!important;animation:paypalStageIn .22s ease both!important}
@keyframes paypalStageIn{from{opacity:0}to{opacity:1}}
.paypal-browser{
  width:468px!important;
  max-width:calc(100vw - 22px)!important;
  height:min(642px,calc(100vh - 22px))!important;
  max-height:calc(100vh - 22px)!important;
  display:flex!important;
  flex-direction:column!important;
  background:#080808!important;
  border:1px solid #2b2b2b!important;
  border-radius:10px!important;
  overflow:hidden!important;
  box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.035) inset!important;
  animation:ppPopupIn .2s cubic-bezier(.2,.8,.2,1) both!important;
}
@keyframes ppPopupIn{from{opacity:0;transform:translateY(10px) scale(.982)}to{opacity:1;transform:none}}
.pp-browser-top{height:34px!important;flex:0 0 34px!important;background:#050505!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 8px 0 11px!important;border-bottom:1px solid #171717!important}
.pp-browser-title{display:flex!important;align-items:center!important;gap:8px!important;font-size:13px!important;font-weight:700!important;min-width:0!important;letter-spacing:-.01em!important}.pp-browser-title img{width:15px!important;height:15px!important;object-fit:contain!important}.pp-browser-title span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.pp-browser-controls{width:108px!important;height:27px!important;display:grid!important;grid-template-columns:repeat(3,36px)!important;gap:0!important;background:none!important;overflow:hidden!important}.pp-browser-controls button{width:36px!important;height:27px!important;border:0!important;border-radius:0!important;color:transparent!important;font-size:0!important;background:transparent!important}.pp-browser-controls button:hover{background:rgba(255,255,255,.08)!important}.pp-browser-controls .danger:hover{background:rgba(232,17,35,.82)!important}
.pp-addressbar{height:34px!important;flex:0 0 34px!important;background:#2f2b2b!important;padding:4px 8px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;display:flex!important;align-items:center!important}.pp-url{height:26px!important;background:#3a3737!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:6px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 10px!important;color:#dfdfdf!important;font-size:11px!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.pp-url strong{font-weight:700!important;color:#fff!important}.pp-url .lock{font-size:10px!important}
.paypal-window{width:100%!important;height:574px!important;max-height:none!important;background:#fff!important;color:var(--paypal-dark)!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important;position:relative!important;display:grid!important;grid-template-rows:54px auto minmax(0,1fr) auto!important;font-family:Arial,Helvetica,sans-serif!important}
.paypal-window.minimized{height:54px!important}.paypal-window.minimized .pp-breakdown,.paypal-window.minimized .pp-content,.paypal-window.minimized .pp-footer,.paypal-window.minimized .pp-complete-state{display:none!important}.paypal-window.maxed{height:calc(100vh - 92px)!important}
.pp-top{height:54px!important;display:grid!important;grid-template-columns:44px 1fr auto!important;align-items:center!important;gap:10px!important;padding:0 16px!important;border-bottom:1px solid #dfe4ea!important;background:#fff!important}.pp-avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:#143f97!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:800!important;font-size:12px!important}.pp-top-logo{display:grid!important;place-items:center!important}.pp-top-logo img{width:96px!important;height:26px!important;object-fit:contain!important}.pp-amount{border:0!important;background:#fff!important;color:var(--paypal-dark)!important;font-weight:800!important;font-size:13px!important;display:flex!important;align-items:center!important;gap:5px!important;padding:8px!important;border-radius:7px!important}.pp-amount:hover{background:#eff6ff!important}
.pp-breakdown{background:#f7f9fb!important;border-bottom:1px solid #dfe4ea!important;padding:9px 16px!important;display:grid!important;gap:6px!important;font-size:11px!important}.pp-breakdown[hidden]{display:none!important}.pp-breakdown div{display:flex!important;justify-content:space-between!important;gap:12px!important}.pp-breakdown span{color:#68727d!important}
.pp-content{padding:16px 18px 8px!important;overflow:auto!important;background:#fff!important}.pp-content[hidden]{display:none!important}.pp-title{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:14px!important;margin-bottom:10px!important}.pp-title h3{font-size:19px!important;letter-spacing:-.03em!important;color:var(--paypal-dark)!important;margin:0!important}.pp-title p{color:#68727d!important;font-size:12px!important;margin:1px 0 0!important}.pp-title img{width:104px!important;height:28px!important;object-fit:contain!important;margin-top:2px!important}
.pp-method{width:100%!important;border:0!important;border-bottom:1px solid #e4e7eb!important;background:#fff!important;color:var(--paypal-dark)!important;display:grid!important;grid-template-columns:22px 44px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;text-align:left!important;padding:12px 0!important;min-height:58px!important}.pp-method:hover .pp-copy strong{color:var(--paypal-blue)!important}.pp-method.selected{background:transparent!important;box-shadow:none!important}.pp-method:focus-visible{outline:2px solid rgba(0,112,224,.5)!important;outline-offset:-2px!important}.pp-radio{width:18px!important;height:18px!important;border-radius:50%!important;border:2px solid #b9c1cb!important}.pp-radio.on{border:5px solid var(--paypal-blue)!important}.pp-balance{width:44px!important;height:30px!important;border-radius:8px!important;background:#eef6ff!important;display:grid!important;place-items:center!important}.pp-balance img{width:18px!important;height:22px!important;object-fit:contain!important}.pp-card-art{width:44px!important;height:29px!important;border-radius:7px!important;object-fit:cover!important}.pp-copy strong{display:block!important;font-size:13px!important;color:var(--paypal-dark)!important}.pp-copy p{font-size:11px!important;color:#68727d!important;margin:2px 0 0!important}.pp-price{font-size:11px!important;white-space:nowrap!important;color:#001435!important}
.pp-balance-meta{margin:6px 0 8px 54px!important;padding:0 0 10px!important;border-bottom:1px solid #e4e7eb!important;color:#495767!important;font-size:11px!important;line-height:1.4!important}.pp-balance-meta .badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:22px!important;padding:0 10px!important;border-radius:8px!important;background:#ece7dc!important;color:#2d2d2d!important;font-weight:700!important;font-size:10px!important;margin-bottom:8px!important}.pp-balance-meta p{margin:0 0 8px!important}.pp-balance-meta .why{color:var(--paypal-blue)!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;gap:4px!important}.pp-balance-meta .fallback{margin-top:8px!important}
.pp-preferred{display:flex!important;align-items:center!important;gap:8px!important;margin-left:54px!important;padding:7px 0 9px!important;border-bottom:1px solid #e4e7eb!important;color:#68727d!important;font-size:11px!important;cursor:pointer!important}.pp-box{width:17px!important;height:17px!important;border-radius:4px!important;border:1px solid #aab4c0!important;display:grid!important;place-items:center!important}.pp-preferred.checked .pp-box{background:var(--paypal-blue)!important;border-color:var(--paypal-blue)!important}.pp-preferred.checked .pp-box::before{content:"✓"!important;color:#fff!important;font-size:10px!important;font-weight:800!important}.pp-add{border:0!important;background:#fff!important;color:var(--paypal-blue)!important;font-weight:700!important;padding:12px 0 6px!important;font-size:12px!important;text-align:left!important}
.pp-footer{padding:12px 18px 14px!important;background:#fff!important}.pp-footer[hidden]{display:none!important}.pp-complete{width:100%!important;height:50px!important;border:0!important;border-radius:999px!important;background:#003087!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-weight:800!important;font-size:14px!important;box-shadow:none!important}.pp-complete:hover{filter:brightness(1.07)!important}.pp-complete .spinner{display:none;width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .75s linear infinite}.pp-complete.loading .spinner{display:block!important}.pp-legal{margin-top:9px!important;color:#68727d!important;font-size:9px!important;line-height:1.32!important;text-align:center!important}.pp-return{border:0!important;background:#fff!important;color:var(--paypal-blue)!important;font-weight:700!important;width:100%!important;padding:8px 0 3px!important;font-size:12px!important}.pp-protect{font-size:9px!important;color:#68727d!important;text-align:center!important;margin-top:1px!important}
.pp-processing{position:absolute!important;inset:0!important;background:rgba(255,255,255,.84)!important;backdrop-filter:blur(8px)!important;display:none!important;place-items:center!important;z-index:5!important}.pp-processing.on{display:grid!important}.pp-process-card{text-align:center!important;width:82%!important;display:grid!important;justify-items:center!important;gap:7px!important}.pp-spin{width:66px!important;height:66px!important;border-radius:50%!important;display:grid!important;place-items:center!important;position:relative!important;background:#fff!important;box-shadow:0 8px 28px rgba(0,20,53,.13)!important}.pp-spin::before{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;border:4px solid #e2e8f0!important;border-top-color:var(--paypal-blue)!important;animation:spin .75s linear infinite!important}.pp-spin img{width:31px!important;height:36px!important;position:relative!important;z-index:1!important}.pp-process-card h3{font-size:15px!important;color:var(--paypal-dark)!important;margin:0!important}.pp-process-card p{font-size:11px!important;color:#68727d!important;min-height:1.15em!important;margin:0!important}.mini-trace{font-family:monospace!important;font-size:9px!important;color:#8492a0!important;letter-spacing:.05em!important}
.pp-complete-state{padding:18px!important;display:grid!important;gap:14px!important;align-content:start!important;background:#fff!important;overflow:auto!important}.pp-complete-state[hidden]{display:none!important}.pp-complete-card{border-top:1px solid #e4e7eb!important;padding-top:8px!important;display:grid!important;gap:10px!important;color:var(--paypal-dark)!important}.pp-approved-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#1ca66b;color:#fff;font-size:24px;font-weight:800;margin:0 auto 2px}.pp-complete-card h3{font-size:17px!important;text-align:center!important;margin:0!important}.pp-complete-copy{font-size:11px!important;color:#5c6977!important;line-height:1.45!important;text-align:center!important;margin:0!important}.pp-rows{display:grid!important;gap:8px!important;border:1px solid #e5e9ef!important;border-radius:12px!important;padding:12px!important;background:#fbfcfd!important}.pp-rows div{display:flex!important;justify-content:space-between!important;gap:12px!important;font-size:11px!important}.pp-rows span{color:#62707f!important}.pp-return-primary{height:48px!important;border:0!important;border-radius:999px!important;background:#003087!important;color:#fff!important;font-weight:800!important;font-size:13px!important}.pp-cancel-link{border:0!important;background:#fff!important;color:#0070e0!important;font-weight:700!important;padding:4px 0 0!important;font-size:11px!important}
@keyframes spin{to{transform:rotate(360deg)}}

/* Exact all-notices rhythm */
.legal-copy{display:grid!important;gap:12px!important}.legal-copy p{margin:0!important;line-height:1.55!important}

@media (max-width:900px){
  .checkout-shell{padding:7px!important}
  .checkout-window{width:calc(100vw - 14px)!important;height:calc(100vh - 14px)!important;border-radius:11px!important}
  .checkout-header{height:66px!important;flex-basis:66px!important;padding:0 14px!important}
  .checkout-brand-mark{width:44px!important;height:44px!important;flex-basis:44px!important}.checkout-store-bag{width:42px!important;height:42px!important}.checkout-brand h2{font-size:17px!important}.checkout-brand p{font-size:9px!important}
  .checkout-tabs{height:46px!important;flex-basis:46px!important}.checkout-tab{padding:0 10px!important;font-size:10px!important}.checkout-tab::after{left:10px!important;right:10px!important}
  .checkout-body{padding:8px!important;overflow:auto!important}.checkout-grid,.payment-grid{grid-template-columns:1fr!important;height:auto!important}.order-summary{min-height:310px!important}.checkout-panel{padding:16px!important}.main-panel h3,.payment-main h3{font-size:30px!important}.account-card.ready{grid-template-columns:68px 1fr!important}.profile-status-grid{grid-column:1/-1!important;grid-template-columns:repeat(3,1fr)!important}.review-cards{grid-template-columns:1fr!important}.review-actions{flex-direction:column-reverse!important}.review-actions button{width:100%!important}
}
@media (max-width:520px){
  .checkout-brand p{display:none!important}.checkout-tabs .checkout-tab{justify-content:center!important}.checkout-tab{font-size:0!important}.checkout-tab span{font-size:10px!important}
  .lookup-row{grid-template-columns:1fr!important}.lookup-row button{width:100%!important}.profile-status-grid{grid-template-columns:1fr!important}.account-card.ready{grid-template-columns:62px 1fr!important}.profile-status-grid{grid-column:1/-1!important}.profile-name-row>strong{max-width:180px!important;font-size:17px!important}.checkout-complete-card{padding:22px!important}
  #paypalStage{padding:6px!important}.paypal-browser{width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;max-width:none!important;max-height:none!important}.paypal-window{height:calc(100vh - 80px)!important}.pp-browser-controls{display:none!important}.pp-browser-title{max-width:100%!important}.pp-content{padding:12px 14px 6px!important}.pp-footer{padding:10px 14px!important}.pp-balance-meta{margin-left:0!important}.pp-preferred{margin-left:0!important}
}
/* Last-mile header mark correction: keep the single bag inside the brand block. */
.checkout-brand-mark{position:relative!important}
.checkout-store-bag{position:static!important;inset:auto!important;top:auto!important;right:auto!important;left:auto!important}

/* =====================================================================
   FINAL PLAYSTATION STORE + PAYPAL CHECKOUT
   ===================================================================== */
:root{
  --ps-checkout-bg:#07101d;
  --ps-checkout-panel:#111b2a;
  --ps-checkout-panel-2:#0d1725;
  --ps-checkout-line:#27384d;
  --ps-checkout-muted:#9bacc0;
  --ps-checkout-blue:#0070cc;
  --ps-checkout-blue-2:#1689e8;
  --ps-checkout-green:#4bd58d;
  --pp-blue:#003087;
  --pp-bright:#0070e0;
  --pp-yellow:#ffc439;
  --pp-dark:#001435;
}

#checkoutShell.checkout-shell{
  position:fixed!important;
  inset:0!important;
  z-index:1000!important;
  display:none!important;
  place-items:center!important;
  padding:12px!important;
  font-family:"SST","Helvetica Neue",Arial,sans-serif!important;
}
#checkoutShell.checkout-shell.open{display:grid!important}
#checkoutShell .checkout-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(2,7,13,.54)!important;
  -webkit-backdrop-filter:blur(18px) saturate(.85) brightness(.56)!important;
  backdrop-filter:blur(18px) saturate(.85) brightness(.56)!important;
  animation:psBackdropIn .28s ease both!important;
}
@keyframes psBackdropIn{from{opacity:0}to{opacity:1}}

#checkoutShell .checkout-window{
  position:relative!important;
  width:min(1160px,calc(100vw - 24px))!important;
  height:min(720px,calc(100vh - 24px))!important;
  background:var(--ps-checkout-bg)!important;
  color:#fff!important;
  border:1px solid rgba(148,174,207,.27)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 36px 120px rgba(0,0,0,.72),0 0 0 1px rgba(0,112,204,.09) inset!important;
  display:grid!important;
  grid-template-rows:76px 52px minmax(0,1fr)!important;
  animation:psCheckoutIn .34s cubic-bezier(.2,.82,.2,1) both!important;
}
@keyframes psCheckoutIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

#checkoutShell .checkout-header{
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 22px!important;
  background:#050b15!important;
  border-bottom:1px solid #1d2a3b!important;
  position:relative!important;
  z-index:2!important;
  transition:filter .28s ease,opacity .28s ease,transform .28s ease!important;
}
#checkoutShell .checkout-brand{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
#checkoutShell .checkout-brand-mark{
  width:52px!important;height:52px!important;flex:0 0 52px!important;
  display:grid!important;place-items:center!important;background:transparent!important;border:0!important;
}
#checkoutShell .checkout-store-bag{width:50px!important;height:46px!important;object-fit:contain!important;filter:none!important}
#checkoutShell .checkout-brand-copy{min-width:0!important}
#checkoutShell .checkout-brand-copy h2{margin:0 0 3px!important;font-size:20px!important;line-height:1.1!important;font-weight:500!important;letter-spacing:-.015em!important;color:#fff!important}
#checkoutShell .checkout-brand-copy p{margin:0!important;color:#a7b5c7!important;font-size:11px!important;line-height:1.2!important}
#checkoutShell .checkout-close{
  width:40px!important;height:40px!important;border-radius:50%!important;border:1px solid #334255!important;
  background:#121c29!important;color:#fff!important;font-size:23px!important;line-height:1!important;
  display:grid!important;place-items:center!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
#checkoutShell .checkout-close:hover{background:#1c2b3d!important;border-color:#55708e!important;transform:scale(1.04)!important}

#checkoutShell .checkout-tabs{
  height:auto!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;
  background:#0b1421!important;border-bottom:1px solid #223145!important;position:relative!important;z-index:2!important;
  transition:filter .28s ease,opacity .28s ease,transform .28s ease!important;
}
#checkoutShell .checkout-tab{
  min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 24px!important;
  color:#8393a7!important;border-right:1px solid #1e2c3f!important;font-size:12px!important;font-weight:400!important;
  position:relative!important;background:transparent!important;
}
#checkoutShell .checkout-tab:last-child{border-right:0!important}
#checkoutShell .checkout-tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent!important}
#checkoutShell .checkout-tab span{
  width:24px!important;height:24px!important;border-radius:50%!important;border:1px solid #3b4b60!important;
  display:grid!important;place-items:center!important;font-size:10px!important;color:#9dacc0!important;background:#0b1421!important;
}
#checkoutShell .checkout-tab strong{font:inherit!important;color:inherit!important}
#checkoutShell .checkout-tab.active{color:#fff!important;background:#0e1826!important}
#checkoutShell .checkout-tab.active::after{background:linear-gradient(90deg,#168fe9,#49b7ff)!important}
#checkoutShell .checkout-tab.active span{border-color:#168fe9!important;background:#168fe9!important;color:#fff!important}
#checkoutShell .checkout-tab.completed{color:#a9bfd2!important}
#checkoutShell .checkout-tab.completed span{border-color:#287ab3!important;background:#123451!important;color:#8ad2ff!important}

#checkoutShell .checkout-body{
  min-height:0!important;padding:16px!important;background:linear-gradient(145deg,#07101d,#0a1421 60%,#07101b)!important;
  position:relative!important;z-index:1!important;transition:filter .28s ease,opacity .28s ease,transform .28s ease!important;
}
#checkoutShell .checkout-step{display:none!important;height:100%!important;min-height:0!important}
#checkoutShell .checkout-step.active{display:block!important;animation:checkoutStepIn .26s ease both!important}
@keyframes checkoutStepIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
#checkoutShell .checkout-grid{height:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:16px!important;min-height:0!important}
#checkoutShell .payment-grid{height:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 370px!important;gap:16px!important;min-height:0!important}
#checkoutShell .checkout-panel{
  border:1px solid var(--ps-checkout-line)!important;background:linear-gradient(155deg,#121d2c,#0d1724)!important;
  border-radius:12px!important;padding:24px!important;min-height:0!important;box-shadow:0 12px 40px rgba(0,0,0,.18)!important;
}
#checkoutShell .main-panel,#checkoutShell .payment-main{overflow:auto!important}
#checkoutShell .checkout-kicker{margin:0 0 10px!important;color:#55bfff!important;font-size:10px!important;line-height:1!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important}
#checkoutShell .main-panel h3,#checkoutShell .payment-main h3{margin:0!important;color:#fff!important;font-size:38px!important;line-height:1.04!important;font-weight:300!important;letter-spacing:-.035em!important}
#checkoutShell .checkout-sub{margin:10px 0 22px!important;color:#a9b7c8!important;font-size:13px!important;line-height:1.45!important;max-width:670px!important}
#checkoutShell .field-label{display:block!important;margin:0 0 7px!important;color:#b8c6d6!important;font-size:10px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase!important}
#checkoutShell .lookup-row{display:grid!important;grid-template-columns:minmax(0,1fr) 122px!important;gap:10px!important}
#checkoutShell #psnName{
  width:100%!important;height:56px!important;border:1px solid #41546b!important;border-radius:9px!important;background:#07101b!important;
  color:#fff!important;padding:0 16px!important;font:400 18px/1 "SST",Arial,sans-serif!important;outline:0!important;
  box-shadow:0 0 0 0 rgba(22,143,233,0)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
#checkoutShell #psnName:focus{border-color:#26a7ff!important;box-shadow:0 0 0 3px rgba(22,143,233,.25)!important;background:#091522!important}
#checkoutShell #psnName.invalid{border-color:#e64c5f!important;box-shadow:0 0 0 3px rgba(230,76,95,.16)!important}
#checkoutShell #lookupAccount{
  height:56px!important;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,#168fe9,#0070cc)!important;
  color:#fff!important;font-size:15px!important;font-weight:700!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  box-shadow:0 10px 28px rgba(0,112,204,.25)!important;transition:transform .16s ease,filter .16s ease,opacity .16s ease!important;
}
#checkoutShell #lookupAccount:not(:disabled):hover{transform:translateY(-1px)!important;filter:brightness(1.08)!important}
#checkoutShell #lookupAccount:disabled{opacity:.42!important;box-shadow:none!important;cursor:not-allowed!important}
#checkoutShell .button-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;animation:spin .72s linear infinite;display:none}
#checkoutShell .loading .button-spinner{display:block}
#checkoutShell .lookup-status{min-height:28px!important;margin:8px 0 0!important;display:flex!important;align-items:center!important;gap:8px!important;color:#8294aa!important;font-size:11px!important}
#checkoutShell .lookup-status p{margin:0!important}
#checkoutShell #lookupSpinner{width:13px;height:13px;border-radius:50%;border:2px solid rgba(109,177,224,.25);border-top-color:#49b8ff;display:none;animation:spin .75s linear infinite}
#checkoutShell #lookupSpinner.active{display:block}

#checkoutShell .account-card{
  min-height:124px!important;margin-top:12px!important;border:1px solid #2c3e54!important;border-radius:12px!important;
  background:linear-gradient(145deg,#0a1421,#0e1c2c)!important;position:relative!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:center!important;gap:16px!important;padding:16px!important;
}
#checkoutShell .account-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 25%,rgba(22,143,233,.13),transparent 40%);pointer-events:none}
#checkoutShell .account-card.ready{grid-template-columns:78px minmax(0,1fr) 260px!important;border-color:#1c78b9!important;background:linear-gradient(140deg,#0b1a2b,#0b2a4a)!important;box-shadow:0 0 0 1px rgba(73,184,255,.09) inset,0 0 34px rgba(0,112,204,.12)!important}
#checkoutShell .account-avatar{width:72px!important;height:72px!important;border-radius:13px!important;object-fit:cover!important;border:1px solid #42566d!important;background:#1a2635!important;position:relative!important;z-index:1!important}
#checkoutShell .profile-avatar-wrap{position:relative!important;z-index:1!important;width:72px!important;height:72px!important}
#checkoutShell .profile-presence{position:absolute;right:-2px;bottom:-2px;width:17px;height:17px;border-radius:50%;background:#42d887;border:4px solid #0a1b2e;box-shadow:0 0 14px rgba(66,216,135,.75)}
#checkoutShell .profile-identity{min-width:0!important;position:relative!important;z-index:1!important}
#checkoutShell .profile-name-row{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin:0 0 11px!important}
#checkoutShell .profile-name-row>strong{max-width:285px!important;color:#fff!important;font-size:21px!important;font-weight:500!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#checkoutShell .profile-verified{height:24px!important;padding:0 9px!important;border-radius:999px!important;border:1px solid rgba(83,188,255,.43)!important;background:rgba(0,112,204,.18)!important;color:#8dd5ff!important;font-size:10px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;gap:5px!important;box-shadow:0 0 18px rgba(0,112,204,.08)!important}
#checkoutShell .profile-verified i{width:15px;height:15px;border-radius:50%;background:#168fe9;color:#fff;display:grid;place-items:center;font-style:normal;font-size:9px}
#checkoutShell .profile-chip-row{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
#checkoutShell .profile-chip{height:28px!important;padding:0 10px!important;border-radius:7px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:10px!important;font-weight:600!important}
#checkoutShell .profile-chip-network{border:1px solid #31557a!important;background:#112943!important;color:#b7d8f1!important}
#checkoutShell .profile-chip-online{border:1px solid rgba(75,213,141,.35)!important;background:rgba(31,132,77,.13)!important;color:#8ce5b6!important;box-shadow:0 0 18px rgba(75,213,141,.06)!important}
#checkoutShell .profile-chip-online i{width:7px;height:7px;border-radius:50%;background:#4bd58d;box-shadow:0 0 9px rgba(75,213,141,.9)}
#checkoutShell .profile-status-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;position:relative!important;z-index:1!important}
#checkoutShell .profile-status-grid>span{min-height:34px!important;padding:7px 10px!important;border-radius:8px!important;border:1px solid #294360!important;background:linear-gradient(135deg,rgba(9,24,40,.88),rgba(16,42,69,.78))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important}
#checkoutShell .profile-status-grid>span:nth-child(2){border-color:rgba(76,155,226,.37)!important;background:linear-gradient(135deg,rgba(18,46,78,.86),rgba(13,35,59,.82))!important}
#checkoutShell .profile-status-grid>span:last-child{border-color:rgba(75,213,141,.32)!important;background:linear-gradient(135deg,rgba(16,71,45,.46),rgba(12,39,31,.58))!important;box-shadow:0 0 18px rgba(75,213,141,.04)!important}
#checkoutShell .profile-status-grid small{color:#8194aa!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.12em!important}
#checkoutShell .profile-status-grid strong{color:#e9f5ff!important;font-size:10px!important;font-weight:600!important;white-space:nowrap!important}
#checkoutShell .profile-status-grid>span:last-child strong{color:#87e7b4!important}
#checkoutShell .account-skeleton-copy{display:grid!important;gap:8px!important;position:relative!important;z-index:1!important}
#checkoutShell .skeleton{position:relative!important;overflow:hidden!important;background:#1a2a3d!important}
#checkoutShell .skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:skeletonMove 1.4s infinite}
@keyframes skeletonMove{to{transform:translateX(100%)}}
#checkoutShell .skeleton-line{display:block!important;height:10px!important;border-radius:5px!important;width:74%!important}.skeleton-line.short{width:42%!important}.skeleton-line.micro{width:56%!important;height:8px!important}
#checkoutShell .account-privacy{margin:10px 0 0!important;color:#8192a7!important;font-size:10px!important;line-height:1.4!important}

#checkoutShell .order-summary{display:flex!important;flex-direction:column!important;gap:12px!important;overflow:auto!important}
#checkoutShell .order-summary>img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:8px!important;border:1px solid #31445c!important;background:#ffe311!important}
#checkoutShell .order-summary>div{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;color:#a5b3c4!important;font-size:12px!important}
#checkoutShell .order-summary strong{color:#fff!important;text-align:right!important;font-weight:600!important}
#checkoutShell .summary-total{margin-top:auto!important;border-top:1px solid #2c3d51!important;padding-top:14px!important;font-size:16px!important}
#checkoutShell .summary-total strong{font-size:18px!important}

#checkoutShell .review-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
#checkoutShell .review-cards article{min-height:116px!important;border:1px solid #2d4057!important;border-radius:10px!important;background:#0a1421!important;padding:14px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:10px!important}
#checkoutShell .review-cards article>span{color:#7f92aa!important;font-size:9px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
#checkoutShell .review-cards article>strong,#checkoutShell .review-account strong{color:#fff!important;font-size:14px!important;font-weight:600!important}
#checkoutShell .review-cards small{color:#8fa1b5!important;font-size:10px!important}
#checkoutShell .review-account{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
#checkoutShell .review-account img{width:44px!important;height:44px!important;border-radius:10px!important;object-fit:cover!important;border:1px solid #3b516b!important}
#checkoutShell .review-account div{min-width:0!important}.review-account strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#checkoutShell .review-notice{margin-top:12px!important;border:1px solid rgba(75,213,141,.26)!important;border-radius:10px!important;background:rgba(35,129,76,.09)!important;padding:13px!important;display:flex!important;gap:10px!important;align-items:flex-start!important;color:#b8c8d7!important}
#checkoutShell .review-notice>span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#3fcf82;color:#06150e;font-size:12px;font-weight:800;flex:0 0 auto}
#checkoutShell .review-notice strong{display:block!important;color:#dff9eb!important;font-size:12px!important;margin-bottom:3px!important}.review-notice p{margin:0!important;font-size:10px!important;line-height:1.4!important}
#checkoutShell .review-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:18px!important}
#checkoutShell .primary-button,#checkoutShell .secondary-button{height:46px!important;border-radius:999px!important;padding:0 22px!important;font-size:13px!important;font-weight:700!important;transition:transform .16s ease,filter .16s ease,border-color .16s ease!important}
#checkoutShell .primary-button{border:0!important;background:linear-gradient(180deg,#168fe9,#0070cc)!important;color:#fff!important;box-shadow:0 9px 24px rgba(0,112,204,.22)!important}
#checkoutShell .secondary-button{border:1px solid #3a4c61!important;background:#111c2a!important;color:#d7e1ec!important}
#checkoutShell .primary-button:hover,#checkoutShell .secondary-button:hover{transform:translateY(-1px)!important;filter:brightness(1.08)!important}

#checkoutShell .payment-product{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;gap:15px!important;align-items:center!important;border:1px solid #2c4057!important;border-radius:10px!important;background:#09131f!important;padding:13px!important}
#checkoutShell .payment-product>img{width:104px!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:7px!important;border:1px solid #3c5169!important}
#checkoutShell .payment-product strong{display:block!important;color:#fff!important;font-size:15px!important;margin-bottom:4px!important}.payment-product p{margin:0 0 9px!important;color:#8fa1b6!important;font-size:11px!important}
#checkoutShell .payment-product>div>div{display:flex!important;gap:6px!important;flex-wrap:wrap!important}.payment-product>div>div span{height:23px;padding:0 8px;border-radius:6px;background:#14253a;border:1px solid #2b4d71;color:#b8d5ed;font-size:9px;display:flex;align-items:center}
#checkoutShell .payment-account-strip{margin-top:11px!important;border:1px solid #2d4057!important;border-radius:10px!important;background:#0a1421!important;padding:11px!important;display:grid!important;grid-template-columns:44px 1fr auto!important;align-items:center!important;gap:11px!important}
#checkoutShell .payment-account-strip img{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid #3d526b}.payment-account-strip span{display:block;color:#8194ab;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.payment-account-strip strong{display:block;color:#fff;font-size:13px;margin-top:2px}.payment-account-strip i{height:24px;padding:0 9px;border-radius:999px;background:rgba(0,112,204,.18);border:1px solid rgba(72,169,235,.36);color:#8ed5ff;font-style:normal;font-size:9px;font-weight:700;display:flex;align-items:center}
#checkoutShell .payment-back{margin-top:18px!important}
#checkoutShell .payment-method{display:grid!important;grid-template-rows:auto auto 1fr auto!important;gap:13px!important}
#checkoutShell .method-heading{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important}.method-heading h4{margin:0 0 3px!important;font-size:16px!important;color:#fff!important}.method-heading p{margin:0!important;color:#8294a9!important;font-size:10px!important}.method-heading>strong{font-size:17px!important;color:#fff!important}
#checkoutShell .method-option{width:100%!important;border:1px solid #36516f!important;border-radius:10px!important;background:linear-gradient(145deg,#0b1827,#0d2239)!important;color:#fff!important;display:grid!important;grid-template-columns:18px 44px minmax(0,1fr) 86px!important;gap:10px!important;align-items:center!important;text-align:left!important;padding:12px!important;box-shadow:0 0 0 3px rgba(0,112,204,.08)!important}
#checkoutShell .method-radio{width:17px;height:17px;border-radius:50%;border:5px solid #168fe9;background:#fff}.paypal-tile{width:44px;height:34px;border-radius:8px;background:#eef6ff;display:grid;place-items:center}.paypal-tile img{width:19px;height:23px;object-fit:contain}.method-copy strong{display:block;font-size:13px}.method-copy small{display:block;color:#9aacbf;font-size:9px;margin-top:3px}.method-wordmark{width:80px;height:26px;object-fit:contain}
#checkoutShell .payment-total{border:1px solid #2c3f56!important;border-radius:10px!important;background:#09131f!important;padding:13px!important;display:grid!important;gap:9px!important;align-self:start!important}.payment-total>div{display:flex!important;justify-content:space-between!important;gap:12px!important;color:#8fa1b5!important;font-size:11px!important}.payment-total strong{color:#fff!important}.payment-total .grand-total{border-top:1px solid #2a3c51!important;padding-top:10px!important;font-size:14px!important}.payment-total .grand-total strong{font-size:17px!important}
#checkoutShell .paypal-open{width:100%!important;height:52px!important;border:0!important;border-radius:999px!important;background:#ffc439!important;color:#001435!important;font-size:14px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-shadow:0 9px 24px rgba(255,196,57,.14)!important;transition:transform .16s ease,filter .16s ease!important}.paypal-open:hover{transform:translateY(-1px)!important;filter:brightness(1.02)!important}.paypal-open img{width:92px;height:28px;object-fit:contain}

#checkoutShell .checkout-complete-step{display:none!important;place-items:center!important}.checkout-complete-step.active{display:grid!important}
#checkoutShell .checkout-complete-card{width:min(580px,100%)!important;text-align:center!important;border:1px solid #2d4660!important;border-radius:16px!important;background:linear-gradient(155deg,#101d2c,#0a1420)!important;padding:28px!important;box-shadow:0 24px 65px rgba(0,0,0,.28)!important}
#checkoutShell .checkout-complete-mark{width:66px;height:66px;border-radius:50%;margin:0 auto 18px;background:#42d887;color:#06130d;display:grid;place-items:center;font-size:29px;font-weight:800;box-shadow:0 0 0 11px rgba(66,216,135,.09),0 0 32px rgba(66,216,135,.18)}
#checkoutShell .checkout-complete-card h3{margin:0!important;color:#fff!important;font-size:35px!important;font-weight:300!important;letter-spacing:-.035em!important}.checkout-complete-card .checkout-sub{margin:10px auto 0!important}
#checkoutShell .checkout-receipt{margin:20px 0!important;border:1px solid #2c4056!important;border-radius:10px!important;overflow:hidden!important;background:#07111d!important;text-align:left!important}.checkout-receipt>div{display:flex!important;justify-content:space-between!important;gap:16px!important;padding:12px 14px!important;border-bottom:1px solid #25374b!important;font-size:11px!important}.checkout-receipt>div:last-child{border-bottom:0!important}.checkout-receipt span{color:#8fa2b7!important}.checkout-receipt strong{color:#fff!important}.checkout-done{width:100%!important}

/* PayPal is layered inside the PlayStation Store dialog. */
#checkoutShell .checkout-window.paypal-focus>.checkout-header,
#checkoutShell .checkout-window.paypal-focus>.checkout-tabs,
#checkoutShell .checkout-window.paypal-focus>.checkout-body{
  filter:blur(10px) brightness(.42)!important;
  opacity:.72!important;
  transform:scale(.988)!important;
  pointer-events:none!important;
}
#checkoutShell .paypal-stage{
  position:absolute!important;inset:0!important;z-index:40!important;display:none!important;place-items:center!important;
  padding:18px!important;background:rgba(1,5,10,.30)!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;
}
#checkoutShell .paypal-stage.active{display:grid!important;animation:ppStageIn .22s ease both!important}
@keyframes ppStageIn{from{opacity:0}to{opacity:1}}
#checkoutShell .paypal-browser{
  width:min(470px,calc(100vw - 36px))!important;height:min(620px,calc(100vh - 36px))!important;
  display:grid!important;grid-template-rows:34px 33px minmax(0,1fr)!important;background:#fff!important;color:#001435!important;
  border:1px solid #2f2f2f!important;border-radius:10px!important;overflow:hidden!important;box-shadow:0 35px 110px rgba(0,0,0,.72)!important;
  transform-origin:center!important;animation:ppWindowIn .27s cubic-bezier(.2,.8,.2,1) both!important;
}
@keyframes ppWindowIn{from{opacity:0;transform:translateY(13px) scale(.975)}to{opacity:1;transform:none}}
#checkoutShell .paypal-browser.minimized{height:67px!important}
#checkoutShell .paypal-browser.maxed{width:min(620px,calc(100vw - 20px))!important;height:min(760px,calc(100vh - 20px))!important}
#checkoutShell .pp-browser-top{height:auto!important;background:#050505!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 8px!important;border-bottom:1px solid #242424!important}
#checkoutShell .pp-browser-title{min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important;font:700 13px/1 Arial,Helvetica,sans-serif!important}.pp-browser-title img{width:16px!important;height:18px!important;object-fit:contain!important}.pp-browser-title span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#checkoutShell .pp-browser-controls{height:33px!important;display:grid!important;grid-template-columns:repeat(3,38px)!important;background:none!important}.pp-browser-controls button{width:38px!important;height:33px!important;border:0!important;background:transparent!important;color:transparent!important;font-size:0!important}.pp-browser-controls button:hover{background:rgba(255,255,255,.08)!important}.pp-browser-controls .danger:hover{background:rgba(232,17,35,.85)!important}
#checkoutShell .pp-addressbar{height:auto!important;background:#302c2c!important;padding:4px 8px!important;display:flex!important;align-items:center!important;border-bottom:1px solid #1b1b1b!important}.pp-url{width:100%!important;height:25px!important;border:1px solid #5b5656!important;border-radius:5px!important;background:#413d3d!important;color:#e6e6e6!important;padding:0 10px!important;display:flex!important;align-items:center!important;font:600 11px/1 Arial,Helvetica,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.pp-url strong{color:#fff!important;font-weight:700!important}
#checkoutShell .paypal-window{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;background:#fff!important;color:#001435!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important}

#checkoutShell .pp-loading-screen,#checkoutShell .pp-checkout-screen,#checkoutShell .pp-approved-screen{position:absolute!important;inset:0!important;background:#fff!important;display:none!important}
#checkoutShell .pp-loading-screen.active{display:grid!important;place-content:center!important;justify-items:center!important;text-align:center!important;padding:36px!important;gap:11px!important}
#checkoutShell .pp-loader{width:66px;height:66px;border-radius:50%;border:4px solid #ddd;border-top-color:#003087;animation:spin .8s linear infinite}
#checkoutShell .pp-loading-screen h3{margin:0!important;color:#001435!important;font-size:18px!important;line-height:1.2!important;font-weight:700!important}.pp-loading-screen p{max-width:315px!important;margin:0!important;color:#001435!important;font-size:14px!important;line-height:1.45!important}

#checkoutShell .pp-checkout-screen.active{display:grid!important;grid-template-rows:56px auto minmax(0,1fr) auto!important}
#checkoutShell .pp-account-header{height:56px!important;display:grid!important;grid-template-columns:42px 1fr auto!important;align-items:center!important;gap:10px!important;padding:0 16px!important;border-bottom:1px solid #dde3ea!important;background:#fff!important}.pp-avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:#003087!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:800!important}.pp-header-logo{width:88px!important;height:32px!important;object-fit:contain!important;justify-self:center!important}.pp-header-amount{border:0!important;background:#fff!important;color:#0070e0!important;font-size:13px!important;font-weight:800!important;display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}.pp-header-amount b{font-size:11px!important}
#checkoutShell .pp-breakdown{background:#f5f8fb!important;border-bottom:1px solid #dfe4ea!important;padding:9px 16px!important;display:grid!important;gap:6px!important;font-size:11px!important}.pp-breakdown[hidden]{display:none!important}.pp-breakdown>div{display:flex!important;justify-content:space-between!important;gap:12px!important}.pp-breakdown span{color:#68727d!important}.pp-breakdown strong{color:#001435!important}
#checkoutShell .pp-scroll-area{min-height:0!important;overflow:auto!important;padding:17px 18px 6px!important;scrollbar-color:#a6a6a6 #eee!important;scrollbar-width:thin!important}.pp-title{margin:0 0 10px!important}.pp-title h3{margin:0!important;color:#001435!important;font-size:22px!important;line-height:1.1!important;font-weight:400!important}.pp-title p{margin:4px 0 0!important;color:#68727d!important;font-size:12px!important}
#checkoutShell .pp-method{width:100%!important;min-height:61px!important;border:0!important;border-bottom:1px solid #dfe4ea!important;background:#fff!important;color:#001435!important;padding:11px 0!important;display:grid!important;grid-template-columns:22px 44px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;text-align:left!important}.pp-method:hover .pp-copy strong{color:#0070e0!important}.pp-radio{width:19px!important;height:19px!important;border-radius:50%!important;border:2px solid #aeb9c5!important}.pp-radio.on{border:6px solid #0070e0!important}.pp-balance{width:44px!important;height:32px!important;border-radius:8px!important;background:#eef6ff!important;display:grid!important;place-items:center!important}.pp-balance img{width:19px!important;height:23px!important;object-fit:contain!important}.pp-card-art{width:44px!important;height:29px!important;border-radius:6px!important;object-fit:cover!important}.pp-copy strong{display:block!important;color:#001435!important;font-size:13px!important}.pp-copy p{margin:2px 0 0!important;color:#68727d!important;font-size:10px!important}.pp-price{color:#001435!important;font-size:11px!important;white-space:nowrap!important}
#checkoutShell .pp-balance-meta{margin:5px 0 8px 54px!important;padding:0 0 10px!important;border-bottom:1px solid #dfe4ea!important;color:#41546a!important;font-size:11px!important;line-height:1.45!important}.pp-balance-meta .badge{display:inline-flex!important;height:22px!important;padding:0 10px!important;align-items:center!important;border-radius:7px!important;background:#ece7dc!important;color:#333!important;font-size:10px!important;font-weight:700!important;margin-bottom:8px!important}.pp-balance-meta p{margin:0 0 7px!important}.pp-why{border:0!important;background:#fff!important;color:#0070e0!important;padding:0!important;font-size:11px!important;font-weight:700!important;margin:0 0 8px!important}
#checkoutShell .pp-preferred{width:calc(100% - 54px)!important;margin:0 0 0 54px!important;border:0!important;border-bottom:1px solid #dfe4ea!important;background:#fff!important;color:#68727d!important;padding:8px 0 10px!important;display:flex!important;align-items:center!important;gap:8px!important;text-align:left!important;font-size:10px!important}.pp-box{width:16px!important;height:16px!important;border-radius:3px!important;border:1px solid #aab4c0!important;display:grid!important;place-items:center!important}.pp-preferred.checked .pp-box{background:#0070e0!important;border-color:#0070e0!important}.pp-preferred.checked .pp-box::before{content:"✓";color:#fff;font-size:10px;font-weight:800}.pp-add{border:0!important;background:#fff!important;color:#0070e0!important;font-size:12px!important;font-weight:700!important;padding:13px 0 6px!important;text-align:left!important}
#checkoutShell .pp-footer{padding:12px 18px 13px!important;background:#fff!important;border-top:1px solid #e1e5ea!important}.pp-complete{width:100%!important;height:49px!important;border:0!important;border-radius:999px!important;background:#003087!important;color:#fff!important;font-size:15px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:filter .16s ease,transform .16s ease!important}.pp-complete:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important}.pp-complete .button-spinner{display:none!important}.pp-complete.loading .button-spinner{display:block!important}.pp-footer p{margin:10px 0 4px!important;color:#41546a!important;font-size:10px!important;line-height:1.45!important}.pp-return{width:100%!important;border:0!important;background:#fff!important;color:#0070e0!important;font-size:11px!important;font-weight:700!important;padding:8px 0 0!important}

#checkoutShell .pp-approved-screen.active{display:grid!important;grid-template-rows:56px minmax(0,1fr)!important}.pp-approved-body{padding:25px 23px!important;overflow:auto!important;color:#001435!important}.pp-approved-body h3{margin:0 0 13px!important;font-size:18px!important;font-weight:700!important}.pp-approved-body>p{margin:0 0 14px!important;color:#41546a!important;font-size:11px!important;line-height:1.5!important}.pp-rows{border:1px solid #dfe4ea!important;border-radius:11px!important;background:#fbfcfd!important;padding:12px!important;display:grid!important;gap:9px!important}.pp-rows>div{display:flex!important;justify-content:space-between!important;gap:13px!important;font-size:11px!important}.pp-rows span{color:#667587!important}.pp-rows strong{color:#001435!important;text-align:right!important}.pp-return-primary{width:100%!important;height:49px!important;margin-top:17px!important;border:0!important;border-radius:999px!important;background:#003087!important;color:#fff!important;font-size:14px!important;font-weight:800!important}

@keyframes spin{to{transform:rotate(360deg)}}

@media (max-width:900px){
  #checkoutShell .checkout-window{height:calc(100vh - 14px)!important;width:calc(100vw - 14px)!important;grid-template-rows:68px 48px minmax(0,1fr)!important}
  #checkoutShell .checkout-grid,#checkoutShell .payment-grid{grid-template-columns:1fr!important;height:auto!important}.order-summary{min-height:300px!important}.checkout-body{overflow:auto!important;padding:9px!important}.checkout-panel{padding:17px!important}.main-panel h3,.payment-main h3{font-size:31px!important}.account-card.ready{grid-template-columns:72px 1fr!important}.profile-status-grid{grid-column:1/-1!important;grid-template-columns:repeat(3,1fr)!important}.review-cards{grid-template-columns:1fr!important}.review-actions{flex-direction:column-reverse!important}.review-actions button{width:100%!important}
}
@media (max-width:600px){
  #checkoutShell{padding:4px!important}.checkout-window{width:calc(100vw - 8px)!important;height:calc(100vh - 8px)!important;border-radius:10px!important}.checkout-header{padding:0 12px!important}.checkout-brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important}.checkout-store-bag{width:41px!important;height:38px!important}.checkout-brand-copy h2{font-size:17px!important}.checkout-brand-copy p{display:none!important}.checkout-tab{justify-content:center!important;padding:0 5px!important}.checkout-tab strong{display:none!important}.checkout-body{padding:7px!important}.checkout-panel{padding:14px!important}.main-panel h3,.payment-main h3{font-size:27px!important}.lookup-row{grid-template-columns:1fr!important}.lookup-row button{width:100%!important}.account-card.ready{grid-template-columns:62px 1fr!important}.profile-status-grid{grid-column:1/-1!important;grid-template-columns:1fr!important}.profile-name-row>strong{max-width:175px!important;font-size:17px!important}.order-summary{display:none!important}.payment-product{grid-template-columns:86px 1fr!important}.payment-product>img{width:86px!important}.payment-account-strip{grid-template-columns:40px 1fr!important}.payment-account-strip i{display:none!important}.paypal-stage{padding:5px!important}.paypal-browser{width:calc(100vw - 10px)!important;height:calc(100vh - 10px)!important;max-width:none!important;max-height:none!important}.pp-browser-controls{display:none!important}.pp-balance-meta{margin-left:0!important}.pp-preferred{margin-left:0!important;width:100%!important}.pp-scroll-area{padding:13px 14px 5px!important}.pp-footer{padding:10px 14px!important}
}

/* Official locally packaged PlayStation artwork from the supplied page archive. */
.hero-official{
  background-image:url('assets/hero-official.webp')!important;
  background-size:cover!important;
  background-position:center top!important;
  opacity:1!important;
}
.hero-fallback{display:none!important}
.hero::after{background:linear-gradient(90deg,rgba(255,239,30,.96) 0%,rgba(255,238,24,.88) 30%,rgba(255,232,16,.44) 48%,rgba(255,229,0,.05) 66%,transparent 78%)!important}
.store-background{background-image:linear-gradient(rgba(8,9,12,.06),rgba(8,9,12,.18)),url('assets/commerce-bg.webp')!important;background-size:cover!important;background-position:center!important;opacity:1!important}
@media(max-width:767px){
  .hero-official{background-image:url('assets/hero-mobile.webp')!important;background-position:center top!important;background-size:cover!important}
  .hero::after{background:linear-gradient(180deg,transparent 0 38%,rgba(255,235,0,.76) 58%,#ffea00 80%)!important}
}
#checkoutShell .checkout-tab.completed span{font-size:0!important}
#checkoutShell .checkout-tab.completed span::after{content:"✓";font-size:10px;font-weight:800}
#checkoutShell .pp-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
#checkoutShell .pp-title>img{width:68px!important;height:25px!important;object-fit:contain!important;margin-top:0!important}
#checkoutShell .pp-header-logo{width:78px!important;height:29px!important;object-fit:contain!important;background:#fff!important}
.deluxe-bg{background-image:url('assets/deluxe-bg-local.jpg')!important}
.overview-bg{background-image:url('assets/overview-bg-local.jpg')!important}
.feature-image-one{background-image:url('assets/hero-official.webp')!important}
.feature-image-two{background-image:url('assets/screenshot-princess.jpg')!important}
.feature-image-three{background-image:url('assets/screenshot-official-05.webp')!important}
.ps5-bg{background-image:url('assets/hero-official.webp')!important;background-position:center!important}

/* =========================================================
   FINAL PLAYSTATION / SAVED VISA CHECKOUT REFINEMENT
   ========================================================= */
:root{
  --ps-blue:#0070cc;
  --ps-blue-bright:#0095ff;
  --ps-navy:#07111f;
  --ps-panel:#101a29;
  --ps-panel-2:#162235;
  --ps-line:rgba(155,190,226,.18);
  --ps-muted:#9eacc0;
  --ps-text:#f7f9fc;
  --ps-green:#28d17c;
  --ps-cyan:#37b8ff;
  --ps-purple:#8d79ff;
  --ps-ease:cubic-bezier(.22,.61,.36,1);
}

html,body,button,input{font-family:"SST","SST Roman","Helvetica Neue",Arial,sans-serif!important}
body{font-weight:400}
.hero h1,.faq h2,.checkout-brand-copy h2,.main-panel h3,.payment-main h3,.checkout-complete-card h3{
  font-family:"SST","SST Roman","Helvetica Neue",Arial,sans-serif!important;
}
.hero h1{font-weight:300!important;letter-spacing:-.035em!important}
.publisher,.ps-cta,.game-links a,.edition-body h3,.checkout-tab,.primary-button,.secondary-button{font-family:"SST","SST Roman",Arial,sans-serif!important}

/* Guaranteed local hero artwork. */
.hero{isolation:isolate!important;overflow:hidden!important;background:#ffeb12!important}
.hero-art{position:absolute!important;inset:0!important;z-index:-2!important;display:block!important;overflow:hidden!important}
.hero-art img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center top!important}
.hero::after{z-index:-1!important;background:linear-gradient(90deg,rgba(255,239,30,.98) 0%,rgba(255,239,30,.93) 27%,rgba(255,235,20,.60) 45%,rgba(255,229,0,.10) 65%,transparent 78%)!important}
.hero-official,.hero-fallback{display:none!important}

/* Website blur: keep the page visible under checkout. */
#checkoutShell.checkout-shell{background:transparent!important;padding:20px!important;perspective:1400px}
#checkoutShell .checkout-backdrop{
  background:rgba(1,7,15,.46)!important;
  backdrop-filter:blur(18px) saturate(.78) brightness(.62)!important;
  -webkit-backdrop-filter:blur(18px) saturate(.78) brightness(.62)!important;
  animation:psBackdropIn .24s ease both;
}
@keyframes psBackdropIn{from{opacity:0;backdrop-filter:blur(0) brightness(1)}to{opacity:1}}

#checkoutShell .checkout-window.ps-checkout{
  width:min(1160px,calc(100vw - 40px))!important;
  height:min(735px,calc(100vh - 40px))!important;
  position:relative!important;
  background:linear-gradient(155deg,#091321 0%,#0c1726 47%,#07101d 100%)!important;
  border:1px solid rgba(153,194,238,.28)!important;
  border-radius:18px!important;
  box-shadow:0 38px 120px rgba(0,0,0,.68),0 0 0 1px rgba(0,112,204,.10) inset!important;
  overflow:hidden!important;
  animation:psCheckoutIn .32s var(--ps-ease) both!important;
  transform-origin:center 58%;
}
#checkoutShell .checkout-window.ps-checkout::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;
  background:
    radial-gradient(circle at 12% -10%,rgba(0,149,255,.20),transparent 35%),
    radial-gradient(circle at 93% 110%,rgba(70,80,255,.15),transparent 32%);
}
@keyframes psCheckoutIn{from{opacity:0;transform:translateY(18px) scale(.976)}to{opacity:1;transform:none}}

#checkoutShell .checkout-header{
  height:76px!important;background:rgba(4,10,19,.88)!important;border-bottom:1px solid var(--ps-line)!important;
  padding:0 22px!important;position:relative!important;z-index:2!important;
}
#checkoutShell .checkout-brand{gap:14px!important}
#checkoutShell .checkout-brand-mark{
  width:48px!important;height:48px!important;display:grid!important;place-items:center!important;
  border-radius:14px!important;background:linear-gradient(145deg,rgba(0,112,204,.22),rgba(255,255,255,.04))!important;
  border:1px solid rgba(52,161,255,.28)!important;box-shadow:0 0 24px rgba(0,112,204,.14)!important;
}
#checkoutShell .checkout-brand-mark img{width:39px!important;height:39px!important;object-fit:contain!important;filter:none!important}
#checkoutShell .checkout-brand-copy h2{font-size:20px!important;line-height:1.05!important;font-weight:500!important;color:#fff!important;margin:0 0 4px!important;text-transform:none!important;letter-spacing:-.02em!important}
#checkoutShell .checkout-brand-copy p{font-size:11px!important;color:#9aabc0!important;margin:0!important}
#checkoutShell .checkout-close{width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;transition:.18s ease!important}
#checkoutShell .checkout-close:hover{background:rgba(255,255,255,.12)!important;transform:rotate(4deg)}

#checkoutShell .checkout-tabs{height:52px!important;background:rgba(8,18,31,.88)!important;border-bottom:1px solid var(--ps-line)!important;position:relative!important;z-index:2!important}
#checkoutShell .checkout-tab{position:relative!important;color:#718198!important;border-right:1px solid rgba(138,174,211,.12)!important;padding:0 24px!important;gap:11px!important;font-size:12px!important;font-weight:500!important}
#checkoutShell .checkout-tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#0070cc,#27b4ff);transform:scaleX(0);transform-origin:left;transition:.26s var(--ps-ease)}
#checkoutShell .checkout-tab.active{color:#fff!important;background:rgba(12,26,43,.74)!important}
#checkoutShell .checkout-tab.active::after{transform:scaleX(1)}
#checkoutShell .checkout-tab span{width:25px!important;height:25px!important;background:transparent!important;border:1px solid rgba(146,177,210,.28)!important;color:#8fa0b6!important}
#checkoutShell .checkout-tab.active span{background:#0070cc!important;border-color:#0c9cff!important;color:#fff!important;box-shadow:0 0 20px rgba(0,112,204,.42)!important}
#checkoutShell .checkout-tab.completed span{background:#0f9060!important;border-color:#2ad58a!important;color:#fff!important}
#checkoutShell .checkout-tab.completed span{font-size:0!important}
#checkoutShell .checkout-tab.completed span::after{content:"✓";font-size:11px;font-weight:800}

#checkoutShell .checkout-body{position:relative!important;z-index:2!important;padding:17px!important}
#checkoutShell .checkout-step{animation:psStepIn .28s var(--ps-ease) both}
@keyframes psStepIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
#checkoutShell .checkout-grid,#checkoutShell .payment-grid{grid-template-columns:minmax(0,1fr) 330px!important;gap:16px!important}
#checkoutShell .checkout-panel{
  background:linear-gradient(155deg,rgba(22,34,53,.96),rgba(13,24,40,.96))!important;
  border:1px solid rgba(142,181,222,.17)!important;border-radius:13px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.20),0 1px 0 rgba(255,255,255,.025) inset!important;
  padding:24px!important;
}
#checkoutShell .checkout-kicker{font-size:10px!important;letter-spacing:.18em!important;color:#47b8ff!important;font-weight:700!important;margin:0 0 12px!important}
#checkoutShell .main-panel h3,#checkoutShell .payment-main h3{font-size:35px!important;line-height:1.04!important;font-weight:300!important;letter-spacing:-.035em!important;text-transform:none!important;margin:0 0 10px!important;color:#fff!important}
#checkoutShell .checkout-sub{font-size:13px!important;color:#a7b4c6!important;line-height:1.5!important;margin-bottom:22px!important}

#checkoutShell .field-label{font-size:10px!important;letter-spacing:.14em!important;color:#aebdd0!important;font-weight:700!important;text-transform:uppercase!important}
#checkoutShell .lookup-row{grid-template-columns:minmax(0,1fr) 132px!important;gap:10px!important;margin-top:7px!important}
#checkoutShell .lookup-row input{
  height:54px!important;border-radius:9px!important;background:#07111e!important;border:1px solid rgba(112,154,198,.35)!important;
  color:#fff!important;padding:0 16px!important;font-size:17px!important;box-shadow:0 0 0 0 rgba(0,149,255,0)!important;transition:.18s ease!important;
}
#checkoutShell .lookup-row input:focus{border-color:#11a1ff!important;box-shadow:0 0 0 3px rgba(0,149,255,.19)!important}
#checkoutShell .lookup-row button,#checkoutShell .primary-button{
  border:0!important;border-radius:999px!important;background:linear-gradient(180deg,#0788e8,#0068bd)!important;color:#fff!important;
  font-weight:700!important;box-shadow:0 10px 28px rgba(0,112,204,.30)!important;transition:.18s ease!important;
}
#checkoutShell .lookup-row button:hover:not(:disabled),#checkoutShell .primary-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}
#checkoutShell .lookup-row button:active:not(:disabled),#checkoutShell .primary-button:active:not(:disabled){transform:translateY(1px) scale(.99)}
#checkoutShell .lookup-status{min-height:30px!important;color:#7f91a8!important}

#checkoutShell .account-card{
  min-height:114px!important;margin-top:6px!important;border-radius:11px!important;background:rgba(4,15,28,.62)!important;border:1px solid rgba(76,145,211,.28)!important;padding:14px!important;
}
#checkoutShell .account-card.ready{display:grid!important;grid-template-columns:72px 1fr!important;gap:14px!important;align-items:center!important;box-shadow:0 0 34px rgba(0,112,204,.09) inset!important}
#checkoutShell .profile-avatar-wrap{position:relative!important}
#checkoutShell .account-avatar{width:66px!important;height:66px!important;border-radius:12px!important;object-fit:cover!important;border:1px solid rgba(255,255,255,.14)!important}
#checkoutShell .profile-presence{position:absolute!important;right:-2px!important;bottom:-2px!important;width:15px!important;height:15px!important;border-radius:50%!important;background:#28d17c!important;border:3px solid #0b1727!important;box-shadow:0 0 15px rgba(40,209,124,.65)!important}
#checkoutShell .profile-name-row{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
#checkoutShell .profile-name-row>strong{font-size:19px!important;color:#fff!important;letter-spacing:-.02em!important}
#checkoutShell .profile-verified{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:4px 8px!important;border-radius:999px!important;background:rgba(0,112,204,.18)!important;color:#5cc2ff!important;border:1px solid rgba(54,174,255,.25)!important;font-size:10px!important;font-weight:700!important}
#checkoutShell .profile-verified i{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#0a8adf;color:#fff;font-style:normal;font-size:9px}
#checkoutShell .profile-chip-row{display:flex!important;gap:7px!important;margin-top:10px!important;flex-wrap:wrap!important}
#checkoutShell .profile-chip{padding:6px 9px!important;border-radius:7px!important;font-size:10px!important;font-weight:600!important}
#checkoutShell .profile-chip-network{background:rgba(40,117,255,.12)!important;color:#7ab9ff!important;border:1px solid rgba(68,142,255,.20)!important}
#checkoutShell .profile-chip-online{background:rgba(40,209,124,.10)!important;color:#76ecad!important;border:1px solid rgba(40,209,124,.20)!important}
#checkoutShell .profile-chip-online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#28d17c;box-shadow:0 0 10px rgba(40,209,124,.7);margin-right:5px}
#checkoutShell .profile-status-grid{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:2px!important}
#checkoutShell .profile-status-grid span{display:flex!important;flex-direction:column!important;padding:10px 11px!important;border-radius:8px!important;background:rgba(255,255,255,.028)!important;border:1px solid rgba(136,175,214,.11)!important}
#checkoutShell .profile-status-grid small{font-size:9px!important;color:#74869c!important;text-transform:uppercase!important;letter-spacing:.1em!important}
#checkoutShell .profile-status-grid strong{font-size:11px!important;color:#dce8f5!important;margin-top:3px!important}
#checkoutShell .account-privacy{border-radius:9px!important;background:rgba(0,112,204,.08)!important;border:1px solid rgba(0,112,204,.20)!important;color:#9eb1c8!important}

#checkoutShell .order-summary{padding:18px!important}
#checkoutShell .order-summary>img{height:157px!important;border-radius:8px!important;object-fit:cover!important;box-shadow:0 12px 32px rgba(0,0,0,.28)!important}
#checkoutShell .order-summary>div{border-color:rgba(150,181,214,.12)!important}
#checkoutShell .order-summary span{color:#8c9caf!important}
#checkoutShell .order-summary strong{color:#fff!important}
#checkoutShell .summary-total{margin-top:auto!important}
#checkoutShell .summary-total strong{font-size:19px!important}

#checkoutShell .review-cards article{background:rgba(4,14,26,.52)!important;border:1px solid rgba(105,159,214,.19)!important;border-radius:10px!important;transition:.18s ease!important}
#checkoutShell .review-cards article:hover{transform:translateY(-2px);border-color:rgba(37,166,255,.34)!important;box-shadow:0 12px 30px rgba(0,0,0,.16)}
#checkoutShell .review-notice{background:rgba(25,179,108,.08)!important;border-color:rgba(35,216,132,.20)!important;border-radius:10px!important}
#checkoutShell .review-notice>span{background:#16895c!important;box-shadow:0 0 18px rgba(35,216,132,.27)!important}
#checkoutShell .secondary-button{border-radius:999px!important;border:1px solid rgba(145,181,219,.24)!important;background:rgba(255,255,255,.045)!important;color:#e7eef7!important;transition:.18s ease!important}
#checkoutShell .secondary-button:hover{background:rgba(255,255,255,.09)!important;border-color:rgba(145,181,219,.42)!important}

/* Saved Visa checkout. */
#checkoutShell .visa-payment-grid{grid-template-columns:minmax(0,1fr) 335px!important}
#checkoutShell .saved-card-shell{
  position:relative;overflow:hidden;width:min(100%,500px);aspect-ratio:1.72/1;border-radius:18px;padding:23px 25px 22px;
  color:#fff;background:
    radial-gradient(circle at 80% 110%,rgba(93,89,255,.58),transparent 45%),
    radial-gradient(circle at 5% -10%,rgba(26,189,255,.38),transparent 42%),
    linear-gradient(140deg,#0e2a62 0%,#0c4ca1 48%,#142f73 100%);
  border:1px solid rgba(141,207,255,.34);box-shadow:0 22px 54px rgba(0,25,66,.45),0 1px 0 rgba(255,255,255,.18) inset;
  transition:transform .35s var(--ps-ease),box-shadow .35s var(--ps-ease);
}
#checkoutShell .saved-card-shell:hover{transform:translateY(-4px) rotateX(1.2deg) rotateY(-1deg);box-shadow:0 30px 68px rgba(0,25,66,.52),0 1px 0 rgba(255,255,255,.2) inset}
#checkoutShell .saved-card-shell::before{content:"△ ○ × □";position:absolute;right:-15px;top:43px;color:rgba(255,255,255,.075);font-size:76px;letter-spacing:11px;transform:rotate(-14deg);white-space:nowrap}
#checkoutShell .saved-card-shell::after{content:"";position:absolute;inset:-80% -40%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.10) 49%,transparent 58%);transform:translateX(-34%);animation:cardSheen 5.4s ease-in-out infinite}
@keyframes cardSheen{0%,35%{transform:translateX(-36%)}62%,100%{transform:translateX(36%)}}
#checkoutShell .saved-card-top{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}
#checkoutShell .saved-card-chip{width:46px;height:35px;border-radius:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:5px;background:linear-gradient(145deg,#f7d57b,#b68a2d);box-shadow:0 3px 12px rgba(0,0,0,.22)}
#checkoutShell .saved-card-chip i{display:block;border:1px solid rgba(76,52,11,.38);border-radius:2px}
#checkoutShell .saved-card-visa{font-size:29px;line-height:1;font-weight:800;font-style:italic;letter-spacing:-.06em;text-shadow:0 2px 8px rgba(0,0,0,.18)}
#checkoutShell .saved-card-number{display:flex;gap:18px;align-items:center;margin:54px 0 30px;position:relative;z-index:2;font-size:21px;letter-spacing:.12em;text-shadow:0 2px 8px rgba(0,0,0,.20)}
#checkoutShell .saved-card-number span{opacity:.88}
#checkoutShell .saved-card-number strong{font-weight:600}
#checkoutShell .saved-card-meta{display:flex;justify-content:space-between;position:relative;z-index:2}
#checkoutShell .saved-card-meta div{display:flex;flex-direction:column;gap:3px}
#checkoutShell .saved-card-meta small{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.62)}
#checkoutShell .saved-card-meta strong{font-size:12px;letter-spacing:.04em}
#checkoutShell .saved-card-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(34,199,255,.22);filter:blur(50px);left:-70px;bottom:-100px}
#checkoutShell .saved-card-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0 16px}
#checkoutShell .saved-card-status-grid>div{position:relative;display:flex;flex-direction:column;padding:10px 10px 10px 28px;border-radius:9px;background:rgba(255,255,255,.033);border:1px solid rgba(145,182,219,.12)}
#checkoutShell .saved-card-status-grid small{font-size:8px;color:#73869f;text-transform:uppercase;letter-spacing:.11em}
#checkoutShell .saved-card-status-grid strong{font-size:10px;color:#e8f1fa;margin-top:2px}
#checkoutShell .status-dot{position:absolute;left:11px;top:15px;width:8px;height:8px;border-radius:50%}
#checkoutShell .status-dot.secure{background:var(--ps-green);box-shadow:0 0 12px rgba(40,209,124,.6)}
#checkoutShell .status-dot.billing{background:var(--ps-cyan);box-shadow:0 0 12px rgba(55,184,255,.6)}
#checkoutShell .status-dot.verified{background:var(--ps-purple);box-shadow:0 0 12px rgba(141,121,255,.6)}
#checkoutShell .payment-product.compact{margin-top:0!important;padding:12px!important;background:rgba(5,15,27,.48)!important;border-radius:10px!important;border:1px solid rgba(130,174,219,.13)!important}
#checkoutShell .payment-product.compact>img{width:76px!important;height:62px!important;border-radius:6px!important;object-fit:cover!important}
#checkoutShell .payment-account-strip{background:rgba(6,17,30,.62)!important;border:1px solid rgba(109,164,219,.16)!important;border-radius:10px!important}
#checkoutShell .payment-account-strip i{background:rgba(40,209,124,.10)!important;border:1px solid rgba(40,209,124,.18)!important;color:#75e8ad!important}

#checkoutShell .visa-method-panel{display:flex!important;flex-direction:column!important}
#checkoutShell .method-heading{padding-bottom:16px!important;border-bottom:1px solid rgba(135,174,215,.14)!important}
#checkoutShell .method-heading h4{font-size:17px!important;color:#fff!important;margin:0 0 4px!important}
#checkoutShell .method-heading p{font-size:10px!important;color:#8596ab!important;margin:0!important}
#checkoutShell .method-heading>strong{font-size:21px!important;color:#fff!important}
#checkoutShell .visa-selected-method{display:grid;grid-template-columns:45px 1fr 24px;gap:11px;align-items:center;margin:17px 0;padding:13px;border-radius:10px;background:linear-gradient(145deg,rgba(0,112,204,.13),rgba(255,255,255,.025));border:1px solid rgba(33,154,244,.24);box-shadow:0 0 28px rgba(0,112,204,.07) inset}
#checkoutShell .visa-mini-card{width:45px;height:31px;border-radius:6px;display:grid;place-items:center;background:linear-gradient(145deg,#0b4caa,#16347a);box-shadow:0 6px 15px rgba(0,0,0,.22)}
#checkoutShell .visa-mini-card b{color:#fff;font-style:italic;font-size:13px;letter-spacing:-.05em}
#checkoutShell .visa-selected-method>div{display:flex;flex-direction:column;gap:3px}
#checkoutShell .visa-selected-method strong{font-size:12px;color:#fff}
#checkoutShell .visa-selected-method small{font-size:9px;color:#8fa1b7}
#checkoutShell .method-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0b83d8;color:#fff;font-size:11px;box-shadow:0 0 16px rgba(0,149,255,.34)}
#checkoutShell .payment-total{margin-top:auto!important}
#checkoutShell .payment-total>div{border-color:rgba(138,176,215,.12)!important;color:#8fa0b5!important}
#checkoutShell .payment-total strong{color:#fff!important}
#checkoutShell .visa-pay-button{height:52px;border:0;border-radius:999px;margin-top:18px;background:linear-gradient(180deg,#108ee8,#006bc4);color:#fff;font-size:14px;font-weight:700;box-shadow:0 14px 34px rgba(0,112,204,.32);transition:.18s ease;display:flex;align-items:center;justify-content:center;gap:9px}
#checkoutShell .visa-pay-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 18px 38px rgba(0,112,204,.38)}
#checkoutShell .visa-pay-button:active:not(:disabled){transform:translateY(1px) scale(.99)}
#checkoutShell .visa-pay-button.loading .button-spinner{display:inline-block!important}
#checkoutShell .saved-payment-note{font-size:9px;color:#7d8ea4;text-align:center;line-height:1.45;margin:12px 0 0}

/* Processing overlay and loading bar. */
#checkoutShell .payment-processing{position:absolute;inset:0;z-index:12;display:none;place-items:center;padding:20px;background:rgba(3,8,15,.62);backdrop-filter:blur(15px) brightness(.62);-webkit-backdrop-filter:blur(15px) brightness(.62)}
#checkoutShell .payment-processing.active{display:grid;animation:processingIn .22s ease both}
@keyframes processingIn{from{opacity:0}to{opacity:1}}
#checkoutShell .processing-card{width:min(440px,calc(100vw - 42px));padding:34px 34px 30px;text-align:center;border-radius:18px;background:linear-gradient(155deg,#fdfefe,#eef4fa);color:#07172b;box-shadow:0 30px 100px rgba(0,0,0,.56);border:1px solid rgba(255,255,255,.8);animation:processingCardIn .32s var(--ps-ease) both}
@keyframes processingCardIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
#checkoutShell .processing-ps-mark{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;margin:0 auto 15px;background:linear-gradient(145deg,#0877ce,#00479f);box-shadow:0 14px 30px rgba(0,74,159,.26)}
#checkoutShell .processing-ps-mark img{width:53px;height:53px;object-fit:contain;filter:none}
#checkoutShell .processing-eyebrow{text-transform:uppercase;letter-spacing:.17em;color:#0070cc;font-size:9px;font-weight:800;margin:0 0 8px}
#checkoutShell .processing-card h3{font-family:"SST","SST Roman",Arial,sans-serif!important;font-size:24px;line-height:1.15;font-weight:500;letter-spacing:-.025em;margin:0 0 8px;color:#06152a}
#checkoutShell .processing-card>p:not(.processing-eyebrow){font-size:12px;color:#64748a;margin:0 0 22px}
#checkoutShell .processing-progress{height:5px;border-radius:99px;background:#d8e2ed;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06) inset}
#checkoutShell .processing-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0070cc,#19b8ff);border-radius:inherit;transition:width .7s var(--ps-ease);box-shadow:0 0 12px rgba(0,149,255,.45)}
#checkoutShell .processing-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}
#checkoutShell .processing-stages>div{display:flex;flex-direction:column;align-items:center;gap:6px;color:#91a0b1;font-size:8px;text-transform:uppercase;letter-spacing:.06em;transition:.2s ease}
#checkoutShell .processing-stages i{width:19px;height:19px;border-radius:50%;border:2px solid #c7d2de;background:#fff;position:relative;transition:.2s ease}
#checkoutShell .processing-stages .active{color:#006dc4}
#checkoutShell .processing-stages .active i{border-color:#078be7;box-shadow:0 0 0 5px rgba(0,112,204,.10)}
#checkoutShell .processing-stages .active i::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#078be7;animation:processPulse 1.2s ease infinite}
@keyframes processPulse{50%{opacity:.45;transform:scale(.7)}}
#checkoutShell .processing-stages .complete{color:#158456}
#checkoutShell .processing-stages .complete i{background:#1fad70;border-color:#1fad70}
#checkoutShell .processing-stages .complete i::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-style:normal;font-size:10px;font-weight:800}

#checkoutShell .checkout-complete-card{background:linear-gradient(155deg,rgba(23,38,58,.98),rgba(8,19,34,.98))!important;border:1px solid rgba(117,169,221,.22)!important;box-shadow:0 28px 80px rgba(0,0,0,.35)!important}
#checkoutShell .checkout-complete-mark{background:linear-gradient(145deg,#28d17c,#11915b)!important;box-shadow:0 0 35px rgba(40,209,124,.35)!important}
#checkoutShell .checkout-receipt{background:rgba(4,14,25,.54)!important;border-color:rgba(127,171,214,.16)!important}

@media(max-width:1024px){
  .hero-art img{object-position:62% top!important}
  #checkoutShell .checkout-window.ps-checkout{width:calc(100vw - 20px)!important;height:calc(100vh - 20px)!important}
  #checkoutShell .checkout-grid,#checkoutShell .payment-grid,#checkoutShell .visa-payment-grid{grid-template-columns:1fr!important;height:auto!important}
  #checkoutShell .checkout-body{overflow:auto!important}
  #checkoutShell .order-summary{min-height:300px!important}
  #checkoutShell .saved-card-shell{width:min(100%,530px)}
}
@media(max-width:767px){
  .hero-art img{object-position:center top!important}
  #checkoutShell.checkout-shell{padding:4px!important}
  #checkoutShell .checkout-window.ps-checkout{width:calc(100vw - 8px)!important;height:calc(100vh - 8px)!important;border-radius:10px!important}
  #checkoutShell .checkout-header{height:63px!important;padding:0 12px!important}
  #checkoutShell .checkout-brand-mark{width:42px!important;height:42px!important;border-radius:12px!important}
  #checkoutShell .checkout-brand-mark img{width:34px!important;height:34px!important}
  #checkoutShell .checkout-brand-copy h2{font-size:17px!important}
  #checkoutShell .checkout-brand-copy p{display:none!important}
  #checkoutShell .checkout-tabs{height:46px!important}
  #checkoutShell .checkout-tab{justify-content:center!important;padding:0 5px!important}
  #checkoutShell .checkout-tab strong{display:none!important}
  #checkoutShell .checkout-body{padding:7px!important}
  #checkoutShell .checkout-panel{padding:14px!important}
  #checkoutShell .main-panel h3,#checkoutShell .payment-main h3{font-size:27px!important}
  #checkoutShell .lookup-row{grid-template-columns:1fr!important}
  #checkoutShell .lookup-row button{height:48px!important}
  #checkoutShell .account-card.ready{grid-template-columns:62px 1fr!important}
  #checkoutShell .account-avatar{width:58px!important;height:58px!important}
  #checkoutShell .profile-status-grid{grid-template-columns:1fr!important}
  #checkoutShell .order-summary{display:none!important}
  #checkoutShell .review-cards{grid-template-columns:1fr!important}
  #checkoutShell .review-actions{flex-direction:column-reverse!important}
  #checkoutShell .review-actions button{width:100%!important}
  #checkoutShell .saved-card-shell{padding:18px;min-height:214px;aspect-ratio:auto}
  #checkoutShell .saved-card-number{font-size:17px;gap:10px;margin:42px 0 26px}
  #checkoutShell .saved-card-status-grid{grid-template-columns:1fr!important}
  #checkoutShell .payment-product.compact{grid-template-columns:72px 1fr!important}
  #checkoutShell .payment-product.compact>img{width:72px!important;height:58px!important}
}
/* Hero stacking correction: artwork must sit above the yellow section background. */
.hero-art{z-index:0!important}
.hero::after{z-index:1!important;pointer-events:none!important}
.hero-content{position:relative!important;z-index:2!important}

/* =========================================================
   FINAL SAVED PAYMENT METHOD REBUILD
   Compact PlayStation checkout — no oversized card artwork.
   ========================================================= */
#checkoutShell.checkout-shell{
  padding:16px!important;
}
#checkoutShell .checkout-window.ps-checkout{
  width:min(1000px,calc(100vw - 32px))!important;
  height:min(650px,calc(100vh - 32px))!important;
  border-radius:16px!important;
}
#checkoutShell .checkout-header{
  height:68px!important;
  padding:0 20px!important;
}
#checkoutShell .checkout-brand-mark{
  width:44px!important;
  height:44px!important;
  border-radius:12px!important;
}
#checkoutShell .checkout-brand-mark img{
  width:36px!important;
  height:36px!important;
}
#checkoutShell .checkout-brand-copy h2{
  font-size:19px!important;
}
#checkoutShell .checkout-tabs{
  height:48px!important;
}
#checkoutShell .checkout-tab{
  padding:0 20px!important;
  font-size:12px!important;
}
#checkoutShell .checkout-body{
  padding:14px!important;
}
#checkoutShell .checkout-grid{
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:14px!important;
}
#checkoutShell .payment-grid.saved-payment-layout{
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:14px!important;
}
#checkoutShell .checkout-panel{
  padding:20px!important;
  border-radius:12px!important;
}
#checkoutShell .main-panel h3,
#checkoutShell .payment-main h3{
  font-size:32px!important;
  line-height:1.08!important;
}
#checkoutShell .checkout-sub{
  margin:9px 0 18px!important;
  font-size:12px!important;
}

#checkoutShell .saved-payment-main{
  overflow:auto!important;
  display:flex!important;
  flex-direction:column!important;
}
#checkoutShell .saved-method-section{
  margin:2px 0 14px!important;
}
#checkoutShell .saved-method-label{
  margin:0 0 8px!important;
  color:#aeb9c8!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#checkoutShell .saved-payment-method{
  width:100%!important;
  min-height:72px!important;
  padding:11px 15px!important;
  border:1px solid rgba(184,194,214,.18)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#303342,#282b37)!important;
  color:#fff!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 24px!important;
  gap:14px!important;
  align-items:center!important;
  text-align:left!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
  cursor:pointer!important;
}
#checkoutShell .saved-payment-method:hover,
#checkoutShell .saved-payment-method:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(74,172,255,.48)!important;
  background:linear-gradient(180deg,#353949,#2b2f3c)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24),0 0 0 3px rgba(0,112,204,.10)!important;
  outline:none!important;
}
#checkoutShell .saved-method-logo{
  width:54px!important;
  height:34px!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#1739a5!important;
  display:grid!important;
  place-items:center!important;
  font-family:Arial,sans-serif!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
  font-style:italic!important;
  letter-spacing:-.08em!important;
  box-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
#checkoutShell .saved-method-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
#checkoutShell .saved-method-copy strong{
  color:#fff!important;
  font-size:18px!important;
  line-height:1.05!important;
  font-weight:600!important;
  letter-spacing:-.015em!important;
}
#checkoutShell .saved-method-copy small{
  color:#b9becb!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:600!important;
}
#checkoutShell .saved-method-radio{
  width:19px!important;
  height:19px!important;
  border:4px solid #c4cad6!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  justify-self:end!important;
  box-sizing:border-box!important;
}
#checkoutShell .saved-payment-method.selected .saved-method-radio{
  border-color:#d8deea!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12)!important;
}
#checkoutShell .saved-payment-method.selected .saved-method-radio i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#0f8fe8!important;
  box-shadow:0 0 10px rgba(15,143,232,.7)!important;
}

#checkoutShell .saved-method-notice{
  min-height:52px!important;
  margin:0 0 14px!important;
  padding:10px 12px!important;
  border:1px solid rgba(42,147,217,.25)!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,rgba(0,112,204,.12),rgba(17,43,72,.28))!important;
  display:grid!important;
  grid-template-columns:25px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}
#checkoutShell .saved-method-lock{
  width:25px!important;
  height:25px!important;
  border-radius:50%!important;
  background:#168fe9!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:12px!important;
  box-shadow:0 0 18px rgba(22,143,233,.30)!important;
}
#checkoutShell .saved-method-notice strong{
  color:#eaf6ff!important;
  display:block!important;
  font-size:12px!important;
  margin-bottom:2px!important;
}
#checkoutShell .saved-method-notice p{
  margin:0!important;
  color:#9fb2c8!important;
  font-size:10px!important;
}

#checkoutShell .saved-payment-product{
  min-height:82px!important;
  padding:10px 12px!important;
  margin:0 0 10px!important;
  border-radius:10px!important;
  border:1px solid rgba(155,190,226,.15)!important;
  background:#0a1523!important;
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}
#checkoutShell .saved-payment-product>img{
  width:96px!important;
  height:54px!important;
  object-fit:cover!important;
  border-radius:6px!important;
}
#checkoutShell .saved-payment-product>div>strong{
  font-size:14px!important;
  line-height:1.15!important;
}
#checkoutShell .saved-payment-product p{
  margin:4px 0 7px!important;
  font-size:10px!important;
}
#checkoutShell .saved-payment-account{
  min-height:58px!important;
  margin:0 0 12px!important;
  padding:8px 11px!important;
  border-radius:10px!important;
}
#checkoutShell .saved-payment-account img{
  width:40px!important;
  height:40px!important;
  border-radius:8px!important;
}
#checkoutShell .saved-payment-main .payment-back{
  width:78px!important;
  height:34px!important;
  margin-top:auto!important;
}

#checkoutShell .saved-payment-summary{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#checkoutShell .saved-payment-summary .method-heading{
  padding-bottom:14px!important;
  border-bottom:1px solid rgba(155,190,226,.15)!important;
}
#checkoutShell .saved-payment-summary .method-heading h4{
  font-size:16px!important;
}
#checkoutShell .saved-payment-summary .method-heading>strong{
  font-size:20px!important;
}
#checkoutShell .saved-payment-summary-product{
  margin:16px 0!important;
  padding:10px!important;
  border:1px solid rgba(155,190,226,.16)!important;
  border-radius:10px!important;
  background:#0b1624!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
}
#checkoutShell .saved-payment-summary-product img{
  width:88px!important;
  height:50px!important;
  object-fit:cover!important;
  border-radius:6px!important;
}
#checkoutShell .saved-payment-summary-product strong{
  display:block!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.25!important;
  margin-bottom:4px!important;
}
#checkoutShell .saved-payment-summary-product small{
  color:#91a2b7!important;
  font-size:10px!important;
  line-height:1.2!important;
}
#checkoutShell .saved-payment-summary .payment-total{
  margin-top:0!important;
}
#checkoutShell .saved-payment-pay{
  height:48px!important;
  margin-top:auto!important;
  border-radius:999px!important;
  font-size:15px!important;
  box-shadow:0 12px 28px rgba(0,112,204,.25)!important;
}
#checkoutShell .saved-payment-note{
  margin:10px 0 0!important;
  text-align:center!important;
  color:#8395aa!important;
  font-size:9px!important;
  line-height:1.35!important;
}

@media (max-width:900px){
  #checkoutShell .checkout-window.ps-checkout{
    width:min(760px,calc(100vw - 20px))!important;
    height:min(760px,calc(100vh - 20px))!important;
  }
  #checkoutShell .checkout-grid,
  #checkoutShell .payment-grid.saved-payment-layout{
    grid-template-columns:1fr!important;
    height:auto!important;
  }
  #checkoutShell .saved-payment-summary{
    min-height:330px!important;
  }
}
@media (max-width:600px){
  #checkoutShell.checkout-shell{padding:4px!important}
  #checkoutShell .checkout-window.ps-checkout{
    width:calc(100vw - 8px)!important;
    height:calc(100vh - 8px)!important;
  }
  #checkoutShell .checkout-header{height:62px!important;padding:0 12px!important}
  #checkoutShell .checkout-tabs{height:44px!important}
  #checkoutShell .checkout-body{padding:7px!important}
  #checkoutShell .checkout-panel{padding:14px!important}
  #checkoutShell .saved-payment-method{
    grid-template-columns:48px minmax(0,1fr) 22px!important;
    min-height:68px!important;
    padding:10px 12px!important;
    gap:11px!important;
  }
  #checkoutShell .saved-method-logo{width:48px!important;height:31px!important;font-size:15px!important}
  #checkoutShell .saved-method-copy strong{font-size:16px!important}
  #checkoutShell .saved-method-copy small{font-size:12px!important}
  #checkoutShell .saved-payment-product{grid-template-columns:76px minmax(0,1fr)!important}
  #checkoutShell .saved-payment-product>img{width:76px!important;height:44px!important}
}

/* =========================================================
   PREMIUM LOADING + ORDER SUMMARY QA FIXES
   ========================================================= */

/* Order summary: remove narrow floating totals and wasted space. */
#checkoutShell .saved-payment-summary{
  display:grid!important;
  grid-template-rows:auto auto auto auto auto!important;
  align-content:start!important;
  gap:0!important;
  overflow:auto!important;
}
#checkoutShell .saved-payment-summary .method-heading{
  width:100%!important;
  box-sizing:border-box!important;
}
#checkoutShell .saved-payment-summary-product{
  width:100%!important;
  box-sizing:border-box!important;
  margin:16px 0 14px!important;
}
#checkoutShell .saved-payment-summary .payment-total{
  width:100%!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
  margin:0!important;
  padding:14px 15px!important;
  border:1px solid rgba(149,187,225,.17)!important;
  border-radius:10px!important;
  background:linear-gradient(150deg,rgba(7,17,31,.94),rgba(10,25,43,.94))!important;
  display:grid!important;
  gap:10px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 26px rgba(0,0,0,.12)!important;
}
#checkoutShell .saved-payment-summary .payment-total>div{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  color:#97a8bc!important;
  font-size:11px!important;
  line-height:1.2!important;
}
#checkoutShell .saved-payment-summary .payment-total>div+div{
  padding-top:8px!important;
  border-top:1px solid rgba(149,187,225,.09)!important;
}
#checkoutShell .saved-payment-summary .payment-total .grand-total{
  margin-top:1px!important;
  padding-top:11px!important;
  border-top:1px solid rgba(149,187,225,.17)!important;
  font-size:14px!important;
}
#checkoutShell .saved-payment-summary .payment-total .grand-total strong{
  font-size:19px!important;
  letter-spacing:-.025em!important;
}
#checkoutShell .saved-payment-pay{
  width:100%!important;
  margin:18px 0 0!important;
}
#checkoutShell .saved-payment-note{
  width:100%!important;
  margin:10px 0 0!important;
}

/* Buttons stay vivid and animated while waiting instead of looking disabled. */
#checkoutShell #lookupAccount,
#checkoutShell #toPayment,
#checkoutShell #payWithVisa{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
#checkoutShell #lookupAccount.loading,
#checkoutShell #toPayment.loading,
#checkoutShell #payWithVisa.loading{
  opacity:1!important;
  color:#fff!important;
  cursor:wait!important;
  background:linear-gradient(100deg,#0067bd 0%,#0b95ed 38%,#0067bd 72%,#0b95ed 100%)!important;
  background-size:240% 100%!important;
  animation:premiumButtonFlow 1.35s linear infinite!important;
  box-shadow:0 12px 32px rgba(0,112,204,.34),0 0 0 1px rgba(118,205,255,.16) inset!important;
}
#checkoutShell #lookupAccount.loading::after,
#checkoutShell #toPayment.loading::after,
#checkoutShell #payWithVisa.loading::after{
  content:"";
  position:absolute;
  inset:-2px auto -2px -45%;
  width:42%;
  z-index:-1;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent);
  animation:premiumButtonSheen 1.15s ease-in-out infinite;
}
#checkoutShell #lookupAccount.loading:disabled,
#checkoutShell #toPayment.loading:disabled,
#checkoutShell #payWithVisa.loading:disabled{
  opacity:1!important;
  filter:none!important;
  box-shadow:0 12px 32px rgba(0,112,204,.34)!important;
}
#checkoutShell #lookupAccount.loading .button-spinner,
#checkoutShell #toPayment.loading .button-spinner,
#checkoutShell #payWithVisa.loading .button-spinner{
  display:inline-block!important;
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  border:2px solid rgba(255,255,255,.30)!important;
  border-top-color:#fff!important;
  border-right-color:#fff!important;
  box-shadow:0 0 10px rgba(255,255,255,.17)!important;
  animation:premiumSpinner .68s linear infinite!important;
}
#checkoutShell #lookupAccount.loading span:last-child,
#checkoutShell #toPayment.loading span:last-child,
#checkoutShell #payWithVisa.loading span:last-child{
  color:#fff!important;
  opacity:1!important;
  animation:loadingLabelBreath 1.3s ease-in-out infinite!important;
}
@keyframes premiumButtonFlow{to{background-position:-240% 0}}
@keyframes premiumButtonSheen{0%{left:-48%;opacity:0}18%{opacity:1}70%,100%{left:112%;opacity:0}}
@keyframes premiumSpinner{to{transform:rotate(360deg)}}
@keyframes loadingLabelBreath{50%{opacity:.78}}

/* Animated account lookup skeleton remains visibly alive. */
#checkoutShell .account-card:not(.ready){
  animation:skeletonPanelBreath 2.3s ease-in-out infinite!important;
}
#checkoutShell .account-card:not(.ready)::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  transform:translateX(-115%);
  background:linear-gradient(105deg,transparent 22%,rgba(81,171,240,.08) 45%,rgba(255,255,255,.08) 50%,rgba(81,171,240,.08) 55%,transparent 78%);
  animation:accountPanelSweep 1.8s ease-in-out infinite;
}
#checkoutShell .account-card .skeleton::after{
  animation-duration:1.25s!important;
}
@keyframes skeletonPanelBreath{50%{border-color:rgba(76,145,211,.42);box-shadow:0 0 26px rgba(0,112,204,.08) inset}}
@keyframes accountPanelSweep{to{transform:translateX(115%)}}

/* Step changes feel deliberate instead of snapping. */
#checkoutShell .checkout-step.active{
  animation:premiumStepReveal .34s cubic-bezier(.22,.61,.36,1) both!important;
}
@keyframes premiumStepReveal{
  from{opacity:0;transform:translate3d(14px,0,0);filter:blur(2px)}
  to{opacity:1;transform:none;filter:none}
}
#checkoutShell .checkout-tab::after{
  transition:transform .34s cubic-bezier(.22,.61,.36,1)!important;
}

/* Processing overlay: continuous motion, not static jumps. */
#checkoutShell .payment-processing{
  background:rgba(2,8,16,.63)!important;
  backdrop-filter:blur(18px) saturate(.72) brightness(.58)!important;
  -webkit-backdrop-filter:blur(18px) saturate(.72) brightness(.58)!important;
}
#checkoutShell .payment-processing.active{
  display:grid!important;
  animation:premiumProcessingBackdrop .3s ease both!important;
}
#checkoutShell .processing-card{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(0,149,255,.08),transparent 34%),
    linear-gradient(155deg,#fff,#edf4fb 68%,#e7f0f8)!important;
  animation:premiumProcessingCard .42s cubic-bezier(.22,.61,.36,1) both!important;
}
#checkoutShell .processing-card::before{
  content:"";
  position:absolute;
  inset:-35% -65%;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.68) 49%,rgba(95,184,255,.10) 53%,transparent 60%);
  transform:translateX(-28%) rotate(2deg);
  animation:processingAmbientSweep 3.1s ease-in-out infinite;
}
#checkoutShell .processing-card>*{position:relative;z-index:1}
#checkoutShell .processing-card.stage-change h3,
#checkoutShell .processing-card.stage-change>p:not(.processing-eyebrow){
  animation:processingTextSwap .34s ease both!important;
}
#checkoutShell .processing-ps-mark{
  position:relative!important;
  animation:processingMarkFloat 2.2s ease-in-out infinite!important;
}
#checkoutShell .processing-ps-mark::before,
#checkoutShell .processing-ps-mark::after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:24px;
  border:1px solid rgba(0,112,204,.25);
  opacity:0;
  animation:processingMarkRipple 2s ease-out infinite;
}
#checkoutShell .processing-ps-mark::after{animation-delay:1s}
#checkoutShell .processing-progress{
  position:relative!important;
  height:6px!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,#d3dce6,#e2e9f0)!important;
}
#checkoutShell .processing-progress::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  animation:progressRailSweep 1.45s ease-in-out infinite;
}
#checkoutShell .processing-progress span{
  position:relative!important;
  overflow:visible!important;
  transition:none!important;
  will-change:width!important;
  background:linear-gradient(90deg,#0068bd 0%,#009cff 56%,#47c9ff 100%)!important;
  box-shadow:0 0 15px rgba(0,149,255,.45)!important;
}
#checkoutShell .processing-progress span::after{
  content:"";
  position:absolute;
  right:-5px;
  top:50%;
  width:10px;
  height:10px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#42c6ff;
  box-shadow:0 0 0 5px rgba(0,149,255,.12),0 0 16px rgba(0,149,255,.75);
  animation:progressHeadPulse 1s ease-in-out infinite;
}
#checkoutShell .processing-stages .active i{
  animation:activeStageOrbit 1.55s ease-in-out infinite!important;
}
#checkoutShell .processing-stages .active span{
  animation:stageLabelPulse 1.4s ease-in-out infinite!important;
}
@keyframes premiumProcessingBackdrop{from{opacity:0}to{opacity:1}}
@keyframes premiumProcessingCard{from{opacity:0;transform:translateY(16px) scale(.965);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes processingAmbientSweep{0%,28%{transform:translateX(-32%) rotate(2deg);opacity:0}44%{opacity:.68}72%,100%{transform:translateX(32%) rotate(2deg);opacity:0}}
@keyframes processingTextSwap{from{opacity:0;transform:translateY(5px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes processingMarkFloat{50%{transform:translateY(-4px);box-shadow:0 18px 34px rgba(0,74,159,.32)}}
@keyframes processingMarkRipple{0%{opacity:.5;transform:scale(.78)}75%,100%{opacity:0;transform:scale(1.3)}}
@keyframes progressRailSweep{to{transform:translateX(100%)}}
@keyframes progressHeadPulse{50%{transform:translateY(-50%) scale(.72);opacity:.72}}
@keyframes activeStageOrbit{50%{box-shadow:0 0 0 7px rgba(0,112,204,.08),0 0 18px rgba(0,112,204,.18)}}
@keyframes stageLabelPulse{50%{opacity:.62}}

/* Receipt arrival. */
#checkoutShell .checkout-complete-mark{
  animation:receiptMarkIn .55s cubic-bezier(.18,.89,.32,1.28) both!important;
}
#checkoutShell .checkout-receipt>div{
  opacity:0;
  animation:receiptRowIn .35s ease forwards;
}
#checkoutShell .checkout-receipt>div:nth-child(1){animation-delay:.08s}
#checkoutShell .checkout-receipt>div:nth-child(2){animation-delay:.14s}
#checkoutShell .checkout-receipt>div:nth-child(3){animation-delay:.20s}
#checkoutShell .checkout-receipt>div:nth-child(4){animation-delay:.26s}
#checkoutShell .checkout-receipt>div:nth-child(5){animation-delay:.32s}
@keyframes receiptMarkIn{from{opacity:0;transform:scale(.52) rotate(-14deg)}to{opacity:1;transform:none}}
@keyframes receiptRowIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  #checkoutShell *,#checkoutShell *::before,#checkoutShell *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* =====================================================================
   PIXEL-PERFECT DESKTOP RECONCILIATION — JULY 2026
   ===================================================================== */
@font-face{
  font-family:"Wolverine Display";
  src:url("https://www.playstation.com/content/dam/global_pdc/site-furniture/marvels-wolverine/alternategotno1d/AlternateGotNo1D.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

:root{
  --official-content:1264px;
  --official-hero-height:627px;
  --official-orange:#d63d00;
  --official-blue:#0070cc;
}

.page-width{width:min(var(--official-content),calc(100% - 48px))!important;margin-inline:auto!important}

/* Official three-tier PlayStation header dimensions at 2048px. */
.sony-strip{height:27px!important;padding:0 11px!important;background:#000!important}
.sony-strip img{width:55px!important;height:16px!important;object-fit:contain!important}
.ps-global{
  height:29px!important;
  min-height:29px!important;
  grid-template-columns:42px 1fr auto!important;
  padding:0 12px 0 8px!important;
  border-bottom:1px solid #e5e5e5!important;
  background:#fff!important;
}
.ps-home{width:28px!important;height:28px!important}
.ps-home img{width:18px!important;height:18px!important}
.ps-global-links{gap:31px!important;height:29px!important}
.ps-global-links button{height:29px!important;font-size:12px!important;line-height:29px!important;color:#505050!important;font-weight:400!important}
.ps-global-actions{height:29px!important;gap:12px!important;align-items:center!important}
.ps-account-orb,.ps-header-icon{
  appearance:none;border:0;background:transparent;padding:0;margin:0;display:grid;place-items:center;color:#111;
}
.ps-account-orb{width:29px;height:29px;border-radius:50%;background:#05142d;border:2px solid #2b9eff;box-shadow:0 0 0 1px #001c50 inset}
.orb-face{position:relative;width:19px;height:15px;border-radius:7px 7px 9px 9px;background:#0b1e43;border:1px solid #54b7ff;display:block}
.orb-face::before,.orb-face::after{content:"";position:absolute;top:4px;width:3px;height:3px;border-radius:50%;background:#55ccff;box-shadow:0 0 5px #36a9ff}
.orb-face::before{left:4px}.orb-face::after{right:4px}
.orb-face i{position:absolute;left:5px;right:5px;bottom:3px;height:1px;background:#55ccff;border-radius:2px}
.orb-face b{position:absolute;left:8px;top:-5px;width:3px;height:5px;border-radius:2px;background:#54b7ff}
.ps-header-icon{width:25px;height:29px}
.ps-header-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ps-cart-icon svg{width:21px;height:21px}
.search-control{height:29px!important;width:106px!important;padding:0 2px 0 10px!important;border-left:1px solid #e1e1e1!important}
.search-control input{font-size:12px!important;width:70px!important}
.search-control svg{width:16px!important;height:16px!important}

.game-nav{
  height:55px!important;
  min-height:55px!important;
  grid-template-columns:128px 1fr 180px!important;
  padding:0 9px!important;
  background:#fff!important;
  border-bottom:1px solid #e8e8e8!important;
}
.game-logo-link{width:88px!important;height:55px!important;display:flex!important;align-items:center!important}
.game-logo-link img{width:82px!important;max-height:34px!important;object-fit:contain!important}
.game-links{gap:39px!important;height:55px!important;font-size:13px!important;font-weight:600!important}
.game-links a{height:55px!important}
.ps-cta-small{height:40px!important;padding:0 18px!important;font-size:13px!important;align-self:center!important;background:var(--official-orange)!important}

/* The official 2400 × 897 artwork must span the full hero, never a right-side crop. */
.hero{
  height:var(--official-hero-height)!important;
  min-height:var(--official-hero-height)!important;
  background:#ffef2e!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.hero-art{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;overflow:hidden!important}
.hero-art img{
  width:100%!important;height:100%!important;max-width:none!important;display:block!important;
  object-fit:cover!important;object-position:center center!important;
}
.hero::after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:transparent!important}
.hero-content{
  width:min(var(--official-content),calc(100% - 48px))!important;
  height:100%!important;
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:flex-start!important;
  padding:51px 0 0!important;
}
.hero-copy{width:545px!important;padding:0!important;margin:0!important}
.hero h1{
  font-family:"SST","Helvetica Neue",Arial,sans-serif!important;
  font-size:40px!important;line-height:1.04!important;font-weight:300!important;
  letter-spacing:-.018em!important;margin:0 0 18px!important;
}
.publisher{font-size:14px!important;line-height:1.2!important;font-weight:600!important;margin:0 0 19px!important}
.availability{font-size:9px!important;gap:7px!important;margin:0 0 54px!important;align-items:center!important}
.platform-chip{font-size:8px!important;line-height:1!important;padding:3px 4px!important;border:1px solid #111!important}
.hero-price{font-size:22px!important;line-height:1!important;font-weight:300!important;margin:0 0 25px!important}
.hero-actions{gap:12px!important;margin:0 0 41px!important}
.hero-preorder{width:228px!important;height:41px!important;font-size:13px!important;background:var(--official-orange)!important}
.wishlist-blue{width:41px!important;height:41px!important;border-width:1.5px!important}
.hero-specs{grid-template-columns:148px 190px 150px!important;gap:27px!important;font-size:10px!important;line-height:1.35!important}
.spec-column{gap:11px!important}
.spec-row{grid-template-columns:20px 1fr!important;gap:8px!important;min-height:19px!important}
.spec-row img.spec-icon{width:20px!important;height:20px!important;object-fit:contain!important}
.view-all{font-size:12px!important;margin:3px 0 0 28px!important}
.rating-line{
  right:max(24px,calc((100vw - var(--official-content))/2))!important;
  bottom:51px!important;gap:12px!important;font-size:9px!important;
}
.rating-line img{width:44px!important;height:44px!important}

/* Official media rail: edge-to-edge 680px cards, 14px gaps, 89px top breathing room. */
.media{background:#000!important;padding:89px 0 34px!important;overflow:hidden!important;color:#fff!important}
.media-viewport{position:relative!important;width:100%!important;overflow:visible!important}
.media-track{
  display:grid!important;grid-auto-flow:column!important;grid-auto-columns:680px!important;gap:14px!important;
  overflow-x:auto!important;scroll-snap-type:x mandatory!important;
  padding:0 0 0 0!important;margin-left:-50px!important;
  scrollbar-width:none!important;overscroll-behavior-inline:contain!important;
}
.media-card{width:680px!important;aspect-ratio:16/9!important;border-radius:16px!important;scroll-snap-align:start!important;overflow:hidden!important}
.media-card img{width:100%!important;height:100%!important;object-fit:cover!important}
.carousel-arrow{width:52px!important;height:52px!important;top:50%!important;background:#fff!important;color:#111!important}
.carousel-prev{left:218px!important}.carousel-next{right:218px!important}
.carousel-dots{margin-top:23px!important;gap:7px!important}
.carousel-dots button{width:22px!important;height:2px!important;background:#333!important}
.carousel-dots button.active{background:#ddd!important}

/* Natural, continuous page motion. */
[data-reveal]{opacity:0!important;transform:translateY(18px)!important;filter:blur(2px)!important;transition:opacity .62s cubic-bezier(.22,.75,.2,1),transform .62s cubic-bezier(.22,.75,.2,1),filter .62s ease!important}
[data-reveal].in-view{opacity:1!important;transform:none!important;filter:none!important}
.media-card,.edition-card,.feature-card{will-change:transform;transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,filter .34s ease!important}
.media-card:hover{transform:translateY(-3px) scale(1.003)!important}
.ps-cta,.primary-button,.visa-pay-button{position:relative;overflow:hidden}
.ps-cta::after,.primary-button::after,.visa-pay-button::after{content:"";position:absolute;inset:-2px auto -2px -35%;width:28%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);opacity:0}
.ps-cta:hover::after,.primary-button:hover::after,.visa-pay-button:hover::after{opacity:1;animation:buttonSheen .75s ease forwards}
@keyframes buttonSheen{to{left:112%}}

/* Checkout processing: guaranteed completion and continuously animated feedback. */
#checkoutShell .payment-processing{background:rgba(2,8,17,.54)!important;backdrop-filter:blur(20px) saturate(.82) brightness(.62)!important;-webkit-backdrop-filter:blur(20px) saturate(.82) brightness(.62)!important}
#checkoutShell .processing-card{
  position:relative!important;overflow:hidden!important;width:min(470px,calc(100vw - 42px))!important;
  padding:38px 36px 31px!important;border-radius:20px!important;
  background:linear-gradient(145deg,#fff,#edf5fc)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.9) inset!important;
}
#checkoutShell .processing-card::before{content:"";position:absolute;inset:-45% -35%;background:conic-gradient(from 90deg,transparent 0 35%,rgba(31,162,255,.11) 42%,transparent 50% 100%);animation:checkoutAura 4.8s linear infinite;pointer-events:none}
#checkoutShell .processing-card>*{position:relative;z-index:1}
#checkoutShell .processing-ps-mark{animation:processingMarkFloat 2.1s ease-in-out infinite!important}
#checkoutShell .processing-ps-mark::after{content:"";position:absolute;inset:-8px;border:1px solid rgba(0,112,204,.25);border-radius:24px;animation:processingRing 1.8s ease-out infinite}
#checkoutShell .processing-progress{height:6px!important;position:relative!important;background:#d8e4ef!important;overflow:hidden!important}
#checkoutShell .processing-progress::after{content:"";position:absolute;inset:0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);animation:progressGlint 1.35s linear infinite;transform:translateX(-150%)}
#checkoutShell .processing-progress span{transition:none!important;background:linear-gradient(90deg,#0070cc,#1bb8ff,#0070cc)!important;background-size:200% 100%!important;animation:progressFlow 1.3s linear infinite!important}
#checkoutShell .processing-stages .active i{animation:stageHalo 1.35s ease-in-out infinite!important}
#checkoutShell .processing-stages .active span{animation:stageText 1.35s ease-in-out infinite!important}
#checkoutShell .processing-card.approved .processing-ps-mark{background:linear-gradient(145deg,#1fbc75,#0b8754)!important;box-shadow:0 14px 32px rgba(24,173,105,.32)!important}
@keyframes checkoutAura{to{transform:rotate(360deg)}}
@keyframes processingRing{0%{opacity:.65;transform:scale(.78)}85%,100%{opacity:0;transform:scale(1.35)}}
@keyframes progressGlint{to{transform:translateX(400%)}}
@keyframes progressFlow{to{background-position:-200% 0}}
@keyframes stageHalo{50%{box-shadow:0 0 0 8px rgba(0,112,204,.06),0 0 20px rgba(0,112,204,.28)}}
@keyframes stageText{50%{opacity:.62}}

/* Responsive parity. */
@media(max-width:1300px){
  .page-width,.hero-content{width:min(1120px,calc(100% - 40px))!important}
  .rating-line{right:24px!important}
  .media-track{grid-auto-columns:min(680px,72vw)!important;margin-left:-28px!important}
  .media-card{width:min(680px,72vw)!important}
  .carousel-prev{left:24px!important}.carousel-next{right:24px!important}
}
@media(max-width:980px){
  .ps-global-links{gap:17px!important}.ps-header-icon{display:none!important}
  .hero{height:760px!important;min-height:760px!important}
  .hero-art img{object-position:62% center!important}
  .hero-content{padding-top:390px!important}
  .hero::after{background:linear-gradient(180deg,transparent 0 35%,rgba(255,238,30,.82) 56%,#ffef2e 72%)!important}
  .hero-specs{grid-template-columns:1fr 1fr!important;max-width:540px!important}
  .rating-line{top:315px!important;bottom:auto!important}
  .media-track{grid-auto-columns:78vw!important;margin-left:16px!important;padding-right:16px!important}
  .media-card{width:78vw!important}
}
@media(max-width:720px){
  .sony-strip{height:20px!important}.ps-global{height:38px!important}.game-nav{height:48px!important;grid-template-columns:100px 1fr auto!important}
  .ps-global-links{display:none!important}.game-links{display:none!important}.search-control{display:none!important}
  .hero{height:auto!important;min-height:830px!important}
  .hero-content{padding:344px 16px 46px!important;width:100%!important}
  .hero-art img{object-position:center top!important}
  .hero h1{font-size:36px!important}
  .hero-specs{grid-template-columns:1fr 1fr!important;gap:18px!important}
  .rating-line{top:292px!important;right:14px!important}
  .media{padding-top:48px!important}.media-track{grid-auto-columns:calc(100vw - 32px)!important;margin-left:16px!important}.media-card{width:calc(100vw - 32px)!important}
}

@media(prefers-reduced-motion:reduce){
  #checkoutShell .processing-card::before,#checkoutShell .processing-ps-mark,#checkoutShell .processing-ps-mark::after,#checkoutShell .processing-progress::after,#checkoutShell .processing-progress span,#checkoutShell .processing-stages .active i,#checkoutShell .processing-stages .active span{animation:none!important}
}

/* Measured from the supplied 2048px official reference: source art scale 0.855635,
   x offset 398px and y offset -97px within the hero. */
@media(min-width:1301px){
  .hero-art{overflow:hidden!important}
  .hero-art img{
    position:absolute!important;
    width:calc(100vw + 6px)!important;
    height:auto!important;
    left:calc((100vw - var(--official-content))/2 + 6px)!important;
    top:-97px!important;
    object-fit:unset!important;
    object-position:initial!important;
  }
  .rating-line{right:49px!important;bottom:59px!important}
  .ps-global{grid-template-columns:128px 1fr auto!important}
}

/* Typography and rhythm measured against the official 2048px capture. */
html,body,button,input{font-family:"SST","DejaVu Sans",Arial,sans-serif!important}
.hero h1{font-family:"SST","DejaVu Sans",Arial,sans-serif!important;margin-bottom:26px!important}
.publisher{margin-bottom:28px!important}
.availability{margin-bottom:62px!important}
.hero-price{margin-bottom:29px!important}
.hero-actions{margin-bottom:46px!important}
@media(min-width:1301px){
  .hero-art img{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 5%,#000 18%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 5%,#000 18%)!important;
  }
}


/* =====================================================================
   FINAL REFERENCE RECONCILIATION — measured against supplied 2048×1056
   ===================================================================== */
html,body,button,input{font-family:"SST","Helvetica Neue",Arial,sans-serif!important}
.hero h1{font-family:"SST","Helvetica Neue",Arial,sans-serif!important}

@media(min-width:1301px){
  /* Official first menu label begins at x≈163 in the supplied capture. */
  .ps-global{grid-template-columns:155px 1fr auto!important}

  /* Official carousel uses 760px 16:9 panels. The first begins at x=-130,
     placing panel two at x=644 and panel three at x=1418. */
  .media-track{grid-auto-columns:760px!important;margin-left:-130px!important}
  .media-card{width:760px!important;aspect-ratio:16/9!important}
  .carousel-prev{left:257px!important}
  .carousel-next{right:257px!important}

  /* Official information columns and icon/text baselines. */
  .hero-specs{
    grid-template-columns:180px 190px 150px!important;
    gap:27px!important;
    transform:translateY(1px);
  }
  .spec-column{gap:10px!important}
  .spec-row{
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:24px!important;
    align-items:start!important;
  }
  .spec-row .spec-icon-img{
    width:24px!important;height:24px!important;
    margin:0 0 0 4px!important;
    object-fit:contain!important;
  }
  .spec-column:first-child .spec-row:nth-child(3){margin-top:8px!important}
  .view-all{margin-left:40px!important}
}

/* Premium page-entry motion without changing the official resting layout. */
.sony-strip{animation:headerDrop .42s cubic-bezier(.2,.8,.2,1) both}
.ps-global{animation:headerDrop .48s .035s cubic-bezier(.2,.8,.2,1) both}
.game-nav{animation:headerDrop .52s .07s cubic-bezier(.2,.8,.2,1) both}
.hero-art img{animation:heroArtworkIn 1.05s cubic-bezier(.16,.82,.22,1) both}
.hero-copy>*{animation:heroCopyIn .62s cubic-bezier(.18,.82,.22,1) both!important}
.hero-copy>*:nth-child(1){animation-delay:.10s!important}
.hero-copy>*:nth-child(2){animation-delay:.15s!important}
.hero-copy>*:nth-child(3){animation-delay:.20s!important}
.hero-copy>*:nth-child(4){animation-delay:.25s!important}
.hero-copy>*:nth-child(5){animation-delay:.30s!important}
.hero-copy>*:nth-child(6){animation-delay:.35s!important}
.media-card{animation:mediaPanelIn .72s cubic-bezier(.2,.78,.2,1) both}
.media-card:nth-child(2){animation-delay:.07s}.media-card:nth-child(3){animation-delay:.14s}.media-card:nth-child(4){animation-delay:.21s}
@keyframes headerDrop{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@keyframes heroArtworkIn{from{opacity:.35;transform:scale(1.012)}to{opacity:1;transform:none}}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(10px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes mediaPanelIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Checkout panels animate as one continuous application state. */
#checkoutShell .checkout-step.active{animation:checkoutStepIn .42s cubic-bezier(.2,.8,.2,1) both!important}
#checkoutShell .checkout-panel,#checkoutShell .order-summary{transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease!important}
#checkoutShell .checkout-panel:hover,#checkoutShell .order-summary:hover{border-color:rgba(54,164,255,.28)!important;box-shadow:0 16px 38px rgba(0,0,0,.14)!important}
#checkoutShell .payment-processing.active{animation:processingIn .16s ease both!important}
#checkoutShell .payment-processing.active .processing-card{animation:processingCardIn .28s cubic-bezier(.16,.84,.22,1) both!important}
#checkoutShell .processing-stages{position:relative}
#checkoutShell .processing-stages::before{content:"";position:absolute;left:16.66%;right:16.66%;top:11px;height:2px;background:linear-gradient(90deg,#1598e8 0 var(--stage-progress,0%),#c7d5e3 var(--stage-progress,0%) 100%);transition:background .55s ease;z-index:0}
#checkoutShell .processing-stages>div{position:relative;z-index:1}
#checkoutShell .processing-card[data-stage="secure"] .processing-stages{--stage-progress:0%}
#checkoutShell .processing-card[data-stage="authorise"] .processing-stages{--stage-progress:50%}
#checkoutShell .processing-card[data-stage="confirm"] .processing-stages{--stage-progress:100%}
#checkoutShell .processing-card.approved .processing-stages{--stage-progress:100%}
#checkoutShell .processing-card.stage-change h3{animation:processingTextSwap .35s cubic-bezier(.2,.8,.2,1) both}
#checkoutShell .processing-card.stage-change>p:not(.processing-eyebrow){animation:processingTextSwap .4s .035s cubic-bezier(.2,.8,.2,1) both}
@keyframes checkoutStepIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes processingTextSwap{from{opacity:0;transform:translateY(5px);filter:blur(1px)}to{opacity:1;transform:none;filter:none}}

@media(prefers-reduced-motion:reduce){
  .sony-strip,.ps-global,.game-nav,.hero-art img,.hero-copy>*,.media-card,#checkoutShell .checkout-step.active{animation:none!important}
}

/* =====================================================================
   SETTINGS + PROFILE LOOKUP + FINAL SCALE POLISH
   ===================================================================== */
:root{
  --official-content:1320px;
  --official-hero-height:640px;
  --settings-blue:#0070cc;
  --settings-cyan:#28a8ff;
  --settings-navy:#071426;
  --settings-panel:#0d1b2d;
}

/* Slightly larger PlayStation shell and content density. */
.sony-strip{height:27px!important}
.ps-global{
  height:34px!important;
  min-height:34px!important;
  grid-template-columns:46px 1fr auto!important;
  padding:0 13px 0 9px!important;
}
.ps-home{width:31px!important;height:34px!important}
.ps-home img{width:20px!important;height:20px!important}
.ps-global-links{height:34px!important;gap:32px!important}
.ps-global-links button{height:34px!important;line-height:34px!important;font-size:12.5px!important}
.ps-global-actions{height:34px!important;gap:13px!important}
.search-control{height:34px!important;width:111px!important}
.ps-header-icon{height:34px!important}
.ps-account-orb{
  width:31px!important;height:31px!important;padding:0!important;overflow:hidden!important;
  border:2px solid #0b83db!important;background:#041225!important;
  box-shadow:0 0 0 1px rgba(101,205,255,.48),0 3px 12px rgba(0,112,204,.24)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease!important;
}
.ps-account-orb:hover{transform:scale(1.065);box-shadow:0 0 0 2px rgba(101,205,255,.38),0 6px 19px rgba(0,112,204,.32)!important}
.ps-account-orb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.game-nav{
  height:59px!important;min-height:59px!important;
  grid-template-columns:136px 1fr 186px!important;
}
.game-logo-link{height:59px!important;width:94px!important}
.game-logo-link img{width:87px!important;max-height:37px!important}
.game-links,.game-links a{height:59px!important}
.game-links{font-size:13.5px!important;gap:41px!important}
.ps-cta-small{height:42px!important;font-size:13.5px!important;padding-inline:21px!important}

.hero{height:var(--official-hero-height)!important;min-height:var(--official-hero-height)!important}
.hero-content{padding-top:55px!important}
.hero-copy{width:570px!important}
.hero h1{font-size:42px!important}
.publisher{font-size:14.5px!important}
.hero-price{font-size:23px!important}
.hero-preorder{width:238px!important;height:43px!important;font-size:13.5px!important}
.wishlist-blue{width:43px!important;height:43px!important}
.hero-specs{font-size:10.4px!important;grid-template-columns:184px 196px 158px!important;gap:28px!important}
.rating-line{font-size:9.5px!important}
.media{padding-top:94px!important}
@media(min-width:1301px){
  .ps-global{grid-template-columns:160px 1fr auto!important}
  .media-track{grid-auto-columns:780px!important;margin-left:-140px!important;gap:15px!important}
  .media-card{width:780px!important}
  .carousel-prev{left:265px!important}.carousel-next{right:265px!important}
}

/* Header avatar gets the supplied account artwork. */
.ps-account-orb .orb-face{display:none!important}

/* Settings launcher and window. */
.settings-root{position:fixed;left:20px;bottom:20px;z-index:360;font-family:"SST","Helvetica Neue",Arial,sans-serif}
.settings-launcher{
  width:50px;height:50px;border:1px solid rgba(255,255,255,.22);border-radius:50%;
  display:grid;place-items:center;color:#fff;cursor:pointer;
  background:linear-gradient(145deg,rgba(8,24,43,.96),rgba(2,11,23,.98));
  box-shadow:0 14px 38px rgba(0,0,0,.34),0 0 0 1px rgba(45,166,255,.12) inset;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease;
}
.settings-launcher:hover,.settings-launcher[aria-expanded="true"]{transform:translateY(-2px) rotate(8deg);border-color:rgba(55,180,255,.58);box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 24px rgba(0,112,204,.18)}
.settings-launcher svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.settings-window{
  position:absolute;left:0;bottom:64px;width:370px;max-width:calc(100vw - 40px);
  padding:0;border-radius:18px;overflow:hidden;color:#f7faff;
  background:linear-gradient(160deg,rgba(15,31,51,.99),rgba(5,14,27,.995));
  border:1px solid rgba(122,171,220,.24);
  box-shadow:0 28px 85px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.035) inset;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px) scale(.975);transform-origin:bottom left;
  transition:opacity .24s ease,transform .32s cubic-bezier(.18,.82,.22,1),visibility .24s;
}
.settings-window.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.settings-window::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0,rgba(0,143,238,.16),transparent 35%)}
.settings-window>*{position:relative;z-index:1}
.settings-header{height:73px;padding:0 18px 0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(146,177,208,.15);background:rgba(2,10,20,.35)}
.settings-header span{text-transform:uppercase;letter-spacing:.16em;font-size:9px;font-weight:700;color:#47b8ff}
.settings-header h2{font-size:21px;line-height:1.1;font-weight:500;margin:4px 0 0}
.settings-header button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:20px;cursor:pointer;transition:background .2s,transform .2s}
.settings-header button:hover{background:rgba(255,255,255,.13);transform:rotate(4deg)}
.settings-profile{margin:17px 18px 7px;padding:12px;display:grid;grid-template-columns:44px 1fr 25px;gap:11px;align-items:center;border:1px solid rgba(78,155,224,.22);border-radius:13px;background:linear-gradient(135deg,rgba(13,49,82,.76),rgba(9,27,48,.76))}
.settings-profile img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:2px solid #20a5f6;box-shadow:0 0 16px rgba(23,161,245,.28)}
.settings-profile strong,.settings-profile span{display:block}.settings-profile strong{font-size:13px}.settings-profile span{font-size:10px;color:#91a8bf;margin-top:3px}.settings-profile i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:11px;color:#7affc5;background:rgba(24,179,111,.15);border:1px solid rgba(41,205,133,.32)}
.settings-field{position:relative;display:block;margin:14px 18px 0}
.settings-field>span{display:block;margin:0 0 7px;color:#a7b7c9;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.settings-field select,.settings-field input{width:100%;height:44px;padding:0 13px;border-radius:10px;border:1px solid rgba(127,159,193,.27);background:#071322;color:#fff;font:500 13px "SST","Helvetica Neue",Arial,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.settings-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#80a6c9 50%),linear-gradient(135deg,#80a6c9 50%,transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.settings-field select:focus,.settings-field input:focus{border-color:#199be7;background:#091a2e;box-shadow:0 0 0 3px rgba(0,137,220,.13)}
.settings-currency-pulse{position:absolute;inset:24px 0 0;border:1px solid #2fb7ff;border-radius:10px;pointer-events:none;animation:settingsPulse .65s ease-out both}
@keyframes settingsPulse{from{opacity:.7;transform:scale(.98)}to{opacity:0;transform:scale(1.04)}}
.settings-payment-preview{margin:17px 18px 0;padding:12px;display:grid;grid-template-columns:51px 1fr 20px;gap:12px;align-items:center;border-radius:12px;border:1px solid rgba(120,148,181,.25);background:linear-gradient(145deg,#1a2940,#111d30)}
.settings-visa{height:33px;border-radius:5px;display:grid;place-items:center;background:#fff;color:#1434a4;font-size:14px;font-weight:900;font-style:italic;letter-spacing:-.08em}
.settings-payment-preview strong,.settings-payment-preview small{display:block}.settings-payment-preview strong{font-size:13px}.settings-payment-preview small{font-size:10px;color:#9eafc2;margin-top:3px}.settings-payment-preview>i{width:17px;height:17px;border-radius:50%;border:2px solid #9dabbc;box-shadow:0 0 0 3px rgba(255,255,255,.03) inset}.settings-payment-preview>i::after{content:"";display:block;width:7px;height:7px;border-radius:50%;margin:3px;background:#299df0}
.settings-note{margin:14px 20px 0;color:#74899f;font-size:10px;line-height:1.45}
.settings-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:9px;padding:17px 18px 19px}
.settings-actions button{height:42px;border-radius:999px;font:700 12px "SST","Helvetica Neue",Arial,sans-serif;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s}
.settings-actions button:first-child{border:1px solid rgba(157,180,204,.28);background:rgba(255,255,255,.04);color:#d7e3ef}.settings-actions button:first-child:hover{background:rgba(255,255,255,.09)}
.settings-actions button:last-child{border:0;background:linear-gradient(100deg,#0069be,#129feb);color:#fff;box-shadow:0 9px 24px rgba(0,112,204,.25)}
.settings-actions button:hover{transform:translateY(-1px)}
.settings-actions button.saving{pointer-events:none;opacity:.9}.settings-actions button.saving span{display:inline-block;width:13px;height:13px;margin-right:8px;vertical-align:-2px;border:2px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:50%;animation:settingsSpin .65s linear infinite}.settings-actions button.saved{background:linear-gradient(100deg,#0b9e63,#23bd7e)}
@keyframes settingsSpin{to{transform:rotate(360deg)}}

/* Ensure the checkout blurs the actual page, not a replacement background. */
#checkoutShell .checkout-backdrop{background:rgba(0,7,16,.45)!important;backdrop-filter:blur(17px) saturate(.8) brightness(.62)!important;-webkit-backdrop-filter:blur(17px) saturate(.8) brightness(.62)!important}

/* Account finding system. */
#checkoutShell .account-card{position:relative!important;min-height:154px!important;margin-top:15px!important;border-radius:14px!important;overflow:hidden!important;border:1px solid rgba(71,143,209,.28)!important;background:linear-gradient(145deg,#0b1828,#0c1d31)!important;box-shadow:0 13px 34px rgba(0,0,0,.12) inset!important}
#checkoutShell .account-idle{display:flex!important;align-items:center!important;gap:16px!important;padding:22px!important;color:#91a4b9!important}
#checkoutShell .account-idle>div:last-child strong{display:block;color:#e9f1f9;font-size:14px;margin-bottom:5px}
#checkoutShell .account-idle p{margin:0;font-size:11px;line-height:1.45;max-width:380px}
#checkoutShell .account-idle-icon{position:relative;width:58px;height:58px;flex:0 0 58px;border-radius:50%;border:1px solid rgba(58,159,231,.3);background:radial-gradient(circle,#123c64,#07182b);box-shadow:0 0 24px rgba(0,129,210,.12)}
#checkoutShell .account-idle-icon span{position:absolute;width:18px;height:18px;left:19px;top:11px;border-radius:50%;background:#78a4c8}
#checkoutShell .account-idle-icon i{position:absolute;width:31px;height:15px;left:12px;bottom:10px;border-radius:18px 18px 8px 8px;background:#78a4c8}

#checkoutShell .account-scanning{display:grid!important;grid-template-columns:95px 1fr!important;gap:18px!important;align-items:center!important;padding:21px 23px!important;background:radial-gradient(circle at 8% 50%,rgba(0,130,220,.17),transparent 34%),linear-gradient(145deg,#091728,#0b1d31)!important}
#checkoutShell .account-scanning::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 35%,rgba(77,181,255,.07) 47%,rgba(255,255,255,.08) 50%,rgba(77,181,255,.07) 53%,transparent 65%);animation:profileSweep 1.6s ease-in-out infinite}
@keyframes profileSweep{to{transform:translateX(120%)}}
#checkoutShell .lookup-radar{position:relative;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,rgba(47,169,248,.23) 0 1px,transparent 1px 12px),radial-gradient(circle,#0b3b65,#06182c);border:1px solid rgba(78,185,255,.42);box-shadow:0 0 28px rgba(0,137,220,.2)}
#checkoutShell .lookup-radar::before{content:"";position:absolute;inset:5px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(44,184,255,.55) 92%,transparent);animation:radarSweep 1.25s linear infinite}
#checkoutShell .lookup-radar::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(49,169,241,.22);animation:radarPulse 1.55s ease-out infinite}
#checkoutShell .lookup-radar span{position:relative;z-index:1;color:#fff;font-size:15px;font-weight:800;letter-spacing:-.06em;text-shadow:0 0 12px #1e9de8}
#checkoutShell .lookup-radar i:first-child{position:absolute;left:16px;top:25px;width:7px;height:7px;border-radius:50%;background:#43ceff;box-shadow:31px 22px 0 #178cd5,21px -11px 0 #5cafff}
@keyframes radarSweep{to{transform:rotate(360deg)}}
@keyframes radarPulse{0%{opacity:.65;transform:scale(.84)}100%{opacity:0;transform:scale(1.18)}}
#checkoutShell .lookup-scan-content{position:relative;z-index:1;min-width:0}
#checkoutShell .lookup-scan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
#checkoutShell .lookup-scan-heading strong{font-size:14px;color:#f5f9fe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#checkoutShell .lookup-scan-heading span{font-size:10px;color:#48bfff;white-space:nowrap;animation:scanTextPulse 1.2s ease-in-out infinite}
@keyframes scanTextPulse{50%{opacity:.55}}
#checkoutShell .lookup-scan-progress{position:relative;height:5px;border-radius:99px;background:#142c45;overflow:hidden;box-shadow:0 0 0 1px rgba(65,164,232,.15) inset}
#checkoutShell .lookup-scan-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0070cc,#37c4ff);box-shadow:0 0 15px rgba(37,181,255,.58);transition:width .55s cubic-bezier(.2,.8,.2,1)}
#checkoutShell .lookup-scan-progress b{position:absolute;inset:0;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-120%);animation:scanBarGlint 1s linear infinite}
@keyframes scanBarGlint{to{transform:translateX(440%)}}
#checkoutShell .lookup-scan-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:15px}
#checkoutShell .lookup-scan-stages span{display:flex;align-items:center;gap:5px;color:#647b93;font-size:9px;white-space:nowrap;transition:color .25s}
#checkoutShell .lookup-scan-stages i{width:8px;height:8px;border-radius:50%;border:1px solid #55718d;background:#10223a;transition:background .25s,border-color .25s,box-shadow .25s}
#checkoutShell .lookup-scan-stages span.active{color:#69caff}#checkoutShell .lookup-scan-stages span.active i{border-color:#38b9ff;background:#168fd8;box-shadow:0 0 0 4px rgba(35,164,238,.11),0 0 10px rgba(44,178,255,.5);animation:lookupStagePulse 1s ease-in-out infinite}
#checkoutShell .lookup-scan-stages span.complete{color:#80dcb5}#checkoutShell .lookup-scan-stages span.complete i{border-color:#25b875;background:#25b875}
@keyframes lookupStagePulse{50%{transform:scale(.78);box-shadow:0 0 0 7px rgba(35,164,238,.04)}}

#checkoutShell .account-ready{padding:15px!important;display:block!important;animation:profileReveal .44s cubic-bezier(.18,.82,.22,1) both!important;background:radial-gradient(circle at 0 0,rgba(0,132,220,.15),transparent 38%),linear-gradient(145deg,#0b192b,#0a1829)!important}
@keyframes profileReveal{from{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
#checkoutShell .profile-main{display:flex;align-items:center;gap:13px;padding-bottom:13px;border-bottom:1px solid rgba(117,153,189,.15)}
#checkoutShell .profile-avatar-wrap{position:relative;flex:0 0 56px}
#checkoutShell .account-avatar{width:56px!important;height:56px!important;border-radius:11px!important;object-fit:cover!important;border:1px solid rgba(111,174,229,.45)!important;box-shadow:0 8px 23px rgba(0,0,0,.28)!important}
#checkoutShell .profile-presence{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%;background:#26d983;border:3px solid #0b192b;box-shadow:0 0 11px rgba(38,217,131,.7)}
#checkoutShell .profile-identity{min-width:0;flex:1}
#checkoutShell .profile-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#checkoutShell .profile-name-row>strong{font-size:16px;color:#fff;max-width:280px;overflow:hidden;text-overflow:ellipsis}
#checkoutShell .profile-verified{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:3px 7px;color:#70e8bb;background:rgba(25,173,111,.13);border:1px solid rgba(38,196,126,.28);font-size:9px;font-weight:700}
#checkoutShell .profile-verified i{font-style:normal}
#checkoutShell .profile-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
#checkoutShell .profile-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:7px;font-size:9px;font-weight:600}
#checkoutShell .profile-chip-network{color:#85cfff;background:rgba(0,112,204,.13);border:1px solid rgba(38,149,226,.24)}
#checkoutShell .profile-chip-online{color:#7ce5b7;background:rgba(19,164,102,.11);border:1px solid rgba(32,185,119,.22)}
#checkoutShell .profile-chip-online i{width:6px;height:6px;border-radius:50%;background:#2bd88b;box-shadow:0 0 7px #2bd88b}
#checkoutShell .profile-status-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;margin-top:12px!important}
#checkoutShell .profile-status-grid>span{position:relative;min-width:0;padding:9px 9px 8px;border-radius:9px;border:1px solid rgba(113,146,181,.18);background:rgba(14,31,51,.82);overflow:hidden;animation:statusTileIn .38s both}
#checkoutShell .profile-status-grid>span:nth-child(2){animation-delay:.035s}#checkoutShell .profile-status-grid>span:nth-child(3){animation-delay:.07s}#checkoutShell .profile-status-grid>span:nth-child(4){animation-delay:.105s}#checkoutShell .profile-status-grid>span:nth-child(5){animation-delay:.14s}#checkoutShell .profile-status-grid>span:nth-child(6){animation-delay:.175s}
@keyframes statusTileIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#checkoutShell .profile-status-grid>span::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tile-accent,#3ea7e8);box-shadow:0 0 9px var(--tile-accent,#3ea7e8)}
#checkoutShell .profile-status-grid small,#checkoutShell .profile-status-grid strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#checkoutShell .profile-status-grid small{text-transform:uppercase;letter-spacing:.08em;font-size:7px;color:#7890aa;margin-bottom:4px}
#checkoutShell .profile-status-grid strong{font-size:9px;color:#edf6ff}
#checkoutShell .status-region{--tile-accent:#39aefa}#checkoutShell .status-level{--tile-accent:#9374ff}#checkoutShell .status-trophies{--tile-accent:#ffc84b}#checkoutShell .status-created{--tile-accent:#4bd5d0}#checkoutShell .status-console{--tile-accent:#4d8fff}#checkoutShell .status-eligible{--tile-accent:#27d483}

@media(max-width:980px){
  .settings-root{left:14px;bottom:14px}
  #checkoutShell .profile-status-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:720px){
  .sony-strip{height:20px!important}.ps-global{height:42px!important;min-height:42px!important}.game-nav{height:52px!important;min-height:52px!important}
  .ps-account-orb{width:31px!important;height:31px!important}
  .settings-root{left:11px;bottom:11px}.settings-launcher{width:46px;height:46px}.settings-window{bottom:57px;width:calc(100vw - 22px);max-height:calc(100vh - 88px);overflow:auto}
  #checkoutShell .account-scanning{grid-template-columns:67px 1fr!important;padding:17px!important;gap:12px!important}
  #checkoutShell .lookup-radar{width:60px;height:60px}
  #checkoutShell .lookup-scan-stages{grid-template-columns:1fr 1fr;row-gap:9px}
  #checkoutShell .profile-status-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(prefers-reduced-motion:reduce){
  .settings-window,.settings-launcher,#checkoutShell .account-card,#checkoutShell .lookup-radar::before,#checkoutShell .lookup-radar::after,#checkoutShell .account-scanning::after,#checkoutShell .lookup-scan-progress b,#checkoutShell .lookup-scan-stages span.active i{animation:none!important;transition:none!important}
}

/* Mobile hero is deliberately split into artwork and information zones. */
@media(max-width:720px){
  .hero{height:960px!important;min-height:960px!important;background:#ffef2e!important}
  .hero-art{height:390px!important;bottom:auto!important;overflow:hidden!important}
  .hero-art img{position:absolute!important;inset:0!important;width:100%!important;height:390px!important;object-fit:cover!important;object-position:center top!important;transform:none!important}
  .hero::after{background:linear-gradient(180deg,transparent 0 60%,rgba(255,239,46,.72) 78%,#ffef2e 100%)!important;height:410px!important;bottom:auto!important}
  .hero-content{width:100%!important;height:auto!important;min-height:960px!important;padding:405px 16px 38px!important;display:block!important}
  .hero-copy{width:100%!important;height:auto!important}
  .hero h1{font-size:35px!important;line-height:1.04!important;margin-bottom:17px!important}
  .publisher{font-size:13px!important;margin-bottom:17px!important}
  .availability{font-size:8.5px!important;margin-bottom:42px!important}
  .hero-price{font-size:23px!important;margin-bottom:24px!important}
  .hero-actions{margin-bottom:38px!important}
  .hero-preorder{width:228px!important;max-width:calc(100% - 54px)!important}
  .hero-specs{width:100%!important;max-width:none!important;grid-template-columns:1fr 1fr!important;gap:18px 20px!important;font-size:10px!important}
  .hero-specs .compact-column{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:15px 20px!important}
  .hero-specs .view-all{grid-column:1/-1!important;margin:0 0 0 28px!important}
  .rating-line{top:332px!important;right:14px!important;bottom:auto!important;font-size:8.5px!important;max-width:150px!important}
  .rating-line img{width:41px!important;height:41px!important}
  .media{padding-top:52px!important}
}

/* Removed the oversized account-search scanner. Loading stays in the button/status line. */
#checkoutShell .account-card.account-loading-hidden{
  display:none!important;
}


/* Email receipt and refined player-lookup motion */
#checkoutShell .receipt-email-note{
  margin:14px 0 4px!important;
  padding:11px 13px!important;
  border:1px solid rgba(48,155,235,.22)!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,rgba(0,112,204,.09),rgba(48,155,235,.035))!important;
  color:#9eb0c5!important;
  font-size:11px!important;
  line-height:1.45!important;
  opacity:0;
  transform:translateY(7px);
  animation:emailReceiptIn .42s .12s cubic-bezier(.2,.8,.2,1) forwards;
}
#checkoutShell .receipt-email-note strong{color:#65c5ff!important;font-weight:700!important;overflow-wrap:anywhere}
#checkoutShell #orderEmail{color:#65c5ff!important;overflow-wrap:anywhere;text-align:right}

#checkoutShell .lookup-row{position:relative!important}
#checkoutShell .lookup-row.searching input{
  border-color:rgba(41,158,235,.72)!important;
  background:linear-gradient(110deg,#0b111b 0%,#0e1d2d 42%,#0b111b 68%)!important;
  background-size:220% 100%!important;
  animation:lookupInputShimmer 1.65s linear infinite,lookupInputGlow 1.8s ease-in-out infinite!important;
}
#checkoutShell .lookup-row.searching button{
  box-shadow:0 0 0 1px rgba(100,207,255,.16) inset,0 8px 24px rgba(0,112,204,.22)!important;
}
#checkoutShell #psnName.lookup-found{
  border-color:rgba(43,194,132,.72)!important;
  box-shadow:0 0 0 3px rgba(43,194,132,.09),0 0 20px rgba(43,194,132,.08)!important;
  transition:border-color .3s ease,box-shadow .3s ease!important;
}
#checkoutShell .lookup-status{
  position:relative!important;
  overflow:hidden!important;
  transition:color .28s ease,opacity .28s ease!important;
}
#checkoutShell .lookup-status.lookup-active{color:#69c9ff!important}
#checkoutShell .lookup-status.lookup-active p::after{
  content:"";
  display:inline-block;
  width:14px;
  height:4px;
  margin-left:4px;
  vertical-align:middle;
  background:radial-gradient(circle,currentColor 1.4px,transparent 1.8px) 0 50%/5px 5px repeat-x;
  animation:lookupDots 1s steps(3,end) infinite;
}
#checkoutShell .lookup-status.message-change p{animation:lookupMessageIn .32s cubic-bezier(.2,.8,.2,1)}
#checkoutShell .lookup-status.lookup-success{color:#54d69b!important}
#checkoutShell .lookup-status.lookup-success::before{
  content:"✓";
  display:grid;
  place-items:center;
  width:15px;
  height:15px;
  flex:0 0 15px;
  border-radius:50%;
  background:rgba(35,184,117,.16);
  color:#57e2a2;
  font-size:9px;
  font-weight:900;
  animation:lookupSuccessPop .45s cubic-bezier(.2,.9,.25,1.35);
}
#checkoutShell .lookup-status.lookup-success #lookupSpinner{display:none!important}
#checkoutShell #lookupSpinner.active{
  box-shadow:0 0 0 3px rgba(34,164,239,.08),0 0 13px rgba(38,174,248,.32)!important;
  animation:spin .7s linear infinite,lookupSpinnerGlow 1.35s ease-in-out infinite!important;
}
#checkoutShell .account-card.account-ready{
  animation:profileReveal .52s cubic-bezier(.18,.84,.24,1) both!important;
}
#checkoutShell .account-card.account-ready .profile-status-grid>span{
  opacity:0;
  transform:translateY(5px);
  animation:profileTileIn .3s ease forwards;
}
#checkoutShell .account-card.account-ready .profile-status-grid>span:nth-child(1){animation-delay:.11s}
#checkoutShell .account-card.account-ready .profile-status-grid>span:nth-child(2){animation-delay:.15s}
#checkoutShell .account-card.account-ready .profile-status-grid>span:nth-child(3){animation-delay:.19s}
#checkoutShell .account-card.account-ready .profile-status-grid>span:nth-child(4){animation-delay:.23s}
#checkoutShell .account-card.account-ready .profile-status-grid>span:nth-child(5){animation-delay:.27s}
#checkoutShell .account-card.account-ready .profile-status-grid>span:nth-child(6){animation-delay:.31s}

@keyframes emailReceiptIn{to{opacity:1;transform:none}}
@keyframes lookupInputShimmer{to{background-position:-220% 0}}
@keyframes lookupInputGlow{50%{box-shadow:0 0 0 3px rgba(19,153,236,.1),0 0 18px rgba(19,153,236,.12)}}
@keyframes lookupDots{0%{width:0}100%{width:14px}}
@keyframes lookupMessageIn{from{opacity:.15;transform:translateY(3px);filter:blur(1px)}to{opacity:1;transform:none;filter:none}}
@keyframes lookupSuccessPop{from{opacity:0;transform:scale(.45)}to{opacity:1;transform:none}}
@keyframes lookupSpinnerGlow{50%{box-shadow:0 0 0 5px rgba(34,164,239,.04),0 0 18px rgba(38,174,248,.5)}}
@keyframes profileReveal{from{opacity:0;transform:translateY(7px) scale(.992);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes profileTileIn{to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  #checkoutShell .receipt-email-note,
  #checkoutShell .lookup-row.searching input,
  #checkoutShell .lookup-status.lookup-active p::after,
  #checkoutShell .lookup-status.message-change p,
  #checkoutShell .lookup-status.lookup-success::before,
  #checkoutShell #lookupSpinner.active,
  #checkoutShell .account-card.account-ready,
  #checkoutShell .account-card.account-ready .profile-status-grid>span{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
}
#checkoutShell .checkout-receipt>div:nth-child(6){animation-delay:.38s}

/* ========================================================================== */
/* FINAL 10/10 GEOMETRY PASS — canonical 2048 × 1056 reference                */
/* ========================================================================== */
:root{
  --ps-sony-h:21px;
  --ps-global-h:22px;
  --ps-game-h:45px;
  --ps-hero-h:506px;
  --ps-reference-width:2048;
  --ps-content-width:1190px;
  --ps-hero-copy-inset:86px;
  --ps-hero-yellow:#ffef2e;
  --ps-orange-exact:#e63b00;
  --ps-motion:cubic-bezier(.2,.82,.22,1);
}

html{scroll-padding-top:45px}
body.ps-page{background:#fff;color:#0b0b0d;font-family:"SST","Helvetica Neue",Arial,sans-serif}
.page-width{width:min(var(--ps-content-width),calc(100% - 48px))!important;margin-inline:auto!important}

/* Three-tier PlayStation header measured from the supplied reference. */
.sony-strip{
  height:var(--ps-sony-h)!important;min-height:var(--ps-sony-h)!important;
  padding:0 10px!important;background:#000!important;z-index:120!important;
}
.sony-strip img{width:49px!important;height:11px!important;object-fit:contain!important}
.ps-global{
  height:var(--ps-global-h)!important;min-height:var(--ps-global-h)!important;
  grid-template-columns:30px 1fr auto!important;padding:0 8px!important;
  border-bottom:1px solid #ededed!important;z-index:119!important;
}
.ps-home{width:21px!important;height:22px!important}
.ps-home img{width:14px!important;height:14px!important;object-fit:contain!important}
.ps-global-links{height:22px!important;gap:25px!important;overflow:visible!important}
.ps-global-links button{
  height:22px!important;line-height:22px!important;padding:0!important;
  font-size:9px!important;font-weight:400!important;color:#4c4c4c!important;
  gap:4px!important;letter-spacing:0!important;
}
.ps-global-links .down{width:4px!important;height:4px!important;border-width:0 1px 1px 0!important}
.ps-global-actions{height:22px!important;gap:9px!important}
.ps-account-orb{
  width:20px!important;height:20px!important;min-width:20px!important;
  border-width:1.5px!important;box-shadow:0 0 0 1px rgba(0,112,204,.3)!important;
}
.ps-header-icon{width:20px!important;height:20px!important;min-width:20px!important;padding:2px!important}
.ps-header-icon svg{width:15px!important;height:15px!important}
.search-control{height:22px!important;width:88px!important;padding:0 1px 0 8px!important;gap:5px!important}
.search-control input{width:58px!important;font-size:9px!important}
.search-control svg{width:13px!important;height:13px!important}

.game-nav{
  height:var(--ps-game-h)!important;min-height:var(--ps-game-h)!important;
  grid-template-columns:104px 1fr 128px!important;padding:0 8px!important;
  border-bottom:0!important;top:0!important;z-index:116!important;
}
.game-logo-link{height:45px!important;width:73px!important;align-items:center!important}
.game-logo-link img{width:64px!important;max-height:30px!important;object-fit:contain!important}
.game-links,.game-links a{height:45px!important}
.game-links{gap:34px!important;font-size:10px!important;font-weight:600!important}
.game-links a::after{bottom:6px!important;height:1px!important}
.ps-cta-small{
  height:32px!important;padding:0 16px!important;font-size:10px!important;
  justify-self:end!important;background:var(--ps-orange-exact)!important;
}

/* Exact hero canvas and artwork transform, derived from the supplied 2400×897 art. */
.hero{
  height:var(--ps-hero-h)!important;min-height:var(--ps-hero-h)!important;
  background:var(--ps-hero-yellow)!important;overflow:hidden!important;isolation:isolate!important;
}
.hero-art{position:absolute!important;inset:0!important;overflow:hidden!important;z-index:0!important;pointer-events:none!important}
.hero-art img{
  position:absolute!important;max-width:none!important;height:auto!important;
  width:101.0113vw!important;left:25.6727vw!important;top:-3.7829vw!important;
  object-fit:initial!important;object-position:initial!important;transform:none!important;
}
.hero::after{display:none!important}
.hero-content{
  width:min(var(--ps-content-width),calc(100% - 48px))!important;height:506px!important;
  padding:46px 0 0!important;display:block!important;position:relative!important;z-index:2!important;
}
.hero-copy{width:520px!important;margin-left:var(--ps-hero-copy-inset)!important;padding:0!important}
.hero h1{
  font-family:"SST","Helvetica Neue",Arial,sans-serif!important;
  font-size:36px!important;line-height:1.05!important;font-weight:300!important;
  letter-spacing:-.021em!important;margin:0 0 23px!important;
}
.publisher{font-size:12px!important;line-height:15px!important;font-weight:600!important;margin:0 0 20px!important}
.availability{font-size:7px!important;line-height:10px!important;gap:5px!important;margin:0 0 49px!important}
.platform-chip{font-size:7px!important;line-height:1!important;padding:2px 4px!important;border-width:1px!important}
.hero-price{font-size:18px!important;line-height:22px!important;font-weight:300!important;margin:0 0 17px!important}
.hero-actions{height:33px!important;gap:12px!important;margin:0 0 38px!important}
.hero-preorder{width:184px!important;height:33px!important;font-size:10px!important;background:var(--ps-orange-exact)!important}
.wishlist-blue{width:34px!important;height:34px!important;border-width:1.5px!important}
.wishlist-blue svg{width:19px!important;height:19px!important}
.hero-specs{
  width:505px!important;display:grid!important;grid-template-columns:165px 180px 160px!important;
  gap:0!important;font-size:8px!important;line-height:1.33!important;
}
.spec-column{gap:8px!important}
.spec-row{grid-template-columns:20px 1fr!important;gap:8px!important;min-height:18px!important;align-items:start!important}
.spec-row-tall{min-height:42px!important}
.spec-icon-img{width:18px!important;height:18px!important;object-fit:contain!important;margin:0!important}
.spec-row a{font-size:8px!important}
.view-all{font-size:9px!important;margin:2px 0 0 27px!important;gap:6px!important}
.view-all span{font-size:17px!important}
.rating-line{
  left:calc(50% - 595px + 900px)!important;right:auto!important;bottom:44px!important;
  gap:10px!important;font-size:7px!important;line-height:1.25!important;
}
.rating-line img{width:37px!important;height:37px!important}

/* Exact first-viewport carousel silhouette. */
.media{height:458px!important;padding:72px 0 0!important;background:#000!important;overflow:hidden!important}
.media-viewport{height:344px!important;position:relative!important}
.media-track{
  display:grid!important;grid-auto-flow:column!important;grid-auto-columns:610px!important;
  gap:14px!important;height:344px!important;padding:0!important;margin:0!important;
  overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  overscroll-behavior-inline:contain!important;
}
.media-track::-webkit-scrollbar{display:none!important}
.media-card{
  width:610px!important;height:343px!important;aspect-ratio:auto!important;
  border-radius:13px!important;scroll-snap-align:start!important;overflow:hidden!important;
}
.media-card img{width:100%!important;height:100%!important;object-fit:cover!important}
.media-card:hover img{transform:scale(1.012)!important}
.play-button{width:47px!important;height:47px!important;border-width:2px!important}
.play-button span{border-top-width:8px!important;border-bottom-width:8px!important;border-left-width:13px!important}
.carousel-arrow{
  top:50%!important;width:43px!important;height:43px!important;transform:translateY(-50%)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.34)!important;
}
.carousel-prev{left:205px!important}.carousel-next{right:199px!important}
.carousel-arrow span{font-size:31px!important}
.carousel-dots{margin-top:20px!important;gap:5px!important}
.carousel-dots button{width:20px!important;height:2px!important;background:#333!important}
.carousel-dots button.active{background:#d7d7d7!important}

/* Motion is present while preserving the exact final geometry. */
.hero-copy>*{animation:psHeroIn .66s var(--ps-motion) both}
.hero-copy>*:nth-child(2){animation-delay:.045s}.hero-copy>*:nth-child(3){animation-delay:.08s}
.hero-copy>*:nth-child(4){animation-delay:.115s}.hero-copy>*:nth-child(5){animation-delay:.15s}
.hero-copy>*:nth-child(6){animation-delay:.19s}
@keyframes psHeroIn{from{opacity:0;transform:translateY(8px);filter:blur(1.5px)}to{opacity:1;transform:none;filter:none}}
.hero-art img{animation:psArtIn .85s var(--ps-motion) both}
@keyframes psArtIn{from{opacity:.8;transform:translateX(8px) scale(1.004)}to{opacity:1;transform:none}}

/* Settings: premium but restrained, anchored exactly at the bottom-left. */
.settings-root{left:16px!important;bottom:16px!important;z-index:370!important}
.settings-launcher{width:44px!important;height:44px!important}
.settings-launcher svg{width:20px!important;height:20px!important}
.settings-window{bottom:56px!important;width:350px!important;border-radius:16px!important}

/* Player lookup stays compact: only the input, status line, and resolved card move. */
#checkoutShell .account-card.account-loading-hidden{display:none!important}
#checkoutShell .lookup-row.searching::after{
  content:"";position:absolute;left:2px;right:132px;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,#35b6ff,transparent);background-size:180% 100%;
  animation:lookupLine 1.05s linear infinite;pointer-events:none;
}
@keyframes lookupLine{to{background-position:-180% 0}}
#checkoutShell .lookup-status.lookup-active p{animation:lookupSoftIn .3s var(--ps-motion)}
@keyframes lookupSoftIn{from{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:none}}
#checkoutShell .account-card.account-ready{box-shadow:0 12px 32px rgba(0,0,0,.18),0 0 0 1px rgba(38,170,244,.08) inset!important}

/* Checkout shell: actual page remains visible and blurred underneath. */
#checkoutShell .checkout-backdrop{
  background:rgba(2,8,16,.48)!important;backdrop-filter:blur(14px) saturate(.82)!important;
  -webkit-backdrop-filter:blur(14px) saturate(.82)!important;
}
#checkoutShell .checkout-window{animation:checkoutPremiumIn .28s var(--ps-motion) both!important}
@keyframes checkoutPremiumIn{from{opacity:0;transform:translateY(12px) scale(.988)}to{opacity:1;transform:none}}
#checkoutShell .checkout-step.active{animation:checkoutStepIn .34s var(--ps-motion) both!important}
@keyframes checkoutStepIn{from{opacity:0;transform:translateX(7px)}to{opacity:1;transform:none}}
#checkoutShell .processing-progress span::after{
  content:"";position:absolute;inset:0;width:90px;transform:translateX(-110px);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  animation:processingSheen 1.15s linear infinite;
}
@keyframes processingSheen{to{transform:translateX(430px)}}

/* Exact desktop rail start; JS also sets this after fonts/assets settle. */
@media (min-width:1600px){
  .media-track{scroll-padding-left:0!important}
}

/* Responsive behavior keeps official proportions rather than scaling the whole page. */
@media (max-width:1599px){
  :root{--ps-content-width:1120px;--ps-hero-copy-inset:54px}
  .hero-art img{width:113vw!important;left:24vw!important;top:-2.5vw!important}
  .rating-line{left:auto!important;right:90px!important}
  .media-track{grid-auto-columns:min(42vw,610px)!important}
  .media-card{width:min(42vw,610px)!important;height:auto!important;aspect-ratio:16/9!important}
  .media-viewport{height:auto!important}
  .media{height:auto!important;padding-bottom:32px!important}
  .carousel-prev{left:44px!important}.carousel-next{right:44px!important}
}
@media (max-width:1024px){
  .ps-global-links{gap:15px!important}.ps-global-links button{font-size:8px!important}
  .game-nav{grid-template-columns:88px 1fr 112px!important}
  .hero{height:720px!important;min-height:720px!important}
  .hero-art{height:390px!important}
  .hero-art img{width:100%!important;height:390px!important;left:0!important;top:0!important;object-fit:cover!important;object-position:center top!important}
  .hero-content{height:720px!important;padding:390px 0 30px!important}
  .hero-copy{margin-left:0!important;width:100%!important}
  .hero h1{font-size:34px!important;margin-bottom:14px!important}
  .publisher{margin-bottom:13px!important}
  .availability{margin-bottom:25px!important}
  .hero-price{margin-bottom:15px!important}
  .hero-actions{margin-bottom:24px!important}
  .hero-specs{width:100%!important;grid-template-columns:1fr 1fr!important;gap:15px 22px!important}
  .hero-specs .compact-column{grid-column:1/-1!important;grid-template-columns:1fr 1fr!important}
  .rating-line{right:24px!important;top:330px!important;bottom:auto!important}
  .media-track{grid-auto-columns:72vw!important;padding-inline:18px!important}
  .carousel-arrow{display:none!important}
}
@media (max-width:720px){
  :root{--ps-sony-h:20px;--ps-global-h:38px;--ps-game-h:46px}
  .ps-global{grid-template-columns:28px 1fr auto!important;height:38px!important;min-height:38px!important}
  .ps-global-links{display:none!important}.search-control{display:none!important}
  .game-nav{height:46px!important;min-height:46px!important;grid-template-columns:82px 1fr 112px!important}
  .game-links{display:none!important}.game-logo-link{height:46px!important}.game-logo-link img{width:67px!important}
  .hero{height:920px!important;min-height:920px!important}
  .hero-art{height:360px!important}.hero-art img{height:360px!important;object-position:57% top!important}
  .hero-content{height:920px!important;width:calc(100% - 32px)!important;padding:375px 0 32px!important}
  .hero h1{font-size:33px!important}.hero-price{font-size:22px!important}
  .hero-preorder{width:205px!important;height:39px!important;font-size:12px!important}
  .wishlist-blue{width:39px!important;height:39px!important}
  .hero-specs{grid-template-columns:1fr 1fr!important;font-size:9px!important}
  .rating-line{top:308px!important;right:12px!important;max-width:150px!important}
  .media{padding-top:48px!important}.media-track{grid-auto-columns:86vw!important}
  .settings-root{left:10px!important;bottom:10px!important}.settings-window{width:calc(100vw - 20px)!important}
}

@media (prefers-reduced-motion:reduce){
  .hero-copy>*,.hero-art img,#checkoutShell .checkout-window,#checkoutShell .checkout-step.active,
  #checkoutShell .lookup-row.searching::after,#checkoutShell .processing-progress span::after{animation:none!important}
}

/* Final measured text and navigation corrections. */
@media (min-width:1600px){
  .ps-global{grid-template-columns:118px 1fr auto!important}
  .hero h1{font-size:32px!important;line-height:1.05!important;margin-bottom:19px!important}
  .publisher{font-size:11px!important;line-height:14px!important;margin-bottom:22px!important}
  .availability{height:10px!important;line-height:10px!important;margin-bottom:52px!important}
  .hero-actions{margin-bottom:40px!important}
  .hero-preorder{width:184px!important;min-width:184px!important;max-width:184px!important}
}

/* ========================================================================== */
/* TRUE-SCALE OFFICIAL DESKTOP PASS — corrected against 2048 × 1056 captures  */
/* ========================================================================== */
@font-face{
  font-family:"AlternateGotNo1D";
  src:url("https://www.playstation.com/content/dam/global_pdc/site-furniture/marvels-wolverine/alternategotno1d/AlternateGotNo1D.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

@media (min-width:1600px){
  :root{
    --ps-sony-h:20px;
    --ps-global-h:41px;
    --ps-game-h:51px;
    --ps-hero-h:625px;
    --ps-content-width:1400px;
    --ps-hero-copy-inset:68px;
  }

  html{scroll-padding-top:51px}
  .page-width{width:min(1400px,calc(100% - 48px))!important}

  /* Header silhouette: the official capture reaches the hero at y=112. */
  .sony-strip{height:20px!important;min-height:20px!important;padding:0 11px!important}
  .sony-strip img{width:58px!important;height:14px!important}
  .ps-global{
    height:41px!important;min-height:41px!important;
    grid-template-columns:45px 1fr auto!important;padding:0 12px 0 9px!important;
  }
  .ps-home{width:30px!important;height:41px!important}
  .ps-home img{width:19px!important;height:19px!important}
  .ps-global-links{height:41px!important;gap:30px!important}
  .ps-global-links button{height:41px!important;line-height:41px!important;font-size:12px!important;gap:5px!important}
  .ps-global-links .down{width:5px!important;height:5px!important}
  .ps-global-actions{height:41px!important;gap:11px!important}
  .ps-account-orb{width:28px!important;height:28px!important;min-width:28px!important;border-width:2px!important}
  .ps-header-icon{width:26px!important;height:26px!important;min-width:26px!important;padding:3px!important}
  .ps-header-icon svg{width:20px!important;height:20px!important}
  .search-control{height:31px!important;width:108px!important;padding:0 2px 0 10px!important;gap:6px!important}
  .search-control input{width:72px!important;font-size:12px!important}
  .search-control svg{width:16px!important;height:16px!important}

  .game-nav{
    height:51px!important;min-height:51px!important;
    grid-template-columns:118px 1fr 166px!important;padding:0 10px!important;
  }
  .game-logo-link{height:51px!important;width:84px!important}
  .game-logo-link img{width:78px!important;max-height:34px!important}
  .game-links,.game-links a{height:51px!important}
  .game-links{gap:38px!important;font-size:12px!important}
  .ps-cta-small{height:37px!important;padding:0 18px!important;font-size:12px!important}

  /* Hero: 625 px high, content starts at x≈392, matching the official capture. */
  .hero{height:625px!important;min-height:625px!important}
  .hero-content{
    width:min(1400px,calc(100% - 48px))!important;height:625px!important;
    padding:55px 0 0!important;
  }
  .hero-copy{width:590px!important;margin-left:68px!important}
  .hero h1{font-size:48px!important;line-height:1.04!important;margin:0 0 23px!important;letter-spacing:-.024em!important}
  .publisher{font-size:15px!important;line-height:18px!important;margin:0 0 21px!important}
  .availability{font-size:9px!important;line-height:12px!important;gap:7px!important;margin:0 0 63px!important}
  .platform-chip{font-size:8px!important;padding:3px 5px!important}
  .hero-price{font-size:24px!important;line-height:29px!important;margin:0 0 24px!important}
  .hero-actions{height:43px!important;gap:14px!important;margin:0 0 43px!important}
  .hero-preorder{width:230px!important;min-width:230px!important;max-width:230px!important;height:43px!important;font-size:13px!important}
  .wishlist-blue{width:43px!important;height:43px!important}
  .wishlist-blue svg{width:23px!important;height:23px!important}
  .hero-specs{
    width:610px!important;grid-template-columns:185px 216px 165px!important;
    gap:22px!important;font-size:10px!important;line-height:1.35!important;
  }
  .spec-column{gap:11px!important}
  .spec-row{grid-template-columns:24px 1fr!important;gap:9px!important;min-height:22px!important}
  .spec-row-tall{min-height:53px!important}
  .spec-icon-img{width:22px!important;height:22px!important}
  .spec-row a{font-size:10px!important}
  .view-all{font-size:11px!important;margin:3px 0 0 33px!important;gap:7px!important}
  .view-all span{font-size:21px!important}
  .rating-line{left:auto!important;right:84px!important;bottom:51px!important;gap:12px!important;font-size:9px!important}
  .rating-line img{width:44px!important;height:44px!important}
  .hero-art img{
    width:101.2vw!important;left:25.3vw!important;top:-3.8vw!important;
  }

  /* Media rail: official 760 × 428 panels with a 130 px initial crop. */
  .media{height:561px!important;padding:85px 0 0!important}
  .media-viewport{height:428px!important}
  .media-track{
    grid-auto-columns:760px!important;height:428px!important;gap:15px!important;
    margin:0!important;padding:0!important;
  }
  .media-card{width:760px!important;height:428px!important;border-radius:14px!important}
  .play-button{width:54px!important;height:54px!important}
  .play-button span{border-top-width:9px!important;border-bottom-width:9px!important;border-left-width:15px!important}
  .carousel-arrow{width:48px!important;height:48px!important}
  .carousel-prev{left:216px!important}.carousel-next{right:260px!important}
  .carousel-dots{margin-top:23px!important;gap:6px!important}
  .carousel-dots button{width:23px!important}

  /* Commerce section: official 504 px cards and 283 px artwork. */
  .store-section{min-height:1035px!important;padding:78px 0 80px!important}
  .store-heading{margin-bottom:95px!important}
  .store-bag-icon{width:66px!important;height:66px!important;margin:0 auto 20px!important}
  .store-heading h2{
    font-family:"AlternateGotNo1D","SST Condensed","Arial Narrow",sans-serif!important;
    font-size:42px!important;line-height:.98!important;font-weight:400!important;
    letter-spacing:.006em!important;text-transform:uppercase!important;
    font-synthesis:none!important;text-rendering:geometricPrecision!important;
  }
  .store-heading p{font-family:"SST",Arial,sans-serif!important;font-size:31px!important;line-height:1.1!important;margin:17px 0 0!important;font-weight:300!important}
  .edition-grid{
    grid-template-columns:repeat(3,504px)!important;gap:16px!important;
    max-width:none!important;justify-content:center!important;
  }
  .edition-card{width:504px!important;min-height:592px!important;border:0!important}
  .edition-art{height:283px!important}
  .edition-body{padding:20px 32px 24px!important}
  .edition-body h3{font-size:20px!important;line-height:1.15!important;margin:0 0 20px!important}
  .edition-body ul{font-size:14px!important;line-height:1.45!important;padding-left:18px!important}
  .edition-body li{margin-bottom:8px!important}
  .edition-list-two{gap:18px!important}
  .edition-price{font-size:22px!important;line-height:1!important;margin:14px 0 25px!important}
  .edition-actions{grid-template-columns:1fr 44px!important;gap:12px!important}
  .edition-buy{height:42px!important;font-size:13px!important}
  .wishlist-grey{width:44px!important;height:44px!important}

  /* Digital Deluxe showcase: true content scale and exact display face. */
  .deluxe-showcase{min-height:690px!important;padding:14px 0 42px!important}
  .deluxe-title-wrap{width:500px!important;margin:0 auto 34px!important}
  .deluxe-title-wrap img{width:390px!important}
  .deluxe-title-wrap div{
    font-family:"AlternateGotNo1D","SST Condensed","Arial Narrow",sans-serif!important;
    font-size:24px!important;letter-spacing:.16em!important;padding:3px 16px!important;margin-top:-8px!important;
    font-synthesis:none!important;text-rendering:geometricPrecision!important;
  }
  .deluxe-layout{
    width:min(1400px,calc(100% - 48px))!important;
    grid-template-columns:300px 650px 330px!important;gap:55px!important;
  }
  .packshot-block{padding-top:71px!important}
  .packshot{width:230px!important;height:286px!important;margin-bottom:15px!important}
  .packshot-block h3{font-family:"AlternateGotNo1D","SST Condensed",sans-serif!important;font-size:23px!important}
  .exclusive-block h3,.preorder-block h3{font-family:"AlternateGotNo1D","SST Condensed",sans-serif!important;font-size:26px!important;margin:15px 0 16px!important}
  .exclusive-block img{height:315px!important}
  .exclusive-block p,.preorder-block p{font-family:"AlternateGotNo1D","SST Condensed",sans-serif!important;font-size:21px!important;line-height:1.08!important;margin-top:12px!important}
  .preorder-incentive-art{width:100%!important;max-height:274px!important;object-fit:contain!important;margin-top:52px!important}

  /* Overview directly below the showcase. */
  .overview{min-height:430px!important;padding:62px 0 66px!important}
  .overview-grid{grid-template-columns:520px 1fr!important;gap:94px!important}
  .eyebrow{font-size:13px!important;margin-bottom:13px!important}
  .overview h2{
    font-family:"AlternateGotNo1D","SST Condensed","Arial Narrow",sans-serif!important;
    font-size:52px!important;line-height:.94!important;max-width:550px!important;
    font-synthesis:none!important;text-rendering:geometricPrecision!important;
  }
  .overview-copy{font-size:15px!important;line-height:1.55!important;padding-top:5px!important}
  .overview-copy p{margin-bottom:18px!important}
}

/* Deterministic overflow centring for the 1544 px official commerce rail. */
@media (min-width:1600px){
  .edition-grid{
    width:1544px!important;
    margin-left:50%!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
  }
}

/* ========================================================================== */
/* 126% VIEW SCALE + RELIABLE WOLVERINE DISPLAY TYPE                          */
/* ========================================================================== */

/*
 * The official AlternateGotNo1D endpoint remains first for hosted builds.
 * Bebas Neue / narrow system faces provide a reliable condensed fallback when
 * the PlayStation font endpoint is blocked while opening the project locally.
 */
.store-heading h2,
.deluxe-title-wrap div,
.deluxe-layout h3,
.deluxe-layout p,
.overview h2,
.features > div > h2,
.feature-copy h3,
.ps5-content > h2 {
  font-family:"AlternateGotNo1D","Bebas Neue","Roboto Condensed","Nimbus Sans Narrow","Arial Narrow",sans-serif!important;
  font-synthesis:none!important;
}

.store-heading h2{
  font-weight:400!important;
  letter-spacing:.012em!important;
  font-stretch:condensed;
}


/* ========================================================================== */
/* 126% FULL-VIEWPORT SCALE FIX — replaces the broken body zoom implementation */
/* ========================================================================== */
:root{--desktop-site-scale:1.26}

/* The previous body zoom + 79.365% width combination caused the rendered page
   itself to stop at ~79% of the viewport. Reset that implementation completely. */
html{
  width:100%!important;
  max-width:100%!important;
  overflow-x:clip!important;
  background:#000!important;
}
body.ps-page{
  zoom:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  overflow-x:clip!important;
  margin:0!important;
}
#checkoutShell,.settings-root,.toast{
  zoom:1!important;
}
#checkoutShell{
  width:100%!important;
  height:100%!important;
}
.settings-root{
  left:20px!important;
  bottom:20px!important;
}

.site-scale-stage,
.site-scale-frame{
  position:relative;
  width:100%;
}

@media (min-width:1200px){
  /* This reproduces a 126% browser-scale view without shrinking the visible
     page to 79% of the screen: layout at 1/1.26 width, then render at 1.26. */
  .site-scale-stage{
    width:100%!important;
    overflow-x:clip!important;
    overflow-y:visible!important;
    isolation:isolate;
  }
  .site-scale-frame{
    width:calc(100% / var(--desktop-site-scale))!important;
    transform:scale(var(--desktop-site-scale));
    transform-origin:top left;
    will-change:transform;
  }

  /* Convert viewport-relative hero positioning to frame-relative positioning.
     This is essential because vw still references the outer browser viewport. */
  .site-scale-frame .hero-art img{
    width:101.2%!important;
    max-width:none!important;
    left:25.3%!important;
    top:-61.75px!important;
  }

  /* Keep full-width section backgrounds flush after scaling. */
  .site-scale-frame .sony-strip,
  .site-scale-frame .ps-global,
  .site-scale-frame .game-nav,
  .site-scale-frame main,
  .site-scale-frame .site-footer{
    width:100%!important;
    max-width:none!important;
  }

  /* Prevent transformed carousel content from creating page-level x-scroll. */
  .site-scale-frame .media,
  .site-scale-frame .store-section,
  .site-scale-frame .deluxe-showcase,
  .site-scale-frame .overview,
  .site-scale-frame .features,
  .site-scale-frame .ps5-section,
  .site-scale-frame .faq-section,
  .site-scale-frame .news-section,
  .site-scale-frame .accessibility-section,
  .site-scale-frame .legal-section{
    overflow-x:clip!important;
  }
}

@media (max-width:1199px){
  .site-scale-stage{height:auto!important}
  .site-scale-frame{
    width:100%!important;
    transform:none!important;
  }
}

/* =====================================================================
   HEADER SCROLL FIX + FAST ACCOUNT LOOKUP
   ===================================================================== */

/* The transformed 126% page frame and native CSS sticky positioning do not
   share the same containing block. Keep the in-page nav in normal flow and use
   a viewport-level clone for the sticky state so it can never jump into content. */
#gameNav{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}

.floating-game-nav{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100vw!important;
  height:74px!important;
  min-height:74px!important;
  z-index:350!important;
  display:grid!important;
  grid-template-columns:172px 1fr 234px!important;
  padding:0 13px!important;
  background:rgba(255,255,255,.985)!important;
  border-bottom:1px solid rgba(0,0,0,.1)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.16)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-102%)!important;
  transition:transform .28s cubic-bezier(.22,.78,.2,1),opacity .22s ease,visibility .28s!important;
  animation:none!important;
  backdrop-filter:blur(14px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.05)!important;
}
.floating-game-nav.visible{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
.floating-game-nav .game-logo-link{
  width:118px!important;
  height:74px!important;
}
.floating-game-nav .game-logo-link img{
  width:110px!important;
  max-height:47px!important;
}
.floating-game-nav .game-links,
.floating-game-nav .game-links a{
  height:74px!important;
}
.floating-game-nav .game-links{
  gap:52px!important;
  font-size:17px!important;
}
.floating-game-nav .ps-cta-small{
  width:auto!important;
  height:53px!important;
  padding:0 27px!important;
  font-size:17px!important;
  justify-self:end!important;
}
body.modal-open .floating-game-nav{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-102%)!important;
}

/* Compact, one-second lookup progress. */
#checkoutShell .lookup-status{
  min-height:24px!important;
  margin:8px 0 0!important;
}
#checkoutShell #lookupSpinner{display:none!important}
#checkoutShell .lookup-status.lookup-active p::after{display:none!important}
#checkoutShell .quick-lookup-progress{
  position:relative;
  height:4px;
  margin:7px 0 2px;
  border-radius:999px;
  background:rgba(91,132,173,.18);
  overflow:hidden;
  opacity:0;
  transform:scaleX(.985);
  transform-origin:left center;
  transition:opacity .16s ease,transform .18s ease;
}
#checkoutShell .quick-lookup-progress.active,
#checkoutShell .quick-lookup-progress.complete{
  opacity:1;
  transform:scaleX(1);
}
#checkoutShell .quick-lookup-progress>span{
  position:absolute;
  inset:0 auto 0 0;
  width:0;
  border-radius:inherit;
  background:linear-gradient(90deg,#087fd1 0%,#2fb8ff 60%,#74d6ff 100%);
  box-shadow:0 0 16px rgba(47,184,255,.38);
}
#checkoutShell .quick-lookup-progress>span::after{
  content:"";
  position:absolute;
  inset:0;
  width:44px;
  margin-left:auto;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
  transform:translateX(45%);
  filter:blur(.2px);
  animation:quickLookupGlint .62s linear infinite;
}
#checkoutShell .quick-lookup-progress.complete>span{
  background:linear-gradient(90deg,#16a96f,#57d998)!important;
  box-shadow:0 0 16px rgba(87,217,152,.28)!important;
}
@keyframes quickLookupGlint{
  from{opacity:.15;transform:translateX(-110%)}
  45%{opacity:.8}
  to{opacity:.08;transform:translateX(170%)}
}

/* Lookup and continuation are now two separate actions. */
#checkoutShell .account-continue-button{
  width:238px!important;
  height:48px!important;
  margin:12px 0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:0;
  transform:translateY(7px);
  pointer-events:none;
  box-shadow:0 10px 25px rgba(0,112,204,.22)!important;
  transition:opacity .24s ease,transform .28s cubic-bezier(.2,.8,.2,1),filter .2s ease!important;
}
#checkoutShell .account-continue-button.visible{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
#checkoutShell .account-continue-button[hidden]{display:none!important}
#checkoutShell #lookupAccount:disabled:not(.loading){
  opacity:.62!important;
}
#checkoutShell #lookupAccount:disabled:not(.loading) span:last-child{
  color:#d9efff!important;
}

@media(max-width:1199px){
  .floating-game-nav{display:none!important}
}
@media(max-width:700px){
  #checkoutShell .account-continue-button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .floating-game-nav,
  #checkoutShell .quick-lookup-progress,
  #checkoutShell .quick-lookup-progress>span::after,
  #checkoutShell .account-continue-button{animation:none!important;transition:none!important}
}

/* ===== Simplified account lookup ===== */
.store-bag-icon{
  width:76px!important;
  height:76px!important;
  margin-bottom:18px!important;
}

#checkoutShell .account-card.account-idle-hidden,
#checkoutShell .account-card.account-loading-hidden{
  display:none!important;
}

#checkoutShell .lookup-status{
  min-height:20px!important;
  margin:7px 0 0!important;
  font-size:11px!important;
}
#checkoutShell .lookup-status.lookup-active,
#checkoutShell .lookup-status.lookup-success{
  color:#72cfff!important;
}
#checkoutShell .lookup-status.lookup-success{color:#62dba7!important}

#checkoutShell .quick-lookup-progress{
  height:4px!important;
  margin:7px 0 4px!important;
  background:rgba(91,132,173,.2)!important;
  box-shadow:inset 0 0 0 1px rgba(104,156,209,.08)!important;
}
#checkoutShell .quick-lookup-progress>span{
  width:100%!important;
  transform:scaleX(0);
  transform-origin:left center;
  transition:none!important;
  background:linear-gradient(90deg,#087fd1 0%,#29b8ff 70%,#83ddff 100%)!important;
  box-shadow:0 0 13px rgba(47,184,255,.36)!important;
}
#checkoutShell .quick-lookup-progress>span.natural-loading{
  animation:naturalLookupFill 1.08s linear forwards!important;
}
#checkoutShell .quick-lookup-progress>span::after{
  width:58px!important;
  animation:lookupBarSweep .62s linear infinite!important;
}
#checkoutShell .quick-lookup-progress.complete>span{
  transform:scaleX(1)!important;
  background:linear-gradient(90deg,#18a96f,#65e1a6)!important;
}
@keyframes naturalLookupFill{
  0%{transform:scaleX(0)}
  22%{transform:scaleX(.31)}
  34%{transform:scaleX(.31)}
  62%{transform:scaleX(.68)}
  76%{transform:scaleX(.68)}
  100%{transform:scaleX(1)}
}
@keyframes lookupBarSweep{
  from{transform:translateX(-130%);opacity:.2}
  45%{opacity:.78}
  to{transform:translateX(220%);opacity:.08}
}

#checkoutShell .account-card.account-simple{
  min-height:0!important;
  margin-top:13px!important;
  padding:14px!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#0b192b,#0b1c30)!important;
  border:1px solid rgba(51,145,211,.38)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)!important;
}
#checkoutShell .account-simple::before{display:none!important}
#checkoutShell .simple-profile-row{
  display:flex;
  align-items:center;
  gap:13px;
}
#checkoutShell .simple-profile-copy{min-width:0;flex:1}
#checkoutShell .account-simple .profile-avatar-wrap{flex:0 0 52px!important}
#checkoutShell .account-simple .account-avatar{
  width:52px!important;
  height:52px!important;
  border-radius:10px!important;
}
#checkoutShell .account-simple .profile-name-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
#checkoutShell .account-simple .profile-name-row>strong{
  font-size:16px!important;
  line-height:1.1!important;
}
#checkoutShell .account-simple .profile-verified{
  padding:3px 7px!important;
  font-size:9px!important;
}
#checkoutShell .simple-profile-network{
  margin:5px 0 0!important;
  color:#9cb0c5!important;
  font-size:10px!important;
  line-height:1.25!important;
}
#checkoutShell .simple-profile-network span{margin:0 4px;color:#526c87}
#checkoutShell .simple-profile-meta{
  display:flex;
  gap:7px;
  margin-top:8px;
  flex-wrap:wrap;
}
#checkoutShell .simple-profile-meta span{
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(84,145,202,.24);
  background:rgba(18,50,80,.7);
  color:#a9c8e4;
  font-size:9px;
  font-weight:650;
}
#checkoutShell .simple-profile-meta .eligible{
  color:#75e0ae;
  border-color:rgba(55,197,129,.27);
  background:rgba(19,118,78,.18);
}
#checkoutShell .profile-status-grid,
#checkoutShell .profile-chip-row,
#checkoutShell .profile-main{display:none!important}

#checkoutShell .account-continue-button{
  width:190px!important;
  height:44px!important;
  margin-top:10px!important;
  font-size:13px!important;
}
#checkoutShell .account-privacy{
  margin-top:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6f839a!important;
  font-size:9px!important;
}

@media(max-width:700px){
  .store-bag-icon{width:68px!important;height:68px!important}
  #checkoutShell .account-continue-button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  #checkoutShell .quick-lookup-progress>span.natural-loading{animation:none!important;transform:scaleX(1)!important}
}


/* ========================================================================== 
   FINAL PREMIUM CHECKOUT / LOOKUP FIX
   Authoritative overrides for clipping, pacing, motion and account lookup.
   ========================================================================== */
#checkoutShell{
  padding:16px!important;
  overflow:hidden!important;
}
#checkoutShell .checkout-backdrop{
  background:rgba(2,8,16,.72)!important;
  backdrop-filter:blur(16px) saturate(.82)!important;
  -webkit-backdrop-filter:blur(16px) saturate(.82)!important;
}
#checkoutShell.open .checkout-backdrop{animation:premiumBackdropIn .32s ease both}
#checkoutShell .checkout-window{
  width:min(1040px,calc(100vw - 32px))!important;
  height:min(760px,calc(100dvh - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  min-height:min(620px,calc(100dvh - 32px))!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 0 1px rgba(82,162,224,.08)!important;
  animation:premiumCheckoutIn .42s cubic-bezier(.18,.82,.24,1) both!important;
}
#checkoutShell .checkout-header{height:72px!important;flex:0 0 72px!important}
#checkoutShell .checkout-tabs{height:56px!important;flex:0 0 56px!important}
#checkoutShell .checkout-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#29435e transparent!important;
  padding:16px!important;
}
#checkoutShell .checkout-step{
  display:none!important;
  height:auto!important;
  min-height:100%!important;
}
#checkoutShell .checkout-step.active{
  display:block!important;
  animation:premiumStepIn .38s cubic-bezier(.2,.8,.2,1) both!important;
}
#checkoutShell .checkout-grid,
#checkoutShell .payment-grid{
  height:auto!important;
  min-height:548px!important;
  align-items:stretch!important;
}
#checkoutShell .checkout-panel{
  min-height:0!important;
  overflow:visible!important;
}
#checkoutShell [data-step="account"] .main-panel{
  display:flex!important;
  flex-direction:column!important;
}
#checkoutShell [data-step="account"] .account-privacy{margin-top:10px!important}

/* Compact lookup rhythm */
#checkoutShell .lookup-row{margin-top:8px!important}
#checkoutShell .lookup-status{
  min-height:22px!important;
  margin:7px 0 0!important;
  color:#8195ab!important;
  transition:color .22s ease!important;
}
#checkoutShell .lookup-status p{animation:none!important}
#checkoutShell .lookup-status.lookup-active{color:#72cfff!important}
#checkoutShell .lookup-status.lookup-success{color:#57d99f!important}
#checkoutShell .quick-lookup-progress{
  display:block!important;
  height:4px!important;
  margin:5px 0 0!important;
  border-radius:999px!important;
  background:rgba(83,124,164,.18)!important;
  box-shadow:inset 0 0 0 1px rgba(117,169,219,.08)!important;
  opacity:0!important;
  transform:translateY(-2px)!important;
  transition:opacity .18s ease,transform .22s ease!important;
  overflow:hidden!important;
}
#checkoutShell .quick-lookup-progress.active,
#checkoutShell .quick-lookup-progress.complete{
  opacity:1!important;
  transform:none!important;
}
#checkoutShell .quick-lookup-progress.settling{opacity:.25!important}
#checkoutShell .quick-lookup-progress>span{
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:100%!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#087ed2 0%,#21aef6 62%,#83ddff 100%)!important;
  box-shadow:0 0 15px rgba(45,177,255,.35)!important;
  transition:background .2s ease,box-shadow .2s ease!important;
}
#checkoutShell .quick-lookup-progress>span.natural-loading{
  animation:premiumLookupFill 1.08s linear forwards!important;
}
#checkoutShell .quick-lookup-progress>span::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  width:78px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)!important;
  animation:premiumLookupSweep .72s ease-in-out infinite!important;
}
#checkoutShell .quick-lookup-progress.complete>span{
  transform:scaleX(1)!important;
  background:linear-gradient(90deg,#18a86f,#5ce0a2)!important;
  box-shadow:0 0 15px rgba(70,215,155,.28)!important;
}
@keyframes premiumLookupFill{
  0%{transform:scaleX(0)}
  26%{transform:scaleX(.34)}
  39%{transform:scaleX(.34)}
  67%{transform:scaleX(.73)}
  79%{transform:scaleX(.73)}
  100%{transform:scaleX(1)}
}
@keyframes premiumLookupSweep{
  0%{transform:translateX(-110%);opacity:.1}
  48%{opacity:.8}
  100%{transform:translateX(760%);opacity:.05}
}

/* Simplified premium account result */
#checkoutShell .account-card.account-simple.premium-account-result{
  display:block!important;
  min-height:0!important;
  margin:12px 0 0!important;
  padding:13px 14px!important;
  border-radius:13px!important;
  border:1px solid rgba(54,139,207,.33)!important;
  background:linear-gradient(145deg,rgba(11,26,44,.98),rgba(8,21,36,.98))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)!important;
  animation:premiumResultIn .42s cubic-bezier(.18,.82,.24,1) both!important;
}
#checkoutShell .premium-profile-row{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
}
#checkoutShell .premium-profile-avatar-wrap{position:relative;width:52px;height:52px}
#checkoutShell .premium-profile-avatar-wrap .account-avatar{
  width:52px!important;height:52px!important;display:block!important;
  border-radius:11px!important;object-fit:cover!important;
  border:1px solid rgba(118,181,232,.35)!important;
}
#checkoutShell .premium-presence{
  position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;
  background:#2bd88a;border:3px solid #0a1726;box-shadow:0 0 12px rgba(43,216,138,.48)
}
#checkoutShell .premium-profile-copy{min-width:0}
#checkoutShell .premium-profile-name{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
#checkoutShell .premium-profile-name>strong{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#fff;font-size:16px;line-height:1.1;font-weight:650
}
#checkoutShell .premium-verified{
  display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;
  color:#87d8ff;background:rgba(0,119,204,.16);border:1px solid rgba(42,159,236,.3);
  font-size:9px;font-weight:700;white-space:nowrap
}
#checkoutShell .premium-verified i{font-style:normal;color:#67ceff}
#checkoutShell .premium-profile-copy p{
  display:flex;align-items:center;gap:6px;margin:6px 0 0;color:#95a9bd;font-size:10px;line-height:1.25
}
#checkoutShell .premium-online-dot{width:7px;height:7px;border-radius:50%;background:#35d58c;box-shadow:0 0 9px rgba(53,213,140,.45);flex:none}
#checkoutShell .premium-eligible{
  justify-self:end;padding:6px 9px;border-radius:999px;white-space:nowrap;
  color:#6fe0aa;background:rgba(23,132,83,.16);border:1px solid rgba(65,203,139,.27);
  font-size:9px;font-weight:750
}
#checkoutShell .account-continue-button{
  display:flex!important;
  width:190px!important;
  min-height:46px!important;
  margin:12px 0 0 auto!important;
  opacity:0!important;
  transform:translateY(8px)!important;
  pointer-events:none!important;
  transition:opacity .26s ease,transform .36s cubic-bezier(.18,.82,.24,1),filter .18s ease!important;
}
#checkoutShell .account-continue-button.visible{
  opacity:1!important;transform:none!important;pointer-events:auto!important
}
#checkoutShell .account-continue-button[hidden]{display:none!important}
#checkoutShell .button-check{font-size:15px;line-height:1}

/* Completion can always scroll; never clip the receipt or Done button. */
#checkoutShell .checkout-complete-step.active{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-height:100%!important;
  padding:8px 0 24px!important;
}
#checkoutShell .checkout-complete-card{
  width:min(600px,100%)!important;
  max-width:600px!important;
  margin:auto!important;
  flex:none!important;
  padding:26px!important;
  animation:premiumCompleteIn .48s cubic-bezier(.18,.82,.24,1) both!important;
}
#checkoutShell .checkout-complete-card h3{font-size:34px!important;line-height:1.08!important}
#checkoutShell .checkout-receipt{margin:18px 0!important}
#checkoutShell .checkout-done{min-height:48px!important;flex:none!important}

/* Premium continuous processing motion. */
#checkoutShell .payment-processing{backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
#checkoutShell .processing-card{animation:premiumProcessingIn .42s cubic-bezier(.18,.82,.24,1) both!important}
#checkoutShell .processing-progress{overflow:hidden!important}
#checkoutShell .processing-progress span{transition:none!important}
#checkoutShell .processing-progress::after{
  content:"";position:absolute;inset:0;width:35%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
  animation:premiumProcessSweep 1.05s ease-in-out infinite
}

@keyframes premiumBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes premiumCheckoutIn{from{opacity:0;transform:translateY(18px) scale(.982)}to{opacity:1;transform:none}}
@keyframes premiumStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes premiumResultIn{from{opacity:0;transform:translateY(9px) scale(.992)}to{opacity:1;transform:none}}
@keyframes premiumCompleteIn{from{opacity:0;transform:translateY(12px) scale(.988)}to{opacity:1;transform:none}}
@keyframes premiumProcessingIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes premiumProcessSweep{from{transform:translateX(-130%)}to{transform:translateX(390%)}}

@media(max-width:900px){
  #checkoutShell{padding:8px!important}
  #checkoutShell .checkout-window{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;min-height:0!important}
  #checkoutShell .checkout-grid,#checkoutShell .payment-grid{grid-template-columns:1fr!important;min-height:0!important}
  #checkoutShell .order-summary{display:none!important}
  #checkoutShell .premium-profile-row{grid-template-columns:48px minmax(0,1fr)!important}
  #checkoutShell .premium-profile-avatar-wrap,#checkoutShell .premium-profile-avatar-wrap .account-avatar{width:48px!important;height:48px!important}
  #checkoutShell .premium-eligible{grid-column:2;justify-self:start;margin-top:5px}
}
@media(max-width:600px){
  #checkoutShell .checkout-body{padding:8px!important}
  #checkoutShell .checkout-panel{padding:14px!important}
  #checkoutShell .lookup-row{grid-template-columns:1fr!important}
  #checkoutShell .account-continue-button{width:100%!important}
  #checkoutShell .checkout-complete-card{padding:20px 15px!important}
  #checkoutShell .checkout-complete-card h3{font-size:29px!important}
}
@media(prefers-reduced-motion:reduce){
  #checkoutShell .quick-lookup-progress>span.natural-loading{animation:none!important;transform:scaleX(1)!important}
  #checkoutShell .quick-lookup-progress>span::after,
  #checkoutShell .processing-progress::after{animation:none!important}
}