/*
 * OzBestsellers – frontend styly (4 vzhledy)
 * @author One Zero IT
 */
.ozbs {
    --ozbs-accent: #2b6cb0;
    --ozbs-bg: #ffffff;
    --ozbs-fg: #1a202c;
    --ozbs-muted: #718096;
    --ozbs-line: #e2e8f0;
    --ozbs-card: #ffffff;
    --ozbs-radius: 12px;
    --ozbs-shadow: 0 2px 10px rgba(0, 0, 0, .06);
    margin: 32px 0;
    color: var(--ozbs-fg);
}

@media (prefers-color-scheme: dark) {
    .ozbs {
        --ozbs-bg: #1a202c;
        --ozbs-fg: #e2e8f0;
        --ozbs-muted: #a0aec0;
        --ozbs-line: #2d3748;
        --ozbs-card: #232b3a;
        --ozbs-shadow: 0 2px 12px rgba(0, 0, 0, .4);
    }
}

.ozbs__head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}
.ozbs__title {
    font-size: 1.45rem;
    font-weight: 800;
    margin: 0;
    position: relative;
    padding-left: 14px;
    line-height: 1.2;
}
.ozbs__title::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    width: 5px; height: 1.1em;
    border-radius: 4px;
    background: var(--ozbs-accent);
}
.ozbs--nobar .ozbs__title { padding-left: 0; }
.ozbs--nobar .ozbs__title::before { display: none; }

