@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Hanken+Grotesk:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');


/* ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
   ČÁST 1: MAPA PRODEJEN — #dmp-prodejny
   ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ */

/* =============================================================
   DREAMY.CZ — stránka „Prodejny Dreamy" (mapa + seznam + kontakty)
   -------------------------------------------------------------
   SAMOSTATNÝ soubor. Nezávisí na dreamy.css ani na šabloně webu
   a nic globálního nepřebarvuje — vše je uzamčené pod #dmp-prodejny.

   Nahraj do:  Vzhled a obsah → Správce souborů → /user/documents/upload/Mapa_prodejen/
   Odkaz vlož: Vzhled a obsah → Editor → HTML kód → ZÁHLAVÍ:
       <link rel="stylesheet" href="/user/documents/upload/Mapa_prodejen/prodejny.css?v=1">
   Po KAŽDÉ změně souboru zvyš ?v=  (jinak drží cache).

   PROČ ID SCOPE (#dmp-prodejny) A NE TŘÍDA:
   Šablony Shoptetu cílí obsah přes #content h2 { … } apod. Selektor
   s ID přebíjí i tyhle pravidla, takže není potřeba ani jedno
   !important → responsivita zůstává předvídatelná.
   ⚠️ ID musí být na stránce jen jednou (tj. jeden blok na stránku).

   CHCEŠ PÍSMA ŠABLONY MÍSTO Cormorant/Hanken?
   Smaž @import níž a v tokenech nastav:
       --dmp-sans: inherit;  --dmp-serif: inherit;
   ============================================================= */

/* ---------- tokeny + reset (platí jen uvnitř bloku) ---------- */
#dmp-prodejny{
  --dmp-pink:#C8005F;
  --dmp-pink-dark:#9E0A54;
  --dmp-pink-soft:#F4E6EE;
  --dmp-teal:#1E7A70;
  --dmp-teal-bright:#33B3A6;
  --dmp-teal-soft:#EAF5F3;
  --dmp-ink:#141118;
  --dmp-text:#4A4550;
  --dmp-muted:#8A8490;
  --dmp-line:rgba(20,17,24,.08);
  --dmp-paper:#F5F1EC;
  --dmp-sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --dmp-serif:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* žádný vlastní strop šířky — blok vyplní kontejner šablony a zarovná se
     s bannerem, drobenkou i hodnocením nižší na stránce.
     Kdyby byl na velkých monitorech příliš široký, dej sem např. 1440px. */
  max-width:none;
  margin:0 auto;
  font-family:var(--dmp-sans);
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:normal;
  text-transform:none;
  text-align:left;
  color:var(--dmp-ink);
  -webkit-font-smoothing:antialiased;
}
#dmp-prodejny,
#dmp-prodejny *,
#dmp-prodejny *::before,
#dmp-prodejny *::after{box-sizing:border-box}
#dmp-prodejny h1,#dmp-prodejny h2,#dmp-prodejny h3,#dmp-prodejny p{margin:0;padding:0;text-transform:none}
#dmp-prodejny section{margin:0}
#dmp-prodejny svg{display:block;flex:0 0 auto}
#dmp-prodejny a{color:var(--dmp-pink);text-decoration:none;background:none;border:0;box-shadow:none}
#dmp-prodejny a:hover,#dmp-prodejny a:focus{color:var(--dmp-pink-dark);text-decoration:none}

/* skrytí nativního nadpisu stránky (h1 „Prodejny Dreamy") — blok má vlastní.
   :has() omezí skrytí jen na stránku s tímhle blokem. */
