/* Зимняя игровая тема «Белая мгла»: толстые рамки, объёмные кнопки, снегопад, сосульки */
:root{--bg:#10264b;--surface:#1f4379;--surface2:#27508f;--line:#5b9be0;--text:#fff;--muted:#c3d8f3;--acid:#9fdcff;--gold:#ffc93c;--ink:#0a1a36}
html{background:#0a1a36}
body{background:linear-gradient(180deg,#0d2145 0,#173869 40%,#20508f 100%) fixed;color:var(--text);font-family:'Trebuchet MS','Segoe UI',system-ui,-apple-system,sans-serif;position:relative}
body::before,body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:50;background-image:url(/assets/img/snow.svg)}
body::before{background-size:420px 420px;opacity:.55;animation:snowA 26s linear infinite}
body::after{background-size:260px 260px;opacity:.38;animation:snowB 17s linear infinite}
@keyframes snowA{to{background-position:-70px 420px}}
@keyframes snowB{to{background-position:60px 260px}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes bob{50%{transform:translateY(-5px)}}
h1,h2,h3,.brand b{font-weight:900;color:#fff;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 2px 0 var(--ink),0 3px 0 var(--ink)}
.prose h2,.prose h3{text-shadow:none}
a:hover{color:var(--gold)}
.eyebrow{color:#ffd75e;letter-spacing:1.6px;text-shadow:0 1px 0 var(--ink)}
.eyebrow:before{content:'';display:inline-block;width:13px;height:13px;margin-right:7px;background:url(/assets/img/snowflake.svg) center/contain no-repeat;vertical-align:-2px}
.dot{display:none}
/* Шапка с сосульками */
.header{background:linear-gradient(#4a8fe6,#2a62b4);border-bottom:5px solid #0f2f5f;position:relative;z-index:5}
.header:after{content:'';position:absolute;left:0;right:0;top:100%;height:28px;background:url(/assets/img/icicles.svg) repeat-x top left/120px 28px;pointer-events:none}
.header nav{gap:16px}.header nav a{color:#fff;font-weight:800;font-size:13px;text-shadow:0 1px 0 #0f2f5f}.header nav a:hover{color:var(--gold)}
.brand-mark{color:#fff;font-size:30px;text-shadow:0 2px 0 #0f2f5f;animation:bob 4s ease-in-out infinite}
.brand small{color:#d6e9ff}
.menu-toggle{background:#2a62b4;border:2px solid #0f2f5f;color:#fff;border-radius:10px}
/* Кнопки в духе мобильных стратегий */
.button{background:linear-gradient(#ffe46b,#ffb41f);border:2px solid #7a4a00;border-bottom-width:5px;border-radius:13px;color:#3a2200;font-weight:900;text-shadow:0 1px 0 #fff8;box-shadow:inset 0 2px 0 #fffa,0 3px 0 #0a1a3688;transition:transform .08s,filter .15s}
.button:hover{background:linear-gradient(#fff08f,#ffc12e);color:#3a2200;filter:saturate(1.1)}
.button:active{transform:translateY(3px);border-bottom-width:2px}
.button-outline{background:linear-gradient(#63b0ff,#2f75cf);border-color:#0f3a73;color:#fff;text-shadow:0 1px 0 #0b2a57;box-shadow:inset 0 2px 0 #fff6,0 3px 0 #0a1a3688}
.button-outline:hover{background:linear-gradient(#7cc0ff,#3d84e0);color:#fff}
.buy-icon{background:linear-gradient(#ffe46b,#ffb41f);border:2px solid #7a4a00;border-bottom-width:5px;border-radius:12px;color:#3a2200;font-weight:900}
.buy-icon:hover{background:linear-gradient(#fff08f,#ffc12e);color:#3a2200}
/* Панели */
.product-card,.article-card,.category-grid>a,.steps>div,.utility-row,.article-cta,.empty,.price-box-wrap,.message-page .notice,.selected-product{background:linear-gradient(#2c5a9f,#1e437d);border:3px solid #7bbcf8;border-bottom-width:6px;border-radius:16px;box-shadow:0 5px 0 #0a1a36aa,inset 0 2px 0 #ffffff33}
.utility-row{overflow:hidden}.utility-row>div{border-right:2px solid #5b9be0}.utility-row small{color:var(--muted)}.utility-icon{color:#fff}
.product-card:hover,.article-card:hover,.category-grid>a:hover{border-color:var(--gold);transform:translateY(-3px);transition:transform .12s}
.product-visual{background:radial-gradient(ellipse at center,#4f95e6 0%,#245091 55%,#14305e 100%);border-bottom:3px solid #7bbcf8}
.product-visual:after{border-color:#ffffff22;border-radius:6px}
.visual-label,.product-overline{color:#cfe6ff}
.product-bottom{border-top:2px dashed #5b9be0}
.product-bottom b,.selected-product b,.price-box strong{color:var(--gold);text-shadow:0 2px 0 var(--ink)}
.product-bottom small,.price-box small{color:var(--muted)}
.product-info p,.article-card p,.section-heading p,.page-heading p,.category-grid small{color:var(--muted)}
.article-index,.category-grid>a>span,.category-grid strong,.text-link{color:#ffd75e}
.article-link{color:#fff}
.article-thumb{border:3px solid #ffd75e;border-radius:12px;background:#14305e}
.article-body .article-cover{border:4px solid #7bbcf8;border-radius:16px;background:#14305e}
.catalog-bar{border-block:3px solid #5b9be0;color:#d6e9ff}.catalog-bar b{color:var(--gold)}
.breadcrumbs,.breadcrumbs span{color:var(--muted)}
.lead{color:#e1eeff}
.price-box{border-block:3px dashed #5b9be0}
.notice,.warn-box{background:linear-gradient(#5a4210,#3f2e0a);border:3px solid #ffc93c;border-radius:14px;color:#fff1c2}
/* Герой главной */
.hero{height:360px;border:5px solid #cfe8ff;border-radius:22px;box-shadow:0 7px 0 #0a1a36,0 0 0 3px #3a7bd0;background:linear-gradient(90deg,rgba(9,24,52,.9) 0,rgba(9,24,52,.55) 42%,rgba(9,24,52,0) 100%),url(/assets/img/hero.svg) center/cover}
.hero:after{content:'';position:absolute;right:38px;top:26px;width:150px;height:150px;background:url(/assets/img/snowflake.svg) center/contain no-repeat;opacity:.92;animation:spin 48s linear infinite;pointer-events:none}
.hero h1{font-size:40px;letter-spacing:-.5px}.hero h1 em{color:var(--gold)}
.hero p{color:#e6f1ff}
.hero-bottom{background:rgba(10,26,54,.75);color:#d6e9ff;border-top:3px solid #cfe8ff55}
/* Прочее */
.prose{color:#eaf3ff}.prose h2,.prose h3{color:#fff}.prose a,.check a{color:var(--gold)}
.prose strong{color:#fff}
.prose table{background:#183663;border:3px solid #5b9be0;border-radius:12px;overflow:hidden}
.prose tr:first-child td{background:#2f67b3;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.6px}
.prose td{border-color:#3c6cb0}
.copy-code{cursor:pointer;background:#0a1a36;border:2px dashed #7fc4ff;border-radius:9px;padding:3px 9px;color:#ffe066;font-weight:800;font-family:ui-monospace,Menlo,Consolas,monospace;white-space:nowrap}
.copy-code:hover{background:#12315f;border-color:var(--gold)}
.copy-code.copied:after{content:' ✓';color:#7dffa6}
dialog{background:linear-gradient(#2c5a9f,#1b3d73);border:4px solid #7bbcf8;border-radius:18px;color:#fff}
input:not([type=checkbox]),textarea,select{background:#0f2447;border:2px solid #4b8ad0;border-radius:10px;color:#fff}
.close-dialog{color:#fff}.form-caption{color:var(--muted)}
.steps>div:before{background:linear-gradient(#ffe46b,#ffb41f);border:2px solid #7a4a00;color:#3a2200}
.steps small{color:var(--muted)}
/* Подвал со снежными холмами */
.footer{background:#0d2145;border-top:0;position:relative;margin-top:100px}
.footer:before{content:'';position:absolute;left:0;right:0;bottom:100%;height:64px;background:url(/assets/img/hills.svg) repeat-x bottom left/640px 64px;pointer-events:none}
.footer-grid a:not(.footer-brand){color:var(--muted)}.footer-grid a:hover{color:var(--gold)}
.footer-brand span{color:var(--gold)}.footer-bottom{border-top:2px solid #27508f;color:#9fb9dd}
@media(max-width:950px){.header nav{gap:10px}}
@media(max-width:700px){.hero{height:340px}.hero:after{width:90px;height:90px;right:14px;top:14px}.hero h1{font-size:30px}.header nav a{font-size:14px}}
@media(prefers-reduced-motion:reduce){body::before,body::after,.hero:after,.brand-mark{animation:none}}