/* Vinařství Baraque — referenční úvodní stránka (design-kvalita 2.4 + Antee standard § 16b)
   Profil vizuální (vinařství, cestovní ruch). Tokeny z tématu baraque (theme.json), písma lokálně. */

@font-face { font-family: "Mulish"; src: url("../fonts/mulish-400-latin-ext.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Mulish"; src: url("../fonts/mulish-400-latin.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Mulish"; src: url("../fonts/mulish-600-latin-ext.woff2") format("woff2"); font-weight: 600; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Mulish"; src: url("../fonts/mulish-600-latin.woff2") format("woff2"); font-weight: 600; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Mulish"; src: url("../fonts/mulish-700-latin-ext.woff2") format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Mulish"; src: url("../fonts/mulish-700-latin.woff2") format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Nadpisy: EB Garamond místo Cormorant Garamond — Cormorant má u č, š, ř, ě háčky odtržené vysoko nad písmenem (ověřeno 7. 11. 2026). */
@font-face { font-family: "EB Garamond"; src: url("../fonts/eb-garamond-400-latin-ext.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; src: url("../fonts/eb-garamond-400-latin.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "EB Garamond"; src: url("../fonts/eb-garamond-400-italic-latin-ext.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "EB Garamond"; src: url("../fonts/eb-garamond-400-italic-latin.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --bordo: #6e1b2e;
  --bordo-tmave: #3e0f1b;
  --bordo-svetle: #832438;
  --zlata: #b08a4f;
  --zlata-tmava: #8c6b38;
  --zlata-svetla: #e7d8bc;
  --slonovina: #f7f3ec;
  --slonovina-svetla: #fcfaf5;
  --pisek: #efe8dc;
  --inkoust: #241c1a;
  --inkoust-mekky: #5a4c45;
  --bila: #fff;

  --pismo: "Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pismo-display: "EB Garamond", Georgia, "Times New Roman", serif;
  --text: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);
  --h1: clamp(2.6rem, 1.6rem + 4.2vw, 5rem);
  --h2: clamp(2.1rem, 1.5rem + 2.4vw, 3.4rem);
  --h3: clamp(1.4rem, 1.2rem + .7vw, 1.85rem);

  --obsah: 1264px;
  --okraj: clamp(1rem, 4vw, 2rem);
  --sekce: clamp(4.5rem, 3rem + 5vw, 8rem);
  --radius: 14px;
  --radius-velky: 24px;
  --pilulka: 999px;
  --stin: 0 9px 20px rgba(62,15,27,.08), 0 37px 37px rgba(62,15,27,.06), 0 82px 49px rgba(62,15,27,.035), 0 146px 58px rgba(62,15,27,.01);
  --ease: cubic-bezier(.22,.61,.36,1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; font-family: var(--pismo); font-size: var(--text); line-height: 1.6; color: var(--inkoust); background: var(--slonovina-svetla); hyphens: manual; -webkit-hyphens: manual; text-wrap: pretty; }
h1, h2, h3 { font-family: var(--pismo-display); font-weight: 400; line-height: 1.12; margin: 0 0 .45em; letter-spacing: -.005em; hyphens: manual; text-wrap: balance; }
h1 { font-size: var(--h1); }
h2 { font-size: var(--h2); color: var(--bordo-tmave); }
h3 { font-size: var(--h3); }
h1 em, h2 em { font-style: italic; color: var(--zlata); }
p { margin: 0 0 1em; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; }
a[href^="tel:"] { white-space: nowrap; }
:focus-visible { outline: 3px solid var(--zlata); outline-offset: 3px; border-radius: 4px; }
.obal { width: min(100% - 2 * var(--okraj), var(--obsah)); margin-inline: auto; }
.preskocit { position: absolute; left: -999px; top: 0; background: var(--bordo); color: var(--slonovina); padding: .75rem 1rem; z-index: 100; font-weight: 700; }
.preskocit:focus { left: 1rem; top: 1rem; }

/* ---------- tlačítka ---------- */
.tl { display: inline-flex; align-items: center; gap: .6rem; min-height: 52px; padding: .85rem 1.9rem; border-radius: var(--pilulka); border: 1.5px solid transparent; font: inherit; font-size: 1rem; font-weight: 700; letter-spacing: .01em; text-decoration: none; cursor: pointer; transition: transform .2s var(--ease), background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease); }
.tl:hover { transform: translateY(-2px); }
.tl--bordo { background: var(--bordo); color: var(--slonovina); }
.tl--bordo:hover { background: var(--bordo-svetle); }
.tl--slonovina { background: var(--slonovina); color: var(--bordo-tmave); }
.tl--slonovina:hover { background: var(--bila); }
.tl--obrys { border-color: rgba(247,243,236,.75); color: var(--slonovina); }
.tl--obrys:hover { background: var(--slonovina); color: var(--bordo-tmave); }
.tl--obrys-tmave { border-color: var(--bordo); color: var(--bordo); }
.tl--obrys-tmave:hover { background: var(--bordo); color: var(--slonovina); }
.tl svg { width: 18px; height: 18px; flex: none; }
.odkaz { color: var(--bordo); font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: .4rem; }
.odkaz:hover { color: var(--zlata-tmava); }
.odkaz svg { width: 18px; height: 18px; transition: transform .2s var(--ease); }
.odkaz:hover svg { transform: translateX(4px); }

/* ---------- hlavička ---------- */
.hlavicka { position: sticky; top: 0; z-index: 50; background: rgba(252,250,245,.94); backdrop-filter: saturate(1.2) blur(10px); border-bottom: 1px solid rgba(176,138,79,.2); transition: transform .3s var(--ease), box-shadow .3s var(--ease); }
.hlavicka.je-skryta { transform: translateY(-100%); }
.hlavicka.je-posunuta { box-shadow: 0 6px 24px rgba(62,15,27,.08); }
.hlavicka .obal { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 84px; }
.logo img { height: 58px; width: auto; }
.menu ul { list-style: none; margin: 0; padding: 0; display: flex; gap: .1rem; }
.menu a { display: block; padding: .6rem .7rem; text-decoration: none; font-weight: 600; font-size: .95rem; white-space: nowrap; border-radius: 8px; }
.menu a:hover { color: var(--bordo); }
.hlavicka__prava { display: flex; align-items: center; gap: .75rem; }
.jazyk { font-size: .875rem; font-weight: 700; letter-spacing: .06em; display: flex; gap: .35rem; }
.jazyk a { text-decoration: none; color: var(--inkoust-mekky); padding: .25rem; }
.jazyk a[aria-current="true"] { color: var(--bordo); }
.hlavicka__prava .tl { min-height: 46px; padding: .6rem 1.35rem; }
.prepinac { display: none; background: none; border: 0; color: var(--bordo-tmave); width: 48px; height: 48px; cursor: pointer; border-radius: 10px; }
.prepinac svg { width: 28px; height: 28px; margin: auto; }
@media (max-width: 1180px) {
  .prepinac { display: block; }
  .menu { position: absolute; top: 100%; left: 0; right: 0; background: var(--slonovina-svetla); padding: 1rem var(--okraj) 2rem; border-bottom: 1px solid var(--pisek); visibility: hidden; opacity: 0; transform: translateY(-8px); transition: opacity .25s var(--ease), transform .25s var(--ease), visibility 0s .25s; }
  .menu.je-otevrene { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; }
  .menu ul { flex-direction: column; }
  .menu a { padding: .9rem .5rem; font-size: 1.125rem; border-bottom: 1px solid var(--pisek); border-radius: 0; }
}
@media (max-width: 560px) { .hlavicka__prava .tl, .jazyk { display: none; } .logo img { height: 50px; } }

/* ---------- hero ---------- */
.hero { position: relative; color: var(--slonovina); overflow: hidden; isolation: isolate; background: var(--bordo-tmave); }
.hero__foto { position: absolute; inset: 0; z-index: -2; }
.hero__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 40% 65%; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(62,15,27,.86) 0%, rgba(62,15,27,.62) 40%, rgba(62,15,27,.08) 75%), linear-gradient(0deg, rgba(36,28,26,.55) 0%, rgba(36,28,26,0) 45%); }
.hero .obal { padding-block: clamp(5rem, 3rem + 8vw, 9.5rem) clamp(10rem, 8rem + 7vw, 14rem); }
.hero__obsah { max-width: 640px; }
.stitek { display: inline-flex; align-items: center; gap: .65rem; font-size: .85rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--zlata-svetla); margin-bottom: 1.25rem; }
.stitek::before { content: ""; width: 32px; height: 1px; background: currentColor; }
.hero__perex { font-size: clamp(1.125rem, 1rem + .5vw, 1.3rem); color: #f1e9dd; max-width: 33em; }
.hero__tlacitka { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 2rem; }
/* podpisový prvek: oblouk číše z loga — spodní hrana hera */
.hero__oblouk { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: clamp(40px, 6vw, 90px); color: var(--slonovina-svetla); }

/* ---------- rozcestník přes hranu hera ---------- */
.rozcestnik { position: relative; z-index: 2; margin-top: clamp(-9rem, -6rem - 3vw, -6rem); }
.rozcestnik__mrizka { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.dlazdice { position: relative; display: block; border-radius: var(--radius-velky); overflow: hidden; aspect-ratio: 16 / 11; color: var(--slonovina); text-decoration: none; box-shadow: var(--stin); isolation: isolate; }
.dlazdice img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .6s var(--ease); }
.dlazdice::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(36,10,17,.85) 0%, rgba(36,10,17,.25) 55%, rgba(36,10,17,0) 100%); }
.dlazdice:hover img { transform: scale(1.05); }
.dlazdice__text { position: absolute; left: 1.5rem; right: 1.5rem; bottom: 1.35rem; }
.dlazdice__text small { display: block; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--zlata-svetla); font-weight: 700; margin-bottom: .2rem; }
.dlazdice__text h3 { margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-size: clamp(1.5rem, 1.3rem + .8vw, 2rem); }
.dlazdice__text h3 svg { width: 24px; height: 24px; flex: none; transition: transform .25s var(--ease); }
.dlazdice:hover h3 svg { transform: translateX(5px); }
@media (max-width: 900px) { .rozcestnik__mrizka { grid-template-columns: 1fr; } .dlazdice { aspect-ratio: 16 / 8; } }