body:has(#dmp-prodejny) header[itemprop="headline"]{display:none}
/* text-transform i podtržení ještě jednou přes třídu (1,1,0) — elementární reset
   výše je (1,0,1) a s pravidly typu #content h2 / #content a by remizoval
   a prohrál na pořadí v kódu. Tady už nemůže. */
#dmp-prodejny .dmp-h1,#dmp-prodejny .dmp-h2,#dmp-prodejny .dmp-title,#dmp-prodejny .dmp-name,
#dmp-prodejny .dmp-card-h,#dmp-prodejny .dmp-lead,#dmp-prodejny .dmp-quote,
#dmp-prodejny .dmp-quote-sub,#dmp-prodejny .dmp-card-p,#dmp-prodejny .dmp-row,
#dmp-prodejny .dmp-strip-t,#dmp-prodejny .dmp-strip-p,#dmp-prodejny .dmp-mapnote,
#dmp-prodejny .dmp-facts,#dmp-prodejny .dmp-note,#dmp-prodejny .dmp-val,
#dmp-prodejny .dmp-stat-num,#dmp-prodejny .dmp-stat-lbl,#dmp-prodejny .dmp-fallback{text-transform:none}
#dmp-prodejny .dmp-btn,#dmp-prodejny .dmp-link,#dmp-prodejny .dmp-item,
#dmp-prodejny .dmp-social a,#dmp-prodejny .dmp-row a,#dmp-prodejny .dmp-facts a,
#dmp-prodejny .dmp-fallback a,#dmp-prodejny .dmp-net a,#dmp-prodejny .dmp-hero a,
#dmp-prodejny .dmp-contact a,#dmp-prodejny .dmp-strip a,
#dmp-prodejny .dmp-btn:hover,#dmp-prodejny .dmp-link:hover,#dmp-prodejny .dmp-item:hover,
#dmp-prodejny .dmp-social a:hover,#dmp-prodejny .dmp-row a:hover,
#dmp-prodejny .dmp-fallback a:hover,#dmp-prodejny .dmp-net a:hover,
#dmp-prodejny .dmp-hero a:hover,#dmp-prodejny .dmp-contact a:hover,
#dmp-prodejny .dmp-strip a:hover,
#dmp-prodejny .leaflet-container a{text-decoration:none}
/* text-align taky přes třídu (1,1,0) — šablona dreamy.cz centruje text obsahu stránky */
#dmp-prodejny .dmp-hero-text,#dmp-prodejny .dmp-h1,#dmp-prodejny .dmp-h2,
#dmp-prodejny .dmp-lead,#dmp-prodejny .dmp-eyebrow,
#dmp-prodejny .dmp-btns,#dmp-prodejny .dmp-net-head,#dmp-prodejny .dmp-contact-head,
#dmp-prodejny .dmp-stats,#dmp-prodejny .dmp-stat,#dmp-prodejny .dmp-stat-num,
#dmp-prodejny .dmp-stat-lbl,#dmp-prodejny .dmp-hero-visual,#dmp-prodejny .dmp-quote,
#dmp-prodejny .dmp-quote-sub,#dmp-prodejny .dmp-store,#dmp-prodejny .dmp-body,
#dmp-prodejny .dmp-title,#dmp-prodejny .dmp-row,#dmp-prodejny .dmp-links,
#dmp-prodejny .dmp-mapnote,#dmp-prodejny .dmp-fallback,#dmp-prodejny .dmp-card,
#dmp-prodejny .dmp-card-h,#dmp-prodejny .dmp-card-p,#dmp-prodejny .dmp-lines,
#dmp-prodejny .dmp-item,#dmp-prodejny .dmp-lbl,#dmp-prodejny .dmp-val,
#dmp-prodejny .dmp-social,#dmp-prodejny .dmp-dark,#dmp-prodejny .dmp-facts,
#dmp-prodejny .dmp-k,#dmp-prodejny .dmp-note,#dmp-prodejny .dmp-strip,
#dmp-prodejny .dmp-strip-t,#dmp-prodejny .dmp-strip-p{text-align:left}
#dmp-prodejny [role="button"]:focus-visible,
#dmp-prodejny a:focus-visible{outline:2px solid var(--dmp-pink);outline-offset:3px}

/* ---------- typografie ---------- */
#dmp-prodejny .dmp-h1{font-family:var(--dmp-serif);font-weight:500;font-size:62px;line-height:1.06;letter-spacing:-.01em;color:var(--dmp-ink);margin:0 0 22px;text-wrap:pretty}
#dmp-prodejny .dmp-h2{font-family:var(--dmp-serif);font-weight:800;font-size:38px;line-height:1.08;letter-spacing:-.01em;color:var(--dmp-ink);margin:0}
#dmp-prodejny .dmp-lead{font-size:19px;line-height:1.6;color:var(--dmp-text);margin:0 0 26px;max-width:540px;text-wrap:pretty}
#dmp-prodejny .dmp-eyebrow{font-size:12.5px;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--dmp-pink);margin:0 0 10px}

/* ---------- tlačítka (vlastní, nesahají na nativní .btn) ---------- */
#dmp-prodejny .dmp-btns{display:flex;gap:12px;flex-wrap:wrap}
#dmp-prodejny .dmp-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--dmp-sans);font-size:15px;font-weight:700;line-height:1;padding:15px 26px;border-radius:10px;border:1.5px solid transparent;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
#dmp-prodejny .dmp-btn-primary{background:var(--dmp-pink);color:#fff}
#dmp-prodejny .dmp-btn-primary:hover,#dmp-prodejny .dmp-btn-primary:focus{background:var(--dmp-pink-dark);color:#fff}
#dmp-prodejny .dmp-btn-ghost{background:transparent;color:var(--dmp-ink);border-color:rgba(20,17,24,.18)}
#dmp-prodejny .dmp-btn-ghost:hover,#dmp-prodejny .dmp-btn-ghost:focus{border-color:var(--dmp-pink);color:var(--dmp-pink)}

/* ---------- HERO ---------- */
/* margin-top: stáhne blok blíž k nativnímu H1 stránky (šablona pod ním nechává
   velkou mezeru). Kdyby se překrývaly, zmenši číslo. */
#dmp-prodejny .dmp-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center;margin-top:-56px;padding:0}
#dmp-prodejny .dmp-hero-text{min-width:0}
/* Grid s auto-flow:column = tři statistiky VŽDY v jedné řádce.
   (Flex + wrap se na webu zlomil do sloupce — šablona dávala potomkům plnou šířku.) */
#dmp-prodejny .dmp-stats{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;align-items:start;column-gap:26px;row-gap:0;margin-top:30px}
#dmp-prodejny .dmp-stat{min-width:0;padding:0;border:0}
#dmp-prodejny .dmp-stat + .dmp-stat{border-left:1px solid rgba(20,17,24,.12);padding-left:26px}
#dmp-prodejny .dmp-stat-num{display:block;font-family:var(--dmp-serif);font-size:30px;font-weight:800;color:var(--dmp-teal);line-height:1;white-space:nowrap}
#dmp-prodejny .dmp-stat-lbl{display:block;font-size:13px;line-height:1.4;color:#6A6470;margin-top:3px;white-space:nowrap}

#dmp-prodejny .dmp-hero-visual{position:relative;aspect-ratio:1/1;border-radius:22px;overflow:hidden;background:radial-gradient(125% 120% at 78% 12%,#E0007A,var(--dmp-pink-dark) 58%,var(--dmp-ink));box-shadow:0 30px 70px -34px rgba(158,10,84,.7);display:flex;flex-direction:column;justify-content:flex-end;padding:36px;color:#fff}
#dmp-prodejny .dmp-glow{position:absolute;bottom:-70px;left:-50px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(51,179,166,.4),transparent 70%)}
#dmp-prodejny .dmp-tag{position:absolute;top:26px;left:26px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12.5px;font-weight:700;padding:7px 13px;border-radius:8px;color:#fff}
#dmp-prodejny .dmp-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:22px;display:block;z-index:1}
#dmp-prodejny .dmp-hero-photo .dmp-tag{z-index:2}
#dmp-prodejny .dmp-quote{position:relative;font-family:var(--dmp-serif);font-style:italic;font-weight:500;font-size:32px;line-height:1.28;color:#fff;margin:0}
#dmp-prodejny .dmp-quote-sub{position:relative;font-size:14px;line-height:1.5;color:rgba(255,255,255,.8);margin:14px 0 0}

/* ---------- MAPA + SEZNAM ---------- */
#dmp-prodejny .dmp-net{padding:44px 0 20px;scroll-margin-top:90px}
#dmp-prodejny .dmp-net-head{margin-bottom:22px}
#dmp-prodejny .dmp-layout{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(360px,1.22fr);gap:24px;align-items:stretch}
#dmp-prodejny .dmp-list{display:flex;flex-direction:column;gap:12px}

#dmp-prodejny .dmp-store{display:flex;gap:16px;align-items:flex-start;width:100%;cursor:pointer;background:#fff;border:1px solid var(--dmp-line);border-radius:16px;padding:18px 20px;box-shadow:0 1px 2px rgba(20,17,24,.04),0 12px 28px -22px rgba(20,17,24,.2);transition:border-color .16s ease,box-shadow .18s ease,transform .16s ease}
#dmp-prodejny .dmp-store:hover,
#dmp-prodejny .dmp-store.is-active{border-color:var(--dmp-pink);box-shadow:0 18px 40px -22px rgba(200,0,95,.5);transform:translateY(-2px)}
#dmp-prodejny .dmp-num{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;background:var(--dmp-pink-soft);color:var(--dmp-pink);transition:background .16s ease,color .16s ease}
#dmp-prodejny .dmp-store.is-active .dmp-num{background:var(--dmp-ink);color:#fff}
#dmp-prodejny .dmp-body{flex:1;min-width:0}
#dmp-prodejny .dmp-title{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0}
#dmp-prodejny .dmp-name{font-family:var(--dmp-serif);font-weight:800;font-size:23px;line-height:1.1;color:var(--dmp-ink)}
#dmp-prodejny .dmp-row{display:flex;align-items:flex-start;gap:8px;margin:8px 0 0;font-size:14px;color:var(--dmp-text);line-height:1.4}
#dmp-prodejny .dmp-row svg{margin-top:2px}
#dmp-prodejny .dmp-row a{color:var(--dmp-text)}
#dmp-prodejny .dmp-row a:hover{color:var(--dmp-pink)}
#dmp-prodejny .dmp-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid rgba(20,17,24,.07)}
#dmp-prodejny .dmp-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--dmp-pink);border:1.5px solid rgba(200,0,95,.22);border-radius:8px;padding:7px 14px;transition:background .15s,border-color .15s,color .15s}
#dmp-prodejny .dmp-link:hover{background:var(--dmp-pink);border-color:var(--dmp-pink);color:#fff}
#dmp-prodejny .dmp-link.dmp-link-teal{color:var(--dmp-teal);border-color:rgba(30,122,112,.24)}
#dmp-prodejny .dmp-link.dmp-link-teal:hover{background:var(--dmp-teal);border-color:var(--dmp-teal);color:#fff}
#dmp-prodejny .dmp-link.dmp-book{background:var(--dmp-pink);border-color:var(--dmp-pink);color:#fff}
#dmp-prodejny .dmp-link.dmp-book:hover{background:var(--dmp-pink-dark);border-color:var(--dmp-pink-dark);color:#fff}

/* isolation: uzavře z-indexy Leafletu do vlastního kontextu,
   aby mapa nikdy nepřelezla sticky hlavičku šablony */
#dmp-prodejny .dmp-mapwrap{position:sticky;top:20px;align-self:stretch;display:flex;flex-direction:column;z-index:0;isolation:isolate}
#dmp-prodejny .dmp-map{width:100%;flex:1;min-height:560px;border-radius:18px;background:#EDEAE6;border:1px solid var(--dmp-line);box-shadow:0 1px 2px rgba(20,17,24,.04),0 18px 40px -26px rgba(20,17,24,.3)}
#dmp-prodejny .dmp-mapnote{font-size:12.5px;line-height:1.5;color:var(--dmp-muted);margin:10px 4px 0}

/* fallback, když se Leaflet nenačte (blokace, offline) */
#dmp-prodejny .dmp-fallback{display:none;background:var(--dmp-pink-soft);border-radius:16px;padding:20px 22px;font-size:14px;line-height:1.55;color:var(--dmp-ink)}
#dmp-prodejny.dmp-nomap .dmp-fallback{display:block}
#dmp-prodejny.dmp-nomap .dmp-map,
#dmp-prodejny.dmp-nomap .dmp-mapnote{display:none}
#dmp-prodejny.dmp-nomap .dmp-layout{grid-template-columns:1fr}
#dmp-prodejny.dmp-nomap .dmp-store{cursor:default}

/* skin Leafletu — jen uvnitř bloku */
#dmp-prodejny .leaflet-container{font-family:var(--dmp-sans);border-radius:18px;background:var(--dmp-paper)}
/* CARTO Positron look-alike: near-grayscale, bright, low contrast */
#dmp-prodejny .leaflet-tile-pane{filter:grayscale(1) brightness(1.12) contrast(.88) opacity(.92)}
#dmp-prodejny .dmp-map{position:relative}
#dmp-prodejny .leaflet-popup-content-wrapper{border-radius:14px;box-shadow:0 20px 46px -22px rgba(20,17,24,.5)}
#dmp-prodejny .leaflet-popup-content{margin:14px 16px;font-size:14px;line-height:1.5;color:var(--dmp-ink)}
#dmp-prodejny .leaflet-popup-content b{font-family:var(--dmp-serif);font-size:19px;font-weight:800;color:var(--dmp-ink)}
#dmp-prodejny .leaflet-popup-content a{color:var(--dmp-pink);font-weight:700}
#dmp-prodejny .dmp-pin{width:32px;height:32px;transform-origin:center bottom;border-radius:50% 50% 50% 0;background:var(--dmp-pink);border:2px solid #fff;box-shadow:0 7px 16px -5px rgba(20,17,24,.6);display:flex;align-items:center;justify-content:center;transform:rotate(-45deg)}
#dmp-prodejny .dmp-pin.is-active{transform:rotate(-45deg) scale(1.18);background:var(--dmp-pink)}
#dmp-prodejny .dmp-pin span{transform:rotate(45deg);color:#fff;font-family:var(--dmp-sans);font-weight:800;font-size:13px;line-height:1}

/* ---------- KONTAKTY ---------- */
#dmp-prodejny .dmp-contact{padding:34px 0 16px;scroll-margin-top:90px}
#dmp-prodejny .dmp-contact-head{margin-bottom:22px}
#dmp-prodejny .dmp-contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:stretch}
#dmp-prodejny .dmp-card{background:#fff;border:1px solid var(--dmp-line);border-radius:18px;padding:34px 36px;box-shadow:0 1px 2px rgba(20,17,24,.04),0 16px 36px -26px rgba(20,17,24,.24)}
#dmp-prodejny .dmp-card-h{font-family:var(--dmp-serif);font-weight:800;font-size:26px;line-height:1.15;margin:0 0 4px;color:var(--dmp-ink)}
#dmp-prodejny .dmp-card-p{font-size:14.5px;line-height:1.55;color:#6A6470;margin:0 0 22px}
#dmp-prodejny .dmp-lines{display:flex;flex-direction:column;gap:14px}
#dmp-prodejny .dmp-item{display:flex;align-items:center;gap:14px;background:#FBF9F7;border:1px solid rgba(20,17,24,.07);border-radius:14px;padding:16px 18px;color:var(--dmp-ink)}
#dmp-prodejny .dmp-item:hover{border-color:rgba(200,0,95,.3);color:var(--dmp-ink)}
#dmp-prodejny .dmp-ic{flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:var(--dmp-pink-soft);display:flex;align-items:center;justify-content:center}
#dmp-prodejny .dmp-ic.dmp-ic-teal{background:var(--dmp-teal-soft)}
#dmp-prodejny .dmp-lbl{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:var(--dmp-muted)}
#dmp-prodejny .dmp-val{display:block;font-size:19px;font-weight:800;color:var(--dmp-ink)}
#dmp-prodejny .dmp-social{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
#dmp-prodejny .dmp-social a{display:inline-flex;align-items:center;gap:8px;border:1.5px solid rgba(20,17,24,.16);border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;color:var(--dmp-ink)}
#dmp-prodejny .dmp-social a:hover{border-color:var(--dmp-pink);color:var(--dmp-pink)}

#dmp-prodejny .dmp-dark{background:var(--dmp-ink);color:var(--dmp-paper);border-radius:18px;padding:34px 36px;display:flex;flex-direction:column}
#dmp-prodejny .dmp-dark .dmp-card-h{color:var(--dmp-paper);margin-bottom:18px}
#dmp-prodejny .dmp-facts{display:flex;flex-direction:column;gap:13px;font-size:14.5px;line-height:1.5}
#dmp-prodejny .dmp-k{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--dmp-teal-bright);margin-bottom:2px}
#dmp-prodejny .dmp-note{font-size:12.5px;line-height:1.5;color:rgba(245,241,236,.6);margin:18px 0 0}
#dmp-prodejny .dmp-dark a{color:var(--dmp-teal-bright)}
#dmp-prodejny .dmp-dark a:hover{color:#fff}

/* ---------- PILL (štítek nad H1, stránka Kontakty) ---------- */
#dmp-prodejny .dmp-pill{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--dmp-pink);background:var(--dmp-pink-soft);border-radius:8px;padding:7px 16px;margin:0 0 14px}
/* ---------- REGION (pod názvem prodejny) ---------- */
#dmp-prodejny .dmp-region{display:block;font-size:13.5px;font-weight:500;color:var(--dmp-muted);line-height:1.4;margin:4px 0 0}
#dmp-prodejny .dmp-pill,#dmp-prodejny .dmp-region{text-align:left}

/* ---------- KONTAKTNÍ FORMULÁŘ ---------- */
#dmp-prodejny .dmp-form{width:100% !important;max-width:none !important}
#dmp-prodejny .dmp-form-inner{width:100% !important}
#dmp-prodejny .dmp-form-row{width:100% !important}
#dmp-prodejny .dmp-form-group{width:100% !important;max-width:none !important}
#dmp-prodejny .dmp-form-input{max-width:none !important;width:100% !important}
#dmp-prodejny #dmp-formular{width:100% !important;max-width:none !important}
#dmp-prodejny #dmp-formular form{display:block !important;width:100% !important;max-width:none !important}
#dmp-prodejny #dmp-formular .dmp-form-row{display:grid !important;grid-template-columns:1fr 1fr !important;gap:18px !important;width:100% !important}
#dmp-prodejny #dmp-formular textarea{width:100% !important;max-width:none !important}
#dmp-prodejny .dmp-form-inner{display:flex;flex-direction:column;gap:18px}
#dmp-prodejny .dmp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#dmp-prodejny .dmp-form-group{display:flex;flex-direction:column;gap:6px}
#dmp-prodejny .dmp-form-label{font-size:14px;font-weight:700;color:var(--dmp-ink);text-align:left;text-transform:none;letter-spacing:normal;line-height:1.4}
#dmp-prodejny .dmp-form-input{font-family:var(--dmp-sans);font-size:15px;line-height:1.5;color:var(--dmp-ink);background:#FBF9F7;border:1px solid rgba(20,17,24,.12);border-radius:12px;padding:13px 16px;transition:border-color .15s,box-shadow .15s;outline:none;width:100%;text-align:left;text-transform:none;letter-spacing:normal}
#dmp-prodejny .dmp-form-input::placeholder{color:var(--dmp-muted);font-weight:400}
#dmp-prodejny .dmp-form-input:focus{border-color:var(--dmp-pink);box-shadow:0 0 0 3px rgba(200,0,95,.1)}
#dmp-prodejny .dmp-form-input.is-invalid{border-color:#b4322f;box-shadow:0 0 0 3px rgba(180,50,47,.1)}
#dmp-prodejny select.dmp-form-input{appearance:auto;cursor:pointer}
#dmp-prodejny textarea.dmp-form-input{resize:vertical;min-height:120px}
#dmp-prodejny .dmp-form-submit{font-family:var(--dmp-sans)}
#dmp-prodejny .dmp-form-err{text-align:left}

/* ---------- ZÁVĚREČNÝ PRUH ---------- */
#dmp-prodejny .dmp-strip-wrap{padding:20px 0 56px}
#dmp-prodejny .dmp-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--dmp-pink-soft);border-radius:18px;padding:24px 30px}
#dmp-prodejny .dmp-strip-t{font-family:var(--dmp-serif);font-weight:800;font-size:23px;line-height:1.15;color:var(--dmp-ink);margin:0}
#dmp-prodejny .dmp-strip-p{font-size:14px;line-height:1.5;color:#6A6470;margin:4px 0 0}

/* ---------- responsivita ---------- */
@media (max-width:1000px){
  #dmp-prodejny .dmp-h1{font-size:44px}
  #dmp-prodejny .dmp-hero{grid-template-columns:1fr;gap:28px;margin-top:-28px}
  #dmp-prodejny .dmp-hero-visual{max-width:460px;padding:28px}
  #dmp-prodejny .dmp-quote{font-size:28px}
  #dmp-prodejny .dmp-layout{grid-template-columns:1fr}
  #dmp-prodejny .dmp-mapwrap{position:static;order:-1}
  #dmp-prodejny .dmp-map{flex:0 0 auto;height:380px;min-height:0}
  #dmp-prodejny .dmp-contact-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  #dmp-prodejny .dmp-form-row{grid-template-columns:1fr}
  #dmp-prodejny .dmp-h1{font-size:34px}
  #dmp-prodejny .dmp-h2{font-size:29px}
  #dmp-prodejny .dmp-lead{font-size:16.5px}
  #dmp-prodejny .dmp-quote{font-size:25px}
  /* na mobilu pod sebe — bez svislých linek, ty patří jen do řádky */
  #dmp-prodejny .dmp-stats{grid-auto-flow:row;grid-auto-columns:auto;row-gap:16px;column-gap:0}
  #dmp-prodejny .dmp-stat + .dmp-stat{border-left:0;padding-left:0}
  #dmp-prodejny .dmp-btn{padding:14px 20px;font-size:14.5px}
  #dmp-prodejny .dmp-store{padding:16px;gap:12px}
  #dmp-prodejny .dmp-card,#dmp-prodejny .dmp-dark{padding:26px 22px}
  #dmp-prodejny .dmp-strip{flex-direction:column;align-items:flex-start;padding:22px}
  #dmp-prodejny .dmp-map{height:320px}
}
@media (prefers-reduced-motion:reduce){
  #dmp-prodejny .dmp-store,#dmp-prodejny .dmp-btn,#dmp-prodejny .dmp-link{transition:none}
  #dmp-prodejny .dmp-store:hover,#dmp-prodejny .dmp-store.is-active{transform:none}
}


/* ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
   ČÁST 2: DETAIL PRODEJNY — #dm-prodejna
   ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,600&family=Hanken+Grotesk:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

/* ---------- tokeny + reset (platí jen uvnitř bloku) ---------- */
#dm-prodejna{
  --dpr-pink:#C8005F;
  --dpr-pink-dark:#8F0044;
  --dpr-pink-soft:#FDF0F6;
  --dpr-ink:#141118;
  --dpr-body:#4A4550;
  --dpr-muted:#6A6470;
  --dpr-muted2:#8A857E;
  --dpr-faint:#B9B3AC;
  --dpr-cream:#FBF8F4;
  --dpr-sand:#EFE9E1;
  --dpr-paper:#F5F1EC;
  --dpr-teal:#33B3A6;
  --dpr-teal-lite:#7FD1C6;
  --dpr-teal-ink:#1E7A70;
  --dpr-teal-bg:#E9F6F4;
  --dpr-amber:#E1A036;
  --dpr-line:rgba(20,17,24,.1);
  --dpr-line2:rgba(20,17,24,.16);
  --dpr-sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --dpr-serif:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --dpr-mono:'Space Mono',ui-monospace,monospace;
  --dpr-max:1320px;

  max-width:none;
  margin:0 auto;
  font-family:var(--dpr-sans);
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:normal;
  text-transform:none;
  text-align:left;
  color:var(--dpr-ink);
  background:var(--dpr-cream);
  -webkit-font-smoothing:antialiased;
}
#dm-prodejna,
#dm-prodejna *,
#dm-prodejna *::before,
#dm-prodejna *::after{box-sizing:border-box}
#dm-prodejna h1,#dm-prodejna h2,#dm-prodejna h3,#dm-prodejna h4,#dm-prodejna p,#dm-prodejna ul,#dm-prodejna li{
  margin:0;padding:0;text-transform:none;font-weight:inherit;letter-spacing:normal}
