/* Зимнее оформление МЭТР (metr12.ru): сугробы, панель и лёгкий декор шапки.
   Оригинальные стили сайта, не копия сторонних приложений. */
.winter-layer{position:fixed;inset:0;width:100%;height:100%;z-index:62;pointer-events:none;display:block}
.winter-ui{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(var(--winter-b,16px) + env(safe-area-inset-bottom,0px));z-index:67;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-family:var(--f,system-ui,sans-serif);color:var(--ink,#1c1530);pointer-events:none}
.winter-ui > *{pointer-events:auto}
.winter-fab{width:48px;height:48px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);color:var(--ink,#1c1530);box-shadow:0 10px 28px -10px rgba(60,30,90,.45),0 2px 6px rgba(28,21,48,.12);cursor:pointer;display:grid;place-items:center;transition:transform .15s,background .15s,bottom .2s}
.winter-fab svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.winter-fab:hover{background:#fff;transform:translateY(-1px)}
.winter-fab:focus-visible{outline:3px solid var(--ink,#1c1530);outline-offset:3px}
.winter-fab[aria-expanded="true"]{background:var(--ink,#1c1530);color:#fff}
.winter-fab.is-off{opacity:.72}
.winter-panel{width:min(300px,calc(100vw - 28px));padding:14px 14px 12px;border-radius:20px;background:rgba(255,255,255,.94);border:1px solid var(--line,rgba(28,21,48,.1));box-shadow:0 20px 50px -18px rgba(28,21,48,.4);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);color:var(--ink,#1c1530)}
.winter-panel[hidden]{display:none!important}
.winter-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.winter-hd h2{margin:0;font-size:16px;font-weight:650;letter-spacing:-.02em}
.winter-x{width:36px;height:36px;border:0;border-radius:10px;background:transparent;font-size:22px;line-height:1;color:inherit}
.winter-x:hover{background:rgba(28,21,48,.06)}
.winter-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}
.winter-l{flex:0 0 100%;font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--mute,#5f5873)}
.winter-row > button,.winter-wind button{min-height:36px;padding:6px 10px;border-radius:11px;border:1px solid var(--line,rgba(28,21,48,.12));background:#fff;color:inherit;font:600 13px/1.1 var(--f,system-ui,sans-serif);cursor:pointer}
.winter-row > button[aria-pressed="true"],.winter-wind button[aria-pressed="true"]{background:var(--ink,#1c1530);color:#fff;border-color:var(--ink,#1c1530)}
.winter-row > button:focus-visible,.winter-wind button:focus-visible,.winter-x:focus-visible{outline:2px solid var(--ink,#1c1530);outline-offset:2px}
.winter-tools button{display:inline-flex;align-items:center;gap:5px}
.winter-tools svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.winter-wind{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);gap:4px;justify-content:start}
.winter-wind button{min-height:36px;padding:0;width:36px;display:grid;place-items:center}
.winter-wind .w-up{grid-area:1/2}
.winter-wind .w-left{grid-area:2/1}
.winter-wind .w-calm{grid-area:2/2;font-size:11px;font-weight:700}
.winter-wind .w-right{grid-area:2/3}
.winter-wind .w-down{grid-area:3/2}
.winter-hint{margin:4px 0 8px;font-size:12.5px;line-height:1.4;color:var(--mute,#5f5873)}
.winter-act{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.winter-act button{flex:1 1 auto;min-height:38px;padding:6px 10px;border-radius:11px;border:1px solid var(--line,rgba(28,21,48,.12));background:#fff;font:600 13px/1.1 var(--f,system-ui,sans-serif);cursor:pointer}
.winter-act .winter-off{background:var(--ink,#1c1530);color:#fff;border-color:var(--ink,#1c1530)}
.winter-decor{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:visible}
header.header-default > .container{position:relative}
header.header-default > .container > .winter-decor{border-radius:inherit}
.winter-garland{position:absolute;left:18px;right:18px;top:-2px;height:14px;display:flex;align-items:flex-start;justify-content:space-between;padding:0 8px}
.winter-garland i{display:block;width:7px;height:10px;border-radius:0 0 7px 7px;background:linear-gradient(#fff8e8,#f4c56d 55%,#e8a63a);box-shadow:0 0 8px rgba(255,210,110,.7);opacity:.9;animation:winter-glow 2.4s ease-in-out infinite alternate}
.winter-garland i:nth-child(3n){background:linear-gradient(#ffe8ec,#e0306f 60%,#c41d4a);box-shadow:0 0 8px rgba(224,48,111,.45);animation-duration:2.8s}
.winter-garland i:nth-child(3n+1){background:linear-gradient(#fff,#f4efe8);box-shadow:0 0 7px rgba(255,255,255,.8);animation-duration:2.1s}
.winter-garland i:nth-child(even){animation-delay:-.8s}
.winter-frost{position:absolute;width:56px;height:48px;pointer-events:none;opacity:.45;background:radial-gradient(120% 80% at 0 0,rgba(255,255,255,.85) 0%,rgba(230,240,255,.35) 42%,transparent 70%)}
.winter-frost-l{left:0;top:0;border-top-left-radius:inherit}
.winter-frost-r{right:0;top:0;transform:scaleX(-1);border-top-left-radius:inherit}
.winter-ice{position:absolute;left:14px;top:100%;display:flex;gap:7px;margin-top:-2px}
.winter-ice i{display:block;width:6px;height:13px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(200,220,240,.35));clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);opacity:.85;filter:drop-shadow(0 1px 1px rgba(180,200,220,.3))}
.winter-ice i:nth-child(2){height:19px;width:7px;margin-top:-1px}
.winter-ice i:nth-child(3){height:11px}
.winter-toast{position:fixed;left:50%;bottom:calc(var(--winter-b,16px) + 72px);transform:translateX(-50%) translateY(12px);z-index:68;max-width:min(360px,calc(100vw - 28px));padding:8px 14px;border-radius:12px;background:rgba(28,21,48,.92);color:#fff;font:600 13px/1.3 system-ui,sans-serif;box-shadow:0 10px 28px -12px rgba(28,21,48,.5);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.winter-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* плашка cookie и нижний плеер: кнопка-снежинка поднимается выше, не пересекается с ними */
body.pc-on{--winter-b:64px}
body.m12p-on{--winter-b:86px}
body.pc-on.m12p-on{--winter-b:150px}
@media (max-width:700px){
  body.pc-on{--winter-b:58px}
  body.m12p-on{--winter-b:90px}
  body.pc-on.m12p-on{--winter-b:148px}
  .winter-garland{left:10px;right:10px}
  .winter-frost{width:54px;height:44px}
}
@keyframes winter-glow{from{opacity:.55;filter:brightness(.95)}to{opacity:1;filter:brightness(1.15)}}
html.winter-quiet .winter-garland i{animation:none;opacity:.8;filter:none}
html.winter-quiet .winter-decor{opacity:.85}
@media (prefers-reduced-motion:reduce){
  .winter-garland i,.winter-fab{animation:none!important;transition:none!important}
}
@media print{.winter-layer,.winter-ui,.winter-decor,.winter-toast{display:none!important}}
/* В версии для слабовидящих холст не должен перекрывать страницу заливкой */
html.a11y body canvas.winter-layer,
html.a11y body .winter-decor,
html.a11y body .winter-decor *,
body.lv canvas.winter-layer,
body.lv .winter-decor,
body.lv .winter-decor *{background-color:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.a11y body .winter-garland,
html.a11y body .winter-frost,
html.a11y body .winter-ice,
body.lv .winter-garland,
body.lv .winter-frost,
body.lv .winter-ice{display:none!important}
html.a11y .winter-fab,
body.lv .winter-fab{background:var(--a-fg,#000)!important;color:var(--a-bg,#fff)!important;border:3px solid var(--a-bg,#fff)!important;outline:3px solid var(--a-fg,#000);border-radius:50%!important;width:56px;height:56px}
html.a11y .winter-fab svg,
body.lv .winter-fab svg{stroke:var(--a-bg,#fff)!important}
html.a11y .winter-panel,
body.lv .winter-panel{background:var(--a-bg,#fff)!important;color:var(--a-fg,#000)!important;border:3px solid var(--a-fg,#000)!important;border-radius:0!important;box-shadow:none!important}
/* скрыть кнопку, когда открыто мобильное меню */
body:has(.nav-menus-wrapper-open) .winter-ui{display:none!important}

html[data-winter-tool="mitten"],html[data-winter-tool="mitten"] *{cursor:grab!important}
html[data-winter-tool="shovel"],html[data-winter-tool="shovel"] *{cursor:cell!important}
html[data-winter-tool] .winter-ui,html[data-winter-tool] .winter-ui *{cursor:auto!important}