/* ============================================================
   LIBRUM v8 — širi slajderi, rotacija sva tri panela (admin
   baneri + odbrojavanje), pilule u jednom redu (svajp),
   Top lista 5+5, Moja polica (e-knjige)
   ============================================================ */

/* ---------- 1) Širi slajder blok ---------- */
.lb-v6 .lb7-slajder > .lb-container { max-width: 1640px; }

/* ---------- 2) Veliki panel = rotator ---------- */
.lb-v6 .lb7-glavni {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0;
}
.lb7-gslajd {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(220px, .85fr);
    gap: clamp(20px, 2.4vw, 40px);
    align-items: center;
    padding: clamp(28px, 3.2vw, 56px);
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .7s ease, visibility .7s;
    border-radius: 24px;
    color: #fff;
}
.lb7-gslajd:first-child { position: relative; inset: auto; min-height: inherit; }
.lb7-gslajd.je-aktivan { opacity: 1; visibility: visible; }

/* boje admin slajdova (vrednosti iz admin polja „Boja panela") */
.lb7-gslajd--teal { background: radial-gradient(110% 130% at 88% 8%, rgba(232, 160, 32, .18) 0%, rgba(232, 160, 32, 0) 55%), var(--teal); }
.lb7-gslajd--teal-dub { background: var(--teal-dub); }
.lb7-gslajd--rose { background: var(--ruza); }
.lb7-gslajd--viola { background: var(--viola); }
.lb7-gslajd--zlato { background: #F1EBD2; color: var(--mastilo6); }
.lb7-gslajd--tirkiz { background: var(--tirkiz); color: #16140F; }

.lb7-gslajd__naslov {
    display: block;
    font-family: var(--lb-cond);
    font-weight: 900;
    text-transform: uppercase;
    font-size: clamp(30px, 3vw, 52px);
    line-height: .92;
    margin: 10px 0 0;
    color: inherit;
}
.lb7-gslajd__opis {
    display: block;
    margin: 14px 0 0;
    font-size: clamp(13.5px, 1.05vw, 16px);
    line-height: 1.55;
    max-width: 46ch;
    color: rgba(255, 255, 255, .85);
}
.lb7-gslajd--zlato .lb7-gslajd__opis, .lb7-gslajd--tirkiz .lb7-gslajd__opis { color: rgba(22, 20, 15, .8); }
.lb7-gslajd--zlato .lb7-slajd__label { color: var(--ruza); }
.lb7-gslajd--tirkiz .lb7-slajd__label { color: #16140F; }
.lb7-gslajd__cta { margin-top: 20px; width: fit-content; }
/* CTA kontrast po boji panela (podrazumevano dugme je ruža → na ruži/violi belo) */
.lb-v6 .lb7-gslajd--rose .lb-btn,
.lb-v6 .lb7-gslajd--viola .lb-btn { background: #fff; border-color: #fff; color: var(--ruza); }
.lb-v6 .lb7-gslajd--rose .lb-btn:hover,
.lb-v6 .lb7-gslajd--viola .lb-btn:hover { background: var(--papir6); border-color: var(--papir6); box-shadow: 0 10px 24px rgba(0, 0, 0, .2); }
.lb-v6 .lb7-gslajd--viola .lb-btn { color: var(--viola); }
.lb-v6 .lb7-gslajd--zlato .lb-btn,
.lb-v6 .lb7-gslajd--tirkiz .lb-btn { background: var(--mastilo6); border-color: var(--mastilo6); color: #fff; }
.lb-v6 .lb7-gslajd--zlato .lb-btn:hover,
.lb-v6 .lb7-gslajd--tirkiz .lb-btn:hover { background: #16140F; border-color: #16140F; }
.lb7-gslajd__slika { display: flex; align-items: center; justify-content: center; }
.lb7-gslajd__slika img {
    max-width: 100%;
    max-height: clamp(220px, 26vw, 380px);
    object-fit: contain;
    filter: drop-shadow(0 18px 40px rgba(0, 0, 0, .28));
}

/* ---------- 3) Odbrojavanje ---------- */
.lb7-odbroj { display: flex; gap: 8px; margin-top: 18px; }
.lb7-odbroj > span {
    display: block;
    min-width: 56px;
    padding: 8px 10px;
    text-align: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, .13);
}
.lb7-gslajd--zlato .lb7-odbroj > span, .lb7-gslajd--tirkiz .lb7-odbroj > span { background: rgba(22, 20, 15, .1); }
.lb7-odbroj strong {
    display: block;
    font-family: var(--lb-cond);
    font-weight: 900;
    font-size: 22px;
    line-height: 1;
    color: inherit;
    font-variant-numeric: tabular-nums;
}
.lb7-odbroj small {
    display: block;
    margin-top: 3px;
    font-size: 9.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    opacity: .7;
}
.lb7-odbroj--mini { margin-top: 10px; margin-bottom: 4px; gap: 5px; }
.lb7-odbroj--mini > span { min-width: 40px; padding: 5px 6px; border-radius: 8px; }
.lb7-odbroj--mini strong { font-size: 15px; }
.lb7-odbroj--mini small { font-size: 8.5px; margin-top: 1px; }

/* ---------- 4) Mali paneli: pune boje po admin izboru + opis ----------
   v8 preimenuje kvirk klase iz v6: sada svaka boja nosi svoje pravo ime
   (markup hardkodovanih slajdova prebačen na teal / teal-dub / viola). */
.lb-v6 .lb7-slajd--teal { background: var(--teal); }
.lb7-slajd--viola { background: var(--viola); }
.lb7-slajd--viola .lb7-slajd__label { color: var(--zlato); }
.lb7-slajd--teal-dub { background: var(--teal-dub); }
.lb7-slajd--teal-dub .lb7-slajd__label { color: var(--tirkiz); }
.lb-v6 .lb7-slajd--zlato { background: #F1EBD2; }
.lb-v6 .lb7-slajd--zlato .lb7-slajd__label { color: var(--ruza); }
.lb-v6 .lb7-slajd--zlato .lb7-slajd__naslov { color: var(--mastilo6); }
.lb-v6 .lb7-slajd--zlato .lb7-slajd__link { color: rgba(22, 20, 15, .75); }
.lb-v6 .lb7-slajd--zlato:hover .lb7-slajd__link { color: #16140F; }
.lb-v6 .lb7-slajd--zlato .lb7-odbroj > span { background: rgba(22, 20, 15, .1); color: var(--mastilo6); }
.lb-v6 .lb7-slajd--tirkiz { background: var(--tirkiz); }
.lb-v6 .lb7-slajd--tirkiz .lb7-slajd__label { color: #16140F; }
.lb-v6 .lb7-slajd--tirkiz .lb7-slajd__naslov { color: #16140F; }
.lb-v6 .lb7-slajd--tirkiz .lb7-slajd__link { color: rgba(22, 20, 15, .75); }
.lb-v6 .lb7-slajd--tirkiz .lb7-slajd__opis { color: rgba(22, 20, 15, .75); }
.lb-v6 .lb7-slajd--tirkiz .lb7-odbroj > span { background: rgba(22, 20, 15, .1); color: #16140F; }
.lb7-slajd__opis {
    display: block;
    margin: 0 0 8px;
    font-size: 12.5px;
    line-height: 1.45;
    color: rgba(255, 255, 255, .8);
    max-width: 40ch;
}
.lb-v6 .lb7-slajd--zlato .lb7-slajd__opis { color: rgba(22, 20, 15, .75); }
.lb7-slajd__minikorica img { width: 84px; height: auto; border-radius: 6px; display: block; }

/* ---------- 5) Pilule žanrova: jedan red, klizno (svajp) ---------- */
.lb-v6 .lb5-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding-bottom: 4px;
}
.lb-v6 .lb5-pills::-webkit-scrollbar { display: none; }
.lb-v6 .lb5-pill { flex: 0 0 auto; white-space: nowrap; scroll-snap-align: start; }
.lb-v6 .lb5-pills.je-svajp:not(.je-kraj) {
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 56px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 56px), transparent 100%);
}

/* ---------- 6) Top lista: 5 prikazanih + „Vidi svih 10" ---------- */
.lb8-chart {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(44px, 4.6vw, 64px) 18px;
    padding-top: clamp(26px, 3vw, 44px);
}
.lb8-chart > * { min-width: 0; }
.lb8-chart .lb4-chart-item:nth-child(n+6) { display: none; }
.lb8-chart.je-otvoreno .lb4-chart-item:nth-child(n+6) { display: block; }
.lb8-chart .lb-card { display: flex; flex-direction: column; height: 100%; }
.lb8-chart .lb-card__body { display: flex; flex-direction: column; flex: 1; }
.lb8-chart .lb-card__addrow { margin-top: auto; padding-top: 10px; }
.lb8-vidi { display: flex; justify-content: center; margin-top: clamp(26px, 3vw, 40px); }
.lb8-vidi button {
    font-family: inherit;
    font-weight: 600;
    font-size: 13.5px;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 999px;
    padding: 11px 26px;
    transition: background .25s ease, color .25s ease;
}
.lb8-vidi button:hover { background: #fff; color: var(--viola); border-color: #fff; }

/* ---------- 7) Moja polica ---------- */
.lb8-polica { padding: clamp(44px, 6vw, 84px) 0 clamp(64px, 8vw, 110px); background: var(--papir6); min-height: 62vh; }
.lb8-polica__naslov {
    font-family: var(--lb-cond);
    font-weight: 900;
    text-transform: uppercase;
    font-size: clamp(32px, 3.8vw, 52px);
    line-height: .95;
    color: var(--mastilo6);
    margin: 6px 0 0;
}
.lb8-polica__prazno { max-width: 62ch; margin-top: 20px; }
.lb8-polica__prazno p { font-size: 15.5px; line-height: 1.6; color: #4A443C; margin: 0 0 22px; }
.lb8-polica__prazno-cta { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.lb8-polica__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: 20px;
    margin-top: 30px;
}
.lb8-eknjiga {
    display: flex;
    gap: 16px;
    background: #fff;
    border: 1px solid var(--linija6);
    border-radius: 16px;
    padding: 16px;
}
.lb8-eknjiga__korica { width: 88px; flex: 0 0 auto; }
.lb8-eknjiga__korica .lb-cover { width: 88px; height: auto; }
.lb8-eknjiga__telo { display: flex; flex-direction: column; min-width: 0; }
.lb8-eknjiga__naslov { font-weight: 700; font-size: 15.5px; color: var(--mastilo6); margin: 2px 0 0; }
.lb8-eknjiga__autor { font-size: 13px; color: #8B7F68; margin: 4px 0 0; }
.lb8-eknjiga__akcije { display: flex; align-items: center; gap: 14px; margin-top: auto; padding-top: 12px; }
.lb-btn--mala { padding: 9px 18px; font-size: 13px; }
.lb8-polica__nota { margin-top: 26px; font-size: 13px; color: #8B7F68; max-width: 70ch; }

/* ---------- Responsive ---------- */
@media (max-width: 1000px) {
    .lb7-gslajd { grid-template-columns: 1fr; }
    .lb7-gslajd__slika { order: 2; }
    .lb8-chart { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .lb8-chart { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 12px; }
    .lb7-odbroj > span { min-width: 48px; padding: 6px 8px; }
    .lb8-eknjiga { flex-direction: row; }
}

/* ============================================================
   v8.1 — POPRAVKE + UNUTRAŠNJE STRANE (lb9: listing, knjiga, korpa)
   ============================================================ */

/* Brži crossfade slajdova (manje duh-teksta u preklopu) */
.lb7-gslajd { transition: opacity .45s ease, visibility .45s; }
.lb7-slajd { transition: opacity .45s ease, visibility .45s; }

/* Pilule: fade nagoveštaj i levo i desno, po stanju skrola */
.lb-v6 .lb5-pills.je-svajp:not(.je-kraj):not(.je-pocetak) {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 56px, #000 calc(100% - 56px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 56px, #000 calc(100% - 56px), transparent 100%);
}
.lb-v6 .lb5-pills.je-svajp.je-kraj:not(.je-pocetak) {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 56px);
    mask-image: linear-gradient(90deg, transparent 0, #000 56px);
}

/* Hover pilule ≠ aktivna pilula */
.lb-v6 .lb5-pill:hover:not(.je-aktivna) { background: #EFE8D8; border-color: #D8CFBA; color: var(--mastilo6); }
.lb-v6 .lb5-pill:hover:not(.je-aktivna) small { color: #8B7F68; }

/* Duh-broj 10 (dve cifre) da se ne razvlači */
.lb4-chart-item[data-num="10"]::before { letter-spacing: -.08em; }

/* Touch: pritisak na koricu */
.lb-card__coverlink:active .lb-cover, .lb7-glavni__korice a:active { transform: scale(.97); }

/* ---------- Zajedničko za unutrašnje strane ---------- */
.lb-strana main { background: var(--papir6); }
.lb9-naslov {
    font-family: var(--lb-cond);
    font-weight: 900;
    text-transform: uppercase;
    font-size: clamp(32px, 3.8vw, 54px);
    line-height: .95;
    color: var(--mastilo6);
    margin: 6px 0 0;
}
.lb9-poruka { margin: 18px 0 0; padding: 12px 16px; border-radius: 12px; font-size: 14px; max-width: 640px; }
.lb9-poruka--ok { background: #F6EFD9; color: #5C4B0C; border: 1px solid #E4D6A6; }
.lb9-poruka--greska { background: #FBEAE4; color: #A82A16; border: 1px solid #F3DDBF; }
.lb9-prazno { padding: clamp(30px, 4vw, 60px) 0 10px; max-width: 60ch; }
.lb9-prazno__naslov { font-weight: 700; font-size: 19px; color: var(--mastilo6); margin: 0 0 8px; }
.lb9-prazno p { color: #4A443C; margin: 0 0 22px; }

/* ---------- Listing (Sve knjige / žanr / pretraga) ---------- */
.lb9-listing { padding: clamp(36px, 4.6vw, 64px) 0 clamp(60px, 7vw, 96px); }
.lb9-listing__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: clamp(20px, 2.4vw, 30px); }
.lb9-listing__count { margin: 10px 0 0; font-size: 13.5px; color: #8B7F68; }
.lb9-sort { display: flex; align-items: center; gap: 10px; }
.lb9-sort label { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #8B7F68; font-family: var(--lb-wide); }
.lb9-sort select {
    font-family: inherit; font-size: 14px; font-weight: 600; color: var(--mastilo6);
    background: #fff; border: 1px solid var(--linija6); border-radius: 999px;
    padding: 10px 36px 10px 16px; cursor: pointer; appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2308292c' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 14px center;
}
.lb9-grid { margin-top: clamp(22px, 2.6vw, 34px); }
.lb9-strane { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: clamp(36px, 4vw, 56px); }
.lb9-strane__btn, .lb9-strane__broj {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 42px; height: 42px; padding: 0 12px; border-radius: 999px;
    border: 1px solid var(--linija6); background: #fff; color: var(--mastilo6);
    font-weight: 600; font-size: 14px; transition: all .2s ease;
}
.lb9-strane__btn:hover, .lb9-strane__broj:hover { background: var(--teal); border-color: var(--teal); color: #fff; }
.lb9-strane__broj.je-aktivna { background: var(--mastilo6); border-color: var(--mastilo6); color: #fff; }
.lb9-strane__btn.je-mrtvo { opacity: .35; pointer-events: none; }

/* ---------- Strana knjige ---------- */
.lb9-knjiga { padding: clamp(28px, 3.4vw, 48px) 0 clamp(44px, 5vw, 72px); }
.lb9-mrvice { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; color: #8B7F68; margin-bottom: clamp(22px, 2.6vw, 36px); }
.lb9-mrvice a:hover { color: var(--mastilo6); text-decoration: underline; }
.lb9-mrvice em { font-style: normal; color: var(--mastilo6); font-weight: 600; max-width: 34ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lb9-knjiga__grid {
    display: grid;
    grid-template-columns: minmax(240px, 340px) minmax(0, 1.2fr) minmax(240px, 320px);
    gap: clamp(28px, 3.6vw, 56px);
    align-items: start;
}
.lb9-knjiga__korica { position: relative; }
.lb9-knjiga__korica .lb-cover { width: 100%; height: auto; }
.lb9-knjiga__badge { position: absolute; top: 10px; left: 10px; z-index: 2; }
.lb9-knjiga__cipovi { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 10px; }
.lb9-chip--eknjiga { background: #FBEAE4; border-color: #E3DCC8; color: #A82A16; }
.lb9-knjiga__naslov { font-size: clamp(30px, 3.2vw, 46px); }
.lb9-knjiga__autor { margin: 10px 0 0; font-size: 16px; }
.lb9-knjiga__autor a { color: var(--teal); font-weight: 600; }
.lb9-knjiga__autor a:hover { text-decoration: underline; }
.lb9-knjiga__opis { margin: 18px 0 0; font-size: 15px; line-height: 1.65; color: #4A443C; max-width: 58ch; }
.lb9-kupovina { margin-top: clamp(22px, 2.6vw, 32px); padding: 18px 20px; background: #fff; border: 1px solid var(--linija6); border-radius: 16px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; max-width: 560px; }
.lb9-kupovina__cena { font-family: var(--lb-cond); font-weight: 900; font-size: clamp(26px, 2.4vw, 34px); color: var(--mastilo6); }
.lb9-kupovina__stara { margin-left: 10px; color: #A79A82; font-size: 15px; }
.lb9-kupovina__forma { display: flex; align-items: center; gap: 12px; }
.lb9-kupovina__nema { color: var(--viola); font-weight: 600; margin: 0; }
.lb9-kolicina { display: inline-flex; align-items: center; border: 1px solid var(--linija6); border-radius: 999px; overflow: hidden; background: #fff; }
.lb9-kolicina button { width: 36px; height: 42px; border: 0; background: none; font-size: 17px; color: var(--mastilo6); }
.lb9-kolicina button:hover { background: #F2EDE1; }
.lb9-kolicina input { width: 40px; height: 42px; border: 0; text-align: center; font: 600 15px/1 inherit; color: var(--mastilo6); background: none; -moz-appearance: textfield; }
.lb9-kolicina input::-webkit-outer-spin-button, .lb9-kolicina input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.lb9-benefiti { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 8px; max-width: 56ch; }
.lb9-benefiti li { position: relative; padding-left: 22px; font-size: 14px; color: #4A443C; line-height: 1.5; }
.lb9-benefiti li::before { content: ''; position: absolute; left: 2px; top: 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--tirkiz); }
.lb9-benefiti a { color: var(--teal); font-weight: 600; }
.lb9-benefiti a:hover { text-decoration: underline; }
.lb9-izdanje { background: #fff; border: 1px solid var(--linija6); border-radius: 16px; padding: 22px 22px 18px; }
.lb9-izdanje__naslov { font-family: var(--lb-wide); font-weight: 600; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: #8B7F68; margin: 0 0 14px; }
.lb9-izdanje .lb7-izdanje li .k { color: #8B7F68; }
.lb9-izdanje .lb7-izdanje li .v { color: var(--mastilo6); }
.lb9-izdanje__autor { margin-top: 16px; display: inline-flex; }
.lb9-opis { padding: clamp(36px, 4.4vw, 64px) 0; background: #fff; }
.lb9-opis__grid { display: grid; grid-template-columns: minmax(200px, .8fr) minmax(0, 2fr); gap: clamp(24px, 3vw, 56px); }
.lb9-opis__tekst p { font-size: 15.5px; line-height: 1.75; color: #332E28; margin: 0 0 16px; max-width: 72ch; }
.lb9-srodne { padding: clamp(36px, 4.4vw, 64px) 0; }
.lb9-srodne--polica { background: #F4EFE4; }

/* ---------- Korpa ---------- */
.lb9-korpa { padding: clamp(36px, 4.6vw, 64px) 0 clamp(60px, 7vw, 96px); }
.lb9-korpa__grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr); gap: clamp(24px, 3vw, 48px); align-items: start; margin-top: clamp(22px, 2.6vw, 34px); }
.lb9-korpa__grupa { background: #fff; border: 1px solid var(--linija6); border-radius: 16px; padding: 6px 20px 10px; margin-bottom: 16px; }
.lb9-korpa__autor { font-size: 13px; color: #8B7F68; padding: 12px 0 10px; border-bottom: 1px dashed var(--linija6); margin: 0; }
.lb9-korpa__autor a, .lb9-korpa__autor strong { color: var(--teal); font-weight: 700; }
.lb9-korpa__autor a:hover { text-decoration: underline; }
.lb9-korpa__red { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto auto 30px; gap: 16px; align-items: center; padding: 14px 0; border-bottom: 1px solid #F1ECE0; }
.lb9-korpa__grupa .lb9-korpa__red:last-child { border-bottom: 0; }
.lb9-korpa__korica .lb-cover { width: 64px; height: auto; }
.lb9-korpa__info { display: grid; gap: 4px; min-width: 0; }
.lb9-korpa__ime { font-weight: 700; font-size: 15px; color: var(--mastilo6); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lb9-korpa__ime:hover { color: var(--teal); }
.lb9-korpa__cena-jed { font-size: 13px; color: #8B7F68; }
.lb9-korpa__zbir { font-weight: 700; font-size: 15px; color: var(--mastilo6); min-width: 86px; text-align: right; }
.lb9-korpa__ukloni { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; color: #A79A82; }
.lb9-korpa__ukloni:hover { background: #FBEAE4; color: var(--ruza); }
.lb9-korpa__akcije { display: flex; align-items: center; gap: 20px; margin-top: 6px; flex-wrap: wrap; }
.lb9-korpa__osvezi { padding: 11px 22px; font-size: 14px; }
.lb9-racun { background: #fff; border: 1px solid var(--linija6); border-radius: 16px; padding: 22px; position: sticky; top: 96px; }
.lb9-racun__naslov { font-family: var(--lb-wide); font-weight: 600; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: #8B7F68; margin: 0 0 14px; }
.lb9-racun .lb7-izdanje li .k { color: #4A443C; }
.lb9-racun .lb7-izdanje li .v { color: var(--mastilo6); }
.lb9-racun__ukupno { display: flex; align-items: baseline; justify-content: space-between; border-top: 2px solid var(--mastilo6); margin-top: 14px; padding-top: 14px; }
.lb9-racun__ukupno span { font-weight: 700; color: var(--mastilo6); }
.lb9-racun__ukupno strong { font-family: var(--lb-cond); font-weight: 900; font-size: 28px; color: var(--mastilo6); }
.lb9-racun__nota { font-size: 12.5px; color: #8B7F68; margin: 12px 0 0; line-height: 1.5; }
.lb9-racun__cta { width: 100%; justify-content: center; margin-top: 16px; }

/* Kartica: e-knjiga čip u tirkizu */
.lb-v6 .lb-card__cat--eknjiga { color: #C8901F; }

/* ---------- Responsive unutrašnje ---------- */
@media (max-width: 1100px) {
    .lb9-knjiga__grid { grid-template-columns: minmax(200px, 280px) minmax(0, 1fr); }
    .lb9-izdanje { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
    .lb9-korpa__grid { grid-template-columns: 1fr; }
    .lb9-racun { position: static; }
    .lb9-opis__grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .lb9-knjiga__grid { grid-template-columns: 1fr; }
    .lb9-knjiga__korica { max-width: 240px; }
    .lb9-korpa__red { grid-template-columns: 52px minmax(0, 1fr) auto; grid-template-areas: "korica info ukloni" "korica kolicina zbir"; row-gap: 8px; }
    .lb9-korpa__korica { grid-area: korica; }
    .lb9-korpa__info { grid-area: info; }
    .lb9-korpa__red .lb9-kolicina { grid-area: kolicina; justify-self: start; }
    .lb9-korpa__zbir { grid-area: zbir; }
    .lb9-korpa__ukloni { grid-area: ukloni; justify-self: end; }
    .lb9-listing__head { align-items: flex-start; flex-direction: column; }
}

/* ============================================================
   v8.2 — DIZAJN PROLAZ: rimske glave, polica debljine, kazalo,
   Glava VII (autori), footer iz jednog komada, stroga paleta
   ============================================================ */

/* ---------- Kicker: „Glava N · Naziv" ---------- */
.lb-v6 .lb4-chapter { display: inline-flex; align-items: center; gap: 12px; }
.lb-v6 .lb4-chapter strong { font-weight: 700; color: inherit; }
.lb4-chapter__sep { display: inline-block; width: 26px; height: 1px; background: currentColor; opacity: .45; }

/* ---------- Paleta: korekcije van-paletnih tonova ---------- */
/* Pokloni: papir sa tonom Old Gold umesto senfa */
.lb-v6 .lb4-pokloni { background: color-mix(in srgb, var(--zlato) 14%, #FFFDF4); }
.lb-v6 .lb4-pokloni .lb4-chapter { color: color-mix(in srgb, var(--zlato) 60%, var(--mastilo6)); }
/* Mali panel „zlato" = pun Old Gold, mastilo tekst */
.lb-v6 .lb7-slajd--zlato { background: var(--zlato); }
.lb-v6 .lb7-slajd--zlato .lb7-slajd__label { color: var(--viola); }
.lb-v6 .lb7-gslajd--zlato { background: var(--zlato); color: var(--mastilo6); }
.lb-v6 .lb7-gslajd--zlato .lb7-slajd__label { color: var(--viola); }
.lb-v6 .lb7-gslajd--zlato .lb7-gslajd__opis { color: rgba(21, 19, 15, .82); }
/* Blog „Svi tekstovi" bez starog petroleja */
.lb-v6 .lb4-ostali .naslov--svi { color: var(--ruza); }

/* ---------- Polica žanrova: debljina = broj naslova ---------- */
.lb-v6 .lb4-shelf { align-items: flex-end; }
.lb-v6 .lb4-spine {
    flex: 0 0 auto;
    transition: transform .25s ease, box-shadow .25s ease;
}
.lb-v6 .lb4-spine:hover { transform: translateY(-14px) rotate(-1.2deg); box-shadow: 0 18px 30px rgba(22, 20, 15, .25); }

/* ---------- Sadržaj: uredničko kazalo ---------- */
.lb8-toc__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: clamp(20px, 2.4vw, 32px); }
.lb8-toc__nota { max-width: 34ch; font-size: 13.5px; line-height: 1.55; color: #6E675E; margin: 0; text-align: right; }
.lb8-toc { list-style: none; margin: 0; padding: 0; counter-reset: kazalo; border-top: 2px solid var(--mastilo6); }
.lb8-toc li { border-bottom: 1px solid var(--linija6); }
.lb8-toc a {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) auto 40px;
    align-items: center;
    gap: clamp(14px, 2vw, 28px);
    padding: clamp(16px, 2vw, 24px) 6px;
    transition: background .25s ease, padding .25s ease;
}
.lb8-toc a:hover { background: #fff; padding-left: 18px; }
.lb8-toc__rb {
    font-family: var(--lb-wide);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .14em;
    color: var(--ruza);
}
.lb8-toc__naziv {
    font-family: var(--lb-cond);
    font-weight: 900;
    text-transform: uppercase;
    font-size: clamp(22px, 2.6vw, 38px);
    line-height: 1;
    color: var(--mastilo6);
    transition: color .25s ease;
}
.lb8-toc a:hover .lb8-toc__naziv { color: var(--ruza); }
.lb8-toc__broj { font-size: 13px; color: #6E675E; white-space: nowrap; }
.lb8-toc__broj strong { font-family: var(--lb-cond); font-weight: 900; font-size: 19px; color: var(--mastilo6); margin-right: 4px; }
.lb8-toc__strelica {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: 50%;
    border: 1px solid var(--linija6); color: var(--mastilo6);
    opacity: 0; transform: translateX(-8px);
    transition: opacity .25s ease, transform .25s ease, background .25s ease, color .25s ease;
}
.lb8-toc a:hover .lb8-toc__strelica { opacity: 1; transform: none; background: var(--mastilo6); border-color: var(--mastilo6); color: #fff; }

/* ---------- Glava VII: Librum za autore ---------- */
.lb-v6 .lb4-market { position: relative; overflow: hidden; }
.lb8-market__duh {
    position: absolute; top: clamp(8px, 1.6vw, 22px); left: 0; right: 0;
    overflow: hidden; pointer-events: none; white-space: nowrap;
}
.lb8-market__duh-track { display: inline-flex; animation: lb8-duh 46s linear infinite; }
.lb8-market__duh span {
    font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase;
    font-size: clamp(54px, 7vw, 110px); line-height: 1;
    color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, .16);
}
@keyframes lb8-duh { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .lb8-market__duh-track { animation: none; } }
.lb8-market__grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
    gap: clamp(30px, 4vw, 72px);
    align-items: center;
    padding-top: clamp(40px, 5vw, 76px);
}
.lb8-profil {
    display: flex; align-items: center; gap: 14px;
    margin-top: clamp(24px, 3vw, 40px);
    padding: 14px 18px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 16px;
    max-width: 420px;
    transition: background .25s ease, transform .25s ease;
}
.lb8-profil:hover { background: rgba(255, 255, 255, .16); transform: translateY(-2px); }
.lb8-profil__avatar {
    flex: 0 0 auto;
    width: 46px; height: 46px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: #fff; color: var(--ruza);
    font-family: var(--lb-cond); font-weight: 900; font-size: 21px;
}
.lb8-profil__telo { display: grid; gap: 2px; min-width: 0; }
.lb8-profil__ime { font-weight: 700; color: #fff; font-size: 15.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lb8-profil__meta { font-size: 12.5px; color: rgba(255, 255, 255, .75); }
.lb8-profil__cta {
    margin-left: auto; flex: 0 0 auto;
    width: 38px; height: 38px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: #fff; color: var(--ruza);
    transition: transform .25s ease;
}
.lb8-profil:hover .lb8-profil__cta { transform: translateX(3px); }
.lb8-koraci { list-style: none; margin: 0; padding: 0; position: relative; display: grid; gap: clamp(18px, 2.2vw, 28px); }
.lb8-korak {
    position: relative;
    display: flex; gap: 18px; align-items: flex-start;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 18px;
    padding: clamp(18px, 2vw, 26px);
    transition: background .25s ease, transform .25s ease, border-color .25s ease;
}
.lb8-korak:hover { background: rgba(255, 255, 255, .15); border-color: rgba(255, 255, 255, .35); transform: translateX(6px); }
.lb8-korak__rb {
    flex: 0 0 auto;
    font-family: var(--lb-cond); font-weight: 900; font-size: clamp(30px, 3vw, 44px); line-height: 1;
    color: transparent; -webkit-text-stroke: 1.6px rgba(255, 255, 255, .85);
    min-width: 52px;
}
.lb8-korak__telo { display: grid; gap: 6px; }
.lb8-korak__telo strong { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: clamp(17px, 1.6vw, 21px); color: #fff; letter-spacing: .01em; }
.lb8-korak__telo span { font-size: 13.5px; line-height: 1.55; color: rgba(255, 255, 255, .82); }
/* stagger otkrivanje koraka */
.lb-v6 .lb4-market .lb8-korak { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .2, 1), background .25s ease, border-color .25s ease; }
.lb-v6 .lb4-market.je-tu .lb8-korak { opacity: 1; transform: none; }
.lb-v6 .lb4-market.je-tu .lb8-korak:nth-child(1) { transition-delay: .1s; }
.lb-v6 .lb4-market.je-tu .lb8-korak:nth-child(2) { transition-delay: .22s; }
.lb-v6 .lb4-market.je-tu .lb8-korak:nth-child(3) { transition-delay: .34s; }
.lb-v6 .lb4-market.je-tu .lb8-korak:hover { transform: translateX(6px); }
@media (prefers-reduced-motion: reduce) {
    .lb-v6 .lb4-market .lb8-korak { opacity: 1; transform: none; transition: none; }
}
.lb-v6 .lb4-market__pubs { margin-top: clamp(30px, 3.6vw, 52px); }

/* ---------- Footer: jedna celina ---------- */
.lb8-footer { padding-top: clamp(44px, 5vw, 72px); }
.lb8-footer__glavni {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(0, 1.6fr);
    gap: clamp(32px, 4.6vw, 88px);
    padding-bottom: clamp(32px, 4vw, 52px);
}
.lb8-footer__brand p { margin: 16px 0 22px; font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, .72); max-width: 40ch; }
.lb8-footer__nl-label { display: block; font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; color: #fff; font-size: 17px; margin-bottom: 10px; }
.lb8-footer__nl-red { display: flex; }
.lb8-footer__kolone { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(18px, 2.4vw, 40px); }
.lb8-footer__mreza {
    display: flex; align-items: center; gap: clamp(18px, 2.4vw, 36px); flex-wrap: wrap;
    padding: clamp(18px, 2.2vw, 26px) 0;
    border-top: 1px solid rgba(255, 255, 255, .14);
}
.lb8-footer__mreza-label {
    font-family: var(--lb-wide); font-weight: 600; font-size: 10.5px;
    letter-spacing: .22em; text-transform: uppercase;
    color: var(--tirkiz); white-space: nowrap;
}
.lb8-footer__mreza-linkovi { display: flex; gap: clamp(16px, 2.4vw, 40px); flex-wrap: wrap; }
.lb8-footer__mreza-linkovi a { display: grid; gap: 1px; }
.lb8-footer__mreza-linkovi strong { font-size: 13.5px; font-weight: 700; color: #fff; transition: color .2s ease; }
.lb8-footer__mreza-linkovi span { font-size: 11.5px; color: rgba(255, 255, 255, .58); }
.lb8-footer__mreza-linkovi a:hover strong { color: var(--tirkiz); }
.lb8-footer .lb-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .14); }
/* polica: knjige centrirane na dasci */
.lb-v6 .lb4-shelf { justify-content: center; }
/* Footer newsletter: labela iznad pilule, pilula = red input+dugme */
.lb-v6 .lb8-footer .lb-newsletter { display: block; background: none; border: 0; padding: 0; border-radius: 0; }
.lb8-footer .lb8-footer__nl-red {
    display: flex; align-items: center;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    padding: 5px 5px 5px 18px;
    max-width: 360px;
}
.lb8-footer .lb8-footer__nl-red input { flex: 1; min-width: 0; border: 0; background: transparent; color: #fff; font: inherit; font-size: 14px; outline: none; }
.lb8-footer .lb8-footer__nl-red button {
    flex: 0 0 auto; border: 0; border-radius: 999px;
    padding: 10px 20px; font: 600 13.5px/1 inherit;
    background: var(--tirkiz); color: var(--teal-dub);
    transition: background .2s ease;
}
.lb8-footer .lb8-footer__nl-red button:hover { background: #fff; }
.lb8-footer .lb8-footer__nl-red button[disabled] { opacity: .6; cursor: progress; }
/* potvrda prijave na bilten: do sada je forma odlazila bez ijednog znaka */
.lb8-footer__nl-poruka { margin: 10px 0 0; font-size: 13px; color: var(--tirkiz); max-width: 360px; }
.lb8-footer__nl-poruka.je-greska { color: #ffb4a8; }

/* ============================================================
   v8.3 - SMIRIVANJE BOJA + KNJIGA NEDELJE + LIBRUM KLUB
   ============================================================ */

/* Manje obojenih blokova: špalir + Top lista u mastilo-teal familiji, Pokloni na belom */
.lb-v6 .lb4-spalir { background: var(--teal-dub); }
.lb-v6 .lb4-toplista { background: var(--teal-dub); }
.lb8-vidi button:hover { color: var(--teal-dub); }
.lb-v6 .lb4-pokloni { background: #fff; }
.lb-v6 .lb4-pokloni .lb4-chapter { color: var(--ruza); }

/* ---------- Knjiga nedelje: uramljena ploča ---------- */
.lb9-nedelje { padding: clamp(40px, 5vw, 76px) 0; background: var(--papir6); }
.lb9-nedelje__ploca {
    position: relative;
    background: #fff;
    border: 2px solid var(--mastilo6);
    border-radius: 22px;
    padding: clamp(30px, 3.8vw, 56px) clamp(24px, 3.4vw, 52px) clamp(26px, 3.2vw, 48px);
}
.lb9-nedelje__traka {
    position: absolute; top: 0; left: clamp(20px, 4vw, 52px);
    transform: translateY(-50%) rotate(-1.5deg);
    background: var(--ruza); color: #fff;
    font-family: var(--lb-wide); font-weight: 600;
    font-size: 12.5px; letter-spacing: .2em; text-transform: uppercase;
    padding: 11px 20px; border-radius: 8px;
    box-shadow: 0 10px 22px rgba(211, 59, 34, .32);
}
.lb9-nedelje__datum {
    position: absolute; top: 16px; right: clamp(20px, 3vw, 44px);
    font-family: var(--lb-wide); font-weight: 600;
    font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase;
    color: #A79A82;
}
.lb9-nedelje__grid {
    display: grid;
    grid-template-columns: minmax(190px, 260px) minmax(0, 1.35fr) minmax(220px, 300px);
    gap: clamp(26px, 3.6vw, 60px);
    align-items: center;
}
.lb9-nedelje__korica .lb-cover { width: 100%; height: auto; transform: rotate(-2deg); transition: transform .3s ease; }
.lb9-nedelje__korica:hover .lb-cover { transform: rotate(0deg) scale(1.02); }
.lb9-nedelje__naslov {
    font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase;
    font-size: clamp(30px, 3.4vw, 52px); line-height: .95;
    color: var(--mastilo6); margin: 0;
}
.lb9-nedelje__autor { font-family: var(--lb-display); font-style: italic; font-size: 19px; color: var(--teal); margin: 10px 0 0; }
.lb9-nedelje__opis { font-size: 14.5px; line-height: 1.65; color: #4A443C; margin: 14px 0 0; max-width: 52ch; }
.lb9-nedelje__red { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 20px; }
.lb9-nedelje__cena { font-family: var(--lb-cond); font-weight: 900; font-size: clamp(24px, 2.4vw, 34px); color: var(--mastilo6); }
.lb9-nedelje__izdanje { border-left: 1px dashed var(--linija6); padding-left: clamp(22px, 2.6vw, 40px); }
.lb9-nedelje__izdanje-naslov {
    font-family: var(--lb-wide); font-weight: 600; font-size: 10.5px;
    letter-spacing: .2em; text-transform: uppercase; color: #A79A82; margin: 0 0 12px;
}
.lb9-nedelje__izdanje .lb7-izdanje li .k { color: #8B7F68; }
.lb9-nedelje__izdanje .lb7-izdanje li .v { color: var(--mastilo6); }
.lb9-nedelje__vise { margin-top: 14px; }
@media (max-width: 1000px) {
    .lb9-nedelje__grid { grid-template-columns: minmax(150px, 200px) minmax(0, 1fr); }
    .lb9-nedelje__izdanje { grid-column: 1 / -1; border-left: 0; padding-left: 0; border-top: 1px dashed var(--linija6); padding-top: 20px; }
}

/* ---------- Librum klub ---------- */
.lb9-klub { padding: clamp(30px, 4vw, 60px) 0 clamp(44px, 5.4vw, 84px); background: var(--papir6); }
.lb9-klub__kartica {
    background: radial-gradient(110% 130% at 88% 8%, rgba(232, 160, 32, .18) 0%, rgba(232, 160, 32, 0) 55%), var(--teal);
    border-radius: 24px;
    padding: clamp(30px, 4vw, 60px);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: clamp(28px, 4vw, 64px);
    align-items: center;
    color: #fff;
}
.lb-v6 .lb9-klub .lb4-chapter { color: var(--tirkiz); }
.lb9-klub__naslov { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: clamp(34px, 3.8vw, 58px); line-height: .95; color: #fff; margin: 6px 0 0; }
.lb9-klub__sub { color: var(--pena); font-size: 15px; line-height: 1.6; margin: 14px 0 0; max-width: 44ch; }
.lb9-klub__cta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 22px; }
.lb9-klub__nota { font-size: 12.5px; color: rgba(255, 255, 255, .65); }
.lb9-klub__pogodnosti { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.lb9-klub__pogodnosti li {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 16px;
    padding: 18px 20px;
    display: grid; gap: 6px;
    transition: background .25s ease, transform .25s ease;
}
.lb9-klub__pogodnosti li:hover { background: rgba(255, 255, 255, .14); transform: translateY(-3px); }
.lb9-klub__pogodnosti strong { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: 18px; color: #fff; }
.lb9-klub__pogodnosti span { font-size: 13px; line-height: 1.55; color: rgba(255, 255, 255, .8); }

/* ============================================================
   v8.4 - MOBILNA POČETNA (native-like, <768px)
   ============================================================ */
.lbm { display: none; }
@media (max-width: 767px) {
    /* (mobilni sloj 11.08) staro sakrivanje desktop DOM-a uklonjeno: mobilne strane
       više ne dupliraju DOM, renderuje se samo mobilna varijanta (UA grananje) */
    .lbm {
        display: block;
        background: var(--papir6);
        min-height: 100dvh;
        padding-bottom: calc(88px + env(safe-area-inset-bottom));
    }

    /* Top bar */
    .lbm-top {
        position: sticky; top: 0; z-index: 60;
        display: flex; align-items: center; gap: 6px;
        padding: 8px 10px;
        background: rgba(247, 243, 233, .94);
        -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
        border-bottom: 1px solid var(--linija6);
    }
    .lbm-logo { font-family: var(--lb-cond); font-weight: 900; font-size: 21px; color: var(--mastilo6); letter-spacing: .01em; }
    .lbm-logo span { color: var(--ruza); }
    .lbm-top .lbm-logo { margin-right: auto; }
    .lbm-top__desno { display: flex; align-items: center; }
    .lbm-ikona {
        width: 44px; height: 44px;
        display: inline-flex; align-items: center; justify-content: center;
        border: 0; background: none; color: var(--mastilo6);
        border-radius: 12px; position: relative;
    }
    .lbm-ikona:active { background: #EDE7D9; }
    .lbm-badge {
        position: absolute; top: 3px; right: 1px;
        min-width: 17px; height: 17px; padding: 0 4px;
        border-radius: 9px; background: var(--ruza); color: #fff;
        font-size: 10.5px; font-weight: 700;
        display: inline-flex; align-items: center; justify-content: center;
    }
    .lbm-search { padding: 2px 12px 12px; background: rgba(247, 243, 233, .94); }
    .lbm-search input {
        width: 100%; height: 46px;
        border-radius: 999px; border: 1px solid var(--linija6);
        background: #fff; padding: 0 18px;
        font: 400 16px/1 inherit; color: var(--mastilo6);
    }

    /* Drawer */
    .lbm-dim { position: fixed; inset: 0; background: rgba(22, 20, 15, .5); z-index: 70; }
    .lbm-drawer {
        position: fixed; top: 0; bottom: 0; left: 0; z-index: 80;
        width: min(84vw, 340px);
        background: #fff;
        transform: translateX(-103%);
        transition: transform .28s cubic-bezier(.2, .7, .2, 1);
        display: flex; flex-direction: column;
        box-shadow: 0 0 60px rgba(0, 0, 0, .25);
        padding-top: env(safe-area-inset-top);
    }
    .lbm-drawer.je-otvoren { transform: none; }
    .lbm-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--linija6); }
    .lbm-drawer__nav { overflow-y: auto; padding: 8px 0 24px; }
    .lbm-drawer__nav a { display: block; padding: 13px 20px; font-weight: 700; font-size: 16px; color: var(--mastilo6); }
    .lbm-drawer__nav a:active { background: var(--papir6); }
    .lbm-drawer__grupa { padding: 0 0 6px; }
    .lbm-drawer__sub { font-weight: 500 !important; font-size: 14.5px !important; padding: 9px 20px 9px 34px !important; color: #4A443C !important; }
    .lbm-drawer__cta { margin: 14px 20px 0; background: var(--ruza); color: #fff !important; text-align: center; border-radius: 999px; }

    /* Hero: jedan baner po ekranu, svajp */
    .lbm-hero { padding-top: 12px; }
    .lbm-hero__track {
        display: flex; gap: 12px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        padding: 0 14px;
    }
    .lbm-hero__track::-webkit-scrollbar { display: none; }
    .lbm-slajd {
        flex: 0 0 88%;
        scroll-snap-align: center;
        min-height: 196px;
        border-radius: 20px;
        padding: 22px;
        display: flex; flex-direction: column; justify-content: center;
        color: #fff;
    }
    .lbm-slajd--teal { background: radial-gradient(110% 130% at 88% 8%, rgba(232, 160, 32, .18) 0%, rgba(232, 160, 32, 0) 55%), var(--teal); }
    .lbm-slajd--teal-dub { background: var(--teal-dub); }
    .lbm-slajd--rose { background: var(--ruza); }
    .lbm-slajd--viola { background: var(--viola); }
    .lbm-slajd--zlato { background: var(--zlato); color: var(--mastilo6); }
    .lbm-slajd--tirkiz { background: var(--tirkiz); color: #16140F; }
    .lbm-slajd__label { font-family: var(--lb-wide); font-weight: 600; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; opacity: .85; }
    .lbm-slajd__naslov { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: 24px; line-height: .95; margin: 8px 0 10px; display: block; }
    .lbm-slajd__link { font-weight: 700; font-size: 13.5px; opacity: .92; }
    .lbm-slajd__cena { display: inline-block; font-weight: 800; font-size: 15px; color: var(--zlato); margin-top: 4px; }
    .lbm-slajd--knjiga { flex-direction: row; align-items: center; gap: 16px; }
    .lbm-slajd__minikorica { flex: 0 0 auto; width: 74px; }
    .lbm-slajd__minikorica .lb-cover { width: 74px; height: auto; }
    .lbm-hero__dots { display: flex; justify-content: center; gap: 6px; padding: 12px 0 2px; }
    .lbm-hero__dots button { width: 7px; height: 7px; border-radius: 4px; border: 0; padding: 0; background: #D8CFBA; transition: all .25s ease; }
    .lbm-hero__dots .je-aktivna { background: var(--ruza); width: 18px; }

    /* Čipovi žanrova */
    .lbm-cipovi { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 14px; }
    .lbm-cipovi::-webkit-scrollbar { display: none; }
    .lbm-cip {
        flex: 0 0 auto; white-space: nowrap;
        padding: 9px 16px; border-radius: 999px;
        border: 1px solid var(--linija6); background: #fff;
        font-size: 13.5px; font-weight: 600; color: var(--mastilo6);
    }
    .lbm-cip.je-aktivna { background: var(--mastilo6); border-color: var(--mastilo6); color: #fff; }

    /* Sekcije: naslov + svajp red knjiga */
    .lbm-sekcija { padding: 12px 0 4px; }
    .lbm-sekcija__head { display: flex; align-items: baseline; justify-content: space-between; padding: 0 14px 10px; }
    .lbm-sekcija__head h2 { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: 22px; margin: 0; color: var(--mastilo6); }
    .lbm-sekcija__head a { font-size: 13px; font-weight: 700; color: var(--ruza); }
    .lbm-rail {
        display: flex; gap: 12px;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        padding: 0 14px 10px;
    }
    .lbm-rail::-webkit-scrollbar { display: none; }
    .lbm-rail > * { flex: 0 0 44vw; scroll-snap-align: start; min-width: 0; }
    .lbm-rail .lb-card { display: flex; flex-direction: column; height: 100%; }
    .lbm-rail .lb-card__body { display: flex; flex-direction: column; flex: 1; }
    .lbm-rail .lb-card__addrow { margin-top: auto; padding-top: 8px; }
    .lbm .lb4-chart-item::before { display: none; }

    /* Knjiga nedelje kompakt */
    .lbm-nedelje { margin: 18px 14px 8px; position: relative; }
    .lbm-nedelje__traka {
        position: absolute; top: -10px; left: 14px; z-index: 2;
        background: var(--ruza); color: #fff;
        font-family: var(--lb-wide); font-weight: 600;
        font-size: 10px; letter-spacing: .18em; text-transform: uppercase;
        padding: 7px 12px; border-radius: 6px;
        transform: rotate(-1.5deg);
    }
    .lbm-nedelje__kartica {
        display: flex; gap: 16px; align-items: center;
        background: #fff; border: 2px solid var(--mastilo6);
        border-radius: 18px; padding: 20px 16px 16px;
    }
    .lbm-nedelje__korica { flex: 0 0 auto; width: 96px; }
    .lbm-nedelje__korica .lb-cover { width: 96px; height: auto; }
    .lbm-nedelje__telo { display: grid; gap: 6px; min-width: 0; }
    .lbm-nedelje__naslov { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: 19px; line-height: 1; color: var(--mastilo6); }
    .lbm-nedelje__autor { font-size: 13px; color: #4A443C; }
    .lbm-nedelje__cena { font-weight: 800; font-size: 16px; color: var(--mastilo6); }
    .lbm-nedelje .lb-btn--mala { width: fit-content; margin-top: 4px; }

    /* Klub kompakt */
    .lbm-klub {
        margin: 18px 14px;
        background: radial-gradient(110% 130% at 88% 8%, rgba(232, 160, 32, .18) 0%, rgba(232, 160, 32, 0) 55%), var(--teal);
        border-radius: 20px;
        padding: 24px 20px;
        color: #fff;
        display: grid; gap: 12px;
        justify-items: start;
    }
    .lbm-klub__label { font-family: var(--lb-wide); font-weight: 600; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--tirkiz); }
    .lbm-klub h2 { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: 20px; line-height: 1.05; margin: 0; color: #fff; }

    /* Mini futer */
    .lbm-futer { padding: 24px 14px 8px; display: grid; gap: 12px; }
    .lbm-futer nav { display: flex; gap: 16px; flex-wrap: wrap; }
    .lbm-futer nav a { font-size: 13.5px; font-weight: 600; color: #4A443C; }
    .lbm-futer__c { font-size: 12px; color: #8B7F68; }

    /* Plutajuća donja navigacija */
    .lbm-nav {
        position: fixed; left: 12px; right: 12px;
        bottom: calc(10px + env(safe-area-inset-bottom));
        z-index: 65;
        display: flex;
        background: rgba(21, 19, 15, .95);
        -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
        border-radius: 999px;
        padding: 7px;
        box-shadow: 0 16px 40px rgba(22, 20, 15, .35);
    }
    .lbm-nav a, .lbm-nav button {
        flex: 1;
        display: flex; flex-direction: column; align-items: center; gap: 3px;
        padding: 7px 0 6px; min-height: 48px;
        border: 0; background: none; border-radius: 999px;
        color: rgba(255, 255, 255, .7);
        font-size: 10px; font-weight: 600; font-family: inherit;
        position: relative;
    }
    .lbm-nav a:active, .lbm-nav button:active { background: rgba(255, 255, 255, .1); }
    .lbm-nav .je-aktivna { color: #fff; }
    .lbm-nav .je-aktivna::after { content: ''; position: absolute; bottom: 3px; width: 4px; height: 4px; border-radius: 50%; background: var(--ruza); }
    .lbm-nav .lbm-badge { top: 2px; right: calc(50% - 18px); }
}
/* jača specifičnost: naslov kluba beo (v6 main h2 pravilo ga je gazilo) */
.lb-v6 main .lb9-klub__naslov { color: #fff; }

/* ============================================================
   v8.5 - 40 ODOBRENIH STAVKI (20 web + 20 mobile)
   ============================================================ */

/* Fokus prsten u brendu (a11y) */
:focus-visible { outline: 2px solid var(--tirkiz); outline-offset: 2px; border-radius: 4px; }

/* Hero kontrole: strelice + indikatori */
.lb7-kontrole {
    position: absolute; left: clamp(28px, 3.2vw, 56px); bottom: 18px; z-index: 3;
    display: flex; align-items: center; gap: 12px;
}
.lb7-kontrole button {
    width: 34px; height: 34px; border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .08);
    color: #fff; display: inline-flex; align-items: center; justify-content: center;
    transition: background .2s ease;
}
.lb7-kontrole button:hover { background: rgba(255, 255, 255, .22); }
.lb7-kontrole__ind { display: flex; gap: 6px; }
.lb7-kontrole__ind button { width: 7px; height: 7px; min-width: 0; padding: 0; border: 0; border-radius: 4px; background: rgba(255, 255, 255, .35); transition: all .25s ease; }
.lb7-kontrole__ind button.je-aktivna { background: #fff; width: 18px; }

/* Nastavi čitanje traka */
.lb-nastavi { background: var(--teal-dub); }
.lb-nastavi__red { display: flex; align-items: center; gap: 16px; padding: 12px 24px; flex-wrap: wrap; }
.lb-nastavi__label { font-family: var(--lb-wide); font-weight: 600; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--tirkiz); }
.lb-nastavi__naslov { font-weight: 700; color: #fff; font-size: 14.5px; }
.lb-nastavi__procenat { font-size: 12.5px; color: rgba(255, 255, 255, .65); }
.lb-nastavi .lb-btn--mala { margin-left: auto; padding: 8px 18px; }

/* Izlog filter fade + skrivanje */
[data-izlog-grid] .lb-card.je-skrivena { display: none; }
[data-izlog-grid].je-fade .lb-card:not(.je-skrivena) { animation: lb-fadein .35s ease both; }
@keyframes lb-fadein { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.lb5-prazno { grid-column: 1 / -1; font-size: 14.5px; color: #4A443C; padding: 18px 0; }
.lb5-prazno a { color: var(--ruza); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* Kartica: brzi pogled + druga slika + hover */
.lb-card__media { position: relative; }
.lb-card__brzi {
    position: absolute; left: 50%; bottom: 44px; transform: translate(-50%, 6px); z-index: 3;
    border: 0; border-radius: 999px; padding: 9px 16px;
    background: rgba(21, 19, 15, .88); color: #fff;
    font: 600 12.5px/1 inherit;
    opacity: 0; pointer-events: none;
    transition: opacity .22s ease, transform .22s ease;
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.lb-card:hover .lb-card__brzi, .lb-card:focus-within .lb-card__brzi { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
@media (hover: none) { .lb-card__brzi { display: none; } }
.lb-card__alt {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: contain; opacity: 0; transition: opacity .3s ease; pointer-events: none;
}
.lb-card:hover .lb-card__alt { opacity: 1; }

/* Trend bedževi (Top lista) */
.lb-trend {
    position: absolute; top: 8px; right: 8px; z-index: 3;
    font-size: 10.5px; font-weight: 800; letter-spacing: .06em;
    padding: 4px 8px; border-radius: 999px; text-transform: uppercase;
}
.lb-trend--gore { background: var(--tirkiz); color: #16140F; }
.lb-trend--dole { background: rgba(255, 255, 255, .18); color: #fff; }
.lb-trend--novo { background: var(--zlato); color: #16140F; }

/* Polica: tooltip */
.lb4-spine { position: relative; }
.lb4-spine::after {
    content: attr(data-tip);
    position: absolute; left: 50%; top: -38px; transform: translateX(-50%) scale(.9);
    background: var(--mastilo6); color: #fff;
    font-size: 11.5px; font-weight: 600; white-space: nowrap;
    padding: 6px 10px; border-radius: 8px;
    opacity: 0; pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
}
.lb4-spine:hover::after, .lb4-spine:focus-visible::after { opacity: 1; transform: translateX(-50%) scale(1); }
.lb4-spine--svi::after { display: none; }
.lb4-spine:focus-visible { transform: translateY(-14px); }

/* Kazalo: tirkizni progres */
.lb8-toc { position: relative; }
.lb8-toc::before {
    content: ''; position: absolute; left: -18px; top: 0; bottom: 0; width: 3px;
    background: var(--linija6); border-radius: 2px;
}
.lb8-toc::after {
    content: ''; position: absolute; left: -18px; top: 0; width: 3px;
    height: calc(var(--toc-p, 0) * 100%);
    background: var(--tirkiz); border-radius: 2px;
    transition: height .2s linear;
}

/* Knjiga nedelje: želja + arhiva */
.lb9-nedelje__zelja {
    display: inline-flex; align-items: center; gap: 8px;
    border: 1px solid var(--linija6); background: none; border-radius: 999px;
    padding: 11px 18px; font: 600 13.5px/1 inherit; color: var(--mastilo6);
    transition: all .2s ease;
}
.lb9-nedelje__zelja:hover { border-color: var(--ruza); color: var(--ruza); }
.lb9-nedelje__zelja.je-sacuvano { background: var(--ruza); border-color: var(--ruza); color: #fff; }
.lb9-nedelje__arhiva {
    display: flex; align-items: center; gap: 14px;
    margin-top: clamp(22px, 2.6vw, 34px); padding-top: clamp(16px, 2vw, 22px);
    border-top: 1px dashed var(--linija6);
}
.lb9-nedelje__arhiva > span { font-family: var(--lb-wide); font-weight: 600; font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: #A79A82; margin-right: 6px; }
.lb9-nedelje__arhiva a { width: 44px; transition: transform .2s ease; }
.lb9-nedelje__arhiva a:hover { transform: translateY(-4px); }
.lb9-nedelje__arhiva .lb-cover { width: 44px; height: auto; }

/* Glava VII: brojač */
.lb8-market__brojac { margin: 18px 0 0; font-size: 14px; color: rgba(255, 255, 255, .85); }
.lb8-market__brojac strong { font-family: var(--lb-cond); font-weight: 900; font-size: 22px; color: #fff; margin-right: 4px; }

/* Klub: čip */
.lb9-klub__cip {
    display: inline-block; margin: 12px 0 0;
    background: var(--zlato); color: #16140F;
    font-size: 12px; font-weight: 700;
    padding: 7px 14px; border-radius: 999px;
}

/* Header sticky CTA (pojavi se na skrol) */
.lb-header__cta { display: none; margin-right: 6px; padding: 9px 18px; font-size: 13px; }
@media (min-width: 1024px) {
    .lb-header.is-scrolled .lb-header__cta { display: inline-flex; animation: lb-fadein .3s ease both; }
}

/* Footer mikrointerakcije */
.lb8-footer .lb-footer__col a { transition: transform .18s ease, color .18s ease; display: inline-block; }
.lb8-footer .lb-footer__col a:hover { transform: translateX(4px); color: var(--tirkiz); }

/* Bedž puls */
.lb-count.je-puls, .lbm-badge.je-puls { animation: lb-puls .45s ease; }
@keyframes lb-puls { 0% { transform: scale(1); } 40% { transform: scale(1.45); } 100% { transform: scale(1); } }

/* Toast */
.lb-toast {
    position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 12px);
    z-index: 9000;
    background: var(--mastilo6); color: #fff;
    font-size: 14px; font-weight: 600;
    padding: 13px 22px; border-radius: 999px;
    box-shadow: 0 16px 40px rgba(22, 20, 15, .35);
    opacity: 0; transition: opacity .25s ease, transform .25s ease;
    max-width: min(92vw, 480px); text-align: center;
}
.lb-toast.je-tu { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 767px) { .lb-toast { bottom: calc(92px + env(safe-area-inset-bottom)); } }

/* Brzi pogled modal */
.lb-brzi { position: fixed; inset: 0; z-index: 8000; display: flex; align-items: center; justify-content: center; padding: 20px; }
.lb-brzi__dim { position: absolute; inset: 0; background: rgba(22, 20, 15, .55); }
.lb-brzi__kutija {
    position: relative; z-index: 1;
    display: grid; grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
    gap: clamp(20px, 3vw, 36px);
    background: #fff; border-radius: 20px;
    padding: clamp(24px, 3vw, 40px);
    max-width: 720px; width: 100%;
    max-height: 86vh; overflow: auto;
    box-shadow: 0 30px 80px rgba(22, 20, 15, .4);
    animation: lb-fadein .25s ease both;
}
.lb-brzi__x { position: absolute; top: 14px; right: 14px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: var(--papir6); color: var(--mastilo6); display: inline-flex; align-items: center; justify-content: center; }
.lb-brzi__x:hover { background: #EDE7D9; }
.lb-brzi__korica .lb-cover { width: 100%; height: auto; }
.lb-brzi__zanr { font-family: var(--lb-wide); font-weight: 600; font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--ruza); margin: 0 0 8px; }
.lb-brzi__naslov { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: clamp(24px, 2.6vw, 34px); line-height: .95; color: var(--mastilo6); margin: 0; }
.lb-brzi__autor { font-family: var(--lb-display); font-style: italic; font-size: 16px; color: var(--teal); margin: 8px 0 0; }
.lb-brzi__opis { font-size: 14px; line-height: 1.6; color: #4A443C; margin: 14px 0 0; }
.lb-brzi__red { display: flex; align-items: baseline; gap: 12px; margin-top: 16px; }
.lb-brzi__cena { font-family: var(--lb-cond); font-weight: 900; font-size: 26px; color: var(--mastilo6); }
.lb-brzi__stara { color: #A79A82; font-size: 14px; }
.lb-brzi__akcije { display: flex; align-items: center; gap: 18px; margin-top: 18px; flex-wrap: wrap; }
@media (max-width: 620px) { .lb-brzi__kutija { grid-template-columns: 1fr; } .lb-brzi__korica { max-width: 180px; } }

/* Scroll-spy */
.lb-spy {
    position: fixed; right: 18px; top: 50%; transform: translateY(-50%);
    z-index: 500; display: grid; gap: 10px;
}
.lb-spy a { display: flex; align-items: center; gap: 8px; flex-direction: row-reverse; }
.lb-spy i { width: 8px; height: 8px; border-radius: 50%; background: #C9BFA8; transition: all .25s ease; }
.lb-spy span {
    font-family: var(--lb-wide); font-weight: 600; font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase;
    color: var(--mastilo6); background: #fff; border: 1px solid var(--linija6); border-radius: 999px; padding: 4px 10px;
    opacity: 0; transform: translateX(6px); transition: all .2s ease; pointer-events: none; white-space: nowrap;
}
.lb-spy a:hover span { opacity: 1; transform: none; }
.lb-spy a.je-aktivna i { background: var(--ruza); transform: scale(1.4); }

/* ---------- Mobile v8.5 ---------- */
@media (max-width: 767px) {
    /* Tap scale na banere i kartice */
    .lbm-slajd:active, .lbm-nedelje__kartica:active, .lbm-autor:active { transform: scale(.98); transition: transform .12s ease; }

    /* Donja navigacija: sakrivanje + centralni FAB */
    .lbm-nav { transition: transform .28s cubic-bezier(.2, .7, .2, 1), opacity .28s ease; }
    .lbm-nav.je-skrivena { transform: translateY(calc(100% + 20px)); opacity: 0; pointer-events: none; }
    .lbm-nav__fab {
        flex: 0 0 62px; margin-top: -26px;
        background: var(--ruza) !important;
        border-radius: 50% !important;
        width: 62px; height: 62px; min-height: 62px;
        box-shadow: 0 10px 24px rgba(211, 59, 34, .45);
        color: #fff !important;
        justify-content: center;
    }
    .lbm-nav__fab span:not(.lbm-badge) { display: none; }
    .lbm-nav__fab .lbm-badge { top: 6px; right: 8px; background: #fff; color: var(--ruza); }

    /* Drawer: nalog na vrhu */
    .lbm-drawer__nalog { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--linija6); }
    .lbm-drawer__avatar {
        flex: 0 0 auto; width: 42px; height: 42px; border-radius: 50%;
        background: var(--teal); color: #fff;
        display: inline-flex; align-items: center; justify-content: center;
        font-family: var(--lb-cond); font-weight: 900; font-size: 18px;
    }
    .lbm-drawer__nalog-telo { display: grid; gap: 1px; min-width: 0; }
    .lbm-drawer__nalog-telo strong { font-size: 15px; color: var(--mastilo6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .lbm-drawer__nalog-telo span { font-size: 12px; color: #8B7F68; }

    /* Pretraga overlay */
    .lbm-trazi { position: fixed; inset: 0; z-index: 75; background: var(--papir6); padding: 10px 14px calc(20px + env(safe-area-inset-bottom)); overflow-y: auto; }
    .lbm-trazi__bar { display: flex; align-items: center; gap: 10px; position: sticky; top: 0; background: var(--papir6); padding: 4px 0 12px; }
    .lbm-trazi__bar form { flex: 1; }
    .lbm-trazi__bar input { width: 100%; height: 48px; border-radius: 999px; border: 1px solid var(--linija6); background: #fff; padding: 0 18px; font: 400 16px/1 inherit; color: var(--mastilo6); }
    .lbm-trazi__bar button { border: 0; background: none; font: 600 14px/1 inherit; color: var(--ruza); padding: 10px 4px; }
    .lbm-trazi__grupa { padding: 12px 0 4px; }
    .lbm-trazi__label { display: block; font-family: var(--lb-wide); font-weight: 600; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: #8B7F68; margin-bottom: 10px; }
    .lbm-trazi__cipovi { display: flex; gap: 8px; flex-wrap: wrap; }

    /* Rail kraj-kartica */
    .lbm-rail__kraj {
        flex: 0 0 34vw; scroll-snap-align: start;
        display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
        color: var(--mastilo6); font-size: 13px; font-weight: 700;
        border: 1px dashed #D8CFBA; border-radius: 16px;
        min-height: 200px;
    }
    .lbm-rail__kraj-krug { width: 44px; height: 44px; border-radius: 50%; background: var(--mastilo6); color: #fff; display: inline-flex; align-items: center; justify-content: center; }
    .lbm-rail__kraj:active { transform: scale(.97); }

    /* Skeleton korica */
    .lbm .lb-cover--img { background: linear-gradient(100deg, #EFE9DA 30%, #F8F4EA 50%, #EFE9DA 70%); background-size: 200% 100%; animation: lbm-shimmer 1.2s linear infinite; border-radius: 6px; }
    .lbm .lb-cover--img.je-ucitana { background: none; animation: none; }
    @keyframes lbm-shimmer { from { background-position: 130% 0; } to { background-position: -70% 0; } }

    /* Top lista rang bedž */
    .lbm-rang {
        position: absolute; top: -6px; left: -4px; z-index: 4;
        width: 26px; height: 26px; border-radius: 50%;
        background: var(--zlato); color: #16140F;
        font-family: var(--lb-cond); font-weight: 900; font-size: 14px;
        display: inline-flex; align-items: center; justify-content: center;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .18);
    }
    .lbm .lb4-chart-item { position: relative; }

    /* U korpu preko cele kartice */
    .lbm-rail .lb3-add { width: 100%; justify-content: center; border: 1px solid var(--linija6); border-radius: 999px; padding: 10px 0; }

    /* Nedelje: opis red */
    .lbm-nedelje__opis { font-size: 12.5px; line-height: 1.5; color: #4A443C; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

    /* Klub čipovi */
    .lbm-klub__cipovi { display: flex; gap: 8px; flex-wrap: wrap; }
    .lbm-klub__cipovi span { background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .22); color: #fff; font-size: 11.5px; font-weight: 600; padding: 6px 12px; border-radius: 999px; }

    /* Autori traka */
    .lbm-rail--autori > * { flex: 0 0 38vw; }
    .lbm-autor {
        display: flex; flex-direction: column; align-items: center; gap: 8px;
        background: #fff; border: 1px solid var(--linija6); border-radius: 16px;
        padding: 18px 12px; text-align: center;
    }
    .lbm-autor__avatar { width: 52px; height: 52px; border-radius: 50%; background: var(--teal); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-family: var(--lb-cond); font-weight: 900; font-size: 22px; }
    .lbm-autor__ime { font-weight: 700; font-size: 13.5px; color: var(--mastilo6); }
    .lbm-autor__meta { font-size: 11.5px; color: #8B7F68; }

    /* Futer mreža */
    .lbm-futer__mreza { display: flex; gap: 14px; flex-wrap: wrap; }
    .lbm-futer__mreza a { font-size: 12.5px; font-weight: 700; color: var(--teal); }


    /* PTR indikator */
    .lbm-ptr { position: fixed; top: 8px; left: 50%; transform: translateX(-50%) translateY(-60px); z-index: 66; transition: transform .15s ease; }
    .lbm-ptr.je-vuce { transform: translateX(-50%) translateY(calc(var(--ptr, 0) * 52px)); }
    .lbm-ptr span {
        display: block; width: 34px; height: 34px; border-radius: 50%;
        background: #fff; border: 2px solid var(--ruza);
        box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
        background-image: conic-gradient(var(--ruza) calc(var(--ptr, 0) * 360deg), transparent 0);
        -webkit-mask: radial-gradient(circle 10px, transparent 96%, #000 100%); mask: radial-gradient(circle 10px, transparent 96%, #000 100%);
    }

    /* Hero tačkice: safe-area fino */
    .lbm-hero__dots { padding-bottom: calc(2px + env(safe-area-inset-bottom) * .3); }

    /* Tamni mod mobilne početne */
    @media (prefers-color-scheme: dark) {
        .lbm { background: var(--teal-dub); }
        .lbm-top, .lbm-trazi__bar { background: rgba(22, 20, 15, .94); border-color: rgba(255, 255, 255, .12); }
        .lbm-top .lbm-logo, .lbm-ikona, .lbm-sekcija__head h2 { color: #fff; }
        .lbm-trazi { background: var(--teal-dub); }
        .lbm-trazi__bar input, .lbm-cip, .lbm-autor, .lbm-nedelje__kartica { background: #1E1B15; border-color: rgba(255, 255, 255, .14); color: #fff; }
        .lbm-cip { color: #F6EFE0; }
        .lbm-cip.je-aktivna { background: #fff; color: var(--teal-dub); border-color: #fff; }
        .lbm-nedelje__kartica { border-color: rgba(255, 255, 255, .3); }
        .lbm-nedelje__naslov, .lbm-autor__ime { color: #fff; }
        .lbm-nedelje__autor, .lbm-nedelje__opis, .lbm-autor__meta, .lbm-futer nav a, .lbm-futer__c { color: #C9BFA8; }
        .lbm-nedelje__cena { color: var(--zlato); }
        .lbm .lb-card__title a, .lbm .lb-card__author { color: #F6EFE0; }
        .lbm .lb-card__cat { color: var(--tirkiz); }
        .lbm-rail .lb3-add { border-color: rgba(255, 255, 255, .2); color: #fff; }
        .lbm-rail__kraj { border-color: rgba(255, 255, 255, .25); color: #fff; }
        .lbm-rail__kraj-krug { background: #fff; color: var(--teal-dub); }
        .lbm .lb-cover--img { background: linear-gradient(100deg, #1E1B15 30%, #24211A 50%, #1E1B15 70%); background-size: 200% 100%; }
        .lbm .lb-cover--img.je-ucitana { background: none; }
        .lbm-drawer, .lbm-drawer__head { background: #1E1B15; border-color: rgba(255, 255, 255, .12); }
        .lbm-drawer .lbm-logo, .lbm-drawer__nav a, .lbm-drawer__nalog-telo strong { color: #fff; }
        .lbm-drawer__sub { color: #C9BFA8 !important; }
        .lbm-drawer__nalog { border-color: rgba(255, 255, 255, .12); }
        .lbm-futer__mreza a { color: var(--tirkiz); }
    }
}
/* hidden mora da pobedi display:flex na modalu */
.lb-brzi[hidden] { display: none; }
/* hidden atribut UVEK pobedjuje (flex/grid display na klasama ga je gazio) */
[hidden] { display: none !important; }

/* ============================================================
   v8.6 - PREGLED KORISNIKA 08-10: header prati baner, bez strelica,
   Nastavi čitanje v2, Glava VII pregledna, blog kartice, klupska kartica
   ============================================================ */

/* Header prati liniju banera (1560px kao hero) */
.lb-header .lb-container { max-width: 1640px; }

/* Hero kontrole: samo tačkice (strelice uklonjene) */
.lb7-kontrole { left: clamp(28px, 3.2vw, 56px); bottom: 22px; }

/* ---------- Nastavi čitanje v2: kartica sa prstenom ---------- */
.lb-nastavi { background: transparent; padding-top: 14px; }
.lb-nastavi__kartica {
    display: flex; align-items: center; gap: 16px;
    background: #fff;
    border: 1px solid var(--linija6);
    border-radius: 999px;
    padding: 10px 12px 10px 10px;
    box-shadow: 0 12px 30px rgba(22, 20, 15, .08);
    max-width: 560px;
}
.lb-nastavi__prsten {
    flex: 0 0 auto;
    width: 46px; height: 46px; border-radius: 50%;
    background: conic-gradient(var(--tirkiz) calc(var(--deo, 0) * 360deg), #E8E2D2 0);
    display: inline-flex; align-items: center; justify-content: center;
    position: relative;
}
.lb-nastavi__prsten::before { content: ''; position: absolute; inset: 4px; border-radius: 50%; background: #fff; }
.lb-nastavi__prsten i { position: relative; font-style: normal; font-weight: 800; font-size: 11px; color: var(--mastilo6); }
.lb-nastavi__telo { display: grid; gap: 1px; min-width: 0; }
.lb-nastavi__label { font-family: var(--lb-wide); font-weight: 600; font-size: 9.5px; letter-spacing: .18em; text-transform: uppercase; color: #8B7F68; }
.lb-nastavi__naslov { font-weight: 700; font-size: 14.5px; color: var(--mastilo6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lb-nastavi__cta { margin-left: auto; flex: 0 0 auto; padding: 9px 20px; }
.lb-nastavi__x {
    flex: 0 0 auto;
    width: 34px; height: 34px; border: 0; border-radius: 50%;
    background: none; color: #A79A82;
    display: inline-flex; align-items: center; justify-content: center;
}
.lb-nastavi__x:hover { background: var(--papir6); color: var(--mastilo6); }

/* ---------- Glava VII: pregledno ---------- */
.lb8-korak { padding: clamp(22px, 2.4vw, 32px) clamp(22px, 2.4vw, 34px); }
.lb8-korak__kicker {
    font-family: var(--lb-wide); font-weight: 600;
    font-size: 10px; letter-spacing: .22em; text-transform: uppercase;
    color: var(--zlato);
}
.lb8-korak__telo { gap: 8px; }
.lb8-koraci { gap: clamp(16px, 2vw, 22px); }
.lb8-pubs { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: clamp(34px, 4vw, 56px); }
.lb8-pubs__label { font-family: var(--lb-wide); font-weight: 600; font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; color: rgba(255, 255, 255, .7); }
.lb8-pubs__cipovi { display: flex; gap: 10px; flex-wrap: wrap; }
.lb8-pubs__cip {
    display: inline-flex; align-items: center; gap: 9px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    padding: 7px 16px 7px 7px;
    color: #fff; font-weight: 600; font-size: 13.5px;
    transition: background .2s ease, transform .2s ease;
}
.lb8-pubs__cip:hover { background: rgba(255, 255, 255, .18); transform: translateY(-2px); }
.lb8-pubs__cip i {
    font-style: normal;
    width: 28px; height: 28px; border-radius: 50%;
    background: #fff; color: var(--ruza);
    display: inline-flex; align-items: center; justify-content: center;
    font-family: var(--lb-cond); font-weight: 900; font-size: 14px;
}

/* ---------- Iz čitaonice: uredničke kartice ---------- */
.lb-v6 .lb4-citaonica { background: var(--papir6); }
.lb9-blog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 24px); margin-top: clamp(22px, 2.6vw, 34px); }
.lb9-blog__kartica {
    display: flex; flex-direction: column;
    background: #fff; border: 1px solid var(--linija6); border-radius: 18px;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
}
.lb9-blog__kartica:hover { transform: translateY(-6px); box-shadow: 0 22px 44px rgba(22, 20, 15, .12); }
.lb9-blog__vizual {
    position: relative;
    min-height: 132px;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
}
.lb9-blog__vizual i {
    font-family: var(--lb-display); font-style: italic;
    font-size: 92px; line-height: 1;
    opacity: .9; transform: translateY(6px);
    transition: transform .3s ease;
}
.lb9-blog__kartica:hover .lb9-blog__vizual i { transform: translateY(0) scale(1.06); }
.lb9-blog__datum {
    position: absolute; top: 12px; left: 12px;
    background: rgba(255, 255, 255, .92); color: var(--mastilo6);
    font-family: var(--lb-wide); font-weight: 600;
    font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase;
    padding: 6px 10px; border-radius: 999px;
}
.lb9-blog__telo { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px 20px; flex: 1; }
.lb9-blog__naslov { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: 20px; line-height: 1.02; color: var(--mastilo6); }
.lb9-blog__kartica:hover .lb9-blog__naslov { color: var(--ruza); }
.lb9-blog__tekst { font-size: 13.5px; line-height: 1.55; color: #4A443C; }
.lb9-blog__vise { margin-top: auto; display: inline-flex; align-items: center; gap: 7px; font-weight: 700; font-size: 13px; color: var(--ruza); }

/* ---------- Klub: klupska kartica + pogodnosti lista ---------- */
.lb9-klub__kartica { grid-template-columns: minmax(0, 1.05fr) minmax(240px, .75fr) minmax(0, 1fr); }
.lb9-klub__clanska { display: flex; justify-content: center; }
.lb9-clanska {
    width: min(300px, 100%);
    aspect-ratio: 1.586;
    border-radius: 16px;
    background:
        radial-gradient(120% 140% at 12% 0%, rgba(232, 160, 32, .25) 0%, rgba(232, 160, 32, 0) 55%),
        linear-gradient(135deg, #16140F 0%, #24211A 60%, #2C2820 100%);
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: 0 24px 50px rgba(0, 0, 0, .35);
    transform: rotate(-5deg);
    padding: 18px 20px;
    display: flex; flex-direction: column;
    color: #fff;
    transition: transform .35s ease;
}
.lb9-klub__kartica:hover .lb9-clanska { transform: rotate(-2deg) translateY(-4px); }
.lb9-clanska__brend { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: 17px; letter-spacing: .02em; }
.lb9-clanska__brend em { font-family: var(--lb-display); font-style: italic; text-transform: none; color: var(--zlato); }
.lb9-clanska__cip { display: block; width: 34px; height: 24px; border-radius: 6px; background: linear-gradient(135deg, var(--zlato), #d8c945); margin-top: 12px; }
.lb9-clanska__ime { margin-top: auto; font-weight: 700; font-size: 15px; letter-spacing: .04em; }
.lb9-clanska__meta { display: flex; justify-content: space-between; font-size: 10.5px; color: rgba(255, 255, 255, .65); margin-top: 4px; font-family: var(--lb-wide); letter-spacing: .1em; text-transform: uppercase; }
.lb9-clanska__kod { display: flex; align-items: flex-end; gap: 2px; margin-top: 10px; opacity: .8; }
.lb9-clanska__kod i { width: 2px; background: #fff; display: block; }
.lb9-klub__pogodnosti { display: grid; grid-template-columns: 1fr; gap: 0; }
.lb9-klub__pogodnosti li {
    background: none; border: 0; border-radius: 0;
    border-top: 1px solid rgba(255, 255, 255, .16);
    padding: 15px 2px;
    display: flex; gap: 14px; align-items: baseline;
    transition: none; transform: none;
}
.lb9-klub__pogodnosti li:first-child { border-top: 0; }
.lb9-klub__pogodnosti li:hover { background: none; transform: none; }
.lb9-klub__rb { font-family: var(--lb-wide); font-weight: 600; font-size: 11px; letter-spacing: .14em; color: var(--tirkiz); min-width: 24px; }
.lb9-klub__pogodnosti strong { display: block; font-size: 15px; margin-bottom: 2px; }
.lb9-klub__pogodnosti li > span:last-child { display: block; }
@media (max-width: 1100px) {
    .lb9-klub__kartica { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .lb9-klub__clanska { order: 3; grid-column: 1 / -1; padding-top: 10px; }
}
@media (max-width: 900px) { .lb9-blog { grid-template-columns: 1fr; } }
/* Kicker separator: obična crtica "-" umesto linije (zahtev korisnika) */
.lb4-chapter__sep { width: auto; height: auto; background: none; opacity: .55; }
.lb4-chapter__sep::before { content: '-'; }
/* „Na policama": pokretna traka SVIH autora */
.lb8-pubs { flex-wrap: nowrap; overflow: hidden; }
.lb8-pubs__label { flex: 0 0 auto; }
.lb8-pubs__traka {
    flex: 1; min-width: 0; overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
}
.lb8-pubs__track { display: inline-flex; white-space: nowrap; animation: lb8-pubs-mars 70s linear infinite; }
.lb8-pubs__track:hover { animation-play-state: paused; }
.lb8-pubs__deo { display: inline-flex; gap: 10px; padding-right: 10px; }
@keyframes lb8-pubs-mars { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
    .lb8-pubs__track { animation: none; }
    .lb8-pubs__deo[aria-hidden] { display: none; }
    .lb8-pubs__traka { -webkit-mask-image: none; mask-image: none; }
    .lb8-pubs__deo { flex-wrap: wrap; white-space: normal; }
}

/* ============================================================
   v8.7 - STRANA KNJIGE v2 (Laguna referenca) + tračice isporuke
   ============================================================ */

/* Tračice isporuke na karticama */
.lb-card__isporuka {
    position: absolute; left: 8px; bottom: 8px; z-index: 2;
    font-size: 10px; font-weight: 700; letter-spacing: .04em;
    padding: 5px 9px; border-radius: 999px;
    background: rgba(255, 255, 255, .92); color: var(--mastilo6);
}
.lb-card__isporuka--digitalno { background: var(--tirkiz); color: #16140F; }

/* Raspored strane knjige: korica | sredina | kupovina */
.lb10-grid {
    display: grid;
    grid-template-columns: minmax(200px, 300px) minmax(0, 1.4fr) minmax(260px, 330px);
    gap: clamp(28px, 3.4vw, 56px);
    align-items: start;
}
.lb10-korica { position: relative; }
.lb10-korica .lb-cover { width: 100%; height: auto; }
.lb10-isporuka {
    display: block; margin-top: 14px; text-align: center;
    font-size: 12.5px; font-weight: 700;
    padding: 9px 12px; border-radius: 999px;
    background: #fff; border: 1px solid var(--linija6); color: var(--mastilo6);
}
.lb10-isporuka--digitalno { background: var(--tirkiz); border-color: var(--tirkiz); color: #16140F; }

/* Meta red: zvezde, rang */
.lb10-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 14px 0 0; }
.lb10-zvezde { display: inline-flex; align-items: center; gap: 2px; color: var(--zlato); }
.lb10-zvezde strong { margin-left: 6px; color: var(--mastilo6); font-size: 14px; }
.lb10-zvezde a { margin-left: 4px; font-size: 13px; color: #6E675E; }
.lb10-zvezde a:hover { color: var(--ruza); }
.lb10-zvezde--male svg { width: 12px; height: 12px; }
.lb10-prva-ocena { font-size: 13.5px; font-weight: 600; color: var(--ruza); }
.lb10-rang {
    font-family: var(--lb-wide); font-weight: 600; font-size: 10.5px;
    letter-spacing: .12em; text-transform: uppercase;
    background: var(--mastilo6); color: #fff;
    padding: 6px 12px; border-radius: 999px;
}

/* Tabovi */
.lb10-tabovi { display: flex; gap: 4px; border-bottom: 2px solid var(--linija6); margin-top: clamp(20px, 2.4vw, 30px); }
.lb10-tabovi button {
    border: 0; background: none;
    font: 700 14px/1 inherit; color: #6E675E;
    padding: 12px 16px 14px;
    position: relative; margin-bottom: -2px;
    border-bottom: 2px solid transparent;
    transition: color .2s ease, border-color .2s ease;
}
.lb10-tabovi button:hover { color: var(--mastilo6); }
.lb10-tabovi button.je-aktivan { color: var(--mastilo6); border-bottom-color: var(--ruza); }
.lb10-tab { display: none; padding-top: clamp(18px, 2.2vw, 26px); }
.lb10-tab.je-aktivan { display: block; }
.lb10-citat { font-family: var(--lb-display); font-style: italic; font-size: clamp(18px, 1.8vw, 23px); line-height: 1.4; color: var(--teal); margin: 0 0 14px; }
.lb10-opis p { font-size: 14.5px; line-height: 1.7; color: #332E28; margin: 0 0 14px; max-width: 68ch; }
.lb10-opis[data-opis-skracen] { max-height: 180px; overflow: hidden; position: relative; }
.lb10-opis[data-opis-skracen]::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background: linear-gradient(180deg, transparent, var(--papir6)); }
.lb10-vise { margin-top: 4px; }
.lb10-detalji { max-width: 460px; }
.lb10-detalji li .k { color: #8B7F68; }
.lb10-detalji li .v { color: var(--mastilo6); }
.lb10-bez-ocena p { font-size: 14.5px; color: #4A443C; margin: 0 0 12px; }
.lb10-bez-ocena__nota { font-size: 13px; color: #8B7F68; }
.lb10-ocene { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; max-width: 620px; }
.lb10-ocene li { border-top: 1px solid var(--linija6); padding: 16px 0; }
.lb10-ocene li:first-child { border-top: 0; padding-top: 0; }
.lb10-ocene__vrh { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 6px; }
.lb10-ocene__vrh strong { font-size: 14px; color: var(--mastilo6); }
.lb10-ocene p { font-size: 14px; line-height: 1.6; color: #332E28; margin: 0; }

/* Sidebar kupovine */
.lb10-kupi { position: sticky; top: 96px; }
.lb10-kupi__kartica {
    position: relative;
    background: #fff; border: 1px solid var(--linija6); border-radius: 18px;
    padding: 22px;
    box-shadow: 0 16px 40px rgba(22, 20, 15, .07);
}
.lb10-kupi__bedz {
    position: absolute; top: -12px; right: 18px;
    background: var(--ruza); color: #fff;
    font-weight: 800; font-size: 13px;
    padding: 6px 12px; border-radius: 999px;
}
.lb10-format { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 18px; }
.lb10-format__opcija {
    display: grid; gap: 2px; text-align: center;
    border: 1.5px solid var(--linija6); border-radius: 12px;
    padding: 10px 8px;
    transition: border-color .2s ease, background .2s ease;
}
.lb10-format__opcija strong { font-size: 13.5px; color: var(--mastilo6); }
.lb10-format__opcija span { font-size: 12.5px; color: #6E675E; }
.lb10-format__opcija.je-aktivna { border-color: var(--mastilo6); background: var(--papir6); pointer-events: none; }
.lb10-format__opcija:hover:not(.je-aktivna) { border-color: var(--ruza); }
.lb10-kupi__cena-label { font-family: var(--lb-wide); font-weight: 600; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: #8B7F68; margin: 0 0 4px; }
.lb10-kupi__cena { font-family: var(--lb-cond); font-weight: 900; font-size: 34px; line-height: 1; color: var(--mastilo6); margin: 0 0 16px; }
.lb10-kupi__cena s { font-family: inherit; font-weight: 400; font-size: 15px; color: #A79A82; margin-left: 10px; }
.lb10-kupi__forma { display: flex; gap: 10px; }
.lb10-kupi__cta { flex: 1; justify-content: center; }
.lb10-kupi__zelja {
    width: 100%; margin-top: 10px;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    border: 1px solid var(--linija6); background: none; border-radius: 999px;
    padding: 11px 18px; font: 600 13.5px/1 inherit; color: var(--mastilo6);
    transition: all .2s ease;
}
.lb10-kupi__zelja:hover { border-color: var(--ruza); color: var(--ruza); }
.lb10-kupi__zelja.je-sacuvano { background: var(--ruza); border-color: var(--ruza); color: #fff; }
.lb10-kupi__note { list-style: none; margin: 16px 0 0; padding: 14px 0 0; border-top: 1px dashed var(--linija6); display: grid; gap: 7px; }
.lb10-kupi__note li { position: relative; padding-left: 18px; font-size: 12.5px; line-height: 1.5; color: #4A443C; }
.lb10-kupi__note li::before { content: ''; position: absolute; left: 2px; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--tirkiz); }
.lb10-kupi__note a { color: var(--teal); font-weight: 600; }

/* Autor blok */
.lb10-autor { background: #fff; padding: clamp(36px, 4.4vw, 64px) 0; }
.lb10-autor__grid { display: grid; grid-template-columns: minmax(280px, .9fr) minmax(0, 1.4fr); gap: clamp(28px, 4vw, 72px); align-items: start; }
.lb10-autor__avatar {
    width: 72px; height: 72px; border-radius: 50%;
    background: var(--teal); color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-family: var(--lb-cond); font-weight: 900; font-size: 32px;
}
.lb10-autor__ime { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: clamp(24px, 2.6vw, 36px); color: var(--mastilo6); margin: 14px 0 0; }
.lb10-autor__meta { font-size: 12.5px; color: #8B7F68; margin: 6px 0 0; }
.lb10-autor__tekst { font-size: 14px; line-height: 1.7; color: #4A443C; margin: 14px 0 16px; }
.lb10-autor__knjige { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); }
.lb10-autor__knjige > * { min-width: 0; }

/* Poslednje pogledano */
.lb10-pogledano { padding: clamp(30px, 4vw, 56px) 0 clamp(50px, 6vw, 84px); }
.lb10-pogledano__red { display: flex; gap: 16px; overflow-x: auto; scrollbar-width: none; padding-bottom: 6px; }
.lb10-pogledano__red::-webkit-scrollbar { display: none; }
.lb10-pogledano__kartica {
    flex: 0 0 150px; display: grid; gap: 4px;
    transition: transform .2s ease;
}
.lb10-pogledano__kartica:hover { transform: translateY(-4px); }
.lb10-pogledano__kartica img { width: 100%; height: auto; border-radius: 8px; }
.lb10-pogledano__naslov { font-weight: 700; font-size: 13px; color: var(--mastilo6); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lb10-pogledano__autor { font-size: 11.5px; color: #8B7F68; }
.lb10-pogledano__cena { font-weight: 800; font-size: 13px; color: var(--mastilo6); }

/* Korpa: pošiljke + tip grupe */
.lb9-posiljke {
    margin-top: 18px;
    background: #fff; border: 1.5px solid var(--zlato); border-radius: 14px;
    padding: 14px 18px;
    display: grid; gap: 3px;
    max-width: 720px;
}
.lb9-posiljke strong { font-size: 14.5px; color: var(--mastilo6); }
.lb9-posiljke span { font-size: 13px; line-height: 1.5; color: #4A443C; }
.lb9-digitalno-nota { margin: 12px 0 0; font-size: 13px; color: #4A443C; }
.lb9-digitalno-nota a { color: var(--teal); font-weight: 700; }
.lb9-korpa__tip {
    margin-left: 8px;
    font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
    background: var(--papir6); border: 1px solid var(--linija6);
    padding: 4px 9px; border-radius: 999px; color: #6E675E;
}
.lb9-korpa__tip--digitalno { background: var(--tirkiz); border-color: var(--tirkiz); color: #16140F; }

@media (max-width: 1100px) {
    .lb10-grid { grid-template-columns: minmax(180px, 240px) minmax(0, 1fr); }
    .lb10-kupi { grid-column: 1 / -1; position: static; }
    .lb10-autor__grid { grid-template-columns: 1fr; }
}

/* ============================================================
   v8.8 - TOP-LISTE, AUTOR NEDELJE, UREDNIČKI IZBORI, USKORO,
   KLUPSKA CENA, ZVEZDICE (samo web)
   ============================================================ */

/* Kartica: Uskoro bedž, zvezdice, klupska */
.lb-card__badge--uskoro { background: var(--viola); color: #fff; }
.lb-card__ocena { display: inline-flex; align-items: center; gap: 1px; color: var(--zlato); margin-top: 4px; }
.lb-card__ocena em { font-style: normal; font-weight: 700; font-size: 11.5px; color: var(--mastilo6); margin-left: 5px; }
.lb-card__klub { display: block; margin-top: 3px; font-size: 12px; font-weight: 700; color: color-mix(in srgb, var(--zlato) 62%, var(--mastilo6)); }
.lb3-add--uskoro { border: 0; background: none; font: inherit; color: var(--viola); font-weight: 700; display: inline-flex; align-items: center; gap: 7px; }
.lb3-add--uskoro:hover { color: var(--ruza); }

/* Strana knjige: klupska + izlazi */
.lb10-kupi__klub { margin: -8px 0 14px; font-size: 13px; color: #6E675E; }
.lb10-kupi__klub strong { color: color-mix(in srgb, var(--zlato) 62%, var(--mastilo6)); font-size: 15px; }
.lb10-kupi__klub span { display: block; font-size: 11.5px; color: #A79A82; }
.lb10-kupi__izlazi { margin: 0 0 12px; font-weight: 700; font-size: 14.5px; color: var(--viola); }

/* Top-liste strana */
.lb11-hero { padding: clamp(36px, 4.6vw, 64px) 0 clamp(10px, 1.6vw, 20px); }
.lb11-hero__sub { margin: 12px 0 0; font-size: 15px; color: #4A443C; max-width: 52ch; }
.lb11-pastel { padding: clamp(20px, 2.6vw, 34px) 0; }
.lb11-pastel__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); }
.lb11-panel {
    display: grid; gap: 12px; align-content: start;
    border-radius: 20px; padding: clamp(20px, 2.4vw, 30px);
    transition: transform .25s ease, box-shadow .25s ease;
}
.lb11-panel:hover { transform: translateY(-5px); box-shadow: 0 22px 44px rgba(22, 20, 15, .12); }
.lb11-panel__ime { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: clamp(20px, 2vw, 27px); line-height: 1; }
.lb11-panel__opis { font-size: 12.5px; color: #4A443C; margin-top: -6px; }
.lb11-panel__vrh { display: flex; align-items: center; gap: 14px; }
.lb11-panel__broj { font-family: var(--lb-cond); font-weight: 900; font-size: clamp(44px, 4.6vw, 64px); line-height: 1; }
.lb11-panel__korica { width: 74px; flex: 0 0 auto; }
.lb11-panel__korica .lb-cover { width: 74px; height: auto; }
.lb11-panel__prva { display: grid; gap: 2px; min-width: 0; }
.lb11-panel__prva strong { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: 16px; line-height: 1.02; color: var(--mastilo6); }
.lb11-panel__prva em { font-style: normal; font-size: 12px; color: #4A443C; }
.lb11-panel__redovi { display: grid; gap: 7px; }
.lb11-panel__red { display: flex; align-items: baseline; gap: 10px; font-size: 13px; font-weight: 600; color: var(--mastilo6); }
.lb11-panel__red i { font-style: normal; font-family: var(--lb-cond); font-weight: 900; font-size: 15px; color: #A79A82; min-width: 14px; }
.lb11-panel .lb-link { font-size: 13px; }
.lb11-liste { padding: clamp(16px, 2vw, 28px) 0 clamp(50px, 6vw, 90px); }
.lb11-tabovi { display: flex; gap: 8px; flex-wrap: wrap; border-bottom: 2px solid var(--linija6); margin-bottom: clamp(20px, 2.6vw, 32px); }
.lb11-tabovi button {
    border: 0; background: none;
    font: 700 14.5px/1 inherit; color: #6E675E;
    padding: 12px 16px 14px; margin-bottom: -2px;
    border-bottom: 2px solid transparent;
    transition: color .2s ease, border-color .2s ease;
}
.lb11-tabovi button:hover { color: var(--mastilo6); }
.lb11-tabovi button.je-aktivan { color: var(--mastilo6); border-bottom-color: var(--ruza); }
.lb11-lista { display: none; }
.lb11-lista.je-aktivan { display: block; }
.lb11-stavka { position: relative; }
.lb11-rang {
    position: absolute; top: -8px; left: -8px; z-index: 4;
    width: 34px; height: 34px; border-radius: 50%;
    background: #fff; border: 2px solid var(--mastilo6); color: var(--mastilo6);
    font-family: var(--lb-cond); font-weight: 900; font-size: 16px;
    display: inline-flex; align-items: center; justify-content: center;
}
.lb11-rang--vrh { background: var(--zlato); border-color: var(--zlato); color: #16140F; }

/* Autor nedelje: ploča kao pandan Knjizi nedelje */
.lb11-autorned { padding: clamp(30px, 4vw, 60px) 0; background: var(--papir6); }
.lb11-autorned__ploca {
    position: relative;
    background: #fff; border: 2px solid var(--mastilo6); border-radius: 22px;
    padding: clamp(28px, 3.4vw, 48px) clamp(24px, 3.2vw, 48px);
}
.lb11-autorned__traka {
    position: absolute; top: 0; left: clamp(20px, 4vw, 52px);
    transform: translateY(-50%) rotate(-1.5deg);
    background: var(--teal); color: #fff;
    font-family: var(--lb-wide); font-weight: 600;
    font-size: 12.5px; letter-spacing: .2em; text-transform: uppercase;
    padding: 11px 20px; border-radius: 8px;
    box-shadow: 0 10px 22px rgba(36, 33, 26, .3);
}
.lb11-autorned__grid { display: grid; grid-template-columns: minmax(280px, .9fr) minmax(0, 1.3fr); gap: clamp(26px, 3.6vw, 64px); align-items: center; }
.lb11-autorned__avatar {
    width: 64px; height: 64px; border-radius: 50%;
    background: var(--teal); color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-family: var(--lb-cond); font-weight: 900; font-size: 28px;
}
.lb11-autorned__ime { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: clamp(26px, 2.8vw, 40px); line-height: .95; color: var(--mastilo6); margin: 14px 0 0; }
.lb11-autorned__meta { font-size: 12.5px; color: #8B7F68; margin: 6px 0 0; }
.lb11-autorned__bio { font-size: 14px; line-height: 1.65; color: #4A443C; margin: 12px 0 18px; }
.lb11-autorned__knjige { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); }
.lb11-autorned__knjige > * { min-width: 0; }

/* Uredničke kartice */
.lb11-izbori { padding: clamp(24px, 3.2vw, 48px) 0; background: #fff; }
.lb11-izbori__red { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: clamp(14px, 2vw, 24px); }
.lb11-izbori__red--jedan { grid-template-columns: minmax(240px, 420px); justify-content: center; }
.lb11-izbor {
    position: relative;
    display: grid; justify-items: center; gap: 6px;
    border-radius: 20px;
    padding: 48px 24px 26px;
    text-align: center;
    color: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}
.lb11-izbor:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(22, 20, 15, .18); }
.lb11-izbor--teal { background: radial-gradient(110% 130% at 88% 8%, rgba(232, 160, 32, .18) 0%, rgba(232, 160, 32, 0) 55%), var(--teal); }
.lb11-izbor--teal-dub { background: var(--teal-dub); }
.lb11-izbor--rose { background: var(--ruza); }
.lb11-izbor--viola { background: var(--viola); }
.lb11-izbor--zlato { background: var(--zlato); color: var(--mastilo6); }
.lb11-izbor--tirkiz { background: var(--tirkiz); color: #16140F; }
.lb11-izbor__traka {
    position: absolute; top: 0; left: 50%;
    transform: translate(-50%, -50%) rotate(-1.5deg);
    background: #fff; color: var(--mastilo6);
    font-family: var(--lb-wide); font-weight: 600;
    font-size: 11px; letter-spacing: .18em; text-transform: uppercase;
    padding: 9px 16px; border-radius: 8px;
    box-shadow: 0 8px 20px rgba(22, 20, 15, .2);
    white-space: nowrap;
}
.lb11-izbor__korica { position: relative; width: min(150px, 46%); }
.lb11-izbor__korica .lb-cover { width: 100%; height: auto; }
.lb11-izbor__pecat {
    position: absolute; right: -14px; bottom: -10px;
    font-style: normal;
    width: 52px; height: 52px; border-radius: 50%;
    background: var(--ruza); color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-family: var(--lb-cond); font-weight: 900; font-size: 16px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
    transform: rotate(8deg);
}
.lb11-izbor--rose .lb11-izbor__pecat { background: #fff; color: var(--ruza); }
.lb11-izbor__naslov { font-family: var(--lb-cond); font-weight: 900; text-transform: uppercase; font-size: clamp(18px, 1.8vw, 24px); line-height: 1; margin-top: 10px; }
.lb11-izbor__autor { font-family: var(--lb-display); font-style: italic; font-size: 14px; opacity: .85; }
.lb11-izbor__cena { font-weight: 800; font-size: 16px; margin-top: 2px; }
.lb11-izbor--teal .lb11-izbor__cena, .lb11-izbor--teal-dub .lb11-izbor__cena { color: var(--zlato); }

/* U pripremi */
.lb11-uskoro { padding: clamp(24px, 3.2vw, 48px) 0; background: var(--papir6); }

@media (max-width: 1000px) {
    .lb11-pastel__grid { grid-template-columns: 1fr; }
    .lb11-autorned__grid { grid-template-columns: 1fr; }
}
/* Brzi pregled: oznaka Direktno / Šop / E-knjiga */
.lb-brzi__vrh { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 8px; }
.lb-brzi__vrh .lb-brzi__zanr { margin: 0; }
.lb-brzi__isporuka {
    font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
    background: var(--papir6); border: 1px solid var(--linija6); color: #6E675E;
    padding: 5px 10px; border-radius: 999px; white-space: nowrap;
}
.lb-brzi__isporuka--digitalno { background: var(--tirkiz); border-color: var(--tirkiz); color: #16140F; }
/* Kartica: cena vidljiva u telu kad je popust */
.lb-card__cena { display: block; margin-top: 5px; font-size: 14px; font-variant-numeric: tabular-nums; }
.lb-card__cena s { color: #A79A82; margin-right: 6px; font-size: 12.5px; }
.lb-card__cena strong { color: var(--mastilo6, #15130F); font-weight: 800; font-size: 15px; }
.lb-card__cena s + strong { color: var(--ruza); }

/* Header precizno poravnanje: Sve knjige uz levu ivicu kontejnera (linija logotipa i banera) */
.lb-navbar__inner { justify-content: flex-start; }
.lb-nav-item--mega .lb-nav-link { padding-left: 0; }
.lb-navbar__inner > .lb-nav-link:last-child { margin-right: 0; }

/* Rasporedi teksta na admin slajdovima velikog banera */
.lb7-gslajd--poz-centar { grid-template-columns: 1fr; text-align: center; }
.lb7-gslajd--poz-centar .lb7-glavni__tekst { justify-items: center; display: grid; }
.lb7-gslajd--poz-centar .lb7-odbroj { justify-content: center; }
.lb7-gslajd--poz-centar .lb7-gslajd__slika { display: none; }
.lb7-gslajd--poz-centar .lb7-gslajd__opis { margin-left: auto; margin-right: auto; }
.lb7-gslajd--poz-desno { grid-template-columns: minmax(220px, .85fr) minmax(0, 1.15fr); }
.lb7-gslajd--poz-desno .lb7-glavni__tekst { order: 2; }
.lb7-gslajd--poz-desno .lb7-gslajd__slika { order: 1; }