/* Approved Xbox concepts: emerald crystal system, SteamStor container geometry. */
:root{--bg:#001007;--text:#f5faf7;--muted:#b3c3ba;--line:#14633e;--green:#00ee98;--container:1440px}
body{background:radial-gradient(ellipse at 45% 35%,#03231555,transparent 65%),#001007;color:var(--text)}
.container{width:100%;max-width:1440px;padding-inline:28px;margin-inline:auto}
h1,h2,h3{letter-spacing:-.035em}h2{font-size:clamp(27px,2.6vw,38px);margin-bottom:28px}p{line-height:1.55}
.section,section#catalog,section.faq,.pp-related{padding-top:80px}.section-sub{line-height:1.65}
header.store-header{background:#001007;border-color:#153727}.store-top{min-height:76px;gap:20px}.logo{font-size:26px}.logo img{width:38px;height:42px}.catalog-link{min-height:44px;gap:10px}.catalog-link svg{width:18px;height:18px;flex-shrink:0}.header-find input{font-size:15px}.header-find{background:#01190e}.main-nav{gap:32px;padding-bottom:18px}.main-nav a{font-size:15px;font-weight:600}.ps-item{font-size:15px;font-weight:600;gap:9px;padding:18px 5px}.platform-switch{gap:12px}.platform-icon{width:22px;height:22px}
.btn{border-radius:8px;font-weight:700;letter-spacing:0}.btn-green{background:linear-gradient(110deg,#3affb0,#00d88b);box-shadow:0 0 25px #00dd8430}.btn-ghost{border-color:#00ba78;color:#4bffba;background:#00180d88}.btn-ghost:hover{background:#063d26}
.store-hero{min-height:570px;background:transparent;align-items:flex-start}.store-hero>.art{left:12%;width:88%;height:100%;background-size:cover;background-position:center 38%}.art{background-size:cover;background-repeat:no-repeat}.art-keys{background-image:url('../assets/hero-keys.webp')}.art-accounts{background-image:url('../assets/hero-accounts.webp')}.art-xbox360{background-image:url('../assets/hero-xbox360.webp')}.art-gamepass{background-image:url('../assets/hero-gamepass.webp')}.hero-shade{background:linear-gradient(90deg,#001007 0%,#001007e0 23%,#00100750 45%,transparent 65%),linear-gradient(0deg,#001007,transparent 12%)}
.hero-copy{width:48%;padding:65px 0 95px}.hero-copy .eyebrow{display:none}.hero-copy h1{font-size:clamp(38px,3.6vw,56px);line-height:1.1;margin-bottom:24px;max-width:670px}.hero-copy h1 em{color:inherit}.hero-copy .lead{font-size:16px;line-height:1.5;max-width:590px;color:#edf5f0;margin-bottom:28px}.hero-copy .btn{min-width:230px;min-height:52px}.page-gamepass .store-hero{min-height:710px}.page-gamepass .hero-copy{padding-top:70px}.page-gamepass .store-hero>.art{left:4%;width:96%;background-position:center 42%}
.trust-strip{position:relative;padding:24px 6px;border:1px solid #177548;border-radius:11px;background:#001a0c77}.trust-strip>div{gap:22px;padding:0 24px;border-color:#135f3a}.trust-strip b{font-size:17px;line-height:1.3}.trust-strip small{font-size:15px;line-height:1.4;max-width:240px}.crystal-icon{width:78px;height:84px;min-width:78px;background-size:contain;background-position:center!important;background-repeat:no-repeat;filter:none;mask-image:none;mix-blend-mode:normal}
.catalog-toolbar{margin-bottom:22px}.catalog-controls{gap:16px}.catalog-search{border-radius:22px}.catalog-toolbar input,.catalog-toolbar select{background:#001a0d;border-color:#1a6641}.catalog-status{font-size:15px;color:#7ba18b}.games-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.game-card{padding:8px;border-color:#197046;background:linear-gradient(155deg,#03241977,#001007);border-radius:8px}.game-card>img{aspect-ratio:2/3;object-fit:cover;border-radius:5px}.game-card h3{font-size:15px;line-height:1.35;margin:12px 2px 8px;min-height:38px;-webkit-line-clamp:2}.card-platform{font-size:15px;line-height:1.45;color:#83ffcf;background:#00513455;padding:4px 6px;align-self:flex-start;border-radius:4px;margin:0 2px 14px}.game-card-meta{display:flex;flex-direction:column;align-items:stretch;padding:0 2px 3px;gap:14px}.game-price{font-size:23px}.game-card .btn-buy{display:flex;justify-content:space-between;min-height:39px;width:100%;font-size:15px;padding:7px 14px;background:transparent;border:1px solid #00ad72;color:#56ffc0}.game-card .btn-buy span{font-size:17px}.popular-section .game-card>img{aspect-ratio:1/1;object-fit:cover}.popular-section .btn-buy{display:none}.popular-section .card-platform{margin-bottom:6px}.popular-section .game-card h3{font-size:15px;min-height:34px}.popular-section .game-price{font-size:20px}.popular-section .game-card{padding:0 0 10px}.popular-section .game-card :is(h3,.card-platform,.game-card-meta){margin-inline:10px}
.banner-grid{gap:24px}.story-banner{min-height:260px;padding:30px;border-color:#17875a}.story-banner .art{left:5%;width:95%;background-size:cover;background-position:65% 35%}.story-banner:after{background:linear-gradient(90deg,#001007e8 5%,#001007a0 40%,transparent 72%)}.story-banner h3{font-size:30px;line-height:1.12;color:#f5fff8;max-width:70%;margin-bottom:16px}.story-banner p{font-size:15px;line-height:1.45;max-width:55%;margin-bottom:20px}.story-banner .btn{min-height:38px;padding:8px 16px;font-size:15px}
.steps-grid{gap:48px}.steps-grid article{display:flex;align-items:flex-start;gap:22px;background:none;border:0;border-radius:0;padding:0;min-height:0;position:relative}.steps-grid article:not(:last-child):after{content:'›';position:absolute;right:-32px;top:22px;color:#00efa0;font-size:40px}.steps-grid h3{font-size:18px;margin:14px 0 8px}.steps-grid p{font-size:15px;line-height:1.5;color:#b7c9bd;margin:0}.step-num{display:none}.steps-grid .crystal-icon{margin:0;width:82px;height:92px;min-width:82px}
.conditions-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.conditions-grid article{padding:28px;display:flex;gap:24px;align-items:center;border:1px solid #1e6643;border-radius:8px;background:#00221455}.conditions-grid ul{list-style:none;padding:0;margin:0;font-size:15px;line-height:1.65}.conditions-grid li{margin:8px 0}.conditions-grid li:before{content:'✓';color:#00e99b;margin-right:10px}.conditions-grid h3{font-size:20px;margin:0 0 16px}.conditions-grid p{font-size:15px;color:#b9cbc1;margin-top:16px}.platform-tags{display:flex;gap:8px;flex-wrap:wrap}.platform-tags span{padding:7px 10px;background:#0b3926;border-radius:6px;font-size:15px}
.activation-grid{gap:36px}.browser-frame{border:1px solid #1c744c;padding:8px;border-radius:9px;background:#062b1c}.browser-address{font-size:15px;background:#273338;padding:10px 14px;border-radius:5px 5px 0 0;color:#d3e1da}.browser-address:before{content:'● ● ●';font-size:15px;color:#72948b;display:block;letter-spacing:4px;margin-bottom:8px}.browser-body{min-height:210px;padding:22px;background:#f6f6f8;color:#171c1a;border-radius:0 0 5px 5px}.browser-body b{font-size:17px}.browser-body code{font-size:15px;background:white;color:#7d8580;border:1px solid #ced7d1;overflow-wrap:anywhere}.browser-action{background:#007f42;color:#fff;font-size:15px;border-radius:3px;display:block;text-align:center;padding:10px}.ms-mark{color:#33463b;font-size:15px}.browser-check{color:#2b4737;background:#e1eae5}.activation-grid h3{font-size:17px;margin:14px 0 8px}.activation-grid h3 span{background:#00e899;border:0;color:#00351c}.activation-grid p{font-size:15px;line-height:1.5}.diagram-note{text-align:center;font-size:15px}.activation-grid+.diagram-note+.btn{font-size:15px;min-height:35px;padding:8px 16px}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;align-items:start}.faq details{margin:0;background:#001e1055;border:1px solid #246742;border-radius:7px;overflow:hidden}.faq summary{padding:16px 20px;min-height:51px;font-size:15px}.faq details p{font-size:15px;padding:0 20px 20px;line-height:1.6}.faq .section-sub{display:none}.faq summary::after{color:#00ea98}.faq summary .faq-icon{color:#00ea98}
footer{background:transparent;margin-top:90px;padding:42px 0 26px;border-color:#22794e}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:90px}.footer-grid h4{color:#f4fbf7;font-size:15px;letter-spacing:0}.footer-grid p,.footer-grid>div>a:not(.logo){font-size:15px;color:#b0c2b7}.footer-note{margin-top:40px;border-color:#144f30}.footer-note p{font-size:15px}
.page-gamepass #games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.page-gamepass #games-grid .game-card>img{aspect-ratio:1.45;object-fit:contain;background:#002114}.page-gamepass #games-grid .game-card h3{font-size:20px;min-height:54px}.page-gamepass #games-grid .game-card{padding:12px}.pass-library{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.pass-library img{width:100%;border-radius:6px;border:1px solid #196846;aspect-ratio:2/3;object-fit:cover}
.product-landscape{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#001007 0%,#00100766 42%,#00100720),url('../assets/hero-keys.webp') center 38%/cover}.product-hero{padding-bottom:36px}.product-hero:after{background:linear-gradient(90deg,#00100755,transparent)}.product-layout{grid-template-columns:minmax(210px,.86fr) minmax(260px,1.1fr) minmax(270px,.96fr);align-items:end;gap:34px;padding-top:100px}.product-cover img{aspect-ratio:2/3;object-fit:cover;max-height:580px}.product-summary h1{font-size:42px}.product-summary>p{color:#e3eee7;font-size:16px}.product-summary dl{font-size:15px}.product-summary dl>div{grid-template-columns:100px 1fr;margin-bottom:8px}.pp-buy{background:#00190eea;border-color:#23bc7a;padding:28px}.pp-buy h2{font-size:23px}.pp-price{font-size:46px}.purchase-note{color:#d1ddd6;border:0;padding:0}.description-grid{grid-template-columns:1.1fr 1fr;gap:80px}.before-buy{padding:0;background:none;border:0}.before-buy h2{font-size:36px}.before-buy>div{margin-top:20px}.before-buy h3{font-size:17px}.before-buy p{font-size:15px}.before-buy .crystal-icon{width:62px;height:70px;min-width:62px}.seller-content{font-size:16px;line-height:1.65;color:#d0ded5}.seller-content.is-collapsed{max-height:290px;overflow:hidden;mask-image:linear-gradient(#000 75%,transparent)}.description-more{margin-top:20px;font-size:15px;min-height:40px}.is-product .faq-grid{grid-template-columns:1fr}.pp-related .game-card-meta{align-items:stretch}.pp-related .btn-buy{width:100%;font-size:15px;background:none;border:1px solid #00ad72;color:#56ffc0}
@media(min-width:1700px){.store-hero>.art{background-size:contain;background-position:right center}.store-hero{min-height:620px}.hero-copy{padding-top:75px}.page-gamepass .store-hero{min-height:750px}}
@media(max-width:1150px){.container{padding-inline:28px}.store-top{gap:12px}.logo{font-size:23px}.ps-item{font-size:0;padding-inline:2px}.hero-copy{width:52%}.hero-copy h1{font-size:44px}.trust-strip>div{padding:0 14px;gap:12px}.trust-strip b{font-size:15px}.trust-strip small{font-size:15px}.crystal-icon{width:64px;min-width:64px;height:72px}.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.steps-grid{gap:28px}.steps-grid article{gap:12px}.steps-grid article:not(:last-child):after{right:-18px}.steps-grid .crystal-icon{width:60px;min-width:60px;height:72px}.product-layout{grid-template-columns:1fr 1.4fr;padding-top:45px}.pp-buy{grid-column:1/-1}.footer-grid{gap:45px}}
@media(max-width:700px){.container{padding-inline:16px}.store-top{padding:14px 0;gap:12px}.logo{font-size:23px}.catalog-link{min-height:38px;padding:8px 12px}.ps-item{font-size:15px;padding:8px 0;gap:5px}.platform-switch{gap:8px}.platform-icon{width:17px;height:17px}.main-nav{display:none}.main-nav.open{display:flex}.store-hero,.page-gamepass .store-hero{min-height:0}.store-hero>.art,.page-gamepass .store-hero>.art{left:0;width:100%;height:370px;bottom:0;top:auto;background-size:cover;background-position:65% center}.hero-copy,.page-gamepass .hero-copy{padding:35px 0 315px;width:100%}.hero-copy h1{font-size:35px;line-height:1.12}.hero-copy .lead{font-size:15px;line-height:1.6}.hero-shade{background:linear-gradient(180deg,#001007 25%,transparent 70%,#001007)}.hero-copy .btn{min-width:200px;min-height:48px}.trust-strip{grid-template-columns:1fr;padding:8px 18px;gap:0}.trust-strip>div{padding:16px 0;gap:18px;border:0}.trust-strip>div+div{border-top:1px solid #135f3a}.trust-strip b{font-size:16px}.trust-strip small{font-size:15px}.section,section#catalog,section.faq,.pp-related{padding-top:60px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.game-card{padding:5px}.game-card h3{font-size:15px;min-height:34px}.card-platform{font-size:15px;margin-bottom:10px}.game-price{font-size:20px}.game-card .btn-buy{font-size:15px;padding:7px 10px;min-height:36px}.game-card-meta{gap:10px}.banner-grid,.conditions-grid{grid-template-columns:1fr}.story-banner{min-height:240px;padding:24px}.story-banner h3{font-size:27px}.story-banner p{font-size:15px}.steps-grid{grid-template-columns:1fr;gap:28px}.steps-grid article:not(:last-child):after{display:none}.steps-grid .crystal-icon{width:72px;height:80px;min-width:72px}.steps-grid h3{margin-top:10px;font-size:18px}.conditions-grid article{padding:20px;gap:18px}.conditions-grid ul{font-size:15px}.conditions-grid p{font-size:15px}.activation-grid{grid-template-columns:1fr;gap:32px}.faq-grid{grid-template-columns:1fr}.faq summary{font-size:15px;padding:16px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div>a:not(.logo),.footer-grid p{font-size:15px}footer{margin-top:70px}.footer-note{display:block}.page-gamepass #games-grid{grid-template-columns:1fr}.pass-library{grid-template-columns:repeat(3,minmax(0,1fr))}.product-layout{grid-template-columns:1fr;padding-top:30px;gap:30px}.product-cover{max-width:270px}.product-summary h1{font-size:31px}.product-summary dl{font-size:15px}.product-summary dl>div{grid-template-columns:85px 1fr}.pp-buy{grid-column:auto}.description-grid{grid-template-columns:1fr;gap:40px}.before-buy h2{font-size:29px}.seller-content{font-size:15px}.product-landscape{background-position:center top;background-size:auto 600px;background-repeat:no-repeat}.crumbs{font-size:15px}.header-find input{font-size:15px}}

/* Finish inherited controls and keep every section on the common baseline. */
.catalog-toolbar .search-box{display:flex;align-items:center;border:1px solid #1a6641;border-radius:24px;background:#001a0d;min-width:0}
.catalog-toolbar .search-box svg{left:15px;width:18px;height:18px;stroke:#a4c7b5;fill:none;pointer-events:none}
.catalog-toolbar .search-box input{padding:14px 16px 14px 43px;width:100%;min-width:0;border:0;border-radius:inherit;background:transparent}
.faq .container{max-width:1440px}.footer-grid a.logo{font-size:26px}
.page-gamepass #games-grid .game-card>img{object-fit:cover}

.product-landscape{opacity:.55}.pass-library{margin-top:26px}

.crystal-key{background-image:url("../assets/hex-key.svg")}.crystal-region{background-image:url("../assets/hex-region.svg")}.crystal-payment{background-image:url("../assets/hex-payment.svg")}.crystal-profile{background-image:url("../assets/hex-profile.svg")}.crystal-receive{background-image:url("../assets/hex-receive.svg")}.crystal-envelope{background-image:url("../assets/hex-envelope.svg")}.crystal-terms{background-image:url("../assets/hex-terms.svg")}.crystal-choice{background-image:url("../assets/hex-choice.svg")}.crystal-search{background-image:url("../assets/hex-search.svg")}.crystal-book{background-image:url("../assets/hex-book.svg")}.crystal-coins{background-image:url("../assets/hex-coins.svg")}.crystal-1{background-image:url("../assets/hex-1.svg")}.crystal-2{background-image:url("../assets/hex-2.svg")}.crystal-3{background-image:url("../assets/hex-3.svg")}
.product-landscape{background-image:radial-gradient(ellipse at 70% 30%,#0b4930,transparent 70%)}
/* ===== 08.11.2026: обложки Xbox со склада иксбоксстор.рф — квадратные (как в Microsoft Store).
   Карточки 1:1, чтобы обложка не обрезалась по бокам; квадратная обложка на странице игры.
   Вернуть вытянутые карточки 3:4 — удалить первую строку. ===== */
.game-card>img{aspect-ratio:1/1}
.product-cover.is-square img{aspect-ratio:1/1;height:auto;object-fit:cover}

/* ===================== 08.11.2026 — правки внешнего вида ===================== */

/* --- Карточки в стиле steamstor: картинка до краёв, без лишних линий, значок платформы, стрелка --- */
.games-grid,#games-grid,#popularGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;justify-content:start;justify-items:stretch}
.game-card{display:flex;flex-direction:column;padding:0;border-radius:10px;overflow:hidden;background:linear-gradient(150deg,#08261a,#03140b);border:1px solid #17462c;box-shadow:none;min-width:0;height:100%;text-align:left;transition:border-color .2s ease}
.game-card:hover{border-color:#45c486;transform:none}
.game-card>img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;margin:0;border:0;border-radius:0;background:#062a17}
.game-card h3{font-size:15px;line-height:1.45;font-weight:700;margin:14px 13px 6px;min-height:2.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;text-align:left}
.game-card .card-platform{display:flex;align-items:center;gap:7px;margin:0 13px 12px;padding:0;background:none;border:0;font-size:15px;line-height:1.3;color:#8fb3a0;text-align:left}
.game-card .card-platform .platform-icon{width:16px;height:16px;flex:0 0 16px;color:#7fd7a6}
.game-card-meta{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin:auto 13px 14px;padding:0;border:0}
.game-card-meta:before,.game-card-meta:after{display:none}
.game-card .game-price{font-size:22px;font-weight:800;line-height:1}
.game-card .btn-buy{width:34px;height:34px;min-height:34px;min-width:34px;padding:0;border-radius:8px;border:0;background:#34d17a;color:#032012;font-size:19px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.game-card:hover .btn-buy{background:#5ee59a}
@media(max-width:1150px){.games-grid,#games-grid,#popularGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:860px){.games-grid,#games-grid,#popularGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:600px){.games-grid,#games-grid,#popularGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .game-card h3{margin:11px 10px 5px}.game-card .card-platform{margin:0 10px 10px}.game-card-meta{margin:auto 10px 11px}
  .game-card .game-price{font-size:19px}.game-card .btn-buy{width:30px;height:30px;min-height:30px;min-width:30px}}
.page-gamepass #games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-gamepass #games-grid .game-card>img{aspect-ratio:1.45;object-fit:cover}
@media(max-width:860px){.page-gamepass #games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-gamepass #games-grid{grid-template-columns:1fr}}

/* --- Главный баннер: картинка на всю ширину на любом мониторе, затемнение слева под текстом --- */
.store-hero{min-height:clamp(570px,36vw,760px)}
.store-hero>.art,.page-gamepass .store-hero>.art{left:0!important;width:100%!important;height:100%;background-size:cover!important;background-position:right 30%!important}
.store-hero .hero-shade{background:linear-gradient(90deg,#001007 0%,#001007f0 22%,#001007a6 42%,#00100730 62%,transparent 80%),linear-gradient(0deg,#001007 0%,transparent 18%),linear-gradient(180deg,#00100799 0%,transparent 14%)}
@media(max-width:700px){.store-hero{min-height:0}
  .store-hero>.art,.page-gamepass .store-hero>.art{top:auto;bottom:0;height:370px;background-position:65% center!important}
  .store-hero .hero-shade{background:linear-gradient(180deg,#001007 25%,transparent 70%,#001007)}}

/* --- Страница игры: без лишнего отступа сверху; «Перед покупкой» — под описанием, тремя колонками --- */
.product-layout{padding-top:0}
.description-grid{grid-template-columns:1fr!important}
.description-grid .before-buy{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.description-grid .before-buy h2{grid-column:1/-1;margin-bottom:4px}
@media(max-width:860px){.description-grid .before-buy{grid-template-columns:1fr}}
.description-grid{gap:0!important}