/* ИгрыЕсть: показ промо-виджета Telegram */ #psbot.psbot--in{opacity:1 !important;transform:none !important} /* ИгрыЕсть: убрать вход в веб-каталог, оставить только бота */ #ie-menu-cat,#ie-hero-btn{display:none !important} /* ИгрыЕсть: единый радиус кнопок и карточек на подстраницах */ .ig-page a.ig-btn,.ig-page a.ig-nav__cta,a.igp-cta{border-radius:14px} .ig-page .ig-card{border-radius:18px} .t811__content{border-radius:18px} .t811 .t-input,.t811 .t-btn{border-radius:12px} /* ИгрыЕсть: на телефоне промо-виджет это узкая полоса с одним действием */ @media (max-width: 640px){ #psbot .psb-top, #psbot .psb-sub, #psbot .psb-meta { display: none !important; } #psbot { padding: 8px 12px !important; } #psbot .psb-x { top: -14px !important; right: 8px !important; } } /* ── ПЕРЕНЕСЕНО ИЗ БЛОКА ГЛАВНОЙ (стили витрины и секций, 30.08) ── */ /* ── ВОЛНА 1: каталог, кликабельные обложки, свёрнутые инструкции ── */ #rec2408553111 .btn-ghost{ color: var(--text) !important; } #rec2408553111 a.game-cover{ display: block; text-decoration: none; color: inherit; } #rec2408553111 .art-more{ margin-top: 14px; } #rec2408553111 .art-more > summary{ list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; border: 1px solid var(--border); border-radius: 14px; font-size: 13px; font-weight: 500; letter-spacing: .04em; color: var(--text); transition: border-color .2s, background .2s; } #rec2408553111 .art-more > summary::-webkit-details-marker{ display: none; } #rec2408553111 .art-more > summary::after{ content: "+"; font-size: 17px; line-height: 1; color: var(--blue2); } #rec2408553111 .art-more[open] > summary::after{ content: "\2212"; } #rec2408553111 .art-more > summary:hover{ border-color: rgba(41,121,255,.4); } #rec2408553111 .art-more .art-grid{ margin-top: 12px; } #rec2408553111 .game-cover__price{ position: absolute; left: 8px; bottom: 8px; z-index: 2; display: none; align-items: baseline; gap: 4px; padding: 5px 9px; border-radius: 8px; background: rgba(8,8,16,.82); color: #fff !important; font-family: 'Unbounded', sans-serif; font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: -.01em; } #rec2408553111 .game-cover__price.is-on{ display: inline-flex; } #rec2408553111 .game-cover__price small{ font-family: 'Inter', sans-serif; font-size: 9px; font-weight: 500; letter-spacing: .04em; opacity: .72; } /* ── ВИТРИНА КАТАЛОГА ── */ #rec2408553111 .shelf{ margin-bottom: 38px; } #rec2408553111 .shelf__h{ display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 16px; } #rec2408553111 .shelf__h h3{ font-family: 'Unbounded', sans-serif; font-size: 17px; font-weight: 700; letter-spacing: -.01em; } #rec2408553111 .shelf__all{ font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--blue2); text-decoration: none; white-space: nowrap; } #rec2408553111 .rail{ display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; scrollbar-width: none; } #rec2408553111 .rail::-webkit-scrollbar{ display: none; } #rec2408553111 .gcard{ flex: 0 0 auto; width: 164px; scroll-snap-align: start; text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 7px; } #rec2408553111 .gcard__art{ position: relative; display: block; aspect-ratio: 2/3; border-radius: 12px; overflow: hidden; background: var(--bgcard); border: 1px solid var(--border); } #rec2408553111 .gcard__art img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s; } #rec2408553111 .gcard:hover .gcard__art img{ transform: scale(1.05); } #rec2408553111 .gcard__ttl{ font-size: 13px; font-weight: 500; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #rec2408553111 .gcard__meta{ font-size: 11px; color: var(--muted); letter-spacing: .05em; } #rec2408553111 .gcard__price{ font-family: 'Unbounded', sans-serif; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; display: flex; align-items: baseline; gap: 6px; } #rec2408553111 .gcard__price small{ font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 500; color: var(--muted); letter-spacing: .08em; } #rec2408553111 .soon{ display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 12px; } #rec2408553111 .scard{ position: relative; display: block; min-height: 210px; border-radius: 18px; overflow: hidden; text-decoration: none; background: var(--bgcard); } #rec2408553111 .scard__bg{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 26%; } #rec2408553111 .scard__sh{ position: absolute; inset: 0; background: linear-gradient(to top, rgba(4,4,12,.95) 14%, rgba(4,4,12,.5) 48%, rgba(4,4,12,.05) 100%); } #rec2408553111 .scard__days{ position: absolute; top: 12px; left: 12px; z-index: 2; background: var(--star); color: #1a1200; font-family: 'Unbounded', sans-serif; font-size: 11px; font-weight: 700; padding: 6px 10px; border-radius: 8px; } #rec2408553111 .scard__body{ position: absolute; left: 16px; right: 16px; bottom: 15px; z-index: 2; display: flex; flex-direction: column; gap: 3px; } #rec2408553111 .scard__ttl{ font-family: 'Unbounded', sans-serif; font-size: 16px; font-weight: 700; line-height: 1.2; } #rec2408553111 .scard__sub{ font-size: 12px; opacity: .78; } #rec2408553111 .scard__price{ font-family: 'Unbounded', sans-serif; font-size: 15px; font-weight: 700; margin-top: 5px; font-variant-numeric: tabular-nums; } #rec2408553111 .store__all{ display: flex; align-items: center; justify-content: center; gap: 10px; padding: 22px; border: 1px solid var(--border); border-radius: 18px; text-decoration: none; font-family: 'Unbounded', sans-serif; font-size: 15px; font-weight: 700; transition: border-color .25s, background .25s; } #rec2408553111 .store__all:hover{ border-color: rgba(41,121,255,.45); background: var(--bgcard); } #rec2408553111 .store__all i{ font-style: normal; color: var(--blue2); font-variant-numeric: tabular-nums; } /* ── ПОДПИСКА ── */ #rec2408553111 .subs{ display: grid; grid-template-columns: repeat(auto-fit, minmax(258px, 1fr)); gap: 12px; } #rec2408553111 .subs__card{ background: var(--bgcard); border: 1px solid var(--border); border-radius: 18px; padding: 26px 24px; display: flex; flex-direction: column; gap: 10px; text-decoration: none; transition: border-color .3s, transform .3s; } #rec2408553111 a.subs__card:hover{ border-color: rgba(41,121,255,.35); transform: translateY(-3px); } #rec2408553111 .subs__t{ font-family: 'Unbounded', sans-serif; font-size: 15px; font-weight: 700; } #rec2408553111 .subs__p{ font-size: 13.5px; color: var(--muted); line-height: 1.7; flex: 1 1 auto; } #rec2408553111 .subs__b{ font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--blue2); text-decoration: none; } @media (max-width: 768px) { #rec2408553111 .gcard{ width: 142px; } #rec2408553111 .scard{ min-height: 180px; } } #rec2408553111 .gcard, #rec2408553111 .store__all{ color: var(--text) !important; } #rec2408553111 .gcard__meta, #rec2408553111 .subs__p{ color: var(--muted) !important; } #rec2408553111 .shelf__all, #rec2408553111 .subs__b, #rec2408553111 .store__all i{ color: var(--blue2) !important; } #rec2408553111 .scard, #rec2408553111 .scard__ttl, #rec2408553111 .scard__sub, #rec2408553111 .scard__price{ color: #fff !important; } #rec2408553111 .scard__days{ color: #1a1200 !important; } /* ── ЕЩЁ В КАТАЛОГЕ ── */ #rec2408553111 .more{ display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; } #rec2408553111 .more__card{ background: var(--bgcard); border: 1px solid var(--border); border-radius: 18px; padding: 24px; display: flex; flex-direction: column; gap: 14px; } #rec2408553111 .more__h{ font-family: 'Unbounded', sans-serif; font-size: 15px; font-weight: 700; } #rec2408553111 .more__list{ display: flex; flex-direction: column; } #rec2408553111 .more__row{ display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--border); text-decoration: none; font-size: 14px; transition: opacity .2s; } #rec2408553111 .more__row:last-child{ border-bottom: none; } #rec2408553111 .more__row:hover{ opacity: .68; } #rec2408553111 .more__row b{ font-family: 'Unbounded', sans-serif; font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; } #rec2408553111 .more__all{ font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; margin-top: auto; } /* ── РАЗДЕЛЕНИЕ СЕКЦИЙ ── */ #rec2408553111 .sec--alt{ border-top: 1px solid var(--border); } #rec2408553111 .sec--store{ padding-top: 54px; padding-bottom: 64px; position: relative; } #rec2408553111 .sec--store .sec__h{ margin-bottom: 30px; } #rec2408553111 .sec--store::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; height: 320px; background: radial-gradient(120% 100% at 50% 0%, var(--glow) 0%, transparent 70%); pointer-events: none; } #rec2408553111 .sec--store > *{ position: relative; } #rec2408553111 .sec--tint{ background: linear-gradient(180deg, rgba(41,121,255,.10) 0%, transparent 62%), var(--bg2); border-top: 1px solid var(--border); } [data-theme="light"] #rec2408553111 .sec--tint{ background: linear-gradient(180deg, rgba(0,87,224,.07) 0%, transparent 62%), var(--bg2); } #rec2408553111 .more__row, #rec2408553111 .more__row b{ color: var(--text) !important; } #rec2408553111 .more__all{ color: var(--blue2) !important; } #rec2408553111 .more__note{ font-size: 13px; color: var(--muted); line-height: 1.65; margin-top: -4px; } #rec2408553111 .more__note{ color: var(--muted) !important; } #rec2408553111 .hero-deck{ position: relative; width: 100%; aspect-ratio: 5/4; animation: floaty 6s ease-in-out infinite; filter: drop-shadow(0 30px 60px rgba(0,20,90,0.35)); } #rec2408553111 .hero-deck img{ position: absolute; width: 42%; aspect-ratio: 2/3; object-fit: cover; border-radius: 14px; border: 1px solid rgba(255,255,255,0.14); box-shadow: 0 16px 40px rgba(0,0,25,0.45); transition: transform 0.45s cubic-bezier(.2,.8,.3,1); } #rec2408553111 .hero-deck img:nth-child(1){ left: 2%; top: 14%; transform: rotate(-13deg); z-index: 3; } #rec2408553111 .hero-deck img:nth-child(2){ left: 56%; top: 12%; transform: rotate(11deg); z-index: 3; } #rec2408553111 .hero-deck img:nth-child(3){ left: -7%; top: 44%; transform: rotate(-21deg); z-index: 2; opacity: .85; } #rec2408553111 .hero-deck img:nth-child(4){ left: 66%; top: 46%; transform: rotate(20deg); z-index: 2; opacity: .85; } #rec2408553111 .hero-deck img:nth-child(5){ left: 27%; top: 4%; transform: rotate(-3deg) scale(1.12); z-index: 5; box-shadow: 0 24px 60px rgba(0,0,30,0.55); } #rec2408553111 .hero-deck:hover img:nth-child(5){ transform: rotate(0deg) scale(1.17); } #rec2408553111 .hero-deck:hover img:nth-child(1){ transform: rotate(-16deg) translateX(-3%); } #rec2408553111 .hero-deck:hover img:nth-child(2){ transform: rotate(14deg) translateX(3%); } @keyframes floaty { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-16px); } } /* ── ЛЕНТА ДЗЕНА ── */ #rec2408553111 .news{ display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 12px; } #rec2408553111 .ncard{ display: flex; flex-direction: column; background: var(--bgcard); border: 1px solid var(--border); border-radius: 18px; overflow: hidden; text-decoration: none; transition: border-color .3s, transform .3s; } #rec2408553111 .ncard:hover{ border-color: rgba(41,121,255,.35); transform: translateY(-3px); } #rec2408553111 .ncard__img{ width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; } #rec2408553111 .ncard__body{ padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 8px; } #rec2408553111 .ncard__date{ font-size: 11px; color: var(--muted); letter-spacing: .06em; } #rec2408553111 .ncard__ttl{ font-size: 14.5px; font-weight: 600; line-height: 1.4; } #rec2408553111 .ncard__sn{ font-size: 13px; color: var(--muted); line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #rec2408553111 .ncard__ttl{ color: var(--text) !important; } #rec2408553111 .ncard__date, #rec2408553111 .ncard__sn{ color: var(--muted) !important; } #rec2408553111 .shelf__h h3 svg, #rec2408553111 .step__n svg{ vertical-align: -3px; margin-right: 8px; } #rec2408553111 .subs__ico, #rec2408553111 .more__ico{ width: 44px; height: 44px; border-radius: 13px; background: rgba(41,121,255,.12); display: flex; align-items: center; justify-content: center; margin-bottom: 2px; } #rec2408553111 .seo-note{ font-size: 12.5px; color: var(--muted); line-height: 1.7; margin-top: 22px; max-width: 74ch; opacity: .85; } #rec2408553111 .seo-note{ color: var(--muted) !important; } /* ── ХВОСТ КАРУСЕЛИ И ПРАЙС-ЧИПЫ ── */ #rec2408553111 .gcard--more .gcard__moreart{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; aspect-ratio: 2/3; border: 1.5px dashed rgba(41,121,255,.55); border-radius: 12px; color: var(--blue2); transition: background .25s, border-color .25s; } #rec2408553111 .gcard--more b{ font-family: 'Unbounded', sans-serif; font-size: 12px; font-weight: 700; } #rec2408553111 .gcard--more:hover .gcard__moreart{ background: rgba(41,121,255,.09); border-color: var(--blue2); } #rec2408553111 .gcard--more{ color: var(--blue2) !important; } #rec2408553111 .more__card{ position: relative; overflow: hidden; } #rec2408553111 .more__wm{ position: absolute; top: -10px; right: 8px; font-family: 'Unbounded', sans-serif; font-weight: 900; font-size: 52px; letter-spacing: -.04em; color: var(--text); opacity: .05; pointer-events: none; user-select: none; } #rec2408553111 .more__row{ background: var(--bg2); border: 1px solid var(--border); border-radius: 12px; padding: 11px 14px; margin-bottom: 8px; } #rec2408553111 .more__row:last-child{ border-bottom: 1px solid var(--border); margin-bottom: 0; } #rec2408553111 .more__row > span{ display: inline-flex; align-items: center; gap: 9px; min-width: 0; } #rec2408553111 .more__row i{ font-style: normal; } #rec2408553111 .more__em{ font-size: 14px; line-height: 1; flex: none; } #rec2408553111 .more__ea{ flex: none; font-family: 'Unbounded', sans-serif; font-size: 8px; font-weight: 900; width: 18px; height: 18px; border-radius: 50%; background: #FF4756; color: #fff; display: inline-flex; align-items: center; justify-content: center; } /* ── ИГРОВЫЕ АКЦЕНТЫ ── */ #rec2408553111 .srv-card{ position: relative; overflow: hidden; } #rec2408553111 .srv-glyph{ position: absolute; top: 2px; right: 14px; font-family: 'Unbounded', sans-serif; font-weight: 900; font-size: 58px; line-height: 1.2; opacity: .16; pointer-events: none; user-select: none; transition: opacity .3s, transform .3s; } #rec2408553111 .srv-card:hover .srv-glyph{ opacity: .38; transform: scale(1.1) rotate(-8deg); } #rec2408553111 .step:nth-child(1) .step__n svg{ color: #CD8A4B; } #rec2408553111 .step:nth-child(2) .step__n svg{ color: #AEB9C6; } #rec2408553111 .step:nth-child(3) .step__n svg{ color: #F5C518; } #rec2408553111 .step:nth-child(4) .step__n svg{ color: #9ADCFF; } #rec2408553111 .step:nth-child(4){ border-color: rgba(154,220,255,.35); } #rec2408553111 #cardSubs::after{ content: ''; position: absolute; top: -30%; right: -15%; width: 65%; height: 75%; background: radial-gradient(circle, rgba(41,121,255,.16), transparent 70%); pointer-events: none; } #rec2408553111 #cardStars::after{ content: ''; position: absolute; top: -30%; right: -15%; width: 65%; height: 75%; background: radial-gradient(circle, rgba(245,184,0,.15), transparent 70%); pointer-events: none; } #rec2408553111 .ig-foot .seo-note, #rec2408553111 footer .seo-note{ max-width: none; } #rec2408553111 .footer .seo-note{ margin: 0 0 26px; padding-top: 26px; border-top: 1px solid var(--border); } /* ── ПОДПИСКИ И STARS РАЗДЕЛЬНО ── */ #rec2408553111 .subx{ display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; } #rec2408553111 .subxcard{ display: flex; align-items: center; gap: 18px; background: var(--bgcard); border: 1px solid var(--border); border-radius: 18px; padding: 24px; text-decoration: none; transition: border-color .3s, transform .3s; } #rec2408553111 .subxcard:hover{ border-color: rgba(41,121,255,.35); transform: translateY(-3px); } #rec2408553111 .subxcard__logo{ width: 54px; height: 54px; object-fit: contain; flex: none; } #rec2408553111 .subxcard__body{ flex: 1 1 auto; display: flex; flex-direction: column; gap: 4px; min-width: 0; } #rec2408553111 .subxcard__body b{ font-family: 'Unbounded', sans-serif; font-size: 16px; font-weight: 700; } #rec2408553111 .subxcard__body i{ font-style: normal; font-size: 12.5px; color: var(--muted); line-height: 1.5; } #rec2408553111 .subxcard__price{ font-family: 'Unbounded', sans-serif; font-size: 15px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; } #rec2408553111 .subx__note{ font-size: 13px; color: var(--muted); line-height: 1.7; margin-top: 18px; max-width: 62ch; } #rec2408553111 .starx{ display: grid; grid-template-columns: minmax(250px, 1fr) 1.35fr; gap: 12px; align-items: stretch; } @media (max-width: 760px) { #rec2408553111 .starx{ grid-template-columns: 1fr; } } #rec2408553111 .starx__side{ background: var(--bgcard); border: 1px solid var(--border); border-radius: 18px; padding: 26px 24px; display: flex; flex-direction: column; gap: 14px; } #rec2408553111 .starx__logo{ width: 88px; height: auto; } #rec2408553111 .starx__p{ font-size: 13.5px; color: var(--muted); line-height: 1.7; flex: 1 1 auto; } #rec2408553111 .starx__list .more__row{ background: var(--bgcard); } #rec2408553111 .sec--stars{ border-top: 1px solid var(--border); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cg fill='%23F5B800' fill-opacity='.06'%3E%3Cpath d='M32 18l3.2 7.8 7.8 3.2-7.8 3.2-3.2 7.8-3.2-7.8-7.8-3.2 7.8-3.2z'/%3E%3Cpath d='M104 84l2.6 6.4 6.4 2.6-6.4 2.6-2.6 6.4-2.6-6.4-6.4-2.6 6.4-2.6z'/%3E%3Ccircle cx='74' cy='128' r='2.2'/%3E%3Ccircle cx='128' cy='34' r='2.2'/%3E%3Ccircle cx='16' cy='96' r='1.6'/%3E%3C/g%3E%3C/svg%3E"); } #rec2408553111 #how{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='none' stroke='%237F7FB4' stroke-opacity='.09' stroke-width='2'%3E%3Cpath d='M34 14l11 19H23z'/%3E%3Ccircle cx='104' cy='36' r='10'/%3E%3Cpath d='M24 96l18 18M42 96l-18 18'/%3E%3Crect x='92' y='92' width='19' height='19'/%3E%3C/g%3E%3C/svg%3E"); } #rec2408553111 .news__links{ display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-top: 14px; } #rec2408553111 .subxcard, #rec2408553111 .subxcard__price{ color: var(--text) !important; } #rec2408553111 .subxcard__body i, #rec2408553111 .subx__note, #rec2408553111 .starx__p{ color: var(--muted) !important; } /* ── ВОЛНА 2 (30.08): типографика, иконная сетка, игровые акценты ── */ /* кегли: тело крупнее, ярлыки не мельче 12px */ #rec2408553111 .rev-text, #rec2408553111 .art-ttl, #rec2408553111 .srv-card__p, #rec2408553111 .step__p, #rec2408553111 .subs__p, #rec2408553111 .starx__p { font-size: 15px; line-height: 1.6; } #rec2408553111 .gcard__ttl, #rec2408553111 .rev-name, #rec2408553111 .btn-primary, #rec2408553111 .btn-ghost, #rec2408553111 .subx__note, #rec2408553111 .ncard__sn { font-size: 14px; } #rec2408553111 .gcard__price { font-size: 15px; } #rec2408553111 .art-tag, #rec2408553111 .sec__ey, #rec2408553111 .step__n, #rec2408553111 .shelf__all, #rec2408553111 .scard__days, #rec2408553111 .ncard__date, #rec2408553111 .hero__eyebrow, #rec2408553111 .more__all, #rec2408553111 .gcard__meta, #rec2408553111 .rev-date { font-size: 12px; } #rec2408553111 .subs__b, #rec2408553111 .srv-card__link, #rec2408553111 .nav__hours, #rec2408553111 .nav__cta, #rec2408553111 .scard__sub, #rec2408553111 .hero__stat-label { font-size: 13px; } #rec2408553111 .foot h4 { font-size: 12px; letter-spacing: 0.06em; } /* иконная сетка 16 / 20 / 24 / 32 */ #rec2408553111 .btn-ghost svg { width: 16px; height: 16px; } #rec2408553111 .shelf__h h3 svg { width: 20px; height: 20px; } #rec2408553111 .subs__ico svg { width: 24px; height: 24px; } #rec2408553111 .gcard__moreart svg { width: 24px; height: 24px; } /* герой: четыре кнопки геймпада вместо безликих цифр */ #rec2408553111 .hero__stats > div { position: relative; padding-left: 28px; } #rec2408553111 .hero__stats > div::before { position: absolute; left: 0; top: 3px; font-size: 17px; line-height: 1; font-family: 'Unbounded', sans-serif; } #rec2408553111 .hero__stats > div:nth-child(1)::before { content: '\2605'; color: #F5C518; } #rec2408553111 .hero__stats > div:nth-child(2)::before { content: '\25CB'; color: #FF5C5C; } #rec2408553111 .hero__stats > div:nth-child(3)::before { content: '\2715'; color: #4D9BE8; } #rec2408553111 .hero__stats > div:nth-child(4)::before { content: '\25B3'; color: #2FCB8E; } /* обложки: подсказка «в каталог» на наведении */ #rec2408553111 .gcard__art { position: relative; } #rec2408553111 .gcard__art::after { content: 'В каталог'; position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 8px 8px; font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; text-align: center; color: #fff; background: linear-gradient(to top, rgba(0,0,0,0.86), rgba(0,0,0,0)); opacity: 0; transition: opacity 0.18s ease; pointer-events: none; } #rec2408553111 .gcard:hover .gcard__art::after { opacity: 1; } @media (hover: none) { #rec2408553111 .gcard__art::after { display: none; } } /* FAQ: кнопки геймпада вместо одинаковых маркеров */ #rec2408553111 .faq-wrap summary::before { content: '\25CB'; margin-right: 12px; font-family: 'Unbounded', sans-serif; font-size: 15px; line-height: 1; color: #FF5C5C; } #rec2408553111 .faq-wrap details:nth-of-type(4n+1) summary::before { content: '\25B3'; color: #2FCB8E; } #rec2408553111 .faq-wrap details:nth-of-type(4n+2) summary::before { content: '\2715'; color: #4D9BE8; } #rec2408553111 .faq-wrap details:nth-of-type(4n+3) summary::before { content: '\25CB'; color: #FF5C5C; } #rec2408553111 .faq-wrap details:nth-of-type(4n+4) summary::before { content: '\25A1'; color: #E06CA8; } /* отзывы: обложка купленной игры в карточке */ #rec2408553111 .rev-meta { display: flex; align-items: center; gap: 12px; } #rec2408553111 .rev-cover { margin-left: auto; flex: none; width: 38px; height: 53px; border-radius: 8px; overflow: hidden; border: 1px solid var(--border); background: var(--bg2); display: flex; align-items: center; justify-content: center; } #rec2408553111 .rev-cover img { width: 100%; height: 100%; object-fit: cover; display: block; } #rec2408553111 .rev-cover--logo { padding: 6px; } #rec2408553111 .rev-cover--logo img { object-fit: contain; } #rec2408553111 .rev-cover--glyph { font-family: 'Unbounded', sans-serif; font-size: 18px; color: var(--muted); } /* статьи: угловой глиф, чтобы карточки не были одинаковыми */ #rec2408553111 .art-card { position: relative; overflow: hidden; } #rec2408553111 .art-card::before { content: ''; position: absolute; right: -24px; top: -24px; width: 104px; height: 104px; border-radius: 50%; background: radial-gradient(circle at 32% 32%, rgba(41,121,255,0.38), rgba(41,121,255,0) 70%); pointer-events: none; } #rec2408553111 .art-card::after { content: '\25B3'; position: absolute; right: 16px; top: 12px; font-size: 20px; line-height: 1; font-family: 'Unbounded', sans-serif; color: #2FCB8E; opacity: 0.6; pointer-events: none; } #rec2408553111 .art-card:nth-child(4n+2)::after { content: '\2715'; color: #4D9BE8; } #rec2408553111 .art-card:nth-child(4n+3)::after { content: '\25CB'; color: #FF5C5C; } #rec2408553111 .art-card:nth-child(4n+4)::after { content: '\25A1'; color: #E06CA8; } #rec2408553111 .art-card .art-tag, #rec2408553111 .art-card .art-ttl { position: relative; z-index: 1; } /* финальный баннер: обложки ближайших релизов на фоне */ #rec2408553111 .cta-banner { position: relative; overflow: hidden; } #rec2408553111 .cta-banner::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; background-image: url('https://xn--80aajzhsz.xn--c1aeh7agg4dl.xn--p1ai/covers/site/a1228.jpg'), url('https://xn--80aajzhsz.xn--c1aeh7agg4dl.xn--p1ai/covers/site/a1319.jpg'); background-repeat: no-repeat, no-repeat; background-position: 96% 42%, 4% 58%; background-size: 150px auto, 122px auto; opacity: 0.16; } #rec2408553111 .cta-banner > * { position: relative; z-index: 1; } @media (max-width: 700px) { #rec2408553111 .cta-banner::before { background-size: 96px auto, 78px auto; opacity: 0.12; } } /* ── КОНФИГУРАТОР Stars и Premium ── */ #rec2408553111 .starx__ul { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 8px; } #rec2408553111 .starx__ul li { position: relative; padding-left: 22px; font-size: 14px; color: var(--muted); } #rec2408553111 .starx__ul li::before { content: '\2605'; position: absolute; left: 0; top: 0; color: var(--star, #FFB800); font-size: 13px; } #rec2408553111 .cfg { background: var(--bg2); border: 1px solid var(--border); border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 16px; } #rec2408553111 .cfg__tabs { display: flex; gap: 8px; } #rec2408553111 .cfg__tab { flex: 1; appearance: none; cursor: pointer; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; padding: 11px 12px; border-radius: 12px; border: 1px solid var(--border); background: transparent; color: var(--muted); transition: 0.16s ease; } #rec2408553111 .cfg__tab b { font-weight: 400; margin-right: 6px; } #rec2408553111 .cfg__tab:hover { color: var(--text); border-color: var(--star, #FFB800); } #rec2408553111 .cfg__tab.is-on { background: var(--star, #FFB800); border-color: var(--star, #FFB800); color: #10100A; } #rec2408553111 .cfg__lab { font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); } #rec2408553111 .cfg__chips { display: flex; flex-wrap: wrap; gap: 8px; } #rec2408553111 .cfg__chip { appearance: none; cursor: pointer; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; padding: 9px 14px; border-radius: 999px; border: 1px solid var(--border); background: transparent; color: var(--text); transition: 0.16s ease; font-variant-numeric: tabular-nums; } #rec2408553111 .cfg__chip:hover { border-color: var(--star, #FFB800); } #rec2408553111 .cfg__chip.is-on { background: rgba(255,184,0,0.14); border-color: var(--star, #FFB800); color: var(--text); } #rec2408553111 .cfg__out { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-top: 1px solid var(--border); padding-top: 16px; } #rec2408553111 .cfg__price { display: block; font-family: 'Unbounded', sans-serif; font-weight: 700; font-size: 28px; font-variant-numeric: tabular-nums; } #rec2408553111 .cfg__hint { display: block; margin-top: 4px; font-size: 13px; color: var(--muted); } #rec2408553111 .cfg__go { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 22px; border-radius: 14px; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 700; background: var(--star, #FFB800); color: #10100A; text-decoration: none; transition: 0.16s ease; } #rec2408553111 .cfg__go:hover { background: var(--star-2, #E09000); color: #10100A; } #rec2408553111 .cfg__tab:focus-visible, #rec2408553111 .cfg__chip:focus-visible, #rec2408553111 .cfg__go:focus-visible { outline: 2px solid var(--star, #FFB800); outline-offset: 2px; } @media (max-width: 700px) { #rec2408553111 .cfg { padding: 18px; } #rec2408553111 .cfg__price { font-size: 24px; } #rec2408553111 .cfg__go { width: 100%; } } /* ── ВОЛНА 3 (30.08): доводка по фидбеку ── */ /* #4 FAQ: вопрос к левому краю, стрелка вправо */ #rec2408553111 .faq-wrap summary { justify-content: flex-start; gap: 14px; } #rec2408553111 .faq-wrap summary::after { margin-left: auto; } #rec2408553111 .faq-wrap summary::before { flex: none; } /* #4 FAQ: незаметный джойстик PS в фоне справа */ #rec2408553111 #faq { position: relative; overflow: hidden; } #rec2408553111 #faq > * { position: relative; z-index: 1; } #rec2408553111 #faq::after { content: ''; position: absolute; z-index: 0; pointer-events: none; right: -60px; top: 50%; transform: translateY(-50%) rotate(-8deg); width: 520px; height: 340px; opacity: 0.06; background: url("data:image/svg+xml,%3Csvg xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27 viewBox%3D%270 0 640 400%27 fill%3D%27none%27 stroke%3D%27%238080B0%27 stroke-width%3D%279%27 stroke-linejoin%3D%27round%27 stroke-linecap%3D%27round%27%3E%3Cpath d%3D%27M232 150 h176 a110 110 0 0 1 108 88 l14 82 a58 58 0 0 1-112 30 l-30-74 a44 44 0 0 0-40-26 h-88 a44 44 0 0 0-40 26 l-30 74 a58 58 0 0 1-112-30 l14-82 a110 110 0 0 1 108-88 Z%27%2F%3E%3Cpath d%3D%27M180 205 v54 M153 232 h54%27%2F%3E%3Ccircle cx%3D%27250%27 cy%3D%27262%27 r%3D%2730%27%2F%3E%3Ccircle cx%3D%27390%27 cy%3D%27262%27 r%3D%2730%27%2F%3E%3Ccircle cx%3D%27452%27 cy%3D%27205%27 r%3D%2711%27%2F%3E%3Ccircle cx%3D%27492%27 cy%3D%27232%27 r%3D%2711%27%2F%3E%3Ccircle cx%3D%27452%27 cy%3D%27259%27 r%3D%2711%27%2F%3E%3Ccircle cx%3D%27412%27 cy%3D%27232%27 r%3D%2711%27%2F%3E%3Crect x%3D%27291%27 y%3D%27150%27 width%3D%2758%27 height%3D%2740%27 rx%3D%2710%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain; } :root[data-theme="light"] #rec2408553111 #faq::after { opacity: 0.09; } @media (max-width: 960px) { #rec2408553111 #faq::after { display: none; } } /* #3 Stars: паттерн звёзд виден и на светлой теме */ :root[data-theme="light"] #rec2408553111 .sec--stars { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27 width%3D%27150%27 height%3D%27150%27%3E%3Cg fill%3D%27%23C97A00%27 fill-opacity%3D%27.14%27%3E%3Cpath d%3D%27M32 18l3.2 7.8 7.8 3.2-7.8 3.2-3.2 7.8-3.2-7.8-7.8-3.2 7.8-3.2z%27%2F%3E%3Cpath d%3D%27M104 84l2.6 6.4 6.4 2.6-6.4 2.6-2.6 6.4-2.6-6.4-6.4-2.6 6.4-2.6z%27%2F%3E%3Ccircle cx%3D%2774%27 cy%3D%27120%27 r%3D%272.4%27%2F%3E%3Ccircle cx%3D%27128%27 cy%3D%2740%27 r%3D%272.4%27%2F%3E%3Ccircle cx%3D%2720%27 cy%3D%2796%27 r%3D%272%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } /* #5 Символы PlayStation: единый оптический размер (равняем по ширине) */ /* услуги — угловой ватермарк */ #rec2408553111 .srv-grid .srv-card:nth-child(1) .srv-glyph { font-size: 50px; } /* △ */ #rec2408553111 .srv-grid .srv-card:nth-child(2) .srv-glyph { font-size: 66px; } /* ✕ */ #rec2408553111 .srv-grid .srv-card:nth-child(3) .srv-glyph { font-size: 82px; } /* ○ */ #rec2408553111 .srv-grid .srv-card:nth-child(4) .srv-glyph { font-size: 86px; } /* □ */ /* герой ★○✕△ */ #rec2408553111 .hero__stats > div:nth-child(1)::before { font-size: 16px; } /* ★ */ #rec2408553111 .hero__stats > div:nth-child(2)::before { font-size: 27px; } /* ○ */ #rec2408553111 .hero__stats > div:nth-child(3)::before { font-size: 21px; } /* ✕ */ #rec2408553111 .hero__stats > div:nth-child(4)::before { font-size: 16px; } /* △ */ /* FAQ △✕○□ */ #rec2408553111 .faq-wrap details:nth-of-type(4n+1) summary::before { font-size: 14px; } /* △ */ #rec2408553111 .faq-wrap details:nth-of-type(4n+2) summary::before { font-size: 18px; } /* ✕ */ #rec2408553111 .faq-wrap details:nth-of-type(4n+3) summary::before { font-size: 23px; } /* ○ */ #rec2408553111 .faq-wrap details:nth-of-type(4n+4) summary::before { font-size: 24px; } /* □ */ /* карточки статей △✕○□ */ #rec2408553111 .art-card:nth-child(4n+1)::after { font-size: 20px; } /* △ */ #rec2408553111 .art-card:nth-child(4n+2)::after { font-size: 26px; } /* ✕ */ #rec2408553111 .art-card:nth-child(4n+3)::after { font-size: 33px; } /* ○ */ #rec2408553111 .art-card:nth-child(4n+4)::after { font-size: 35px; } /* □ */ /* #6 Баннер «Готовы играть?»: обои Ghost of Tsushima вместо двух обложек */ #rec2408553111 .cta-banner { background: linear-gradient(135deg, rgba(0,38,116,0.80) 0%, rgba(6,10,32,0.88) 100%), url('https://xn--80aajzhsz.xn--c1aeh7agg4dl.xn--p1ai/wall/got.jpg') center 32% / cover no-repeat; } #rec2408553111 .cta-banner::before { content: none; display: none; } /* #7 Конфигуратор Stars/Premium: фирменный синий вместо оранжевого */ #rec2408553111 .cfg__tab:hover { border-color: var(--blue, #0057E0); color: var(--text); } #rec2408553111 .cfg__tab.is-on { background: var(--blue, #0057E0); border-color: var(--blue, #0057E0); color: #fff; } #rec2408553111 .cfg__chip:hover { border-color: var(--blue, #0057E0); } #rec2408553111 .cfg__chip.is-on { background: rgba(0,87,224,0.14); border-color: var(--blue, #0057E0); color: var(--text); } #rec2408553111 .cfg__go { background: var(--blue, #0057E0); color: #fff; } #rec2408553111 .cfg__go:hover { background: #2979FF; color: #fff; } #rec2408553111 .cfg__tab:focus-visible, #rec2408553111 .cfg__chip:focus-visible, #rec2408553111 .cfg__go:focus-visible { outline: 2px solid var(--blue, #0057E0); outline-offset: 2px; } /* ── ВОЛНА 3.1: «Скоро выйдет» плашка отсчёта в фирменный синий вместо оранжевого ── */ #rec2408553111 .scard__days { background: var(--blue, #0057E0) !important; color: #fff !important; } /* ── ВОЛНА 3.2: анти-прыжок при перезагрузке (scroll-anchoring off) ── */ html { overflow-anchor: none; } /* ── ВОЛНА 3.3: убрать липкий промо-виджет бота на мобиле (не актуально) ── */ @media (max-width: 768px){ #psbot, #psbot.psbot--in { display: none !important; } } /* ── ВОЛНА 3.4: мобильное бургер-меню ── */ #rec2408553111 .nav__burger { display: none; } #rec2408553111 .nav__links-cta, #rec2408553111 .nav__links-hours { display: none; } @media (max-width: 768px) { /* в баре: логотип + тема + бургер; текстовую кнопку каталога прячем в меню */ #rec2408553111 .nav__cta { display: none; } #rec2408553111 .nav__burger { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 42px; height: 42px; padding: 0 9px; margin-left: 4px; flex: none; background: transparent; border: 1px solid var(--border); border-radius: 12px; cursor: pointer; -webkit-tap-highlight-color: transparent; } #rec2408553111 .nav__burger span { display: block; height: 2px; width: 100%; border-radius: 2px; background: var(--text); transition: transform .25s ease, opacity .2s ease; } #rec2408553111 .nav.is-open .nav__burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); } #rec2408553111 .nav.is-open .nav__burger span:nth-child(2) { opacity: 0; } #rec2408553111 .nav.is-open .nav__burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } /* выезжающая панель меню под шапкой */ #rec2408553111 .nav__links { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; gap: 0; padding: 10px 20px 18px; margin: 0; background: var(--bg); border-top: 1px solid var(--border); box-shadow: 0 24px 44px rgba(0,0,0,.38); } #rec2408553111 .nav.is-open .nav__links { display: flex; } #rec2408553111 .nav__links li { width: 100%; } #rec2408553111 .nav__links a { display: block; padding: 15px 4px; font-size: 15px; letter-spacing: .04em; border-bottom: 1px solid var(--border); } #rec2408553111 .nav__links-hours { display: block; padding: 16px 4px 2px; font-size: 13px; color: var(--muted); letter-spacing: .02em; text-transform: none; } #rec2408553111 .nav__links-cta { display: block; margin-top: 14px; } #rec2408553111 .nav__links-cta a { border-bottom: 0; text-align: center; background: var(--blue); color: #fff; border-radius: 12px; padding: 15px; font-weight: 700; text-transform: none; letter-spacing: .02em; font-size: 15px; } } /* ВОЛНА 3.4 fix: белый текст на синей кнопке каталога в моб-меню (перебить .nav__links a !important) */ #rec2408553111 .nav__links-cta a { color: #fff !important; } /* ВОЛНА 3.4 fix2: выше специфичность, чтобы перебить inline-!important блока */ #rec2408553111 .nav__links li.nav__links-cta a { color: #fff !important; } /* ── ВОЛНА 3.5: конфигуратор — поле «Кому зачислить», касса напрямую ── */ #rec2408553111 .cfg__who { display: grid; gap: 8px; } #rec2408553111 .cfg__inp { width: 100%; box-sizing: border-box; appearance: none; padding: 13px 15px; border-radius: 12px; border: 1px solid var(--border); background: var(--bg); color: var(--text); font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600; outline: none; transition: border-color 0.16s ease; } #rec2408553111 .cfg__inp::placeholder { color: var(--muted); font-weight: 400; } #rec2408553111 .cfg__inp:focus { border-color: var(--blue, #0057E0); } #rec2408553111 .cfg__err { min-height: 0; font-size: 13px; color: #FF6B6B; } #rec2408553111 .cfg__err:empty { display: none; } /* ── Карты пополнения PSN на главной (15.09) ── */ #rec2408553111 .psx{display:grid;grid-template-columns:minmax(250px,1fr) 1.35fr;gap:12px;align-items:stretch} #rec2408553111 .psx__side{background:var(--bgcard);border:1px solid var(--border);border-radius:18px;padding:26px 24px;display:flex;flex-direction:column;gap:14px} #rec2408553111 .psx__p{font-size:15px;line-height:1.6;color:var(--muted)!important} #rec2408553111 .psx__ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px} #rec2408553111 .psx__ul li{position:relative;padding-left:22px;font-size:14px;color:var(--muted)} #rec2408553111 .psx__ul li::before{content:'';position:absolute;left:2px;top:8px;width:9px;height:9px;border-radius:2px;background:var(--blue2)} #rec2408553111 .gift{position:relative;aspect-ratio:1.586;border-radius:16px;overflow:hidden;color:#fff;background:radial-gradient(120% 140% at 85% 0%,#2f6bff 0%,#0b3bd6 42%,#061f7a 100%);box-shadow:0 18px 40px -18px rgba(11,59,214,.7);padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between} #rec2408553111 .gift::after{content:'';position:absolute;inset:auto -30% -55% auto;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 62%)} #rec2408553111 .gift__top{display:flex;justify-content:space-between;align-items:flex-start;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.85} #rec2408553111 .gift__flag{display:inline-flex;flex-direction:column;width:22px;height:15px;border-radius:2px;overflow:hidden} #rec2408553111 .gift__flag i{flex:1;display:block} #rec2408553111 .gift__flag i:nth-child(1){background:#FF9933}#rec2408553111 .gift__flag i:nth-child(2){background:#fff}#rec2408553111 .gift__flag i:nth-child(3){background:#138808} #rec2408553111 .gift__val{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(30px,4.2vw,46px);letter-spacing:-.02em;line-height:1;color:#fff!important} #rec2408553111 .gift__val small{font-size:.5em;font-weight:600;opacity:.8;margin-left:6px} #rec2408553111 .gift__bot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px} #rec2408553111 .gift__code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.12em;opacity:.7} #rec2408553111 .gift__lbl{font-size:12px;font-weight:600;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 10px;white-space:nowrap} #rec2408553111 .gift__lbl:empty{display:none} #rec2408553111 .cfg__tab[disabled]{opacity:.55;cursor:default} #rec2408553111 .cfg__tab[disabled]:hover{border-color:var(--border);color:var(--muted)} #rec2408553111 .cfg__tab small{font-weight:500;opacity:.8} #rec2408553111 .cfg__chip b{font-weight:500;color:var(--muted);margin-left:4px;font-size:12px} #rec2408553111 .cfg__warn{font-size:12.5px;color:var(--muted);line-height:1.5} #rec2408553111 .cfg__warn b{color:var(--text)} @media(max-width:760px){#rec2408553111 .psx{grid-template-columns:1fr}#rec2408553111 .gift{padding:16px}} /* Тап-таргеты конфигураторов на мобильном (аудит №5, 15.09) */ @media(max-width:760px){#rec2408553111 .cfg__chip{min-height:44px;padding:11px 14px}#rec2408553111 .cfg__tab{min-height:44px}} /* Карта PSN: размер обычной карты, не на всю колонку (15.09) */ #rec2408553111 .gift{max-width:300px;padding:16px 18px} #rec2408553111 .gift__val{font-size:34px} #rec2408553111 .psx__side{gap:16px} @media(max-width:760px){#rec2408553111 .gift{max-width:240px;padding:14px 16px}#rec2408553111 .gift__val{font-size:28px}#rec2408553111 .gift__code{font-size:11px}} /* 21.09 audit6: footer tap targets on mobile >=44px */ @media (max-width:768px){.ig-page footer.ig-foot ul li a{display:inline-block;padding:10px 0;line-height:24px}.ig-page footer.ig-foot ul li{margin:0}} /* 21.09 audit6: genre links on homepage (catalog /genre/) */ nav.ie-gen{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:920px;margin:22px auto 0;padding:0 16px;font-size:14px;line-height:1.2} nav.ie-gen .ie-gen__l{color:var(--muted);align-self:center;margin-right:4px} nav.ie-gen a.ie-gen__a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:999px;color:var(--text);text-decoration:none;background:transparent;transition:border-color .15s} nav.ie-gen a.ie-gen__a:hover,nav.ie-gen a.ie-gen__a:focus-visible{border-color:var(--blue);outline:none} /* 22.09: браузерная «тёмная тема для сайтов» (Samsung Internet, Chrome auto-dark) не перекрашивает выбранную тему */ :root[data-theme="light"]{color-scheme:only light} :root[data-theme="dark"]{color-scheme:dark} /* 23.09: сайт сам умеет тёмную тему — подсказка браузерам с принудительным ночным режимом */ @media (prefers-color-scheme: dark){:root:not([data-theme="light"]){color-scheme:dark}:root:not([data-theme="light"]) body{background:var(--bg,#080810)}} @media (prefers-color-scheme: light){:root:not([data-theme="dark"]){color-scheme:light}} /* перенесено из блока главной 23.09: ie-tablet */ /* планшеты и Fold в альбомной (22.09): бургер до 1199px, сетки 2 в ряд */ @media (min-width:769px) and (max-width:1199px){ /* в баре: логотип + тема + бургер; текстовую кнопку каталога прячем в меню */ #rec2408553111 .nav__cta { display: none; } #rec2408553111 .nav__burger { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 42px; height: 42px; padding: 0 9px; margin-left: 4px; flex: none; background: transparent; border: 1px solid var(--border); border-radius: 12px; cursor: pointer; -webkit-tap-highlight-color: transparent; } #rec2408553111 .nav__burger span { display: block; height: 2px; width: 100%; border-radius: 2px; background: var(--text); transition: transform .25s ease, opacity .2s ease; } #rec2408553111 .nav.is-open .nav__burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); } #rec2408553111 .nav.is-open .nav__burger span:nth-child(2) { opacity: 0; } #rec2408553111 .nav.is-open .nav__burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } /* выезжающая панель меню под шапкой */ #rec2408553111 .nav__links { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; gap: 0; padding: 10px 20px 18px; margin: 0; background: var(--bg); border-top: 1px solid var(--border); box-shadow: 0 24px 44px rgba(0,0,0,.38); } #rec2408553111 .nav.is-open .nav__links { display: flex; } #rec2408553111 .nav__links li { width: 100%; } #rec2408553111 .nav__links a { display: block; padding: 15px 4px; font-size: 15px; letter-spacing: .04em; border-bottom: 1px solid var(--border); } #rec2408553111 .nav__links-hours { display: block; padding: 16px 4px 2px; font-size: 13px; color: var(--muted); letter-spacing: .02em; text-transform: none; } #rec2408553111 .nav__links-cta { display: block; margin-top: 14px; } #rec2408553111 .nav__links-cta a { border-bottom: 0; text-align: center; background: var(--blue); color: #fff; border-radius: 12px; padding: 15px; font-weight: 700; text-transform: none; letter-spacing: .02em; font-size: 15px; } #rec2408553111 .nav{padding:0 28px}#rec2408553111 .nav__hours{display:none}#rec2408553111 .nav__cta{display:inline-flex}#rec2408553111 .nav__links-cta{display:none!important}#rec2408553111 .nav__links{left:auto;right:20px;width:340px;border-radius:0 0 18px 18px;border:1px solid var(--border);border-top:0}#rec2408553111 .srv-grid,#rec2408553111 .subs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:701px) and (max-width:1060px){#rec2408553111 #own .own__grid{grid-template-columns:1fr 1fr;grid-template-areas:"a w" "s w"}#rec2408553111 #own .own__grid>.own__card:first-child{grid-area:a}#rec2408553111 #own .own__card--wallet{grid-area:w;grid-column:auto;order:0}#rec2408553111 #own #ownSvc{grid-area:s}#rec2408553111 #own .own__wal{grid-template-columns:1fr}#rec2408553111 #own .gift{max-width:260px}} /* перенесено из блока главной 23.09: ie-psgift */ /* 23.09: карта как настоящая подарочная карта PlayStation Store */ #rec2408553111 #own .psgift{position:relative;width:100%;max-width:252px;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(168deg,#0b7ae0 0%,#0a4fb5 55%,#00317f 100%);box-shadow:0 18px 40px -20px rgba(0,49,127,.8)} #rec2408553111 #own .psgift::after{content:'';position:absolute;right:-28%;bottom:-38%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 62%);pointer-events:none} #rec2408553111 #own .psg__band{background:#fff;padding:12px 14px 6px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px} #rec2408553111 #own .psg__ttl{font:700 11px/1.25 'Unbounded',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#00317f!important} #rec2408553111 #own .psg__ttl span{display:block;font:500 10px/1.3 'Inter',sans-serif;letter-spacing:.1em;color:#5b6b90!important;margin-top:3px} #rec2408553111 #own .psg__amt{font:700 21px/1 'Unbounded',sans-serif;color:#00317f!important;white-space:nowrap;font-variant-numeric:tabular-nums} #rec2408553111 #own .psg__amt small{font-size:.6em;margin-left:3px} #rec2408553111 #own .psg__perf{background:#fff;padding:0 14px 7px;display:flex;align-items:center} #rec2408553111 #own .psg__perf span{flex:1;border-top:2px dotted rgba(0,49,127,.32)} #rec2408553111 #own .psg__perf i{font-style:normal;font-size:9px;line-height:1;color:#00317f!important;margin-left:6px} #rec2408553111 #own .psg__body{position:relative;padding:26px 16px 18px;display:grid;gap:9px;justify-items:center;text-align:center} #rec2408553111 #own .psg__mark{font:600 16px/1.15 'Inter',sans-serif;color:#fff!important;letter-spacing:.005em} #rec2408553111 #own .psg__mark b{font-weight:800;letter-spacing:.01em} #rec2408553111 #own .psg__mark sup{font-size:.48em;vertical-align:super;opacity:.7;margin:0 1px} #rec2408553111 #own .psg__reg{display:inline-flex;align-items:center;gap:7px;font:600 10.5px/1 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82)!important} #rec2408553111 #own .psg__reg .gift__flag{width:18px;height:12px;border-radius:2px;overflow:hidden;display:inline-flex;flex-direction:column} #rec2408553111 #own .psg__reg .gift__flag svg{display:block;width:18px;height:12px} #rec2408553111 #own .psg__code{position:relative;margin:0 14px 14px;padding:8px 6px;border-radius:7px;background:#fff;color:#00317f!important;font:700 10.5px/1 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;text-align:center} #rec2408553111 #own .psg__cap{margin-top:10px;font-size:12.5px;font-weight:600;color:var(--star)!important} #rec2408553111 #own .psg__cap:empty{display:none} #rec2408553111 #own .psg__ps{width:72px;height:auto;display:block;margin-bottom:2px}#rec2408553111 #own .psg__store{width:132px;max-width:84%;height:auto;display:block}#rec2408553111 #own .psg__body{padding:24px 16px 20px;gap:12px}#rec2408553111 #own .psgift{max-width:262px}#rec2408553111 #own .psgift{color-scheme:only light;forced-color-adjust:none}#rec2408553111 #own .psg__band,#rec2408553111 #own .psg__code,#rec2408553111 #own .psg__perf{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%23ffffff'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}#rec2408553111 #own .psg__ttl,#rec2408553111 #own .psg__amt,#rec2408553111 #own .psg__code{color:#00317f!important}#rec2408553111 #own .psg__ttl span{color:#5b6b90!important}@media(max-width:700px){#rec2408553111 #own .psg__ps{width:64px}#rec2408553111 #own .psg__store{width:118px}}@media(max-width:700px){#rec2408553111 #own .psgift{max-width:230px}} /* перенесено из блока главной 23.09: ie-min */ /* 23.09 минимализм: меньше повторов, один призыв на экран */ #rec2408553111 #shFresh{display:none!important} #rec2408553111 #articles .art-grid>a.art-card:nth-child(n+4){display:none} #rec2408553111 #articles .art-more .art-grid>a.art-card{display:block} #rec2408553111 .subs{grid-template-columns:repeat(4,minmax(0,1fr))} #rec2408553111 .subs__card{padding:16px 14px;gap:8px;min-height:0} #rec2408553111 .subs__p,#rec2408553111 .subs__b{display:none} #rec2408553111 .subs__t{font-size:14px} #rec2408553111 .hero__price{display:flex;flex-wrap:wrap;gap:8px 18px;margin:-26px 0 26px;font-size:14px;color:var(--muted)!important} #rec2408553111 .hero__price b{font-family:'Unbounded',sans-serif;font-weight:700;font-size:17px;color:var(--text)!important;margin-right:6px} #rec2408553111 .hero__price span{display:inline-flex;align-items:baseline} #rec2408553111 .hero__price:empty{display:none} #rec2408553111 .hero__actions .btn-ghost{background:transparent;border:0;padding:16px 4px;color:var(--blue2)!important;box-shadow:none} #rec2408553111 .hero__actions .btn-ghost:hover{background:transparent;text-decoration:underline} #rec2408553111 .ie-sticky{display:none} @media(max-width:760px){ #rec2408553111 .subs{grid-template-columns:repeat(2,minmax(0,1fr))} #rec2408553111 #own .own__card:first-child .own__p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #rec2408553111 #own #ownWalletP{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #rec2408553111 #stars .starx__ul{display:none} #rec2408553111 .ie-sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 18px;border-radius:14px;background:var(--blue);color:#fff!important;font:700 15px 'Inter',sans-serif;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,40,.4);opacity:0;transform:translateY(120%);transition:opacity .2s ease,transform .25s ease;pointer-events:none} #rec2408553111 .ie-sticky.is-on{opacity:1;transform:none;pointer-events:auto} #rec2408553111 .ie-sticky small{font-weight:500;opacity:.85} #rec2408553111 #how .step{padding:18px 18px} #rec2408553111 .sec{padding-top:56px;padding-bottom:56px} } @media(prefers-reduced-motion:reduce){#rec2408553111 .ie-sticky{transition:none}} /* перенесено из блока главной 23.09 */ #rec2408553111 .plus__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 32px;flex-wrap:wrap;margin-bottom:28px} #rec2408553111 .plus .sec__h{margin-bottom:14px} #rec2408553111 .plus__pill{display:inline-flex;align-items:center;margin-left:14px;padding:7px 14px;border-radius:999px;background:rgba(53,208,127,.14);color:var(--text)!important;font:600 13px/1 'Inter',sans-serif;vertical-align:middle;white-space:nowrap} @media(max-width:860px){#rec2408553111 .plus__pill{display:flex;margin:12px 0 0;width:fit-content;font-size:12.5px}} #rec2408553111 .plus__lead{max-width:56ch;font-size:15px;line-height:1.65;color:var(--muted)!important;margin:0} #rec2408553111 .plus__sw{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--bg)} #rec2408553111 .plus__sw button{appearance:none;border:0;background:transparent;cursor:pointer;min-height:48px;padding:0 20px;border-radius:10px;font:600 15px 'Inter',sans-serif;color:var(--muted);transition:.16s ease} #rec2408553111 .plus__sw button.is-on{background:var(--bgcard);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--blue)} #rec2408553111 .plus__sw button:focus-visible,#rec2408553111 .plus__btn:focus-visible{outline:2px solid var(--blue2);outline-offset:2px} #rec2408553111 .plus__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;align-items:stretch} #rec2408553111 .plus__card{background:var(--bgcard);border:1px solid var(--border);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0} #rec2408553111 .plus__num{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap} #rec2408553111 .plus__num b{font:700 42px/1 'Unbounded',sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)!important} #rec2408553111 .plus__num span{font-size:14px;font-weight:600;color:var(--muted)!important} #rec2408553111 .plus__what{font-size:15px;line-height:1.5;color:var(--text)!important;margin:0} #rec2408553111 .plus__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-top:1px solid var(--border);font-size:14px;color:var(--text)!important} #rec2408553111 .plus__row b{white-space:nowrap;font-variant-numeric:tabular-nums} #rec2408553111 .plus__row span{color:var(--muted)!important} #rec2408553111 .plus__ok{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:600;color:var(--text)!important} #rec2408553111 .plus__ok::before{content:'';flex:none;width:8px;height:8px;border-radius:50%;background:#35D07F;box-shadow:0 0 0 4px rgba(53,208,127,.16)} #rec2408553111 .plus__foot{margin-top:auto;display:grid;gap:10px} #rec2408553111 .plus__btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:0;border-radius:14px;background:var(--blue);color:#fff!important;font:700 14px 'Inter',sans-serif;text-decoration:none;transition:background .16s ease} #rec2408553111 .plus__btn:hover{background:var(--blue2)} #rec2408553111 .plus__more{font-size:13px;font-weight:600;color:var(--blue2)!important;text-decoration:none} #rec2408553111 .plus__more:hover{text-decoration:underline} #rec2408553111 .plus__steps{list-style:none;counter-reset:pl;margin:0;padding:0;display:grid;gap:14px} #rec2408553111 .plus__steps li{counter-increment:pl;position:relative;padding-left:42px;font-size:15px;line-height:1.55;color:var(--text)!important} #rec2408553111 .plus__steps li b{display:block;font-weight:700} #rec2408553111 .plus__steps li i{font-style:normal;display:block;margin-top:3px;font-size:14px;color:var(--muted)!important} #rec2408553111 .plus__steps li::before{content:counter(pl);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font:700 13px/28px 'Unbounded',sans-serif;text-align:center} #rec2408553111 .plus__note{font-size:13px;color:var(--muted)!important;margin:0} #rec2408553111 .plus__alt{margin-top:18px;font-size:14px;color:var(--muted)!important} #rec2408553111 .plus__alt a{color:var(--blue2)!important;font-weight:600;text-decoration:none} #rec2408553111 .plus__alt a:hover{text-decoration:underline} @media(max-width:860px){#rec2408553111 .plus__grid{grid-template-columns:1fr}#rec2408553111 .plus__sw{width:100%}#rec2408553111 .plus__sw button{flex:1;padding:0 10px;font-size:14px}#rec2408553111 .plus__num b{font-size:36px}} @media(prefers-reduced-motion:reduce){#rec2408553111 .plus__sw button{transition:none}} /* перенесено из блока главной 23.09 */ #rec2408553111 .own{--reg:#E30A17;--reg2:rgba(227,10,23,.13);position:relative;overflow:hidden} #rec2408553111 .own[data-reg="india"]{--reg:#FF9933;--reg2:rgba(255,153,51,.14)} #rec2408553111 .own::before{content:'';position:absolute;top:-180px;right:-120px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,var(--reg2),transparent 66%);pointer-events:none;transition:background .4s ease} #rec2408553111 .own>*{position:relative} #rec2408553111 .own .sec__h{margin-bottom:14px} #rec2408553111 .own__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 32px;flex-wrap:wrap;margin-bottom:28px} #rec2408553111 .own__lead{max-width:58ch;font-size:15px;line-height:1.65;color:var(--muted)!important;margin:0} #rec2408553111 .own__reg{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--bg2)} #rec2408553111 .own__reg button{appearance:none;border:0;background:transparent;cursor:pointer;min-height:48px;padding:0 22px;border-radius:10px;font:600 15px 'Inter',sans-serif;color:var(--muted);transition:.16s ease} #rec2408553111 .own__reg button.is-on{background:var(--reg2);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--reg)} #rec2408553111 .own__reg button:focus-visible,#rec2408553111 .own__btn:focus-visible,#rec2408553111 .own .cfg__chip:focus-visible{outline:2px solid var(--blue2);outline-offset:2px} #rec2408553111 .own__grid{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:12px;align-items:stretch} #rec2408553111 .own__card{background:var(--bgcard);border:1px solid var(--border);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0} #rec2408553111 .own__step{display:flex;align-items:center;gap:10px;font:600 11px 'Unbounded',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important} #rec2408553111 .own__step i{font-style:normal;flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:11px;letter-spacing:0} #rec2408553111 .own__h{font:700 18px/1.25 'Unbounded',sans-serif;color:var(--text)!important;margin:0} #rec2408553111 .own__price{font:700 34px/1 'Unbounded',sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)!important} #rec2408553111 .own__p{font-size:14px;line-height:1.6;color:var(--muted)!important;margin:0} #rec2408553111 .own__ok{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:600;color:var(--text)!important} #rec2408553111 .own__ok::before{content:'';flex:none;width:8px;height:8px;border-radius:50%;background:#35D07F;box-shadow:0 0 0 4px rgba(53,208,127,.16)} #rec2408553111 .own__ok.is-mgr::before{background:var(--star);box-shadow:0 0 0 4px rgba(255,184,0,.16)} #rec2408553111 .own__foot{margin-top:auto;display:grid;gap:10px} #rec2408553111 .own__btn{display:flex;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;border:0;border-radius:14px;background:var(--blue);color:#fff!important;font:700 14px 'Inter',sans-serif;text-decoration:none;cursor:pointer;transition:background .16s ease} #rec2408553111 .own__btn:hover{background:var(--blue2)} #rec2408553111 .own__more{font-size:13px;font-weight:600;color:var(--blue2)!important;text-decoration:none} #rec2408553111 .own__more:hover{text-decoration:underline} #rec2408553111 .own__skip{font-size:12.5px;color:var(--muted)!important} #rec2408553111 .own__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--text)!important} #rec2408553111 .own__row:first-child{padding-top:0} #rec2408553111 .own__row b{white-space:nowrap;font-variant-numeric:tabular-nums} #rec2408553111 .own__row span{color:var(--muted)!important} #rec2408553111 .own .gift{max-width:320px;width:100%} #rec2408553111 .own__wal{display:grid;grid-template-columns:minmax(0,200px) 1fr;gap:20px;align-items:start} #rec2408553111 .own__wl{display:grid;gap:12px} #rec2408553111 .own .gift{padding:14px 16px;gap:0} #rec2408553111 .own .gift__val{font-size:26px} #rec2408553111 .own .gift__top{font-size:9px} #rec2408553111 .own .gift__code{font-size:10px} #rec2408553111 .own .cfg__out{flex-direction:column;align-items:stretch;gap:10px} #rec2408553111 .own .cfg__go{width:100%} @media(max-width:700px){#rec2408553111 .own__wal{grid-template-columns:1fr}#rec2408553111 .own .gift{max-width:260px}} #rec2408553111 .own[data-reg="turkey"] .gift{background:radial-gradient(120% 140% at 85% 0%,#ff4d58 0%,#d80f1c 45%,#6e0710 100%);box-shadow:0 18px 40px -18px rgba(216,15,28,.6)} #rec2408553111 .own .gift__flag svg{display:block;width:22px;height:15px} #rec2408553111 .own .cfg__chip.is-on{background:rgba(0,87,224,.14);border-color:var(--blue)} #rec2408553111 .own .cfg__go{background:var(--blue);color:#fff} #rec2408553111 .own .cfg__go:hover{background:var(--blue2);color:#fff} #rec2408553111 .own .cfg__out{border-top:0;padding-top:0} #rec2408553111 .own__none{font-size:14px;color:var(--muted)!important} #rec2408553111 .hero__new{align-self:flex-start;width:fit-content;max-width:100%;display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:6px 14px 6px 6px;border:1px solid var(--border);border-radius:999px;background:var(--bgcard);font-size:13px;line-height:1.35;color:var(--text)!important;text-decoration:none;transition:border-color .16s ease} #rec2408553111 .hero__new:hover{border-color:var(--blue2)} #rec2408553111 .hero__new b{flex:none;background:var(--blue);color:#fff;border-radius:999px;padding:4px 10px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase} @media(max-width:1060px){#rec2408553111 .own__grid{grid-template-columns:1fr 1fr}#rec2408553111 .own__card--wallet{grid-column:1/-1;order:3}} @media(max-width:700px){#rec2408553111 .own__grid{grid-template-columns:1fr}#rec2408553111 .own__card--wallet{order:0}#rec2408553111 .own__reg{width:100%}#rec2408553111 .own__reg button{flex:1}#rec2408553111 .own__price{font-size:30px}} @media(prefers-reduced-motion:reduce){#rec2408553111 .own::before,#rec2408553111 .own__reg button{transition:none}} /* 23.09: пальцевые цели текстовых ссылок в секциях подписок и своего аккаунта */ @media(max-width:760px){#rec2408553111 .plus__more,#rec2408553111 .own__more,#rec2408553111 .plus__alt a{display:inline-flex;align-items:center;min-height:44px}} /* 23.09: липкая кнопка каталога и на планшетах до 900px */ @media(min-width:761px) and (max-width:900px){#rec2408553111 .ie-sticky{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 20px;border-radius:14px;background:var(--blue);color:#fff!important;font:700 15px 'Inter',sans-serif;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,40,.4);opacity:0;transform:translateY(120%);transition:opacity .2s ease,transform .25s ease;pointer-events:none;max-width:520px;margin:0 auto}#rec2408553111 .ie-sticky.is-on{opacity:1;transform:none;pointer-events:auto}#rec2408553111 .ie-sticky small{font-weight:500;opacity:.85}} @media(min-width:761px) and (max-width:900px) and (prefers-reduced-motion:reduce){#rec2408553111 .ie-sticky{transition:none}} /* 23.09: подвал не уезжает под липкую кнопку */ @media(max-width:900px){#rec2408553111 .footer{padding-bottom:116px}}