#dm-prodejna ul{list-style:none}
#dm-prodejna section{margin:0}
#dm-prodejna img{display:block;max-width:100%;height:auto}
#dm-prodejna svg{display:block;flex:0 0 auto}
#dm-prodejna button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
#dm-prodejna input,#dm-prodejna textarea{font:inherit;color:var(--dpr-ink);width:100%}
#dm-prodejna a{color:var(--dpr-pink);text-decoration:none;background:none;border:0;box-shadow:none}
#dm-prodejna a:hover,#dm-prodejna a:focus{color:var(--dpr-pink-dark);text-decoration:none}
/* podtržení + transform ještě jednou přes třídy (specificita 1,1,0), aby
   remíza s #content a / #content h2 nespadla na pořadí v kódu */
#dm-prodejna .dpr-eyebrow,#dm-prodejna .dpr-h1,#dm-prodejna .dpr-h2,#dm-prodejna .dpr-h3,
#dm-prodejna .dpr-lead,#dm-prodejna .dpr-btn,#dm-prodejna .dpr-link{text-transform:none;text-decoration:none}
/* odkazy stylované jako karty/tlačítka drží podtržení pryč i proti šablonovému #content a */
#dm-prodejna a.dpr-btn,#dm-prodejna a.dpr-review,#dm-prodejna a.dpr-rating-badge,
#dm-prodejna a.dpr-review *,#dm-prodejna a.dpr-rating-badge *,
#dm-prodejna .dpr-map-actions a,#dm-prodejna .dpr-other-links a,
#dm-prodejna .dpr-sb-actions a,#dm-prodejna .dpr-side-contact a{text-decoration:none}