.ozbs a { text-decoration: none; color: inherit; }
.ozbs img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ozbs__noimg {
    display: block; width: 100%; height: 100%;
    background: var(--ozbs-line);
    border-radius: 8px;
}
.ozbs__price { font-weight: 800; color: var(--ozbs-accent); white-space: nowrap; }
.ozbs__old { color: var(--ozbs-muted); text-decoration: line-through; font-size: .85em; margin-right: 6px; }
.ozbs__sold { font-size: .8rem; color: var(--ozbs-muted); }
.ozbs__meta { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; }
.ozbs__stock { font-size: .76rem; font-weight: 700; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.ozbs__stock::before { content: ""; width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.ozbs__stock--in { color: #1a7f48; }
.ozbs__stock--in::before { background: #22c55e; }
.ozbs__stock--out { color: #b42318; }
.ozbs__stock--out::before { background: #ef4444; }
.ozbs__stock--low { color: #b45309; }
.ozbs__stock--low::before { background: #f59e0b; }
.ozbs-card__body .ozbs__stock,
.ozbs__row .ozbs__stock { margin-top: 0; }
.ozbs__row .ozbs__stock { margin-right: 4px; }

/* rozbalení */
.ozbs-hidden { display: none !important; }
.ozbs.is-open .ozbs__cell.ozbs-hidden,
.ozbs.is-open .ozbs__row.ozbs-hidden,
.ozbs.is-open .ozbs__rankrow.ozbs-hidden,
.ozbs.is-open .ozbs__barrow.ozbs-hidden,
.ozbs.is-open .ozbs__detrow.ozbs-hidden { display: flex !important; }
.ozbs.is-open .ozbs__trow.ozbs-hidden { display: grid !important; }
.ozbs--anim .ozbs__reveal { animation: ozbsFade .35s ease both; }
@keyframes ozbsFade {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.ozbs__more-wrap { text-align: center; margin-top: 18px; }
.ozbs__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    background: transparent;
    color: var(--ozbs-accent);
    font-weight: 700;
    font-family: inherit;
    line-height: 1.2;
    cursor: pointer;
    transition: background .15s, color .15s, box-shadow .15s, border-color .15s, transform .12s;
}
.ozbs__more:active { transform: translateY(1px); }
.ozbs__more-count { opacity: .8; font-weight: 600; }

/* --- velikosti --- */
.ozbs__more--sm { padding: 6px 14px; font-size: .82rem; }
.ozbs__more--md { padding: 10px 22px; font-size: .95rem; }
.ozbs__more--lg { padding: 14px 30px; font-size: 1.05rem; }
.ozbs__more--s5.ozbs__more--sm { padding: 6px 4px; }
.ozbs__more--s5.ozbs__more--md { padding: 8px 6px; }
.ozbs__more--s5.ozbs__more--lg { padding: 10px 8px; }

/* --- styl 1: vyplněné --- */
.ozbs__more--s1 { background: var(--ozbs-more, var(--ozbs-accent)); color: #fff; border-radius: 8px; }
.ozbs__more--s1:hover { box-shadow: 0 6px 16px rgba(0,0,0,.18); filter: brightness(1.05); }

/* --- styl 2: obrysové --- */
.ozbs__more--s2 { border: 2px solid var(--ozbs-more, var(--ozbs-accent)); color: var(--ozbs-more, var(--ozbs-accent)); border-radius: 8px; background: transparent; }
.ozbs__more--s2:hover { background: var(--ozbs-more, var(--ozbs-accent)); color: #fff; }

/* --- styl 3: pilulka (jemné pozadí) --- */
.ozbs__more--s3 { border-radius: 999px; color: var(--ozbs-more, var(--ozbs-accent)); background: #eef2f7; } /* fallback */
.ozbs__more--s3 { background: color-mix(in srgb, var(--ozbs-more, var(--ozbs-accent)) 14%, transparent); }
.ozbs__more--s3:hover { background: var(--ozbs-more, var(--ozbs-accent)); color: #fff; }

/* --- styl 4: gradient --- */
.ozbs__more--s4 { border-radius: 999px; color: #fff;
    background-color: var(--ozbs-more, var(--ozbs-accent)); /* fallback solid */
    background-image: linear-gradient(135deg, rgba(255,255,255,.18), rgba(0,0,0,.28));
    box-shadow: 0 4px 14px rgba(0,0,0,.18); }
.ozbs__more--s4:hover { filter: brightness(1.08); box-shadow: 0 8px 22px rgba(0,0,0,.26); }

/* --- styl 5: textový odkaz se šipkou --- */
.ozbs__more--s5 { background: none; border: 0; color: var(--ozbs-more, var(--ozbs-accent)); border-radius: 0; }
.ozbs__more--s5::after { content: "\2193"; transition: transform .2s; }
.ozbs__more--s5:hover { text-decoration: underline; }
.ozbs.is-open .ozbs__more--s5::after { transform: rotate(180deg); }

/* ====================== A: žebříček ====================== */
.ozbs__list--rank { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ozbs__rankrow {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--ozbs-card);
    border: 1px solid var(--ozbs-line);
    border-radius: var(--ozbs-radius);
    padding: 10px 14px;
    box-shadow: var(--ozbs-shadow);
    transition: transform .12s;
}
.ozbs__rankrow:hover { transform: translateY(-2px); }
.ozbs__medal {
    flex: 0 0 auto;
    width: 38px; height: 38px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    font-weight: 900; font-size: 1.05rem;
    background: var(--ozbs-line); color: var(--ozbs-fg);
}
/* vzhled L: medaile jako zaoblené čtverečky (5px), velikost nastavitelná */
.ozbs__list--detail .ozbs__medal {
    border-radius: 5px;
    width: var(--ozbs-medal-size, 27px);
    height: var(--ozbs-medal-size, 27px);
    font-size: calc(var(--ozbs-medal-size, 27px) * 0.42);
}
.ozbs__rankrow--1 .ozbs__medal { background: linear-gradient(135deg,#ffd970,#f6b73c); color:#5b3d00; box-shadow:0 2px 8px rgba(246,183,60,.5); }
.ozbs__rankrow--2 .ozbs__medal { background: linear-gradient(135deg,#e6e9ef,#b8c0cc); color:#36404d; }
.ozbs__rankrow--3 .ozbs__medal { background: linear-gradient(135deg,#f0b27a,#cd7f32); color:#3d1f00; }
.ozbs__rank-img { flex: 0 0 64px; width: 64px; height: 64px; }
.ozbs__rank-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.ozbs__rank-name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ozbs__rank-name:hover { color: var(--ozbs-accent); }
.ozbs__rank-price { flex: 0 0 auto; text-align: right; display: flex; flex-direction: column; }

/* ====================== B: karty ====================== */
.ozbs__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}
.ozbs__cell { display: flex; }
.ozbs-card {
    position: relative;
    display: flex; flex-direction: column;
    width: 100%;
    background: var(--ozbs-card);
    border: 1px solid var(--ozbs-line);
    border-radius: var(--ozbs-radius);
    overflow: hidden;
    box-shadow: var(--ozbs-shadow);
    transition: transform .15s, box-shadow .15s;
}
.ozbs-card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,.12); }
.ozbs-card__img { display: block; aspect-ratio: 1 / 1; padding: 10px; background: #fff; }
.ozbs-card__img img { transition: transform .25s; }
.ozbs-card:hover .ozbs-card__img img { transform: scale(1.05); }
.ozbs-card__body { padding: 10px 12px 14px; display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; }
.ozbs-card__name {
    font-weight: 600; font-size: .95rem; line-height: 1.3;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ozbs-card__name:hover { color: var(--ozbs-accent); }
.ozbs-card__sold { font-size: .78rem; color: var(--ozbs-muted); }
.ozbs-card__price { margin-top: auto; }
.ozbs-card__badge {
    position: absolute; z-index: 2;
    font-size: .72rem; font-weight: 800;
    padding: 4px 9px; border-radius: 999px; color: #fff;
}
.ozbs-card__badge--rank { top: 10px; left: 10px; background: var(--ozbs-accent); }
.ozbs-card__badge--sale { top: 10px; right: 10px; background: #e53e3e; }

/* ====================== C: slider ====================== */
.ozbs__slider-wrap { position: relative; }
.ozbs__track {
    display: flex; gap: 16px;
    overflow-x: auto; scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    padding: 4px 2px 12px;
    -ms-overflow-style: none; scrollbar-width: none;
}
.ozbs__track::-webkit-scrollbar { display: none; }
.ozbs__track .ozbs-card { flex: 0 0 200px; scroll-snap-align: start; }
.ozbs__arrow {
    position: absolute; top: 42%; transform: translateY(-50%); z-index: 3;
    width: 42px; height: 42px; border-radius: 50%;
    border: 1px solid var(--ozbs-line);
    background: var(--ozbs-card); color: var(--ozbs-fg);
    font-size: 1.5rem; line-height: 1; cursor: pointer;
    box-shadow: var(--ozbs-shadow);
    display: flex; align-items: center; justify-content: center;
}
.ozbs__arrow:hover { background: var(--ozbs-accent); color: #fff; border-color: var(--ozbs-accent); }
.ozbs__arrow--prev { left: -10px; }
.ozbs__arrow--next { right: -10px; }

/* ====================== D: minimal list ====================== */
.ozbs__list--minimal { list-style: none; margin: 0; padding: 0; }
.ozbs__row {
    display: flex; align-items: center; gap: 14px;
    padding: 12px 4px;
    border-bottom: 1px solid var(--ozbs-line);
}
.ozbs__row:last-child { border-bottom: 0; }
.ozbs__num {
    flex: 0 0 auto; width: 26px; text-align: center;
    font-weight: 800; color: var(--ozbs-accent);
}
.ozbs__row-img { flex: 0 0 52px; width: 52px; height: 52px; }
.ozbs__row-name { flex: 1 1 auto; font-weight: 600; min-width: 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ozbs__row-name:hover { color: var(--ozbs-accent); }
.ozbs__row-price { flex: 0 0 auto; }

/* ====================== sidebar (left/right) ====================== */
.ozbs--left, .ozbs--right { margin: 20px 0; }
.ozbs--left .ozbs__grid, .ozbs--right .ozbs__grid { grid-template-columns: 1fr; }
.ozbs--left .ozbs__title, .ozbs--right .ozbs__title { font-size: 1.1rem; }

/* ====================== responsivita ====================== */
@media (max-width: 1200px) { .ozbs__grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 992px)  { .ozbs__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px)  {
    .ozbs__grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .ozbs__title { font-size: 1.2rem; }
    .ozbs__rank-img { flex-basis: 52px; width: 52px; height: 52px; }
    .ozbs__arrow--prev { left: 0; }
    .ozbs__arrow--next { right: 0; }
}
@media (max-width: 480px)  {
    .ozbs__track .ozbs-card { flex-basis: 150px; }
}

/* ====================== trend šipka ====================== */
.ozbs__trend { display: inline-block; width: 0; height: 0; }
.ozbs__trend--up { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #16a34a; }
.ozbs__trend--down { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #dc2626; }

/* ====================== tlačítko Do košíku ====================== */
.ozbs__cartform { margin: 0; padding: 0; display: inline-block; background: none; border: 0; box-shadow: none; }
.ozbs__cart, .ozbs__cart--variant { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start;
    background-color: var(--ozbs-cart-bg, var(--ozbs-accent)) !important; background-image: none !important;
    color: var(--ozbs-cart-tx, #fff) !important;
    font-weight: 700; font-size: .82rem; line-height: 1.2; font-family: inherit; text-decoration: none !important;
    border: 0 !important; box-shadow: none !important; outline: none; -webkit-appearance: none; appearance: none; cursor: pointer;
    padding: 6px 12px; border-radius: 7px; margin-top: 6px; transition: background-color .15s, color .15s; }
.ozbs__cart:hover, .ozbs__cart:focus, .ozbs__cart--variant:hover, .ozbs__cart--variant:focus { background-color: var(--ozbs-cart-bg-h, var(--ozbs-cart-bg, var(--ozbs-accent))) !important; color: var(--ozbs-cart-tx-h, var(--ozbs-cart-tx, #fff)) !important; box-shadow: none !important; }
.ozbs__cart-ico { width: 15px; height: 15px; background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a2 2 0 100 4 2 2 0 000-4zm10 0a2 2 0 100 4 2 2 0 000-4zM7.2 14h9.5l3-9H6.2L5.6 3H2v2h2.2l2.6 11z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a2 2 0 100 4 2 2 0 000-4zm10 0a2 2 0 100 4 2 2 0 000-4zM7.2 14h9.5l3-9H6.2L5.6 3H2v2h2.2l2.6 11z'/%3E%3C/svg%3E") center/contain no-repeat; }

/* ====================== E: hero ====================== */
.ozbs__hero { display: flex; gap: 20px; background: var(--ozbs-card); border: 1px solid var(--ozbs-line);
    border-radius: var(--ozbs-radius); padding: 16px; box-shadow: var(--ozbs-shadow); margin-bottom: 12px; }
.ozbs__hero-img { flex: 0 0 38%; max-width: 280px; aspect-ratio: 1/1; }
.ozbs__hero-body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 8px; justify-content: center; min-width: 0; }
.ozbs__hero-badge { align-self: flex-start; background: var(--ozbs-accent); color: #fff; font-weight: 800; font-size: .8rem; padding: 4px 12px; border-radius: 999px; }
.ozbs__hero-name { font-size: 1.2rem; font-weight: 700; }
.ozbs__hero-name:hover { color: var(--ozbs-accent); }
.ozbs__hero-price { font-size: 1.3rem; }
.ozbs__hero-rest { margin-top: 4px; }
@media (max-width: 600px) { .ozbs__hero { flex-direction: column; } .ozbs__hero-img { max-width: none; flex-basis: auto; } }

/* ====================== F: podium ====================== */
.ozbs__podium { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; align-items: end; margin-bottom: 12px; }
.ozbs__pod { background: var(--ozbs-card); border: 1px solid var(--ozbs-line); border-radius: var(--ozbs-radius);
    padding: 14px 10px; text-align: center; box-shadow: var(--ozbs-shadow); display: flex; flex-direction: column; align-items: center; gap: 6px; }
.ozbs__pod--1 { order: 2; border-color: var(--ozbs-accent); }
.ozbs__pod--2 { order: 1; }
.ozbs__pod--3 { order: 3; }
.ozbs__pod-medal { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; background: var(--ozbs-line); }
.ozbs__pod--1 .ozbs__pod-medal { background: linear-gradient(135deg,#ffd970,#f6b73c); color: #5b3d00; }
.ozbs__pod--2 .ozbs__pod-medal { background: linear-gradient(135deg,#e6e9ef,#b8c0cc); color: #36404d; }
.ozbs__pod--3 .ozbs__pod-medal { background: linear-gradient(135deg,#f0b27a,#cd7f32); color: #3d1f00; }
.ozbs__pod-img { width: 96px; height: 96px; }
.ozbs__pod--1 .ozbs__pod-img { width: 116px; height: 116px; }
.ozbs__pod-name { font-weight: 600; font-size: .9rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 600px) { .ozbs__podium { grid-template-columns: 1fr; } .ozbs__pod--1,.ozbs__pod--2,.ozbs__pod--3 { order: 0; } }

/* ====================== G: kompaktní mřížka ====================== */
.ozbs__grid--compact { grid-template-columns: repeat(6, 1fr); gap: 10px; }
.ozbs__grid--compact .ozbs-card__body { padding: 8px 10px 10px; gap: 4px; }
.ozbs__grid--compact .ozbs-card__name { font-size: .82rem; }
@media (max-width: 1200px) { .ozbs__grid--compact { grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 992px)  { .ozbs__grid--compact { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 768px)  { .ozbs__grid--compact { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 480px)  { .ozbs__grid--compact { grid-template-columns: repeat(2, 1fr); } }

/* ====================== I: dlaždice s číslem ====================== */
.ozbs-card--tile .ozbs-card__badge--rank { top: auto; bottom: 8px; left: 8px;
    width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 1.05rem; background: rgba(0,0,0,.65); color: #fff; }

/* ====================== H: tabulka ====================== */
.ozbs__table { display: flex; flex-direction: column; }
.ozbs__trow { display: grid; grid-template-columns: 36px 56px 1fr auto auto auto; align-items: center; gap: 12px;
    padding: 10px 8px; border-bottom: 1px solid var(--ozbs-line); }
.ozbs__trow:last-child { border-bottom: 0; }
.ozbs__tnum { font-weight: 800; color: var(--ozbs-accent); text-align: center; }
.ozbs__timg { width: 56px; height: 56px; }
.ozbs__tname { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ozbs__tname:hover { color: var(--ozbs-accent); }
@media (max-width: 768px) { .ozbs__trow { grid-template-columns: 30px 48px 1fr auto; } .ozbs__tmeta, .ozbs__tcart { display: none; } }

/* ====================== J: pruh prodejů ====================== */
.ozbs__bars { list-style: none; margin: 0; padding: 0; }
.ozbs__barrow { display: flex; align-items: center; gap: 12px; padding: 10px 4px; border-bottom: 1px solid var(--ozbs-line); }
.ozbs__barrow:last-child { border-bottom: 0; }
.ozbs__bar-img { flex: 0 0 48px; width: 48px; height: 48px; }
.ozbs__bar-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.ozbs__bar-name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ozbs__bar-name:hover { color: var(--ozbs-accent); }
.ozbs__bar-track { height: 7px; background: var(--ozbs-line); border-radius: 999px; overflow: hidden; }
.ozbs__bar-fill { display: block; height: 100%; background: var(--ozbs-accent); border-radius: 999px; }
.ozbs__bar-side { flex: 0 0 auto; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }

/* ====================== K: nativní vzhled šablony + odznaky ====================== */
.ozbs-native { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.ozbs-native__item { position: relative; }
.ozbs-native__item > .ozbs__medal { position: absolute; top: 8px; left: 8px; z-index: 5; box-shadow: 0 1px 5px rgba(0,0,0,.35); pointer-events: none; }
.ozbs.is-open .ozbs-native__item.ozbs-hidden { display: block !important; }
.ozbs__medal--1 { background: linear-gradient(135deg,#ffd970,#f6b73c) !important; color: #5b3d00 !important; box-shadow: 0 2px 8px rgba(246,183,60,.5); }
.ozbs__medal--2 { background: linear-gradient(135deg,#e6e9ef,#b8c0cc) !important; color: #36404d !important; }
.ozbs__medal--3 { background: linear-gradient(135deg,#f0b27a,#cd7f32) !important; color: #3d1f00 !important; }
@media (max-width: 1200px) { .ozbs-native { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 992px)  { .ozbs-native { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px)  { .ozbs-native { grid-template-columns: repeat(2, 1fr); } }

/* ====================== hranaté rohy (sharp) ====================== */
.ozbs--sharp { --ozbs-radius: 0; }
.ozbs--sharp .ozbs-card,
.ozbs--sharp .ozbs-card__img,
.ozbs--sharp .ozbs__rankrow,
.ozbs--sharp .ozbs__more,
.ozbs--sharp .ozbs-card__badge,
.ozbs--sharp .ozbs__hero,
.ozbs--sharp .ozbs__hero-img,
.ozbs--sharp .ozbs__hero-badge,
.ozbs--sharp .ozbs__pod,
.ozbs--sharp .ozbs__cart,
.ozbs--sharp .ozbs__arrow,
.ozbs--sharp .ozbs__medal,
.ozbs--sharp .ozbs__pod-medal,
.ozbs--sharp .ozbs__noimg,
.ozbs--sharp .ozbs__bar-track,
.ozbs--sharp .ozbs__bar-fill { border-radius: 0 !important; }

/* ====================== L: detailní seznam ====================== */
.ozbs__list--detail {
    list-style: none; margin: 0; padding: 0 18px;
    background: var(--ozbs-card);
    border: 1px solid var(--ozbs-line);
    border-radius: 5px;
    box-shadow: var(--ozbs-shadow);
}
.ozbs--sharp .ozbs__list--detail { border-radius: 0 !important; }
.ozbs__detrow { display: flex; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--ozbs-line); }
.ozbs__detrow:last-child { border-bottom: 0; }
.ozbs__det-img { flex: 0 0 64px; width: 64px; height: 64px; }
.ozbs__det-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ozbs__det-name { font-weight: 700; }
.ozbs__det-name:hover { color: var(--ozbs-accent); }
.ozbs__det-desc { font-size: .83rem; color: var(--ozbs-muted); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ozbs__det-side { flex: 0 0 auto; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.ozbs__more-inset { list-style: none; display: flex; justify-content: center; align-items: center; padding: 16px 0 8px; }
.ozbs__more-inset .ozbs__more { margin: 0 auto; }
@media (max-width: 600px) { .ozbs__det-desc { display: none; } .ozbs__detrow { gap: 12px; } }