@font-face{font-family:"Lora";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/lora-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lora";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/lora-latin-400-normal.woff2) format("woff2");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:"Lora";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/lora-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lora";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/lora-latin-400-italic.woff2) format("woff2");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:"Lora";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/lora-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lora";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/lora-latin-700-normal.woff2) format("woff2");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:"Caveat";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/caveat-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Caveat";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/caveat-latin-700-normal.woff2) format("woff2");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:"Fraunces";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fraunces-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fraunces-latin-400-normal.woff2) format("woff2");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:"Fraunces";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/fraunces-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/fraunces-latin-600-normal.woff2) format("woff2");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}
/* ==========================================================
   Styl „Skicák“ – světlý papír, tenká linka tuší a barevné
   plochy posunuté vedle obrysu (jako barva, která „ujede“
   z linky v Ditiných animacích). Hodně volného místa.
   ========================================================== */
:root{
  --papir:#fbf9f4;
  --papir-bila:#fffdf9;
  --tus:#231d19;
  --tus-jemna:#5a5048;
  --linka:1.5px solid #231d19;
  --modra:#bfd6de;      /* posunutá výplň 1 */
  --modra-text:#4a84a0; /* ručně psané zvýraznění */
  --zluta:#f2c46f;      /* posunutá výplň 2 */
  --ruzova:#e9b0a2;     /* posunutá výplň 3 */
  --cihla:#b04a3b;      /* ceny, odkazy */
  --font-nadpis:"Fraunces",Georgia,serif;
  --font-text:"Lora",Georgia,"Times New Roman",serif;
  --font-ruka:"Caveat","Segoe Print","Bradley Hand",cursive;
  --sirka:1120px;
  --posun:9px;
}

/* ---------- Základ ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{
  margin:0;font-family:var(--font-text);font-size:1.0625rem;line-height:1.7;color:var(--tus);
  background:var(--papir) url(../img/papir.svg);background-size:1500px 1500px;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--cihla);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--tus)}
:focus-visible{outline:2px dashed var(--modra-text);outline-offset:3px}
.skryte{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.preskocit{position:absolute;left:-999px;top:0;background:var(--tus);color:var(--papir);padding:.5rem 1rem;z-index:100}
.preskocit:focus{left:1rem}

h1,h2,h3{font-family:var(--font-nadpis);font-weight:600;line-height:1.08;letter-spacing:-.02em;margin:0 0 .45em;color:var(--tus)}
h1{font-size:clamp(2.5rem,6vw,4.1rem)}
h2{font-size:clamp(2rem,4.2vw,2.9rem)}
h3{font-size:1.35rem;letter-spacing:-.01em}
p{margin:0 0 1em}
.obal{max-width:var(--sirka);margin:0 auto;padding:0 20px}
.sekce{padding:clamp(72px,10vw,128px) 0;position:relative}
.sekce--nebe{background:rgba(191,214,222,.22)}
.sekce--tmava{background:rgba(242,196,111,.12)}
.uvod-sekce{max-width:640px;margin-bottom:3rem}
.uvod-sekce p{color:var(--tus-jemna);font-size:1.1rem}
.poznamka{font-family:var(--font-ruka);font-weight:700;font-size:1.6rem;color:var(--modra-text);line-height:1.1;margin-bottom:.4rem}

/* ručně psané zvýraznění v nadpisu */
.podtrzeno{font-family:var(--font-ruka);font-weight:700;color:var(--modra-text);font-size:1.18em;letter-spacing:0;white-space:nowrap}

/* dvojitá rozjetá linka – sdílený efekt pro rámečky */
.skica{position:relative}

