@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Cairo:wght@400;600;700;800;900&display=swap');
:root{--bg:#090b18;--panel:#111429;--line:#2c3151;--muted:#c5c7d7;--purple:#8d2cff;--purple2:#c23fff;--green:#00c85b;--blue:#087dff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.top{height:81px;padding:0 4.2%;display:flex;align-items:center;gap:4%;background:linear-gradient(110deg,#090b17,#0c0e20);border-bottom:1px solid #202541}.brand{display:flex;align-items:center;gap:10px;min-width:280px}.brand-icon{font-size:44px;filter:drop-shadow(0 0 12px #a23cff)}.brand b{font-size:25px;letter-spacing:-1.3px}.brand b span{color:#d65aff}.brand small{display:block;font-size:11px;color:#c7c8d7;margin-top:2px}.search{height:43px;display:flex;flex:1;max-width:510px;border:1px solid #393d60;border-radius:11px;background:#1a1c36;overflow:hidden}.search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;padding:0 15px;font-size:13px}.search input::placeholder{color:#d1d2dc}.search button{width:46px;border:0;background:#272448;color:#fff;font-size:25px;cursor:pointer}.top-actions{display:flex;align-items:center;gap:15px;margin-left:auto}.select-wrap{display:flex;align-items:center;gap:7px;color:#fff;border-right:1px solid #282c46;padding-right:13px}.select-wrap select{background:transparent;color:#fff;border:0;outline:0;cursor:pointer;font-weight:700}.select-wrap option{background:#15182d}.signin,.cart-open{border:0;background:transparent;color:#fff;cursor:pointer;white-space:nowrap}.cart-open{font-size:20px;position:relative}.cart-open i{position:absolute;top:-10px;right:-8px;background:#8c2fff;border-radius:50%;font-style:normal;font-size:10px;padding:4px 7px}.nav{height:62px;display:flex;justify-content:space-evenly;align-items:center;padding:0 3%;background:linear-gradient(90deg,#17172f,#12152a);border-bottom:1px solid #343653;position:relative;z-index:3}.nav a{height:42px;display:flex;align-items:center;gap:8px;padding:0 17px;border-radius:9px;color:#f2f2f7;font-weight:600;font-size:14px;white-space:nowrap}.nav a.active{background:linear-gradient(100deg,#7924e8,#a52fff);box-shadow:0 0 18px #922cff77}.nav a:hover{color:#dba9ff}.hero{height:440px;position:relative;display:flex;align-items:center;padding:30px 3.2%;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,#101e3b 0,transparent 47%),linear-gradient(100deg,#0b0d1b,#10132a 70%,#090c1a)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0c1b 0%,#0a0c1bf2 36%,#0a0c1b38 62%,transparent 100%);z-index:1;pointer-events:none}.hero-copy{position:relative;z-index:2;width:54%;max-width:620px}.hero h1{font-size:clamp(34px,3.65vw,45px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 14px;font-weight:850}.hero h1 em{font-style:italic;color:#c24aff;font-size:1.08em;text-shadow:0 0 22px #a22aff77}.hero-copy>p{font-size:18px;line-height:1.45;margin:0;color:#f0eff7}.proof{display:flex;gap:30px;margin:23px 0 26px}.proof span{display:flex;align-items:center;gap:10px}.proof b{font-size:30px;color:#c65aff}.proof small{font-size:13px;line-height:1.25;font-weight:600}.hero-buttons{display:flex;gap:18px}.btn{height:51px;padding:0 30px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(100deg,#7823e9,#b02cff);box-shadow:0 0 22px #9a27ed55;border:1px solid #bd70ff}.btn.outline{border:1.5px solid #e7e7f3;background:#14172a}.hero-picture{position:absolute;right:0;top:0;width:62%;height:100%;background-image:url('/assets/hero-scene.jpg');background-size:cover;background-position:center right;mix-blend-mode:screen;opacity:.96}.categories{padding:24px 2%;display:grid;grid-template-columns:repeat(4,1fr);gap:17px;background:#090c19}.cat{height:109px;border-radius:15px;border:1px solid #ffffff35;display:flex;align-items:center;gap:15px;text-align:left;color:white;padding:15px 20px;cursor:pointer;transition:.2s}.cat:hover{transform:translateY(-3px);filter:brightness(1.13)}.cat strong{font-size:43px;line-height:1}.cat span{display:block;flex:1}.cat b{display:block;font-size:20px;margin-bottom:7px}.cat small{font-size:12px;line-height:1.4}.cat i{font-style:normal;font-size:22px}.xbox,.gamepass{background:linear-gradient(115deg,#003f1d,#005b2a);border-color:#00b94b}.playstation{background:linear-gradient(115deg,#05275a,#064a9b);border-color:#087dff}.psplus{background:linear-gradient(115deg,#4a3a08,#75590a);border-color:#c49700}.products{padding:8px 1.8% 30px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:4px 1% 23px}.section-title h2{font-size:27px;margin:0;letter-spacing:-.5px}.section-title button{border:0;background:transparent;color:#ca70ff;font-weight:700;font-size:14px;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product{background:linear-gradient(150deg,#171a31,#111426);border:1px solid #333858;border-radius:16px;overflow:hidden;position:relative;min-width:0}.product-art{height:136px;position:relative;background:#08152d;overflow:hidden}.product-art img{width:100%;height:100%;object-fit:cover;display:block}.product-art label{position:absolute;right:7px;top:4px;background:linear-gradient(90deg,#a324ef,#c13cff);border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700}.product-info{padding:13px 17px 15px}.product-info h3{font-size:16px;margin:0 0 4px;letter-spacing:-.3px}.product-info p{font-size:14px;line-height:1.45;margin:0 0 12px;color:#f2f2f8;min-height:39px}.price{display:block;font-size:22px;margin:9px 0 14px}.buy{width:100%;height:45px;background:linear-gradient(100deg,#7923e9,#b52df2);border:1px solid #ca71ff;border-radius:10px;color:white;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 0 14px #a128ee44}.buy:hover{filter:brightness(1.15)}.option{width:100%;height:40px;background:#191c36;color:white;border:1px solid #48496c;border-radius:10px;padding:0 12px;margin:0 0 11px}.empty{text-align:center;color:#aeb1c6;padding:25px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 3.2%;gap:15px;background:linear-gradient(90deg,#13162b,#17172f);border-block:1px solid #2b2f4c}.benefits>div{display:flex;align-items:center;gap:14px}.benefits>div>b{font-size:38px;color:#c16bff}.benefits strong,.benefits small{display:block}.benefits strong{font-size:15px}.benefits small{font-size:11px;color:#c1c3d3;margin-top:5px}footer{background:radial-gradient(ellipse at 50% 100%,#28164c,#0d1020 65%);padding:36px 3% 0;display:grid;grid-template-columns:2fr 1fr 1.3fr 1.3fr 1.5fr;gap:22px}footer h4{margin:6px 0 16px;font-size:14px}footer>div>a:not(.brand){display:block;color:#c2c4d4;font-size:12px;margin:9px 0}.footer-brand .brand{min-width:0}.socials{display:flex;gap:9px}.socials a{height:29px;width:29px;border-radius:9px;display:grid;place-items:center;background:#3431a4;font-weight:800}.copyright{grid-column:1/-1;border-top:1px solid #4a326c;padding:17px 0;display:flex;justify-content:space-between;color:#ddd;font-size:12px;margin-top:18px}.shade{position:fixed;inset:0;background:#0009;z-index:9;opacity:0;visibility:hidden;transition:.2s}.drawer{position:fixed;z-index:10;right:0;top:0;height:100vh;width:min(410px,94vw);background:#111429;border-left:1px solid #393454;padding:22px;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column}.drawer.show{transform:translateX(0)}.shade.show{opacity:1;visibility:visible}.drawer-head,.total{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303451;padding-bottom:15px}.drawer-head button{background:none;border:0;color:white;font-size:20px;cursor:pointer}.cart-items{flex:1;padding:20px 0;color:#c7c9da}.cart-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #303451;font-size:13px}.total{border-top:1px solid #303451;border-bottom:0;padding:18px 0}.checkout{width:100%;border:0;color:white}.drawer>small{font-size:10px;color:#999fb8;line-height:1.5;margin-top:12px}.toast{position:fixed;z-index:20;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;background:#2a1d49;border:1px solid #a84bfa;border-radius:10px;padding:12px 18px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
[dir=rtl] body{font-family:Cairo,Arial,sans-serif}[dir=rtl] .hero-copy{text-align:right}[dir=rtl] .hero-picture{right:auto;left:0;transform:scaleX(-1)}[dir=rtl] .hero:after{background:linear-gradient(270deg,#0a0c1b 0%,#0a0c1bf2 36%,#0a0c1b38 62%,transparent 100%)}[dir=rtl] .cat{text-align:right}[dir=rtl] .drawer{right:auto;left:0;transform:translateX(-105%);border-left:0;border-right:1px solid #393454}[dir=rtl] .drawer.show{transform:translateX(0)}
@media(max-width:1000px){.top{padding:0 2%;gap:15px}.brand{min-width:230px}.brand b{font-size:21px}.top-actions{gap:8px}.nav{overflow:auto;justify-content:flex-start}.nav a{padding:0 13px}.hero-picture{width:58%}.hero-copy{width:60%}.hero h1{font-size:36px}.cat{padding:12px;gap:8px}.cat b{font-size:16px}.cat small{font-size:10px}.product-info{padding:12px}.product-info h3{font-size:14px}.product-info p{font-size:12px}.price{font-size:19px}}
@media(max-width:700px){.top{height:auto;min-height:70px;flex-wrap:wrap;padding:10px 4%;gap:10px}.brand{min-width:0;flex:1}.brand-icon{font-size:35px}.brand b{font-size:20px}.search{order:3;flex-basis:100%;max-width:none;height:40px}.top-actions{margin-left:0}.select-wrap{padding-right:7px}.select-wrap select{font-size:11px}.currency{display:none}.signin{font-size:12px}.nav{height:51px}.nav a{font-size:12px;padding:0 11px}.hero{height:485px;padding:28px 5%;align-items:flex-start}.hero-copy{width:100%;max-width:450px}.hero h1{font-size:31px}.hero-copy>p{font-size:14px}.hero:after{background:linear-gradient(180deg,#0a0c1b 0%,#0a0c1bed 47%,#0a0c1b66 100%)}.hero-picture{top:195px;width:100%;height:290px;opacity:.82}.proof{gap:16px;margin:17px 0}.proof b{font-size:24px}.proof small{font-size:10px}.btn{height:43px;padding:0 16px;font-size:12px}.categories{grid-template-columns:repeat(2,1fr);gap:9px;padding:15px 3%}.cat{height:83px;padding:9px}.cat strong{font-size:29px}.cat b{font-size:14px;margin-bottom:3px}.cat small{font-size:9px}.cat i{font-size:16px}.products{padding:14px 3% 24px}.section-title h2{font-size:21px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-art{height:105px}.product-info{padding:10px}.product-info h3{font-size:12px}.product-info p{font-size:10px;min-height:32px}.price{font-size:16px;margin:7px 0 10px}.buy{height:37px;font-size:11px}.option{height:34px;font-size:10px}.benefits{grid-template-columns:repeat(2,1fr);padding:17px 4%;gap:17px}.benefits>div{gap:8px}.benefits>div>b{font-size:27px}.benefits strong{font-size:11px}.benefits small{font-size:9px}footer{grid-template-columns:repeat(2,1fr);padding:25px 5% 0;gap:17px}.footer-brand{grid-column:1/-1}.copyright{font-size:10px;flex-direction:column;gap:10px}.socials a{height:25px;width:25px}}


/* Responsive refinement: desktop, ultrawide, tablet and mobile */
img,svg{max-width:100%}
body{overflow-x:hidden}
.top,.nav,#home,footer{width:100%;margin-inline:auto}
.top{padding-inline:clamp(16px,3.4vw,58px);gap:clamp(12px,2vw,34px)}
.brand{min-width:clamp(190px,22vw,280px)}
.search{max-width:620px}
.hero{height:clamp(390px,35vw,560px);padding-inline:clamp(22px,3.2vw,64px)}
.hero-copy{width:min(54%,680px)}
.hero h1{font-size:clamp(34px,3.1vw,58px)}
.hero-copy>p{font-size:clamp(15px,1.25vw,20px)}
.hero-picture{background-position:center right}
.categories{padding:clamp(18px,2vw,30px) clamp(16px,2vw,36px);gap:clamp(10px,1.4vw,20px)}
.cat{min-width:0;height:clamp(92px,8.5vw,122px);padding:clamp(12px,1.4vw,22px)}
.cat strong.platform-mark{width:clamp(38px,4.3vw,58px);height:clamp(38px,4.3vw,58px);display:grid;place-items:center;flex:0 0 auto;font-size:clamp(34px,3.4vw,48px)}
.platform-mark svg{width:100%;height:100%;display:block}
.cat b{font-size:clamp(15px,1.35vw,21px)}
.cat small{font-size:clamp(10px,.85vw,13px)}
.products{padding:10px clamp(16px,2vw,36px) 34px}
.product-grid{gap:clamp(12px,1.5vw,20px)}
.product-art{height:clamp(120px,12vw,180px)}
.product-info{padding:clamp(12px,1.2vw,18px)}
.product-info h3{font-size:clamp(14px,1.15vw,18px)}
.product-info p{font-size:clamp(12px,1vw,15px)}
.price{font-size:clamp(18px,1.45vw,24px)}
.benefits{padding:clamp(20px,2vw,32px) clamp(18px,3vw,56px)}
.benefits>div>b{font-size:clamp(30px,3vw,44px)}
footer{padding-inline:clamp(20px,3vw,60px)}
@media(min-width:1900px){
  .top,.nav,.hero,.categories,.products,.benefits,footer{padding-left:max(4vw,calc((100vw - 1800px)/2));padding-right:max(4vw,calc((100vw - 1800px)/2))}
  .hero{height:560px}
  .hero-copy{max-width:760px}
  .hero h1{font-size:58px}
}
@media(max-width:1100px){
  .top{height:auto;min-height:76px;flex-wrap:wrap;padding-block:12px;gap:10px 18px}
  .brand{min-width:190px;flex:1}
  .search{order:3;flex:1 1 100%;max-width:none;height:42px}
  .top-actions{gap:10px}
  .nav{justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding-inline:14px;gap:8px;scrollbar-width:thin}
  .nav a{padding-inline:14px}
  .hero{height:410px}
  .hero-copy{width:58%}
  .categories{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  body{font-size:13px}
  .top{padding:10px 14px}
  .brand{min-width:0;flex:1 1 100%}
  .brand-icon{font-size:36px}
  .brand b{font-size:21px}
  .top-actions{margin-left:0;width:100%;justify-content:space-between}
  .select-wrap{padding-right:8px}
  .nav{height:54px}
  .nav a{height:38px;font-size:12px;padding-inline:11px}
  .hero{height:auto;min-height:540px;align-items:flex-start;padding:34px 20px 250px}
  .hero-copy{width:100%;max-width:none}
  .hero h1{font-size:clamp(30px,8vw,42px);line-height:1.08;letter-spacing:-1px}
  .hero-copy>p{font-size:14px;max-width:360px}
  .proof{gap:16px;margin:18px 0 20px;flex-wrap:wrap}
  .proof b{font-size:25px}
  .proof small{font-size:11px}
  .hero-buttons{gap:10px;flex-wrap:wrap}
  .btn{height:45px;padding-inline:18px;font-size:13px}
  .hero-picture{top:auto;bottom:0;left:0;right:0;width:100%;height:260px;background-size:auto 100%;background-position:center bottom;opacity:.85}
  .hero:after{background:linear-gradient(180deg,#0a0c1b 0%,#0a0c1beF 42%,#0a0c1b55 100%)}
  .categories{grid-template-columns:1fr;gap:10px;padding:14px}
  .cat{height:88px;padding:12px 16px}
  .cat strong.platform-mark{width:44px;height:44px;font-size:36px}
  .cat b{font-size:17px}
  .cat small{font-size:11px}
  .products{padding:8px 14px 24px}
  .section-title{margin:5px 2px 14px}
  .section-title h2{font-size:21px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product{border-radius:12px}
  .product-art{height:clamp(100px,31vw,155px)}
  .product-info{padding:10px}
  .product-info h3{font-size:13px;line-height:1.25}
  .product-info p{font-size:11px;min-height:34px}
  .price{font-size:17px;margin:7px 0 10px}
  .buy{height:39px;font-size:12px}
  .option{height:36px;font-size:11px;padding-inline:7px}
  .benefits{grid-template-columns:1fr 1fr;padding:18px 14px;gap:18px 10px}
  .benefits>div{gap:9px}
  .benefits>div>b{font-size:27px}
  .benefits strong{font-size:12px}
  .benefits small{font-size:10px}
  footer{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 16px 0;gap:16px}
  footer .footer-brand{grid-column:1/-1}
  footer h4{font-size:13px}
  .copyright{font-size:10px;gap:10px;flex-direction:column}
}
@media(max-width:370px){
  .product-grid{grid-template-columns:1fr}
  .proof{gap:12px}
  .benefits{grid-template-columns:1fr}
}
[dir=rtl] .platform-mark{direction:ltr}


/* Brand artwork: local SVG assets, crisp at every pixel density */
.brand-icon-img{width:58px;height:58px;object-fit:contain;display:block;filter:drop-shadow(0 0 12px #a23cff)}
.nav-brand-icon{width:22px;height:22px;object-fit:contain;display:inline-block;vertical-align:middle}
.cat .platform-mark{width:58px;height:58px;display:flex;align-items:center;justify-content:center;flex:0 0 58px}
.cat .platform-mark img{width:100%;height:100%;object-fit:contain;display:block}
.cat.gamepass .platform-mark{width:58px;height:58px}
.cat.psplus .platform-mark{width:92px;height:58px;flex-basis:92px}
.product-art img{object-fit:cover;object-position:center}
@media(max-width:700px){.brand-icon-img{width:46px;height:46px}.nav-brand-icon{width:18px;height:18px}.cat .platform-mark{width:46px;height:46px;flex-basis:46px}.cat.psplus .platform-mark{width:74px;flex-basis:74px}}
@media(min-width:1500px){.cat .platform-mark{width:66px;height:66px;flex-basis:66px}.cat.psplus .platform-mark{width:104px;flex-basis:104px}}


/* Brand SVGs already contain their correct colors; never invert them. */
.xbox-logo{filter:none !important;opacity:1;}
.nav-brand-icon{filter:none !important;opacity:1;}
.cat .platform-mark img{filter:none !important;opacity:1;}
.cat.xbox .platform-mark img,.cat.gamepass .platform-mark img{width:100%;height:100%;}
.cat.playstation .platform-mark img{width:100%;height:100%;}
.cat.psplus .platform-mark img{width:54px;height:54px;}


/* FINAL OVERRIDE — clean brand marks and stable responsive layout */
.brand-icon-img,.nav-brand-icon,.cat .platform-mark img{filter:none!important;opacity:1!important;box-shadow:none!important;}
.nav-brand-icon{width:24px;height:24px;object-fit:contain;flex:0 0 24px;}
.cat .platform-mark{display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex:0 0 58px;}
.cat .platform-mark img{display:block;width:100%;height:100%;object-fit:contain;}
.cat.psplus .platform-mark img{width:54px;height:54px;}
.product[hidden]{display:none!important;}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.categories{grid-template-columns:repeat(4,minmax(0,1fr));}
.hero{height:clamp(390px,36vw,520px);}
@media(max-width:1100px){.categories{grid-template-columns:repeat(2,minmax(0,1fr));}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){
 .hero{height:auto;min-height:530px;padding:28px 18px 245px;}
 .hero-copy{width:100%;max-width:100%;}
 .hero h1{font-size:clamp(29px,7.8vw,40px);}
 .hero-picture{top:auto;bottom:0;left:0;right:0;width:100%;height:245px;background-size:auto 100%;background-position:center bottom;}
 .categories{grid-template-columns:1fr;}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .cat .platform-mark{width:48px;height:48px;flex-basis:48px;}
}
@media(max-width:360px){.product-grid{grid-template-columns:1fr;}}

/* Logo image safety */
.brand-icon-img,.nav-brand-icon,.platform-mark img{max-width:100%;max-height:100%;object-fit:contain;font-size:0;line-height:0;}


/* Responsive rebuild: fluid from 320px phones to ultrawide displays */
html, body {width:100%; max-width:100%; min-width:0; overflow-x:hidden;}
img {max-width:100%;}
main, section, header, footer, .top, .nav {min-width:0; max-width:100%;}
.top {height:auto; min-height:76px; padding:12px clamp(12px,3vw,48px); gap:clamp(10px,2vw,28px);}
.brand {min-width:0; flex:0 1 auto; max-width:32%;}
.brand-icon-img {width:clamp(38px,4vw,58px); height:clamp(38px,4vw,58px); flex:0 0 auto;}
.search {min-width:140px; width:auto; flex:1 1 260px;}
.top-actions {min-width:0; flex:0 0 auto;}
.nav {overflow-x:auto; overflow-y:hidden; justify-content:flex-start; gap:clamp(8px,2vw,30px); padding-inline:clamp(12px,3vw,48px); scrollbar-width:thin; white-space:nowrap;}
.nav a {flex:0 0 auto;}
.hero {position:relative; width:100%; height:clamp(390px,40vw,620px); min-height:0; padding:clamp(28px,4vw,64px) clamp(18px,4vw,64px); overflow:hidden;}
.hero-copy {position:relative; z-index:2; width:min(54%,680px); max-width:680px; min-width:0;}
.hero h1 {font-size:clamp(30px,4.2vw,62px); line-height:1.05; overflow-wrap:anywhere;}
.hero-copy>p {font-size:clamp(13px,1.25vw,18px); line-height:1.5;}
.hero-picture {position:absolute; top:0; right:0; width:58%; height:100%; background-size:cover; background-position:center; pointer-events:none;}
.categories {width:100%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(8px,1.5vw,18px); padding:clamp(14px,2vw,28px);}
.cat {min-width:0; overflow:hidden; gap:clamp(8px,1vw,14px);}
.cat span {min-width:0;}
.cat b,.cat small {overflow-wrap:anywhere;}
.products {width:100%; padding-inline:clamp(14px,2vw,30px);}
.product-grid {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(10px,1.5vw,20px); width:100%;}
.product {min-width:0; overflow:hidden;}
.product-art {height:clamp(115px,14vw,190px);}
.product-art img {width:100%;height:100%;object-fit:cover;}
.product-info {min-width:0;}
.product-info h3,.product-info p {overflow-wrap:anywhere;}
.benefits {width:100%; grid-template-columns:repeat(4,minmax(0,1fr));}
footer {width:100%; min-width:0;}
.brand-icon-img,.nav-brand-icon,.platform-mark img {display:block; object-fit:contain; max-width:100%; max-height:100%; filter:none!important; opacity:1!important;}
.nav-brand-icon {width:clamp(18px,1.8vw,26px); height:clamp(18px,1.8vw,26px); flex:0 0 auto;}
.cat .platform-mark {width:clamp(38px,4.5vw,62px);height:clamp(38px,4.5vw,62px);flex:0 0 clamp(38px,4.5vw,62px);}
.cat .platform-mark img {width:100%;height:100%;object-fit:contain;}
.cat.psplus .platform-mark img {width:100%;height:100%;}
.product[hidden] {display:none!important;}

@media (min-width:1600px) {
  .hero {height:min(42vw,720px);}
  .hero-copy {width:48%;max-width:760px;}
  .product-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:1050px) {
  .top {flex-wrap:wrap;}
  .brand {max-width:none; flex:1 1 220px;}
  .search {order:3; flex:1 1 100%; max-width:none;}
  .top-actions {margin-left:auto;}
  .categories {grid-template-columns:repeat(2,minmax(0,1fr));}
  .product-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .benefits {grid-template-columns:repeat(2,minmax(0,1fr));}
  .hero-copy {width:58%;}
}
@media (max-width:680px) {
  body {font-size:13px;}
  .top {padding:10px 12px;gap:9px;}
  .brand {flex:1 1 100%;max-width:100%;}
  .top-actions {width:100%;justify-content:space-between;gap:8px;}
  .search {order:2;flex:1 1 100%;height:42px;}
  .nav {height:52px;gap:6px;padding-inline:10px;}
  .nav a {font-size:12px;padding-inline:10px;}
  .hero {height:auto;min-height:0;padding:30px 18px 230px;}
  .hero-copy {width:100%;max-width:100%;}
  .hero h1 {font-size:clamp(29px,7.5vw,42px);line-height:1.08;letter-spacing:-.6px;}
  .hero-copy>p {font-size:14px;max-width:100%;}
  .hero-picture {top:auto;bottom:0;left:0;right:0;width:100%;height:230px;background-size:cover;background-position:center bottom;opacity:.88;}
  .hero:after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,#090b18 0%,#090b18 42%,rgba(9,11,24,.2) 100%);pointer-events:none;}
  .hero-copy {z-index:2;}
  .categories {grid-template-columns:1fr;padding:12px;gap:10px;}
  .cat {height:78px;padding:10px 14px;}
  .products {padding:8px 12px 22px;}
  .product-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .product-art {height:clamp(100px,32vw,155px);}
  .product-info {padding:9px;}
  .product-info h3 {font-size:13px;line-height:1.25;}
  .product-info p {font-size:11px;min-height:30px;}
  .price {font-size:16px;}
  .buy {height:38px;font-size:12px;}
  .benefits {grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 12px;gap:16px 8px;}
  footer {grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 14px 0;gap:16px;}
  footer .footer-brand {grid-column:1/-1;}
}
@media (max-width:390px) {
  .product-grid {grid-template-columns:1fr;}
  .hero {padding-bottom:210px;}
  .hero-picture {height:210px;}
  .proof {gap:10px;flex-wrap:wrap;}
  .hero-buttons {display:flex;flex-wrap:wrap;}
  .btn {max-width:100%;}
  .benefits {grid-template-columns:1fr;}
}
@media (min-width:681px) and (max-width:850px) {
  .hero {height:440px;}
  .hero-copy {width:60%;}
}


/* ===== SellAccShop sizing correction (CSS only) =====
   Keeps the approved artwork and platform logos unchanged. */
:root { --content-max: 1760px; }
html, body { overflow-x: clip; }
.top, .nav { padding-left: clamp(14px, 2.2vw, 38px); padding-right: clamp(14px, 2.2vw, 38px); }
.top { min-height: 68px; gap: clamp(10px, 1.4vw, 22px); }
.brand { gap: 8px; }
.brand-icon-img { width: clamp(38px, 3.2vw, 52px); height: clamp(38px, 3.2vw, 52px); }
.brand b { font-size: clamp(18px, 1.45vw, 23px); }
.search { height: 40px; max-width: 500px; }
.nav { height: 54px; gap: clamp(4px, .8vw, 14px); }
.nav a { height: 38px; padding-inline: clamp(9px, 1vw, 16px); font-size: clamp(11px, .85vw, 13px); }
.hero {
  height: clamp(330px, 27vw, 445px) !important;
  min-height: 330px;
  padding: clamp(22px, 3vw, 46px) clamp(20px, 3.2vw, 54px);
}
.hero-copy { width: min(49%, 620px) !important; max-width: 620px; }
.hero h1 { font-size: clamp(30px, 2.8vw, 48px) !important; line-height: 1.08; letter-spacing: -.8px; }
.hero-copy > p { font-size: clamp(13px, 1.05vw, 16px); }
.proof { gap: clamp(12px, 1.7vw, 25px); margin: 17px 0 20px; }
.proof b { font-size: clamp(22px, 2vw, 29px); }
.proof small { font-size: clamp(10px, .78vw, 12px); }
.btn { height: 46px; padding-inline: clamp(16px, 1.8vw, 26px); font-size: clamp(12px, .9vw, 14px); }
.hero-buttons { gap: 12px; }
.hero-picture { width: 57%; background-position: center right; }
.categories, .products, .benefits, footer { max-width: var(--content-max); margin-left: auto; margin-right: auto; }
.categories { padding: 18px clamp(14px, 1.6vw, 26px); gap: clamp(9px, 1vw, 15px); }
.cat { height: clamp(76px, 6.2vw, 94px); padding: 11px clamp(11px, 1.3vw, 19px); gap: 11px; }
.cat .platform-mark { width: clamp(42px, 3.5vw, 54px); height: clamp(42px, 3.5vw, 54px); flex-basis: clamp(42px, 3.5vw, 54px); }
.cat b { font-size: clamp(14px, 1.05vw, 18px); margin-bottom: 4px; }
.cat small { font-size: clamp(10px, .72vw, 11px); }
.products { padding: 8px clamp(14px, 1.7vw, 28px) 24px; }
.section-title { margin-bottom: 15px; }
.section-title h2 { font-size: clamp(20px, 1.7vw, 25px); }
.product-grid { gap: clamp(10px, 1.1vw, 17px); }
.product-art { height: clamp(105px, 10vw, 150px); }
.product-info { padding: 11px 13px 13px; }
.product-info h3 { font-size: clamp(13px, .95vw, 15px); }
.product-info p { font-size: clamp(11px, .82vw, 13px); min-height: 34px; }
.price { font-size: clamp(17px, 1.25vw, 20px); margin: 7px 0 10px; }
.buy { height: 40px; font-size: clamp(12px, .85vw, 14px); }
.benefits { padding: 18px clamp(14px, 2.2vw, 36px); gap: 12px; }
.benefits > div > b { font-size: clamp(25px, 2.2vw, 34px); }
.benefits strong { font-size: clamp(12px, .9vw, 14px); }
.benefits small { font-size: clamp(10px, .7vw, 11px); }
footer { padding: 28px clamp(14px, 2.2vw, 36px) 0; }

@media (min-width: 1600px) {
  .hero { height: clamp(370px, 22vw, 460px) !important; }
  .hero-copy { width: min(46%, 650px) !important; }
  .hero h1 { font-size: clamp(40px, 2.35vw, 52px) !important; }
  .categories, .products, .benefits, footer { max-width: 1840px; }
}
@media (max-width: 1050px) {
  .hero { height: 410px !important; }
  .hero-copy { width: 56% !important; }
  .hero h1 { font-size: clamp(29px, 4vw, 40px) !important; }
  .categories { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .hero { height: auto !important; min-height: 0; padding: 26px 16px 220px; }
  .hero-copy { width: 100% !important; max-width: 100%; }
  .hero h1 { font-size: clamp(28px, 7.4vw, 39px) !important; }
  .hero-picture { width: 100%; height: 220px; }
  .categories, .products, .benefits, footer { max-width: 100%; }
  .categories { grid-template-columns: 1fr; }
  .cat { height: 76px; }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 390px) {
  .product-grid { grid-template-columns: 1fr; }
}
/* Keep the PlayStation Plus mark at its existing natural contain size. */
.cat.psplus .platform-mark img { object-fit: contain; }