@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonty/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonty/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonty/source-serif-4-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonty/source-serif-4-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Olins — vlastný štýl. Animuje sa len transform a opacity (výnimka: výška rozbaľovanej odpovede po kliknutí). */
:root {
  --pismo-n: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --pismo-t: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --sirka: 1180px; --hlava: 64px; --o: 6px;
  --cas-hover: 120ms; --cas-stlac: 140ms; --cas-odhal: 320ms; --cas-rozbal: 600ms; --cas-prelin: 900ms;
  --von: cubic-bezier(0.23, 1, 0.32, 1); --krivka-rozbal: cubic-bezier(0.22, 0.61, 0.36, 1);
  --posun: 20px;
}
:root, [data-theme="light"] {
  --bg: #f5f7f5; --bg2: #e6eeeb; --biela: #ffffff;
  --ink: #23251f; --ink2: #464c46; --ciara: #cbd6d1; --tmava: #1f2a27;
  --akcent: #3c5a52; --akcent-h: #2c4640; --akcent-sv: #a9cbc0; --sv-h: #c6dfd6;
  --na-akcent: #ffffff; --na-sv: #1f2a27;
  --tm-text: #f5f7f5; --tm-text2: #cfdad5; --tm-text3: #a9b8b2; --tm-text4: #e1e9e5; --tm-text5: #d3ded9; --tm-linka: rgba(245, 247, 245, 0.22);
  --pole-bg: #ffffff; --pole-okraj: #7f8a84;
  --hv-prazdna: #dadce0;
  --ok-bg: #e4efe0; --ok-okraj: #9bbf8f; --chyba-bg: #f8e3dc; --chyba-okraj: #d99a88;
  --ov-bg: rgba(255, 213, 79, 0.5); --ov-text: #1b1b1b; --ov-blok-bg: #fff3b8; --ov-blok-text: #1b1b1b;
  color-scheme: light;
}
[data-theme="dark"] {
  --bg: #161c1a; --bg2: #1f2826; --biela: #26312e;
  --ink: #e8eeeb; --ink2: #b4c2bc; --ciara: #3a4945; --tmava: #0f1513;
  --akcent: #a9cbc0; --akcent-h: #c4ddd4; --akcent-sv: #a9cbc0; --sv-h: #c4ddd4;
  --na-akcent: #10201b; --na-sv: #10201b;
  --tm-text: #e8eeeb; --tm-text2: #c3d0ca; --tm-text3: #9fb0a9; --tm-text4: #d5e0db; --tm-text5: #d0dbd6; --tm-linka: rgba(232, 238, 235, 0.2);
  --pole-bg: #161c1a; --pole-okraj: #7d918a;
  --hv-prazdna: #5f6368;
  --ok-bg: #1f3a2f; --ok-okraj: #4c8068; --chyba-bg: #43261f; --chyba-okraj: #b0685a;
  --ov-bg: rgba(226, 192, 72, 0.85); --ov-text: #1b1b1b; --ov-blok-bg: #4d4214; --ov-blok-text: #f6ebb8;
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) {
  :root { --cas-hover: 1ms; --cas-stlac: 1ms; --cas-odhal: 1ms; --cas-rozbal: 1ms; --cas-prelin: 1ms; --posun: 0px; }
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 84px; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 17px/1.62 var(--pismo-t); -webkit-font-smoothing: antialiased; }
:where(h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote) { margin: 0; }
:where(ul, ol) { padding: 0; list-style: none; }
:where(.hlava, .pata, main, .menu) a { color: inherit; }
img { max-width: 100%; height: auto; display: block; }
button, input, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--akcent); outline-offset: 2px; border-radius: 3px; }
.tmavy :focus-visible, .pata :focus-visible { outline-color: var(--akcent-sv); }
.skry-vizualne { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.preskoc { position: absolute; left: 12px; top: -60px; background: var(--ink); color: var(--bg); padding: 10px 16px; z-index: 100; border-radius: var(--o); }
.preskoc:focus { top: 8px; }

/* písmo */
h1, h2, h3, .serif { font-family: var(--pismo-n); font-weight: 600; letter-spacing: -0.02em; line-height: 1.12; text-wrap: balance; }
h1 { font-size: clamp(2.15rem, 5.6vw, 3.9rem); }
h2 { font-size: clamp(1.7rem, 3.8vw, 2.6rem); }
h3 { font-size: 1.3rem; line-height: 1.25; }
.stitok { font: 600 0.78rem/1.2 var(--pismo-t); letter-spacing: 0.12em; text-transform: uppercase; color: var(--akcent); margin-bottom: 14px; }
.tmavy .stitok { color: var(--akcent-sv); }
.uvod-text { font-size: clamp(1.05rem, 2vw, 1.22rem); color: var(--ink2); max-width: 36em; }
.prosa > * + * { margin-top: 1em; }
.prosa a, .odkaz { color: var(--akcent); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; transition: color var(--cas-hover) linear; }
.prosa ul { list-style: disc; padding-left: 1.3em; }
.prosa ul li + li { margin-top: 0.35em; }
.prosa h3 { margin-top: 1.6em; }
.maly { font-size: 0.9rem; color: var(--ink2); }
.nz { white-space: nowrap; }

/* rozloženie */
.obal { max-width: var(--sirka); margin-inline: auto; padding-inline: 20px; }
.sekcia { padding-block: clamp(52px, 8vw, 104px); }
.sekcia--uzka { padding-block: clamp(36px, 5vw, 64px); }
.sekcia--bg2 { background: var(--bg2); }
.hlavicka-sekcie { max-width: 40em; margin-bottom: clamp(28px, 4vw, 48px); }
.hlavicka-sekcie p { margin-top: 14px; color: var(--ink2); }
.tmavy { background: var(--tmava); color: var(--tm-text); }
.tmavy .hlavicka-sekcie p, .tmavy .uvod-text { color: var(--tm-text2); }

/* hlavička */
.hlava { position: sticky; top: 0; z-index: 50; background: var(--bg); border-bottom: 1px solid var(--ciara); }
.hlava__ram { display: flex; align-items: center; gap: 14px; min-height: var(--hlava); }
.znacka { display: flex; flex-direction: column; text-decoration: none; margin-right: auto; line-height: 1; white-space: nowrap; }
.znacka__n { font: 600 1.7rem/1 var(--pismo-n); letter-spacing: -0.03em; }
.znacka__p { font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink2); margin-top: 3px; }
.menu { display: flex; flex-wrap: wrap; gap: 4px 22px; align-items: center; }
.menu a { text-decoration: none; font-weight: 500; font-size: 0.95rem; padding: 10px 0; transition: color var(--cas-hover) linear; border-bottom: 2px solid transparent; }
.menu a[aria-current="page"] { border-bottom-color: var(--akcent); }
.menu a.menu__predat { color: var(--akcent); font-weight: 600; }
.tel-pilula { display: inline-flex; align-items: center; gap: 8px; background: var(--akcent); color: var(--na-akcent) !important; text-decoration: none; font-weight: 600; font-size: 0.95rem; padding: 10px 16px; border-radius: 999px; white-space: nowrap; transition: background-color var(--cas-hover) linear, transform var(--cas-stlac) var(--von); }
.tel-pilula:active { transform: scale(0.97); }
.ikona { width: 1.1em; height: 1.1em; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.menu-tl { display: none; background: none; border: 1px solid var(--ink); border-radius: 999px; padding: 9px 14px; font-weight: 600; font-size: 0.9rem; transition: transform var(--cas-stlac) var(--von); }
.menu-tl:active { transform: scale(0.97); }
@media (max-width: 959px) {
  .hlava__ram { flex-wrap: wrap; row-gap: 0; padding-block: 8px; }
  .menu-tl { display: inline-block; }
  .menu { flex-basis: 100%; flex-direction: column; align-items: stretch; gap: 0; padding-bottom: 8px; order: 5; }
  .menu a { padding: 13px 0; border-bottom: 1px solid var(--ciara); font-size: 1.05rem; }
  .js .menu { display: none; }
  .js .menu[data-otvorene] { display: flex; }
}
@media (max-width: 360px) {
  .hlava__ram { gap: 8px; }
  .hlava .obal { padding-inline: 14px; }
  .tel-pilula { padding: 8px 10px; font-size: 0.82rem; gap: 5px; }
  .tel-pilula .ikona { display: none; }
  .menu-tl { padding: 8px 11px; font-size: 0.85rem; }
  .znacka__n { font-size: 1.5rem; }
}
@media (max-width: 420px) {
  .tel-pilula { padding: 9px 12px; font-size: 0.88rem; }
  .znacka__p { display: none; }
}

/* tlačidlá */
.tl { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 12px 24px; border-radius: var(--o); border: 2px solid transparent; font-weight: 600; font-size: 1rem; text-decoration: none; text-align: center; line-height: 1.2; transition: background-color var(--cas-hover) linear, color var(--cas-hover) linear, border-color var(--cas-hover) linear, transform var(--cas-stlac) var(--von); }
.tl:active { transform: scale(0.97); }
.tl--hlavne { background: var(--akcent); color: var(--na-akcent) !important; }
.tl--ramik { border-color: var(--ink); color: var(--ink) !important; background: transparent; }
.tmavy .tl--ramik { border-color: var(--tm-text); color: var(--tm-text) !important; }
.tmavy .tl--hlavne { background: var(--akcent-sv); color: var(--na-sv) !important; }
.tl--siroke { width: 100%; }
.tlacidla { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

/* úvod */
.uvod { padding-block: clamp(32px, 6vw, 72px) clamp(40px, 7vw, 88px); }
.uvod__ram { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.uvod h1 { margin-bottom: 22px; }
.uvod__dokaz { margin-top: 26px; font-size: 0.9rem; color: var(--ink2); border-top: 1px solid var(--ciara); padding-top: 16px; }
.uvod__dokaz .hodnotenie { margin-bottom: 12px; }
.uvod__foto { position: relative; display: block; text-decoration: none; }
.uvod__foto img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--o); background: var(--bg2); }
.uvod__popis { position: absolute; left: 12px; right: 12px; bottom: 12px; background: var(--biela); border-radius: var(--o); padding: 12px 16px; display: flex; justify-content: space-between; gap: 12px; align-items: baseline; color: var(--ink); }
.uvod__popis b { font: 600 1.15rem/1.2 var(--pismo-n); white-space: nowrap; }
.uvod__popis span { font-size: 0.88rem; color: var(--ink2); }
@media (max-width: 899px) {
  .uvod__ram { grid-template-columns: minmax(0, 1fr); }
  .uvod__foto img { aspect-ratio: 4 / 3; }
}

/* panel „chcem predať“ */
.predat__ram { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(28px, 6vw, 80px); align-items: start; }
.kroky { counter-reset: krok; display: grid; gap: 0; }
.kroky li { counter-increment: krok; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 4px 12px; padding: 18px 0; border-top: 1px solid var(--tm-linka); }
.kroky li::before { content: counter(krok); font: 600 2.2rem/1 var(--pismo-n); color: var(--akcent-sv); grid-row: span 2; }
.kroky b { font: 600 1.15rem/1.3 var(--pismo-n); }
.kroky span { color: var(--tm-text2); }
.sv .kroky li { border-top-color: var(--ciara); }
.sv .kroky li::before { color: var(--akcent); }
.sv .kroky span { color: var(--ink2); }
@media (max-width: 899px) { .predat__ram { grid-template-columns: minmax(0, 1fr); } }

/* ponuky */
.mriezka { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
@media (max-width: 959px) { .mriezka { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .mriezka { grid-template-columns: minmax(0, 1fr); } }
.karta { position: relative; background: var(--biela); border: 1px solid var(--ciara); border-radius: var(--o); overflow: hidden; display: flex; flex-direction: column; transition: border-color var(--cas-hover) linear; }
.karta[hidden] { display: none; }
.karta__foto { position: relative; background: var(--bg2); }
.karta__foto img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.znacka-typ { position: absolute; left: 10px; top: 10px; background: var(--tmava); color: #fff; font: 600 0.72rem/1 var(--pismo-t); letter-spacing: 0.08em; text-transform: uppercase; padding: 7px 9px; border-radius: 3px; }
.znacka-typ--prenajom { background: var(--akcent); color: var(--na-akcent); }
.karta__telo { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.karta__cena { font: 600 1.4rem/1.2 var(--pismo-n); letter-spacing: -0.01em; }
.karta__nadpis { font: 600 1.05rem/1.3 var(--pismo-t); }
.karta__nadpis a { text-decoration: none; transition: color var(--cas-hover) linear; }
.karta__nadpis a::after { content: ""; position: absolute; inset: 0; }
.karta__miesto { font-size: 0.92rem; color: var(--ink2); }
.karta__udaje { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: auto; padding-top: 10px; font-size: 0.88rem; color: var(--ink2); }
.filter { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; }
.filter[hidden] { display: none; }
.filter button { border: 1px solid var(--ink); background: transparent; border-radius: 999px; padding: 9px 16px; font-weight: 500; font-size: 0.93rem; min-height: 44px; transition: background-color var(--cas-hover) linear, color var(--cas-hover) linear; }
.filter button[aria-pressed="true"] { background: var(--ink); color: var(--bg); }
.prazdno { padding: 32px; border: 1px dashed var(--ciara); border-radius: var(--o); }

/* detail ponuky */
.omrvinky { font-size: 0.88rem; color: var(--ink2); padding-block: 18px 6px; }
.omrvinky ol { display: flex; flex-wrap: wrap; gap: 4px 8px; }
.omrvinky li + li::before { content: "/"; margin-right: 8px; }
.omrvinky a { text-decoration: underline; text-underline-offset: 3px; }
.detail { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: clamp(28px, 4vw, 56px); align-items: start; padding-bottom: clamp(48px, 7vw, 96px); }
.detail__bocny { position: sticky; top: calc(var(--hlava) + 16px); display: grid; gap: 18px; }
.detail h1 { font-size: clamp(1.7rem, 3.6vw, 2.5rem); margin-bottom: 8px; }
.detail__miesto { color: var(--ink2); margin-bottom: 20px; }
.balik { background: var(--biela); border: 1px solid var(--ciara); border-radius: var(--o); padding: 22px; }
.balik__cena { font: 600 clamp(1.9rem, 4vw, 2.4rem)/1.1 var(--pismo-n); letter-spacing: -0.02em; }
.balik__poz { color: var(--ink2); font-size: 0.93rem; margin-top: 6px; }
.balik .tl { margin-top: 18px; }
.balik__kto { display: flex; align-items: center; gap: 12px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--ciara); font-size: 0.93rem; }
.balik__kto img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.fakty { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1px; background: var(--ciara); border: 1px solid var(--ciara); border-radius: var(--o); overflow: hidden; margin-block: 22px; }
.fakty div { background: var(--biela); padding: 12px 14px; }
.fakty dt { font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink2); }
.fakty dd { font: 600 1.15rem/1.3 var(--pismo-n); margin-top: 2px; }
.parametre { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 36px; }
.parametre div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--ciara); font-size: 0.95rem; }
.parametre dt { color: var(--ink2); }
.parametre dd { font-weight: 500; text-align: right; }
@media (max-width: 599px) { .parametre { grid-template-columns: minmax(0, 1fr); } }
.mobil-len { display: none; }
@media (max-width: 959px) {
  .detail { grid-template-columns: minmax(0, 1fr); }
  .detail__bocny { display: none; }
  .mobil-len { display: block; }
}
.detail h2 { font-size: clamp(1.4rem, 3vw, 1.8rem); margin: 38px 0 14px; }

/* galéria */
.galeria { margin-bottom: 8px; }
.galeria__hlavna { position: relative; background: var(--bg2); border-radius: var(--o); overflow: hidden; }
.galeria__hlavna > button { display: block; width: 100%; padding: 0; border: 0; background: none; }
.galeria__hlavna img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.gal-sipka { position: absolute; top: 50%; margin-top: -24px; width: 48px; height: 48px; border-radius: 50%; border: 0; background: var(--biela); color: var(--ink); display: none; align-items: center; justify-content: center; transition: transform var(--cas-stlac) var(--von); }
.js .gal-sipka { display: flex; }
.gal-sipka:active { transform: scale(0.94); }
.gal-sipka--l { left: 10px; } .gal-sipka--p { right: 10px; }
.gal-pocet { position: absolute; right: 10px; bottom: 10px; background: var(--tmava); color: #fff; font-size: 0.82rem; padding: 6px 10px; border-radius: 3px; display: none; }
.js .gal-pocet { display: block; }
.galeria__nahl { display: flex; gap: 8px; margin-top: 8px; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 6px; -webkit-overflow-scrolling: touch; }
.galeria__nahl button { flex: none; width: 96px; padding: 0; border: 2px solid transparent; border-radius: 4px; background: var(--bg2); overflow: hidden; scroll-snap-align: start; opacity: 0.8; transition: opacity var(--cas-hover) linear; }
.galeria__nahl button[aria-current="true"] { border-color: var(--akcent); opacity: 1; }
.galeria__nahl img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.bez-js-galeria { display: none; }
html:not(.js) .galeria__nahl { flex-wrap: wrap; overflow: visible; }
.lightbox { border: 0; padding: 0; max-width: 100vw; max-height: 100vh; width: 100vw; height: 100vh; background: rgba(10, 16, 30, 0.96); color: #fff; }
.lightbox::backdrop { background: rgba(10, 16, 30, 0.96); }
.lightbox[open] { display: flex; align-items: center; justify-content: center; }
.lightbox img { max-width: 94vw; max-height: 86vh; width: auto; height: auto; object-fit: contain; }
.lightbox .gal-sipka { display: flex; }
.lightbox__zavri { position: absolute; top: 12px; right: 12px; width: 48px; height: 48px; border-radius: 50%; border: 0; background: var(--biela); color: var(--ink); display: flex; align-items: center; justify-content: center; }
.lightbox .gal-pocet { display: block; bottom: 16px; right: 50%; transform: translateX(50%); }

/* formulár */
.formular { display: grid; gap: 14px; }
.pole label { display: block; font-weight: 600; font-size: 0.92rem; margin-bottom: 6px; }
.pole label small { font-weight: 400; color: var(--ink2); }
.pole input, .pole textarea { width: 100%; font-size: 16px; padding: 12px 14px; border: 1px solid var(--pole-okraj); border-radius: var(--o); background: var(--pole-bg); color: var(--ink); min-height: 48px; }
.pole textarea { min-height: 112px; resize: vertical; }
.pole input:focus-visible, .pole textarea:focus-visible { outline-offset: 0; border-color: var(--akcent); }
.past { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.formular__ok, .formular__chyba { padding: 14px 16px; border-radius: var(--o); font-size: 0.97rem; }
.formular__ok { background: var(--ok-bg); border: 1px solid var(--ok-okraj); }
.formular__chyba { background: var(--chyba-bg); border: 1px solid var(--chyba-okraj); }
.formular__ok[hidden], .formular__chyba[hidden] { display: none; }
.formular .maly a { text-decoration: underline; }
.formular-sekcia { background: var(--biela); border: 1px solid var(--ciara); border-radius: var(--o); padding: clamp(20px, 3vw, 32px); }
.formular-sekcia h2, .formular-sekcia h3 { margin-bottom: 8px; }
.formular-sekcia > p { margin-bottom: 18px; color: var(--ink2); }
.tmavy .formular-sekcia { color: var(--ink); }

/* dôvody a služby */
.riadky > li { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 8px 40px; padding: 26px 0; border-top: 1px solid var(--ink); }
.riadky > li:last-child { border-bottom: 1px solid var(--ink); }
.riadky p { color: var(--ink2); }
@media (max-width: 699px) { .riadky > li { grid-template-columns: minmax(0, 1fr); } }
.stlpce3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 36px; }
.stlpce3 h3 { margin-bottom: 8px; }
.stlpce3 p { color: var(--ink2); }
@media (max-width: 799px) { .stlpce3 { grid-template-columns: minmax(0, 1fr); } }

/* referencie */
.citaty { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.citaty--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 899px) { .citaty, .citaty--2 { grid-template-columns: minmax(0, 1fr); } }
.citat { background: var(--biela); border: 1px solid var(--ciara); border-left: 4px solid var(--akcent); border-radius: var(--o); padding: 22px 24px; display: flex; flex-direction: column; gap: 14px; }
.citat blockquote { font: 500 1.08rem/1.55 var(--pismo-n); }
.citat figcaption { font-weight: 600; font-size: 0.93rem; margin-top: auto; }
.citat ul { list-style: none; display: grid; gap: 6px; }

/* tím */
.ludia { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
@media (max-width: 699px) { .ludia { grid-template-columns: minmax(0, 1fr); } }
.clovek { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; align-items: start; }
.clovek img { width: 150px; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--o); background: var(--bg2); }
.clovek h3 { margin-bottom: 4px; }
.clovek__rola { color: var(--ink2); margin-bottom: 12px; }
.clovek a { display: inline-block; padding: 8px 0; margin: -4px 0; text-decoration: none; font-weight: 500; }
@media (max-width: 479px) { .clovek { grid-template-columns: 110px minmax(0, 1fr); gap: 14px; } .clovek img { width: 110px; } }

/* kontakt */
.kontakt__ram { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
@media (max-width: 899px) { .kontakt__ram { grid-template-columns: minmax(0, 1fr); } }
.udaje { display: grid; gap: 18px; margin-top: 24px; }
.udaje dt { font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink2); }
.udaje dd { font: 600 1.25rem/1.35 var(--pismo-n); }
.udaje a { text-decoration: none; display: inline-block; padding: 4px 0; }

/* otázky */
.otazky details { border-top: 1px solid var(--ink); }
.otazky details:last-child { border-bottom: 1px solid var(--ink); }
.otazky summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; font: 600 1.15rem/1.35 var(--pismo-n); min-height: 56px; }
.otazky summary::-webkit-details-marker { display: none; }
.znak { flex: none; width: 22px; height: 22px; position: relative; transition: transform var(--cas-rozbal) var(--krivka-rozbal); }
.znak::before, .znak::after { content: ""; position: absolute; left: 3px; right: 3px; top: 50%; height: 2px; margin-top: -1px; background: var(--akcent); }
.znak::after { transform: rotate(90deg); }
details[open] .znak { transform: rotate(45deg); }
details[data-zatvara] .znak { transform: none; }
.odpoved { padding-bottom: 22px; color: var(--ink2); max-width: 46em; }
.odpoved > * + * { margin-top: 0.8em; }

/* pätička */
.pata { background: var(--tmava); color: var(--tm-text5); padding-block: 56px 28px; font-size: 0.95rem; }
.pata__ram { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; }
@media (max-width: 899px) { .pata__ram { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 519px) { .pata__ram { grid-template-columns: minmax(0, 1fr); } }
.pata h2 { font: 600 0.78rem/1.2 var(--pismo-t); letter-spacing: 0.12em; text-transform: uppercase; color: var(--akcent-sv); margin-bottom: 12px; }
.pata li a { display: inline-block; padding: 7px 0; text-decoration: none; transition: color var(--cas-hover) linear; }
.pata .znacka__n { color: var(--tm-text); }
.pata .znacka__p { color: var(--tm-text3); }
.pata p + p { margin-top: 8px; }
.pata__spodok { margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--tm-linka); display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; font-size: 0.85rem; color: var(--tm-text3); }
.pata__spodok a { text-decoration: underline; text-underline-offset: 3px; }

/* odhaľovanie: bez JS je všetko viditeľné */
.js .rv, .js .rv-dieta { opacity: 0; transform: translateY(var(--posun)); }
.js .rv.in, .js .rv-skupina.in > .rv-dieta { opacity: 1; transform: none; transition: opacity var(--cas-odhal) var(--von), transform var(--cas-odhal) var(--von); transition-delay: var(--d, 0ms); }

/* myš: len farba */
@media (hover: hover) and (pointer: fine) {
  .tl--hlavne:hover, .tel-pilula:hover { background: var(--akcent-h); }
  .tmavy .tl--hlavne:hover { background: var(--sv-h); }
  .tl--ramik:hover { background: var(--ink); color: var(--bg) !important; }
  .tmavy .tl--ramik:hover { background: var(--tm-text); color: var(--tmava) !important; }
  .menu a:hover, .pata li a:hover { color: var(--akcent); }
  .pata li a:hover { color: var(--akcent-sv); }
  .karta:hover { border-color: var(--ink); }
  .karta:hover .karta__nadpis a { color: var(--akcent); }
  .prosa a:hover, .odkaz:hover { color: var(--akcent-h); }
  .filter button:hover:not([aria-pressed="true"]) { background: var(--bg2); }
  .galeria__nahl button:hover { opacity: 1; }
}
@media print { .hlava, .pata, .detail__bocny { display: none; } }

.pata .znacka { white-space: normal; }
.znacka { padding: 8px 0; margin-block: -8px; }
.tel-pilula, .menu-tl { min-height: 44px; }
.omrvinky a { display: inline-block; padding: 12px 0; margin: -12px 0; }
@media (prefers-reduced-motion: reduce) { .js .rv, .js .rv-dieta { opacity: 1; transform: none; } }
.clovek a { overflow-wrap: anywhere; }
@media (max-width: 479px) { .clovek { grid-template-columns: 88px minmax(0, 1fr); } .clovek img { width: 88px; } }
.citat blockquote { overflow-wrap: anywhere; hyphens: auto; }

.pole select { width: 100%; font-size: 16px; padding: 12px 14px; border: 1px solid var(--pole-okraj); border-radius: var(--o); background: var(--pole-bg); color: var(--ink); min-height: 48px; }
.balik__vyzva { margin-top: 14px; font-size: 0.95rem; }
.citaty--1 { grid-template-columns: minmax(0, 1fr); max-width: 46em; }
.zoznam-svetly { display: grid; gap: 10px; margin-top: 18px; }
.zoznam-svetly li { padding-left: 24px; position: relative; color: var(--tm-text4); }
.zoznam-svetly li::before { content: ""; position: absolute; left: 0; top: 0.7em; width: 10px; height: 2px; background: var(--akcent-sv); }
.zoznam-bolest { display: grid; gap: 0; }
.zoznam-bolest li { padding: 14px 0 14px 28px; border-top: 1px solid var(--ciara); position: relative; }
.zoznam-bolest li:last-child { border-bottom: 1px solid var(--ciara); }
.zoznam-bolest li::before { content: ""; position: absolute; left: 0; top: 1.4em; width: 14px; height: 2px; background: var(--akcent); }
.dva { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
@media (max-width: 799px) { .dva { grid-template-columns: minmax(0, 1fr); } }
.blok-text { background: var(--biela); border: 1px solid var(--ciara); border-radius: var(--o); padding: 24px; }
.blok-text h3 { margin-bottom: 12px; }
.blok-text ul { list-style: disc; padding-left: 1.2em; display: grid; gap: 8px; }
.blok-text--ink { background: var(--tmava); color: var(--tm-text); border-color: var(--tmava); }
.ludia-velki { display: grid; gap: 32px; max-width: 52em; }
.clovek-velky { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 22px; align-items: start; }
.clovek-velky img { width: 150px; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--o); background: var(--bg2); }
.clovek__rola { color: var(--ink2); margin: 2px 0 10px; }
.clovek-odkaz { display: inline-block; padding: 8px 0; text-decoration: none; font-weight: 500; overflow-wrap: anywhere; }
.clovek-odkaz.odkaz { text-decoration: underline; }
@media (max-width: 479px) { .clovek-velky { grid-template-columns: 96px minmax(0, 1fr); gap: 14px; } .clovek-velky img { width: 96px; } }
/* značky na overenie (len náhľad) */
.overit { background: var(--ov-bg); box-shadow: 0 0 0 3px var(--ov-bg); border-radius: 3px; color: var(--ov-text); }
.tmavy .overit { color: var(--ov-text); }
.overit--poz { display: inline-block; min-width: 1.4em; margin-left: 6px; padding: 0 5px; font-weight: 700; text-align: center; box-shadow: none; }
.overit-blok { border: 2px dashed #c99a06; background: var(--ov-blok-bg); color: var(--ov-blok-text); padding: 16px 18px; border-radius: var(--o); font-weight: 600; margin-block: 20px; }
.overit-li { background: rgba(226, 192, 72, 0.3); outline: 3px solid rgba(226, 192, 72, 0.6); }
.overit-li b, .overit-li span { color: var(--ov-blok-text); }
.pod-tl { margin-top: 12px; font-size: 0.93rem; color: var(--ink2); }
.tmavy .pod-tl { color: var(--tm-text2); }
.scena { font: italic 500 1.15rem/1.6 var(--pismo-n); border-left: 3px solid var(--akcent); padding-left: 16px; margin-top: 18px; }
.lenka-vyzva { background: var(--biela); border-block: 1px solid var(--ciara); }
.lenka-vyzva__ram { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 24px; align-items: center; max-width: 52em; }
.lenka-vyzva__ram img { width: 120px; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--o); }
.lenka-vyzva__t { font-size: clamp(1.15rem, 2.6vw, 1.45rem); line-height: 1.35; }
@media (max-width: 479px) { .lenka-vyzva__ram { grid-template-columns: 80px minmax(0, 1fr); gap: 14px; } .lenka-vyzva__ram img { width: 80px; } }
.spodny-pruh { display: none; }
@media (max-width: 759px) {
  .ma-pruh .pata { padding-bottom: 104px; }
  .spodny-pruh { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; background: var(--bg); border-top: 1px solid var(--ciara); padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); transition: transform var(--cas-odhal) var(--von); }
  .spodny-pruh[data-skryty] { transform: translateY(100%); }
}

/* logo: „i“ v zelenej */
.znacka__n i { font-style: normal; color: var(--akcent); }
.pata .znacka__n i { color: var(--akcent-sv); }

/* logo (SVG z vodoznaku, 6. 11. 2026) */
.znacka__n { display: block; color: var(--ink); }
.znacka__svg { display: block; height: 34px; width: auto; }
.znacka__klucka { fill: var(--akcent); }
.pata .znacka__n { color: var(--tm-text); }
.pata .znacka__klucka { fill: var(--akcent-sv); }
.znacka__p { margin-top: 6px; }
@media (max-width: 759px) { .znacka__svg { height: 28px; } }
.vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.hlava .znacka { margin-block: 0; padding: 10px 0; }
.hlava .znacka__svg { height: 30px; }
@media (max-width: 759px) { .hlava .znacka__svg { height: 28px; } }
.hlava .znacka__svg { height: 38px; }
.hlava .znacka { padding: 6px 0; }
@media (max-width: 759px) { .hlava .znacka__svg { height: 32px; } }
.pata .znacka__svg { height: 40px; }

/* prepínač témy */
.tema-tl { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: none; padding: 0; border: 1px solid var(--ink); border-radius: 50%; background: transparent; color: var(--ink); transition: transform var(--cas-stlac) var(--von), background-color var(--cas-hover) linear; }
.tema-tl:active { transform: scale(0.94); }
.tema-tl .ikona { width: 20px; height: 20px; }
.tema-tl__slnko { display: none; }
[data-theme="dark"] .tema-tl__slnko { display: block; }
[data-theme="dark"] .tema-tl__mesiac { display: none; }
html:not(.js) .tema-tl { display: none; }
@media (hover: hover) and (pointer: fine) { .tema-tl:hover { background: var(--bg2); } }
.menu-tl { width: 44px; height: 44px; padding: 0; align-items: center; justify-content: center; border-radius: 50%; }
.menu-tl .ikona { width: 20px; height: 20px; }
@media (max-width: 959px) { .menu-tl { display: inline-flex; } .js .menu { display: none; } .js .menu[data-otvorene] { display: flex; } .hlava__ram { gap: 8px; } }

/* fotky k textu z fotobanky (len atmosféra, nikdy nie tím ani klient) */
.foto img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--o); background: var(--bg2); }
.tmavy .foto img { background: var(--biela); }
.foto figcaption { margin-top: 10px; font-size: 0.88rem; color: var(--ink2); }
.foto--pod { margin-top: 28px; }
.uvod__foto--kluce img { object-position: 56% 50%; }
.blok-text__foto { display: block; width: calc(100% + 48px); max-width: none; margin: -24px -24px 22px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: calc(var(--o) - 1px) calc(var(--o) - 1px) 0 0; background: var(--bg2); }