/* ---------- Tlačítka ---------- */
.tlacitko{
  display:inline-block;font-family:var(--font-text);font-size:1.05rem;line-height:1;padding:.95em 1.5em;
  color:var(--tus);background:var(--papir-bila);text-decoration:none;border:var(--linka);
  box-shadow:6px 6px 0 var(--zluta);cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;
}
.tlacitko:hover{color:var(--tus);transform:translate(3px,3px);box-shadow:3px 3px 0 var(--zluta)}
.tlacitko--obrys{box-shadow:6px 6px 0 var(--modra)}
.tlacitko--obrys:hover{box-shadow:3px 3px 0 var(--modra)}

/* ---------- Hlavička ---------- */
.hlavicka{position:sticky;top:0;z-index:50;background:rgba(251,249,244,.94);backdrop-filter:blur(6px);border-bottom:1px solid rgba(35,29,25,.14)}
.hlavicka .obal{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px}
.logo{font-family:var(--font-text);font-style:italic;font-size:1.45rem;color:var(--tus);text-decoration:none;line-height:1.05}
.logo small{display:block;font-style:normal;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tus-jemna);margin-top:3px}
.menu{display:flex;gap:1.3rem;align-items:center;list-style:none;margin:0;padding:0}
.menu a{color:var(--tus);text-decoration:none;font-size:.97rem;padding:.2rem 0;background:linear-gradient(var(--zluta),var(--zluta)) no-repeat 0 85%/0 .35em;transition:background-size .2s}
.menu a:hover{background-size:100% .35em}
.menu-tlacitko{display:none;background:none;border:var(--linka);font:inherit;font-size:.95rem;color:var(--tus);cursor:pointer;padding:.35rem .8rem}
@media (max-width:1100px){
  .menu-tlacitko{display:block}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--papir-bila);border-bottom:1px solid rgba(35,29,25,.14);padding:.5rem 20px 1rem}
  .menu.otevreno{display:flex}
  .menu a{display:block;padding:.65rem 0;font-size:1.1rem;background:none}
}

/* ---------- Úvod ---------- */
.hero{padding:clamp(56px,8vw,112px) 0 clamp(80px,10vw,136px)}
.hero .obal{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,6vw,88px);align-items:center}
.hero p.perex{font-size:1.15rem;color:var(--tus-jemna);max-width:33em}
.hero .tlacitka{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:2rem}
.hero .drobne{margin-top:1.8rem;font-size:.93rem;color:var(--tus-jemna)}
@media (max-width:820px){.hero .obal{grid-template-columns:1fr}}

/* rámeček na ilustraci: linka + druhá rozjetá linka + posunutá barva */
.ram{position:relative;background:var(--papir-bila);border:var(--linka);box-shadow:calc(var(--posun)*2) calc(var(--posun)*2) 0 var(--modra);margin:0 calc(var(--posun)*2) calc(var(--posun)*2) 0}
.ram::after{content:"";position:absolute;inset:-6px 5px 5px -6px;border:1px solid var(--tus);transform:rotate(-.9deg);pointer-events:none}
.ram--vlevo{box-shadow:calc(var(--posun)*2) calc(var(--posun)*2) 0 var(--ruzova)}
.ram--vlevo::after{transform:rotate(.8deg)}
.ram img{width:100%}

/* zástupná plocha – nahradit <img> */
.zastupce{
  display:grid;place-items:center;text-align:center;aspect-ratio:4/5;padding:1.5rem;
  color:var(--tus-jemna);font-family:var(--font-ruka);font-weight:700;font-size:1.45rem;line-height:1.15;
  background:repeating-linear-gradient(45deg,rgba(35,29,25,.045) 0 1px,transparent 1px 8px),var(--papir-bila);
}
.zastupce--siroky{aspect-ratio:16/10}
.zastupce--ctverec{aspect-ratio:1/1}

