/* Příběh Smetanovské klavírní soutěže: koncertní program, černá, slonovina a mosaz, navazuje na reference.css */
@font-face{font-family:"Playfair";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/PlayfairDisplay/Playfair-italic-latin.woff2) format("woff2");unicode-range:U+0020-00FF,U+2013-2033,U+20AC}
@font-face{font-family:"Playfair";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/PlayfairDisplay/Playfair-italic-latin-ext.woff2) format("woff2");unicode-range:U+010C-010F,U+011A-011B,U+0147-0148,U+0158-0159,U+0160-0161,U+0164-0165,U+016E-016F,U+017D-017E}
@font-face{font-family:"Playfair";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/PlayfairDisplay/Playfair-latin.woff2) format("woff2");unicode-range:U+0020-00FF,U+2013-2033,U+20AC}
@font-face{font-family:"Playfair";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/PlayfairDisplay/Playfair-latin-ext.woff2) format("woff2");unicode-range:U+010C-010F,U+011A-011B,U+0147-0148,U+0158-0159,U+0160-0161,U+0164-0165,U+016E-016F,U+017D-017E}

.ss{--bg:#f7f4ec;--bg-soft:#efeadf;--ink:#121214;--ink-2:#5c5a54;--ink-3:#98948a;--line:rgba(18,18,20,.12);--line-strong:rgba(18,18,20,.24);--mint:#a8894f;--mint-ink:#7a6233;--marker:rgba(168,137,79,.3);--glow:rgba(168,137,79,.16);--glow-2:rgba(18,18,20,.05);--dot:rgba(18,18,20,.13);--card:#fffdf8;--card-2:#efeadf;--a-bar:#efeadf;--a-line:rgba(18,18,20,.1);--a-ink:#121214;--a-mute:#6a675f;--a-dim:#a5a196;--a-on-accent:#fff;--wc-ink:#0b0b0d;--ss-c:#0b0b0d;--ss-m:#c9a766;--f-it:"Playfair",Georgia,"Times New Roman",serif;background:var(--bg)}
.ss :is(.cs-big,.sv-h2,.cs-h1) em{font-family:var(--f-it);font-stretch:normal;font-style:italic;font-weight:400;letter-spacing:-.012em;background:none;color:inherit}
.ss .sv-fx{z-index:0}
.ss>section{position:relative;z-index:1}

/* označení věty: číslo a tempo jako v koncertním programu */
.ss-tp{display:block;margin-bottom:.5em;font:italic 400 clamp(16px,.9rem + .25vw,19px)/1.2 var(--f-it);font-stretch:normal;letter-spacing:0;color:var(--mint-ink)}
.ss-tp b{margin-right:.35em;font-style:normal;font-weight:400}
.ss-tp.o{margin-bottom:.6em}

/* ── Úvod: scéna, notový pult a klaviatura ── */
.ss-hero{position:relative;display:flex;flex-direction:column;min-height:100vh;padding-top:clamp(84px,11vh,120px);overflow:hidden;background:var(--ss-c);color:#fff;isolation:isolate;--kh:clamp(128px,24vh,236px)}
@supports (height:100svh){.ss-hero{min-height:100svh}}
.ss-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,11,13,.3) 0,transparent 22%,transparent 46%,rgba(11,11,13,.82) 72%,#0b0b0d 86%)}
.ss-hero-i{position:absolute;left:0;right:0;top:0;bottom:var(--kh);z-index:-2;width:100%;height:calc(100% - var(--kh));object-fit:cover;object-position:68% 88%;animation:ssSvetlo 2.4s ease both}
@keyframes ssSvetlo{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
.ss-hero-w{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;padding-bottom:clamp(8px,2vh,24px)}
.ss .cs-h1{font-size:clamp(2.6rem,1rem + 5.4vw,5.5rem)}
.ss .cs-h1 em{font-size:1.04em;line-height:1.08}
.ss-hero .cs-h1 .ln{padding-bottom:.16em;margin-bottom:-.12em}
.ss-hero .cs-kick{align-self:flex-start}
.ss .ss-hero .pulse{background:var(--ss-m)}
.ss-hero .cs-sub{max-width:29em;color:rgba(255,255,255,.84)}
.ss-hero .cs-fa{margin-top:clamp(16px,2.6vh,30px)}
.ss-hero .cs-fa dd{max-width:none}

.ss-st{position:relative;width:100%}
.ss-pult{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 18px}
.ss-nav{margin:0;font:400 14px/1.3 var(--f-body);color:rgba(255,255,255,.76);min-height:1.3em}
.ss-nav em{margin-right:.5em;font:italic 400 16px/1 var(--f-it);color:var(--ss-m)}
.ss-nav b{font:italic 400 19px/1 var(--f-it);color:var(--ss-m)}
.ss-tl{display:flex;gap:6px}
.ss-b{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px 0 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.05);color:#fff;font:500 13.5px/1 var(--f-body);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ss-b:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4)}
.ss-b svg{flex:none;width:17px;height:17px;fill:currentColor}
.ss-b:focus-visible{outline:2px solid var(--ss-m);outline-offset:2px}
#s-zvuk .vl,#s-zvuk .pr{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#s-zvuk .vl{opacity:var(--zv,1)}
#s-zvuk .pr{opacity:var(--zp,0)}
.ss-b[aria-pressed="false"]{--zv:0;--zp:1;color:rgba(255,255,255,.62)}
.ss-okno{grid-column:1/-1;overflow:hidden;margin:2px 0 0}
.ss-noty{display:block;height:clamp(70px,10.5vh,92px);fill:#fff;transition:transform .35s var(--ease)}
.ss-noty .ln{stroke:rgba(255,255,255,.34);stroke-width:.6;fill:none}
.ss-noty .tc{stroke:rgba(255,255,255,.5);stroke-width:.7;fill:none}
.ss-noty .tc.t{stroke-width:2.4;stroke:#fff}
.ss-noty .nz,.ss-noty .pl{stroke:currentColor;stroke-width:.95;fill:none}
.ss-noty .lg{fill:rgba(255,255,255,.6)}
.ss-noty .nn{color:rgba(255,255,255,.52);fill:rgba(255,255,255,.52);transition:fill .2s,color .2s}
.ss-noty .nn.hot{color:#fff;fill:#fff}
.ss-noty .nn.dal{color:var(--ss-m);fill:var(--ss-m)}

/* klaviatura: bílé klávesy mají barvu stránky, takže stránka z nich plynule vyrůstá */
.ss-kb{position:relative;display:flex;height:var(--kh);margin-top:clamp(4px,1vh,10px);background:#0b0b0d;box-shadow:inset 0 10px 14px -8px rgba(0,0,0,.9);touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;--bw:calc(100%/var(--n)*.6)}
.ss-kb button{position:relative;margin:0;padding:0;border:0;cursor:pointer;outline-offset:-4px}
.ss-kb button:focus-visible{outline:2px solid var(--ss-m)}
.ss-kb .b{flex:1 1 0;min-width:0;background:linear-gradient(180deg,#d9d5ca 0,#f7f4ec 13%,#f7f4ec 100%);box-shadow:inset -1px 0 0 rgba(18,18,20,.42),inset 0 -5px 7px -5px rgba(18,18,20,.12);border-radius:0;transition:background .07s}
.ss-kb .b:first-child{box-shadow:inset -1px 0 0 rgba(18,18,20,.42)}
.ss-kb .c{position:absolute;z-index:2;top:0;width:var(--bw);height:62%;margin-left:calc(var(--bw)/-2);border-radius:0 0 4px 4px;background:linear-gradient(90deg,#26262a 0,#0d0d0f 18%,#0d0d0f 82%,#1b1b1e 100%),#0d0d0f;box-shadow:0 5px 6px -1px rgba(18,18,20,.55),inset 0 -7px 0 -2px #2c2c31;transition:transform .07s,box-shadow .07s}
.ss-kb kbd{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font:500 11px/1 var(--f-mono);color:rgba(18,18,20,.34);background:none;padding:0;box-shadow:none;pointer-events:none}
.ss-kb .c kbd{bottom:12px;color:rgba(255,255,255,.34)}
.ss-kb .b:hover{background:linear-gradient(180deg,#d4d0c5 0,#efeadf 13%,#efeadf 100%)}
.ss-kb .c:hover{background:#1c1c20}
.ss-kb .b.on{background:linear-gradient(180deg,#bdb8ab 0,#e8e2d4 16%,#ece7da 100%);box-shadow:inset -1px 0 0 rgba(18,18,20,.5),inset 2px 0 5px -3px rgba(18,18,20,.4)}
.ss-kb .c.on{transform:scaleY(.975);transform-origin:top;box-shadow:0 2px 3px -1px rgba(18,18,20,.5),inset 0 -3px 0 -1px #2c2c31}
.ss-kb .b.dal::after,.ss-kb .c.dal::after{content:"";position:absolute;left:50%;bottom:30px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--ss-m);box-shadow:0 0 0 0 rgba(201,167,102,.6);animation:ssDal 1.3s ease-out infinite}
.ss-kb .c.dal::after{bottom:26px;width:12px;height:12px;margin-left:-6px}
.ss-kb .b.dal{background:linear-gradient(180deg,#d9d5ca 0,#f7f4ec 13%,#f6edd7 100%)}
@keyframes ssDal{to{box-shadow:0 0 0 14px rgba(201,167,102,0)}}
.ss-kb.gl button{animation:ssGl .34s ease calc(var(--i,0)*26ms + .5s) backwards}
.ss-kb.gl .b{transform-origin:top}
@keyframes ssGl{0%{filter:none}40%{filter:brightness(.86)}100%{filter:none}}

/* ── Web v akci ── */
.ss .sc-tf{background:#0b0b0d}
.sv-page.sv-js.ss .cs-sc{height:calc(var(--vh)*2.5)}
@media (prefers-reduced-motion:reduce){.sv-page.sv-js.ss .cs-sc{height:auto}}

/* ── Výzva ── */
.ss .cs-in{padding-top:clamp(36px,5vw,76px)}

/* ── Přihláška ── */
.ss-pr{position:relative;margin:clamp(30px,5vw,70px) clamp(8px,1vw,16px) 0;padding:clamp(40px,5.4vw,84px) 0;overflow:hidden;border-radius:clamp(22px,3vw,36px);background:radial-gradient(70% 60% at 76% 8%,#232328,#111114 62%,#0b0b0d);color:#fff}
.ss .ss-pr .sv-h2{color:#fff}
.ss-pr .ss-tp{color:var(--ss-m)}
.ss-pr .sv-tx{color:rgba(255,255,255,.72)}
.ss-pr-g{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);align-items:start;gap:clamp(12px,2vw,28px);margin-top:clamp(22px,3vw,40px)}
.ss-f{position:relative;color:var(--ink);background:#fffdf8;font-family:var(--f-body)}
.ss-f-i{padding:clamp(14px,1.7vw,22px)}
.ss-f-h{display:flex;align-items:flex-end;gap:12px}
.ss-f-h .ss-p{flex:1}
.ss-p{display:block;min-width:0}
.ss-p span{display:block;margin-bottom:5px;font:500 12.5px/1.2 var(--f-body);color:var(--ink-2)}
.ss-f input,.ss-f select{display:block;width:100%;height:40px;padding:0 11px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;color:var(--ink);font:400 14.5px/1 var(--f-body);transition:border-color .15s}
.ss-f input:focus,.ss-f select:focus{outline:none;border-color:var(--ink)}
.ss-f input::placeholder{color:var(--ink-3)}
.ss-jz{display:inline-flex;flex:none;gap:2px;padding:3px;border-radius:999px;background:var(--bg-soft)}
.ss-jz button{height:34px;padding:0 11px;border:0;border-radius:999px;background:none;color:var(--ink-2);font:600 12px/1 var(--f-body);letter-spacing:.04em;cursor:pointer}
.ss-jz button[aria-pressed="true"]{background:var(--ink);color:#fff}
.ss-l{margin:16px 0 6px;font:500 12.5px/1.2 var(--f-body);color:var(--ink-2)}
.ss-kat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ss-kat button,.ss-kola button{display:block;min-width:0;padding:9px 11px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);font:400 12.5px/1.25 var(--f-body);text-align:left;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.ss-kat b,.ss-kola b{display:block;font-weight:600;font-size:14px}
.ss-kat span,.ss-kola span{display:block;margin-top:2px;color:var(--ink-2)}
.ss-kat button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.ss-kat button[aria-pressed="true"] span{color:rgba(255,255,255,.72)}
.ss-kat button:not([aria-pressed="true"]):hover,.ss-kola button:not([aria-pressed="true"]):hover{border-color:var(--ink)}
.ss-kola{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:0;border-bottom:1px solid var(--line-strong)}
.ss-kola button{border:0;border-radius:0;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:7px 8px 9px 0}
.ss-kola button[aria-pressed="true"]{border-bottom-color:var(--ink)}
.ss-bl{min-height:clamp(250px,24vw,312px);padding-top:12px}
.ss-bk{padding:0 0 11px}
.ss-bk+.ss-bk{padding-top:11px;border-top:1px solid var(--line)}
.ss-bk h4{margin:0 0 2px;font:600 14px/1.25 var(--f-body);color:var(--ink)}
.ss-bk p{margin:0 0 8px;font:400 13px/1.42 var(--f-body);color:var(--ink-2);text-wrap:pretty}
.ss-rd{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr) 30px;gap:5px;margin-bottom:5px}
.ss-rd input{height:34px;padding:0 9px;font-size:13.5px;border-radius:8px}
.ss-rd .x{width:30px;height:34px;border:0;border-radius:8px;background:none;color:var(--ink-3);font:400 18px/1 var(--f-body);cursor:pointer}
.ss-rd .x:hover{background:var(--bg-soft);color:var(--ink)}
.ss-pl{padding:4px 0;border:0;background:none;color:var(--mint-ink);font:600 13px/1.2 var(--f-body);cursor:pointer}
.ss-pl:hover{color:var(--ink)}
.ss-f-d{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.ss-ul{font:400 12.5px/1.2 var(--f-body);color:var(--ink-3);transition:color .2s}
.ss-ul.on{color:var(--mint-ink)}
.ss-od{flex:none;height:42px;padding:0 18px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 14px/1 var(--f-body);cursor:pointer;transition:background .2s,opacity .2s}
.ss-od:hover:not(:disabled){background:var(--mint-ink)}
.ss-od:disabled{opacity:.5;cursor:default}
.ss-zav{position:absolute;left:0;right:0;top:36px;bottom:0;z-index:3;display:grid;place-items:center;padding:24px;background:rgba(255,253,248,.93);text-align:center}
.ss-zav[hidden]{display:none}
.ss-zav p{margin:0;font:italic 400 clamp(20px,1rem + .8vw,27px)/1.25 var(--f-it);color:var(--ink)}

/* list s repertoárem: tištěný program */
.ss-ls{position:sticky;top:96px;display:flex;flex-direction:column;align-self:start;padding:clamp(20px,2.6vw,36px) clamp(18px,2.4vw,32px);border-radius:6px;background:#f7f4ec linear-gradient(180deg,#fbf9f3,#f3efe5);color:var(--ink);box-shadow:0 34px 60px -30px rgba(0,0,0,.85);font-family:var(--f-it)}
.ss-ls header{padding-bottom:13px;border-bottom:3px double rgba(18,18,20,.42);text-align:center}
.ss-ls header span{display:block;font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.ss-ls header strong{display:block;margin-top:8px;font:400 clamp(17px,.9rem + .4vw,20.5px)/1.2 var(--f-it)}
.ss-ls header small{display:block;margin-top:5px;font:italic 400 14px/1.2 var(--f-it);color:var(--ink-2)}
.ss-ls-j{margin:15px 0 0;font:italic 400 clamp(22px,1rem + 1vw,29px)/1.15 var(--f-it);text-align:center}
.ss-ls-k{margin:4px 0 8px;font:400 13px/1.25 var(--f-body);color:var(--ink-2);text-align:center}
.ss-ls section{padding:9px 0 3px}
.ss-ls section+section{border-top:1px solid var(--line)}
.ss-ls h4{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 5px;font:500 11.5px/1.2 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}
.ss-ls h4 i{font-style:normal;letter-spacing:0;text-transform:none}
.ss-ls section.ak h4{color:var(--mint-ink)}
.ss-ls ul{margin:0;padding:0;list-style:none}
.ss-ls li{display:flex;flex-wrap:wrap;gap:0 8px;margin-bottom:4px;font:400 14.5px/1.3 var(--f-it)}
.ss-ls li b{font-weight:400}
.ss-ls li span{font-style:italic;color:var(--ink-2)}
.ss-ls footer{margin-top:12px;padding-top:12px;border-top:3px double rgba(18,18,20,.42);font:400 12px/1.3 var(--f-body);color:var(--ink-3);text-align:center}
.ss-raz{position:absolute;right:18px;top:92px;padding:6px 12px;border:2px solid #7c2d20;border-radius:6px;color:#7c2d20;font:600 13px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-7deg);opacity:.82;animation:ssRaz .3s var(--ease) backwards}
.ss-raz[hidden]{display:none}
@keyframes ssRaz{from{opacity:0;transform:rotate(-7deg) scale(1.5)}}

/* sekretariát */
.ss-sek{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(14px,3vw,48px);align-items:start;margin-top:clamp(20px,2.6vw,36px);padding-top:clamp(20px,2.6vw,36px);border-top:1px solid rgba(255,255,255,.14)}
.ss .ss-sek .sv-h3{color:#fff;font-size:clamp(19px,1rem + .5vw,23px)}
.ss-sek .sv-tx{margin-top:6px}
.ss-pp{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font:500 14px/1.2 var(--f-body);color:#fff;cursor:pointer}
.ss-pp input{position:absolute;opacity:0;width:1px;height:1px}
.ss-pp i{position:relative;width:40px;height:23px;border-radius:999px;background:rgba(255,255,255,.2);transition:background .2s}
.ss-pp i::after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .2s var(--ease)}
.ss-pp input:checked+i{background:var(--mint)}
.ss-pp input:checked+i::after{transform:translateX(17px)}
.ss-pp input:focus-visible+i{outline:2px solid var(--ss-m);outline-offset:2px}
.ss-tb{overflow:hidden;border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.ss-tb table{width:100%;border-collapse:collapse;font:400 14px/1.3 var(--f-body)}
.ss-tb th{padding:9px 13px;font:500 11.5px/1 var(--f-mono);text-align:left;color:rgba(255,255,255,.6);background:rgba(255,255,255,.05)}
.ss-tb td{padding:9px 13px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.88)}
.ss-tb em{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--mint);color:#fff;font:600 11.5px/1 var(--f-body)}
.ss-tb em.o{background:rgba(255,255,255,.14);color:rgba(255,255,255,.84)}
.ss-tb tr.nv{animation:ssNv .5s var(--ease) backwards}
@keyframes ssNv{from{opacity:0;transform:translateY(-8px)}}

/* ── Ročníky ── */
.ss-pt{margin-top:clamp(24px,3vw,44px)}
.ss-sys{display:block;width:100%;height:auto;overflow:visible;fill:var(--ink)}
.ss-sys+.ss-sys{margin-top:clamp(6px,1.4vw,18px)}
.ss-sys .ln{stroke:rgba(18,18,20,.42);stroke-width:.6;fill:none}
.ss-sys .tc{stroke:rgba(18,18,20,.6);stroke-width:.7;fill:none}
.ss-sys .nz,.ss-sys .pl{stroke:currentColor;stroke-width:.95;fill:none}
.ss-sys .lg{fill:currentColor}
.ss-sys .nn{color:var(--ink)}
.ss-tk{cursor:pointer;outline:none}
.ss-tk .ss-hb{fill:transparent;transition:fill .18s}
.ss-tk:hover .ss-hb{fill:rgba(168,137,79,.1)}
.ss-tk.on .ss-hb{fill:rgba(168,137,79,.2)}
.ss-tk:focus-visible .ss-hb{stroke:var(--mint-ink);stroke-width:1.2}
.ss-tk .tr{font:500 10.5px/1 var(--f-mono);fill:var(--ink-2)}
.ss-tk .tn{font:italic 400 12px/1 var(--f-it);fill:var(--ink-3)}
.ss-tk.on .tr{fill:var(--ink)}
.ss-tk.on .tn{fill:var(--mint-ink)}
.ss-ro-d{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:clamp(14px,2vw,26px)}
.ss-ro-i{min-height:2.7em;margin:0;font:400 15px/1.35 var(--f-body);color:var(--ink-2)}
.ss-ro-i b{display:block;font:italic 400 clamp(22px,1rem + 1vw,28px)/1.15 var(--f-it);color:var(--ink)}
.ss-pz{margin:14px 0 0;font:400 13px/1.4 var(--f-body);color:var(--ink-2)}
.ss-pr .ss-pz{color:rgba(255,255,255,.62)}
.ss-b.t{border-color:var(--line-strong);background:none;color:var(--ink)}
.ss-b.t:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.ss-dc{margin-left:18px}
.ss-dc em{font:italic 400 17px/1 var(--f-it)}

/* ── Telefony a tablety ── */
@media (max-width:1199.98px){.ss-pr-g{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}}
@media (max-width:991.98px){.ss-pr-g{grid-template-columns:minmax(0,1fr)}
.ss-ls{position:relative;top:auto;align-self:stretch}
.ss-sek{grid-template-columns:minmax(0,1fr)}
.ss-bl{min-height:0}}
@media (max-width:767.98px){.ss-hero{--kh:clamp(120px,21vh,186px)}
.ss-hero .cs-fa a{font-size:14px;white-space:nowrap}
.ss-hero-i{object-position:78% 92%}
.ss-hero::after{background:linear-gradient(180deg,rgba(11,11,13,.5) 0,rgba(11,11,13,.62) 40%,rgba(11,11,13,.86) 64%,#0b0b0d 82%)}
.ss-kb{--bw:calc(100%/var(--n)*.62)}
.ss-nav{font-size:13px}
.ss-nav em{font-size:15px}
.ss-noty{height:66px;max-width:none}
.ss-b{height:34px;padding:0 10px 0 7px;font-size:12.5px}
.ss-b span{display:none}
.ss-b{width:34px;justify-content:center;padding:0}
.ss-b.t{width:auto;padding:0 13px 0 9px}
.ss-b.t span{display:inline}
.ss-kat{grid-template-columns:minmax(0,1fr)}
.ss-kat button{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ss-kola button span{font-size:12px}
.ss-rd{grid-template-columns:minmax(0,1fr) 30px}
.ss-rd input[data-p="0"]{grid-column:1}
.ss-rd input[data-p="1"]{grid-column:1}
.ss-rd .x{grid-column:2;grid-row:1 / span 2;height:auto}
.ss-tb th:nth-child(3),.ss-tb td:nth-child(3){display:none}}
@media (max-height:720px) and (min-width:768px){.ss-hero{--kh:clamp(104px,20vh,150px)}
.ss-hero .cs-sub{display:none}
.ss-noty{height:58px}}
@media (max-height:560px) and (orientation:landscape){.ss-hero{min-height:620px}
.ss-hero .cs-fa{display:none}}
@media (prefers-reduced-motion:reduce){.ss-hero-i{animation:none}
.ss-kb .dal::after{animation:none}
.ss-noty{transition:none}}