/* ---------- skrytí nativního nadpisu stránky (h1 „Olomouc") ----------
   Blok má vlastní H1, nativní titulek stránky je navíc. :has() omezí
   skrytí jen na stránky, kde je náš blok — jinde zůstává titulek beze změny.
   (Prohlížeč bez :has() pravidlo ignoruje → titulek se prostě zobrazí.) */
body:has(#dm-prodejna) header[itemprop="headline"]{display:none}

/* ---------- typografické primitivy ---------- */
#dm-prodejna .dpr-eyebrow{font:700 12px/1.25 var(--dpr-sans);letter-spacing:.13em;text-transform:uppercase;color:var(--dpr-pink);margin-bottom:14px}
#dm-prodejna .dpr-h1{font-family:var(--dpr-serif);font-weight:700;font-size:clamp(34px,5vw,54px);line-height:1.04;letter-spacing:.01em}
#dm-prodejna .dpr-h1 em{font-style:normal;color:var(--dpr-pink)}
#dm-prodejna .dpr-h2{font-family:var(--dpr-serif);font-weight:800;font-size:clamp(28px,3.4vw,38px);line-height:1.1}
#dm-prodejna .dpr-h3{font-family:var(--dpr-serif);font-weight:800;font-size:24px;line-height:1.1}
#dm-prodejna .dpr-lead{font-size:clamp(16px,1.6vw,18px);line-height:1.6;color:var(--dpr-body)}
#dm-prodejna .dpr-wrap{width:90%;max-width:1320px;margin:0 auto;padding-left:0;padding-right:0}

/* ---------- full-bleed: prolomení šablonového ~1400px kontejneru ----------
   Šablona Shoptetu dává obsah stránky do centrovaného kontejneru (~1400px).
   Sekce roztáhneme na plnou šířku okna přes 100vw + zápornou marži.
   body:has() jen na této stránce zabrání vodorovnému posuvníku z 100vw. */
body:has(#dm-prodejna){overflow-x:hidden}
#dm-prodejna .dpr-hero,
#dm-prodejna .dpr-reserve,
#dm-prodejna .dpr-sec,
#dm-prodejna .dpr-guarantee,
#dm-prodejna .dpr-other{
  width:var(--vw100,100vw);
  margin-left:calc(50% - var(--vw100,100vw) / 2);
  margin-right:calc(50% - var(--vw100,100vw) / 2);
}


/* ---------- tlačítka ---------- */
#dm-prodejna .dpr-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-weight:700;font-size:16px;line-height:1;padding:16px 26px;border-radius:10px;
  border:1.5px solid transparent;transition:transform .12s ease,background .15s ease,color .15s ease,border-color .15s ease}