/* ---------- Pro koho ---------- */
.prilezitosti{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:2rem 1.2rem;list-style:none;margin:0;padding:0}
.prilezitosti li{text-align:center}
.prilezitosti svg{width:84px;height:84px;margin:0 auto .6rem;color:var(--tus);filter:url(#rukopis);
  background:radial-gradient(circle at 62% 64%,var(--c,var(--modra)) 0 33%,transparent 34%)}
.prilezitosti li:nth-child(3n+2) svg{--c:var(--zluta)}
.prilezitosti li:nth-child(3n) svg{--c:var(--ruzova)}
.prilezitosti strong{display:block;font-family:var(--font-nadpis);font-weight:600;font-size:1.15rem;line-height:1.15}
.prilezitosti span{font-size:.9rem;color:var(--tus-jemna)}

/* ---------- Balíčky ---------- */
.balicky{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2.4rem 2rem}
.balicek{
  --c:var(--modra);position:relative;display:flex;flex-direction:column;background:var(--papir-bila);
  padding:1.4rem 1.4rem 1.2rem;border:var(--linka);box-shadow:var(--posun) var(--posun) 0 var(--c);
}
.balicek:nth-child(3n+2){--c:var(--zluta)}
.balicek:nth-child(3n){--c:var(--ruzova)}
.balicek .zastupce{aspect-ratio:3/2;font-size:1.2rem;margin:0 0 1.1rem;border:1px solid rgba(35,29,25,.25)}
.balicek h3{margin-bottom:.2em}
.balicek .cena{font-family:var(--font-ruka);font-weight:700;font-size:1.65rem;color:var(--cihla);line-height:1.1;margin-bottom:.7rem}
.balicek ul{margin:0 0 1rem;padding-left:1.1rem;font-size:.96rem}
.balicek ul li{margin-bottom:.25rem}
.balicek .dodani{margin-top:auto;font-size:.9rem;color:var(--tus-jemna);border-top:1px solid rgba(35,29,25,.2);padding-top:.7rem}
.stitek{position:absolute;top:-15px;right:16px;background:var(--papir-bila);border:var(--linka);font-family:var(--font-ruka);font-weight:700;font-size:1.2rem;padding:0 .6em;box-shadow:3px 3px 0 var(--zluta)}
@media (min-width:760px){
  .balicek--sezona{grid-column:1/-1;flex-direction:row;gap:2rem;align-items:center}
  .balicek--sezona .zastupce{flex:0 0 260px;margin:0}
  .balicek--sezona .dodani{margin-top:.4rem}
}
.doplnky{margin-top:3rem;display:flex;flex-wrap:wrap;gap:1rem 3rem;font-size:.98rem}
.doplnky strong{font-family:var(--font-nadpis);font-weight:600;font-size:1.1rem}

/* ---------- Techniky ---------- */
.techniky{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.4rem 2rem}
.technika .ram{margin-bottom:1.6rem;box-shadow:var(--posun) var(--posun) 0 var(--modra)}
.technika:nth-child(2) .ram{box-shadow:var(--posun) var(--posun) 0 var(--zluta)}
.technika:nth-child(3) .ram{box-shadow:var(--posun) var(--posun) 0 var(--ruzova)}
.technika .zastupce{aspect-ratio:1/1;font-size:1.25rem}
.technika p{font-size:.97rem;color:var(--tus-jemna)}
.technika--pripravujeme{opacity:.6}
.technika--pripravujeme .ram{box-shadow:none}

/* ---------- Jak to funguje ---------- */
.kroky{counter-reset:krok;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:2rem;list-style:none;margin:0;padding:0}
.kroky li{counter-increment:krok;position:relative;padding-top:4rem;color:var(--tus-jemna);font-size:.98rem}
.kroky li::before{
  content:counter(krok);position:absolute;top:0;left:0;width:2.9rem;height:2.9rem;display:grid;place-items:center;
  font-family:var(--font-ruka);font-weight:700;font-size:1.9rem;color:var(--tus);border:var(--linka);border-radius:50%;
  background:var(--papir-bila);box-shadow:5px 5px 0 var(--zluta);
}
.kroky strong{display:block;font-family:var(--font-nadpis);font-weight:600;font-size:1.15rem;color:var(--tus);line-height:1.2;margin-bottom:.3rem}

/* ---------- Ukázky prací ---------- */
.filtry{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 2.4rem}
.filtry button{font:inherit;font-size:.93rem;background:var(--papir-bila);color:var(--tus);border:var(--linka);cursor:pointer;padding:.35rem 1rem}
.filtry button[aria-pressed="true"]{box-shadow:4px 4px 0 var(--zluta)}
.galerie{columns:3 260px;column-gap:2rem}
.prace{--c:var(--modra);break-inside:avoid;margin:0 0 2.4rem;padding-right:var(--posun)}
.prace:nth-child(3n+2){--c:var(--ruzova)}
.prace:nth-child(3n){--c:var(--zluta)}
.prace[hidden]{display:none}
.prace > a,.prace > .zastupce{display:block;border:var(--linka);box-shadow:var(--posun) var(--posun) 0 var(--c);background:var(--papir-bila)}
.prace > a{cursor:zoom-in}
.prace img{width:100%}
.prace figcaption{padding:1.1rem .1rem 0;font-size:.94rem;color:var(--tus-jemna)}
.prace figcaption strong{display:block;font-family:var(--font-nadpis);font-weight:600;font-size:1.12rem;color:var(--tus);line-height:1.2;margin-bottom:.2rem}
.prace .kategorie{display:block;font-family:var(--font-ruka);font-weight:700;font-size:1.2rem;color:var(--modra-text);margin-top:.3rem}

.nahled{border:0;padding:0;background:transparent;max-width:min(94vw,1100px);max-height:94vh}
.nahled::backdrop{background:rgba(251,249,244,.96)}
.nahled img{max-height:82vh;width:auto;margin:0 auto;border:var(--linka);box-shadow:12px 12px 0 var(--modra)}
.nahled p{text-align:center;margin:1.2rem 0 0;font-family:var(--font-nadpis);font-weight:600}
.nahled button{position:fixed;top:14px;right:18px;background:none;border:0;color:var(--tus);font-size:2.4rem;cursor:pointer;line-height:1}

/* ---------- Jak tvořím ---------- */
.proces{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.4rem 2rem}
.proces figure{margin:0}
.proces .ram{box-shadow:var(--posun) var(--posun) 0 var(--zluta)}
.proces figcaption{font-family:var(--font-ruka);font-weight:700;font-size:1.4rem;margin-top:1.4rem;line-height:1.15}

/* ---------- O mně ---------- */
.o-mne{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,6vw,80px);align-items:center}
@media (max-width:760px){.o-mne{grid-template-columns:1fr}}
.o-mne .ram{box-shadow:calc(var(--posun)*2) calc(var(--posun)*2) 0 var(--ruzova)}
.podpis{font-family:var(--font-ruka);font-weight:700;font-size:2.4rem;color:var(--modra-text);margin-top:.4rem}

