/* Виджет ледовой арены на главной (вместо ЖКХ, когда уведомлений нет), 2026-10-18 */
.ice2{--ia:#35c8ff;--ib:#7b8cff;--ic:#bff1ff;position:relative;overflow:hidden;display:grid;gap:14px;align-content:start;padding:clamp(16px,2.2vw,24px);border-radius:var(--radius-lg,24px);border:1px solid color-mix(in srgb,var(--ia) 45%,transparent);background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--ib) 20%,transparent),transparent 55%),radial-gradient(ellipse at 0 100%,color-mix(in srgb,var(--ia) 18%,transparent),transparent 55%),var(--surface,#101a2b);box-shadow:0 0 26px color-mix(in srgb,var(--ia) 16%,transparent),0 18px 44px -30px #000;color:var(--ink,#edf3fa);min-width:0}
.home-service-widgets>.ice2{margin:0;min-width:0}
.home-service-widgets--camera-grid>.ice2{grid-column:2;grid-row:1}

/* снег */
.ice2__fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ice2__fx i{position:absolute;top:-10px;width:5px;height:5px;border-radius:50%;background:#fff;opacity:.0;filter:blur(.4px);animation:ice2-snow linear infinite}
.ice2__fx i:nth-child(1){left:8%;animation-duration:9s;animation-delay:0s}.ice2__fx i:nth-child(2){left:22%;width:3px;height:3px;animation-duration:12s;animation-delay:2s}.ice2__fx i:nth-child(3){left:38%;animation-duration:10s;animation-delay:4s}.ice2__fx i:nth-child(4){left:54%;width:4px;height:4px;animation-duration:13s;animation-delay:1s}.ice2__fx i:nth-child(5){left:68%;animation-duration:9.5s;animation-delay:3s}.ice2__fx i:nth-child(6){left:82%;width:3px;height:3px;animation-duration:11s;animation-delay:5s}.ice2__fx i:nth-child(7){left:94%;animation-duration:12.5s;animation-delay:2.5s}
.ice2>*:not(.ice2__fx){position:relative;z-index:1}

.ice2__head{display:grid;gap:6px}
.ice2__badge{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:6px 12px;border-radius:99px;border:1px solid color-mix(in srgb,var(--ia) 50%,transparent);background:color-mix(in srgb,var(--ia) 12%,transparent);color:var(--ic);font:700 12px/1.2 var(--font-display,inherit);letter-spacing:.02em}
.ice2__h{margin:0;font:800 clamp(22px,2.6vw,30px)/1.1 var(--font-display,inherit);letter-spacing:-.03em}

/* статус */
.ice2__now{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--ia) 30%,transparent);background:color-mix(in srgb,var(--ic) 7%,transparent);transition:border-color .3s,background .3s}
.ice2__now.is-live{border-color:#4fe3a3aa;background:#4fe3a31a}
.ice2__now.is-soon{border-color:#ffb020aa;background:#ffb0201a}
.ice2__dot{width:12px;height:12px;border-radius:50%;background:#8fb3c9}
.ice2__now.is-live .ice2__dot{background:#4fe3a3;animation:ice2-pulse 1.8s infinite}
.ice2__now.is-soon .ice2__dot{background:#ffb020;animation:ice2-pulse2 2s infinite}
.ice2__nowtxt{display:grid;gap:2px;min-width:0}
.ice2__nowtxt b{font:800 16px/1.25 var(--font-display,inherit)}
.ice2__nowtxt small{font-size:13px;color:var(--muted,#8b9bb0)}
.ice2__bar{grid-column:1/-1;height:6px;border-radius:6px;background:color-mix(in srgb,var(--ink,#fff) 12%,transparent);overflow:hidden;margin-top:6px}
.ice2__bar[hidden]{display:none}
.ice2__bar i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#4fe3a3,var(--ia));transition:width 1s linear}

/* дни */
.ice2__days{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px}
.ice2__day{appearance:none;cursor:pointer;display:grid;justify-items:center;gap:1px;padding:7px 2px 8px;border-radius:14px;border:1px solid var(--line,#293d55);background:transparent;color:var(--ink,#edf3fa);font:inherit;transition:transform .2s,border-color .2s,background .2s}
.ice2__day span{font-size:11px;color:var(--muted,#8b9bb0);text-transform:uppercase;letter-spacing:.05em}
.ice2__day b{font:800 17px/1.1 var(--font-display,inherit)}
.ice2__day i{width:5px;height:5px;border-radius:50%;background:var(--ia);margin-top:2px}
.ice2__day.is-off i{background:transparent;border:1px solid var(--muted,#8b9bb0)}
.ice2__day:hover{transform:translateY(-2px);border-color:var(--ia)}
.ice2__day.is-on{background:linear-gradient(145deg,color-mix(in srgb,var(--ia) 32%,transparent),color-mix(in srgb,var(--ib) 28%,transparent));border-color:var(--ia);box-shadow:0 10px 22px -14px var(--ia)}
.ice2__day:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* сеансы */
.ice2__slots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.ice2__slots li{animation:ice2-in .4s both;animation-delay:calc(var(--i,0)*45ms)}
.ice2__slot{appearance:none;cursor:pointer;width:100%;display:grid;gap:1px;justify-items:center;padding:10px 6px;border-radius:14px;border:1px solid var(--line,#293d55);background:color-mix(in srgb,var(--ink,#fff) 4%,transparent);color:var(--ink,#edf3fa);font:inherit;transition:transform .2s,border-color .2s,background .2s,opacity .2s;position:relative;overflow:hidden}
.ice2__slot b{font:800 18px/1.1 var(--font-display,inherit);font-variant-numeric:tabular-nums}
.ice2__slot span{font-size:11.5px;color:var(--muted,#8b9bb0)}
.ice2__slot:hover{transform:translateY(-3px);border-color:var(--ia)}
.ice2__slot.is-past{opacity:.45}
.ice2__slot.is-live{border-color:#4fe3a3;background:#4fe3a326}
.ice2__slot.is-live:after{content:"идёт";position:absolute;top:4px;right:6px;font:700 9px/1 var(--font-mono,monospace);letter-spacing:.08em;color:#4fe3a3;text-transform:uppercase}
.ice2__slot.is-next{border-color:#ffb020;background:#ffb02022}
.ice2__slot.is-next:after{content:"скоро";position:absolute;top:4px;right:6px;font:700 9px/1 var(--font-mono,monospace);letter-spacing:.08em;color:#ffb020;text-transform:uppercase}
.ice2__slot.is-pick{box-shadow:0 0 0 2px var(--ia);background:color-mix(in srgb,var(--ia) 22%,transparent)}
.ice2__slot:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ice2__none{grid-column:1/-1;padding:14px;border-radius:14px;border:1px dashed var(--line,#293d55);color:var(--muted,#8b9bb0);font-size:14px}

/* расчёт */
.ice2__calc{display:grid;grid-template-columns:auto 1fr auto;gap:10px 16px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--line,#293d55);background:color-mix(in srgb,var(--ink,#fff) 3%,transparent)}
.ice2__who{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted,#8b9bb0)}
.ice2__who button{appearance:none;cursor:pointer;width:30px;height:30px;border-radius:10px;border:1px solid var(--line,#293d55);background:transparent;color:var(--ink,#edf3fa);font:700 17px/1 var(--font-display,inherit);transition:border-color .2s,transform .15s}
.ice2__who button:hover{border-color:var(--ia)}.ice2__who button:active{transform:scale(.92)}
.ice2__who output{min-width:20px;text-align:center;font:800 17px/1 var(--font-display,inherit);color:var(--ink,#edf3fa)}
.ice2__sk{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer}
.ice2__sk input{accent-color:var(--ia);width:18px;height:18px}
.ice2__sk em{font-style:normal;color:var(--muted,#8b9bb0);font-size:12.5px}
.ice2__sum{display:grid;justify-items:end}
.ice2__sum small{font-size:11px;color:var(--muted,#8b9bb0);text-transform:uppercase;letter-spacing:.08em}
.ice2__sum b{font:800 20px/1.1 var(--font-display,inherit);font-variant-numeric:tabular-nums;color:var(--ic)}

.ice2__acts{display:flex;flex-wrap:wrap;gap:8px}
.ice2 .ice2__go{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;background:linear-gradient(120deg,var(--ia),var(--ib));color:#06101f;font:800 14px/1 var(--font-display,inherit);text-decoration:none;box-shadow:0 12px 26px -16px var(--ia);transition:transform .2s,box-shadow .2s}
.ice2 .ice2__go span{transition:transform .2s}
.ice2 .ice2__go:hover{transform:translateY(-2px);box-shadow:0 18px 32px -16px var(--ia)}.ice2 .ice2__go:hover span{transform:translateX(4px)}
.ice2 .ice2__ghost{appearance:none;cursor:pointer;display:inline-flex;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--line,#293d55);background:transparent;color:var(--ink,#edf3fa);font:700 13.5px/1 var(--font-display,inherit);text-decoration:none;transition:border-color .2s,transform .2s,opacity .2s}
.ice2 .ice2__ghost:hover:not(:disabled){border-color:var(--ia);transform:translateY(-2px)}
.ice2 .ice2__ghost:disabled{opacity:.45;cursor:not-allowed}
.ice2 .ice2__go:focus-visible,.ice2 .ice2__ghost:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ice2__note{margin:0;font-size:12px;line-height:1.55;color:var(--muted,#8b9bb0)}
.ice2__note a{color:var(--link-ink,#64cfff);text-underline-offset:3px}

html[data-theme="light"] .ice2{--ic:#0a5f86;box-shadow:0 0 20px color-mix(in srgb,var(--ia) 12%,transparent),0 14px 34px -26px #0006}
html[data-theme="light"] .ice2__fx i{background:#7ab7d6}

@keyframes ice2-snow{0%{transform:translate(0,-10px);opacity:0}10%{opacity:.7}100%{transform:translate(24px,420px);opacity:0}}
@keyframes ice2-pulse{0%{box-shadow:0 0 0 0 #4fe3a399}70%{box-shadow:0 0 0 10px #4fe3a300}100%{box-shadow:0 0 0 0 #4fe3a300}}
@keyframes ice2-pulse2{0%{box-shadow:0 0 0 0 #ffb02099}70%{box-shadow:0 0 0 10px #ffb02000}100%{box-shadow:0 0 0 0 #ffb02000}}
@keyframes ice2-in{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}

@media(max-width:560px){.ice2__calc{grid-template-columns:1fr 1fr}.ice2__sum{grid-column:1/-1;grid-row:3;justify-items:start;grid-auto-flow:column;gap:10px;align-items:baseline}.ice2__slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ice2__fx{display:none}.ice2__dot,.ice2__slots li{animation:none!important}.ice2__bar i{transition:none}.ice2__day,.ice2__slot,.ice2 .ice2__go,.ice2 .ice2__ghost{transition:none}}