/* ---------- sekce ---------- */
.sekce { padding-block: var(--sekce); }
.sekce--pisek { background: var(--slonovina); }
.sekce--bordo { background: var(--bordo-tmave); color: var(--slonovina); }
.sekce--bordo h2 { color: var(--slonovina); }
.hlava { max-width: 740px; margin-bottom: clamp(2rem, 1.5rem + 2vw, 3.5rem); }
.hlava--stred { margin-inline: auto; text-align: center; }
.nadtitulek { display: block; font-size: .8rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--zlata-tmava); margin-bottom: .9rem; }
.sekce--bordo .nadtitulek { color: var(--zlata-svetla); }
.hlava p { color: var(--inkoust-mekky); font-size: 1.0625em; }
.sekce--bordo .hlava p { color: #e8dccd; }

/* ---------- výběr vína (interaktivní prvek) ---------- */
.vyber { display: grid; grid-template-columns: 1fr 1.15fr; gap: clamp(1.5rem, 1rem + 3vw, 4rem); align-items: start; }
.otazka { border: 0; padding: 0; margin: 0 0 1.75rem; }
.otazka legend { font-family: var(--pismo-display); font-size: 1.6rem; margin-bottom: .8rem; color: var(--slonovina); }
.volby { display: flex; flex-wrap: wrap; gap: .6rem; }
.volba input { position: absolute; opacity: 0; pointer-events: none; }
.volba span { display: inline-flex; align-items: center; gap: .55rem; min-height: 50px; padding: .65rem 1.2rem; border-radius: var(--pilulka); border: 1.5px solid rgba(231,216,188,.35); cursor: pointer; font-weight: 600; transition: background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease); }
.volba span i { width: 14px; height: 14px; border-radius: 50%; display: inline-block; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); }
.volba:hover span { border-color: var(--zlata-svetla); }
.volba input:checked + span { background: var(--slonovina); color: var(--bordo-tmave); border-color: var(--slonovina); }
.volba input:focus-visible + span { outline: 3px solid var(--zlata); outline-offset: 2px; }
.vyber__poznamka { font-size: .9rem; color: #cbb9a6; }
.karta-vina { background: var(--slonovina-svetla); color: var(--inkoust); border-radius: var(--radius-velky); padding: clamp(1.5rem, 1rem + 2vw, 2.5rem); display: grid; grid-template-columns: 150px 1fr; gap: 1.5rem; align-items: center; min-height: 320px; box-shadow: 0 30px 60px rgba(0,0,0,.25); }
.karta-vina__lahev { background: var(--slonovina); border-radius: 18px; aspect-ratio: 3 / 5; display: grid; place-items: center; overflow: hidden; }
.karta-vina__lahev img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.karta-vina__osobnost { font-family: var(--pismo-display); font-style: italic; font-size: clamp(1.9rem, 1.5rem + 1.2vw, 2.6rem); color: var(--bordo); line-height: 1.05; margin: .15rem 0 .5rem; }
.karta-vina__meta { font-size: .85rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: var(--zlata-tmava); }
.karta-vina__nazev { font-weight: 700; margin-bottom: .6rem; }
.karta-vina__popis { color: var(--inkoust-mekky); font-size: 1rem; }
.karta-vina__akce { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.karta-vina--prazdna { grid-template-columns: 1fr; text-align: center; }
.karta-vina--prazdna p { color: var(--inkoust-mekky); max-width: 26em; margin-inline: auto; }
.karta-vina__dalsi { background: none; border: 0; font: inherit; font-weight: 700; color: var(--bordo); cursor: pointer; padding: .5rem 0; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) { .vyber { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .karta-vina { grid-template-columns: 1fr; } .karta-vina__lahev { max-width: 150px; } }

/* ---------- naše vína ---------- */
.vina { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.vino { background: var(--bila); border-radius: var(--radius-velky); padding: 1.5rem; display: grid; grid-template-columns: 96px 1fr; gap: 1.25rem; align-items: start; border: 1px solid var(--pisek); transition: transform .25s var(--ease), box-shadow .25s var(--ease); }
.vino:hover { transform: translateY(-4px); box-shadow: var(--stin); }
.vino__lahev { background: var(--slonovina); border-radius: 14px; aspect-ratio: 3 / 5; overflow: hidden; }
.vino__lahev img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.vino__meta { font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: var(--zlata-tmava); }
.vino h3 { font-size: 1.15rem; font-family: var(--pismo); font-weight: 700; margin: .3rem 0 .1rem; }
.vino__osobnost { font-family: var(--pismo-display); font-style: italic; font-size: 1.55rem; color: var(--bordo); line-height: 1.1; margin-bottom: .5rem; }
.vino p { font-size: .95rem; color: var(--inkoust-mekky); margin-bottom: .8rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.vina__paticka { text-align: center; margin-top: 2.5rem; }
@media (max-width: 1000px) { .vina { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .vina { grid-template-columns: 1fr; } }

/* ---------- Lenka a František ---------- */
.lide { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 1rem + 3vw, 3.5rem); }
.clovek figure { margin: 0 0 1.5rem; border-radius: var(--radius-velky); overflow: hidden; aspect-ratio: 16 / 10; }
.clovek figure img { width: 100%; height: 100%; object-fit: cover; }
.clovek h3 { margin-bottom: 0; }
.clovek__role { font-size: .85rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--zlata-tmava); margin-bottom: 1rem; display: block; }
.clovek blockquote { margin: 0; padding-left: 1.25rem; border-left: 2px solid var(--zlata); font-family: var(--pismo-display); font-style: italic; font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem); line-height: 1.4; color: var(--inkoust); }
@media (max-width: 860px) { .lide { grid-template-columns: 1fr; } }

/* ---------- kde nás najdete (pás s vinicí) ---------- */
.pas { position: relative; isolation: isolate; color: var(--slonovina); padding-block: var(--sekce); }
.pas__foto { position: absolute; inset: 0; z-index: -2; }
.pas__foto img { width: 100%; height: 100%; object-fit: cover; }
.pas::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(36,10,17,.68); }
.pas h2 { color: var(--slonovina); }
.mista { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.misto { background: rgba(252,250,245,.97); color: var(--inkoust); border-radius: var(--radius-velky); padding: 1.75rem; display: flex; flex-direction: column; }
.misto h3 { color: var(--bordo-tmave); margin-bottom: .1rem; }
.misto__typ { font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: var(--zlata-tmava); margin-bottom: 1rem; }
.misto address { font-style: normal; margin-bottom: 1rem; }
.misto__doba { font-size: .95rem; color: var(--inkoust-mekky); border-top: 1px solid var(--pisek); padding-top: 1rem; margin-bottom: 1.25rem; }
.misto__doba dl { display: grid; grid-template-columns: auto 1fr; gap: .2rem 1rem; margin: .4rem 0 0; }
.misto__doba dt { font-weight: 600; color: var(--inkoust); }
.misto__doba dd { margin: 0; }
.misto .odkaz { margin-top: auto; }
@media (max-width: 960px) { .mista { grid-template-columns: 1fr; } }

/* ---------- split bloky ---------- */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 1rem + 4vw, 5.5rem); align-items: center; }
.split--obracene .split__foto { order: 2; }
.split__foto { border-radius: var(--radius-velky); overflow: hidden; aspect-ratio: 4 / 3; }
.split__foto img { width: 100%; height: 100%; object-fit: cover; }
.fakta { list-style: none; padding: 0; margin: 1.5rem 0 1.75rem; display: grid; gap: .7rem; }
.fakta li { display: flex; gap: .75rem; align-items: baseline; }
.fakta li::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--zlata); transform: translateY(-2px); }
.cisla { display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; margin: 0 0 1.75rem; }
.cisla div strong { display: block; font-family: var(--pismo-display); font-size: 3rem; line-height: 1; color: var(--bordo); }
.cisla div span { font-size: .9rem; color: var(--inkoust-mekky); }
.kontakt-osoba { display: flex; flex-wrap: wrap; gap: .25rem 1rem; font-size: .975rem; color: var(--inkoust-mekky); margin-bottom: 1.5rem; }
.kontakt-osoba strong { color: var(--inkoust); }
@media (max-width: 900px) { .split { grid-template-columns: 1fr; } .split--obracene .split__foto { order: 0; } }