/* ---------- Recenze ---------- */
.recenze{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}
.recenze blockquote{margin:0;background:var(--papir-bila);padding:1.5rem 1.5rem 1.2rem;border:var(--linka);box-shadow:var(--posun) var(--posun) 0 var(--modra)}
.recenze blockquote:nth-child(2){box-shadow:var(--posun) var(--posun) 0 var(--zluta)}
.recenze blockquote:nth-child(3){box-shadow:var(--posun) var(--posun) 0 var(--ruzova)}
.recenze blockquote p{font-style:italic}
.recenze cite{font-style:normal;font-family:var(--font-ruka);font-weight:700;font-size:1.3rem}

/* ---------- Formulář ---------- */
.objednavka{display:grid;grid-template-columns:1.4fr .6fr;gap:clamp(32px,5vw,64px);align-items:start}
@media (max-width:860px){.objednavka{grid-template-columns:1fr}}
.formular{background:var(--papir-bila);padding:clamp(22px,4vw,44px);border:var(--linka);box-shadow:calc(var(--posun)*1.6) calc(var(--posun)*1.6) 0 var(--modra);margin-right:14px}
.radek{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2rem}
@media (max-width:600px){.radek{grid-template-columns:1fr}}
.pole{margin-bottom:1.15rem}
.pole label,.pole legend{display:block;font-weight:700;font-size:.93rem;margin-bottom:.35rem}
.pole .napoveda{font-weight:400;font-size:.84rem;color:var(--tus-jemna)}
.pole input[type=text],.pole input[type=email],.pole input[type=tel],.pole input[type=date],.pole input[type=url],.pole select,.pole textarea{
  width:100%;font:inherit;font-size:1rem;color:var(--tus);background:var(--papir);padding:.65rem .8rem;border:1px solid rgba(35,29,25,.5);border-radius:0;
}
.pole textarea{min-height:120px;resize:vertical}
.pole input:focus,.pole select:focus,.pole textarea:focus{outline:none;border-color:var(--tus);box-shadow:4px 4px 0 var(--zluta)}
fieldset.pole{border:0;padding:0;margin:0 0 1.15rem}
.volby{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem}
.volby label{font-weight:400;display:flex;gap:.45rem;align-items:center;margin:0;cursor:pointer}
.volby input{accent-color:var(--tus);width:1.05rem;height:1.05rem}
.medvidek{position:absolute;left:-5000px}
.souhlas{font-size:.85rem;color:var(--tus-jemna)}
.kontakt-info{font-size:1rem}
.kontakt-info dt{font-family:var(--font-nadpis);font-weight:600;margin-top:1.2rem}
.kontakt-info dd{margin:0}