#dm-prodejna .dpr-btn:active{transform:translateY(1px)}
#dm-prodejna .dpr-btn-primary{background:var(--dpr-pink);color:#fff}
#dm-prodejna .dpr-btn-primary:hover{background:var(--dpr-pink-dark);color:#fff}
#dm-prodejna .dpr-btn-ghost{border-color:var(--dpr-line2);color:var(--dpr-ink)}
#dm-prodejna .dpr-btn-ghost:hover{border-color:var(--dpr-ink);color:var(--dpr-ink)}
#dm-prodejna .dpr-btn svg{width:17px;height:17px}

/* ---------- HERO ---------- */
#dm-prodejna .dpr-hero{background:#fff;padding-top:clamp(28px,4vw,44px);padding-bottom:clamp(52px,7vw,88px)}
#dm-prodejna .dpr-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,4vw,48px);align-items:center}
#dm-prodejna .dpr-status{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--dpr-line2);
  padding:7px 14px 7px 12px;border-radius:8px;font-size:13.5px;font-weight:600;margin-bottom:20px}
#dm-prodejna .dpr-status .dpr-dot{width:9px;height:9px;border-radius:50%;background:var(--dpr-teal);flex:0 0 auto}
#dm-prodejna .dpr-status .dpr-hours{color:var(--dpr-muted2);font-weight:500}
#dm-prodejna .dpr-hero .dpr-eyebrow{margin:0 0 10px}
#dm-prodejna .dpr-hero .dpr-h1{margin:0 0 16px}
#dm-prodejna .dpr-hero .dpr-lead{margin:0 0 26px;max-width:520px}
#dm-prodejna .dpr-hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
#dm-prodejna .dpr-hero-btns .dpr-btn{font-size:16px;padding:15px 24px}
#dm-prodejna .dpr-hero-btns .dpr-btn-primary{padding:16px 28px}
#dm-prodejna .dpr-stats{display:flex;gap:26px;align-items:center;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--dpr-line)}
#dm-prodejna .dpr-stat-num{font-family:var(--dpr-serif);font-size:25px;font-weight:800;line-height:1;color:var(--dpr-ink)}
#dm-prodejna .dpr-stat-lbl{font-size:12.5px;color:var(--dpr-muted);margin-top:4px}
#dm-prodejna .dpr-stats>div:not(.dpr-stat-sep){min-width:110px}
#dm-prodejna .dpr-stat-sep{width:1px;height:32px;background:var(--dpr-line2)}
#dm-prodejna .dpr-hero-visual{position:relative}
#dm-prodejna .dpr-hero-visual .dpr-status{position:absolute;top:14px;left:14px;margin:0;z-index:3;white-space:nowrap;box-shadow:0 6px 18px -8px rgba(20,17,24,.45)}
#dm-prodejna .dpr-hero-visual .dpr-status .dpr-hours{display:none}
#dm-prodejna .dpr-hero-img{width:100%;height:clamp(300px,38vw,440px);object-fit:cover;border-radius:14px;background:var(--dpr-sand)}
#dm-prodejna .dpr-hero-badge{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:11px;padding:13px 17px;
  display:flex;align-items:center;gap:12px;max-width:340px;pointer-events:none;z-index:3}
#dm-prodejna .dpr-hero-badge svg{width:20px;height:20px}
#dm-prodejna .dpr-hero-badge .t{font-size:14px;font-weight:700}
#dm-prodejna .dpr-hero-badge .s{font-size:12.5px;color:var(--dpr-muted)}

/* ---------- sticky lišta akcí (desktop, JS) ---------- */
#dm-prodejna .dpr-stickybar{position:fixed;top:0;left:0;right:0;z-index:840;
  background:var(--dpr-ink);color:var(--dpr-paper);
  transform:translateY(-102%);transition:transform .28s ease;will-change:transform}
#dm-prodejna .dpr-stickybar.is-visible{transform:none}
#dm-prodejna .dpr-stickybar-in{max-width:var(--dpr-max);margin:0 auto;
  padding:11px clamp(18px,4vw,44px);display:flex;align-items:center;gap:18px}
#dm-prodejna .dpr-sb-status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
#dm-prodejna .dpr-sb-status .dpr-dot{width:8px;height:8px;border-radius:50%;background:var(--dpr-teal)}
#dm-prodejna .dpr-sb-addr{font-size:14px;color:rgba(245,241,236,.7)}
#dm-prodejna .dpr-sb-actions{margin-left:auto;display:flex;gap:10px}
#dm-prodejna .dpr-sb-actions a{border:1px solid rgba(245,241,236,.3);color:var(--dpr-paper);
  border-radius:10px;padding:9px 18px;font-size:14px;font-weight:600}
#dm-prodejna .dpr-sb-actions a:hover{border-color:rgba(245,241,236,.7);color:#fff}
#dm-prodejna .dpr-sb-actions a.dpr-sb-cta{background:var(--dpr-pink);border-color:var(--dpr-pink);color:#fff}
#dm-prodejna .dpr-sb-actions a.dpr-sb-cta:hover{background:var(--dpr-pink-dark);border-color:var(--dpr-pink-dark)}

/* ---------- REZERVACE ---------- */
#dm-prodejna .dpr-reserve{background:var(--dpr-ink);position:relative;overflow:hidden;
  padding-top:clamp(52px,6vw,72px);padding-bottom:clamp(40px,5vw,52px)}
#dm-prodejna .dpr-reserve::before{content:"";position:absolute;top:-160px;right:-60px;width:420px;height:420px;
  border-radius:50%;background:radial-gradient(circle,rgba(51,179,166,.32),rgba(51,179,166,0) 68%);pointer-events:none}
#dm-prodejna .dpr-reserve-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto 1fr;column-gap:44px;row-gap:28px;align-items:start}
#dm-prodejna .dpr-reserve-pitch{grid-column:2;grid-row:1}
#dm-prodejna .dpr-reserve-pitch .dpr-reserve-lead{margin-bottom:0}
#dm-prodejna .dpr-reserve-formcol{grid-column:1;grid-row:1 / span 2;min-width:0}
#dm-prodejna .dpr-reserve .dpr-eyebrow{color:var(--dpr-teal-lite);margin-bottom:12px}
#dm-prodejna .dpr-reserve .dpr-h2{color:var(--dpr-paper);margin-bottom:12px}
#dm-prodejna .dpr-reserve-lead{font-size:16px;line-height:1.6;color:rgba(245,241,236,.72);margin:0 0 26px;max-width:600px}