/* slider fotiek (O nás): prelínanie len cez opacity. Nová fotka sa rozsvieti navrchu, stará zhasne až potom (bez presvitania pozadia). */
.slider { margin-bottom: clamp(28px, 4vw, 48px); }
.slider__okno { position: relative; overflow: hidden; aspect-ratio: 1440 / 500; border-radius: var(--o); background: var(--bg2); }
.slider__f { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; z-index: 0; pointer-events: none; transition: opacity 0s linear var(--cas-prelin); }
.slider__f.je { opacity: 1; z-index: 1; pointer-events: auto; transition: opacity var(--cas-prelin) cubic-bezier(0.4, 0, 0.6, 1); }
@media (max-width: 699px) { .slider__okno { aspect-ratio: 2 / 1; } }
.slider__ovl { display: flex; align-items: center; justify-content: center; gap: 0; margin-top: 6px; }
.slider__ovl[hidden] { display: none; }
.slider__bodky { display: flex; }
.slider__bodka, .slider__pauza { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--ink2); border-radius: 50%; transition: color var(--cas-hover) linear, transform var(--cas-stlac) var(--von); }
.slider__bodka::before { content: ''; width: 10px; height: 10px; border-radius: 50%; border: 1.5px solid currentColor; background: transparent; transition: background-color var(--cas-hover) linear; }
.slider__bodka[aria-current="true"] { color: var(--akcent); }
.slider__bodka[aria-current="true"]::before { background: currentColor; }
.slider__bodka:active, .slider__pauza:active { transform: scale(0.94); }
.slider__pauza svg { fill: currentColor; }
.slider__pauza .ik-hraj, .slider__pauza[aria-pressed="true"] .ik-pauza { display: none; }
.slider__pauza[aria-pressed="true"] .ik-hraj { display: inline; }
@media (hover: hover) and (pointer: fine) { .slider__bodka:hover, .slider__pauza:hover { color: var(--ink); } }