/* ---------- Časté otázky ---------- */
.otazky details{border-bottom:1px solid rgba(35,29,25,.25);padding:1.1rem 0}
.otazky summary{cursor:pointer;font-family:var(--font-nadpis);font-weight:600;font-size:1.15rem;line-height:1.3;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.otazky summary::-webkit-details-marker{display:none}
.otazky summary::after{content:"+";font-family:var(--font-ruka);font-size:1.9rem;line-height:.7;color:var(--modra-text)}
.otazky details[open] summary::after{content:"–"}
.otazky details p{margin:.7rem 0 0;max-width:46em;color:var(--tus-jemna)}

/* ---------- Patička ---------- */
.paticka{border-top:var(--linka);padding:52px 0 36px;font-size:.93rem;color:var(--tus-jemna)}
.paticka .obal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}
.paticka a{color:var(--tus)}
.paticka ul{list-style:none;margin:0;padding:0;display:flex;gap:1.4rem;flex-wrap:wrap}
.galerie + p{margin-top:.5rem;color:var(--tus-jemna)}

/* ==========  Vícestránkový web – doplňky  ========== */
.menu a[aria-current="page"]{background-size:100% .35em}
.menu .menu-cta{border:var(--linka);padding:.35rem .9rem;box-shadow:4px 4px 0 var(--zluta);background:var(--papir-bila)}
.menu .menu-cta:hover{background:var(--papir-bila)}
@media (max-width:1100px){.menu .menu-cta{display:inline-block;margin-top:.5rem;box-shadow:4px 4px 0 var(--zluta)}}

