/* WayCraft · стиль магазина · «Ламповый 8-бит», выживание: вечерний пейзаж Всё как в «Ламповом 8-бит», а внизу первого экрана — пиксельный вечер на выживании: холмы, ели, дубы и дом с горящими окнами на фоне нашего свечения. Плюс зелёная плашка режима. Как поставить: в панели EasyDonate, в поле своего CSS, сотрите всё и вставьте этот файл целиком. */ :root { --wc-bg: #1b0d08; --wc-bg-2: #140905; --wc-panel: #2a140b; --wc-line: #5b2a14; --wc-accent: #ff5a0a; --wc-accent-hover: #ff7424; --wc-accent-2: #ffa53d; --wc-accent-dark: #c23300; --wc-wine: #7a0e00; --wc-night: #420902; --wc-text: #fff3e8; --wc-muted: #d7b39a; --wc-chip-bg: rgba(255, 255, 255, .04); --wc-head-font: 'WC Pixel', 'Comfortaa', sans-serif; --wc-body-font: 'Comfortaa', sans-serif; --wc-radius: 0; --wc-radius-sm: 0; --wc-radius-xs: 0; /* рамка «пиксельными» углами: четыре тени без углов */ --wc-ring: 0 -4px 0 0 var(--wc-line), 0 4px 0 0 var(--wc-line), -4px 0 0 0 var(--wc-line), 4px 0 0 0 var(--wc-line); --wc-ring-hover: 0 -4px 0 0 var(--wc-accent), 0 4px 0 0 var(--wc-accent), -4px 0 0 0 var(--wc-accent), 4px 0 0 0 var(--wc-accent); --wc-ring-sm: 0 -3px 0 0 var(--wc-line), 0 3px 0 0 var(--wc-line), -3px 0 0 0 var(--wc-line), 3px 0 0 0 var(--wc-line); --wc-ring-sm-active: 0 -3px 0 0 var(--wc-accent-dark), 0 3px 0 0 var(--wc-accent-dark), -3px 0 0 0 var(--wc-accent-dark), 3px 0 0 0 var(--wc-accent-dark); --wc-btn: inset 0 3px 0 rgba(255, 255, 255, .22), inset 0 -4px 0 rgba(66, 9, 2, .45), 0 -3px 0 0 var(--wc-night), 0 3px 0 0 var(--wc-night), -3px 0 0 0 var(--wc-night), 3px 0 0 0 var(--wc-night); --wc-badge: 0 3px 0 var(--wc-night); --wc-sale-shadow: 0 4px 0 var(--wc-night); --wc-glow: drop-shadow(0 0 14px rgba(255, 90, 10, .35)); --wc-title-shadow: 0 4px 0 var(--wc-wine); --wc-slot: radial-gradient(circle at 50% 58%, rgba(255, 110, 20, .24), transparent 62%); --wc-slot-fade: #2a140b; --wc-overlay: rgba(27, 13, 8, .7); --wc-hero-bg: #b11600; --wc-hero-art: url(data:image/png;base64,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) 0 0 / 100% 1200%; --wc-hero-btn-bg: #fff3e8; --wc-hero-btn-text: #7a0e00; --wc-nav-bg: rgba(27, 13, 8, .95); --wc-nav-line: 0 4px 0 rgba(66, 9, 2, .55); } /* ===== общая часть: цвета, шрифты и рамки берутся из переменных выше ===== */ /* строка, которая уже стояла в магазине: слои «глитча» темы выключены */ .glitch { display: none; } html { scrollbar-color: var(--wc-accent) var(--wc-bg); scrollbar-width: thin; } /* на телефоне и планшете никаких полос прокрутки: страница листается пальцем, ряды кнопок переносятся */ @media (max-width: 991.98px) { html, html body * { scrollbar-width: none !important; } html::-webkit-scrollbar, html body ::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } } /* поиск на весь экран: листается только он и без своей полосы, страница под ним стоит на месте */ html body .shop-collapse { scrollbar-width: none !important; overscroll-behavior: contain; } html:has(.shop-collapse.fadeInDown), html:has(.shop-collapse.fadeInDown) body { overflow: hidden !important; } /* белая линия над найденными товарами ничего не делит */ html body .shop-collapse > .container { border-top: 0 !important; } /* крестик стоит справа на месте, пока листаешь найденное. Сдвиг, который оставляет анимация появления, сбрасывается в конце, иначе крестик закреплялся бы внутри листающегося окна */ html body .shop-collapse.fadeInDown { animation-fill-mode: backwards !important; } html body .shop-collapse-close { position: fixed; top: 132px; right: 24px; z-index: 7; width: 56px; height: 56px; padding: 0 !important; display: flex; align-items: center; justify-content: center; color: var(--wc-text) !important; background: var(--wc-panel) !important; box-shadow: var(--wc-ring-sm) !important; border-radius: var(--wc-radius-sm) !important; } html body .shop-collapse-close:hover { background: var(--wc-accent) !important; box-shadow: var(--wc-ring-sm-active) !important; color: #fff !important; } @media (max-width: 991.98px) { html body .shop-collapse-close { top: 86px; right: 16px; width: 48px; height: 48px; } } @media (min-width: 992px) { html { scrollbar-gutter: stable; } } html body, html body main, html body .bg-elegant-dark, html body #sections { background-color: var(--wc-bg) !important; } html body { color: var(--wc-muted); font-family: var(--wc-body-font); } html body .bg-elegant-night { background-color: var(--wc-panel) !important; } /* переход между страницами: старая страница плавно растворяется в экране загрузки (в Chrome, Edge и Safari), вместо чёрного экрана с мигающим логотипом — свечение, мягко покачивающийся значок и пиксельная полоска. Тема держит экран 2 секунды; он плавно гаснет уже через секунду */ @view-transition { navigation: auto; } ::view-transition-old(root), ::view-transition-new(root) { animation-duration: .35s; animation-timing-function: ease; } html body .preloader { background: radial-gradient(circle at 50% 46%, rgba(255, 90, 10, .2), transparent 34%), var(--wc-bg) !important; animation: wc-pre-out .5s cubic-bezier(.4, 0, .2, 1) .7s forwards; } @keyframes wc-pre-out { to { opacity: 0; visibility: hidden; } } html body .preloader > .loader { width: 96px !important; height: 96px !important; top: calc(50% - 24px) !important; image-rendering: pixelated; will-change: translate; filter: drop-shadow(0 0 18px rgba(255, 90, 10, .45)); animation: wc-pre-in .4s cubic-bezier(.2, .8, .3, 1) backwards, wc-pre-bob 1.6s ease-in-out .4s infinite !important; } @keyframes wc-pre-in { from { opacity: 0; scale: .85; } } @keyframes wc-pre-bob { 50% { translate: 0 -8px; } } html body .preloader::after { content: ''; position: absolute; left: 50%; top: calc(50% + 48px); width: 192px; height: 16px; transform: translateX(-50%); background: linear-gradient(var(--wc-accent-2) 0 2px, var(--wc-accent) 0 6px, var(--wc-accent-dark) 0) 4px 4px / 0 8px no-repeat, var(--wc-panel); box-shadow: var(--wc-ring-sm); animation: wc-pre-bar .65s cubic-bezier(.3, .6, .3, 1) .05s forwards; } @keyframes wc-pre-bar { to { background-size: 184px 8px; } } html body .preloader::before { content: 'Загрузка'; position: absolute; left: 50%; top: calc(50% + 84px); transform: translateX(-50%); font: 16px/20px var(--wc-head-font); color: var(--wc-muted); white-space: nowrap; } @media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } html body .preloader > .loader { animation: none !important; } html body .preloader::after { animation: none; background-size: 184px 8px; } } html body .skeleton-box { background-color: var(--wc-panel) !important; } html body .stripe-loading-indicator .stripe, html body .stripe-loading-indicator .stripe-loaded { background: var(--wc-accent) !important; } ::selection { background: var(--wc-accent); color: #fff; } html body :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .display-2, .display-3) { font-family: var(--wc-head-font); } html body .text-tertiary { color: var(--wc-accent-2) !important; } html body .text-muted { color: var(--wc-muted) !important; opacity: .75; } /* шапка: пункты меню, поиск, соцсети; подложка, чтобы меню не сливалось с товарами при прокрутке */ html body nav.navbar-main { background: var(--wc-nav-bg) !important; box-shadow: var(--wc-nav-line); } @media (max-width: 991.98px) { html body nav.navbar-main { padding-top: 14px !important; padding-bottom: 14px !important; } } html body .navbar .nav-link { font-family: var(--wc-head-font); color: var(--wc-text) !important; background: var(--wc-chip-bg); border: 0 !important; border-radius: var(--wc-radius-sm) !important; box-shadow: var(--wc-ring-sm); margin: 0 7px; transition: .15s; } html body .navbar .nav-link:hover { background: var(--wc-accent); box-shadow: var(--wc-ring-sm-active); } html body #header-social-links a { color: var(--wc-text); transition: .15s; } html body #header-social-links a:hover { color: var(--wc-accent-2); } html body .input-search, html body .input-search-icon, html body .input-group-append.main > span { background: var(--wc-panel) !important; color: var(--wc-text) !important; border-radius: var(--wc-radius-sm) !important; } html body .input-search { font-family: var(--wc-body-font); } html body .input-search::placeholder { color: var(--wc-muted); } html body .input-group:has(.input-search) { box-shadow: var(--wc-ring-sm); border-radius: var(--wc-radius-sm); } html body .navbar-brand, html body .footer-brand { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAJFBMVEXvWA7vQQDvLwD////UIQBoGgLvdCDvjzXvs3xoIQgAAAAAAACwLkddAAAADHRSTlP/////////////AACB+zO8AAACyElEQVR42pWWQYsURxiGn69mtWcTnK4hRJYQeipZhSAkTNBbLlFyy8U/IOwh+BPMb8hPyJ4WhBw8jdecgvdA615zqK5cVBCqVjDTM0xVDtW9q0RnOtU0DV30Wy/v+37f1/ID0RkgusqSl6pc5QwA0Y3UxFXNpJnY2BSh8Mu2CJebwqcwaSbNxFWKHUvuOEN0lU2h9Bdv9flBOxFGo6qZ2OSTTy8Kv2wzi+I5y39eFGdVM1EA97cgKKMqB8kjZdCkoKUMZSg9JB9d5RTw0zYIZaMFfPLJJw/Jv33FrMMxv7734587WQ34d1QAIAVN8tEp4AMA/AIwku705X/22yKM22KnksqQghYtOjtwcUsZtGi1280vUyh98u/f1KJ3IuwZW/r0+iawOZ3TPzanczZPtegBecg6vDxAHd6YPQd1eO3JgTq89uSzw+tPh+mQNQDWjx7OAbl6pMz6sWb9WJPCbgSbOhWivXwExOZKjWhlumzsRkg+Bc2mhkt35ZM5RKvM6gRlIAUtuxE80oUpNlo0xL9v3b56BOsFDOKgSUFDtBAte9/D6Ot69fAbm80cwEG05DLKKMDqZPXb0d53i6E69F5salAzD5De3Puz7pM5MA8A6oDN6VfRgnz86PObC5ZAOx7MIWci/vWHMkR7Xhv/h8MyvTwgeWWSR316er0G2iF1kTmcs1BGrtRw6ccF3fsBmaR341UNyEcnoAzQ1eyQ/tCfBiizOmFTs16IFq2+mA7oD8oZ+h65eWbWi87YvmvEIfOiOi8upPTdHXKHyr36Q+tB5lDZ5DszSV06UyiDFohbZ9YD7ud5YUbfTrVMpxe9cjrVykje3YJwzO95XrjK5g/LoHsWUgYNrrJbdTgGGM2dkfJsFvb3x20RdKvb6f5YtIzV7KxyRobNTVe5mUfG7ViKkNmMSWeV6+fmVi/63wO6Ca4vJhkQ3b9VsXJob7XElgAAAABJRU5ErkJggg==) center / contain no-repeat; image-rendering: pixelated; } html body .navbar-brand img, html body .footer-brand img { opacity: 0; } @media (max-width: 991.98px) { html body .navbar-main .navbar-collapse .navbar-collapse-header, html body .navbar-main .navbar-collapse { background: var(--wc-panel) !important; } } /* первый экран: наш фон, логотип с лозунгом вместо текста, буква W справа */ html body #welcome-section { background: var(--wc-hero-bg) !important; isolation: isolate; } html body #welcome-section::before { content: ''; position: absolute; left: var(--wc-hero-x, 50%); top: 50%; z-index: 0; pointer-events: none; width: max(var(--wc-hero-w, 100%), 176.2vh); aspect-ratio: 148 / 84; transform: translate(-50%, -50%); background: var(--wc-hero-art); image-rendering: pixelated; } @media (min-width: 992px) { html body #welcome-section { --wc-hero-x: 72%; --wc-hero-w: 160%; } } html body .bg-full-screen::after { background: linear-gradient(180deg, transparent 58%, var(--wc-bg) 100%) !important; } html body #welcome-section .container-fluid { text-shadow: 0 2px 0 rgba(66, 9, 2, .55), 0 0 18px rgba(66, 9, 2, .45); } html body #welcome-section .general-online h3 { font-family: var(--wc-head-font); color: #fff; } html body #welcome-section .text-tertiary { color: #fff !important; } html body #welcome-section .shop-name.text-tertiary { --wc-k: 3; font-size: 0 !important; line-height: 0 !important; color: transparent !important; text-shadow: none; width: min(calc(378px * var(--wc-k)), 100%); aspect-ratio: 378 / 80; height: auto; margin: 18px 0 30px !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXoAAABQAQMAAAAtLiw3AAAABlBMVEX///////9VfPVsAAAAAnRSTlMA/1uRIrUAAAKZSURBVHja5ZZPa9RAGMZ/0/FfaXByEFztoT30KkQ8lwY/iSCIoOLixYOXQC8eF+wHqMfe/QBz8KZgEA8VPbTgYS/WxAb20KSvh0myWXeLdpMKxYElk2eZeeZ5/zwZRBIRMZJIwt+MBU45zn4BRjCSIBjOq4YFIC1/51hDAsZA8k+OFICI1QIiGhGxDtQikiMiYk9fS0iCkVJDAiaHBJ0jmNzkDmQj0Tm5yY3tKqxeRkhGqsv3mCIkg2yuKBlgv9wYMg0xQUxcs1UkMRQt86DrmQ2rSQOcN9O+awbjO6DA6hAgAwg7riVPT4kZgxkhEM7FkNA0pTBYhAKKs+iH6U1tDXrzM5SOtA+sYSFmrd4OQgd21tNh87RVPly2kzYMZsI2YFAT5GkFmm40DMC1XJ2XuOJLw1YMJi2DEDPZBGFQg3FHdu/NKiiv3XcajAgigBbJAQGduzSYvARNAs5322lQ/rRDNcAWUUrxXTSy32wu01NgKw3F1KzAFh24Rkp91ygadmFme0krDYEzorJMb7lnA2zB4E9elyzEHm+aVRq0qlbE2Y4WayRnw5WsgIg1ItZIrkUAROx8DP/7eHkC7p2UuGFXzGMGVU1Woujb4vct5DGXw7vP7qyr+1zpDX++e/JqM1r8tDW1oHcj+ngzAS/DO3zeW1pXD7dHO97ObrYU2Qv+tZkaPvR9etIv344igOv9HkjUEL0iIiJ7cJXXA78fqOqLdXEzYsTtQQAFWkREjicY0ghWB3HDRVYZuaueuzyVDPtKKaVWq96pAvsVgEsMGQJeoZRSaqHJcPAjkj5kj54+iI53P79dXn6xd/Sew342GtlZoVZR9egBWnOv2bN/bNECtru+LwWTf4wPRG/2goNoYsGX8XRC8y9zYP0/jraAAwAAAABJRU5ErkJggg==) no-repeat center / 100% 100%; image-rendering: pixelated; filter: drop-shadow(0 6px 10px rgba(105, 26, 0, .55)); } /* на компьютере логотип во всю левую половину экрана, на планшете и телефоне по центру */ @media (max-width: 991.98px) { html body #welcome-section .shop-name.text-tertiary { --wc-k: 1.5; margin: 14px auto 26px !important; } } /* на телефоне логотип меньше родного размера, его сглаживает браузер */ @media (max-width: 575.98px) { html body #welcome-section .shop-name.text-tertiary { image-rendering: auto; } } html body #welcome-section .fh-300 { visibility: hidden; } html body #welcome-section .d-lg-block > .d-flex { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARAQMAAAAISHXDAAAABlBMVEX///////9VfPVsAAAAAnRSTlMA/1uRIrUAAABHSURBVHjaJcGxDYAwDEXBl29LMEAGYAMkJkBiaUoyAZugFHRYmII7+JUnmt3zpkw01smP6HLH3qtKjjqrCogFhhOxo0gw8QFXuRAh+ZAD4QAAAABJRU5ErkJggg==) no-repeat center / calc(21px * 14) auto; image-rendering: pixelated; filter: drop-shadow(0 12px 16px rgba(105, 26, 0, .55)); animation: wc-float 4s ease-in-out infinite; } @media (min-width: 1600px) { html body #welcome-section .d-lg-block > .d-flex { background-size: calc(21px * 17) auto; } } @keyframes wc-float { 50% { transform: translateY(-12px); } } html body #welcome-section .btn-tertiary { background: var(--wc-hero-btn-bg) !important; color: var(--wc-hero-btn-text) !important; text-shadow: none; } /* кнопки и плашки */ html body .btn-tertiary { font-family: var(--wc-head-font); color: #fff !important; background: var(--wc-accent) !important; border: 0 !important; border-radius: var(--wc-radius-sm) !important; box-shadow: var(--wc-btn) !important; transition: transform .12s, background .12s; } html body .btn-tertiary:hover { background: var(--wc-accent-hover) !important; transform: translateY(-2px); } html body .btn-tertiary:active { transform: translateY(1px); } html body .badge, html body .badge-tertiary { font-family: var(--wc-head-font); font-weight: 600; color: #fff !important; background: var(--wc-accent) !important; border-radius: var(--wc-radius-xs) !important; box-shadow: var(--wc-badge); } html body .sale { font-family: var(--wc-head-font); border-radius: var(--wc-radius-xs) !important; box-shadow: var(--wc-sale-shadow) !important; overflow: hidden; } /* плашка акции на карточке товара сидит на её верхнем крае, как ярлык, и не закрывает ни значок, ни галочку «в корзине» */ html body .product-card > .sale { top: -20px !important; right: auto !important; max-width: calc(100% - 12px); white-space: nowrap; } /* на карточке поуже ярлык теряет часы, на совсем узкой, как на телефоне, остаются только часы: скидка и так видна внизу */ @container (max-width: 243px) { html body .product-card > .sale > .sale__size { display: none !important; } } @container (max-width: 206px) { html body .product-card > .sale > .sale__size { display: block !important; } html body .product-card > .sale > .sale__timer { display: none !important; } } html body .sale__size { background: var(--wc-accent-dark) !important; border-radius: 0 !important; padding-left: 11px !important; } html body .sale__timer { background: var(--wc-accent) !important; border-radius: 0 !important; padding-right: 12px !important; } /* сервер */ html body #servers .card { background: var(--wc-panel) !important; border-radius: var(--wc-radius) !important; box-shadow: var(--wc-ring); } html body #servers .server-image { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAJFBMVEXvWA7vQQDvLwD////UIQBoGgLvdCDvjzXvs3xoIQgAAAAAAACwLkddAAAADHRSTlP/////////////AACB+zO8AAACyElEQVR42pWWQYsURxiGn69mtWcTnK4hRJYQeipZhSAkTNBbLlFyy8U/IOwh+BPMb8hPyJ4WhBw8jdecgvdA615zqK5cVBCqVjDTM0xVDtW9q0RnOtU0DV30Wy/v+37f1/ID0RkgusqSl6pc5QwA0Y3UxFXNpJnY2BSh8Mu2CJebwqcwaSbNxFWKHUvuOEN0lU2h9Bdv9flBOxFGo6qZ2OSTTy8Kv2wzi+I5y39eFGdVM1EA97cgKKMqB8kjZdCkoKUMZSg9JB9d5RTw0zYIZaMFfPLJJw/Jv33FrMMxv7734587WQ34d1QAIAVN8tEp4AMA/AIwku705X/22yKM22KnksqQghYtOjtwcUsZtGi1280vUyh98u/f1KJ3IuwZW/r0+iawOZ3TPzanczZPtegBecg6vDxAHd6YPQd1eO3JgTq89uSzw+tPh+mQNQDWjx7OAbl6pMz6sWb9WJPCbgSbOhWivXwExOZKjWhlumzsRkg+Bc2mhkt35ZM5RKvM6gRlIAUtuxE80oUpNlo0xL9v3b56BOsFDOKgSUFDtBAte9/D6Ot69fAbm80cwEG05DLKKMDqZPXb0d53i6E69F5salAzD5De3Puz7pM5MA8A6oDN6VfRgnz86PObC5ZAOx7MIWci/vWHMkR7Xhv/h8MyvTwgeWWSR316er0G2iF1kTmcs1BGrtRw6ccF3fsBmaR341UNyEcnoAzQ1eyQ/tCfBiizOmFTs16IFq2+mA7oD8oZ+h65eWbWi87YvmvEIfOiOi8upPTdHXKHyr36Q+tB5lDZ5DszSV06UyiDFohbZ9YD7ud5YUbfTrVMpxe9cjrVykje3YJwzO95XrjK5g/LoHsWUgYNrrJbdTgGGM2dkfJsFvb3x20RdKvb6f5YtIzV7KxyRobNTVe5mUfG7ViKkNmMSWeV6+fmVi/63wO6Ca4vJhkQ3b9VsXJob7XElgAAAABJRU5ErkJggg==) center / 64px no-repeat !important; image-rendering: pixelated; box-shadow: var(--wc-ring-sm); border-radius: var(--wc-radius-xs); } html body #servers h4.font-weight-bolder { font-family: var(--wc-head-font); } /* номер сервера «01» в углу карточки не нужен: сервер один */ html body .server-number { display: none !important; } /* товары */ html body #shop h2, html body #page h2 { color: var(--wc-text); text-shadow: var(--wc-title-shadow); } html body #shop .flex-wrap { row-gap: 18px; } html body .filter-button-group { display: flex; flex-wrap: wrap; gap: 14px 12px; overflow: visible !important; white-space: normal; padding: 6px 4px; } html body .filter-button { font-family: var(--wc-head-font); color: var(--wc-text); background: var(--wc-chip-bg); border: 0 !important; border-radius: var(--wc-radius-sm) !important; box-shadow: var(--wc-ring-sm); margin: 0 !important; white-space: nowrap; } html body .filter-button:hover { color: var(--wc-accent-2) !important; } html body .filter-button.active { color: #fff !important; background: var(--wc-accent) !important; box-shadow: var(--wc-ring-sm-active) !important; border: 0 !important; } html body .product-card { background: var(--wc-panel) !important; border: 0 !important; border-radius: var(--wc-radius) !important; box-shadow: var(--wc-ring); transition: transform .15s, box-shadow .15s, filter .15s; overflow: visible !important; container-type: inline-size; } /* место между рядами под плашку акции следующего ряда */ html body .product-card.mb-4 { margin-bottom: 44px !important; } html body .product-card:hover { border: 0 !important; box-shadow: var(--wc-ring-hover); transform: translateY(-4px); filter: var(--wc-glow); } /* товар уже в корзине (тема ставит ему рамку цветом панели): рамка акцентом и галочка в углу */ html body .product-card[style*="border"] { box-shadow: var(--wc-ring-hover); } html body .product-card[style*="border"]::after { content: ''; position: absolute; top: 28px; right: 12px; z-index: 3; width: 32px; height: 32px; pointer-events: none; background: var(--wc-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffffff' d='M7 1h1v1h-1zM6 2h2v1h-2zM0 3h1v1h-1zM5 3h2v1h-2zM0 4h2v1h-2zM4 4h2v1h-2zM1 5h4v1h-4zM2 6h2v1h-2z'/%3E%3C/svg%3E") center / 16px no-repeat; box-shadow: var(--wc-ring-sm-active); border-radius: var(--wc-radius-xs); } /* «Удалить» на карточке и в корзине: кирпично-красная кнопка нашего вида */ html body .btn-danger { font-family: var(--wc-head-font); color: #fff !important; background: #b11600 !important; border: 0 !important; border-radius: var(--wc-radius-sm) !important; box-shadow: var(--wc-btn) !important; transition: transform .12s, background .12s; } html body .btn-danger:hover { background: #d42100 !important; transform: translateY(-2px); } /* ячейка со значком: значок крупнее (тема даёт ему 200 пикселей) и без тёмной дымки снизу; на узких карточках он квадратный */ html body .product-image { background: var(--wc-slot); padding: 24px 12px 8px !important; overflow: hidden; border-radius: var(--wc-radius) var(--wc-radius) 0 0; } html body .product-image::after { display: none; } html body .product-image > div { height: auto !important; aspect-ratio: 1; max-height: 224px; } /* при наведении карточка не темнеет: внизу ячейки всплывает «В корзину» (у товара в корзине «Удалить»). Клик по любому другому месту карточки открывает страницу товара с описанием */ html body .product-actions { border-radius: var(--wc-radius) !important; background: none !important; } html body .product-actions > .position-absolute-center { top: min(100cqw - 4px, 244px) !important; left: 50% !important; transform: translate(-50%, -100%) !important; animation: wc-act-up .25s cubic-bezier(.2, .8, .3, 1); } html body .product-actions > .position-absolute-center > .btn { white-space: nowrap; } @keyframes wc-act-up { from { opacity: 0; translate: 0 12px; } } html body .product-card .card-footer { background: transparent; } html body .product-card .card-footer p.text-sm { color: var(--wc-muted); } html body .product-card h5 { font-size: 1.15rem; } html body .product-card .card-footer .d-flex > p { font-family: var(--wc-head-font); font-weight: 600; font-size: 1.05rem; color: var(--wc-text); } /* страница товара: вместо красной заливки сверху тёплое свечение, картинка в ячейке, как на карточке, сведения о товаре и описание на наших панелях вместо чёрного блока в белой рамке */ html body .product .gradient-background { background: radial-gradient(70% 100% at 50% 0, rgba(255, 90, 10, .2), transparent 70%) !important; } html body .product .gradient-background::after { display: none; } html body .product .breadcrumbs::before, html body .product .breadcrumbs::after, html body .product .breadcrumbs-item::after { background: var(--wc-line) !important; } html body .lumen-product .col-md-4 > div > img { display: block; width: 100%; padding: 32px; margin-bottom: 20px !important; background: var(--wc-slot), var(--wc-panel); border-radius: var(--wc-radius) !important; box-shadow: var(--wc-ring); } html body .lumen-product .col-md-4 .row.no-gutters { flex-wrap: nowrap; gap: 12px; padding: 10px 16px; background: var(--wc-panel); box-shadow: var(--wc-ring-sm); border-radius: var(--wc-radius-sm); color: var(--wc-muted); } html body .lumen-product .col-md-4 .row.no-gutters + .row.no-gutters { margin-top: 10px; } html body .lumen-product .col-md-4 .row.no-gutters > .col-4 { flex: 0 0 auto; width: auto; max-width: none; } html body .lumen-product .col-md-4 .row.no-gutters > .col-8 { flex: 1; width: auto; min-width: 0; max-width: none; color: var(--wc-text); } html body .lumen-product h1 { color: var(--wc-text); text-shadow: var(--wc-title-shadow); overflow-wrap: anywhere; } /* значок корзины рядом с заголовком повторяет кнопку «В корзину» */ html body .lumen-product [id^="product-"] > .d-flex > a.text-success { display: none; } html body .lumen-product [id^="product-"] > p { color: var(--wc-muted); } html body .lumen-product [id^="product-"] > .d-flex.align-items-center { flex-wrap: wrap; gap: 12px 0; } html body .lumen-product [id^="product-"] h3.mb-0 { font-family: var(--wc-head-font); color: var(--wc-text); } html body .lumen-product [id^="product-"] h3.text-muted { color: var(--wc-muted) !important; } html body .lumen-product .card.my-4 { color: var(--wc-text); background: var(--wc-panel) !important; border: 0 !important; border-radius: var(--wc-radius) !important; box-shadow: var(--wc-ring); margin-top: 32px !important; } html body .lumen-product .card.my-4 > .card-body { padding: 28px 32px; line-height: 1.8; font-size: 15px; } html body .lumen-product .card.my-4 h3 { font-family: var(--wc-head-font); color: var(--wc-accent-2); padding-bottom: 14px; margin-bottom: 16px; border-bottom: 4px solid var(--wc-line); } html body .lumen-product .row.mt-4 h3 { font-family: var(--wc-head-font); color: var(--wc-text); } /* похожие товары: место над карточками под плашку акции и по бокам под рамку, карусель обрезает всё, что за краем */ html body .same-products .owl-stage-outer { padding: 24px 4px 8px; margin: 0 -4px; } html body .same-products .product-card .product-image img { width: 100%; aspect-ratio: 1; object-fit: contain; } /* последние покупки, подвал, кнопки справа внизу */ html body #last-payments h2 { color: var(--wc-text); text-shadow: var(--wc-title-shadow); } html body #last-payments .owl-stage-outer { padding: 6px 4px; } html body #last-payments .card { background: var(--wc-panel) !important; border-radius: var(--wc-radius) !important; box-shadow: var(--wc-ring); } /* карточки покупок одной высоты; крупно что купили, под чертой мельче кто и ещё мельче когда */ html body #last-payments :is(.owl-stage, .owl-item, .owl-item > .item) { display: flex; } html body #last-payments .owl-item > .item, html body #last-payments .owl-item .card { flex: 1; min-width: 0; } html body #last-payments .card-body { padding: 14px 10px 8px !important; } html body #last-payments .card-body.pt-0 { padding: 0 6px 14px !important; display: flex; flex-direction: column; align-items: center; text-align: center; } html body #last-payments .card-body.pt-0 > * { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* название берётся из подсказки: без «, x1» и «, x1000» */ html body #last-payments .card p[title] { font-size: 0 !important; line-height: 0 !important; width: 100%; min-height: 58px; padding: 4px 2px 12px; margin-bottom: 8px !important; display: flex; align-items: center; justify-content: center; white-space: normal; overflow: visible; background: linear-gradient(90deg, var(--wc-line) 50%, transparent 0) 0 100% / 8px 2px repeat-x; } html body #last-payments .card p[title]::after { content: attr(title); font: 16px/20px var(--wc-head-font); color: var(--wc-accent-2); } html body #last-payments .card small { font-size: 14px; font-weight: 700; line-height: 20px !important; color: var(--wc-text) !important; opacity: 1; } html body #last-payments .card p.text-sm { order: 1; font-size: 12px; line-height: 18px; color: var(--wc-muted); opacity: .7; } html body .owl-dot > span { background: var(--wc-line) !important; border-radius: var(--wc-radius-xs) !important; } html body .owl-dot.active > span { background: var(--wc-accent) !important; } html body footer.footer { background: var(--wc-bg-2) !important; } /* ровная полоса темы над подвалом ничего не делит: убрана */ html body .footer > .container::before { display: none !important; } html body .footer a { color: var(--wc-text); } html body .footer a:hover { color: var(--wc-accent-2); } /* корзина и подарок — справа в шапке, где корзину ищут во всех магазинах; меню сдвигается, чтобы им хватило места */ html body { --wc-widgets-w: 116px; --wc-gift: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath fill='%232a0c04' d='M3 0h4v1h-4zM9 0h4v1h-4zM2 1h1v1h-1zM7 1h2v1h-2zM13 1h1v1h-1zM4 2h3v1h-3zM9 2h3v1h-3zM1 3h6v1h-6zM9 3h6v1h-6zM1 4h1v1h-1zM14 4h1v1h-1zM1 5h1v1h-1zM14 5h1v1h-1zM1 6h1v1h-1zM14 6h1v1h-1zM1 7h6v1h-6zM9 7h6v1h-6zM2 8h1v1h-1zM13 8h1v1h-1zM2 9h1v1h-1zM13 9h1v1h-1zM2 10h1v1h-1zM13 10h1v1h-1zM2 11h1v1h-1zM13 11h1v1h-1zM2 12h1v1h-1zM13 12h1v1h-1zM2 13h1v1h-1zM13 13h1v1h-1zM2 14h12v1h-12z'/%3E%3Cpath fill='%23ffd84a' d='M3 1h4v1h-4zM9 1h4v1h-4zM7 2h2v1h-2zM7 3h1v1h-1zM7 4h1v1h-1zM7 5h1v1h-1zM7 6h1v1h-1zM7 7h1v1h-1zM7 8h1v1h-1zM7 9h1v1h-1zM7 10h1v1h-1zM7 11h1v1h-1zM7 12h1v1h-1zM7 13h1v1h-1z'/%3E%3Cpath fill='%23e0a10a' d='M8 3h1v1h-1zM8 4h1v1h-1zM8 5h1v1h-1zM8 6h1v1h-1zM8 7h1v1h-1zM8 8h1v1h-1zM8 9h1v1h-1zM8 10h1v1h-1zM8 11h1v1h-1zM8 12h1v1h-1zM8 13h1v1h-1z'/%3E%3Cpath fill='%23ffa53d' d='M2 4h5v1h-5zM9 4h5v1h-5zM3 9h1v1h-1zM3 10h1v1h-1zM3 11h1v1h-1z'/%3E%3Cpath fill='%23ff5a0a' d='M2 5h5v1h-5zM9 5h5v1h-5zM3 8h4v1h-4zM9 8h4v1h-4zM4 9h3v1h-3zM9 9h4v1h-4zM4 10h3v1h-3zM9 10h4v1h-4zM4 11h3v1h-3zM9 11h3v1h-3zM3 12h4v1h-4zM9 12h3v1h-3z'/%3E%3Cpath fill='%23c23300' d='M2 6h5v1h-5zM9 6h5v1h-5zM12 11h1v1h-1zM12 12h1v1h-1zM3 13h4v1h-4zM9 13h4v1h-4z'/%3E%3C/svg%3E"); } @media (min-width: 1200px) { html body { --wc-widgets-w: 214px; } } @media (min-width: 1600px) { html body { --wc-widgets-w: 318px; } } html body #widgets { position: fixed !important; top: 33px !important; right: 36px !important; bottom: auto !important; left: auto !important; z-index: 1040 !important; display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 0 !important; } html body #widgets > .mt-2 { order: 1; margin: 0 !important; } html body #widgets > .basket-button { order: 2; } @media (min-width: 992px) { html body nav.navbar-main { padding-right: calc(60px + var(--wc-widgets-w)) !important; } } /* на ноутбуках до 1400 px поиск посередине шапки короче, а пункты меню плотнее, чтобы они не наезжали друг на друга */ @media (min-width: 1200px) and (max-width: 1399.98px) { html body .navbar-main .input-search { width: 150px !important; } html body .navbar .nav-link { padding: 10px 10px !important; margin: 0 4px; } } /* на небольших ноутбуках соцсети в шапке уступают место корзине: они есть в подвале */ @media (min-width: 992px) and (max-width: 1299.98px) { html body #header-social-links { display: none !important; } } html body .basket-button, html body #rewards-button { position: relative; display: flex !important; align-items: center; justify-content: center; gap: 10px; width: auto !important; min-width: 48px; height: 48px !important; padding: 0 12px !important; margin: 0 !important; font: 16px/20px var(--wc-head-font); color: #fff !important; text-decoration: none !important; white-space: nowrap; border-radius: var(--wc-radius-sm) !important; cursor: pointer; transition: transform .15s, background .15s; } html body .basket-button { background: var(--wc-accent) !important; box-shadow: var(--wc-btn) !important; } html body #rewards-button { background: var(--wc-panel) !important; box-shadow: var(--wc-ring-sm) !important; } html body :is(.basket-button, #rewards-button):hover { transform: translateY(-2px); } html body .basket-button:hover { background: var(--wc-accent-hover) !important; } html body #rewards-button:hover, html body #widgets:has(#rewards:not(.d-none)) #rewards-button { background: var(--wc-line) !important; } /* окно подарка открыто — кнопка остаётся на месте */ html body #rewards-button.d-none { display: flex !important; } html body .basket-button .fa-shopping-basket { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h2v1h-2zM1 1h1v1h-1zM1 2h11v1h-11zM2 3h10v1h-10zM2 4h9v1h-9zM3 5h8v1h-8zM3 6h1v1h-1zM3 7h8v1h-8zM4 9h2v1h-2zM8 9h2v1h-2zM4 10h2v1h-2zM8 10h2v1h-2z'/%3E%3C/svg%3E"); } html body .basket-button .fa-shopping-basket::before { width: 24px; height: 24px; vertical-align: 0; } html body .basket-button .items-count { display: none !important; } /* число товаров — маленькая плашка на уголке, кнопку не закрывает */ html body .basket-button .cart-counter { position: absolute !important; top: -11px !important; right: -11px !important; left: auto !important; z-index: 1; min-width: 22px; height: 22px; padding: 1px 5px 0 !important; display: flex; align-items: center; justify-content: center; font: 16px/20px var(--wc-head-font) !important; color: var(--wc-wine) !important; background: var(--wc-text) !important; border-radius: 0 !important; box-shadow: 0 -2px 0 0 var(--wc-night), 0 2px 0 0 var(--wc-night), -2px 0 0 0 var(--wc-night), 2px 0 0 0 var(--wc-night) !important; } html body #rewards-button img { display: none !important; } html body #rewards-button::before { content: ''; width: 32px; height: 32px; flex: none; background: var(--wc-gift) center / contain no-repeat; animation: wc-gift 4s steps(1) infinite; } /* подарок раз в несколько секунд подпрыгивает, чтобы его заметили */ @keyframes wc-gift { 84% { transform: translateY(-4px) rotate(-8deg); } 88% { transform: translateY(-2px) rotate(6deg); } 92%, 100% { transform: none; } } @media (min-width: 1200px) { html body .basket-button::after { content: 'Корзина'; padding-bottom: 2px; } } @media (min-width: 1600px) { html body #rewards-button::after { content: 'Подарок'; padding-bottom: 2px; } } @media (max-width: 991.98px) { html body nav.navbar-main { padding-left: 16px !important; padding-right: 16px !important; } html body .navbar-main .navbar-toggler { padding: 4px 8px !important; margin-left: 112px !important; } html body #widgets { top: 13px !important; right: 72px !important; gap: 8px; } html body .basket-button, html body #rewards-button { min-width: 44px; height: 44px !important; padding: 0 !important; } } /* окно «Подарки для тебя» открывается под кнопкой подарка */ html body #rewards { position: fixed; top: 130px; right: 36px; z-index: 1041; width: min(480px, calc(100vw - 72px)); padding: 0 !important; text-align: left; } html body #rewards .reward > .row { display: block; margin: 0; } html body #rewards .reward > .row > .col-md-6 { width: 100%; max-width: 100%; padding: 0; } html body #rewards .reward { background: var(--wc-panel) !important; border-radius: var(--wc-radius) !important; box-shadow: var(--wc-ring), 0 12px 0 rgba(20, 6, 2, .5) !important; } html body #rewards .reward > .position-absolute:first-child { top: -26px !important; left: -18px !important; transform: rotate(-8deg) !important; width: 64px; height: 64px; background: var(--wc-gift) center / contain no-repeat; filter: drop-shadow(3px 3px 0 rgba(20, 6, 2, .65)); } html body #rewards .reward > .position-absolute:first-child img { display: none; } html body #rewards .reward > a.position-absolute { color: var(--wc-muted) !important; } html body #rewards .reward > a.position-absolute:hover { color: var(--wc-accent-2) !important; } html body #rewards .card-body.mt-3 { padding: 32px 56px 0 32px !important; margin: 0 !important; } html body #rewards h4 { font-size: 24px !important; line-height: 30px !important; color: var(--wc-text); margin-bottom: 8px !important; } html body #rewards h4 + p { color: var(--wc-muted); font-size: 15px; line-height: 22px; } html body #rewards .bg-elegant { background: var(--wc-bg) !important; border-radius: var(--wc-radius-sm) !important; box-shadow: var(--wc-ring-sm); margin: 20px 24px 24px !important; padding: 8px !important; height: auto !important; } html body #rewards .form-control { box-shadow: none !important; font-size: 16px !important; color: var(--wc-text) !important; min-width: 0; } html body #rewards .form-control::placeholder { color: var(--wc-muted); } html body #rewards .input-group-prepend .fa-user { color: var(--wc-accent-2); } html body #rewards .btn.text-tertiary { font: 16px/20px var(--wc-head-font); color: #fff !important; text-decoration: none !important; background: var(--wc-accent); padding: 10px 14px 12px !important; border-radius: var(--wc-radius-sm) !important; box-shadow: var(--wc-btn); } html body #rewards .btn.text-tertiary:hover { background: var(--wc-accent-hover); } @media (max-width: 991.98px) { html body #rewards { top: 86px; right: 16px; width: calc(100vw - 32px); } html body #rewards .card-body.mt-3 { padding: 32px 48px 0 24px !important; } } /* корзина, поиск на весь экран, окна, поля ввода */ html body .shop-collapse { background-color: var(--wc-bg) !important; } html body .modal-content { background: var(--wc-bg) !important; color: var(--wc-muted); border: 0; border-radius: var(--wc-radius) !important; box-shadow: var(--wc-ring); } html body .form-control:not(.input-search) { background: var(--wc-panel); color: var(--wc-text); border: 0; border-radius: var(--wc-radius-sm); box-shadow: var(--wc-ring-sm); } html body .form-control:not(.input-search):focus { box-shadow: var(--wc-ring-sm-active); } /* страница правил: наш шрифт вместо Times из редактора, каждый пункт на своей плашке, у разделов крупный заголовок с номером */ html body #page .container { max-width: 920px; counter-reset: wc-sec; } html body #page .container :is(span, strong, em, u) { font-family: inherit !important; font-size: inherit !important; text-decoration: none !important; } html body #page .container > p { font-size: 16px; line-height: 1.65; color: var(--wc-text); } /* пустые строки-отступы из редактора */ html body #page .container > p:not(:has(strong)) { display: none; } html body #page .container > p:has(strong):not(:has([style*="underline"])) { background: var(--wc-panel); border-radius: var(--wc-radius-xs); box-shadow: var(--wc-ring-sm); padding: 14px 18px; margin: 0 0 12px; } html body #page .container > p:not(:has([style*="underline"])) strong:first-child { font-family: var(--wc-head-font); color: var(--wc-accent-2); margin-right: 6px; } html body #page .container > p em { font-style: normal; color: var(--wc-accent-2); } /* заголовок раздела: эмодзи-цифру прячем, номер рисуем сами */ html body #page .container > p:has([style*="underline"]) { counter-increment: wc-sec; display: flex; align-items: center; gap: 16px; margin: 48px 0 18px; font-size: 0; line-height: 0; } html body #page .container > p:has([style*="underline"]) [style*="underline"] { font: 32px/40px var(--wc-head-font) !important; color: var(--wc-text); text-shadow: var(--wc-title-shadow); } html body #page .container > p:has([style*="underline"])::before { content: counter(wc-sec); font: 24px/24px var(--wc-head-font); color: #fff; background: var(--wc-accent); padding: 10px 14px; border-radius: var(--wc-radius-xs); box-shadow: var(--wc-ring-sm-active); } @media (max-width: 575.98px) { html body #page .container > p:has(strong):not(:has([style*="underline"])) { padding: 12px 14px; } html body #page .container > p:has([style*="underline"]) [style*="underline"] { font-size: 24px !important; line-height: 30px !important; } } /* ===== корзина ===== */ /* «Главная», «Ваша корзина»: кнопки по центру вместо тонких белых линий */ html body .breadcrumbs { justify-content: center !important; flex-wrap: wrap; gap: 12px; overflow: visible !important; padding: 6px 4px 24px !important; } html body .breadcrumbs::before, html body .breadcrumbs::after, html body .breadcrumbs-item::after { display: none !important; } html body .breadcrumbs-item { font-family: var(--wc-head-font); margin: 0 !important; padding: 10px 14px; color: var(--wc-text) !important; background: var(--wc-chip-bg); box-shadow: var(--wc-ring-sm); border-radius: var(--wc-radius-sm); } html body .breadcrumbs-item:hover { color: var(--wc-accent-2) !important; } html body .breadcrumbs-item:last-child { color: #fff !important; background: var(--wc-accent); box-shadow: var(--wc-ring-sm-active); } html body .cart h1 .cart-counter { display: inline-block; padding: 0 .25em; color: #fff !important; background: var(--wc-accent); box-shadow: var(--wc-ring-sm-active); border-radius: var(--wc-radius-xs); } /* товары в заказе: плашки без белых полос, картинка в ячейке */ html body .cart-products > [id^="cart-"] { border: 0 !important; margin-bottom: 20px; } html body .cart-products .profile-card { padding: 0 !important; } html body .cart-products .card { background: var(--wc-panel) !important; box-shadow: var(--wc-ring); border-radius: var(--wc-radius) !important; } html body .cart-products .card-image { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; padding: 8px; background: var(--wc-slot), var(--wc-bg); box-shadow: var(--wc-ring-sm); border-radius: var(--wc-radius-xs); } html body .cart-products .shop-basket-image { image-rendering: pixelated; } html body .cart-products .card-title { color: var(--wc-text); } html body .cart-products [class*="basket-pricelist"] { font-family: var(--wc-head-font); color: var(--wc-accent-2); } /* убрать, меньше, больше: квадратные кнопки */ html body .cart-products .btn { width: 40px; height: 40px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border: 0 !important; color: var(--wc-text) !important; background: var(--wc-chip-bg) !important; box-shadow: var(--wc-ring-sm) !important; border-radius: var(--wc-radius-xs) !important; } html body .cart-products .btn.btn-danger { color: #fff !important; background: #b11600 !important; box-shadow: var(--wc-btn) !important; } html body .cart-products .btn.btn-danger:hover { background: #d42100 !important; } html body .cart-products .btn:not(.disabled):not(.btn-danger):hover { color: #fff !important; background: var(--wc-accent) !important; } html body .cart-products .btn.disabled { opacity: .35 !important; } /* инструкция: три шага в ряд */ html body .cart #help { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 16px; margin-top: 16px; } html body .cart #help h2 { grid-column: 1 / -1; margin-bottom: 18px !important; color: var(--wc-text); text-shadow: var(--wc-title-shadow); } html body .cart #help p { margin: 0 !important; background: var(--wc-panel); } html body .cart #help p.font-weight-bolder { grid-row: 2; padding: 16px 16px 6px; font-family: var(--wc-head-font); color: var(--wc-accent-2); box-shadow: inset 0 4px 0 var(--wc-accent); border-radius: var(--wc-radius-xs) var(--wc-radius-xs) 0 0; } html body .cart #help p.mt-0 { grid-row: 3; padding: 0 16px 16px; font-size: 14px; line-height: 1.55; color: var(--wc-muted); border-radius: 0 0 var(--wc-radius-xs) var(--wc-radius-xs); } @media (max-width: 767.98px) { html body .cart #help { grid-template-columns: 1fr; } html body .cart #help p { grid-row: auto !important; } html body .cart #help p.mt-0 { margin-bottom: 12px !important; } } /* оплата: панель с пиксельной рамкой, держится на виду, пока листаешь заказ */ html body .checkout-form { background: var(--wc-panel) !important; border: 0 !important; box-shadow: var(--wc-ring); border-radius: var(--wc-radius) !important; } @media (min-width: 768px) { html body .cart .col-md-4 > .checkout-form { position: sticky; top: 112px; } } html body .checkout-form .card-header { background: transparent; } html body .checkout-form .card-header .d-flex { flex-wrap: wrap; gap: 4px 12px; } html body .checkout-form .card-header h1 { margin: 0; } html body .checkout-form .input-group { flex-wrap: nowrap; box-shadow: var(--wc-ring-sm); border-radius: var(--wc-radius-sm); } html body .checkout-form .input-group:focus-within { box-shadow: var(--wc-ring-sm-active); } html body .checkout-form .input-group-text.cart-field { width: 48px; height: 48px; justify-content: center; color: var(--wc-accent-2) !important; background: var(--wc-chip-bg) !important; border-radius: var(--wc-radius-sm) 0 0 var(--wc-radius-sm) !important; } html body .checkout-form .form-control.cart-field { height: 48px; color: var(--wc-text) !important; background: var(--wc-bg) !important; box-shadow: none !important; border-radius: 0 var(--wc-radius-sm) var(--wc-radius-sm) 0 !important; } html body .checkout-form .form-check { padding-left: 32px; margin-bottom: 12px; } html body .checkout-form .form-check-label { font-size: 13px; line-height: 19px; color: var(--wc-muted); cursor: pointer; } html body .checkout-form .form-check-input { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; margin: 0 0 0 -32px; cursor: pointer; background: var(--wc-bg); box-shadow: var(--wc-ring-sm); border-radius: var(--wc-radius-xs); } html body .checkout-form .form-check-input:checked { background: var(--wc-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffffff' d='M7 1h1v1h-1zM6 2h2v1h-2zM0 3h1v1h-1zM5 3h2v1h-2zM0 4h2v1h-2zM4 4h2v1h-2zM1 5h4v1h-4zM2 6h2v1h-2z'/%3E%3C/svg%3E") center / 16px no-repeat; box-shadow: var(--wc-ring-sm-active); } html body .checkout-form .form-check-input:focus-visible { outline: 2px solid var(--wc-accent-2); outline-offset: 4px; } html body .checkout-form .btn-tertiary { margin-top: 8px; } /* окна оплаты у темы белые с чёрным текстом: переводим на наш тёмный фон */ html body .modal-content .text-black { color: var(--wc-text) !important; } html body .modal-body[style*="background"] { background: var(--wc-bg) !important; } html body .modal .card { background: var(--wc-panel) !important; box-shadow: var(--wc-ring-sm) !important; } html body .modal a:hover .card { box-shadow: var(--wc-ring-sm-active) !important; } @media (prefers-reduced-motion: reduce) { html body #welcome-section::before, html body #welcome-section .d-lg-block > .d-flex, html body .server-status-online, html body #rewards-button::before { animation: none !important; } } /* на узком телефоне кнопка «Забрать» встаёт под поле ника, чтобы ник был виден целиком */ @media (max-width: 575.98px) { html body #rewards .input-group { flex-wrap: wrap; } html body #rewards .input-group-append { flex: 1 0 100%; margin: 8px 0 0 !important; } html body #rewards .input-group-append > span { width: 100%; padding: 0 !important; } html body #rewards .btn.text-tertiary { width: 100%; } } /* ===== пиксельный шрифт: тот же, что на баннерах; размеры кратны 8 px, чтобы пиксели были ровными ===== */ @font-face { font-family: 'WC Pixel'; src: url(data:font/woff;base64,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) format('woff'); font-display: swap; } html body :is(.navbar .nav-link, .btn-tertiary, .btn-danger, .filter-button, .sale, .badge, .breadcrumbs-item, .cart #help p.font-weight-bolder, h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .display-2, .display-3, .display-4, .product-card .card-footer .d-flex > p) { font-weight: 400 !important; font-synthesis: none; letter-spacing: 0; text-transform: none; } html body :is(.navbar .nav-link, .btn-tertiary, .btn-danger, .filter-button, .sale, .badge, .breadcrumbs-item, .cart #help p.font-weight-bolder) { font-size: 16px !important; line-height: 20px !important; } html body .product-actions .btn-danger { padding: 12px 20px 14px !important; } html body .navbar .nav-link { padding: 10px 14px !important; } html body .btn-tertiary { padding: 12px 20px 14px !important; } html body .sale__timer > .text { font-size: 16px !important; padding-top: 0 !important; line-height: 20px; } html body .sale__size, html body .sale__timer { padding-top: 6px !important; padding-bottom: 6px !important; } html body .badge { padding: 6px 8px !important; } html body .filter-button { padding: 10px 14px !important; } html body :is(#shop, #last-payments, #page) h2 { font-size: 48px !important; line-height: 60px; } html body .product-card h5 { font-size: 16px !important; line-height: 20px !important; margin: 4px 0 6px !important; } html body .product-card .card-footer .d-flex > p { font-size: 16px; font-feature-settings: 'ss01'; } html body #servers h4.font-weight-bolder { font-size: 32px; line-height: 40px; } html body #welcome-section .general-online h3 { font-size: 24px; line-height: 30px; } html body .footer .h5, html body .footer h5 { font-family: var(--wc-head-font); font-size: 16px; } html body #last-payments .card p[title]::after, html body #page .container > p strong:first-child { font-weight: 400 !important; font-synthesis: none; } /* кнопка «Перейти к товарам» и строка онлайна растут вместе с логотипом */ @media (min-width: 992px) { html body #welcome-section .btn-tertiary { font-size: 24px !important; line-height: 30px !important; padding: 16px 28px 18px !important; } html body #welcome-section .btn-tertiary i::before { width: 24px; height: 24px; vertical-align: -3px; } } @media (min-width: 1600px) { html body #welcome-section .btn-tertiary { font-size: 32px !important; line-height: 40px !important; padding: 20px 36px 22px !important; } html body #welcome-section .btn-tertiary i::before { width: 32px; height: 32px; vertical-align: -4px; } html body #welcome-section .general-online h3 { font-size: 32px; line-height: 40px; } } /* корзина: заголовки, цены с маленькими копейками */ html body .cart h1.display-3 { font-size: 48px !important; line-height: 60px !important; } html body .cart #help h2, html body .cart-products .card-title { font-size: 32px !important; line-height: 40px !important; } html body .checkout-form .card-header h1 { font-size: 32px !important; line-height: 40px !important; font-feature-settings: 'ss01'; } html body .cart-products [class*="basket-pricelist"] { font-size: 24px !important; line-height: 30px; font-feature-settings: 'ss01'; } html body .checkout-form .btn-tertiary { font-size: 24px !important; line-height: 30px !important; padding: 16px 20px 18px !important; } @media (max-width: 991.98px) { html body :is(#shop, #last-payments, #page) h2 { font-size: 32px !important; line-height: 40px; } html body .cart h1.display-3 { font-size: 32px !important; line-height: 40px !important; } html body .cart #help h2, html body .cart-products .card-title { font-size: 24px !important; line-height: 30px !important; } html body #welcome-section .btn-tertiary { padding: 14px 24px 16px !important; } } @media (max-width: 575.98px) { html body :is(#shop, #last-payments, #page) h2 { font-size: 24px !important; line-height: 30px; } html body .product-card h5 { font-size: 16px !important; line-height: 20px !important; } html body #welcome-section .general-online h3 { font-size: 16px; line-height: 20px; } } /* ===== пиксельные иконки вместо иконок темы: рисуются цветом текста, размер кратен 8 px ===== */ html body :is(.fa-tag, .fa-tags, .fa-clock, .fa-search, .fa-times, .fa-check, .fa-arrow-down, .fa-copy, .fa-shopping-basket, .fa-shopping-cart, .fa-user, .fa-ruble-sign, .fa-cogs, .fa-code, .fa-at, .fa-trash, .fa-minus, .fa-plus, .fa-arrow-right, .fa-vk, .fa-telegram, .fa-discord, .fa-youtube, .fa-tiktok)::before { content: '' !important; display: inline-block; width: 16px; height: 16px; vertical-align: -2px; background-color: currentColor; -webkit-mask: var(--wc-ico) center / contain no-repeat; mask: var(--wc-ico) center / contain no-repeat; } html body :is(.fa-2x, .fa-3x):not(.fab)::before { width: 32px !important; height: 32px !important; } html body .fa-tag { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M2 1h6v1h-6zM1 2h7v1h-7zM0 3h2v1h-2zM3 3h5v1h-5zM1 4h7v1h-7zM2 5h6v1h-6z'/%3E%3C/svg%3E"); } html body .fa-tags { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M1 0h5v1h-5zM0 1h6v1h-6zM0 2h1v1h-1zM2 2h4v1h-4zM7 2h1v1h-1zM0 3h6v1h-6zM7 3h1v1h-1zM1 4h5v1h-5zM7 4h1v1h-1zM7 5h1v1h-1zM2 6h6v1h-6z'/%3E%3C/svg%3E"); } html body .fa-clock { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM3 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM3 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM3 4h3v1h-3zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3C/svg%3E"); } html body .fa-search { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M1 0h4v1h-4zM0 1h1v1h-1zM5 1h1v1h-1zM0 2h1v1h-1zM5 2h1v1h-1zM0 3h1v1h-1zM5 3h1v1h-1zM0 4h1v1h-1zM5 4h1v1h-1zM1 5h4v1h-4zM5 6h2v1h-2zM6 7h2v1h-2z'/%3E%3C/svg%3E"); } html body .fa-times { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h2v1h-2zM6 0h2v1h-2zM1 1h2v1h-2zM5 1h2v1h-2zM2 2h4v1h-4zM3 3h2v1h-2zM2 4h4v1h-4zM1 5h2v1h-2zM5 5h2v1h-2zM0 6h2v1h-2zM6 6h2v1h-2z'/%3E%3C/svg%3E"); } html body .fa-check { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M7 1h1v1h-1zM6 2h2v1h-2zM0 3h1v1h-1zM5 3h2v1h-2zM0 4h2v1h-2zM4 4h2v1h-2zM1 5h4v1h-4zM2 6h2v1h-2z'/%3E%3C/svg%3E"); } html body .fa-arrow-down { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h2v1h-2zM3 1h2v1h-2zM3 2h2v1h-2zM3 3h2v1h-2zM0 4h2v1h-2zM3 4h2v1h-2zM6 4h2v1h-2zM1 5h6v1h-6zM2 6h4v1h-4zM3 7h2v1h-2z'/%3E%3C/svg%3E"); } html body .fa-copy { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h5v1h-5zM0 1h1v1h-1zM4 1h1v1h-1zM0 2h1v1h-1zM2 2h6v1h-6zM0 3h1v1h-1zM2 3h1v1h-1zM7 3h1v1h-1zM0 4h3v1h-3zM7 4h1v1h-1zM2 5h1v1h-1zM7 5h1v1h-1zM2 6h1v1h-1zM7 6h1v1h-1zM2 7h6v1h-6z'/%3E%3C/svg%3E"); } html body .fa-shopping-basket { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h2v1h-2zM2 1h1v1h-1zM5 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM0 3h8v1h-8zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM2 5h1v1h-1zM5 5h1v1h-1zM7 5h1v1h-1zM1 6h6v1h-6z'/%3E%3C/svg%3E"); } html body .fa-shopping-cart { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h2v1h-2zM1 1h7v1h-7zM1 2h1v1h-1zM7 2h1v1h-1zM1 3h1v1h-1zM6 3h1v1h-1zM1 4h6v1h-6zM1 5h1v1h-1zM2 6h1v1h-1zM5 6h1v1h-1z'/%3E%3C/svg%3E"); } html body .fa-user { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h4v1h-4zM1 1h6v1h-6zM1 2h6v1h-6zM2 3h4v1h-4zM1 5h6v1h-6zM0 6h8v1h-8zM0 7h8v1h-8z'/%3E%3C/svg%3E"); } html body .fa-ruble-sign { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 7' shape-rendering='crispEdges'%3E%3Cpath d='M1 0h4v1h-4zM1 1h1v1h-1zM5 1h1v1h-1zM1 2h1v1h-1zM5 2h1v1h-1zM1 3h4v1h-4zM1 4h1v1h-1zM0 5h4v1h-4zM1 6h1v1h-1z'/%3E%3C/svg%3E"); } html body .fa-cogs { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h2v1h-2zM1 1h1v1h-1zM3 1h2v1h-2zM6 1h1v1h-1zM2 2h4v1h-4zM0 3h3v1h-3zM5 3h3v1h-3zM0 4h3v1h-3zM5 4h3v1h-3zM2 5h4v1h-4zM1 6h1v1h-1zM3 6h2v1h-2zM6 6h1v1h-1zM3 7h2v1h-2z'/%3E%3C/svg%3E"); } html body .fa-code { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7' shape-rendering='crispEdges'%3E%3Cpath d='M2 1h1v1h-1zM5 1h1v1h-1zM1 2h1v1h-1zM6 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM1 4h1v1h-1zM6 4h1v1h-1zM2 5h1v1h-1zM5 5h1v1h-1z'/%3E%3C/svg%3E"); } html body .fa-at { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7' shape-rendering='crispEdges'%3E%3Cpath d='M1 0h5v1h-5zM0 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM2 2h3v1h-3zM6 2h1v1h-1zM0 3h1v1h-1zM2 3h1v1h-1zM4 3h1v1h-1zM6 3h1v1h-1zM0 4h1v1h-1zM2 4h4v1h-4zM0 5h1v1h-1zM1 6h5v1h-5z'/%3E%3C/svg%3E"); } html body .fa-trash { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h4v1h-4zM0 1h8v1h-8zM1 3h6v1h-6zM1 4h1v1h-1zM3 4h2v1h-2zM6 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM6 5h1v1h-1zM1 6h1v1h-1zM3 6h2v1h-2zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3C/svg%3E"); } html body .fa-minus { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M0 3h8v1h-8zM0 4h8v1h-8z'/%3E%3C/svg%3E"); } html body .fa-plus { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h2v1h-2zM3 1h2v1h-2zM3 2h2v1h-2zM0 3h8v1h-8zM0 4h8v1h-8zM3 5h2v1h-2zM3 6h2v1h-2zM3 7h2v1h-2z'/%3E%3C/svg%3E"); } html body .fa-arrow-right { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h1v1h-1zM4 1h2v1h-2zM0 2h7v1h-7zM0 3h8v1h-8zM0 4h7v1h-7zM4 5h2v1h-2zM4 6h1v1h-1z'/%3E%3C/svg%3E"); } /* соцсети — те же пиксельные значки, что на сайте-визитке, каждый в два раза больше своего рисунка */ html body .fa-vk { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v1h-1zM4 0h1v1h-1zM6 0h1v1h-1zM10 0h1v1h-1zM0 1h1v1h-1zM4 1h1v1h-1zM6 1h1v1h-1zM9 1h1v1h-1zM0 2h1v1h-1zM4 2h1v1h-1zM6 2h1v1h-1zM8 2h1v1h-1zM0 3h1v1h-1zM4 3h1v1h-1zM6 3h2v1h-2zM1 4h1v1h-1zM3 4h1v1h-1zM6 4h1v1h-1zM8 4h1v1h-1zM1 5h1v1h-1zM3 5h1v1h-1zM6 5h1v1h-1zM9 5h1v1h-1zM2 6h1v1h-1zM6 6h1v1h-1zM10 6h1v1h-1z'/%3E%3C/svg%3E"); } html body .fa-telegram { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9' shape-rendering='crispEdges'%3E%3Cpath d='M10 0h2v1h-2zM8 1h4v1h-4zM6 2h5v1h-5zM3 3h7v1h-7zM0 4h10v1h-10zM2 5h7v1h-7zM4 6h3v1h-3zM8 6h1v1h-1zM4 7h2v1h-2zM4 8h1v1h-1z'/%3E%3C/svg%3E"); } html body .fa-discord { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8' shape-rendering='crispEdges'%3E%3Cpath d='M1 0h2v1h-2zM8 0h2v1h-2zM0 1h11v1h-11zM0 2h11v1h-11zM0 3h2v1h-2zM4 3h3v1h-3zM9 3h2v1h-2zM0 4h2v1h-2zM4 4h3v1h-3zM9 4h2v1h-2zM0 5h11v1h-11zM1 6h3v1h-3zM7 6h3v1h-3zM1 7h2v1h-2zM8 7h2v1h-2z'/%3E%3C/svg%3E"); } html body .fa-youtube { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9' shape-rendering='crispEdges'%3E%3Cpath d='M1 0h10v1h-10zM0 1h12v1h-12zM0 2h5v1h-5zM6 2h6v1h-6zM0 3h5v1h-5zM7 3h5v1h-5zM0 4h5v1h-5zM8 4h4v1h-4zM0 5h5v1h-5zM7 5h5v1h-5zM0 6h5v1h-5zM6 6h6v1h-6zM0 7h12v1h-12zM1 8h10v1h-10z'/%3E%3C/svg%3E"); } html body .fa-tiktok { --wc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 11' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h2v1h-2zM4 1h3v1h-3zM4 2h1v1h-1zM6 2h2v1h-2zM4 3h1v1h-1zM7 3h2v1h-2zM4 4h1v1h-1zM4 5h1v1h-1zM4 6h1v1h-1zM1 7h4v1h-4zM0 8h5v1h-5zM0 9h5v1h-5zM1 10h3v1h-3z'/%3E%3C/svg%3E"); } html body .fa-vk::before { width: 22px; height: 14px; vertical-align: -1px; } html body .fa-telegram::before { width: 24px; height: 18px; vertical-align: -3px; } html body .fa-discord::before { width: 22px; height: 16px; vertical-align: -2px; } html body .fa-youtube::before { width: 24px; height: 18px; vertical-align: -3px; } html body .fa-tiktok::before { width: 18px; height: 22px; vertical-align: -4px; } html body .navbar-toggler-icon { width: 32px; height: 32px; background: var(--wc-text) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h8v1h-8zM0 3h8v1h-8zM0 6h8v1h-8z'/%3E%3C/svg%3E") center / 24px auto no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h8v1h-8zM0 3h8v1h-8zM0 6h8v1h-8z'/%3E%3C/svg%3E") center / 24px auto no-repeat; } /* ===== лампочка «сервер работает»: пиксельный кружок, мигает свечением ===== */ html body :is(.server-status-online, .server-status-offline) { width: 24px; height: 24px; border-radius: 0; box-shadow: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='%230b4d2a' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23c4ffd9' d='M2 1h2v1h-2zM1 2h2v1h-2zM1 3h1v1h-1z'/%3E%3Cpath fill='%2338d67c' d='M4 1h2v1h-2zM3 2h4v1h-4zM2 3h4v1h-4zM1 4h4v1h-4zM1 5h3v1h-3z'/%3E%3Cpath fill='%231f9a55' d='M6 3h1v1h-1zM5 4h2v1h-2zM4 5h3v1h-3zM2 6h4v1h-4z'/%3E%3C/svg%3E") center / contain no-repeat; filter: drop-shadow(0 0 6px rgba(56, 214, 124, .7)); animation: wc-lamp 2s steps(1) infinite; } html body .server-status-offline { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='%234d0b0b' d='M2 0h4v1h-4zM1 1h1v1h-1zM6 1h1v1h-1zM0 2h1v1h-1zM7 2h1v1h-1zM0 3h1v1h-1zM7 3h1v1h-1zM0 4h1v1h-1zM7 4h1v1h-1zM0 5h1v1h-1zM7 5h1v1h-1zM1 6h1v1h-1zM6 6h1v1h-1zM2 7h4v1h-4z'/%3E%3Cpath fill='%23ffc4b4' d='M2 1h2v1h-2zM1 2h2v1h-2zM1 3h1v1h-1z'/%3E%3Cpath fill='%23ef2f00' d='M4 1h2v1h-2zM3 2h4v1h-4zM2 3h4v1h-4zM1 4h4v1h-4zM1 5h3v1h-3z'/%3E%3Cpath fill='%23b11600' d='M6 3h1v1h-1zM5 4h2v1h-2zM4 5h3v1h-3zM2 6h4v1h-4z'/%3E%3C/svg%3E"); filter: drop-shadow(0 0 6px rgba(239, 47, 0, .6)); animation: none; } @keyframes wc-lamp { 50% { filter: drop-shadow(0 0 2px rgba(56, 214, 124, .4)); } } /* ===== привилегии: плашки как теги на сервере — значок слева, светлая кромка сверху, клетчатая тень снизу, тёмная обводка со срезанными углами и тень под плашкой ===== */ html body :is(.product-card h5, #last-payments p)[title="KNIGHT"] { --tg-d: #352803; --tg-h: #f5c43d; --tg-m: #dfa70c; --tg-s: #b88a0a; --tg-b: #574105; } html body :is(.product-card h5, #last-payments p)[title="DUKE"] { --tg-d: #163008; --tg-h: #81e052; --tg-m: #5ac723; --tg-s: #4aa51d; --tg-b: #234e0e; } html body :is(.product-card h5, #last-payments p)[title="PRINCE"] { --tg-d: #06322d; --tg-h: #47ebd5; --tg-m: #17d3ba; --tg-s: #13ae9a; --tg-b: #095349; } html body :is(.product-card h5, #last-payments p)[title="KING"] { --tg-d: #310724; --tg-h: #e64cb8; --tg-m: #cd1d98; --tg-s: #aa187e; --tg-b: #500b3c; } html body :is(.product-card h5, #last-payments p)[title="EMPEROR"] { --tg-d: #32060d; --tg-h: #eb4763; --tg-m: #d31737; --tg-s: #ae132d; --tg-b: #530915; } html body .product-card h5[title="KNIGHT"] { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='rgba(0,0,0,.45)' d='M7 1h1v1h-1zM6 2h1v1h-1zM5 3h1v1h-1zM3 5h1v1h-1zM2 6h1v1h-1zM7 6h1v1h-1zM1 7h2v1h-2zM6 7h2v1h-2z'/%3E%3Cpath fill='%23ffffff' d='M0 0h1v1h-1zM6 0h1v1h-1zM1 1h1v1h-1zM5 1h1v1h-1zM2 2h1v1h-1zM4 2h1v1h-1zM3 3h1v1h-1zM2 4h1v1h-1zM4 4h1v1h-1zM0 5h2v1h-2zM5 5h2v1h-2zM0 6h2v1h-2zM5 6h2v1h-2z'/%3E%3C/svg%3E"); } html body .product-card h5[title="DUKE"] { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='rgba(0,0,0,.45)' d='M7 1h1v1h-1zM6 2h2v1h-2zM6 3h1v1h-1zM6 4h1v1h-1zM6 5h1v1h-1zM1 7h7v1h-7z'/%3E%3Cpath fill='%23ffffff' d='M0 0h1v1h-1zM2 0h1v1h-1zM4 0h1v1h-1zM6 0h1v1h-1zM0 1h7v1h-7zM1 2h5v1h-5zM1 3h5v1h-5zM1 4h5v1h-5zM1 5h5v1h-5zM0 6h7v1h-7z'/%3E%3C/svg%3E"); } html body .product-card h5[title="PRINCE"] { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='rgba(0,0,0,.45)' d='M4 1h1v1h-1zM6 3h2v1h-2zM5 4h2v1h-2zM3 5h1v1h-1zM2 6h2v1h-2zM6 6h1v1h-1zM2 7h1v1h-1zM6 7h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M3 0h1v1h-1zM3 1h1v1h-1zM0 2h7v1h-7zM1 3h5v1h-5zM2 4h3v1h-3zM1 5h2v1h-2zM4 5h2v1h-2zM1 6h1v1h-1zM5 6h1v1h-1z'/%3E%3C/svg%3E"); } html body .product-card h5[title="KING"] { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='rgba(0,0,0,.45)' d='M4 2h2v1h-2zM5 4h2v1h-2zM5 5h1v1h-1zM2 7h5v1h-5z'/%3E%3Cpath fill='%23ffd84a' d='M3 0h1v1h-1zM2 1h3v1h-3zM3 2h1v1h-1zM1 3h5v1h-5zM2 4h3v1h-3zM2 5h3v1h-3zM1 6h5v1h-5z'/%3E%3C/svg%3E"); } html body .product-card h5[title="EMPEROR"] { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='rgba(0,0,0,.45)' d='M1 1h1v1h-1zM4 1h1v1h-1zM7 1h1v1h-1zM4 2h1v1h-1zM7 2h1v1h-1zM7 3h1v1h-1zM1 4h1v1h-1zM5 4h1v1h-1zM7 4h1v1h-1zM7 5h1v1h-1zM7 6h1v1h-1zM1 7h7v1h-7z'/%3E%3Cpath fill='%23ffc21f' d='M0 0h1v1h-1zM3 0h1v1h-1zM6 0h1v1h-1zM0 1h1v1h-1zM3 1h1v1h-1zM6 1h1v1h-1zM0 2h2v1h-2zM3 2h1v1h-1zM5 2h2v1h-2zM0 3h7v1h-7zM0 4h1v1h-1zM2 4h3v1h-3zM6 4h1v1h-1zM0 5h7v1h-7zM0 6h7v1h-7z'/%3E%3C/svg%3E"); } html body .product-card h5:is([title="KNIGHT"], [title="DUKE"], [title="PRINCE"], [title="KING"], [title="EMPEROR"]), html body #last-payments .card p:is([title="KNIGHT"], [title="DUKE"], [title="PRINCE"], [title="KING"], [title="EMPEROR"])::after { width: fit-content; max-width: calc(100% - 4px); padding: 4px 8px 4px 24px !important; margin: 6px 2px 12px !important; color: #fff !important; text-shadow: 2px 2px 0 var(--tg-b); background: var(--tg-ico, none) 4px 7px / 16px 16px no-repeat, linear-gradient(var(--tg-h) 0 2px, transparent 0), linear-gradient(transparent calc(100% - 2px), var(--tg-s) 0), repeating-conic-gradient(var(--tg-s) 0 25%, transparent 0 50%) 0 calc(100% - 2px) / 4px 4px repeat-x, repeating-conic-gradient(var(--tg-s) 0 25%, transparent 0 50%) 0 calc(100% - 6px) / 4px 4px repeat-x, var(--tg-m); box-shadow: 0 -2px 0 0 var(--tg-d), 0 2px 0 0 var(--tg-d), -2px 0 0 0 var(--tg-d), 2px 0 0 0 var(--tg-d); filter: drop-shadow(2px 2px 0 rgba(20, 6, 2, .65)); } /* в узкой карточке покупки тег без значка: рядом и так картинка товара */ html body #last-payments .card p:is([title="KNIGHT"], [title="DUKE"], [title="PRINCE"], [title="KING"], [title="EMPEROR"])::after { padding: 4px 6px 4px 8px !important; margin: 0 !important; white-space: nowrap; } /* свечение на первом экране переливается, как в наших видео: 12 кадров по кругу */ html body #welcome-section::before { animation: wc-dither 4s steps(12) infinite; } @keyframes wc-dither { to { background-position: 0 109.0909%; } } /* ===== режим «Выживание»: основной цвет остаётся оранжевым, о режиме говорят зелёная плашка и детали; зелёный — глубокий, без кислотности ===== */ :root { --wc-mode-h: #4fc256; --wc-mode-m: #23963a; --wc-mode-s: #1a7530; --wc-mode-d: #0a2611; --wc-mode-b: #0f4119; } /* крупная плашка режима над онлайном — как тег на сервере: значок слева, светлая кромка, клетчатая тень, тёмная обводка. Всё считается от --p, размера одного пикселя шрифта: 5 px на компьютере, 6 px на большом экране, 3 px на телефоне */ html body #welcome-section .shop-title { --p: 5px; } @media (min-width: 1600px) { html body #welcome-section .shop-title { --p: 6px; } } @media (max-width: 991.98px) { html body #welcome-section .shop-title { --p: 3px; } } html body #welcome-section .shop-title::before { content: 'Выживание'; display: block; width: fit-content; margin: 0 0 calc(var(--p) * 6) var(--p); padding: calc(var(--p) * 2) calc(var(--p) * 4) calc(var(--p) * 2) calc(var(--p) * 12); font: calc(var(--p) * 8) / calc(var(--p) * 10) var(--wc-head-font); color: #fff; text-shadow: var(--p) var(--p) 0 var(--wc-mode-b); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='rgba(0,0,0,.45)' d='M6 3h2v1h-2zM2 4h1v1h-1zM4 4h3v1h-3zM4 5h1v1h-1zM3 7h3v1h-3z'/%3E%3Cpath fill='%23ffffff' d='M2 0h3v1h-3zM1 1h5v1h-5zM0 2h7v1h-7zM1 3h5v1h-5zM3 4h1v1h-1zM3 5h1v1h-1zM2 6h3v1h-3z'/%3E%3C/svg%3E") calc(var(--p) * 2) calc(var(--p) * 3) / calc(var(--p) * 8) calc(var(--p) * 8) no-repeat, linear-gradient(var(--wc-mode-h) 0 var(--p), transparent 0), linear-gradient(transparent calc(100% - var(--p)), var(--wc-mode-s) 0), repeating-conic-gradient(var(--wc-mode-s) 0 25%, transparent 0 50%) 0 calc(100% - var(--p)) / calc(var(--p) * 2) calc(var(--p) * 2) repeat-x, repeating-conic-gradient(var(--wc-mode-s) 0 25%, transparent 0 50%) 0 calc(100% - var(--p) * 3) / calc(var(--p) * 2) calc(var(--p) * 2) repeat-x, var(--wc-mode-m); box-shadow: 0 calc(var(--p) * -1) 0 0 var(--wc-mode-d), 0 var(--p) 0 0 var(--wc-mode-d), calc(var(--p) * -1) 0 0 0 var(--wc-mode-d), var(--p) 0 0 0 var(--wc-mode-d); filter: drop-shadow(var(--p) var(--p) 0 rgba(20, 6, 2, .65)); } @media (max-width: 991.98px) { html body #welcome-section .shop-title::before { margin: 0 auto calc(var(--p) * 6); } } html body .preloader::before { content: 'Загружаем мир'; } /* анимация товаров: постоянно искры по ценности, при наведении огонёк по рамке цвета ранга */ /* WayCraft · анимация товаров · «Искры и рамка» Постоянно значки искрятся по ценности товара, как в «Искрах». При наведении по пиксельной рамке карточки бежит огонёк цвета ранга, как в «Рамке ранга»: у PRINCE, KING, EMPEROR и 1000 коинов огоньков два. В стилях выживания это уже есть; для других стилей добавьте этот файл в конец их CSS. */ /* общее для анимаций товаров. Ценность товара узнаётся по названию в заголовке карточки: 1 — разбан, размут, 250 коинов и новые товары; 2 — KNIGHT, DUKE, 500 коинов; 3 — PRINCE, KING, 1000 коинов; 4 — EMPEROR. Карточки в ряду сдвинуты по времени, чтобы не вспыхивали разом. Всё движется плавно, по видеокарте */ html body [class^="product-"]:has(> .product-card) { position: relative; isolation: isolate; --wc-d: 0s; } html body .row > :nth-child(4n+2) > [class^="product-"] { --wc-d: -2.3s; } html body .row > :nth-child(4n+3) > [class^="product-"] { --wc-d: -4.1s; } html body .row > :nth-child(4n+4) > [class^="product-"] { --wc-d: -5.6s; } html body [class^="product-"] .product-image, html body [class^="product-"] .product-image > div { position: relative; } /* самый ценный товар: вокруг карточки дышит тёплое свечение и поднимается вместе с ней при наведении */ html body [class^="product-"]:has(> .product-card h5:is([title^="EMPEROR"]))::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; box-shadow: 0 0 36px 8px rgba(255, 176, 56, .5), 0 0 14px 2px rgba(255, 110, 20, .55); animation: wc-aura 3.2s ease-in-out infinite; transition: translate .15s; } html body [class^="product-"]:hover::before, html body [class^="product-"]:hover::after { translate: 0 -4px; } @keyframes wc-aura { 0%, 100% { opacity: .45; } 50% { opacity: 1; } } /* звёздочка у значка: вспыхивает, чуть растёт и гаснет. Место, размер и сдвиг по времени — у каждой свои */ html body [class^="product-"] .product-image::before { top: 26px; right: 38px; --s: 28px; } html body [class^="product-"] .product-image > div::after { left: 10px; bottom: 16px; --s: 21px; --o: 1.2s; } html body [class^="product-"] .product-image > div::before { right: 6px; bottom: 38%; --s: 14px; --o: 2s; } @keyframes wc-twinkle { 0%, 56%, 100% { opacity: 0; scale: .2; } 28% { opacity: 1; scale: 1; } } @media (prefers-reduced-motion: reduce) { html body [class^="product-"], html body [class^="product-"]::before, html body [class^="product-"]::after, html body [class^="product-"] *, html body [class^="product-"] *::before, html body [class^="product-"] *::after { animation: none !important; } } /* звёздочки */ html body [class^="product-"] > .product-card:hover .product-image::before, html body [class^="product-"]:is(:has(> .product-card h5:is([title^="KNIGHT"], [title^="DUKE"], [title^="Коины 500"])), :has(> .product-card h5:is([title^="PRINCE"], [title^="KING"], [title^="Коины 1"])), :has(> .product-card h5:is([title^="EMPEROR"]))) .product-image::before, html body [class^="product-"]:is(:has(> .product-card h5:is([title^="PRINCE"], [title^="KING"], [title^="Коины 1"])), :has(> .product-card h5:is([title^="EMPEROR"]))) .product-image > div::after { content: ''; position: absolute; z-index: 3; width: var(--s); height: var(--s); pointer-events: none; opacity: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffb648' d='M3 0h1v1h-1zM3 1h1v1h-1zM2 2h1v1h-1zM4 2h1v1h-1zM0 3h2v1h-2zM5 3h2v1h-2zM2 4h1v1h-1zM4 4h1v1h-1zM3 5h1v1h-1zM3 6h1v1h-1z'/%3E%3Cpath fill='%23ffe27a' d='M3 2h1v1h-1zM2 3h1v1h-1zM4 3h1v1h-1zM3 4h1v1h-1z'/%3E%3Cpath fill='%23ffffff' d='M3 3h1v1h-1z'/%3E%3C/svg%3E") center / contain no-repeat; image-rendering: pixelated; animation: wc-twinkle 2.8s ease-in-out calc(var(--wc-d) - var(--o, 0s)) infinite; } html body [class^="product-"] > .product-card:hover .product-image::before { animation-duration: 1.4s; animation-delay: 0s; } /* искры: тёплые пиксели всё время медленно поднимаются через ячейку, проступают снизу и тают к верху, без вспышек. У EMPEROR второй слой, крупнее и медленнее, будто ближе */ html body [class^="product-"]:is(:has(> .product-card h5:is([title^="PRINCE"], [title^="KING"], [title^="Коины 1"])), :has(> .product-card h5:is([title^="EMPEROR"]))) .product-image > div::before, html body [class^="product-"]:has(> .product-card h5:is([title^="EMPEROR"])) .product-image::after { content: ''; display: block; position: absolute; inset: 0; z-index: 1; width: auto; height: auto; pointer-events: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABQAgMAAADHBtsiAAAACVBMVEUAAAD/2Er/8cgMC2BeAAAAA3RSTlMA//9EUNYhAAAAWElEQVR42mNgoB1gYhjGQIFhZAABHOIN9HUGC15ZB4xUxxiAJMQMoX48wGsmEwMDgyipNuNQCUv6FJlHYowMzXQ02IEDRqmGkrSg6Qs9aeGMc5YBczcEAADJYQY52dq9fQAAAABJRU5ErkJggg==") 0 0 / 216px 240px; image-rendering: pixelated; -webkit-mask: linear-gradient(transparent 4%, #000 40%, #000 72%, transparent); mask: linear-gradient(transparent 4%, #000 40%, #000 72%, transparent); animation: wc-drift 12s linear var(--wc-d) infinite; } html body [class^="product-"]:has(> .product-card h5:is([title^="EMPEROR"])) .product-image::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABaAgMAAABS5DlYAAAADFBMVEUAAAD/2Er/mir/8cjfWAn3AAAABHRSTlMA////sy1AiAAAADVJREFUeNpjYBgpwAGLGOMFYlUOaW87DJy3WRhGwYCBhkHuPg5MIYGRk7xGs8YgTescVHUYAG8oBA9jG4jYAAAAAElFTkSuQmCC"); background-size: 320px 360px; animation: wc-drift-near 20s linear var(--wc-d) infinite; } @keyframes wc-drift { to { background-position: 0 -240px; } } @keyframes wc-drift-near { to { background-position: 0 -360px; } } @property --wc-a { syntax: ''; inherits: false; initial-value: 0deg; } html body [class^="product-"] { --wc-rank: var(--wc-accent-2); } html body [class^="product-"]:has(> .product-card h5[title^="KNIGHT"]) { --wc-rank: #f5c43d; } html body [class^="product-"]:has(> .product-card h5[title^="DUKE"]) { --wc-rank: #81e052; } html body [class^="product-"]:has(> .product-card h5[title^="PRINCE"]) { --wc-rank: #47ebd5; } html body [class^="product-"]:has(> .product-card h5[title^="KING"]) { --wc-rank: #e64cb8; } html body [class^="product-"]:has(> .product-card h5[title^="EMPEROR"]) { --wc-rank: #eb4763; } html body [class^="product-"]:has(> .product-card h5[title^="Коины"]) { --wc-rank: #ffd84a; } /* огонёк лежит поверх рамки карточки: кольцо в 4 пикселя вокруг неё, без углов, как сама пиксельная рамка. Он рисуется самой карточкой, под её плашкой акции, и поднимается вместе с ней при наведении */ html body [class^="product-"] > .product-card::before { content: ''; position: absolute; inset: -4px; z-index: 3; padding: 4px; pointer-events: none; opacity: 0; background: conic-gradient(from var(--wc-a), transparent 0 64%, var(--wc-rank) 82%, #fff 88%, var(--wc-rank) 92%, transparent 97%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); clip-path: polygon(4px 0, calc(100% - 4px) 0, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 0 calc(100% - 4px), 0 4px); transition: opacity .3s; } /* у высоких рангов огоньков два, друг напротив друга */ html body [class^="product-"]:is(:has(> .product-card h5:is([title^="PRINCE"], [title^="KING"], [title^="Коины 1"])), :has(> .product-card h5:is([title^="EMPEROR"]))) > .product-card::before { background: conic-gradient(from var(--wc-a), transparent 0 28%, var(--wc-rank) 40%, #fff 44%, var(--wc-rank) 47%, transparent 50% 78%, var(--wc-rank) 90%, #fff 94%, var(--wc-rank) 97%, transparent 100%); } @keyframes wc-orbit { to { --wc-a: 360deg; } } /* огонёк стоит на месте, пока карточку не тронут; уходя с неё, гаснет там, где был */ html body [class^="product-"] > .product-card::before { animation: wc-orbit 2s linear infinite paused; } html body [class^="product-"]:has(> .product-card h5) > .product-card:hover::before { opacity: 1; animation-play-state: running; } /* пейзаж стоит на месте затемнения: его земля того же цвета, что страница, и первый экран переходит в магазин без шва */ html body { --wc-land: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAoBAMAAAB9bj4aAAAALVBMVEUAAABKEAZ6FQAaDAcOMxYjljowFwwaXCVPwlZbKhT/2Er/ihr/3L4AAAAAAACZKDtBAAAAD3RSTlMA//////////////9ZAACGXq2LAAADWElEQVR42u2YvY7bRhSFv6ElE3CzZB0YZvgEAty62GI7N2rUq3U3nepUxnZ8gQDpFwH8ACr2BRgQdi+vC5fBTBVgY89OiqGGf0OZkn/iQrdZLsl77rnnXF6JgnOc4xzn+K4hjk3IAR7uflKCUeYPd9+BTJQNmxen0fv2MrbBd6cRzAdnTqUYZb3UXuttiuJE+Q5QFHYSzpN/Dt3mgcXEAvmXoaYQDLcZjN0xBHN7xCgoqyfR+2MNwCi067xzNdHCQmo1kOi2ekcRFMlu4hAfJOhE7BH8FYESCWjqKvm+6FR+VpOGtlDf3VrADrROun8f7loEhXimU0VqNSnakrb7O5rggGIO+kKEBR8lCA+znIc7iDKsmz19AdAbQ8twLnUStkfX+HmbYsDd2YvbDrROsPWhbapFM4hcthYWVRe48F1okaygLIcF5itM+SGk4eM15q87yGsZo2wF5c5afdiH+dLldfsYODRIA8Oi0j1su4bqkU4C+WuoorZyczBk733NSwA+dwS3luU+T7c8jkIuWr1narFLTMWjoUxQwiLgsLuStbpdYioiDRYNXLa0sYBVSrs2Sng2quDjNaasQtJXIWU1JjCrbjeZMES/5OWt35hW7REdaGsIfcE1VB2h6oF0aWk6GIRBM1bpho7VgK5PmGaJewFhpjobPXGIvS0fHbBMKeW7d4dthmZ/j1LOJl/OtNUcFxCWXU9MswcamrNGEhN+tn5fuJqdVajropXXuol/6ytWJbVVf2aNivp169Y3oTxSFehHJFRhgsabpjo2V4uxnvyVjlsf6rrXV/7UTTBP7YdSJJ0ZNGPrqXz7tF6D3kQLiSnz8DNF+4oG+Lt8+7Ssh8Sq0T3YR7RKewVVx7Lxj7HaZ5FoPfGDL8BndrkFrj7fTsmeqYGdRxc8Icy7xcQ7m2eqZHXzg17UUoD005EEf1x8ugk8IaPfwY9Blps43kgZE8OGmDgG5NexjaWUyBiHFCORSPe/k/u3wh8HLY5fFfOXbyC+vzpUZxu/aoCGSPOX9cqTFCs/gzfjkFtksbmWhRQrto7IvfzoYGUBMr6nkAVcMe1VvfWFbyuL1S8FxPJaFmyuHcGsYNjl7st44vmBF7bTfkD4tnji+U/+41HEmeCZ4P8b/wEJ73AdON9CdQAAAABJRU5ErkJggg=="); } html body .bg-full-screen::after { image-rendering: pixelated; } html body .bg-full-screen::after { background: var(--wc-land) 50% 100% / 1280px 160px repeat-x, linear-gradient(180deg, transparent 88%, var(--wc-bg) 100%) !important; } @media (max-width: 991.98px) { /* на телефоне низ первого экрана закрывает карточка сервера: пейзаж стоит над ней, под ним земля */ html body .bg-full-screen::after { background: var(--wc-land) calc(50% - 234px) calc(100% - 160px) / 960px 120px repeat-x, linear-gradient(transparent calc(100% - 164px), var(--wc-bg) 0) !important; } }