/* mapa kancelárie (Kontakt): OpenStreetMap bez cookies */
.mapa { margin-top: 28px; }
.mapa__ram { overflow: hidden; border-radius: var(--o); border: 1px solid var(--ciara); background: var(--bg2); height: 320px; }
.mapa__ram iframe { display: block; width: 100%; height: 100%; border: 0; }
.mapa__tl { margin-top: 14px; gap: 10px; }
.mapa__tl .tl { padding-inline: 18px; }
@media (max-width: 699px) { .mapa__ram { height: 260px; } .mapa__tl .tl { flex: 1 1 100%; } }

/* mapa cez celú šírku obrazovky (Kontakt, Igor 8. 11.) */
.mapa-pas { margin-top: 8px; }
.mapa-pas__ram { height: 480px; border-block: 1px solid var(--ciara); background: var(--bg2); }
.mapa-pas__ram { position: relative; z-index: 0; }
.mapa-pas__nahrada { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--text); }
.mapa-spendlik { background: none; border: 0; filter: drop-shadow(0 2px 3px rgba(0,0,0,.35)); }
.mapa-pas .leaflet-container { font: inherit; background: var(--bg2); }
.mapa-pas__pod { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding-block: 20px 56px; }
.mapa-pas__pod p { margin: 0; }
.mapa-pas__pod .mapa__tl { margin-top: 0; }
@media (max-width: 699px) { .mapa-pas__ram { height: 360px; } .mapa-pas__pod .mapa__tl { width: 100%; } }

