/* Shezmu - stránka Prodejny (prefix pr-) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap');

/* Skrytí nadpisu Shoptetu, H1 je v obsahu stránky */
header[itemprop="headline"] h1,
header[itemprop="headline"]{display:none !important}

.pr-wrap{max-width:1180px;margin:0 auto;padding:40px 20px 64px;font-family:'Poppins',Helvetica,Arial,sans-serif;font-weight:300;color:#4a4a4a;font-size:16px;line-height:1.85}
.pr-wrap *{box-sizing:border-box}

/* Hlavička */
.pr-head{text-align:center;max-width:600px;margin:0 auto 36px}
.pr-orn{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 14px}
.pr-orn i{display:block;width:44px;height:1px;opacity:.7;font-size:0 !important;line-height:0 !important}
.pr-orn i:first-child{background:#b8924a}
.pr-orn i:last-child{background:#d4609a}
.pr-orn b{display:block;width:7px;height:7px;background:#1a1a1a;transform:rotate(45deg);font-size:0 !important;line-height:0 !important}
.pr-cap{display:block;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#9a9a9a;margin:0 0 10px}
.pr-wrap h1.pr-h1{font-family:'Poppins',sans-serif !important;font-size:clamp(2rem,4.5vw,2.8rem) !important;font-weight:300 !important;line-height:1.1 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#1a1a1a !important;margin:0 0 12px !important}
.pr-head p{font-size:15px;font-weight:300;line-height:1.8;color:#4a4a4a;margin:0}

/* Ovládací lišta (zobrazí se jen s JS) */
.pr-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.pr-bar{display:none;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0 0 30px}
.pr-js .pr-bar{display:flex}
.pr-fbtn,.pr-geo{font-family:'Poppins',Helvetica,Arial,sans-serif;font-size:13px;line-height:1.4;cursor:pointer;border-radius:20px;padding:7px 16px;background:#fff;color:#4a4a4a;border:1px solid #e6e6e6;transition:border-color .2s,background .2s,color .2s}
.pr-fbtn:hover{border-color:#1a1a1a;color:#1a1a1a}
.pr-fbtn[aria-pressed="true"]{background:#1a1a1a;border-color:#1a1a1a;color:#fff}
.pr-fbtn.pr-f-mw[aria-pressed="false"]{border-color:#b8924a}
.pr-fbtn.pr-f-ic[aria-pressed="false"]{border-color:#d4609a}
.pr-geo{font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:12px;border-color:#1a1a1a;color:#1a1a1a;border-radius:0;padding:8px 18px;margin-left:8px}
.pr-geo:hover{background:#1a1a1a;color:#fff}
.pr-geo[disabled]{opacity:.5;cursor:wait}
.pr-fbtn:focus-visible,.pr-geo:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}
.pr-status{display:none;width:100%;text-align:center;font-size:13px;color:#9a9a9a}
.pr-status.is-on{display:block}

/* Rozvržení mapa + seznam */
.pr-main{display:block}
.pr-mapcol{margin-bottom:10px}

/* Mapa */
.pr-map{position:relative;width:100%;margin:0 auto}
.pr-map img{display:block;width:100%;height:auto;max-width:100%}
.pr-layer{position:absolute;top:0;left:0;right:0;bottom:0}

.pr-city{position:absolute;transform:translate(-3px,-3px);font-size:11px;line-height:1;color:#9a9a9a;white-space:nowrap;pointer-events:none}
.pr-city::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#c4c4c4;margin-right:6px;vertical-align:1px}
.pr-city.pr-l{transform:translate(calc(-100% + 3px),-3px)}
.pr-city.pr-l::before{display:none}
.pr-city.pr-l::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#c4c4c4;margin-left:6px;vertical-align:1px}

.pr-sk{position:absolute;transform:translate(-50%,-50%);text-align:center;pointer-events:none;line-height:1.4}
.pr-sk-n{display:block;font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#9a9a9a}
.pr-sk-s{display:block;font-size:12px;color:#9a9a9a}

/* Tečky */
.pr-pin{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;text-decoration:none;z-index:2;transition:opacity .3s}
.pr-dot{position:absolute;left:6px;top:6px;width:16px;height:16px;border-radius:50%;background:#1a1a1a;border:3px solid #fff;box-shadow:0 0 0 1.5px #b8924a;font-size:0;line-height:0;transition:transform .2s}
.pr-ring{position:absolute;left:6px;top:6px;width:16px;height:16px;border-radius:50%;border:1.5px solid #d4609a;font-size:0;line-height:0;opacity:0}
.pr-pin.pr-soon .pr-dot{background:#fff;box-shadow:0 0 0 1.5px #d4609a}

.pr-tip{position:absolute;bottom:26px;left:50%;transform:translate(-50%,6px);background:#fff;border:1px solid #e6e6e6;border-top:2px solid #b8924a;padding:10px 14px;white-space:nowrap;text-align:left;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;line-height:1.5;pointer-events:none}
.pr-pin.pr-below .pr-tip{bottom:auto;top:26px;transform:translate(-50%,-6px)}
.pr-pin.pr-soon .pr-tip{border-top-color:#d4609a}
.pr-tip-c{display:block;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#b8924a}
.pr-pin.pr-soon .pr-tip-c{color:#d4609a}
.pr-tip-n{display:block;font-size:14px;color:#1a1a1a}
.pr-tip-s{display:block;font-size:12px;color:#9a9a9a}

.pr-pin:hover,.pr-pin:focus-visible,.pr-pin.is-hl,.pr-pin.is-active{z-index:4}
.pr-pin:hover .pr-tip,.pr-pin:focus-visible .pr-tip,.pr-pin.is-hl .pr-tip,.pr-pin.is-active .pr-tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.pr-pin:hover .pr-dot,.pr-pin:focus-visible .pr-dot,.pr-pin.is-hl .pr-dot,.pr-pin.is-active .pr-dot{transform:scale(1.25)}
.pr-pin.is-active .pr-dot{background:#b8924a}
.pr-pin.pr-soon.is-active .pr-dot{background:#d4609a}
.pr-pin:focus-visible{outline:none}
.pr-pin:focus-visible .pr-dot{box-shadow:0 0 0 1.5px #b8924a,0 0 0 4px #1a1a1a}
.pr-pin.is-hidden{opacity:.15;pointer-events:none}


/* Panel s detailem pod mapou (mobil a tablet, plní JS) */
.pr-panel{display:none;position:relative;margin:14px 0 0;border:1px solid #1a1a1a;border-top:2px solid #b8924a;background:#fff;padding:18px 20px 16px}
.pr-panel.is-on{display:block}
.pr-panel.pr-ps{border-top-color:#d4609a}
.pr-panel .pr-card-c{margin-bottom:2px}
.pr-panel.pr-ps .pr-card-c{color:#d4609a}
.pr-p-name{display:block;font-size:1.15rem;color:#1a1a1a;line-height:1.35;margin-bottom:6px}
.pr-p-addr{display:block;font-size:14px;color:#1a1a1a;line-height:1.6}
.pr-p-meta{display:block;font-size:13px;color:#9a9a9a;line-height:1.6;margin-bottom:14px}
.pr-p-acts{display:flex;flex-wrap:wrap;gap:8px}
.pr-p-btn{flex:1 1 auto;text-align:center;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:11px 12px;border:1px solid #1a1a1a;color:#1a1a1a;background:#fff;line-height:1.3}
.pr-p-btn.pr-p-main{background:#1a1a1a;color:#fff}
.pr-p-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;background:none;cursor:pointer;font-family:'Poppins',Helvetica,Arial,sans-serif;font-size:22px;line-height:36px;color:#9a9a9a;padding:0}
.pr-p-close:focus-visible,.pr-p-btn:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}
@media (min-width:1000px){.pr-panel,.pr-panel.is-on{display:none}}

/* Legenda */
.pr-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 26px;margin:18px 0 0;font-size:13px;color:#9a9a9a}
.pr-lg-dot,.pr-lg-soon,.pr-lg-sk{display:inline-block;vertical-align:-2px;margin-right:8px;font-size:0;line-height:0}
.pr-lg-dot,.pr-lg-soon{width:12px;height:12px;border-radius:50%;border:2px solid #fff}
.pr-lg-dot{background:#1a1a1a;box-shadow:0 0 0 1.5px #b8924a}
.pr-lg-soon{background:#fff;box-shadow:0 0 0 1.5px #d4609a}
.pr-lg-sk{width:22px;height:12px;border:1.2px dashed #c4c4c4}

/* Seznam */
.pr-h2{font-family:'Poppins',Helvetica,Arial,sans-serif;font-weight:300;font-size:1.6rem;color:#1a1a1a;text-align:center;margin:56px 0 26px;line-height:1.3}
.pr-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,340px));justify-content:center;gap:22px}
.pr-card{position:relative;border:1px solid #e6e6e6;border-top:2px solid #b8924a;padding:24px 24px 22px;scroll-margin-top:120px;background:#fff;transition:border-color .25s}
.pr-card:target,.pr-card.is-active{border-color:#1a1a1a;border-top-color:#b8924a}
.pr-card.is-hidden{display:none}
.pr-card.pr-cs{border-style:dashed;border-top:2px solid #d4609a}
.pr-card.pr-cs.is-active{border-color:#1a1a1a;border-top-color:#d4609a}
.pr-card-c{display:block;font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#b8924a;margin-bottom:6px}
.pr-card.pr-cs .pr-card-c{color:#d4609a}
.pr-card h3{font-family:'Poppins',Helvetica,Arial,sans-serif;font-weight:300;font-size:1.25rem;color:#1a1a1a;margin:0 0 12px;line-height:1.35}
.pr-card p{margin:0 0 14px;font-size:15px}
.pr-addr{font-size:15px;color:#1a1a1a}
.pr-meta{display:block;font-size:13px;color:#9a9a9a}
.pr-tel{color:#1a1a1a;text-decoration:none;border-bottom:1px solid #b8924a}
.pr-badge{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#d4609a;border:1px solid #f0cfe0;border-radius:20px;padding:2px 12px;margin-bottom:12px}
.pr-dist{display:none;position:absolute;top:20px;right:20px;font-size:12px;color:#9a9a9a;line-height:1.4}
.pr-dist.is-on{display:block}
.pr-dist.is-near{color:#fff;background:#1a1a1a;padding:3px 10px;font-weight:500;letter-spacing:.06em}
.pr-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.pr-chip{display:inline-block;font-size:13px;line-height:1.4;border:1px solid #e6e6e6;border-radius:20px;padding:4px 12px;color:#4a4a4a}
.pr-chip.pr-mw{border-color:#b8924a}
.pr-chip.pr-ic{border-color:#d4609a}
.pr-links{display:flex;flex-wrap:wrap;gap:6px 22px}
.pr-link{color:#1a1a1a;text-decoration:none;border-bottom:1px solid #b8924a;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1.6}
.pr-link:hover{border-bottom-color:#d4609a}
.pr-empty{display:none;text-align:center;font-size:14px;color:#9a9a9a;grid-column:1/-1}
.pr-empty.is-on{display:block}

.pr-note{text-align:center;font-size:14px;color:#9a9a9a;margin:28px auto 0;max-width:600px}
.pr-note a{color:#1a1a1a;text-decoration:none;border-bottom:1px solid #b8924a}

/* Spodní boxy */
.pr-foot{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px}
.pr-box{border:1px solid #e6e6e6;padding:30px 28px;text-align:center}
.pr-box.pr-b1{border-top:2px solid #b8924a}
.pr-box.pr-b2{border-top:2px solid #d4609a}
.pr-box h3{font-family:'Poppins',Helvetica,Arial,sans-serif;font-weight:300;font-size:1.25rem;color:#1a1a1a;margin:0 0 10px;line-height:1.35}
.pr-box p{margin:0 0 20px;font-size:15px}
.pr-btn{display:inline-block;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:12px 24px;background:#1a1a1a;color:#fff;border:1px solid #1a1a1a;transition:background .2s,border-color .2s}
.pr-btn:hover{background:#b8924a;border-color:#b8924a;color:#fff}
.pr-b2 .pr-btn:hover{background:#d4609a;border-color:#d4609a}

/* Desktop: mapa vlevo (lepí se), seznam vpravo */
@media (min-width:1000px){
.pr-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:44px;align-items:start}
.pr-mapcol{position:sticky;top:100px;margin:0}
.pr-listcol .pr-h2{text-align:left;margin:0 0 18px;font-size:1.4rem}
.pr-listcol .pr-list{grid-template-columns:1fr;gap:16px}
.pr-listcol .pr-card{padding:20px 22px 18px}
}

/* Úvodní animace teček (jen s JS a bez omezení pohybu) */
@media (prefers-reduced-motion:no-preference){
.pr-js .pr-pin{opacity:0;transform:translateY(-14px)}
.pr-js.pr-ready .pr-pin{opacity:1;transform:none;transition:opacity .45s ease,transform .45s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--i,0) * 120ms)}
.pr-js.pr-ready .pr-pin.is-hidden{opacity:.15}
.pr-ring{animation:pr-pulse 2.4s ease-out infinite}
.pr-soon .pr-ring{animation:none}
@keyframes pr-pulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.pr-card.is-flash{animation:pr-flash 1s ease}
@keyframes pr-flash{0%{border-color:#b8924a}100%{border-color:#1a1a1a}}
}
@media (prefers-reduced-motion:reduce){
.pr-dot,.pr-tip,.pr-card,.pr-btn,.pr-pin,.pr-fbtn,.pr-geo{transition:none}
}

/* Mobil */
@media (max-width:760px){

.pr-city{font-size:9px}
.pr-city::before,.pr-city.pr-l::after{width:4px;height:4px}
.pr-skc{display:none}
.pr-sk-n,.pr-sk-s{font-size:9px}
.pr-dot,.pr-ring{width:12px;height:12px;border-width:2px}
.pr-tip{display:none}
.pr-bar{gap:8px;margin-bottom:22px}
.pr-filters{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;justify-content:flex-start;padding:2px 2px 4px}
.pr-filters::-webkit-scrollbar{display:none}
.pr-fbtn{flex:0 0 auto;padding:9px 16px}
.pr-geo{margin-left:0;width:100%;padding:12px 18px}
.pr-pin{width:40px;height:40px;margin:-20px 0 0 -20px}
.pr-dot,.pr-ring{left:14px;top:14px}
.pr-legend{gap:6px 16px;font-size:12px}
.pr-list{grid-template-columns:1fr}
.pr-card{padding:20px 18px 18px}
.pr-dist{top:16px;right:16px}
.pr-foot{grid-template-columns:1fr}
.pr-h2{margin-top:40px}
}