/* formulář */
#dm-prodejna .dpr-form{background:#fff;border-radius:16px;padding:clamp(22px,3vw,30px)}
#dm-prodejna .dpr-form-step{font-size:15px;font-weight:800;color:var(--dpr-pink);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--dpr-pink-soft)}
#dm-prodejna .dpr-form-sub{font-size:12.5px;line-height:1.5;color:var(--dpr-muted2);margin:-2px 0 14px}
#dm-prodejna .dpr-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:24px}
#dm-prodejna .dpr-chip{width:100%;border:1.5px solid var(--dpr-line2);border-radius:14px;padding:11px 14px;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14.5px;font-weight:600;color:var(--dpr-ink);transition:background .12s,color .12s,border-color .12s}
#dm-prodejna .dpr-chip:hover{border-color:var(--dpr-ink)}
#dm-prodejna .dpr-chip.is-on{background:var(--dpr-pink);color:#fff;border-color:var(--dpr-pink)}
#dm-prodejna .dpr-days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:22px}
#dm-prodejna .dpr-day{width:100%;border:1.5px solid var(--dpr-line2);border-radius:14px;padding:11px 8px;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-align:center;transition:background .12s,border-color .12s}
#dm-prodejna .dpr-day:hover{border-color:var(--dpr-ink)}
#dm-prodejna .dpr-day .d{display:block;font-size:12.5px;color:var(--dpr-muted)}
#dm-prodejna .dpr-day .n{display:block;font-size:16px;font-weight:700}
#dm-prodejna .dpr-day.is-on{border-color:var(--dpr-pink);background:var(--dpr-pink-soft)}
#dm-prodejna .dpr-times{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:24px}
#dm-prodejna .dpr-time{width:100%;border:1.5px solid var(--dpr-line2);border-radius:14px;padding:10px 12px;min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:600;transition:background .12s,color .12s,border-color .12s}
#dm-prodejna .dpr-time:hover{border-color:var(--dpr-ink)}
#dm-prodejna .dpr-time.is-on{background:var(--dpr-pink);color:#fff;border-color:var(--dpr-pink)}
#dm-prodejna .dpr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
#dm-prodejna .dpr-field{border:1.5px solid var(--dpr-line2);border-radius:10px;padding:13px 15px;font-size:15px;
  background:#fff;transition:border-color .12s,box-shadow .12s;-webkit-appearance:none;appearance:none}
#dm-prodejna .dpr-field::placeholder{color:var(--dpr-muted2)}
#dm-prodejna .dpr-field:focus{outline:none;border-color:var(--dpr-pink);box-shadow:0 0 0 3px rgba(200,0,95,.12)}
#dm-prodejna textarea.dpr-field{display:block;min-height:120px;resize:vertical;margin-bottom:14px;line-height:1.5}
#dm-prodejna .dpr-field-full{display:block;margin-bottom:12px}
#dm-prodejna .dpr-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0}
#dm-prodejna .dpr-field.dpr-invalid{border-color:#D64545;box-shadow:0 0 0 3px rgba(214,69,69,.12)}
#dm-prodejna .dpr-submit{display:block;width:100%;background:var(--dpr-pink);color:#fff;border-radius:10px;
  padding:16px 26px;font-size:15.5px;font-weight:700;text-align:center;transition:background .15s}
#dm-prodejna .dpr-submit:hover{background:var(--dpr-pink-dark)}
#dm-prodejna .dpr-form-note{font-size:13px;color:var(--dpr-muted2);margin-top:14px}
#dm-prodejna .dpr-form-err{font-size:13.5px;font-weight:600;color:#B4322F;margin-top:12px;display:none}
#dm-prodejna .dpr-form-err.is-on{display:block}
#dm-prodejna .dpr-success{display:none;text-align:center;padding:16px 8px}
#dm-prodejna .dpr-success.is-on{display:block}
#dm-prodejna .dpr-success .tick{width:56px;height:56px;border-radius:50%;background:var(--dpr-teal-bg);
  display:flex;align-items:center;justify-content:center;margin:6px auto 16px}
#dm-prodejna .dpr-success h4{font-family:var(--dpr-serif);font-size:26px;font-weight:800;margin-bottom:8px}
#dm-prodejna .dpr-success p{font-size:14.5px;line-height:1.55;color:var(--dpr-body);max-width:420px;margin:0 auto}

/* boční panel „co rezervace znamená" */
#dm-prodejna .dpr-reserve-side{grid-column:2;grid-row:2;padding-top:0;display:flex;flex-direction:column}
#dm-prodejna .dpr-side-h{font-size:17.5px;font-weight:800;color:var(--dpr-paper);margin-bottom:18px}
#dm-prodejna .dpr-side-list{display:flex;flex-direction:column;gap:16px}
#dm-prodejna .dpr-side-item{display:flex;gap:13px;align-items:flex-start}
#dm-prodejna .dpr-side-item .ic{color:var(--dpr-teal-lite);font-weight:800;font-size:17px;line-height:1.3}
#dm-prodejna .dpr-side-item .t{font-size:14.5px;font-weight:700;color:var(--dpr-paper)}
#dm-prodejna .dpr-side-item .s{font-size:13.5px;color:rgba(245,241,236,.66);line-height:1.5}
#dm-prodejna .dpr-side-note{margin-top:24px;border:1px solid rgba(245,241,236,.18);border-radius:12px;
  padding:16px 18px;font-size:13.5px;line-height:1.55;color:rgba(245,241,236,.7)}
#dm-prodejna .dpr-side-note b{color:var(--dpr-paper)}
#dm-prodejna .dpr-side-contact{margin-top:auto;padding-top:28px}
#dm-prodejna .dpr-side-contact-h{font-size:16.5px;font-weight:800;color:var(--dpr-paper);margin-bottom:14px}
#dm-prodejna .dpr-side-contact a{display:flex;align-items:center;gap:10px;color:var(--dpr-paper);font-size:16px;font-weight:600;margin-bottom:10px}
#dm-prodejna .dpr-side-contact a svg{width:18px;height:18px;color:var(--dpr-teal-lite)}
#dm-prodejna .dpr-side-contact a:hover{color:#fff}
#dm-prodejna .dpr-side-contact-s{font-size:13px;color:rgba(245,241,236,.6);margin-top:6px}

/* ---------- sekce (bílá / krémová střídavě) ---------- */
#dm-prodejna .dpr-sec{padding-top:clamp(36px,4.5vw,52px);padding-bottom:clamp(36px,4.5vw,52px)}
#dm-prodejna .dpr-sec-cream{background:var(--dpr-cream)}
#dm-prodejna .dpr-sec-white{background:#fff}
#dm-prodejna .dpr-sec-sand{background:var(--dpr-sand)}
/* ---------- Nadstandardní přístup (text + fotky) ---------- */
#dm-prodejna .dpr-approach{background:var(--dpr-sand)}
#dm-prodejna .dpr-approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,52px);align-items:center}
#dm-prodejna .dpr-approach-text .dpr-eyebrow{margin-bottom:14px}
#dm-prodejna .dpr-approach-text .dpr-h2{margin-bottom:6px}
#dm-prodejna .dpr-approach-text .dpr-lead{max-width:520px;margin:14px 0 0}
#dm-prodejna .dpr-approach-points{display:flex;flex-direction:column;gap:14px;margin-top:22px}
#dm-prodejna .dpr-approach-point{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.55;color:var(--dpr-muted2)}
#dm-prodejna .dpr-approach-point svg{width:20px;height:20px;flex:0 0 auto;margin-top:2px;stroke:var(--dpr-teal)}
#dm-prodejna .dpr-approach-point b{color:var(--dpr-ink);font-weight:700}
#dm-prodejna .dpr-approach-media img{width:100%;height:clamp(320px,38vw,460px);object-fit:cover;border-radius:14px;background:#E7DFD4;display:block}
@media (max-width:860px){
  #dm-prodejna .dpr-approach-grid{grid-template-columns:1fr}
  #dm-prodejna .dpr-approach-media img{height:clamp(220px,48vw,320px)}
}
#dm-prodejna .dpr-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;flex-wrap:wrap}
#dm-prodejna .dpr-sec-head .dpr-eyebrow{margin-bottom:14px}
#dm-prodejna .dpr-sec-intro{margin-bottom:30px}
#dm-prodejna .dpr-sec-intro .dpr-eyebrow{margin-bottom:14px}
#dm-prodejna .dpr-sec-intro-p{max-width:760px;margin-top:14px}

/* ---------- JAK PROBÍHÁ ---------- */
#dm-prodejna .dpr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--dpr-line);border-radius:14px;overflow:hidden}
#dm-prodejna .dpr-step{background:#fff;padding:26px 24px}
#dm-prodejna .dpr-step .num{font:700 12px/1 var(--dpr-mono);color:var(--dpr-pink);margin-bottom:14px}
#dm-prodejna .dpr-step .t{font-size:17px;font-weight:700;margin-bottom:8px}
#dm-prodejna .dpr-step .s{font-size:14px;line-height:1.55;color:var(--dpr-body)}

