:root{
    --carta:#FFFFFF;        /* pure paper */
    --carta-soft:#FBF0F2;   /* jemně růžový podklad sekcí (27. 9. 2026) */
    --inchiostro:#3D1E2A;   /* hluboká vínová místo černé (27. 9. 2026: černou pryč) */
    --grigio:#43363C;       /* text: tmavý, dřív šedý #575049 a špatně čitelný (27. 9. 2026) */
    --oro:#8C6A2E;          /* zlatá ztmavená kvůli čitelnosti popisků (dřív #A98545) */
    --rosa:#B84A6B;         /* dusty pink — "rosa" is both the flower and the colour */
    --filo:rgba(61,30,42,.14);   /* hairline */
    --filo-oro:rgba(169,133,69,.42);
  }

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}

  body{
    background:var(--carta);
    color:var(--grigio);
    font-family:'DM Sans',system-ui,sans-serif;
    font-weight:400;font-size:1.0625rem;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }

  .wrap{max-width:1240px;margin:0 auto;padding:0 32px}

  /* ---------- typography ---------- */
  .display{font-family:'Playfair Display',Georgia,serif;font-weight:600;line-height:1;letter-spacing:-.015em;color:var(--inchiostro)}
  .eyebrow{
    font-family:'DM Sans',sans-serif;font-weight:600;
    font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;
    color:var(--oro);
  }

  /* ---------- top bar ---------- */
  header{
    position:fixed;top:0;left:0;right:0;z-index:50;
    border-bottom:1px solid transparent;
    transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease;
  }
  header.scrolled{
    background:rgba(255,255,255,.86);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--filo);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;height:88px}
  .brand{
    font-family:'Playfair Display',serif;font-weight:700;
    font-size:2rem;letter-spacing:.09em;color:var(--inchiostro);
    text-decoration:none;line-height:1;
  }
  .brand-nazev span{color:var(--rosa)}
  .hlavni-nav{display:flex;align-items:center;gap:30px}
  .nav-links{display:flex;gap:30px;align-items:center;list-style:none}
  .nav-links a{
    color:var(--inchiostro);text-decoration:none;font-size:.9rem;
    letter-spacing:.06em;text-transform:uppercase;font-weight:600;
    opacity:.85;transition:opacity .25s,color .25s;
  }
  .nav-links a:hover{opacity:1;color:var(--rosa)}
  .nav-cta{
    /* Tlačítko stojí mimo seznam odkazů, takže si typografii nese samo. */
    text-decoration:none;font-size:.85rem;letter-spacing:.08em;
    text-transform:uppercase;font-weight:600;white-space:nowrap;
    border:1px solid var(--oro);color:var(--oro)!important;
    padding:10px 20px;border-radius:2px;opacity:1!important;
    transition:background .3s,color .3s!important;
  }
  .nav-cta:hover{background:var(--oro);color:var(--carta)!important}
  .burger{display:none;background:none;border:0;color:var(--inchiostro);cursor:pointer;font-size:1.3rem}

  /* ---------- hero ---------- */
  .hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:130px 0 70px}
  /* Plakát vpravo zmizel, úvod je v jednom sloupci. */
  .hero-grid{display:grid;grid-template-columns:minmax(0,820px);gap:56px;align-items:center;width:100%}

  .hero-headline{font-size:clamp(3.2rem,10vw,8.6rem)}
  .hero-headline em{font-style:italic;color:var(--rosa);font-weight:400}
  .hero-sub{
    max-width:40ch;margin-top:26px;font-size:1.15rem;color:var(--grigio);
    border-top:1px solid var(--filo);padding-top:22px;
  }
  .hero-meta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
  .btn{
    display:inline-block;text-decoration:none;font-size:1rem;
    letter-spacing:.06em;text-transform:uppercase;font-weight:700;
    padding:16px 30px;border-radius:2px;transition:transform .25s,background .3s,color .3s,border-color .3s;
  }
  .btn-solid{background:var(--rosa);color:var(--carta);border:1px solid var(--rosa)}
  .btn-solid:hover{background:var(--inchiostro);border-color:var(--inchiostro);transform:translateY(-2px)}

  /* Tlačítko do kolekce nese italskou trikolóru. Pruh je tenký a sedí
     dole na hraně, jak to dělají italské značky, aby to nepřebilo písmo. */
  .btn-tricolora{position:relative;overflow:hidden;padding-bottom:18px}
  .btn-tricolora::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
    background:linear-gradient(to right,
      #008C45 0 33.333%, #F4F5F0 33.333% 66.666%, #CD212A 66.666% 100%);
    transition:height .3s ease;
  }
  .btn-tricolora:hover::after{height:6px}
  @media(prefers-reduced-motion:reduce){ .btn-tricolora::after{transition:none} }
  .btn-ghost{border:2px solid var(--inchiostro);color:var(--inchiostro)}
  .btn-ghost:hover{border-color:var(--oro);color:var(--oro)}

  /* SIGNATURE — la vetrina: the shop window. A gold hairline frame with the
     logo standing in it, and a slow shimmer crossing the glass. */
  .vetrina{
    position:relative;border:1px solid var(--filo-oro);
    aspect-ratio:4/5;overflow:hidden;border-radius:2px;
    background:linear-gradient(180deg,#FFFFFF,var(--carta-soft));
    display:flex;align-items:center;justify-content:center;
  }
  .vetrina::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(115deg,transparent 32%,rgba(169,133,69,.14) 47%,rgba(255,255,255,.5) 53%,transparent 68%);
    transform:translateX(-120%);
    animation:sweep 8s ease-in-out infinite;
  }
  @keyframes sweep{0%,100%{transform:translateX(-120%)}55%{transform:translateX(120%)}}
  .vetrina img{width:74%;height:auto;display:block;position:relative;z-index:1}
  .vetrina-tag{
    position:absolute;top:22px;left:24px;z-index:2;
    font-family:'Playfair Display',serif;font-style:italic;font-size:1rem;color:var(--inchiostro);opacity:.85;
  }
  .vetrina-num{
    position:absolute;bottom:20px;right:24px;z-index:2;text-align:right;
    font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.14em;
    text-transform:uppercase;color:var(--oro);
  }

  /* scrolling word ribbon */
  .ribbon{border-top:1px solid var(--filo);border-bottom:1px solid var(--filo);padding:16px 0;overflow:hidden;white-space:nowrap}
  .ribbon-track{display:inline-flex;gap:40px;animation:slide 34s linear infinite;will-change:transform}
  .ribbon span{font-family:'Playfair Display',serif;font-style:italic;font-size:1.5rem;color:var(--inchiostro);opacity:.34}
  .ribbon span::after{content:"·";margin-left:40px;color:var(--rosa);opacity:.7}
  @keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* ---------- sections ---------- */
  .section{padding:118px 0}
  .soft{background:var(--carta-soft)}
  .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:62px;flex-wrap:wrap}
  .section-title{font-size:clamp(2.3rem,5.6vw,4.4rem);max-width:14ch}

  /* due linee */
  .lines{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--filo)}
  .line-card{background:var(--carta-soft);padding:52px 44px;transition:background .4s}
  .line-card:hover{background:var(--carta)}
  .line-index{font-family:'Playfair Display',serif;font-size:.95rem;color:var(--rosa);font-style:italic}
  .line-card h3{font-family:'Playfair Display',serif;font-weight:600;font-size:2.1rem;margin:14px 0 16px;color:var(--inchiostro)}
  .line-card p{color:var(--grigio);max-width:42ch}
  .line-card .more{display:inline-flex;align-items:center;gap:8px;margin-top:28px;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--inchiostro);text-decoration:none;border-bottom:1px solid var(--inchiostro);padding-bottom:3px;transition:color .3s,border-color .3s}
  .line-card .more:hover{color:var(--rosa);border-color:var(--rosa)}

  /* editorial */
  .editorial{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
  .editorial-text p{margin-bottom:20px;color:var(--grigio);font-size:1.1rem}
  .quote{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.7rem,3.8vw,2.7rem);line-height:1.24;color:var(--inchiostro)}
  .quote b{color:var(--rosa);font-weight:400}
  .stats{display:flex;gap:42px;margin-top:44px;border-top:1px solid var(--filo);padding-top:30px;flex-wrap:wrap}
  .stat .n{font-family:'Playfair Display',serif;font-size:2.5rem;color:var(--inchiostro)}
  .stat .l{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--oro)}

  /* visit */
  .visit{background:var(--carta);border:1px solid var(--filo-oro);border-radius:3px;padding:70px 56px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
  .visit h2{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,4.6vw,3.2rem);font-weight:600;line-height:1.05;color:var(--inchiostro)}
  .visit h2 em{font-style:italic;color:var(--rosa)}
  .visit p{color:var(--grigio);margin-top:18px;max-width:40ch}
  .visit .eyebrow{white-space:nowrap}
  .form{display:flex;border:1px solid var(--inchiostro);border-radius:2px;overflow:hidden;min-width:330px}
  .form input{flex:1;background:transparent;border:0;color:var(--inchiostro);padding:16px 18px;font-family:'DM Sans';font-size:.95rem}
  .form input::placeholder{color:rgba(61,30,42,.42)}
  .form input:focus{outline:none}
  .form button{background:var(--rosa);color:var(--carta);border:0;padding:0 24px;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background .3s;font-family:'DM Sans'}
  .form button:hover{background:var(--inchiostro)}

  /* footer */
  footer{padding:64px 0 40px;background:var(--carta)}
  .foot-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;border-top:1px solid var(--filo);padding-top:48px}
  .foot-brand{font-family:'Playfair Display',serif;font-size:1.9rem;letter-spacing:.08em;color:var(--inchiostro)}
  .foot-brand span{color:var(--rosa)}
  .foot-cols{display:flex;gap:64px;flex-wrap:wrap}
  .foot-col h4{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--oro);margin-bottom:16px}
  .foot-col a{display:block;color:var(--grigio);text-decoration:none;font-size:1rem;margin-bottom:10px;transition:color .25s}
  .foot-col a:hover{color:var(--rosa)}
  .copy{margin-top:48px;font-size:.85rem;color:rgba(61,30,42,.75);letter-spacing:.04em}

  /* reveal */
  .reveal{opacity:0;transform:translateY(16px);transition:opacity .4s cubic-bezier(.2,.7,.2,1),transform .4s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}

  /* responsive */
  @media(max-width:880px){
    .nav-links{display:none}
    .burger{display:block}
    .hero{min-height:auto;padding:118px 0 56px}
    .hero-grid{grid-template-columns:1fr;gap:40px}
    .vetrina{max-width:400px;margin:0 auto}
    .lines{grid-template-columns:1fr}
    .editorial{grid-template-columns:1fr;gap:36px}
    .visit{grid-template-columns:1fr;padding:46px 30px}
    .form{min-width:0;width:100%}
    .wrap{padding:0 22px}
    .section{padding:82px 0}
  }

  @media(prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important}
    .reveal{opacity:1;transform:none}
    html{scroll-behavior:auto}
  }

  :focus-visible{outline:2px solid var(--rosa);outline-offset:3px}

    /* --- La collezione: fotky kusů na modelce --- */
    .kolekce{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
    .kus{position:relative;overflow:hidden;background:var(--carta-soft);
      transition:box-shadow .3s,transform .3s;
      border:1px solid var(--filo);border-radius:2px}
    /* Fotka se vejde celá. Oříznutí by u postavy na výšku ukrojilo hlavu
       nebo nohy, a to na prodejní fotce nesmí nastat. */
    .kus img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;
      background:var(--carta-soft);
      transition:transform .9s cubic-bezier(.2,.7,.2,1)}
    .kus:hover img{transform:scale(1.035)}
    /* karta se při najetí nadzvedne, ať je poznat, že se s ní dá pracovat */
    .kus:hover,.kus:focus-within{box-shadow:0 14px 34px -18px rgba(61,30,42,.45);transform:translateY(-2px)}
    @media (prefers-reduced-motion:reduce){
      .kus,.kus img,.kus:hover,.kus:focus-within{transition:none;transform:none}
    }
    .kus-popis{padding:16px 18px 18px;display:flex;justify-content:space-between;
      align-items:baseline;gap:12px}
    .kus-popis h3{font:600 20px/1.2 "Playfair Display",Georgia,serif;margin:0}
    .kus-popis span{font:600 13px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.06em;
      text-transform:uppercase;color:var(--oro);white-space:nowrap}
    .kus-stitek{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);
      border:1px solid var(--filo-oro);padding:5px 10px;
      font:600 12px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
    .kolekce-pozn{margin-top:26px;padding-left:16px;border-left:1px solid var(--filo-oro);
      font:400 15px/1.6 'DM Sans',system-ui,sans-serif;color:var(--grigio);max-width:62ch}
    @media (max-width:860px){
      .kolekce{grid-template-columns:1fr 1fr;gap:14px}
      /* Poslední kus se dřív při lichém počtu roztáhl přes celou šířku
         a dostal poměr na šířku. Z postavy pak byl vidět jen pruh, tak
         to padlo: všechny kusy mají stejný tvar. */
    }
    @media (max-width:520px){
      .kolekce{grid-template-columns:1fr}
    }
  
    /* --- prohlížeč fotek --- */
    .kus{cursor:zoom-in}
    .kus-lupa{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;
      background:rgba(255,255,255,.92);border:1px solid var(--filo-oro);display:grid;place-items:center;
      font:400 17px/1 'DM Sans',system-ui,sans-serif;color:var(--inchiostro);opacity:0;transition:opacity .25s}
    .kus:hover .kus-lupa,.kus:focus-visible .kus-lupa{opacity:1}
    .kus-pohledy{position:absolute;left:14px;bottom:72px;display:flex;gap:5px;z-index:2}
    .kus-pohledy i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.85);
      box-shadow:0 0 0 1px rgba(61,30,42,.25)}
    /* tecky jako tlacitka: kliknutelna plocha je vetsi nez sama tecka */
    .kus-pohledy button{border:0;background:none;padding:7px 4px;margin:-7px -4px;
      cursor:pointer;display:block;line-height:0}
    .kus-pohledy button i{display:block;transition:background .25s,transform .25s}
    .kus-pohledy button[aria-current="true"] i{background:#fff;transform:scale(1.5)}
    /* sipky primo na karte, aby se pohledy daly proklikat bez otevirani */
    .kus-sipka{position:absolute;top:50%;transform:translateY(-50%);z-index:3;
      width:40px;height:40px;border-radius:50%;border:1px solid var(--filo-oro);
      background:rgba(255,255,255,.92);color:var(--inchiostro);cursor:pointer;
      font:400 22px/1 'DM Sans',system-ui,sans-serif;display:grid;place-items:center;
      opacity:0;transition:opacity .25s,background .2s;padding:0}
    .kus-sipka.vlevo{left:10px}
    .kus-sipka.vpravo{right:10px}
    .kus:hover .kus-sipka,.kus:focus-within .kus-sipka{opacity:1}
    .kus-sipka:hover{background:#fff}
    .kus-sipka:focus-visible{opacity:1}
    /* na dotykovem displeji neni kurzor, tak jsou sipky videt porad */
    @media (hover:none){ .kus-sipka{opacity:.92} .kus-lupa{opacity:.92} }
    .lb{position:fixed;inset:0;z-index:90;background:rgba(61,30,42,.94);
      display:none;flex-direction:column;align-items:center;justify-content:center;padding:18px}
    .lb[data-open="1"]{display:flex}
    .lb-hlava{width:100%;max-width:min(92vw,760px);display:flex;justify-content:space-between;
      align-items:baseline;gap:14px;margin-bottom:14px;color:var(--carta)}
    .lb-hlava h3{font:600 22px/1.15 "Playfair Display",Georgia,serif;margin:0}
    .lb-hlava span{font:600 13px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.08em;
      text-transform:uppercase;color:var(--oro)}
    .lb-obraz{position:relative;max-width:min(92vw,760px);width:100%;display:flex;
      align-items:center;justify-content:center}
    .lb-obraz img{max-width:100%;max-height:72vh;display:block;background:#1b1714;
      box-shadow:0 30px 80px rgba(0,0,0,.5)}
    .lb-sip{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;
      border:1px solid rgba(255,255,255,.34);background:rgba(61,30,42,.5);color:var(--carta);
      border-radius:50%;font:400 22px/1 'DM Sans',system-ui,sans-serif;cursor:pointer;
      display:grid;place-items:center;transition:background .2s,border-color .2s}
    .lb-sip:hover{background:rgba(169,133,69,.85);border-color:var(--oro)}
    .lb-sip.vlevo{left:-68px}
    .lb-sip.vpravo{right:-68px}
    .lb-zavrit{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));right:18px;
      width:44px;height:44px;border:1px solid rgba(255,255,255,.3);background:transparent;
      color:var(--carta);border-radius:50%;font:400 17px/1 'DM Sans',system-ui,sans-serif;cursor:pointer}
    .lb-zavrit:hover{border-color:var(--oro);color:var(--oro)}
    .lb-nahledy{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;justify-content:center}
    .lb-nahledy button{width:56px;height:72px;padding:0;border:1px solid rgba(255,255,255,.22);
      background:none;cursor:pointer;overflow:hidden;opacity:.5;transition:opacity .2s,border-color .2s}
    .lb-nahledy button img{width:100%;height:100%;object-fit:cover;display:block}
    .lb-nahledy button[aria-current="true"]{opacity:1;border-color:var(--oro)}
    .lb-pozn{margin-top:14px;font:400 12.5px/1.5 'DM Sans',system-ui,sans-serif;
      color:rgba(255,255,255,.85);text-align:center;max-width:48ch}
    @media (max-width:900px){
      .lb-sip.vlevo{left:8px}
      .lb-sip.vpravo{right:8px}
      .lb-sip{width:44px;height:44px;background:rgba(61,30,42,.66)}
      .lb-obraz img{max-height:58vh}
      .lb-hlava h3{font-size:19px}
    }


  /* ----- nabídka: skutečné stránky, ne kotvy ----- */
  .nav-links a.tady{opacity:1;color:var(--rosa)}
  .nav-links a.tady::after{content:"";display:block;height:1px;background:var(--rosa);
    margin-top:4px}
  .nav-cta.tady{background:var(--oro);color:var(--carta)!important;border-color:var(--oro)}
  .nav-cta.tady::after{display:none}

  /* hamburger: tři čárky, po otevření křížek */
  .burger{position:relative;width:44px;height:44px;display:none;background:none;border:0;
    cursor:pointer;padding:0}
  .burger-cara,.burger-cara::before,.burger-cara::after{
    position:absolute;left:11px;width:22px;height:1.5px;background:var(--inchiostro);
    transition:transform .25s ease,opacity .2s ease;content:""}
  .burger-cara{top:21px}
  .burger-cara::before{top:-7px;left:0}
  .burger-cara::after{top:7px;left:0}
  .burger[aria-expanded="true"] .burger-cara{background:transparent}
  .burger[aria-expanded="true"] .burger-cara::before{transform:translateY(7px) rotate(45deg)}
  .burger[aria-expanded="true"] .burger-cara::after{transform:translateY(-7px) rotate(-45deg)}

  /* hlavička samostatné stránky */
  /* Hlavička je pevná; skript do proměnné zapíše její skutečnou výšku,
     aby nadpis nezmizel pod ní. Čísla v calc jsou záloha pro první
     vykreslení, než se skript spustí. */
  .hlavicka-stranky{padding-top:calc(var(--hlavicka, 92px) + 44px)}
  .hlavicka-stranky .section-title{margin-bottom:0}
  .stred{text-align:center;margin-top:34px}
  .jen-pro-cteni{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

  @media(max-width:880px){
    /* Do teď se na telefonu nabídka schovala a hamburger nic nedělal,
       takže na malém displeji nebyla navigace vůbec. */
    .burger{display:block}
    .nav-links{position:absolute;left:0;right:0;top:88px;display:none;
      flex-direction:column;align-items:stretch;gap:0;
      background:var(--carta);
      border-top:1px solid var(--filo);border-bottom:1px solid var(--filo);
      box-shadow:0 18px 30px -22px rgba(61,30,42,.4);
      padding:8px 0}
    .nav-links.otevreno{display:flex}
    .nav-links li{width:100%}
    .nav-links a{display:block;padding:15px 24px;opacity:1;min-height:44px}
    .nav-links a.tady::after{display:none}
    .nav-cta{margin:10px 24px 14px;text-align:center}
    .hlavicka-stranky{padding-top:calc(var(--hlavicka, 150px) + 22px)}
  }

  /* čtyři karty vedle sebe, na užším displeji dvě a pak jedna */
  .lines.ctyri{grid-template-columns:repeat(4,1fr)}
  .lines.pet{grid-template-columns:repeat(5,1fr)}
  .lines.ctyri .line-card,.lines.pet .line-card{padding:42px 26px}
  .lines.ctyri .line-card h3,.lines.pet .line-card h3{font-size:1.6rem}
  @media(max-width:1240px){ .lines.pet{grid-template-columns:repeat(3,1fr)} }
  @media(max-width:1060px){ .lines.ctyri,.lines.pet{grid-template-columns:1fr 1fr} }
  @media(max-width:560px){ .lines.ctyri,.lines.pet{grid-template-columns:1fr} }

  /* cena na kartě: název vlevo, cena vpravo, velikosti pod tím */
  .kus-popis{flex-direction:column;align-items:stretch;gap:6px}
  .kus-radek{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
  .kus-cena{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;font-size:1.1rem;
    color:var(--inchiostro);white-space:nowrap}
  .kus-velikosti{font:600 13px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.06em;
    text-transform:uppercase;color:var(--oro)}

  /* na užších displejích se značka zmenší, ať se nabídka vejde na řádek */
  @media(max-width:1020px){ .brand{font-size:1.65rem} .nav-links{gap:22px} }
  @media(max-width:880px){ .brand{font-size:1.8rem} }


  /* ----- filtry nad mřížkou ----- */
  .filtry-lista[hidden]{display:none}
  .filtry-lista{display:flex;flex-wrap:wrap;gap:22px;align-items:center;
    padding:18px 0;border-top:1px solid var(--filo);border-bottom:1px solid var(--filo);
    margin-top:30px}
  .filtr{display:flex;align-items:center;gap:8px;
    font:600 .85rem/1 'DM Sans',system-ui,sans-serif;letter-spacing:.06em;
    text-transform:uppercase;color:var(--grigio)}
  .filtr select{font:500 1rem/1 'DM Sans',system-ui,sans-serif;letter-spacing:.04em;
    text-transform:none;color:var(--inchiostro);background:transparent;
    border:0;border-bottom:1px solid var(--filo-oro);padding:6px 2px;
    min-height:38px;cursor:pointer}
  .filtr select:focus-visible{outline:2px solid var(--rosa);outline-offset:2px}
  .filtr-pocet{margin-left:auto;font:600 .85rem/1 'DM Sans',system-ui,sans-serif;
    letter-spacing:.06em;text-transform:uppercase;color:var(--oro)}
  .filtr-prazdno{padding:40px 0;text-align:center;color:var(--grigio)}

  /* Než dorazí kolekce.json, drží mřížka místo obrysy karet. Dřív tu
     ležely ukázkové kusy a na telefonu problikly, než se vyměnily. */
  .kolekce[data-stav="ceka"]{min-height:0}
  .kolekce[data-stav="ceka"]::before,
  .kolekce[data-stav="ceka"]::after{
    content:"";display:block;aspect-ratio:3/4;border:1px solid var(--filo);
    background:linear-gradient(100deg,var(--carta-soft) 30%,#fff 50%,var(--carta-soft) 70%);
    background-size:240% 100%;animation:cekani 1.4s linear infinite}
  @keyframes cekani{from{background-position:140% 0}to{background-position:-40% 0}}
  @media(prefers-reduced-motion:reduce){
    .kolekce[data-stav="ceka"]::before,
    .kolekce[data-stav="ceka"]::after{animation:none}
  }
  .kolekce-stav{padding:40px 0;text-align:center;color:var(--grigio);max-width:46ch;
    margin-left:auto;margin-right:auto}

  /* čtený sloupec na samostatné stránce */
  .text-sloupec{max-width:60ch;margin-top:34px}
  .text-sloupec p{margin-top:18px}
  .text-sloupec p:first-child{margin-top:0}
  .text-sloupec strong{color:var(--inchiostro);font-weight:500}
  @media(max-width:620px){
    .filtry-lista{gap:14px}
    .filtr-pocet{margin-left:0;width:100%}
  }


  /* ----- telefon: nabídka rovnou vidět ----- */
  @media(max-width:880px){
    /* Hamburger pryč. Položky se vejdou na řádek, a kdyby ne, dá se
       s nimi posunout prstem. */
    .burger{display:none}
    .nav{flex-wrap:wrap;height:auto;padding:14px 0 0;row-gap:10px}
    .brand{flex:1 1 auto}
    .hlavni-nav{display:contents}
    .nav-cta{order:2;padding:11px 16px;font-size:.74rem;white-space:nowrap}

    .nav-links{position:static;order:3;width:100%;display:flex;flex-direction:row;
      align-items:stretch;gap:0;background:none;border:0;padding:0;
      box-shadow:none;overflow-x:auto;-webkit-overflow-scrolling:touch;
      scrollbar-width:none;border-top:1px solid var(--filo);margin-top:4px}
    .nav-links::-webkit-scrollbar{display:none}
    .nav-links li{width:auto;flex:1 0 auto}
    .nav-links a{display:block;padding:14px 12px;font-size:.74rem;letter-spacing:.02em;
      white-space:nowrap;text-align:center;opacity:.85;min-height:44px}
    .nav-links a.tady{opacity:1}
    .nav-links a.tady::after{display:block;height:2px;margin-top:6px}

    /* Hlavička je fixed a na telefonu má dva řádky (značka a nabídka),
       takže pod ní musí hero začít níž, jinak si text přeleze přes sebe. */
    #hdr{background:var(--carta);border-bottom:1px solid var(--filo)}
    .hero{padding:150px 0 44px}
    .hero-meta{flex-direction:column;align-items:stretch;gap:12px;margin-top:26px}
    .hero-meta .btn{width:100%;display:flex;align-items:center;justify-content:center;
      min-height:54px;padding:16px 20px}
    .hero-sub{margin-top:20px;padding-top:18px}
    .vetrina{max-width:330px}
  }

  /* Na telefonu má být první kus vidět celý hned po otevření kolekce.
     Měřeno na 390×844: fotka končila 29 px pod okrajem okna, protože
     mezera pod nadpisem (62 px) a odsazení mřížky byly počítané pro
     velkou obrazovku. */
  @media(max-width:880px){
    .hlavicka-stranky{padding-top:calc(var(--hlavicka, 150px) + 10px)}
    .hlavicka-stranky .section-head{margin-bottom:24px}
    .kolekce{margin-top:14px}
  }

  /* Sekce hned pod hlavičkou stránky: odsazení obou sekcí se sčítalo
     a mezi nadpisem a zbožím zůstala prázdná plocha. */
  .hlavicka-stranky + .section{padding-top:0}

  /* Když pod hlavičkou stránky rovnou následuje další sekce, sečetlo se
     odsazení obou a mezi nadpisem a zbožím zůstala prázdná plocha. */
  .hlavicka-stranky:has(+ .section){padding-bottom:0}

  /* U zboží musí být vidět celé balení i s kouskem místa okolo. Oříznutí
     na výšku sedí oblečení na modelce, ale sklenici olivám ukousne víčko
     i dno a z lahve zbude půlka. */
  .kolekce[data-druh="potraviny"] .kus img{padding:18px;box-sizing:border-box}
  .kolekce[data-druh="potraviny"] .kus:hover img{transform:scale(1.02)}
  /* v prohlížeči fotek se obrázek vejde celý už teď (max-height), tam
     měnit nic netřeba */

  /* Otevírací doba a telefon na stránce Navštivte nás */
  .provoz{margin-top:28px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px 56px;
    background:var(--carta);border:1px solid var(--filo);border-radius:3px;padding:44px 56px}
  .provoz-nadpis{font:600 1.45rem/1.2 'Playfair Display',serif;color:var(--inchiostro);margin-bottom:14px}
  .oteviraci{border-collapse:collapse;width:100%;max-width:420px}
  .oteviraci th,.oteviraci td{padding:9px 0;border-bottom:1px solid var(--filo);vertical-align:top;
    text-align:left;font-weight:400;color:var(--grigio)}
  .oteviraci th{color:var(--inchiostro);width:42%}
  .oteviraci .zavreno td{color:#76696e;font-style:italic}
  .telefon{font:400 1.7rem/1.2 'Playfair Display',serif;color:var(--inchiostro);text-decoration:none;
    border-bottom:1px solid var(--filo-oro)}
  .telefon:hover{color:var(--rosa)}
  .provoz-pozn{margin-top:14px;color:var(--grigio);font-size:1rem}
  @media(max-width:880px){
    .provoz{grid-template-columns:1fr;padding:30px 22px;gap:26px}
  }

  .adresa{font:400 1.25rem/1.35 'Playfair Display',serif;color:var(--inchiostro)}
  .navigace{margin-top:10px;color:var(--grigio);font-size:1rem}
  .navigace a{color:var(--inchiostro);margin-left:10px;text-decoration:none;
    border-bottom:1px solid var(--filo-oro);display:inline-block;padding:6px 0;min-height:44px;line-height:32px}
  .navigace a:hover{color:var(--rosa)}

  /* Monogram LV s růží z vývěsního štítku prodejny vlevo nahoře,
     vedle zůstává nápis LaVerosa. */
  .brand{display:inline-flex;align-items:center;gap:12px}
  .brand-znak{height:72px;width:auto;flex:0 0 auto}
  @media(max-width:880px){
    .brand{gap:7px;font-size:1.3rem}
    .brand-znak{height:52px}
    .nav{column-gap:12px}
    .nav .nav-cta{padding:10px 11px;letter-spacing:.04em}
  }

  /* Okraj hlavičky na telefonu: pravidlo .nav{padding:14px 0 0} přepisovalo
     okraj stránky na nulu, takže logo a nápis lepily na kraj displeje.
     Řádek s nabídkou zůstává přes celou šířku. */
  @media(max-width:880px){
    .nav{padding:14px 22px 0}
    .nav .nav-cta{margin:0}
    .nav-links{margin-left:-22px;margin-right:-22px;width:calc(100% + 44px)}
  }

  /* Pod 390 px se logo, nápis a tlačítko nevejdou vedle sebe a tlačítko by
     spadlo na další řádek. Zůstává jen monogram LV s růží. */
  @media(max-width:389px){
    .brand-nazev{display:none}
    .brand-znak{height:56px}
  }

  /* Otevírací doba jako vývěsní štítek prodejny: rámeček, velká písmena
     s prostrkáním, svislá čára mezi dny a časy, hvězdička v oddělovači. */
  .cedule{background:#fff;border:1px solid var(--inchiostro);outline:1px solid var(--inchiostro);
    outline-offset:-7px;padding:34px 30px;text-align:center;color:var(--inchiostro);
    font-family:'Playfair Display',serif}
  .cedule-nadpis{font:400 1.5rem/1.2 'Playfair Display',serif;letter-spacing:.18em;text-transform:uppercase;
    margin-bottom:18px}
  .cedule-doba{margin:0 auto;border-collapse:collapse;text-transform:uppercase;letter-spacing:.06em}
  .cedule-doba th{font-weight:400;text-align:left;padding:5px 18px 5px 0;border-right:1px solid var(--inchiostro)}
  .cedule-doba td{padding:5px 0 5px 18px;text-align:center}
  .cedule-doba .cas{display:inline-block;white-space:nowrap;margin:0 .55em}
  .cedule-doba .do{display:inline-block;width:.75em;height:1px;background:currentColor;
    vertical-align:middle;margin:0 .35em;position:relative}
  .cedule-doba .do .jen-pro-cteni{position:absolute}
  .cedule-oddelovac{display:flex;align-items:center;gap:12px;margin:20px auto 14px;max-width:320px;font-size:.8rem}
  .cedule-oddelovac::before,.cedule-oddelovac::after{content:"";flex:1;height:1px;background:var(--inchiostro)}
  .cedule-provoz{display:flex;flex-direction:column;gap:3px;text-transform:uppercase}
  .cedule-male{letter-spacing:.2em;font-size:.95rem}
  .cedule-jmeno{letter-spacing:.12em;font-size:1.15rem}
  .cedule-drobne{font-size:.78rem;letter-spacing:.06em}
  .cedule-tel{margin-top:12px}
  .cedule-tel a{display:inline-flex;align-items:center;gap:10px;color:var(--inchiostro);text-decoration:none;
    font-size:1.5rem;letter-spacing:.04em;min-height:44px}
  .cedule-tel a:hover{color:var(--rosa)}
  .tel-ikona{width:30px;height:30px;flex:0 0 auto}
  @media(max-width:880px){
    .cedule{padding:30px 16px}
    .cedule-nadpis{font-size:1.2rem;letter-spacing:.14em}
    .cedule-doba{font-size:.86rem}
    .cedule-doba th{padding-right:10px}
    .cedule-doba td{padding-left:10px}
    .cedule-doba .cas{display:block;margin:0}
  }

  /* Stránka Otevírací doba: plakát prodejny tak, jak je */
  .plakat{max-width:520px;margin:0 auto}
  .plakat img{display:block;width:100%;height:auto;box-shadow:0 18px 40px -26px rgba(61,30,42,.55)}
  .plakat-akce{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}

  /* Pět položek menu na telefonu: s původním prostrkáním a okraji
     potřebovaly 436 px a Otevírací doba vyjížděla za okraj displeje. */
  @media(max-width:880px){
    .nav-links a{padding:14px 4px;letter-spacing:0}
  }

  /* ----- Tlačítka jako u módních značek (27. 9. 2026) -----
     Majitel: velké bloky verzálkami „takhle to nechci“. Módní obchody
     (Sézane, Rouje, Reformation) mají štíhlé zaoblené tlačítko s běžným
     textem a druhou volbu jen jako odkaz se šipkou. Trikolóra z tlačítka pryč. */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
    border-radius:999px;text-transform:none;letter-spacing:.01em;
    font-size:1rem;font-weight:600;padding:14px 30px;min-height:50px;line-height:1.2}
  .btn-solid{background:var(--rosa);border:1px solid var(--rosa);color:#fff}
  .btn-solid:hover{background:#9C3556;border-color:#9C3556;transform:none}
  .btn-tricolora{padding-bottom:14px}
  .btn-tricolora::after{display:none}
  .btn-ghost{border:0;background:none;padding:14px 4px;min-height:50px;border-radius:0;
    color:var(--inchiostro);text-decoration:none}
  .btn-ghost::after{content:"→";color:var(--rosa);font-size:1.15em;display:inline-block;transition:transform .25s}
  .btn-ghost:hover{color:var(--rosa)}
  .btn-ghost:hover::after{transform:translateX(3px)}
  .hero-meta{align-items:center;gap:18px 26px}
  .nav-cta{border-radius:999px;text-transform:none;letter-spacing:.01em;font-size:.95rem;
    border-color:var(--rosa);color:var(--rosa)!important;padding:9px 20px}
  .nav-cta:hover,.nav-cta.tady{background:var(--rosa);border-color:var(--rosa);color:#fff!important}
  @media(max-width:880px){
    .hero-meta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 22px}
    .hero-meta .btn{width:auto;min-height:50px;padding:14px 28px}
    .hero-meta .btn-ghost{padding:14px 2px}
    .nav .nav-cta{font-size:.85rem;padding:9px 14px;letter-spacing:0}
  }

  /* ----- Větší písmo a víc obrázků (27. 9. 2026) -----
     Majitel: „ještě větší písmo a víc obrázků“. Fotky se neořezávají,
     jen pozadí poukazů (abstraktní obraz) smí jít přes celou plochu. */
  body{font-size:1.1875rem;line-height:1.7}
  .hero-sub{font-size:1.3rem;max-width:34ch}
  .editorial-text p,.line-card p,.visit p,.text-sloupec p{font-size:1.15rem}
  .btn{font-size:1.1rem;padding:16px 34px;min-height:56px}
  .eyebrow{font-size:.9rem}
  .line-card h3{font-size:2.5rem}
  .nav-links a{font-size:1rem}
  .foot-col a{font-size:1.1rem}
  .copy{font-size:.95rem}

  .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px}
  .hero-headline{font-size:clamp(3.4rem,8vw,7.4rem)}
  .hero-foto img,.pas-foto img,.poukazy-foto img,.banner-foto img{display:block;width:100%;height:auto}
  .hero-foto img{border-radius:14px;box-shadow:0 24px 48px -30px rgba(61,30,42,.55)}
  .pas-foto{max-width:520px;margin:0 auto 48px}
  .pas-foto img{border-radius:14px}
  .banner-foto{display:block;max-width:720px;margin:0 auto 34px;border-radius:14px;overflow:hidden;
    box-shadow:0 18px 40px -28px rgba(61,30,42,.5)}
  .poukazy{background:url("obrazky/obraz-ruzovy.jpg") center/cover no-repeat}
  .poukazy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
  .poukazy-text{background:rgba(255,255,255,.93);border-radius:14px;padding:40px 36px}
  .poukazy-text p{margin-top:16px}
  .poukazy-text .section-title{margin-top:10px}
  .poukazy-foto{max-width:460px;justify-self:center;background:#fff;padding:10px;border-radius:14px;
    box-shadow:0 24px 48px -28px rgba(61,30,42,.6)}
  .poukazy-foto img{border-radius:8px}
  @media(max-width:880px){
    .hero-grid{grid-template-columns:1fr;gap:30px}
    .hero-foto{max-width:460px;margin:0 auto}
    .hero-sub{font-size:1.2rem}
    .nav-links a{font-size:.74rem}
    .poukazy-grid{grid-template-columns:1fr;gap:28px}
    .poukazy-text{padding:30px 22px}
    .pas-foto{margin-bottom:34px}
  }

  /* Plakát otevírací doby na stránce Prodejna (28. 9. 2026). */
  .plakat-prodejna{max-width:440px;margin:0;width:100%}
  @media(max-width:880px){ .plakat-prodejna{margin:0 auto} }
  @media(max-width:880px){ .visit .eyebrow{white-space:normal} }

  /* Plakát otevírací doby jako ostrý vektor (28. 9. 2026). */
  .plakat-svg{display:block;width:100%;height:auto;box-shadow:0 18px 40px -26px rgba(61,30,42,.55)}

  /* ----- Ještě větší písmo (29. 9. 2026) -----
     Majitel: „na webu chci větší písmo ještě“. Text 19 → 21 px, ostatní
     úměrně. Menu beze změny: na počítači se větší nevejde na jeden řádek,
     na 390 px musí vyjít na šířku. */
  body{font-size:1.3125rem}
  .hero-sub{font-size:1.45rem}
  .editorial-text p,.line-card p,.visit p,.text-sloupec p,.poukazy-text p{font-size:1.28rem}
  .btn{font-size:1.2rem}
  .eyebrow{font-size:1rem}
  .line-card h3{font-size:2.7rem}
  .foot-col a{font-size:1.2rem}
  .foot-col h4{font-size:.9rem}
  .copy{font-size:1.05rem}
  .provoz-pozn,.navigace{font-size:1.15rem}
  .kus-cena{font-size:1.25rem}
  .quote{font-size:clamp(1.9rem,4.2vw,3rem)}
  @media(max-width:880px){
    body{font-size:1.25rem}
    .hero-sub{font-size:1.3rem}
    .editorial-text p,.line-card p,.visit p,.text-sloupec p,.poukazy-text p{font-size:1.2rem}
    .line-card h3{font-size:2.2rem}
  }
  @media(min-width:1181px){
    .nav-links a{font-size:1.1rem}
    .nav-cta{font-size:1.05rem}
  }

  /* ----- Velké logo v úvodu, větší dlaždice a písmo (29. 9. 2026) -----
     Majitelka: „v úvodu velké logo, dlaždice větší a písmo taky“.
     Kolekce po 2 kusech vedle sebe místo 3, karty Moda a Cibo větší. */
  .hero-logo{display:block;width:min(380px,80%);height:auto;margin:0 0 18px -8px}
  body{font-size:1.375rem}
  .hero-sub{font-size:1.55rem}
  .editorial-text p,.line-card p,.visit p,.text-sloupec p,.poukazy-text p{font-size:1.35rem}
  .btn{font-size:1.25rem}
  .eyebrow{font-size:1.05rem}
  .line-card{padding:64px 56px}
  .line-card h3{font-size:3.2rem}
  .line-index{font-size:1.15rem}
  .line-card .more{font-size:1rem}
  .kolekce{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
  .kus-popis{padding:20px 22px 22px}
  .kus-popis h3{font-size:26px}
  .kus-popis span{font-size:16px}
  .kus-cena{font-size:1.45rem}
  .kus-stitek{font-size:15px}
  @media(max-width:880px){
    .hero-logo{width:min(260px,70%);margin:0 auto 14px}
    body{font-size:1.3rem}
    .hero-sub{font-size:1.35rem}
    .editorial-text p,.line-card p,.visit p,.text-sloupec p,.poukazy-text p{font-size:1.25rem}
    .line-card{padding:44px 26px}
    .line-card h3{font-size:2.5rem}
  }
  @media(max-width:560px){
    .kolekce{grid-template-columns:1fr;gap:24px}
  }

  /* ----- Úvod: jen velké logo, hned pod menu (29. 9. 2026) -----
     Majitel: „nech jen to velké logo a pusť ho výš k těm dlaždicím“.
     Na úvodní stránce se malé logo v hlavičce skryje a úvod se už
     neroztahuje na výšku okna (na vysoké obrazovce byla pod menu díra). */
  .uvod .brand{display:none}
  .uvod .nav{justify-content:flex-end;gap:36px}
  .uvod .hero{min-height:auto;align-items:flex-start;padding:108px 0 70px}
  .uvod .hero-grid{align-items:start}
  .uvod .hero-logo{margin-top:0}
  @media(max-width:880px){
    /* Horní řádek by zůstal jen s tlačítkem Navštivte nás; to je v úvodu
       jako Kde nás najdete, proto na mobilu zbude jen lišta menu. */
    .uvod .nav-cta{display:none}
    .uvod .nav{padding-top:0}
    .uvod .hero{padding:78px 0 44px}
  }

  /* ----- Logo do levého horního rohu (29. 9. 2026) -----
     Majitel: „posuň logo výš do levého horního rohu“. Na počítači logo
     vyjede do průhledné hlavičky vlevo vedle menu, fotka vpravo zůstává
     pod menu. Na mobilu vede menu přes celou šířku, logo je vlevo pod ním. */
  @media(min-width:881px){
    .uvod .hero-logo{width:300px;margin:-100px 0 6px -14px}
  }
  @media(max-width:880px){
    .uvod .hero-logo{width:min(230px,62%);margin:-6px 0 12px -10px}
  }
  @media(min-width:881px) and (max-width:1180px){
    .uvod .hero-logo{width:190px;margin-top:-96px}
  }
  @media(min-width:881px) and (max-width:1000px){
    .uvod .hero-logo{margin-top:0}
  }
  @media(min-width:881px){ .uvod .hero-logo{margin-bottom:22px} }

/* Podmínky prodeje (30. 9. 2026): grafika a pod ní čitelný text. */
.podminky{max-width:640px;margin:34px auto 0}
.podminky h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.6rem,4vw,2.1rem);text-align:center;margin:0 0 18px}
.podminky ol{list-style:none;padding:0;margin:0;counter-reset:krok}
.podminky li{counter-increment:krok;position:relative;padding:14px 0 14px 54px;border-bottom:1px solid rgba(184,74,107,.18)}
.podminky li::before{content:counter(krok);position:absolute;left:0;top:14px;width:38px;height:38px;border-radius:50%;background:#B84A6B;color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',Georgia,serif;font-weight:600}
.podminky h2{font-family:'Playfair Display',Georgia,serif;font-size:1.25rem;margin:4px 0 6px;color:#9b2f55}
.podminky li p{margin:0}
.podminky-prodavajici{font-size:.95rem;opacity:.8;margin-top:18px;text-align:center}

/* =====================================================================
   NÁHLED 30. 9. 2026: úvod jako Simply Boutique (velký střídavý obrázek,
   panel s logem a nadpisem, tři dlaždice přes spodní okraj).
===================================================================== */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.slider{position:relative;background:#FBF0F2}
.slider-okno{position:relative;height:min(84vh,780px);min-height:540px;overflow:hidden;background:#e9dfe2}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.slide.aktivni{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;display:block}
.slide-text{display:none}
.slider-okno::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(61,30,42,.28) 0%,rgba(61,30,42,0) 45%);pointer-events:none}
.slider-panel{position:absolute;left:clamp(20px,5vw,90px);top:50%;transform:translateY(-58%);width:min(460px,42vw);z-index:2;
  background:rgba(251,240,242,.93);border-radius:22px;padding:30px 34px 32px;box-shadow:0 24px 60px -30px rgba(61,30,42,.6)}
.slider-logo{display:block;width:210px;height:auto;margin:-6px 0 8px -8px}
.slider-text .eyebrow{margin:0 0 6px}
.slider-text h2{font-size:clamp(2.1rem,3.3vw,3.1rem);line-height:1.08;margin:0 0 12px}
.slider-text p{margin:0 0 20px}
.slider-text{min-height:230px}
.slider-sip{position:absolute;bottom:34px;z-index:3;width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#3D1E2A;
  font-size:30px;line-height:1;cursor:pointer;box-shadow:0 8px 20px -10px rgba(0,0,0,.4)}
.slider-sip.vlevo{right:92px}.slider-sip.vpravo{right:30px}
.slider-tecky{position:absolute;left:50%;bottom:44px;transform:translateX(-50%);z-index:3;display:flex;gap:10px}
.slider-tecky button{width:11px;height:11px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.6);cursor:pointer}
.slider-tecky button.aktivni{background:#fff;width:28px;border-radius:6px}
.dlazdice-uvod{position:relative;z-index:4;margin-top:-86px;padding-bottom:30px}
.dlazdice-mriz{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dlazdice{display:flex;align-items:stretch;background:#fff;border-radius:18px;overflow:hidden;min-height:160px;text-decoration:none;color:#3D1E2A;
  box-shadow:0 18px 40px -24px rgba(61,30,42,.55);transition:transform .25s}
.dlazdice:hover{transform:translateY(-4px)}
.dl-text{flex:1 1 55%;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px 22px}
.dl-text strong{font-family:'Playfair Display',Georgia,serif;font-size:1.55rem;font-weight:600}
.dl-text .btn{align-self:flex-start;padding:8px 16px;font-size:.9rem}
.dlazdice img{flex:0 0 42%;width:42%;object-fit:cover;display:block}
@media(max-width:880px){
  .slider-okno{height:58vh;min-height:360px}
  .slider-okno::after{background:linear-gradient(0deg,rgba(61,30,42,.25),rgba(61,30,42,0) 40%)}
  .slider-panel{position:relative;left:auto;top:auto;transform:none;width:auto;margin:-70px 16px 0;padding:22px 22px 24px}
  .slider-logo{width:150px}
  .slider-text{min-height:0}
  .slider-sip{bottom:auto;top:calc(58vh - 120px);width:44px;height:44px;font-size:26px}
  .slider-sip.vlevo{right:auto;left:14px}.slider-sip.vpravo{right:14px}
  .slider-tecky{bottom:auto;top:calc(58vh - 104px)}
  .dlazdice-uvod{margin-top:26px}
  .dlazdice-mriz{grid-template-columns:1fr;gap:14px}
  .dlazdice{min-height:120px}
}
@media(prefers-reduced-motion:reduce){.slide,.slide img{transition:none}}

/* Náhled: menu na úvodu na pevném podkladu, obrázek začíná pod ním. */
.uvod #hdr{background:rgba(255,255,255,.95);border-bottom:1px solid var(--filo)}
.uvod .slider{padding-top:var(--hdr,88px)}
.slider-sip{bottom:128px}
.slider-tecky{bottom:140px}
.dlazdice img.cely{object-fit:contain;background:#FBF0F2;padding:6px}
@media(max-width:880px){
  .slider-sip{top:calc(var(--hdr,88px) + 58vh - 64px);bottom:auto}
  .slider-tecky{top:calc(var(--hdr,88px) + 58vh - 48px);bottom:auto}
}
@media(max-width:880px){
  .slide img{object-position:var(--m,50% 50%) !important}
  .slider-sip{top:calc(var(--hdr,88px) + 58vh - 130px)}
  .slider-tecky{top:calc(var(--hdr,88px) + 58vh - 114px)}
}
/* Mobil (30. 9. 2026): fotka byla přes celou obrazovku a pod ní nebylo nic vidět.
   Nižší fotka a kompaktní panel, aby pod nimi hned začínaly dlaždice. */
@media(max-width:880px){
  .slider{--vs:min(42vh,400px)}
  .slider-okno{height:var(--vs);min-height:280px}
  .slider-panel{margin:-36px 14px 0;padding:12px 18px 16px}
  .slider-logo{width:74px;margin:0 0 2px -4px}
  .slider-text h2{font-size:1.55rem;margin:0 0 10px}
  .slider-text .eyebrow{margin:0 0 2px}
  .slider-text p:not(.eyebrow){display:none}
  .slider-text .btn{padding:9px 18px;font-size:.95rem}
  .slider-sip{top:calc(var(--vs) - 92px);width:40px;height:40px;font-size:24px}
  .slider-tecky{top:calc(var(--vs) - 76px)}
  .dlazdice-uvod .dlazdice{min-height:104px}
}
/* Mobil (30. 9. 2026): majitel: „logo LaVerosa musí být nad Domů, panel pod fotkou bez loga“.
   Hlavička úvodu je na telefonu stejná jako na ostatních stránkách. */
@media(max-width:880px){
  .uvod .brand{display:inline-flex}
  .uvod .nav-cta{display:inline-block}
  .uvod .nav{padding-top:14px;justify-content:space-between;gap:10px 12px}
  .slider-logo{display:none}
}
/* Úvod (30. 9. 2026): majitel: „i na počítači dej logo nahoru“ a na iPhonu byla
   nad fotkou prázdná mezera. Pevná hlavička s odsazením podle změřené výšky
   se v Safari změřila špatně, proto je hlavička na úvodu součástí stránky
   (sticky) a fotka začíná hned pod ní bez počítání. Logo je v hlavičce, v panelu ne. */
.uvod #hdr{position:sticky}
.uvod .slider{padding-top:0}
.uvod .brand{display:inline-flex}
.uvod .nav{justify-content:space-between}
.slider-logo{display:none}

/* Kde nás najdete: mapa (3. 10. 2026). */
.kde-grid{display:grid;gap:28px;align-items:center}
@media (min-width:900px){.kde-grid{grid-template-columns:1fr 1.3fr}}
.mapa{margin-top:16px}
.mapa iframe{display:block;width:100%;aspect-ratio:4/3;border:0;border-radius:16px;box-shadow:0 10px 30px rgba(61,30,42,.12)}
.kde-grid .adresa{margin-top:14px}