/* k doplnění – na ostrém webu nesmí zůstat */
mark.doplnit{background:#fff1a8;color:#6b4b00;padding:0 .25em;font-style:normal;font-size:.92em;border-radius:2px}

/* úvod podstránky */
.hero--stranka{padding:clamp(40px,6vw,80px) 0 clamp(56px,7vw,96px)}
.hero--stranka .obal{grid-template-columns:1.2fr .8fr}
.hero--bez-obrazku .obal{grid-template-columns:1fr;max-width:820px}
.drobky{font-size:.85rem;color:var(--tus-jemna);margin-bottom:1.2rem}
.drobky a{color:var(--tus-jemna)}

/* textový sloupec */
.text{max-width:720px}
.text h2{margin-top:2.6rem}
.text h2:first-child{margin-top:0}
.text p,.text li{font-size:1.06rem}
.text ul{padding-left:1.2rem;margin:0 0 1.2rem}
.text li{margin-bottom:.5rem}
.text li::marker{color:var(--modra-text)}
.text .vedeni{font-size:1.2rem;line-height:1.6}
.text .vedeni strong{font-family:var(--font-nadpis);font-weight:600}
.text ol{padding-left:1.3rem}
.dvousloupec{display:grid;grid-template-columns:minmax(0,720px) 1fr;gap:clamp(32px,6vw,80px);align-items:start}
@media (max-width:900px){.dvousloupec{grid-template-columns:1fr}}
.dvousloupec aside{position:sticky;top:100px}

/* karty služeb na úvodu */
.sluzby{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.2rem 2rem;list-style:none;margin:0;padding:0}
.sluzba{--c:var(--modra);display:block;height:100%;background:var(--papir-bila);border:var(--linka);box-shadow:var(--posun) var(--posun) 0 var(--c);padding:1.4rem 1.4rem 1.2rem;color:var(--tus);text-decoration:none;transition:transform .15s,box-shadow .15s}
a.sluzba:hover{color:var(--tus);transform:translate(3px,3px);box-shadow:5px 5px 0 var(--c)}
.sluzby li:nth-child(3n+2) .sluzba{--c:var(--zluta)}
.sluzby li:nth-child(3n) .sluzba{--c:var(--ruzova)}
.sluzba h3{margin-bottom:.4rem}
.sluzba p{font-size:.97rem;color:var(--tus-jemna);margin-bottom:.8rem}
.sluzba .vice{font-family:var(--font-ruka);font-weight:700;font-size:1.3rem;color:var(--modra-text)}

/* výzva k akci */
.vyzva{background:var(--papir-bila);border:var(--linka);box-shadow:calc(var(--posun)*1.6) calc(var(--posun)*1.6) 0 var(--zluta);padding:clamp(24px,4vw,48px);display:flex;flex-wrap:wrap;gap:1.4rem 3rem;align-items:center;justify-content:space-between;margin-right:14px}
.vyzva h2{margin:0 0 .3rem}
.vyzva p{margin:0;color:var(--tus-jemna);max-width:36em}

/* odkazový box na sousední službu */
.odkaz-box{border-left:3px solid var(--modra);padding:.4rem 0 .4rem 1.2rem;margin:2.6rem 0}
.odkaz-box h2{font-size:1.45rem;margin:0 0 .3rem}
.odkaz-box p{margin:0}

/* ceník */
.cenik-tabulka{width:100%;border-collapse:collapse;background:var(--papir-bila);border:var(--linka);box-shadow:var(--posun) var(--posun) 0 var(--modra);margin:0 0 1rem;font-size:1rem}
.cenik-tabulka th,.cenik-tabulka td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(35,29,25,.15)}
.cenik-tabulka thead th{font-family:var(--font-nadpis);font-weight:600;border-bottom:var(--linka)}
.cenik-tabulka tbody th{font-family:var(--font-ruka);font-weight:700;font-size:1.4rem}
.tabulka-obal{overflow-x:auto;padding:0 12px 14px 0}