/* ---------- PRODUKTY ---------- */
#dm-prodejna .dpr-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}
#dm-prodejna .dpr-card{background:#fff;border:1px solid rgba(20,17,24,.09);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
#dm-prodejna .dpr-card img{width:100%;height:190px !important;object-fit:cover !important;object-position:center;background:var(--dpr-sand)}
#dm-prodejna .dpr-card-b{padding:18px 20px}
#dm-prodejna .dpr-tag{display:inline-block;background:var(--dpr-pink-soft);color:var(--dpr-pink);font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:8px;margin-bottom:10px}
#dm-prodejna .dpr-tag-pink{background:var(--dpr-pink-soft);color:var(--dpr-pink)}
#dm-prodejna .dpr-card .t{font-size:18px;font-weight:700;margin-bottom:5px}
#dm-prodejna .dpr-card .t a{color:var(--dpr-ink)}
#dm-prodejna .dpr-card .t a:hover{color:var(--dpr-pink)}
#dm-prodejna .dpr-card .s{font-size:13.5px;line-height:1.5;color:var(--dpr-body)}
#dm-prodejna .dpr-brands{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 24px;background:#fff;border:1px solid rgba(20,17,24,.09);border-radius:14px}
#dm-prodejna .dpr-brands .lbl{font-size:13px;font-weight:700;color:var(--dpr-muted);text-transform:uppercase;letter-spacing:.08em}
#dm-prodejna .dpr-brands .b{font-size:16px;font-weight:600}
#dm-prodejna .dpr-brands img{height:32px;width:auto;display:inline-block;opacity:.7;transition:opacity .15s}
#dm-prodejna .dpr-brands a{display:inline-flex;align-items:center;text-decoration:none;color:inherit}
#dm-prodejna .dpr-brands a:hover img{opacity:1}
#dm-prodejna .dpr-brands a.b{font-size:16px;font-weight:600;opacity:.7;transition:opacity .15s}
#dm-prodejna .dpr-brands a.b:hover{opacity:1}
#dm-prodejna .dpr-brands img:hover{opacity:1}

/* ---------- TÝM ---------- */
#dm-prodejna .dpr-team-grid{display:grid;grid-template-columns:1fr;gap:28px}
#dm-prodejna .dpr-team-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#dm-prodejna .dpr-person{border:1px solid rgba(20,17,24,.09);border-radius:14px;overflow:hidden;background:#fff}
#dm-prodejna .dpr-person .ph{height:160px;display:flex;align-items:flex-end;justify-content:center;
  background:linear-gradient(150deg,#F3E7EE,#E7EEEC)}
#dm-prodejna .dpr-person .ph img{width:100%;height:100%;object-fit:cover}
#dm-prodejna .dpr-avatar{width:72px;height:72px;border-radius:50%;background:var(--dpr-pink);color:#fff;
  font-family:var(--dpr-serif);font-size:30px;font-weight:600;line-height:1;padding-top:3px;
  display:flex;align-items:center;justify-content:center;margin-bottom:18px}
#dm-prodejna .dpr-person-b{padding:14px 16px}
#dm-prodejna .dpr-person-b .n{font-size:15.5px;font-weight:700}
#dm-prodejna .dpr-person-b .r{font-size:12.5px;color:var(--dpr-pink);font-weight:600;margin-bottom:6px}
#dm-prodejna .dpr-person-b .q{font-size:13px;line-height:1.5;color:var(--dpr-body)}

/* ---------- RECENZE ---------- */
#dm-prodejna .dpr-rating-badge{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:14px 20px;color:var(--dpr-ink);transition:transform .12s,box-shadow .15s}
#dm-prodejna .dpr-rating-badge:hover{transform:translateY(-1px);box-shadow:0 12px 26px -16px rgba(20,17,24,.5)}
#dm-prodejna .dpr-rating-badge .big{font-family:var(--dpr-serif);font-size:34px;font-weight:800;line-height:1}
#dm-prodejna .dpr-stars{font-size:14px;color:var(--dpr-pink);letter-spacing:1px}
#dm-prodejna .dpr-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#dm-prodejna .dpr-review{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:14px;padding:24px 26px;color:var(--dpr-ink);transition:transform .12s,box-shadow .15s}
#dm-prodejna .dpr-review:hover{transform:translateY(-2px);box-shadow:0 16px 34px -20px rgba(20,17,24,.45)}
#dm-prodejna .dpr-review .q{font-family:var(--dpr-serif);font-size:19px;line-height:1.4;margin:12px 0 16px}
#dm-prodejna .dpr-review .m{font-size:13px;color:var(--dpr-muted)}
#dm-prodejna .dpr-review .m b{color:var(--dpr-ink)}
#dm-prodejna .dpr-review .g{margin-top:auto;padding-top:14px;font-size:12.5px;font-weight:700;color:var(--dpr-pink)}
#dm-prodejna .dpr-stretch{position:absolute;inset:0;z-index:2;border-radius:inherit}
#dm-prodejna .dpr-rate-sub{font-size:12.5px;color:#6A6470}

/* ---------- JAK K NÁM (mapa + info) ---------- */
#dm-prodejna .dpr-visit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:stretch}
#dm-prodejna .dpr-mapwrap{position:relative;isolation:isolate;border-radius:14px;overflow:hidden;
  background:radial-gradient(circle at 50% 46%,#E4EDEB 0%,#DCD5CB 78%);min-height:380px;display:flex;flex-direction:column}
#dm-prodejna .dpr-map{flex:1;min-height:320px;width:100%;background:#DCD5CB}
#dm-prodejna .dpr-map-actions{display:flex;gap:10px;flex-wrap:wrap;padding:14px}
#dm-prodejna .dpr-map-actions a{border-radius:10px;font-size:14px;font-weight:700;padding:11px 18px}
#dm-prodejna .dpr-map-actions a.g{background:var(--dpr-ink);color:#fff}
#dm-prodejna .dpr-map-actions a.g:hover{background:#000;color:#fff}
#dm-prodejna .dpr-map-actions a.m{background:#fff;color:var(--dpr-ink);border:1px solid var(--dpr-line2)}
#dm-prodejna .dpr-nomap .dpr-map{display:none}
#dm-prodejna .dpr-mapfallback{display:none;padding:22px;font-size:14px;line-height:1.6;color:var(--dpr-body)}
#dm-prodejna .dpr-nomap .dpr-mapfallback{display:block}
#dm-prodejna .dpr-info{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--dpr-line);
  border:1px solid var(--dpr-line);border-radius:14px;overflow:hidden}
#dm-prodejna .dpr-info-cell{background:#fff;padding:22px}
#dm-prodejna .dpr-info-cell .t{font-size:15.5px;font-weight:700;margin-bottom:6px;color:var(--dpr-ink)}
#dm-prodejna .dpr-info-cell .s{font-size:13.5px;line-height:1.5;color:var(--dpr-body)}
/* Leaflet pin — SVG marker se vkládá z JS, žádné CSS není potřeba */
#dm-prodejna .leaflet-marker-icon svg{display:block;filter:drop-shadow(0 4px 8px rgba(20,17,24,.4))}
/* CARTO Positron look-alike: near-grayscale, bright, low contrast */
#dm-prodejna .leaflet-tile-pane{filter:grayscale(1) brightness(1.12) contrast(.88) opacity(.92)}

/* ---------- ZÁRUKA 30 DNÍ ---------- */
#dm-prodejna .dpr-guarantee{background:var(--dpr-pink);color:#fff;padding:clamp(36px,4vw,46px) 0}
#dm-prodejna .dpr-guarantee-in{display:flex;align-items:center;gap:40px;flex-wrap:wrap}
#dm-prodejna .dpr-guarantee .dpr-h2{color:#fff;margin-bottom:10px}
#dm-prodejna .dpr-guarantee p{font-size:16px;line-height:1.55;color:rgba(255,255,255,.9);max-width:640px}
#dm-prodejna .dpr-guarantee .txt{flex:1;min-width:360px}
#dm-prodejna .dpr-guarantee .btns{display:flex;gap:12px;flex-wrap:wrap}
#dm-prodejna .dpr-guarantee .dpr-btn{background:#fff;color:var(--dpr-pink)}
#dm-prodejna .dpr-guarantee .dpr-btn:hover{background:#fff;color:var(--dpr-pink-dark)}
#dm-prodejna .dpr-guarantee .dpr-btn-o{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
#dm-prodejna .dpr-guarantee .dpr-btn-o:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}