/* Google hodnotenie: odznak (G + priemer + hviezdičky + počet) a bubliny s recenziami. Hover len farbou, nič sa nehýbe. */
.hviezdy { display: inline-flex; gap: 1px; flex: none; }
.hv { display: block; width: 20px; height: 20px; }
.hv--plna path { fill: #FBBC04; }
.hv--prazdna path { fill: var(--hv-prazdna); }
.hv-sedy { stop-color: var(--hv-prazdna); }
.hviezdy--male .hv { width: 17px; height: 17px; }
.hodnotenie { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 10px 18px 10px 14px; background: var(--biela); color: var(--ink); border: 1px solid var(--ciara); border-radius: 14px; text-decoration: none; line-height: 1.2; max-width: 100%; min-height: 44px; transition: border-color var(--cas-hover) linear; }
.hodnotenie__g { width: 26px; height: 26px; flex: none; }
.hodnotenie__cislo { font: 700 1.6rem/1 var(--pismo-t); letter-spacing: -0.01em; }
.hodnotenie__pocet { font-size: 0.95rem; font-weight: 500; color: var(--ink2); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.hodnotenie--male { padding: 8px 14px 8px 12px; gap: 4px 8px; }
.hodnotenie--male .hodnotenie__g { width: 20px; height: 20px; }
.hodnotenie--male .hodnotenie__cislo { font-size: 1.15rem; }
.hodnotenie--male .hv { width: 17px; height: 17px; }
.hodnotenie--male .hodnotenie__pocet { font-size: 0.88rem; }
.recenzie { margin-bottom: clamp(40px, 6vw, 72px); }
.recenzie > .hodnotenie { margin-bottom: 26px; }
.recenzie__tl { margin-top: 30px; }
.recenzie__dalsie { margin-top: clamp(44px, 6vw, 72px); }
.recenzie__h { margin-bottom: clamp(24px, 3vw, 36px); }
.tl--google .ikona-g { width: 20px; height: 20px; flex: none; }
.bubliny { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 22px; align-items: start; }
.bubliny--stlpce { display: flex; align-items: flex-start; }
.bubliny__stlpec { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 26px; }
@media (max-width: 959px) {
  .bubliny--riadok { grid-template-columns: minmax(0, 1fr); max-width: 46em; }
  .bubliny--stlpce { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bubliny__stlpec { display: contents; }
}
@media (max-width: 699px) { .bubliny--stlpce { grid-template-columns: minmax(0, 1fr); } }
.bublina { display: flex; flex-direction: column; min-width: 0; }
.bublina__telo { position: relative; background: var(--biela); border: 1px solid var(--ciara); border-radius: 18px; padding: 20px 22px 16px; }
.bublina__telo::after { content: ""; position: absolute; left: 28px; bottom: -9px; width: 16px; height: 16px; background: var(--biela); border-right: 1px solid var(--ciara); border-bottom: 1px solid var(--ciara); border-bottom-right-radius: 3px; transform: rotate(45deg); }
[data-theme="light"] .bublina__telo, [data-theme="light"] .hodnotenie { box-shadow: 0 1px 2px rgba(31, 42, 39, 0.06), 0 6px 18px rgba(31, 42, 39, 0.06); }
.bublina__g { position: absolute; top: 18px; right: 18px; width: 20px; height: 20px; }
.bublina--google .bublina__text { margin-top: 10px; }
.bublina__text { font-size: 1rem; line-height: 1.6; color: var(--ink); overflow-wrap: anywhere; }
.bublina__text p + p { margin-top: 0.6em; }
.bublina__zvysok--odsek { padding-top: 0.6em; }
.js .bublina__zvysok:not(.je-otvorene) { display: none; }
.bublina__viac { display: inline-block; margin-top: 4px; padding: 10px 0; min-height: 44px; background: none; border: 0; color: var(--akcent); font-weight: 600; font-size: 0.95rem; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; transition: color var(--cas-hover) linear; }
.bublina__viac[hidden] { display: none; }
.bublina__kto { display: flex; align-items: center; gap: 12px; margin: 18px 0 0 12px; }
.bublina__inic { flex: none; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--akcent); color: var(--na-akcent); font: 600 1.05rem/1 var(--pismo-t); }
.bublina__kto b { display: block; font-size: 0.95rem; line-height: 1.3; }
.bublina__kto time { display: block; font-size: 0.85rem; color: var(--ink2); }
@media (hover: hover) and (pointer: fine) {
  .hodnotenie:hover { border-color: var(--ink); }
  .hodnotenie:hover .hodnotenie__pocet { color: var(--ink); }
  .bublina__viac:hover { color: var(--akcent-h); }
}
@media (max-width: 420px) {
  .bublina__telo { padding: 18px 18px 14px; }
  .hodnotenie { padding: 9px 14px 9px 12px; gap: 6px 8px; }
  .hodnotenie__cislo { font-size: 1.35rem; }
  .hodnotenie .hv { width: 18px; height: 18px; }
  .hodnotenie--male { padding: 7px 12px 7px 10px; gap: 4px 6px; }
  .hodnotenie--male .hodnotenie__g { width: 18px; height: 18px; }
  .hodnotenie--male .hodnotenie__cislo { font-size: 1.05rem; }
  .hodnotenie--male .hv { width: 15px; height: 15px; }
  .hodnotenie--male .hodnotenie__pocet { font-size: 0.84rem; }
}

/* predané a prenajaté (dôkaz pre predávajúcich) */
.karta--predana .karta__foto img { filter: saturate(0.55); }
.znacka-typ--predane { background: var(--akcent-sv); color: var(--na-sv, #10201b); }

/* sprievodca: obsah a nadpisy */
.obsah-sprievodcu { margin: 26px 0 8px; padding: 18px 22px; background: var(--biela); border: 1px solid var(--ciara); border-radius: var(--o); }
.obsah-sprievodcu ol { margin-top: 8px; padding-left: 1.3em; list-style: decimal; }
.obsah-sprievodcu li + li { margin-top: 0.3em; }
.obsah-sprievodcu a { color: var(--akcent); text-underline-offset: 3px; }
.sprievodca h2 { font-size: clamp(1.35rem, 2.6vw, 1.7rem); margin: 1.8em 0 0.6em; scroll-margin-top: 90px; }
.sprievodca p + p { margin-top: 0.8em; }
.sprievodca ul { margin-top: 0.6em; }

/* maklér bez fotky v backOFFICE: iniciálky */
.clovek__bez { width: 150px; aspect-ratio: 3 / 4; border-radius: var(--o); background: var(--bg2); color: var(--ink2); display: grid; place-items: center; font: 600 2.2rem/1 var(--pismo-t); }
@media (max-width: 479px) { .clovek__bez { width: 96px; font-size: 1.6rem; } .clovek:not(.clovek-velky) .clovek__bez { width: 88px; } }