
.office-edition .gaming-banner{position:relative;isolation:isolate;overflow:hidden;background:#fffaf4;min-height:660px;border-bottom:1px solid #e8e0d7}
.gaming-banner-art{position:absolute;inset:0;z-index:-1;overflow:hidden}
.gaming-banner-art img{height:100%;width:100%;object-fit:cover;object-position:center;animation:banner-reveal 1.4s ease-out both}
.gaming-banner-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf4 0%,#fffaf4e8 25%,#fffaf440 48%,transparent 66%)}
.gaming-banner-inner{max-width:1600px;margin:auto;padding:58px 4.5% 54px;min-height:660px;display:flex;align-items:center}
.gaming-banner-copy{width:44%;max-width:570px;animation:banner-copy-in .8s ease-out both}
.gaming-banner-kicker{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2.4px;font-weight:700;color:#605b56;margin-bottom:20px}
.gaming-banner-kicker i{width:7px;height:7px;background:#ee5726;border-radius:2px}
.gaming-banner-pill{display:inline-block;margin:0 0 20px;padding:8px 12px;background:#fff7ed;border:1px solid #f4d5be;border-radius:100px;font-size:11px;color:#aa431d;font-weight:600}
.office-edition .gaming-banner h1{font-size:clamp(50px,5.3vw,82px);line-height:.97;letter-spacing:-3.7px;color:#222728;font-weight:800;margin:0 0 20px}
.office-edition .gaming-banner h1 em{color:#ec5425;font-style:normal}
.gaming-banner-subtitle{font-size:18px;font-weight:700;letter-spacing:.2px;color:#303638;margin:0 0 12px}
.gaming-banner-description{font-size:14px;line-height:1.75;color:#626b6d;max-width:360px;margin:0 0 26px}
.gaming-banner-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.office-edition .gaming-banner .button{background:#f05a27;border-color:#f05a27;color:white;border-radius:100px;min-width:240px;min-height:53px;padding:15px 23px;font-size:13px;box-shadow:0 10px 24px #d9532424;gap:35px;transition:transform .25s,background .25s}
.office-edition .gaming-banner .button:hover{transform:translateY(-2px);background:#d94617}
.gaming-banner-custom{font-size:12px;font-weight:600;color:#384349;border-bottom:1px solid #bfc2bd;padding:0 0 4px;margin-left:4px}
.gaming-banner-custom span{margin-left:18px;color:#e15125}
.gaming-banner-delivery{display:flex;align-items:center;gap:11px;margin-top:25px;color:#4b5659;font-size:12px;font-weight:600}
.gaming-banner-delivery svg{width:25px;height:25px;color:#d75025}
.gaming-banner-delivery small{display:block;font-size:10px;font-weight:400;margin-top:3px;color:#737d7f}
@keyframes banner-reveal{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@keyframes banner-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.gaming-banner-art img{object-position:center 54%}}
@media(max-width:1050px){.gaming-banner-inner{padding:45px 5%;min-height:620px}.office-edition .gaming-banner{min-height:620px}.gaming-banner-copy{width:47%}.office-edition .gaming-banner h1{font-size:62px}.gaming-banner-art img{object-position:57% center}.gaming-banner-art:after{background:linear-gradient(90deg,#fffaf4 0%,#fffaf4ef 30%,#fffaf440 56%,transparent 75%)}}
@media(max-width:700px){.office-edition .gaming-banner{min-height:0;display:flex;flex-direction:column}.gaming-banner-inner{min-height:0;width:100%;padding:32px 6% 0;order:0}.gaming-banner-copy{width:100%;max-width:none}.gaming-banner-kicker{margin-bottom:15px;font-size:9px}.gaming-banner-pill{font-size:10px;margin-bottom:16px}.office-edition .gaming-banner h1{font-size:clamp(48px,13vw,65px);letter-spacing:-2.5px;line-height:1}.gaming-banner h1 br:last-of-type{display:none}.gaming-banner-subtitle{font-size:16px}.gaming-banner-description{font-size:13px;max-width:360px;margin-bottom:20px}.gaming-banner-actions{gap:14px}.office-edition .gaming-banner .button{min-height:49px;min-width:230px}.gaming-banner-delivery{margin-top:20px}.gaming-banner-art{position:relative;order:1;inset:auto;height:330px;width:100%;margin-top:0;z-index:0}.gaming-banner-art img{width:175%;max-width:none;object-fit:cover;object-position:right center;position:absolute;right:0}.gaming-banner-art:after{background:linear-gradient(180deg,#fffaf4 0%,#fffaf470 12%,transparent 30%,transparent 90%,#fffaf4 100%)} }
@media(prefers-reduced-motion:reduce){.gaming-banner-art img,.gaming-banner-copy{animation:none}.gaming-banner .button{transition:none}}

.gaming-banner-art .banner-image{position:absolute;inset:0;opacity:0;animation:none;transition:opacity 1s ease;object-fit:contain;object-position:right bottom}
.gaming-banner-art .banner-image.is-active{opacity:1}
.gaming-banner-copy h1{min-height:230px}
.banner-product{max-width:385px;margin-top:23px;padding-top:17px;border-top:1px solid #d9d4cd}
.banner-product a{display:flex;justify-content:space-between;gap:18px;align-items:center;color:#273134}
.banner-product a>span{display:grid;gap:5px}.banner-product a>span:last-child{text-align:right;flex-shrink:0}
.banner-product small{font-size:9px;letter-spacing:1px;color:#7c8585}.banner-product b{font-size:19px;letter-spacing:-.5px}.banner-product em{font-size:10px;line-height:1.5;font-style:normal;color:#7b8487}.banner-product strong{font-size:19px;letter-spacing:-.5px}.banner-product .banner-product-link{color:#d75125;font-size:10px;letter-spacing:0}
.banner-controls{display:flex;align-items:center;gap:18px;max-width:385px;justify-content:space-between;margin-top:12px}.banner-tabs{display:flex;gap:8px}.banner-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#8b8c86;padding:9px 13px;font-size:10px}.banner-tabs button[aria-pressed=true]{color:#df5425;border-color:#df5425}.banner-pause{width:29px;height:29px;border:1px solid #dbcbbb;border-radius:50%;background:transparent;color:#765c48;font-size:11px}
@media(max-width:700px){.gaming-banner-art .banner-image{inset:auto 0 0 auto;width:175%;height:100%;object-fit:cover;object-position:right center}.gaming-banner-copy h1{min-height:145px}.banner-product{max-width:100%}.banner-controls{max-width:100%}.banner-product b,.banner-product strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.gaming-banner-art .banner-image{transition:none}}
.gaming-banner-copy h1{min-height:3em}
@media(max-width:700px){.gaming-banner h1 br:last-of-type{display:initial}.gaming-banner-copy h1{min-height:3em}}

.office-edition .gaming-banner h1 .banner-sale-line{display:block;font-size:clamp(19px,1.8vw,28px);line-height:1.3;letter-spacing:-.7px;font-weight:600;margin-top:14px;color:#303638}
.office-edition .gaming-banner h1 .banner-sale-line strong{color:#ec5425;font-weight:800}
.gaming-banner-copy h1{min-height:calc(3em + 51px)}
@media(max-width:700px){.office-edition .gaming-banner h1 .banner-sale-line{font-size:23px;margin-top:10px}.gaming-banner-copy h1{min-height:calc(3em + 40px)}}

/* Compact, readable hero copy with stable spacing across slides. */
.office-edition .gaming-banner h1{font-size:clamp(42px,3.8vw,60px);line-height:1.06;letter-spacing:-2px;margin-bottom:18px;min-height:190px}
.office-edition .gaming-banner h1 .banner-sale-line{font-size:22px;line-height:1.3;letter-spacing:-.4px;margin-top:14px}
.gaming-banner-copy{max-width:580px}
.gaming-banner-subtitle{font-size:16px;margin-bottom:8px}
.gaming-banner-description{font-size:13px;line-height:1.65;margin-bottom:22px;max-width:380px}
.gaming-banner-inner{padding-top:42px;padding-bottom:38px}
@media(max-width:1050px){.office-edition .gaming-banner h1{font-size:46px;min-height:160px}}
@media(max-width:700px){.office-edition .gaming-banner h1{font-size:clamp(35px,9.2vw,48px);letter-spacing:-1.4px;line-height:1.08;min-height:150px;margin-bottom:14px}.office-edition .gaming-banner h1 .banner-sale-line{font-size:21px;margin-top:12px}.gaming-banner-inner{padding-top:28px;padding-bottom:0}.gaming-banner-subtitle{font-size:15px}.gaming-banner-description{font-size:13px;line-height:1.6;margin-bottom:20px}}

/* A clear second action for a custom gaming setup. */
.gaming-banner-actions{align-items:stretch;max-width:350px;gap:10px}
.office-edition .gaming-banner .gaming-banner-actions>.button{width:100%;min-width:0;justify-content:space-between;gap:12px}
.gaming-banner .gaming-banner-custom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;margin:0;padding:14px 23px;border:1px solid #ee784c;border-radius:100px;background:#fff0e3;color:#b8431b;font-size:13px;line-height:1.4;font-weight:700;box-shadow:0 5px 16px #bf54200b;transition:background .2s,transform .2s,box-shadow .2s}
.gaming-banner .gaming-banner-custom span{margin:0;font-size:18px;flex-shrink:0}
.gaming-banner .gaming-banner-custom:hover{background:#ffe3ce;transform:translateY(-2px);box-shadow:0 8px 20px #bf542018}
@media(max-width:700px){.gaming-banner-actions{max-width:100%}.gaming-banner .gaming-banner-custom{min-height:49px;padding:13px 18px;font-size:12px}.office-edition .gaming-banner .gaming-banner-actions>.button{padding-inline:18px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.gaming-banner .gaming-banner-custom{transition:none}}

.banner-product .banner-monthly{font-size:11px;line-height:1.5;font-weight:600;color:#b74b23;white-space:nowrap;letter-spacing:0}
@media(max-width:700px){.banner-product .banner-monthly{font-size:10px}.banner-product a{gap:10px}}

.banner-product .banner-monthly-main{font-size:24px;font-weight:800;line-height:1.15;color:#c64d21;letter-spacing:-.6px;white-space:nowrap}
.banner-product .banner-monthly-main small{font-size:11px;letter-spacing:0;margin-left:4px;color:#687476;font-weight:500}
.banner-product .banner-total{font-size:10px;line-height:1.5;color:#7c8585;font-weight:400;letter-spacing:0;white-space:nowrap}
@media(max-width:700px){.banner-product .banner-monthly-main{font-size:21px}.banner-product .banner-monthly-main small{font-size:10px}.banner-product .banner-total{font-size:9px}}

/* Specs stay beside the pictured hardware and follow the selected slide. */
.gaming-banner .banner-specifications{position:absolute;right:3%;bottom:23px;z-index:2;width:51%;max-width:900px;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#fffffff0;backdrop-filter:blur(14px);border:1px solid #ffffffc9;border-radius:16px;box-shadow:0 8px 28px #1b25251a;color:#263235;padding:6px 10px}
.banner-specifications>div{padding:9px 13px;min-width:0}
.banner-specifications>div:nth-child(-n+3){border-bottom:1px solid #e8e7e3}
.banner-specifications dt{font-size:10px;line-height:1.4;font-weight:400;color:#7b8282;margin:0 0 4px}
.banner-specifications dd{font-size:12px;line-height:1.4;font-weight:700;letter-spacing:-.1px;margin:0;overflow-wrap:anywhere}
@media(max-width:1050px) and (min-width:701px){.gaming-banner .banner-specifications{right:2%;width:49%;padding:4px}.banner-specifications>div{padding:8px}.banner-specifications dd{font-size:11px}.banner-specifications dt{font-size:9px}}
@media(max-width:700px){.gaming-banner .banner-specifications{position:relative;order:2;bottom:auto;right:auto;width:88%;max-width:none;margin:-12px 6% 24px;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px 8px;background:#fff;box-shadow:0 8px 24px #1b25250b}.banner-specifications>div{padding:9px}.banner-specifications>div:nth-child(-n+3){border-bottom:0}.banner-specifications>div:nth-child(-n+4){border-bottom:1px solid #e8e7e3}.banner-specifications dd{font-size:11px}}

/* A slim glass specification bar keeps the artwork open. */
.gaming-banner .banner-specifications{width:55%;max-width:1000px;right:2.5%;bottom:22px;grid-template-columns:1.1fr 1.12fr .55fr 1.65fr 1fr;padding:13px 8px;border-radius:13px;background:#fffffff0;border:1px solid #ffffffbd;box-shadow:0 8px 28px #202b3214;gap:0}
.gaming-banner .banner-specifications>div{padding:0 11px;border-bottom:0;border-right:1px solid #dddcd66b}
.gaming-banner .banner-specifications>div:last-child{border-right:0}
.gaming-banner .banner-specifications dt{font-size:9px;line-height:1.3;color:#848985;margin-bottom:5px}
.gaming-banner .banner-specifications dd{font-size:11px;line-height:1.4;color:#293335;font-weight:650;letter-spacing:-.1px}
@media(min-width:1600px){.gaming-banner .banner-specifications dd{font-size:12px}}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-specifications{width:50%;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 0;padding:12px 5px}.gaming-banner .banner-specifications>div:nth-child(3){border-right:0}.gaming-banner .banner-specifications>div:nth-child(4){grid-column:span 2}}
@media(max-width:700px){.gaming-banner .banner-specifications{right:auto;bottom:auto;width:88%;margin:-8px 6% 24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 0;padding:14px 5px;background:#fff}.gaming-banner .banner-specifications>div{padding:0 9px;border-bottom:0}.gaming-banner .banner-specifications>div:nth-child(3){border-right:0}.gaming-banner .banner-specifications>div:nth-child(4){grid-column:span 2}.gaming-banner .banner-specifications dd{font-size:11px}.gaming-banner .banner-specifications dt{font-size:9px}}

/* Floating specs: no card, outline or framed panel. */
.gaming-banner .banner-specifications{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:15px 0;bottom:15px;isolation:isolate}
.gaming-banner .banner-specifications:before{content:'';position:absolute;inset:-22px -28px -20px;z-index:-1;background:radial-gradient(ellipse at 50% 80%,#101820b8 10%,#15202770 48%,transparent 74%);filter:blur(12px);pointer-events:none}
.gaming-banner .banner-specifications>div{border-right:1px solid #ffffff2e;padding:0 13px}
.gaming-banner .banner-specifications dt{color:#ffffffbc;font-size:9px;letter-spacing:.6px;text-transform:uppercase;text-shadow:0 1px 6px #000;margin-bottom:6px}
.gaming-banner .banner-specifications dt:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#ff9050;box-shadow:0 0 7px #ff7b36;margin-right:6px;vertical-align:2px}
.gaming-banner .banner-specifications dd{color:#fff;font-weight:750;font-size:12px;line-height:1.45;text-shadow:0 2px 9px #000d,0 1px 2px #000}
@media(min-width:1600px){.gaming-banner .banner-specifications dd{font-size:14px}}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-specifications dd{font-size:12px}.gaming-banner .banner-specifications:before{inset:-20px -25px -18px}}
@media(max-width:700px){.gaming-banner .banner-specifications{background:none;bottom:auto;padding:12px 0;margin:0 6% 22px;gap:16px 0}.gaming-banner .banner-specifications:before{display:none}.gaming-banner .banner-specifications>div{border-color:#e4d8cf;padding:0 10px}.gaming-banner .banner-specifications dt{color:#858982;text-shadow:none;font-size:8px;letter-spacing:.3px}.gaming-banner .banner-specifications dd{color:#273336;text-shadow:none;font-size:11px}.gaming-banner .banner-specifications dt:before{box-shadow:none;width:3px;height:3px;margin-right:4px}}
/* Use the open area between the headline and hardware. */
.gaming-banner .banner-specifications{left:44%;right:auto;bottom:105px;width:205px;max-width:none;display:flex;flex-direction:column;gap:17px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
.gaming-banner .banner-specifications:before{display:none}
.gaming-banner .banner-specifications>div{padding:0 0 0 13px;border:0;border-left:2px solid #eb6b3447}
.gaming-banner .banner-specifications dt{color:#787d78;text-shadow:none;font-size:9px;letter-spacing:1px;margin-bottom:5px}
.gaming-banner .banner-specifications dt:before{display:none}
.gaming-banner .banner-specifications dd{color:#263336;text-shadow:0 1px 8px #fffaf4;font-size:15px;line-height:1.4;font-weight:750;letter-spacing:-.25px}
@media(min-width:1700px){.gaming-banner .banner-specifications{left:43.5%;bottom:120px;gap:21px;width:235px}.gaming-banner .banner-specifications dd{font-size:17px}}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-specifications{left:48%;bottom:70px;width:155px;gap:15px}.gaming-banner .banner-specifications dd{font-size:12px}.gaming-banner .banner-specifications dt{font-size:8px;letter-spacing:.5px}}
@media(max-width:700px){.gaming-banner .banner-specifications{position:relative;left:auto;right:auto;bottom:auto;width:88%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin:4px 6% 26px;padding:0}.gaming-banner .banner-specifications>div{padding-left:10px;border:0;border-left:2px solid #eb6b3447;grid-column:auto}.gaming-banner .banner-specifications>div:nth-child(4){grid-column:auto}.gaming-banner .banner-specifications dd{font-size:13px;text-shadow:none}.gaming-banner .banner-specifications dt{font-size:8px;letter-spacing:.5px}}

/* Restrained game HUD details on the open, light hero area. */
.gaming-banner .banner-specifications{gap:13px}
.gaming-banner .banner-specifications>div.loadout-stat{position:relative;padding:10px 10px 11px 15px;border:0;background:linear-gradient(90deg,#fffaf49c,transparent 92%)}
.loadout-stat:before{content:'';position:absolute;left:0;top:8px;width:6px;height:14px;border-top:2px solid #ef6b31;border-left:2px solid #ef6b31}
.loadout-stat:after{content:'';position:absolute;bottom:0;left:15px;right:12px;height:1px;background:linear-gradient(90deg,#ed72345c,#a28d7620,transparent)}
.gaming-banner .banner-specifications dt{display:flex;align-items:center;gap:7px;margin-bottom:6px;letter-spacing:.7px;font-weight:600;font-size:9px;color:#737b7b}
.gaming-banner .banner-specifications dt svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:#cc602e;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.gaming-banner .banner-specifications dt small{margin-left:auto;color:#c2a993;font-size:8px;font-variant-numeric:tabular-nums;letter-spacing:1px}
.gaming-banner .banner-specifications dd{padding-left:24px;font-size:15px;line-height:1.35;letter-spacing:-.3px}
@media(min-width:1700px){.gaming-banner .banner-specifications{gap:15px;bottom:90px}.gaming-banner .banner-specifications dd{font-size:16px}}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-specifications{gap:8px}.gaming-banner .banner-specifications>div.loadout-stat{padding:8px 4px 9px 10px}.gaming-banner .banner-specifications dt{font-size:8px;gap:5px;letter-spacing:0}.gaming-banner .banner-specifications dt small{display:none}.gaming-banner .banner-specifications dd{font-size:12px;padding-left:0}}
@media(max-width:700px){.gaming-banner .banner-specifications{gap:12px;bottom:auto}.gaming-banner .banner-specifications>div.loadout-stat{padding:9px 8px 12px 12px;background:none}.gaming-banner .banner-specifications dt{font-size:8px;letter-spacing:.3px}.gaming-banner .banner-specifications dd{font-size:12px;padding-left:0}.gaming-banner .banner-specifications dt svg{width:15px;height:15px}.loadout-stat:after{left:12px}}
/* A subtle green tint behind each specification. */
.gaming-banner .banner-specifications>div.loadout-stat{background:linear-gradient(90deg,rgba(165,216,178,.42),rgba(206,236,211,.25));border-radius:6px;backdrop-filter:blur(3px)}

/* Product price and slide controls sit in the upper right corner. */
.gaming-banner .banner-product-panel{position:absolute;top:26px;right:3%;z-index:3;width:360px;padding:17px 20px 10px;border-radius:15px;background:#fffaf4eb;backdrop-filter:blur(12px);box-shadow:0 8px 25px #2732350d}
.banner-product-panel .banner-product{margin:0;padding:0;border:0;max-width:none}
.banner-product-panel .banner-controls{max-width:none;margin-top:9px}
.banner-product-panel .banner-product b{font-size:17px}
.banner-product-panel .banner-monthly-main{font-size:24px}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-product-panel{top:20px;right:2%;width:320px;padding:14px 16px 8px}.banner-product-panel .banner-monthly-main{font-size:21px}}
@media(max-width:700px){.gaming-banner .banner-product-panel{position:relative;top:auto;right:auto;order:1;width:88%;margin:22px 6% 0;padding:15px 16px 9px;background:#fff9f2;box-shadow:none;border:1px solid #eee0d2}.gaming-banner .gaming-banner-art{order:2}.gaming-banner .banner-specifications{order:3}.banner-product-panel .banner-monthly-main{font-size:22px}.banner-product-panel .banner-product b{font-size:17px}}
/* Compact corner product panel. */
.gaming-banner .banner-product-panel{width:302px;top:18px;right:2%;padding:12px 14px 7px;border-radius:11px}
.banner-product-panel .banner-product a{gap:12px}
.banner-product-panel .banner-product a>span{gap:3px}
.banner-product-panel .banner-product small{font-size:8px}
.banner-product-panel .banner-product b{font-size:15px}
.banner-product-panel .banner-product .banner-monthly-main{font-size:21px;line-height:1.15}
.banner-product-panel .banner-monthly-main small{font-size:9px;margin-left:2px}
.banner-product-panel .banner-product .banner-total{font-size:8px}
.banner-product-panel .banner-product .banner-product-link{font-size:9px}
.banner-product-panel .banner-controls{margin-top:5px;gap:8px}
.banner-product-panel .banner-tabs{gap:3px}
.banner-product-panel .banner-tabs button{font-size:9px;padding:6px 10px}
.banner-product-panel .banner-pause{width:24px;height:24px;font-size:9px}
@media(max-width:700px){.gaming-banner .banner-product-panel{position:relative;top:auto;right:auto;width:88%;margin:18px 6% 0;padding:12px 14px 7px}}

.gaming-banner .banner-sales-badge{position:absolute;top:33px;left:55%;z-index:2;display:grid;gap:6px;color:#263235;text-shadow:0 1px 12px #fffaf4}
.banner-sales-badge>span{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:750;color:#ba4b22}
.banner-sales-badge i{font-style:normal;font-size:14px;margin-right:5px}
.banner-sales-badge strong{font-size:37px;line-height:1;font-weight:800;letter-spacing:-1.5px}
.banner-sales-badge strong small{font-size:15px;font-weight:600;letter-spacing:-.3px}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-sales-badge{top:125px;left:51%}.banner-sales-badge strong{font-size:30px}}
@media(max-width:700px){.gaming-banner .banner-sales-badge{position:relative;top:auto;left:auto;order:1;margin:20px 6% 0;display:flex;align-items:center;gap:16px}.banner-sales-badge strong{font-size:28px}.banner-sales-badge strong small{font-size:13px}.banner-sales-badge>span{font-size:9px;letter-spacing:1px}}

/* Compact bestseller marker. */
.gaming-banner .banner-sales-badge{display:inline-flex;align-items:center;gap:9px;top:27px;left:54%;padding:9px 13px;background:#fffaf4e8;border:1px solid #efb88b70;border-radius:100px;box-shadow:0 4px 16px #a14e160b;backdrop-filter:blur(6px);text-shadow:none;white-space:nowrap}
.banner-sales-badge svg{width:17px;height:17px;fill:#f26730;flex-shrink:0}
.banner-sales-badge svg path:last-child{fill:#ffe4ab}
.banner-sales-badge>span{font-size:11px;line-height:1.3;letter-spacing:0;text-transform:none;color:#b44921;font-weight:700}
.banner-sales-badge strong{border-left:1px solid #dfc8b5;padding-left:9px;font-size:13px;line-height:1.3;letter-spacing:0;font-weight:800;color:#354044}
.banner-sales-badge strong small{font-size:11px;font-weight:500;letter-spacing:0;color:#6e7676}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-sales-badge{top:126px;left:51%;padding:8px 11px;gap:7px}}
@media(max-width:700px){.gaming-banner .banner-sales-badge{position:relative;top:auto;left:auto;align-self:flex-start;order:1;margin:18px 6% 0;padding:8px 12px;gap:8px}.banner-sales-badge strong{font-size:13px}.banner-sales-badge strong small,.banner-sales-badge>span{font-size:11px}}
/* Align the bestseller marker with the specifications column. */
.gaming-banner .banner-sales-badge{left:44%}
@media(min-width:1700px){.gaming-banner .banner-sales-badge{left:43.5%}}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-sales-badge{left:48%}}
@media(max-width:700px){.gaming-banner .banner-sales-badge{left:auto}}
/* Slightly larger bestseller badge with clearer contrast. */
.gaming-banner .banner-sales-badge{padding:11px 16px;gap:11px;background:#fff0e2f2;border-color:#efaa78;box-shadow:0 5px 18px #b7511612}
.banner-sales-badge svg{width:21px;height:21px}
.banner-sales-badge>span{font-size:13px}
.banner-sales-badge strong{font-size:16px;padding-left:11px}
.banner-sales-badge strong small{font-size:12px}
@media(max-width:700px){.gaming-banner .banner-sales-badge{padding:10px 14px;gap:9px}.banner-sales-badge>span{font-size:12px}.banner-sales-badge strong{font-size:15px}.banner-sales-badge strong small{font-size:12px}}

/* Review link follows the current product; stars are decorative, not a rating. */
.gaming-banner .banner-kaspi-reviews{position:absolute;bottom:24px;left:44%;z-index:3;display:flex;align-items:center;gap:12px;padding:10px 15px;border-radius:100px;background:#fffaf4ed;backdrop-filter:blur(8px);box-shadow:0 5px 20px #1a1c2024;color:#293438;white-space:nowrap;transition:background .2s,transform .2s}
.banner-review-stars{color:#dc6b24;font-size:20px;line-height:1;letter-spacing:1px}
.banner-review-text{font-size:12px;font-weight:650}.banner-review-text b{margin-left:5px;font-size:11px;color:#a25730;background:#f9e5d3;border-radius:20px;padding:3px 7px}
.banner-review-arrow{color:#c15328;font-size:16px}
.banner-kaspi-reviews:hover{background:#fff;transform:translateY(-2px)}
@media(min-width:1700px){.gaming-banner .banner-kaspi-reviews{left:43.5%}}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-kaspi-reviews{left:48%;bottom:16px;padding:9px 12px;gap:8px}.banner-review-stars{font-size:17px}.banner-review-text{font-size:11px}}
@media(max-width:700px){.gaming-banner .banner-kaspi-reviews{position:relative;left:auto;bottom:auto;order:4;align-self:flex-start;margin:0 6% 24px;gap:10px;padding:10px 13px;background:#fff4e8;box-shadow:none}.banner-review-stars{font-size:18px}.banner-review-text{font-size:11px}}
@media(prefers-reduced-motion:reduce){.gaming-banner .banner-kaspi-reviews{transition:none}}
.gaming-banner .banner-review-stars{color:#26965b}
/* Price and reviews share the bottom line of the banner. */
.gaming-banner .banner-product-panel{top:auto;bottom:24px;right:2%}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-product-panel{bottom:16px;width:260px;padding:10px 12px 6px}.gaming-banner .banner-kaspi-reviews{left:46%;gap:6px;padding:9px 10px}.banner-product-panel .banner-product .banner-monthly-main{font-size:19px}}
@media(max-width:700px){.gaming-banner .banner-product-panel{position:relative;top:auto;bottom:auto;right:auto;order:4;margin:0 6% 12px;width:88%}.gaming-banner .banner-kaspi-reviews{order:4;margin:0 6% 22px}}

.gaming-banner .banner-bottom-row{position:absolute;bottom:24px;left:44%;right:2%;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px}
.gaming-banner .banner-bottom-row .banner-kaspi-reviews,.gaming-banner .banner-bottom-row .banner-product-panel{position:relative;inset:auto;margin:0}
.gaming-banner .banner-bottom-row .banner-product-panel{flex-shrink:0}
@media(min-width:1700px){.gaming-banner .banner-bottom-row{left:43.5%}}
@media(max-width:1200px) and (min-width:701px){.gaming-banner .banner-bottom-row{left:43%;gap:10px;bottom:16px}.gaming-banner .banner-bottom-row .banner-product-panel{width:260px;padding:10px 12px 6px}.gaming-banner .banner-bottom-row .banner-kaspi-reviews{padding:9px 10px;gap:6px}.gaming-banner .banner-bottom-row .banner-review-stars{font-size:16px}.gaming-banner .banner-bottom-row .banner-review-text{font-size:10px}.gaming-banner .banner-bottom-row .banner-review-text b{padding:2px 4px;margin-left:2px}}
@media(max-width:1000px) and (min-width:701px){.gaming-banner .banner-bottom-row{left:5%;right:5%}.gaming-banner .banner-specifications{bottom:140px}.gaming-banner-inner{padding-bottom:130px}}
@media(max-width:700px){.gaming-banner .banner-bottom-row{position:relative;inset:auto;order:4;display:flex;flex-direction:column;align-items:stretch;width:88%;margin:0 6% 24px;gap:12px}.gaming-banner .banner-bottom-row .banner-product-panel{width:100%;order:0}.gaming-banner .banner-bottom-row .banner-kaspi-reviews{align-self:flex-start;order:1}}
/* Separate lightweight pills, matching the review link. */
.gaming-banner .banner-bottom-row{left:43.5%;gap:12px}
.gaming-banner .banner-bottom-row .banner-product-panel{display:flex;align-items:center;gap:8px;width:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.banner-bottom-row .banner-product{margin:0;padding:0;border:0}
.banner-bottom-row .banner-product a{display:flex;align-items:stretch;gap:8px}
.banner-bottom-row .banner-product a>span{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:10px 13px;border-radius:16px;background:#fffaf4ed;backdrop-filter:blur(8px);box-shadow:0 5px 20px #1a1c2015}
.banner-bottom-row .banner-product a>span:first-child{min-width:100px}
.banner-bottom-row .banner-product a>span:last-child{text-align:left}
.banner-bottom-row .banner-product .banner-product-link{display:none}
.gaming-banner .banner-bottom-row .banner-controls{margin:0;padding:8px;border-radius:100px;background:#fffaf4ed;backdrop-filter:blur(8px);box-shadow:0 5px 20px #1a1c2015;gap:5px}
.banner-bottom-row .banner-tabs{gap:0}
.banner-bottom-row .banner-tabs button{padding:6px 7px}
.banner-bottom-row .banner-product .banner-monthly-main{font-size:21px}
@media(max-width:1500px) and (min-width:701px){.gaming-banner .banner-bottom-row{left:5%;right:3%;gap:10px}.gaming-banner .banner-bottom-row .banner-product-panel{width:auto;padding:0}.gaming-banner-inner{padding-bottom:115px}.gaming-banner .banner-specifications{bottom:125px}}
@media(max-width:700px){.gaming-banner .banner-bottom-row{left:auto;gap:12px}.gaming-banner .banner-bottom-row .banner-product-panel{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.banner-bottom-row .banner-product{width:100%}.banner-bottom-row .banner-product a{justify-content:space-between}.banner-bottom-row .banner-product a>span{flex:1}.gaming-banner .banner-bottom-row .banner-controls{margin:0}.gaming-banner .banner-specifications{bottom:auto}}
/* Match the compact review pill: one capsule for model and price. */
.banner-bottom-row .banner-product a{align-items:center;gap:13px;min-height:42px;padding:8px 15px;border-radius:100px;background:#fffaf4ed;backdrop-filter:blur(8px);box-shadow:0 5px 20px #1a1c2015}
.banner-bottom-row .banner-product a>span{padding:0;min-width:0;background:none;box-shadow:none;backdrop-filter:none;border-radius:0;gap:2px}
.banner-bottom-row .banner-product a>span:first-child{min-width:0;padding-right:12px;border-right:1px solid #e3d8ce}
.banner-bottom-row .banner-product a>span:first-child>small{display:none}
.banner-bottom-row .banner-product b{font-size:12px;white-space:nowrap}
.banner-bottom-row .banner-product .banner-monthly-main{font-size:18px;line-height:1.15;letter-spacing:-.4px}
.banner-bottom-row .banner-product .banner-total{font-size:8px;line-height:1.2}
.banner-bottom-row .banner-product .banner-monthly-main small{font-size:9px}
@media(max-width:700px){.banner-bottom-row .banner-product a{justify-content:space-between;padding:9px 15px}.banner-bottom-row .banner-product a>span{flex:none}.banner-bottom-row .banner-product b{font-size:13px}}
/* All four capsules share one baseline, height and corner radius. */
.gaming-banner .banner-bottom-row{position:absolute;left:43.5%;right:2%;bottom:22px;display:grid;grid-template-columns:max-content max-content max-content max-content;justify-content:space-between;align-items:center;gap:10px}
.gaming-banner .banner-bottom-row .banner-product-panel,.gaming-banner .banner-bottom-row .banner-product,.gaming-banner .banner-bottom-row .banner-product a{display:contents}
.gaming-banner .banner-bottom-row .banner-kaspi-reviews,.gaming-banner .banner-bottom-row .banner-product a>span,.gaming-banner .banner-bottom-row .banner-controls{position:static;inset:auto;margin:0;box-sizing:border-box;height:48px;min-height:48px;padding:0 14px;border:0;border-radius:100px;background:#fffaf4ed;box-shadow:0 4px 16px #1a1c2015;backdrop-filter:blur(8px);align-self:center;white-space:nowrap}
.gaming-banner .banner-bottom-row .banner-kaspi-reviews{display:flex;gap:9px;align-items:center}
.gaming-banner .banner-bottom-row .banner-product a>span{display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:left;min-width:0}
.gaming-banner .banner-bottom-row .banner-product a>span:first-child>small{display:none}
.gaming-banner .banner-bottom-row .banner-product b{font-size:13px}
.gaming-banner .banner-bottom-row .banner-product .banner-monthly-main{font-size:20px;line-height:1.1}
.gaming-banner .banner-bottom-row .banner-product .banner-total{font-size:8px;line-height:1.2}
.gaming-banner .banner-bottom-row .banner-controls{display:flex;align-items:center;gap:5px;padding-inline:9px}
.gaming-banner .banner-bottom-row .banner-product .banner-product-link{display:none}
@media(max-width:1500px) and (min-width:701px){.gaming-banner .banner-bottom-row{left:5%;right:3%}}
@media(max-width:700px){.gaming-banner .banner-bottom-row{position:relative;inset:auto;width:88%;margin:0 6% 24px;display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-content:stretch}.gaming-banner .banner-bottom-row .banner-kaspi-reviews{grid-column:1/-1;justify-content:center;order:0}.gaming-banner .banner-bottom-row .banner-product a>span{order:1;padding-inline:12px}.gaming-banner .banner-bottom-row .banner-controls{grid-column:1/-1;justify-content:center;order:2}.gaming-banner .banner-bottom-row .banner-product .banner-monthly-main{font-size:19px}}
/* High-contrast graphite component labels. */
.gaming-banner .banner-specifications{gap:11px}
.gaming-banner .banner-specifications>div.loadout-stat{padding:12px 14px 13px;border:1px solid #ffffff17;border-left:3px solid #f57a39;border-radius:9px;background:linear-gradient(115deg,rgba(32,43,48,.97),rgba(45,54,58,.94));box-shadow:0 7px 18px #15202722;backdrop-filter:blur(10px)}
.gaming-banner .loadout-stat:before,.gaming-banner .loadout-stat:after{display:none}
.gaming-banner .banner-specifications dt{font-size:9px;letter-spacing:.8px;color:#bcc7cb;margin-bottom:7px;gap:7px;font-weight:500;text-shadow:none}
.gaming-banner .banner-specifications dt svg{stroke:#ffad72;width:17px;height:17px}
.gaming-banner .banner-specifications dd{color:#fff;font-size:16px;font-weight:750;line-height:1.35;padding-left:0;letter-spacing:-.2px;text-shadow:none}
@media(min-width:1700px){.gaming-banner .banner-specifications{gap:12px;bottom:100px}.gaming-banner .banner-specifications dd{font-size:17px}}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-specifications{width:172px;gap:8px;bottom:138px}.gaming-banner .banner-specifications>div.loadout-stat{padding:9px 10px}.gaming-banner .banner-specifications dt{font-size:8px;letter-spacing:.3px;gap:5px}.gaming-banner .banner-specifications dd{font-size:13px}}
@media(max-width:700px){.gaming-banner .banner-specifications{bottom:auto;gap:10px}.gaming-banner .banner-specifications>div.loadout-stat{padding:11px 10px;border-left:3px solid #f57a39}.gaming-banner .banner-specifications dt{font-size:8px;letter-spacing:.3px}.gaming-banner .banner-specifications dd{font-size:13px}}
/* Light translucent specifications with readable dark values. */
.gaming-banner .banner-specifications>div.loadout-stat{background:linear-gradient(115deg,rgba(255,255,255,.68),rgba(255,247,236,.46));border-color:rgba(255,255,255,.55);border-left-color:#ef8b55;box-shadow:0 5px 16px #7654350c;backdrop-filter:blur(7px)}
.gaming-banner .banner-specifications dt{color:#737c7b}
.gaming-banner .banner-specifications dt svg{stroke:#cc6c36}
.gaming-banner .banner-specifications dd{color:#273438}
/* Translucent red specification background. */
.gaming-banner .banner-specifications>div.loadout-stat{background:linear-gradient(115deg,rgba(255,189,181,.76),rgba(255,218,208,.57));border-color:rgba(237,119,103,.25);border-left-color:#df5544;box-shadow:0 5px 16px #b4422a0c}
.gaming-banner .banner-specifications dt{color:#88544c}
.gaming-banner .banner-specifications dt svg{stroke:#be4938}
.gaming-banner .banner-specifications dd{color:#392c29}
/* Translucent red glass with restrained depth. */
.gaming-banner .banner-specifications{perspective:900px}
.gaming-banner .banner-specifications>div.loadout-stat{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,rgba(255,244,237,.62) 0%,rgba(255,162,148,.34) 45%,rgba(237,94,75,.26) 100%);border:1px solid rgba(255,255,255,.68);border-left:3px solid rgba(219,70,53,.75);border-radius:11px;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #a5422824,0 3px 0 #b54b2820,0 10px 21px #713c2620;transform:rotateY(-3deg);transform-origin:left center;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.gaming-banner .banner-specifications>div.loadout-stat:before{display:block;content:'';position:absolute;inset:0;border:0;width:auto;height:auto;background:linear-gradient(125deg,#ffffff70,transparent 40%,transparent 69%,#ffffff30);pointer-events:none;z-index:-1}
.gaming-banner .banner-specifications dt{color:#875449}
.gaming-banner .banner-specifications dd{color:#392e2b;text-shadow:0 1px 0 #ffffff70}
@media(hover:hover) and (pointer:fine){.gaming-banner .banner-specifications>div.loadout-stat:hover{transform:translateY(-3px) translateZ(12px) rotateY(0);box-shadow:inset 0 1px 0 #ffffffd9,0 4px 0 #b54b281a,0 15px 27px #713c262b}}
@media(max-width:700px){.gaming-banner .banner-specifications>div.loadout-stat{transform:none}}
@media(prefers-reduced-motion:reduce){.gaming-banner .banner-specifications>div.loadout-stat{transition:none;transform:none}.gaming-banner .banner-specifications>div.loadout-stat:hover{transform:none}}
/* Amber glass matches the warm lighting and orange accents of the banner. */
.gaming-banner .banner-specifications>div.loadout-stat{background:linear-gradient(125deg,rgba(255,249,237,.68) 0%,rgba(255,197,121,.32) 48%,rgba(238,126,47,.24) 100%);border-color:rgba(255,239,211,.76);border-left-color:rgba(233,116,39,.82);box-shadow:inset 0 1px 0 #fff8e9c4,inset 0 -1px 0 #a4672824,0 3px 0 #bd762a20,0 10px 21px #754c2420}
.gaming-banner .banner-specifications dt{color:#826347}
.gaming-banner .banner-specifications dt svg{stroke:#c6752c}
.gaming-banner .banner-specifications dd{color:#3c3329;text-shadow:0 1px 0 #fff8e780}
@media(hover:hover) and (pointer:fine){.gaming-banner .banner-specifications>div.loadout-stat:hover{box-shadow:inset 0 1px 0 #fff9edd9,0 4px 0 #bd762a1a,0 15px 27px #754c242b}}

/* Each game's glass palette follows its artwork. */
.gaming-banner[data-banner-theme="pubg"]{--spec-glass-top:255,249,237;--spec-glass-mid:255,197,121;--spec-glass-bottom:238,126,47;--spec-edge:233,116,39;--spec-label:#826347;--spec-icon:#c6752c;--spec-value:#3c3329;--spec-shadow:117,76,36}
.gaming-banner[data-banner-theme="dota"]{--spec-glass-top:255,246,237;--spec-glass-mid:241,165,139;--spec-glass-bottom:185,67,43;--spec-edge:186,71,45;--spec-label:#895a4c;--spec-icon:#b6492f;--spec-value:#432c26;--spec-shadow:116,49,30}
.gaming-banner[data-banner-theme="cs2"]{--spec-glass-top:255,253,239;--spec-glass-mid:222,202,145;--spec-glass-bottom:166,142,83;--spec-edge:166,128,50;--spec-label:#746747;--spec-icon:#967329;--spec-value:#38372b;--spec-shadow:94,81,45}
.gaming-banner[data-banner-theme] .banner-specifications>div.loadout-stat{background:linear-gradient(125deg,rgba(var(--spec-glass-top),.68),rgba(var(--spec-glass-mid),.32) 48%,rgba(var(--spec-glass-bottom),.24));border-left-color:rgba(var(--spec-edge),.82);box-shadow:inset 0 1px 0 #fff8e9c4,inset 0 -1px 0 rgba(var(--spec-shadow),.14),0 3px 0 rgba(var(--spec-shadow),.12),0 10px 21px rgba(var(--spec-shadow),.13)}
.gaming-banner[data-banner-theme] .banner-specifications dt{color:var(--spec-label)}
.gaming-banner[data-banner-theme] .banner-specifications dt svg{stroke:var(--spec-icon)}
.gaming-banner[data-banner-theme] .banner-specifications dd{color:var(--spec-value)}
@media(hover:hover) and (pointer:fine){.gaming-banner[data-banner-theme] .banner-specifications>div.loadout-stat:hover{box-shadow:inset 0 1px 0 #fff9edd9,0 4px 0 rgba(var(--spec-shadow),.12),0 15px 27px rgba(var(--spec-shadow),.18)}}

/* Unified product summary, arrows and pagination. */
.gaming-banner .banner-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:16px}
.gaming-banner .banner-buybox{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:15px;row-gap:4px;padding:12px 15px 7px;background:#fffaf4f2;border:1px solid #ffffff70;border-radius:17px;box-shadow:0 5px 20px #1a1c2015;backdrop-filter:blur(8px);color:#293438}
.banner-summary{grid-column:1;grid-row:1;min-width:0}
.banner-summary-link{display:block}
.buybox-head{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.buybox-head b{font-size:13px;font-weight:750;letter-spacing:-.2px}
.buybox-dot{color:#a58c77}
.buybox-head strong{font-size:21px;line-height:1.2;color:#ca5027;letter-spacing:-.5px}
.buybox-head strong small{font-size:10px;letter-spacing:0;font-weight:500;color:#778080;margin-left:4px}
.buybox-total{display:block;margin-top:4px;font-size:9px;line-height:1.4;color:#838886;white-space:nowrap}
.banner-switcher{display:contents}
.banner-dots{display:flex;gap:2px;grid-column:1;grid-row:2;align-items:center}
.banner-dots button{display:grid;place-items:center;width:24px;height:22px;padding:0;border:0;background:none;font-size:0;color:transparent;cursor:pointer}
.banner-dots button:after{content:'';width:5px;height:5px;border-radius:50%;background:#cfc6bc;transition:background .2s,width .2s}
.banner-dots button[aria-pressed=true]:after{width:15px;border-radius:10px;background:#dc6435}
.banner-nav{display:flex;align-items:center;gap:4px;grid-column:2;grid-row:1/3}
.banner-nav button{width:29px;height:29px;border:1px solid #ddcdbc;border-radius:50%;background:transparent;color:#765d4c;font-size:21px;line-height:1;display:grid;place-items:center;padding:0;cursor:pointer}
.banner-nav button:hover{background:#ffe9d7;border-color:#edaa7d}
.banner-nav .banner-pause{font-size:10px;width:25px;height:25px;margin-left:3px}
@media(max-width:1500px) and (min-width:701px){.gaming-banner .banner-bottom-row{left:5%;right:3%}}
@media(max-width:700px){.gaming-banner .banner-bottom-row{display:flex;flex-direction:column;align-items:stretch;gap:10px}.gaming-banner .banner-buybox{width:100%;order:1;padding:12px 12px 7px;column-gap:8px}.gaming-banner .banner-bottom-row .banner-kaspi-reviews{align-self:flex-start;order:0}.buybox-head{gap:5px;flex-wrap:wrap}.buybox-head b{font-size:12px}.buybox-head strong{font-size:18px}.buybox-head strong small{font-size:9px}.buybox-total{font-size:8px;white-space:normal}.banner-nav{gap:3px}.banner-nav button{width:25px;height:25px}.banner-nav .banner-pause{width:23px;height:23px;margin-left:0}}
@media(prefers-reduced-motion:reduce){.banner-dots button:after{transition:none}}
/* Low-profile banner controls leave the artwork visible. */
.gaming-banner .banner-bottom-row{bottom:12px}
.gaming-banner .banner-buybox{padding:8px 11px 4px;border-radius:13px;column-gap:10px;row-gap:0;background:#fffaf4e8}
.buybox-head{gap:6px}
.buybox-head b{font-size:11px}
.buybox-head strong{font-size:18px;letter-spacing:-.4px}
.buybox-head strong small{font-size:8px;margin-left:3px}
.buybox-total{margin-top:2px;font-size:8px;line-height:1.3}
.banner-dots{gap:1px}
.banner-dots button{height:15px;width:19px}
.banner-dots button:after{width:4px;height:4px}
.banner-dots button[aria-pressed=true]:after{width:12px}
.banner-nav{gap:3px}
.banner-nav button{width:24px;height:24px;font-size:18px}
.banner-nav .banner-pause{width:21px;height:21px;font-size:8px;margin-left:1px}
@media(max-width:700px){.gaming-banner .banner-bottom-row{bottom:auto}.gaming-banner .banner-buybox{padding:9px 10px 5px;column-gap:7px}.buybox-head b{font-size:11px}.buybox-head strong{font-size:17px}.banner-nav button{width:23px;height:23px}.banner-nav .banner-pause{width:21px;height:21px}}

/* Product next to the bestseller badge; carousel controls centered below. */
.gaming-banner .banner-buybox{position:absolute;top:27px;left:calc(44% + 252px);right:auto;bottom:auto;z-index:3;display:block;padding:9px 14px;border-radius:100px;background:#fffaf4ed;box-shadow:0 4px 16px #1a1c2012}
.gaming-banner .banner-carousel-dock{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;background:#fffaf4ed;border-radius:100px;padding:7px 10px;box-shadow:0 4px 16px #1a1c2015;backdrop-filter:blur(8px)}
.banner-carousel-dock .banner-switcher{display:flex;align-items:center;gap:9px}
.banner-carousel-dock .banner-dots{display:flex;gap:2px;order:1}
.banner-carousel-dock .banner-dots button{width:22px;height:25px}
.banner-carousel-dock .banner-nav{display:flex;gap:4px;order:2}
.banner-carousel-dock .banner-nav button{width:26px;height:26px}
.banner-carousel-dock .banner-nav .banner-pause{width:23px;height:23px}
.gaming-banner .banner-bottom-row{left:auto;right:3%;width:auto;bottom:17px}
@media(min-width:1700px){.gaming-banner .banner-buybox{left:calc(43.5% + 252px)}}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-buybox{top:126px;left:auto;right:3%;padding:9px 12px}.gaming-banner .banner-bottom-row{left:auto;right:3%}}
@media(max-width:700px){.gaming-banner .banner-buybox{position:relative;inset:auto;order:1;width:88%;margin:12px 6% 0;padding:10px 14px}.gaming-banner .banner-carousel-dock{position:relative;inset:auto;transform:none;align-self:center;order:4;margin:0 0 15px}.gaming-banner .banner-bottom-row{position:relative;inset:auto;order:5;width:88%;margin:0 6% 22px;align-items:center}.gaming-banner .banner-bottom-row .banner-kaspi-reviews{align-self:center}}
@media(min-width:701px){.gaming-banner .banner-bottom-row{left:5%;right:auto}}
/* Reviews return beneath the specs; navigation sits beneath the hardware. */
@media(min-width:701px){.gaming-banner .banner-bottom-row{left:44%;right:auto;bottom:17px}.gaming-banner .banner-carousel-dock{left:76%;bottom:17px}}
@media(min-width:1700px){.gaming-banner .banner-bottom-row{left:43.5%}}
@media(max-width:1100px) and (min-width:701px){.gaming-banner .banner-bottom-row{left:43%;}.gaming-banner .banner-carousel-dock{left:85%}}
/* Emphasize the monthly payment while keeping the artwork visible. */
.gaming-banner .banner-buybox{
 padding:12px 18px;
 border:1px solid #ffc7a6;
 border-radius:20px;
 background:linear-gradient(120deg,#fff 25%,#fff0e3);
 box-shadow:0 8px 26px #6c321329,inset 4px 0 0 #f45a28;
}
.gaming-banner .buybox-head{gap:9px}
.gaming-banner .buybox-head b{font-size:14px;font-weight:750;color:#252e31}
.gaming-banner .buybox-head strong{font-size:26px;font-weight:800;line-height:1.15;letter-spacing:-.7px;color:#db481c}
.gaming-banner .buybox-head strong small{font-size:10px;color:#596267;letter-spacing:0}
.gaming-banner .buybox-total{margin-top:5px;font-size:10px;line-height:1.4;color:#596267}
@media(max-width:1100px){
 .gaming-banner .banner-buybox{padding:11px 15px}
 .gaming-banner .buybox-head{gap:7px}
 .gaming-banner .buybox-head strong{font-size:23px}
 .gaming-banner .buybox-head b{font-size:13px}
}
/* A single quiet offer, with the bestseller caption above its price. */
.gaming-banner .banner-offer{position:absolute;top:26px;left:calc(44% + 232px);z-index:4;width:264px;display:flex;flex-direction:column;gap:9px}
.gaming-banner .banner-offer .banner-sales-badge{position:static;inset:auto;transform:none;display:flex;align-items:center;justify-content:flex-start;gap:7px;width:auto;margin:0;padding:0 8px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;color:#394144;font-size:12px;white-space:nowrap}
.gaming-banner .banner-offer .banner-sales-badge:before,.gaming-banner .banner-offer .banner-sales-badge:after{display:none}
.gaming-banner .banner-offer .banner-sales-badge svg{width:15px;height:15px;color:#596267}
.gaming-banner .banner-offer .banner-sales-badge strong{display:flex;align-items:baseline;gap:4px;padding:0;border:0;font-size:12px;font-weight:600;color:#596267}
.gaming-banner .banner-offer .banner-sales-badge strong:before{content:'·';margin-right:3px}
.gaming-banner .banner-offer .banner-sales-badge small{font-size:11px;color:#596267}
.gaming-banner .banner-offer .banner-buybox{position:static;inset:auto;width:100%;margin:0;padding:15px 18px;border:0;border-radius:19px;background:rgba(255,251,246,.86);box-shadow:0 7px 24px #3025161a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.gaming-banner .banner-offer .buybox-head{display:flex;flex-direction:column;align-items:flex-start;gap:5px;white-space:nowrap}
.gaming-banner .banner-offer .buybox-head b{font-size:14px;line-height:1.2;color:#263033}
.gaming-banner .banner-offer .buybox-head strong{font-size:29px;line-height:1.15;color:#e35325;letter-spacing:-.7px}
.gaming-banner .banner-offer .buybox-head strong small{font-size:11px;font-weight:500;color:#657075;letter-spacing:0;margin-left:5px}
.gaming-banner .banner-offer .buybox-total{font-size:10px;line-height:1.4;color:#657075;margin-top:7px;white-space:normal}
.gaming-banner .banner-offer .banner-summary-link:focus-visible{outline:2px solid #e35325;outline-offset:5px;border-radius:4px}
@media(min-width:1700px){.gaming-banner .banner-offer{left:calc(43.5% + 262px)}}
@media(min-width:701px) and (max-width:1100px){.gaming-banner .banner-offer{left:auto;right:3%;top:26px;width:244px}.gaming-banner .banner-offer .buybox-head strong{font-size:26px}}
@media(max-width:700px){.gaming-banner .banner-offer{position:relative;inset:auto;order:1;width:88%;margin:16px 6% 0;gap:9px}.gaming-banner .banner-offer .banner-buybox{padding:15px 18px}.gaming-banner .banner-offer .banner-sales-badge{align-self:flex-start}}
/* Keep bestseller text legible against every hero image. */
.gaming-banner .banner-offer .banner-sales-badge{padding:0;gap:10px;align-self:flex-start;border-radius:100px;background:rgba(255,251,246,.95);box-shadow:0 3px 12px #30251612;overflow:hidden}
.gaming-banner .banner-offer .banner-sales-label{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;background:#e95022;color:#fff;font-size:13px;font-weight:750;line-height:1.2;border-radius:100px}
.gaming-banner .banner-offer .banner-sales-label svg{width:16px;height:16px;color:#fff;fill:currentColor;flex-shrink:0}
.gaming-banner .banner-offer .banner-sales-badge strong{padding-right:12px;color:#303b3e;font-size:13px;font-weight:750}
.gaming-banner .banner-offer .banner-sales-badge strong:before{display:none}
.gaming-banner .banner-offer .banner-sales-badge small{font-size:11px;color:#566165;font-weight:500}
/* Give the hardware more breathing room beside the specifications. */
@media(min-width:1101px){
 .gaming-banner .banner-specifications,
 .gaming-banner .banner-bottom-row{left:calc(44% - 32px)}
}
@media(min-width:1700px){
 .gaming-banner .banner-specifications,
 .gaming-banner .banner-bottom-row{left:calc(43.5% - 32px)}
}
/* Warranty in the open sky, away from the product and price. */
.gaming-banner .banner-warranty{position:absolute;top:28px;right:3%;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:16px;background:rgba(255,251,246,.86);box-shadow:0 6px 22px #30251614;backdrop-filter:blur(12px);color:#344044;pointer-events:none}
.banner-warranty svg{width:27px;height:31px;color:#da5629;flex-shrink:0}
.banner-warranty span{display:flex;flex-direction:column;gap:3px;font-size:11px;line-height:1.2}
.banner-warranty strong{font-size:19px;font-weight:750;letter-spacing:-.3px}
@media(min-width:701px) and (max-width:1100px){.gaming-banner .banner-warranty{top:181px;right:3%;padding:10px 13px}}
@media(max-width:700px){.gaming-banner .banner-warranty{position:relative;inset:auto;order:1;align-self:flex-start;margin:12px 6% 0;padding:10px 14px}.banner-warranty span{flex-direction:row;align-items:baseline;gap:5px;font-size:13px}.banner-warranty strong{font-size:16px}.banner-warranty svg{width:23px;height:25px}}