.galerie--prazdna{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}
.galerie--prazdna .ram{margin-bottom:0}
.vsechny-ukazky{margin-top:1rem}
.filtry button[hidden]{display:none}
/* zarovnání textových bloků vlevo, v jedné linii s ostatním obsahem */
.obal.text{max-width:var(--sirka)}
.text > *{max-width:720px}
.hero--bez-obrazku .obal{max-width:var(--sirka)}
.hero--bez-obrazku .obal > div{max-width:820px}
.kroky{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
/* prosincový banner s poukazem (zobrazuje js/web.js 1.–24. 12.) */
.banner-poukaz{background:var(--zluta);text-align:center;padding:.55rem 20px;font-size:.95rem}
.banner-poukaz a{color:var(--tus);font-weight:700}
.h2-pozn{font-family:var(--font-ruka);font-weight:700;font-size:.6em;color:var(--modra-text);letter-spacing:0;white-space:nowrap}
.text .podpis{font-size:2.4rem}

/* ====== úpravy podle auditu (10/2026) ====== */
/* mobil: stránka O mně a další podstránky v jednom sloupci (příloha B auditu) */
@media (max-width: 820px) {
  .hero.hero--stranka .obal { grid-template-columns: minmax(0, 1fr); }
  .hero.hero--stranka .obal > * { min-width: 0; }
}
/* kotva poptávky: nadpis formuláře nezakryje pevná hlavička */
#poptavka, #portrety, #karikatury, #svatby, #linoryt, #dalsi, #ukazky { scroll-margin-top: 96px; }
.formular h2 { margin-bottom: .4rem; }
fieldset.skupina { border: 0; padding: 0; margin: 0; }
fieldset.skupina[hidden] { display: none; }
.pole input[type=file] { font: inherit; font-size: .95rem; }

/* rozbalovací menu */
.menu .rozbal { position: relative; }
.rozbal-tl { font: inherit; font-size: .97rem; color: var(--tus); background: none; border: 0; cursor: pointer; padding: .2rem 0; }
.podmenu { display: none; position: absolute; top: calc(100% + .6rem); left: -1rem; min-width: 250px; list-style: none; margin: 0; padding: .6rem 0;
  background: var(--papir-bila); border: var(--linka); box-shadow: 6px 6px 0 var(--modra); z-index: 60; }
.podmenu a { display: block; padding: .45rem 1rem; white-space: nowrap; background: none !important; }
.podmenu a:hover, .podmenu a[aria-current="page"] { background: rgba(242,196,111,.25) !important; }
.rozbal.otevreno .podmenu { display: block; }
@media (min-width: 1101px) { .rozbal:hover .podmenu, .rozbal:focus-within .podmenu { display: block; } }
@media (max-width: 1100px) {
  .podmenu { display: block; position: static; border: 0; box-shadow: none; padding: 0 0 .4rem .8rem; min-width: 0; background: none; }
  .rozbal-tl { padding: .65rem 0; font-size: 1.1rem; font-weight: 700; }
  .rozbal-tl span { display: none; }
}

/* ceny pod hlavním tlačítkem */
.ceny-od { margin-top: 1.2rem; font-size: .95rem; color: var(--tus-jemna); }
.rychle-odkazy { margin-top: 1.4rem; font-size: 1rem; }
.rychle-odkazy a { white-space: nowrap; }

/* obrázek v kartě služby */
.sluzba-obr { display: block; margin: -1.4rem -1.4rem 1rem; aspect-ratio: 4/3; overflow: hidden; border-bottom: 1px solid rgba(35,29,25,.2); background: #fff; }
.sluzba-obr img { width: 100%; height: 100%; object-fit: cover; }

/* balíčky ceníku */
.balicek .stitek { position: static; display: inline-block; align-self: flex-start; margin-bottom: .6rem; transform: none; }
.balicek ul { list-style: none; padding-left: 0; }
.balicek ul li { padding-left: 1.4rem; position: relative; }
.balicek ul li::before { content: "✓"; position: absolute; left: 0; color: var(--modra-text); }
.balicek ul li.ne { color: var(--tus-jemna); }
.balicek ul li.ne::before { content: "–"; }
.balicek .tlacitko { margin-top: auto; align-self: flex-start; }
.tlacitko--male { font-size: .95rem; padding: .7em 1.1em; }

/* hero obrázek na šířku */
.hero .ram img { width: 100%; height: auto; }
.tabulka-obal{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:600px){.cenik-tabulka th,.cenik-tabulka td{padding:.5rem .45rem;font-size:.88rem}.cenik-tabulka tbody th{font-size:1.15rem}}
.objednavka > *{min-width:0}
.kontakt-info dd{overflow-wrap:anywhere}