/* ---------- FAQ ---------- */
#dm-prodejna .dpr-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px;align-items:start}
#dm-prodejna .dpr-faq-intro .dpr-eyebrow{margin-bottom:10px}
#dm-prodejna .dpr-faq-intro .dpr-h2{margin-bottom:12px}
#dm-prodejna .dpr-faq-intro p{font-size:14.5px;line-height:1.6;color:var(--dpr-muted)}
#dm-prodejna .dpr-faq-list{display:flex;flex-direction:column;gap:1px;background:var(--dpr-line);border:1px solid var(--dpr-line);border-radius:14px;overflow:hidden}
#dm-prodejna .dpr-faq-item{background:#fff}
#dm-prodejna .dpr-faq-q{display:flex;justify-content:space-between;gap:20px;align-items:center;width:100%;text-align:left;padding:22px 26px;font-size:16.5px;font-weight:700}
#dm-prodejna .dpr-faq-q .ico{color:var(--dpr-pink);font-size:22px;font-weight:600;line-height:1;flex:0 0 auto;transition:transform .2s}
#dm-prodejna .dpr-faq-item.is-open .dpr-faq-q .ico{transform:rotate(45deg)}
#dm-prodejna .dpr-faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease}
#dm-prodejna .dpr-faq-a .in{padding:0 26px 22px;font-size:14.5px;line-height:1.6;color:var(--dpr-body);max-width:760px}

/* ---------- SEO text ---------- */
#dm-prodejna .dpr-seo-head{display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding-bottom:16px;border-bottom:1px solid var(--dpr-line2);margin-bottom:20px;width:100%;text-align:left}
#dm-prodejna .dpr-seo-head .h{font-family:var(--dpr-serif);font-size:26px;font-weight:800}
#dm-prodejna .dpr-seo-head .toggle{font-size:13.5px;font-weight:700;color:var(--dpr-pink);white-space:nowrap}
#dm-prodejna .dpr-seo-body{max-height:0;overflow:hidden;transition:max-height .4s ease}
#dm-prodejna .dpr-seo.is-open .dpr-seo-body{max-height:1200px}
#dm-prodejna .dpr-seo-body p{font-size:15px;line-height:1.65;color:var(--dpr-body);margin-bottom:14px}
#dm-prodejna .dpr-seo-body p:last-child{margin-bottom:0}

/* ---------- OSTATNÍ PRODEJNY ---------- */
#dm-prodejna .dpr-other{background:var(--dpr-ink);color:var(--dpr-paper);padding:36px 0}
#dm-prodejna .dpr-other-in{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
#dm-prodejna .dpr-other .h{font-family:var(--dpr-serif);font-size:24px;font-weight:800}
#dm-prodejna .dpr-other-links{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
#dm-prodejna .dpr-other-links a{border:1px solid rgba(245,241,236,.28);border-radius:10px;padding:10px 20px;font-size:14.5px;font-weight:600;color:var(--dpr-paper)}
#dm-prodejna .dpr-other-links a:hover{border-color:rgba(245,241,236,.7);color:#fff}


/* =============================================================
   RESPONSIVE
   ============================================================= */
@media (max-width:1000px){
  #dm-prodejna .dpr-hero,
  #dm-prodejna .dpr-reserve,
  #dm-prodejna .dpr-sec,
  #dm-prodejna .dpr-guarantee,
  #dm-prodejna .dpr-other{
    width:auto !important;
    margin-left:calc(-1 * var(--bleed-l,0px)) !important;
    margin-right:calc(-1 * var(--bleed-r,0px)) !important;
    padding-left:var(--bleed-l,0px) !important;
    padding-right:var(--bleed-r,0px) !important;
  }
  #dm-prodejna .dpr-hero-badge{
    max-width:calc(100% - 36px);
  }
  #dm-prodejna .dpr-hero-grid{grid-template-columns:1fr}
  #dm-prodejna .dpr-hero-visual{order:-1}
  #dm-prodejna .dpr-reserve-grid{grid-template-columns:1fr;grid-template-rows:none;gap:24px}
  #dm-prodejna .dpr-reserve-pitch,#dm-prodejna .dpr-reserve-formcol,#dm-prodejna .dpr-reserve-side{grid-column:auto;grid-row:auto}
  #dm-prodejna .dpr-reserve-side{padding-top:0}
  #dm-prodejna .dpr-steps{grid-template-columns:1fr 1fr}
  #dm-prodejna .dpr-cards{grid-template-columns:1fr 1fr}
  #dm-prodejna .dpr-reviews{grid-template-columns:1fr}
  #dm-prodejna .dpr-team-grid{grid-template-columns:1fr;gap:28px}
  #dm-prodejna .dpr-visit-grid{grid-template-columns:1fr}
  #dm-prodejna .dpr-faq-grid{grid-template-columns:1fr;gap:24px}
  #dm-prodejna .dpr-stickybar{display:none}
}
@media (max-width:640px){
  #dm-prodejna{padding-bottom:0}
  #dm-prodejna .dpr-chips{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  #dm-prodejna .dpr-chip{text-align:center;justify-content:center}
  /* víc vzduchu + zarovnání na mobilu */
  #dm-prodejna .dpr-hero .dpr-lead{margin-bottom:24px}
  #dm-prodejna .dpr-reserve .dpr-h2{margin-bottom:14px}
  #dm-prodejna .dpr-reserve-lead{margin-bottom:26px}
  #dm-prodejna .dpr-sec-head{margin-bottom:26px}
  #dm-prodejna .dpr-sec-head .dpr-eyebrow,
  #dm-prodejna .dpr-hero .dpr-eyebrow{margin-bottom:14px}
  #dm-prodejna .dpr-faq-intro .dpr-h2{margin-bottom:16px}
  #dm-prodejna .dpr-form{padding:24px 18px}
  #dm-prodejna .dpr-form-step{margin-bottom:14px}
  #dm-prodejna .dpr-day .d{margin-bottom:3px}
  /* pruh značek: popisek na vlastní řádek, žádné visící tečky */
  #dm-prodejna .dpr-brands{gap:10px 18px}
  #dm-prodejna .dpr-brands .lbl{flex-basis:100%;margin-bottom:2px}
  #dm-prodejna .dpr-steps{grid-template-columns:1fr}
  #dm-prodejna .dpr-cards{grid-template-columns:1fr 1fr}
  #dm-prodejna .dpr-info{grid-template-columns:1fr}
  #dm-prodejna .dpr-team-cards{grid-template-columns:1fr 1fr 1fr}
  #dm-prodejna .dpr-grid2{grid-template-columns:1fr}
  #dm-prodejna .dpr-hero-btns{gap:10px}
  #dm-prodejna .dpr-hero-btns .dpr-btn{flex:1 1 auto}
  #dm-prodejna .dpr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}
  #dm-prodejna .dpr-stats>div:not(.dpr-stat-sep){min-width:0}
  #dm-prodejna .dpr-stat-sep{display:none}
  #dm-prodejna .dpr-times{grid-template-columns:1fr 1fr}
  #dm-prodejna .dpr-days{grid-template-columns:repeat(3,1fr)}
  #dm-prodejna .dpr-guarantee-in{gap:22px}
  #dm-prodejna .dpr-guarantee .txt{min-width:0}
  #dm-prodejna .dpr-other-in{gap:14px}
  #dm-prodejna .dpr-other-links{margin-left:0}
  #dm-prodejna .dpr-review .q{font-size:18px}
}
@media (max-width:400px){
  #dm-prodejna .dpr-cards{grid-template-columns:1fr}
  #dm-prodejna .dpr-team-cards{grid-template-columns:1fr}
  #dm-prodejna .dpr-days{grid-template-columns:repeat(3,1fr)}
}
