/* ---- moved from _parts/predajne.main.html by _externalize-inline.cjs ---- */
/* === Store panel (scoped, prefix sp-) — Variant A + mobilný accordion + filter === */
.store-panel{--sp-open:#1E9E4A;--sp-closed:#B02218;margin-top:30px;}
.sp-filter{display:flex;align-items:center;gap:10px;}
.sp-flabel{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:600;flex:0 0 auto;}
.sp-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
.sp-chips::-webkit-scrollbar{display:none;}
.sp-chip{flex:0 0 auto;font-family:var(--body);font-size:13px;font-weight:500;color:var(--ink);background:var(--cream);
border:1px solid var(--line);border-radius:999px;padding:8px 15px;cursor:pointer;min-height:38px;white-space:nowrap;transition:all .2s var(--ease);}
.sp-chip:hover{border-color:var(--ink);}
.sp-chip[aria-pressed="true"]{background:var(--ink);color:var(--cream);border-color:var(--ink);}
.sp-chip:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}
.sp-count{font-size:12px;color:var(--muted);margin-top:12px;}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;margin-top:14px;}
.sp-empty{grid-column:1/-1;text-align:center;color:var(--muted);font-style:italic;font-family:var(--display);font-size:18px;padding:46px 0;}
.sp-card{position:relative;background:var(--cream);border:1px solid var(--line);border-radius:4px;overflow:hidden;
transition:box-shadow .35s var(--ease),border-color .35s var(--ease);}
.sp-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;z-index:2;}
.sp-card.is-open::before{background:var(--green);} /* brand šalviová — jemný akcent */
.sp-card.is-closed::before{background:var(--muted);} /* brand taupe — jemný akcent */
.sp-card:hover{box-shadow:0 14px 36px rgba(33,30,24,0.11);}
/* --- foto-banner v hlavičke karty (NB2 atmosféra predajne) --- */
.sp-media{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--canvas);border-bottom:1px solid var(--line);}
.sp-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease);}
.sp-media::after{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(180deg,rgba(33,30,24,0) 52%,rgba(33,30,24,.30));}
@media (hover:hover) and (pointer:fine){ .sp-card:hover .sp-media img{transform:scale(1.045);} }
@media (prefers-reduced-motion:reduce){ .sp-media img{transition:none;} .sp-card:hover .sp-media img{transform:none;} }
.sp-sum{width:100%;text-align:left;background:transparent;border:0;cursor:pointer;
display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:start;padding:20px 20px 20px 24px;}
.sp-place{font-family:var(--display);font-weight:600;font-size:21px;line-height:1.12;letter-spacing:-0.3px;color:var(--ink);}
.sp-unit{display:inline-block;margin-left:8px;font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;
color:var(--gold);border:1px solid rgba(174,138,34,.4);border-radius:2px;padding:2px 7px;vertical-align:middle;transform:translateY(-2px);}
.sp-city{margin-top:8px;font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);
display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.sp-statusline{margin-top:9px;font-size:13.5px;font-weight:600;}
.sp-statusline.l-open{color:var(--sp-open);} .sp-statusline.l-closed{color:var(--sp-closed);}
.sp-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
.sp-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.5px;
padding:6px 11px;border-radius:999px;white-space:nowrap;text-transform:uppercase;}
.sp-badge .sp-dot{width:8px;height:8px;border-radius:50%;}
.sp-open-b{background:rgba(30,158,74,.14);color:var(--sp-open);}
.sp-open-b .sp-dot{background:var(--sp-open);animation:spPulse 2.2s infinite;}
.sp-closed-b{background:rgba(206,54,43,.13);color:var(--sp-closed);}
.sp-closed-b .sp-dot{background:var(--sp-closed);}
@keyframes spPulse{0%{box-shadow:0 0 0 0 rgba(30,158,74,.55);}70%{box-shadow:0 0 0 7px rgba(30,158,74,0);}100%{box-shadow:0 0 0 0 rgba(30,158,74,0);}}
@media (prefers-reduced-motion:reduce){.sp-dot{animation:none!important;}}
.sp-chev{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:transform .3s var(--ease);}
.sp-chev svg{width:14px;height:14px;}
.sp-card.open .sp-chev{transform:rotate(180deg);}
.sp-flag{font-size:9.5px;font-weight:700;letter-spacing:1px;color:var(--cream);background:var(--green);border-radius:2px;padding:2px 6px;}
.sp-flag.at{background:var(--gold);}
.sp-btag{font-size:9.5px;font-weight:700;letter-spacing:.6px;color:var(--gold);text-transform:none;}
.sp-det{display:none;padding:0 20px 22px 24px;}
.sp-card.open .sp-det{display:block;}
.sp-divx{height:1px;background:var(--line);margin-bottom:18px;}
.sp-row{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px;font-size:14px;line-height:1.5;color:var(--ink);}
.sp-row svg{flex:0 0 auto;width:17px;height:17px;color:var(--gold);margin-top:1px;}
.sp-rl{display:block;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:2px;}
.sp-em-open{color:var(--sp-open);font-weight:700;} .sp-em-closed{color:var(--sp-closed);font-weight:700;}
.sp-info{margin:4px 0 16px;display:flex;gap:11px;align-items:flex-start;background:rgba(174,138,34,.1);
border:1px solid rgba(174,138,34,.3);border-left:3px solid var(--gold);border-radius:3px;padding:12px 14px;font-size:13px;line-height:1.5;color:#5e4d18;}
.sp-info svg{flex:0 0 auto;width:17px;height:17px;color:var(--gold);margin-top:1px;}
.sp-info b{color:var(--ink);}
.sp-pays .sp-rl{margin-bottom:9px;}
.sp-payrow{display:flex;gap:8px;flex-wrap:wrap;}
.sp-pay{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:999px;padding:6px 12px;transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease);}
.sp-pay svg{width:16px;height:16px;color:var(--green);transition:transform .3s var(--ease);}
@media (hover:hover) and (pointer:fine){
.sp-pay:hover{transform:translateY(-2px);border-color:rgba(174,138,34,.45);box-shadow:0 6px 16px rgba(33,30,24,.09);}
.sp-pay:hover svg{transform:scale(1.18);}
}
@media (prefers-reduced-motion:reduce){
.sp-pay,.sp-pay svg{transition:none;}
.sp-pay:hover{transform:none;box-shadow:none;}
.sp-pay:hover svg{transform:none;}
}
.sp-nav{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;font-family:var(--body);
font-size:14.5px;font-weight:600;letter-spacing:.3px;text-decoration:none;color:var(--ink);background:var(--gold);
border-radius:2px;padding:14px 22px;min-height:52px;transition:background .3s var(--ease);}
.sp-nav:hover{background:var(--gold-soft);}
.sp-nav:focus-visible{outline:3px solid var(--ink);outline-offset:2px;}
.sp-nav svg{width:18px;height:18px;}
/* tichý druhý odkaz pod navigáciou — web obchodného centra */
.sp-web{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-family:var(--body);font-size:13.5px;font-weight:500;
color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px;transition:color .2s var(--ease),border-color .2s var(--ease);}
.sp-web:hover{color:var(--ink);border-bottom-color:var(--ink);}
.sp-web:focus-visible{outline:3px solid var(--ink);outline-offset:2px;}
.sp-web svg{width:13px;height:13px;}
/* desktop = vždy rozbalené, bez accordionu */
@media (min-width:768px){
.sp-det{display:block!important;}
.sp-chev{display:none;}
.sp-sum{cursor:default;}
.sp-statusline{display:none;}
.sp-place{font-size:23px;}
}