/* Bazar – tmavý a zlatý styl eshopu */
.svh-bazar { --gold:#c9a870; --gold-lt:#e2c98a; --panel:#151515; --line:rgba(255,255,255,.08); --txt:#e4e0d8; --mut:#8f8a80;
    max-width: 1100px; margin: 0 auto 60px; color: var(--txt); }
.svh-bazar a { color: var(--gold); }
.svh-bazar__head h2 { color:#fff !important; font-size:28px !important; margin:0 !important; }
.svh-bazar__sub { color: var(--mut); margin: 4px 0 16px !important; }
.svh-bazar__notice { background: var(--panel); border:1px solid var(--line); border-left:3px solid var(--gold); border-radius:3px;
    padding: 14px 18px; margin: 0 0 24px; font-size: 13.5px; line-height: 1.6; }
.svh-bazar__notice p { margin: 0 !important; color: #cfc9be !important; }

.svh-bazar__grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; }
.svh-bazar__card { position:relative; display:flex; flex-direction:column; background: var(--panel); border:1px solid var(--line); border-radius:3px;
    overflow:hidden; transition: border-color .2s, transform .2s; }
.svh-bazar__card:hover { border-color: rgba(201,168,112,.5); transform: translateY(-2px); }
.svh-bazar__card.is-picked { border-color: var(--gold); box-shadow: 0 0 0 1px var(--gold); }
.svh-bazar__link { display:flex; flex-direction:column; flex:1; text-decoration:none !important; color: var(--txt) !important; }
.svh-bazar__card.is-sold { opacity: .5; }
.svh-bazar__img { position:relative; display:block; aspect-ratio: 4 / 3; background:#0f0f0f; overflow:hidden; }
.svh-bazar__img img { width:100%; height:100%; object-fit:cover; display:block; }
.svh-bazar__noimg { display:flex; align-items:center; justify-content:center; height:100%; color: var(--mut); font-size: 13px; }
.svh-bazar__body { display:flex; flex-direction:column; gap:4px; padding: 12px 14px 14px; }
.svh-bazar__title { color:#fff; font-weight:700; font-size: 15.5px; line-height:1.35; }
.svh-bazar__state { color: var(--mut); font-size: 12.5px; }
.svh-bazar__price { color: var(--gold); font-weight: 800; font-size: 17px; margin-top: 4px; }

.svh-bazar__badge { position:absolute; top:10px; left:10px; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
    padding: 4px 8px; border-radius: 2px; }
.svh-bazar__badge--rezervovano { background: var(--gold); color: #0d0d0d; }
.svh-bazar__badge--prodano { background: #3a3a3a; color: #fff; }

.svh-bazar__crumbs { margin: 4px 0 16px; font-size: 13px; }
.svh-bazar__item { display:grid; grid-template-columns: 1.3fr 1fr; gap: 28px; align-items:start; margin-bottom: 26px; }
.svh-bazar__item-img { position:relative; background:#0f0f0f; border:1px solid var(--line); border-radius:3px; overflow:hidden; }
.svh-bazar__item-img img { width:100%; height:auto; display:block; }
.svh-bazar__item-title { color:#fff !important; font-size: 26px !important; margin: 0 0 8px !important; line-height:1.25; }
.svh-bazar__item-price { color: var(--gold) !important; font-size: 26px; font-weight: 800; margin: 0 0 16px !important; }
.svh-bazar__facts { list-style:none !important; margin: 0 0 20px !important; padding:0 !important; border-top:1px solid var(--line); }
.svh-bazar__facts li { display:flex; justify-content:space-between; gap: 12px; padding: 9px 0; border-bottom:1px solid var(--line); margin:0 !important; font-size: 14px; }
.svh-bazar__facts li span { color: var(--mut); }
.svh-bazar__contact { display:flex; flex-direction:column; gap:10px; }
.svh-bazar__btn { display:block; text-align:center; padding: 13px 18px; border-radius: 3px; font-weight:700; font-size: 13px;
    letter-spacing:.08em; text-transform:uppercase; text-decoration:none !important; transition: filter .2s; }
.svh-bazar__btn:hover { filter: brightness(1.1); }
.svh-bazar__btn--wa { background:#25d366; color:#08260f !important; }
.svh-bazar__btn--ms { background:#0a7cff; color:#fff !important; }
.svh-bazar__sold-note { color: var(--mut); font-style: italic; }
.svh-bazar__desc { background: var(--panel); border:1px solid var(--line); border-radius:3px; padding: 18px 22px; margin-bottom: 20px; line-height:1.65; }
.svh-bazar__desc p, .svh-bazar__desc li { color: var(--txt) !important; }
.svh-bazar__desc img { max-width:100%; height:auto; }
.svh-bazar__empty { color: var(--mut); padding: 30px 0; }

@media (max-width: 800px) {
    .svh-bazar__item { grid-template-columns: 1fr; gap: 18px; }
    .svh-bazar__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .svh-bazar__title { font-size: 14px; }
}
@media (max-width: 420px) {
    .svh-bazar__grid { grid-template-columns: 1fr; }
}

/* Kategorie */
.svh-bazar__cats { display:flex; flex-wrap:wrap; gap:8px; margin: 0 0 20px; }
.svh-bazar__cats a { display:inline-flex; align-items:center; gap:6px; padding: 7px 14px; border:1px solid var(--line); border-radius: 999px;
    background: var(--panel); color: var(--txt) !important; font-size: 13px; font-weight:600; text-decoration:none !important; transition: border-color .2s, background .2s; }
.svh-bazar__cats a:hover { border-color: rgba(201,168,112,.5); }
.svh-bazar__cats a.is-active { background: var(--gold); border-color: var(--gold); color: #0d0d0d !important; }
.svh-bazar__cats a span { font-size: 11px; opacity: .65; }
.svh-bazar__cat { color: var(--gold); font-size: 11px; font-weight:700; letter-spacing:.08em; text-transform: uppercase; }

/* Výběr více položek */
.svh-bazar__tip { color: var(--mut); font-size: 13px; margin: -8px 0 14px !important; }
.svh-bazar__pick { position:absolute; top:8px; right:8px; z-index:2; width:36px; height:36px; margin:0 !important; cursor:pointer;
    display:flex; align-items:center; justify-content:center; }
.svh-bazar__pick input { position:absolute; opacity:0; width:100%; height:100%; margin:0 !important; cursor:pointer; }
.svh-bazar__pick span { width:26px; height:26px; border-radius:3px; border:2px solid rgba(255,255,255,.85); background: rgba(13,13,13,.6);
    box-shadow: 0 1px 4px rgba(0,0,0,.5); transition: background .15s, border-color .15s; position:relative; pointer-events:none; }
.svh-bazar__pick:hover span { border-color: var(--gold); }
.svh-bazar__pick input:checked + span { background: var(--gold); border-color: var(--gold); }
.svh-bazar__pick input:checked + span::after { content:""; position:absolute; left:7px; top:2px; width:7px; height:13px;
    border: solid #0d0d0d; border-width: 0 3px 3px 0; transform: rotate(45deg); }
.svh-bazar__pick input:focus-visible + span { outline: 2px solid var(--gold-lt); outline-offset: 2px; }

.svh-bazar__btn--pick { width:100%; margin-top:10px; background: transparent; border:1px solid var(--gold); color: var(--gold) !important; cursor:pointer;
    font-family: inherit; line-height: 1.2; min-height: 0; }
.svh-bazar__btn--pick.is-on { background: var(--gold); color: #0d0d0d !important; }
.svh-bazar__pick-note { color: var(--mut); font-size: 12.5px; margin: 8px 0 0 !important; text-align:center; }

.svh-bazar-bar { position:fixed; left:0; right:0; bottom:0; z-index:9990; display:flex; align-items:center; gap:16px; flex-wrap:wrap;
    padding: 12px max(16px, calc((100vw - 1100px) / 2)); background: #0d0d0d; border-top: 1px solid #c9a870;
    box-shadow: 0 -6px 24px rgba(0,0,0,.5); color:#e4e0d8; font-size:14px;
    transform: translateY(110%); transition: transform .25s ease; }
.svh-bazar-bar.is-open { transform: none; }
.svh-bazar-bar__info { flex:1; min-width: 0; display:flex; flex-direction:column; }
.svh-bazar-bar__count { color:#c9a870; font-size: 15px; }
.svh-bazar-bar__names { color:#8f8a80; font-size: 12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.svh-bazar-bar__actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.svh-bazar-bar__btn { padding: 10px 16px; border-radius:3px; font-weight:700; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase;
    text-decoration:none !important; }
.svh-bazar-bar__btn--wa { background:#25d366; color:#08260f !important; }
.svh-bazar-bar__btn--ms { background:#0a7cff; color:#fff !important; }
.svh-bazar-bar__clear { background:none !important; border:0 !important; color:#8f8a80 !important; font-size:12.5px; text-decoration:underline;
    cursor:pointer; padding: 8px 4px !important; margin:0 !important; min-height:0 !important; text-transform:none; letter-spacing:0; box-shadow:none !important; }
body.svh-bazar-has-bar { padding-bottom: 76px; }
@media (max-width: 600px) {
    .svh-bazar-bar { padding: 10px 12px; gap: 8px; }
    .svh-bazar-bar__info { flex-basis: 100%; }
    .svh-bazar-bar__actions { width:100%; }
    .svh-bazar-bar__btn { flex:1; text-align:center; }
    body.svh-bazar-has-bar { padding-bottom: 120px; }
}

/* Oddělení od eshopu + poznámky pro admina */
.svh-bazar__eyebrow { color: var(--gold) !important; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 4px !important; }
.svh-bazar__admin-note { background: rgba(201,168,112,.12); border: 1px dashed rgba(201,168,112,.6); color: var(--txt) !important;
    padding: 10px 14px; border-radius: 3px; font-size: 13px; margin: 0 0 18px !important; }

/* Platba a doručení */
.svh-bazar__ship { background: var(--panel); border:1px solid var(--line); border-radius:3px; padding: 14px 18px; margin: 0 0 24px; }
.svh-bazar__ship h3 { color: var(--gold) !important; font-size: 12px !important; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 8px !important; }
.svh-bazar__ship ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.svh-bazar__ship li { position: relative; padding-left: 16px; margin: 0 0 5px !important; font-size: 13.5px; line-height: 1.55; color: #cfc9be; }
.svh-bazar__ship li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }
.svh-bazar__ship--compact { margin: 16px 0 0; padding: 12px 14px; }
.svh-bazar__ship--compact li { font-size: 13px; }
