.suh{position:relative;display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);grid-gap:clamp(16px,2vw,32px);gap:clamp(16px,2vw,32px);align-items:center;margin-top:var(--odstup-7);padding:clamp(20px,2.4vw,36px) clamp(14px,1.8vw,26px);border-radius:var(--r-velky);background:color-mix(in srgb,var(--papier) 62%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--vlas) 70%,transparent);box-shadow:var(--tien-1);overflow:hidden}.suh-nadocie{margin:0;font-size:var(--pismo-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.suh h2{margin:10px 0 8px;font-size:clamp(28px,3.2vw,44px);line-height:1.06;letter-spacing:-.02em}.suh-popis{margin:0;color:var(--ink-2);font-size:var(--pismo-m);line-height:1.6;max-width:42ch}.suh-legenda{display:flex;align-items:center;gap:8px;margin:22px 0 0;font-size:var(--pismo-s);color:var(--ink-3)}.suh-legenda i{display:block;border-radius:50%;background:linear-gradient(135deg,#f7b49a,#e8776c);flex:none}.suh-plocha{position:relative;width:100%;aspect-ratio:1000/660}.suh-nite{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.suh-nit{opacity:.5;transition:opacity var(--prechod) ease}.suh-iskra{animation:suh-iskra 4s ease-in-out infinite}@keyframes suh-plavanie{0%,to{transform:translate(0)}33%{transform:translate(.9%,-1.4%)}66%{transform:translate(-1.1%,.8%)}}@keyframes suh-iskra{0%,to{opacity:.2}50%{opacity:.75}}.suh-kruh{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4%;box-sizing:border-box;border-radius:50%;min-height:0;overflow:visible;animation:suh-plavanie 11s ease-in-out infinite;text-decoration:none;color:var(--ink-2);background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.95) 0,rgba(255,255,255,0) 44%),radial-gradient(circle at 50% 46%,#fff 0,#fbfcfc 52%,#eef3f1 84%,#e3ebe8 100%);border:1px solid color-mix(in srgb,var(--brand) 16%,var(--vlas));box-shadow:inset -6px -10px 20px rgba(16,28,25,.08),inset 5px 7px 14px rgba(255,255,255,.9),0 16px 36px -22px rgba(16,28,25,.55);transition:transform var(--prechod) ease,box-shadow var(--prechod) ease,opacity var(--prechod) ease}.suh-kruh b{display:block;font-family:var(--font-display);font-weight:500;line-height:1;letter-spacing:-.02em;color:var(--brand);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.suh-kruh span{display:block;margin-top:7px;font-weight:600;line-height:1.25;color:var(--ink)}.suh-kruh em{display:block;margin-top:5px;font-style:normal;font-size:.72em;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.suh-kruh.maly{overflow:visible;padding:0}.suh-kruh.maly span{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);width:max(160px,150%);margin-top:0;font-size:.92em;color:var(--ink-2);text-shadow:0 1px 0 rgba(255,255,255,.9)}.suh-kruh.hlavny{background:var(--brand-grad);border-color:transparent;box-shadow:inset -8px -12px 24px rgba(120,12,12,.28),inset 6px 8px 16px rgba(255,255,255,.28),0 26px 54px -22px color-mix(in srgb,var(--brand) 70%,transparent)}.suh-kruh.hlavny b,.suh-kruh.hlavny span{color:var(--na-brande)}.suh-kruh.hlavny em{color:rgba(255,255,255,.72)}.suh-kruh:focus-visible,.suh-kruh:hover{animation-play-state:paused;transform:scale(1.04);box-shadow:0 0 0 6px color-mix(in srgb,var(--brand) 12%,transparent),0 30px 60px -22px color-mix(in srgb,var(--brand) 60%,transparent)}.suh-kruh:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.suh-plocha:has(.suh-kruh:focus-visible) .suh-kruh:not(:focus-visible),.suh-plocha:has(.suh-kruh:hover) .suh-kruh:not(:hover){opacity:.42}.suh-plocha:has(.suh-kruh:focus-visible) .suh-nit,.suh-plocha:has(.suh-kruh:hover) .suh-nit{opacity:.16}.suh-citaren{position:relative;margin-top:26px;min-height:148px}.suh-citaren-list{position:absolute;inset:0;opacity:0;transform:translateY(6px);transition:opacity var(--prechod) ease,transform var(--prechod) ease;pointer-events:none}.suh-citaren-stitok{display:block;font-size:var(--pismo-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.suh-citaren-list strong{display:block;margin:6px 0 10px;font-family:var(--font-display);font-weight:500;font-size:var(--pismo-2xl);line-height:1.15}.suh-citaren-kroky{display:flex;flex-direction:column;gap:6px;font-size:var(--pismo-s);color:var(--ink-2)}.suh-citaren-kroky span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--brand-grad);vertical-align:middle}.suh-citaren-odkaz{display:block;margin-top:12px;font-size:var(--pismo-s);font-weight:600;color:var(--brand)}.suh:has(.suh-kruh[data-i="0"]:focus-visible) .suh-citaren-list[data-i="0"],.suh:has(.suh-kruh[data-i="0"]:hover) .suh-citaren-list[data-i="0"],.suh:has(.suh-kruh[data-i="1"]:focus-visible) .suh-citaren-list[data-i="1"],.suh:has(.suh-kruh[data-i="1"]:hover) .suh-citaren-list[data-i="1"],.suh:has(.suh-kruh[data-i="10"]:focus-visible) .suh-citaren-list[data-i="10"],.suh:has(.suh-kruh[data-i="10"]:hover) .suh-citaren-list[data-i="10"],.suh:has(.suh-kruh[data-i="11"]:focus-visible) .suh-citaren-list[data-i="11"],.suh:has(.suh-kruh[data-i="11"]:hover) .suh-citaren-list[data-i="11"],.suh:has(.suh-kruh[data-i="2"]:focus-visible) .suh-citaren-list[data-i="2"],.suh:has(.suh-kruh[data-i="2"]:hover) .suh-citaren-list[data-i="2"],.suh:has(.suh-kruh[data-i="3"]:focus-visible) .suh-citaren-list[data-i="3"],.suh:has(.suh-kruh[data-i="3"]:hover) .suh-citaren-list[data-i="3"],.suh:has(.suh-kruh[data-i="4"]:focus-visible) .suh-citaren-list[data-i="4"],.suh:has(.suh-kruh[data-i="4"]:hover) .suh-citaren-list[data-i="4"],.suh:has(.suh-kruh[data-i="5"]:focus-visible) .suh-citaren-list[data-i="5"],.suh:has(.suh-kruh[data-i="5"]:hover) .suh-citaren-list[data-i="5"],.suh:has(.suh-kruh[data-i="6"]:focus-visible) .suh-citaren-list[data-i="6"],.suh:has(.suh-kruh[data-i="6"]:hover) .suh-citaren-list[data-i="6"],.suh:has(.suh-kruh[data-i="7"]:focus-visible) .suh-citaren-list[data-i="7"],.suh:has(.suh-kruh[data-i="7"]:hover) .suh-citaren-list[data-i="7"],.suh:has(.suh-kruh[data-i="8"]:focus-visible) .suh-citaren-list[data-i="8"],.suh:has(.suh-kruh[data-i="8"]:hover) .suh-citaren-list[data-i="8"],.suh:has(.suh-kruh[data-i="9"]:focus-visible) .suh-citaren-list[data-i="9"],.suh:has(.suh-kruh[data-i="9"]:hover) .suh-citaren-list[data-i="9"]{opacity:1;transform:none}@media (max-width:860px){.suh{grid-template-columns:1fr;gap:18px}.suh-citaren{display:none}.suh-plocha{aspect-ratio:auto;display:flex;flex-direction:column;gap:12px}.suh-nite{display:none}.suh-kruh{position:static;width:auto!important;aspect-ratio:auto!important;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:12px 16px;border-radius:var(--r-velky);text-align:left;font-size:var(--pismo-m)!important;min-height:76px}.suh-kruh b{flex:none;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;font-size:19px!important;background:color-mix(in srgb,var(--brand-jemna) 80%,transparent);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent)}.suh-kruh.hlavny b{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.35)}.suh-kruh span{margin-top:0;font-size:var(--pismo-m)}.suh-kruh.maly span{position:static;transform:none;width:auto;font-size:var(--pismo-m);color:var(--ink);text-shadow:none}.suh-kruh.maly{padding:12px 16px}.suh-kruh em{display:none}}