/* ИгрыЕсть: показ промо-виджета 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; }