/* ---------- patička ---------- */
.paticka { background: var(--bordo-tmave); color: #dccbbb; font-size: .95rem; padding-top: clamp(3.5rem, 2rem + 3vw, 5.5rem); }
.paticka__mrizka { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 2rem; padding-bottom: 2.5rem; border-bottom: 1px solid rgba(231,216,188,.15); }
.paticka h2 { font-family: var(--pismo); font-size: .85rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--zlata-svetla); margin-bottom: 1rem; }
.paticka ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .7rem; }
.paticka a { text-decoration: none; }
.paticka a:hover { color: var(--zlata-svetla); }
.paticka small { display: block; color: #b9a492; }
.paticka__logo { width: 150px; margin-bottom: 1.25rem; filter: brightness(0) invert(.94) sepia(.2); }
.paticka__pravni { padding-block: 1.5rem; font-size: .85rem; color: #b9a492; display: grid; gap: .4rem; }
.placeholder { background: rgba(231,216,188,.15); border: 1px dashed var(--zlata); padding: .1rem .4rem; border-radius: 4px; color: var(--zlata-svetla); }
@media (max-width: 1000px) { .paticka__mrizka { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .paticka__mrizka { grid-template-columns: 1fr; } }

/* ---------- pohyb ---------- */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.je-videt { opacity: 1; transform: none; }
.reveal-group > * { opacity: 0; transform: translateY(24px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.reveal-group.je-videt > * { opacity: 1; transform: none; }
.reveal-group.je-videt > *:nth-child(2) { transition-delay: .1s; }
.reveal-group.je-videt > *:nth-child(3) { transition-delay: .2s; }
.reveal-group.je-videt > *:nth-child(4) { transition-delay: .3s; }
.reveal-group.je-videt > *:nth-child(5) { transition-delay: .4s; }
.reveal-group.je-videt > *:nth-child(6) { transition-delay: .5s; }
.no-js .reveal, .no-js .reveal-group > * { opacity: 1; transform: none; }
.karta-vina.je-nova { animation: karta .5s var(--ease); }
@keyframes karta { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal-group > * { opacity: 1 !important; transform: none !important; transition: none !important; }
  .karta-vina.je-nova { animation: none; }
  .dlazdice img, .tl, .vino { transition: none; }
}
@media (max-width: 700px) { .hero::before { background: linear-gradient(180deg, rgba(62,15,27,.45) 0%, rgba(62,15,27,.82) 55%, rgba(62,15,27,.92) 100%); } }