/* Lux tema — globalni stilovi. BEM, prefiks lx-. Tokeni: tokens.css.
   Faza 1: osnova, masthead (top bar + header), drawer, footer. */

/* ---------- Osnova ---------- */
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 300 16px/1.7 var(--lx-sans); color: var(--lx-ink); background: #fff; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--lx-blue); outline-offset: 2px; }
.lx-main { display: block; min-height: 40vh; }
body.lx-lock { overflow: hidden; }

.lx-skip { position: absolute; top: 0; left: -9999px; z-index: 1100; padding: 14px 18px; background: var(--lx-ink); color: #fff; font: 500 12px/1 var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; }
.lx-skip:focus { top: 16px; left: 16px; color: #fff; }

.lx-iconbtn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; border: 0; background: none; color: var(--lx-ink); cursor: pointer; }
.lx-iconbtn svg { fill: none; stroke: currentColor; stroke-width: 1.25; }

/* ---------- Masthead: top bar + header, sticky ---------- */
:root { --lx-topbar-h: 40px; }
.lx-masthead { position: sticky; top: 0; z-index: 900; background: #fff; transition: transform .2s ease; }
.lx-masthead.is-scrolled { transform: translateY(calc(-1 * var(--lx-topbar-h))); }

.lx-topbar { height: var(--lx-topbar-h); background: var(--lx-ink); color: #fff; font: 400 12px var(--lx-sans); }
.lx-topbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; max-width: var(--lx-page); height: 100%; margin: 0 auto; padding: 0 var(--lx-gutter); }
.lx-topbar__msgs { display: flex; gap: 28px; margin: 0; padding: 0; overflow: hidden; list-style: none; white-space: nowrap; }
.lx-topbar__msgs li + li::before { content: '·'; margin-right: 28px; color: var(--lx-on-dark-2); }
.lx-topbar__aside { display: flex; align-items: center; gap: 28px; white-space: nowrap; color: var(--lx-on-dark); }
.lx-topbar__phone, .lx-topbar__phone:hover { color: var(--lx-on-dark); }
.lx-topbar__b2b, .lx-topbar__b2b:hover { color: #fff; border-bottom: 1px solid var(--lx-blue); }

.lx-header { height: 88px; background: #fff; border-bottom: 1px solid var(--lx-line); }
.lx-header__inner { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: clamp(32px, 3.9vw, 56px); max-width: var(--lx-page); height: 100%; margin: 0 auto; padding: 0 var(--lx-gutter); }
.lx-header__burger { display: none; }
.lx-header__logo { display: inline-flex; align-items: center; }
.lx-header__logo img { width: auto; height: 44px; }
.lx-header__name { font: 400 24px/1 var(--lx-serif); }
.lx-nav { display: flex; justify-content: center; gap: clamp(20px, 2.36vw, 34px); font: 400 13px var(--lx-sans); white-space: nowrap; }
.lx-nav__link { padding-bottom: 4px; border-bottom: 1px solid transparent; transition: border-color .2s; }
.lx-nav__link:hover, .lx-nav__link.is-active { border-bottom-color: var(--lx-blue); }
.lx-nav__item { display: flex; }
.lx-nav__item.is-open > .lx-nav__link { border-bottom-color: var(--lx-blue); }

/* ---------- Mega izbornik (panel ispod headera; .lx-masthead je sticky pa je ishodište za position:absolute) ---------- */
.lx-mega { position: absolute; top: 100%; right: 0; left: 0; z-index: 2; background: #fff; border-bottom: 1px solid var(--lx-line); box-shadow: 0 24px 40px rgba(26, 26, 26, .08); opacity: 0; transform: translateY(8px); transition: opacity .2s ease-out, transform .2s ease-out; white-space: normal; }
.lx-nav__item.is-open > .lx-mega { opacity: 1; transform: none; }
.lx-mega__inner { display: flex; gap: 48px; max-width: var(--lx-page); max-height: calc(100vh - 160px); margin: 0 auto; padding: 48px var(--lx-gutter) 56px; overflow-y: auto; }
.lx-mega__col { flex: 2 1 0; min-width: 0; }
.lx-mega__title { display: block; margin: 0; font: 500 11px/1.4 var(--lx-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-mega__title a { color: inherit; }
.lx-mega__title a:hover { color: var(--lx-ink); }
.lx-mega__links { display: flex; flex-direction: column; gap: 14px; margin: 20px 0 0; padding: 0; list-style: none; font: 300 14px/1.35 var(--lx-sans); }
.lx-mega__links a { display: flex; justify-content: space-between; gap: 12px; color: var(--lx-ink); }
.lx-mega__count { color: var(--lx-muted); }
.lx-mega__aside { display: flex; flex: 4 1 0; flex-direction: column; gap: 20px; min-width: 0; }
.lx-mega__inner--brands .lx-mega__aside { display: grid; flex: 10 1 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; }
.lx-mega__name { display: block; font: 400 28px/1.1 var(--lx-serif); color: var(--lx-ink); }
.lx-mega__text { display: block; margin-top: 8px; font: 300 13px/1.6 var(--lx-sans); color: var(--lx-text); }
.lx-mega__cta { align-self: flex-start; display: inline-block; padding-bottom: 5px; border-bottom: 1px solid var(--lx-blue); font: 500 11px/1 var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--lx-ink); }
.lx-mega__feature { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: var(--lx-warm); color: var(--lx-ink); }
.lx-mega__feature:hover { color: var(--lx-ink); }
.lx-mega__featureimg { display: block; aspect-ratio: 1; padding: 20px; }
.lx-mega__featureimg img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-mega__featurebody { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; padding: 28px 28px 28px 0; }
.lx-mega__featurebody .lx-mega__name { margin-top: 14px; }
.lx-mega__rent { display: flex; flex-direction: column; gap: 8px; padding: 24px 28px; background: var(--lx-ink); color: #fff; }
.lx-mega__rent:hover { color: #fff; }
.lx-mega__rent .lx-mega__name { font-size: 24px; color: #fff; }
.lx-mega__rent .lx-mega__text { margin: 0 0 8px; color: var(--lx-on-dark); }
.lx-mega__rent .lx-mega__cta { color: #fff; }
.lx-mega__brand { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 24px; align-items: start; }
.lx-mega__brandimg { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--lx-warm-2); }
.lx-mega__brandimg img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-mega__brand .lx-mega__links { gap: 10px; margin-bottom: 20px; }
.lx-header__icons { display: flex; align-items: center; justify-content: flex-end; gap: 24px; }
.lx-header__count { position: absolute; top: -7px; right: -10px; min-width: 16px; height: 16px; padding: 0 4px; background: var(--lx-ink); color: #fff; font: 500 10px/16px var(--lx-sans); text-align: center; }

/* ---------- Drawer (mobilni izbornik; Faza 5 ga proširuje) ---------- */
.lx-drawer { position: fixed; top: 0; bottom: 0; left: 0; z-index: 1000; display: flex; flex-direction: column; width: min(420px, 100%); overflow-y: auto; background: #fff; transform: translateX(-100%); transition: transform .25s ease; }
.lx-drawer.is-open { transform: none; }
.lx-drawer__head { display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 8px 0 20px; border-bottom: 1px solid var(--lx-line); }
.lx-drawer__head img { width: auto; height: 32px; }
.lx-drawer .lx-iconbtn { width: 44px; height: 44px; }
.lx-drawer__search { display: flex; flex: none; align-items: center; gap: 12px; height: 48px; margin: 16px 20px 0; padding: 0 14px; background: var(--lx-warm); }
.lx-drawer__search svg { flex: none; fill: none; stroke: var(--lx-ink); stroke-width: 1.25; }
.lx-drawer__search input { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; font: 300 14px var(--lx-sans); color: var(--lx-ink); }
.lx-drawer__search input:focus { outline: none; }
.lx-drawer__search:focus-within { outline: 2px solid var(--lx-blue); outline-offset: 2px; }
.lx-drawer__nav { display: flex; flex-direction: column; padding: 8px 20px 0; }
.lx-drawer__group { border-bottom: 1px solid var(--lx-line); }
.lx-drawer__toggle, .lx-drawer__link { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 60px; padding: 0; border: 0; border-bottom: 1px solid var(--lx-line); background: none; font: 300 16px var(--lx-sans); color: var(--lx-ink); text-align: left; cursor: pointer; }
.lx-drawer__group .lx-drawer__toggle { border-bottom: 0; }
.lx-drawer__toggle[aria-expanded="true"] { font-weight: 400; font-size: 17px; }
.lx-drawer__link.is-active, .lx-drawer__toggle.is-active { font-weight: 400; }
.lx-drawer__sign::before { content: '+'; font: 300 20px var(--lx-sans); }
.lx-drawer__toggle[aria-expanded="true"] .lx-drawer__sign::before { content: '\2212'; color: var(--lx-blue); }
.lx-drawer__sub { margin: 0 0 12px; padding: 0 0 12px 16px; list-style: none; border-left: 1px solid var(--lx-line); }
.lx-drawer__sub a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; font: 300 15px/1.3 var(--lx-sans); color: var(--lx-text); }
.lx-drawer__sub a span { font-size: 13px; color: var(--lx-muted); }
.lx-drawer__sub .lx-drawer__all { font-weight: 400; color: var(--lx-ink); }
.lx-drawer__b2b { display: grid; flex: none; grid-template-columns: 72px minmax(0, 1fr); gap: 14px; align-items: center; margin: 24px 20px 0; padding: 14px; background: var(--lx-ink); color: #fff; }
.lx-drawer__b2b:hover { color: #fff; }
.lx-drawer__b2bmark { justify-self: center; padding: 5px 8px; background: var(--lx-blue); color: var(--lx-ink); font: 500 10px/1 var(--lx-sans); letter-spacing: .12em; }
.lx-drawer__b2btitle { display: block; font: 400 19px/1.2 var(--lx-serif); }
.lx-drawer__b2btext { display: block; margin-top: 4px; font: 300 12px var(--lx-sans); color: var(--lx-on-dark); }
.lx-drawer__foot { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 24px 20px 32px; font: 300 14px/1.4 var(--lx-sans); }
.lx-drawer__account { display: flex; align-items: center; gap: 12px; min-height: 28px; }
.lx-drawer__account svg { flex: none; fill: none; stroke: var(--lx-ink); stroke-width: 1.25; }
.lx-drawer__phones { margin: 0; color: var(--lx-meta); }
.lx-scrim { position: fixed; inset: 0; z-index: 999; background: rgba(26, 26, 26, .4); }

/* ---------- Footer ---------- */
.lx-footer { margin-top: 96px; background: #0F0F0F; color: var(--lx-on-dark); font: 300 13px/1.7 var(--lx-sans); }
.lx-footer a { color: inherit; }
.lx-footer a:hover { color: #fff; }
.lx-footer__inner { max-width: var(--lx-page); margin: 0 auto; padding: 72px var(--lx-gutter) 36px; }
.lx-footer__grid { display: grid; grid-template-columns: 4fr 2fr 2fr 2fr 3fr; gap: 40px; }
.lx-footer__cols { display: contents; }
.lx-footer__logo { width: auto; height: 40px; }
.lx-footer__logo--invert { filter: brightness(0) invert(1); }
.lx-footer__name { font: 400 24px/1 var(--lx-serif); color: #fff; }
.lx-footer__text { max-width: 300px; margin: 20px 0 0; line-height: 1.7; }
.lx-footer__col, .lx-footer__contact { display: flex; flex-direction: column; gap: 10px; }
.lx-footer__title { margin-bottom: 6px; }
.lx-footer__toggle, .lx-footer__title--static { display: block; padding: 0; border: 0; background: none; font: 500 11px/1 var(--lx-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--lx-blue); text-align: left; cursor: default; }
.lx-footer__plus { display: none; }
.lx-footer__links { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.lx-footer__phone, .lx-footer__phone:hover { font: 300 24px/1.25 var(--lx-serif); color: #fff; }
.lx-footer__bottom { display: flex; justify-content: space-between; gap: 16px; margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--lx-line-dark); font: 300 12px var(--lx-sans); color: var(--lx-on-dark-2); }

/* ---------- Pomoćne klase (Bootstrap CSS se ne učitava) ---------- */
.hide { display: none !important; }
.collapse { display: none; }
.collapse.in { display: block; }
.collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease; }

/* ---------- Kategorija ---------- */
.lx-cat { max-width: var(--lx-page); margin: 0 auto; }
.lx-crumbs { display: flex; flex-wrap: wrap; gap: 10px; padding: 20px var(--lx-gutter) 0; font: 300 12px var(--lx-sans); color: var(--lx-meta); }
.lx-crumbs a:hover { color: var(--lx-ink); }
.lx-crumbs__sep { color: var(--lx-meta); }
.lx-crumbs__current { color: var(--lx-ink); }
.lx-cat__intro { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: end; gap: 64px; padding: 24px var(--lx-gutter) 0; }
.lx-cat__head .lx-eyebrow { margin-bottom: 20px; }
.lx-cat__title { margin: 0; font: 300 64px/1.04 var(--lx-serif); text-wrap: pretty; }
.lx-cat__lead { font: 300 16px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-cat__lead p { margin: 0 0 8px; }
.lx-cat__lead > :last-child { margin-bottom: 0; }

.lx-cat--device .lx-crumbs { padding-top: 48px; }
.lx-cat--device .lx-cat__intro { padding: 32px var(--lx-gutter) 64px; }
.lx-cat--device .lx-cat__title { font-size: 72px; line-height: 1; }
.lx-cat--device .lx-cat__lead { font-size: 15px; }

/* Potkategorije: pločice (oprema) i kartice-tabovi (uređaji) */
.lx-subcats { display: grid; }
.lx-subcats--tiles { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 24px 16px; padding: 40px var(--lx-gutter) 0; }
.lx-subcats--tiles .lx-subcats__item { display: block; font: 400 13px/1.3 var(--lx-sans); }
.lx-subcats--tiles .lx-subcats__img { margin-bottom: 12px; }
.lx-subcats--tiles .lx-subcats__count { margin-left: 8px; }
.lx-subcats__img { display: block; aspect-ratio: 1; padding: 16px; background: var(--lx-warm); }
.lx-subcats__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-subcats__name { min-width: 0; }
.lx-subcats__count { color: var(--lx-muted); }
.lx-subcats--tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 var(--lx-gutter); border-top: 1px solid var(--lx-line); }
.lx-subcats--tabs .lx-subcats__item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 24px; background: #fff; border-bottom: 1px solid var(--lx-line); font: 400 14px var(--lx-sans); }
.lx-subcats--tabs .lx-subcats__item:not(:nth-child(4n)) { border-right: 1px solid var(--lx-line); }
.lx-subcats--tabs .lx-subcats__count { font-size: 12px; color: var(--lx-meta); }
.lx-subcats--tabs .lx-subcats__item.is-active { box-shadow: inset 0 -2px 0 var(--lx-blue); }
.lx-subcats--tabs .lx-subcats__item:hover { box-shadow: inset 0 -2px 0 var(--lx-ink); }

/* Glavni dio: sidebar + proizvodi */
.lx-cat__main { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); align-items: start; gap: 48px; padding: 64px var(--lx-gutter) 0; }
.lx-cat__main--full { grid-template-columns: minmax(0, 1fr); }
.lx-cat--device .lx-cat__main { grid-template-columns: 260px minmax(0, 1fr); gap: 56px; padding-top: 48px; }
.lx-sheet__head { display: none; }
.lx-cat__empty { font: 300 16px/1.7 var(--lx-sans); color: var(--lx-text); }

.lx-advice { margin-top: 32px; padding: 28px; background: var(--lx-ink); color: #fff; }
.lx-advice__mark { width: 28px; height: auto; }
.lx-advice__title { margin-top: 18px; font: 400 22px/1.2 var(--lx-serif); }
.lx-advice__text { margin: 10px 0 0; font: 300 13px/1.6 var(--lx-sans); color: var(--lx-on-dark); }
.lx-advice__cta, .lx-advice__cta:hover { display: inline-block; margin-top: 18px; padding-bottom: 4px; border-bottom: 1px solid var(--lx-blue); font: 500 11px/1 var(--lx-sans); letter-spacing: .14em; text-transform: uppercase; color: #fff; }

/* Traka s brojem i sortiranjem */
.lx-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--lx-line); }
.lx-toolbar__count { font: 300 14px var(--lx-sans); color: var(--lx-meta); }
.lx-cat--device .lx-toolbar__count { font: 400 13px var(--lx-sans); }
.lx-toolbar__btn { display: inline-flex; align-items: center; gap: 8px; background: none; border: 0; padding: 0; font: 400 13px var(--lx-sans); color: var(--lx-ink); cursor: pointer; }
.lx-toolbar__btn svg { fill: none; stroke: currentColor; stroke-width: 1.5; }
.lx-toolbar__filters { display: none; }
.lx-sort { position: relative; margin-left: auto; }
.lx-sort__select { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; font-size: 16px; }
.lx-sort:focus-within { outline: 2px solid var(--lx-blue); outline-offset: 4px; }

/* Mreža proizvoda */
.lx-grid { display: grid; margin-top: 32px; }
.lx-grid--standard { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px 20px; }
.lx-grid--device { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 24px; margin-top: 40px; }
.lx-cat__main--full .lx-grid--standard { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Kartica proizvoda */
.lx-card { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.lx-card__visual { position: relative; }
.lx-card__media { position: relative; display: block; aspect-ratio: 1; padding: 20px; overflow: hidden; background: var(--lx-warm); }
.lx-card__img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .3s ease, opacity .3s ease; }
.lx-card__img--alt { position: absolute; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); opacity: 0; }
.lx-card--device .lx-card__media { aspect-ratio: 4 / 5; padding: 32px; }
.lx-card--device .lx-card__img--alt { top: 32px; left: 32px; width: calc(100% - 64px); height: calc(100% - 64px); }
.lx-card__badge { position: absolute; top: 14px; left: 14px; padding: 6px 8px; background: var(--lx-blue); color: var(--lx-ink); font: 500 10px/1 var(--lx-sans); letter-spacing: .12em; text-transform: uppercase; pointer-events: none; }
.lx-card__badge--new, .lx-card__badge--rent { padding: 7px 9px; background: #fff; letter-spacing: .14em; }
.lx-card__tools { position: absolute; top: 8px; right: 8px; display: flex; flex-direction: column; opacity: 0; transition: opacity .2s ease; }
.lx-card__tool { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; background: transparent; color: var(--lx-ink); cursor: pointer; }
.lx-card__tool svg { fill: none; stroke: currentColor; stroke-width: 1.25; }
.lx-card__tool:hover { color: var(--lx-blue); }
.lx-card__add { position: absolute; right: 14px; bottom: 14px; left: 14px; height: 44px; border: 0; background: var(--lx-blue); color: var(--lx-ink); font: 500 11px/1 var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; cursor: pointer; opacity: 0; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease, background .2s; }
.lx-card__add:hover { background: #2B95C7; }
@media (hover: hover) {
  .lx-card:hover .lx-card__img { transform: scale(1.03); }
  .lx-card:hover .lx-card__media.has-alt .lx-card__img:first-child { opacity: 0; }
  .lx-card:hover .lx-card__img--alt { opacity: 1; }
  .lx-card:hover .lx-card__tools, .lx-card:hover .lx-card__add { opacity: 1; transform: none; }
}
.lx-card:focus-within .lx-card__tools, .lx-card:focus-within .lx-card__add { opacity: 1; transform: none; }
.lx-card__eyebrow { margin-bottom: 10px; font: 500 10px/1 var(--lx-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-card--standard .lx-card__eyebrow { display: none; }
.lx-card__name { margin: 0; font: 400 20px/1.2 var(--lx-serif); }
.lx-card--device .lx-card__name { font: 500 22px/1.2 var(--lx-serif); }
.lx-card__sub { margin-top: 6px; font: 300 13px/1.5 var(--lx-sans); color: var(--lx-meta); }
.lx-card__prices { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; margin-top: 10px; }
.lx-card--device .lx-card__prices { margin-top: 14px; }
.lx-card__price { font: 400 15px var(--lx-sans); }
.lx-card--device .lx-card__price { font-size: 14px; }
.lx-card__old { font: 300 12px var(--lx-sans); color: var(--lx-muted); text-decoration: line-through; }
.lx-card__excl { font: 300 12px var(--lx-sans); color: var(--lx-meta); }
.lx-card--device .lx-card__excl { font-weight: 400; }
.lx-card__stock { margin-top: 4px; font: 400 12px var(--lx-sans); color: var(--lx-meta); }
.lx-card.is-out .lx-card__name, .lx-card.is-out .lx-card__price { color: var(--lx-meta); }

/* Paginacija i „Naloži več" */
.lx-pager { margin-top: 64px; }
.lx-pagination .pagination { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; font: 400 13px var(--lx-sans); }
.lx-pagination .pagination > li > a, .lx-pagination .pagination > li > span { display: flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 8px; border: 1px solid var(--lx-border); }
.lx-pagination .pagination > li > a:hover { border-color: var(--lx-ink); }
.lx-pagination .pagination > .active > span, .lx-pagination .pagination > .active > a { background: var(--lx-ink); border-color: var(--lx-ink); color: #fff; }
.lx-more { display: none; flex-direction: column; align-items: center; gap: 14px; }
.lx-more__text { font: 400 12px var(--lx-sans); color: var(--lx-meta); }
.lx-more__bar { display: block; width: 200px; height: 2px; background: var(--lx-border); }
.lx-more__bar span { display: block; height: 2px; background: var(--lx-blue); }
.lx-more__btn { margin-top: 8px; height: 48px; padding: 0 32px; font-size: 11px; }
.lx-js .lx-cat--device .lx-more { display: flex; }
.lx-js .lx-cat--device .lx-pagination { display: none; }
.lx-more.is-loading .lx-more__btn { opacity: .5; pointer-events: none; }

/* ---------- TF Filter (modul) u sidebaru ---------- */
.lx-cat__side .tf-filter { margin: 0; border: 0; background: none; }
.lx-cat__side .tf-filter > .panel-heading { display: none; }
.tf-filter .row { margin: 0; }
.tf-filter [class*="col-"] { float: none; width: auto; padding: 0; }
.tf-filter-group { padding-bottom: 24px; border-top: 1px solid var(--lx-ink); }
.tf-filter-group + .tf-filter-group { margin-top: 8px; }
.tf-filter-group-header { display: flex; align-items: center; gap: 12px; padding: 20px 0 14px; cursor: pointer; font: 500 11px/1 var(--lx-sans); letter-spacing: .2em; text-transform: uppercase; }
.tf-filter-group-title { flex: 1; }
.tf-filter-group-header .toggle-icon::before { content: '\2212'; font: 300 16px/1 var(--lx-sans); letter-spacing: 0; }
.tf-filter-group-header.collapsed .toggle-icon::before { content: '+'; }
.tf-filter-reset { font: 400 16px/1 var(--lx-sans); letter-spacing: 0; color: var(--lx-meta); cursor: pointer; }
.tf-filter-reset:hover { color: var(--lx-ink); }
.tf-filter-group-content { display: flex; flex-direction: column; }
.tf-filter-value { display: flex; align-items: center; gap: 12px; }
.tf-filter-value .form-check-label { flex: 1; min-width: 0; }
.tf-filter-value .checkmark { display: none; }
.tf-filter-value .form-check-label { display: flex; align-items: center; gap: 12px; min-height: 36px; margin: 0; font: 300 14px/1.5 var(--lx-sans); color: var(--lx-text); cursor: pointer; }
.tf-filter-value input[type="checkbox"], .tf-filter-value input[type="radio"] { appearance: none; -webkit-appearance: none; flex: none; width: 16px; height: 16px; margin: 0; border: 1px solid #BDBDBD; background: #fff; cursor: pointer; }
.tf-filter-value input[type="radio"] { border-radius: 50%; }
.tf-filter-value input:checked { border-color: var(--lx-ink); background: var(--lx-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='5 12 10 17 19 7' fill='none' stroke='%23fff' stroke-width='2.5'/%3E%3C/svg%3E") center / 10px no-repeat; }
.tf-filter-value input:disabled { opacity: .4; cursor: default; }
.tf-filter-value input:focus-visible { outline: 2px solid var(--lx-blue); outline-offset: 2px; }
.tf-filter-value img { width: 30px; height: auto; }
.tf-product-total { margin-left: auto; font: 400 12px var(--lx-sans); color: var(--lx-muted); background: none; padding: 0; }
.tf-see-more { align-self: flex-start; margin-top: 8px; border-bottom: 1px solid rgba(26, 26, 26, .3); font: 400 12px var(--lx-sans); color: var(--lx-meta); cursor: pointer; }
.tf-filter-group-search input { width: 100%; height: 40px; margin-bottom: 8px; padding: 0 12px; border: 1px solid var(--lx-border); border-radius: 0; font: 300 14px var(--lx-sans); }
.tf-filter-group.price .tf-filter-group-content .row { display: flex; gap: 12px; margin-top: 16px; }
.tf-filter-group.price input[type="number"] { width: 100%; height: 40px; padding: 0 10px; border: 1px solid var(--lx-border); border-radius: 0; font: 300 13px var(--lx-sans); }
.tf-filter .ui-slider { position: relative; height: 2px; margin: 18px 7px 4px; background: var(--lx-border); }
.tf-filter .ui-slider-range { position: absolute; top: 0; height: 2px; background: var(--lx-ink); }
.tf-filter .ui-slider-handle { position: absolute; top: -6px; width: 14px; height: 14px; margin-left: -7px; border: 1px solid var(--lx-ink); background: #fff; cursor: grab; }
.tf-filter .ui-slider-handle:focus-visible { outline: 2px solid var(--lx-blue); outline-offset: 2px; }
.tf-loader { position: absolute; inset: 0; z-index: 2; background: rgba(255, 255, 255, .6); }
body.tf-filter-loading [data-lx-products] { position: relative; }
.lx-star { color: var(--lx-ink); font-size: 14px; }
.lx-star--empty { color: var(--lx-border); }

/* Opis kategorije (SEO tekst iz baze, ispod proizvoda) */
.lx-catdesc { padding: 96px var(--lx-gutter) 0; }
.lx-prose { font: 300 16px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-prose > * { max-width: 820px; }
.lx-prose h2 { max-width: 900px; margin: 56px 0 20px; font: 300 44px/1.08 var(--lx-serif); color: var(--lx-ink); text-wrap: pretty; }
.lx-prose > h2:first-child { margin-top: 0; }
.lx-prose h3 { margin: 32px 0 10px; font: 400 26px/1.2 var(--lx-serif); color: var(--lx-ink); }
.lx-prose p { margin: 0 0 16px; }
.lx-prose a { border-bottom: 1px solid var(--lx-blue); }
.lx-prose ul, .lx-prose ol { margin: 0 0 16px; padding-left: 20px; }
.lx-prose li { margin-bottom: 6px; }
.lx-prose strong, .lx-prose b { font-weight: 500; color: var(--lx-ink); }
.lx-prose table { width: 100%; max-width: none; margin: 24px 0; border-collapse: collapse; font-size: 14px; }
.lx-prose th, .lx-prose td { padding: 12px 16px 12px 0; border-bottom: 1px solid var(--lx-line); text-align: left; vertical-align: top; }
.lx-prose th { font-weight: 500; color: var(--lx-ink); }
.lx-prose img { height: auto; }

/* FAQ accordion (gradi ga lux.js iz opisa) */
.lx-prose .lx-faq { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 64px; max-width: none; margin-top: 96px; }
.lx-prose .lx-faq > h2 { margin: 0; font-size: 48px; line-height: 1.04; }
.lx-faq__item { border-bottom: 1px solid var(--lx-line); }
.lx-prose .lx-faq__q { margin: 0; font: inherit; }
.lx-faq__btn { display: flex; justify-content: space-between; gap: 20px; width: 100%; padding: 26px 0; border: 0; background: none; text-align: left; font: 400 22px/1.25 var(--lx-serif); color: var(--lx-ink); cursor: pointer; }
.lx-faq__sign { flex: none; font: 300 22px/1 var(--lx-sans); color: var(--lx-ink); }
.lx-faq__item.is-open .lx-faq__sign { color: var(--lx-blue); }
.lx-faq__a { max-height: 0; overflow: hidden; transition: max-height .25s ease; }
.lx-faq__a > :last-child { margin-bottom: 26px; }
/* Stari opisi iz baze (LibreOffice/Word paste) nose <font> i inline veličine fonta — tema ih izjednačava, HTML ostaje isti */
.lx-prose font { color: inherit !important; font-family: inherit !important; font-size: inherit !important; }
.lx-prose [style*="font-size"] { font-size: inherit !important; }
.lx-prose [style*="font-family"] { font-family: inherit !important; }
.lx-prose [style*="line-height"] { line-height: inherit !important; }

/* ---------- Stranica proizvoda ---------- */
.lx-pdp { max-width: var(--lx-page); margin: 0 auto; }
.lx-pdp .lx-crumbs { padding-top: 28px; }
.lx-pdp__hero { display: grid; grid-template-columns: minmax(0, 757fr) minmax(0, 491fr); align-items: start; gap: 64px; padding: 28px var(--lx-gutter) 0; }

.lx-gallery { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; min-width: 0; }
.lx-gallery.has-thumbs { grid-template-columns: 96px minmax(0, 1fr); }
.lx-gallery__thumbs { display: flex; flex-direction: column; gap: 12px; }
.lx-gallery__thumb { width: 96px; height: 96px; padding: 6px; border: 0; background: var(--lx-warm); cursor: pointer; box-shadow: inset 0 -2px 0 transparent; }
.lx-gallery__thumb.is-active { box-shadow: inset 0 -2px 0 var(--lx-blue); }
.lx-gallery__thumb img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-gallery__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; background: var(--lx-warm); scrollbar-width: none; }
.lx-gallery__track::-webkit-scrollbar { display: none; }
.lx-gallery__slide { display: flex; flex: 0 0 100%; aspect-ratio: 1; padding: 48px; scroll-snap-align: start; }
.lx-pdp--device .lx-gallery__slide { aspect-ratio: 4 / 5; }
.lx-gallery__slide img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-gallery__dots { display: none; }

.lx-pdp__info { position: sticky; top: 120px; min-width: 0; }
.lx-pdp__title { margin: 18px 0 0; font: 300 56px/1.04 var(--lx-serif); color: var(--lx-ink); text-wrap: pretty; }
/* SEO H1 na lux-natur.hr često je duga rečenica — manji font da ne zauzme cijeli prvi ekran */
.lx-pdp__title--long { font-size: 40px; line-height: 1.1; }
.lx-pdp__subtitle { margin: 14px 0 0; font: 400 22px/1.3 var(--lx-serif); color: var(--lx-text); }
.lx-pdp__lead { margin: 24px 0 0; font: 300 15px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-pdp__mode { display: grid; grid-template-columns: 1fr 1fr; margin-top: 32px; border: 1px solid var(--lx-ink); }
.lx-pdp__mode-item { display: flex; align-items: center; justify-content: center; height: 48px; font: 500 12px/1 var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--lx-ink); }
.lx-pdp__mode-item.is-active { background: var(--lx-ink); color: #fff; }
.lx-pdp__prices { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; margin-top: 32px; }
.lx-pdp__price { font: 400 32px/1.1 var(--lx-sans); color: var(--lx-ink); }
.lx-pdp__price--request { font-size: 26px; }
.lx-pdp__old { font: 300 16px var(--lx-sans); color: var(--lx-muted); text-decoration: line-through; }
.lx-pdp__excl { margin: 8px 0 0; font: 300 13px var(--lx-sans); color: var(--lx-meta); }
.lx-anchor { margin: 6px 0 0; font: 300 13px/1.4 var(--lx-sans); color: var(--lx-meta); }
.lx-anchor .sidrena-cijena-iznos, .lx-card__anchor .sidrena-cijena-iznos { white-space: nowrap; }
.lx-pdp__discounts { margin: 12px 0 0; padding: 0; list-style: none; font: 300 13px/1.6 var(--lx-sans); color: var(--lx-text); }
.lx-pdp__stock { display: flex; align-items: center; gap: 10px; margin: 20px 0 0; font: 400 13px var(--lx-sans); color: var(--lx-ink); }
.lx-pdp__stock::before { content: ''; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--lx-border); }
.lx-pdp__stock.is-in::before { background: var(--lx-blue); }
.lx-pdp__stock.is-out { color: var(--lx-meta); }

.lx-buy { margin-top: 24px; }
.lx-option { margin-bottom: 20px; }
.lx-option .lx-label { margin-bottom: 8px; }
.lx-option__choices { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; border: 0; }
.lx-option__choice { display: flex; align-items: center; gap: 10px; font: 300 14px var(--lx-sans); color: var(--lx-ink); cursor: pointer; }
.lx-input--area { height: auto; padding: 14px 16px; resize: vertical; }
.lx-option.has-error .lx-input { border-color: #C0392B; }
.lx-field__error { margin: 8px 0 0; font: 400 12px var(--lx-sans); color: #C0392B; }
.lx-buy__row { display: flex; gap: 12px; }
.lx-qty { display: flex; flex: none; height: 56px; border: 1px solid var(--lx-border); }
.lx-qty button { width: 40px; padding: 0; border: 0; background: none; font: 300 18px var(--lx-sans); color: var(--lx-ink); cursor: pointer; }
.lx-qty input { width: 44px; padding: 0; border: 0; text-align: center; font: 400 15px var(--lx-sans); color: var(--lx-ink); -moz-appearance: textfield; }
.lx-qty input::-webkit-inner-spin-button, .lx-qty input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
.lx-buy__cart { flex: 1; height: 56px; }
.lx-buy__wish { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 56px; height: 56px; padding: 0; border: 1px solid var(--lx-border); background: #fff; color: var(--lx-ink); cursor: pointer; }
.lx-buy__wish svg { fill: none; stroke: currentColor; stroke-width: 1.25; }
.lx-buy__wish:hover { border-color: var(--lx-ink); }
.lx-buy__note { margin: 10px 0 0; font: 300 12px var(--lx-sans); color: var(--lx-meta); }
.lx-pdp__oos { margin-top: 18px; }
.is-busy { opacity: .6; pointer-events: none; }
.lx-pdp__links { display: flex; flex-wrap: wrap; gap: 16px 28px; margin-top: 24px; }
.lx-pdp__links .lx-link { padding: 0 0 6px; border-width: 0 0 1px; background: none; color: var(--lx-ink); font-size: 11px; cursor: pointer; }
.lx-pdp__trust { display: grid; gap: 12px; margin: 32px 0 0; padding: 32px 0 0; border-top: 1px solid var(--lx-line); list-style: none; font: 300 13px/1.5 var(--lx-sans); color: var(--lx-text); }
.lx-pdp__trust li { display: flex; align-items: flex-start; gap: 14px; }
.lx-pdp__trust li::before { content: ''; flex: none; width: 14px; height: 14px; margin-top: 3px; background: url(../image/x-mark.png) center / contain no-repeat; }
.lx-pdp__meta { margin: 20px 0 0; font: 300 12px var(--lx-sans); color: var(--lx-meta); }

.lx-pdp__sections { padding: 0 var(--lx-gutter); }
.lx-pdp__section { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 64px; padding-top: 96px; }
.lx-pdp__label { padding-top: 10px; font: 500 11px/1 var(--lx-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-pdp__body { min-width: 0; }
.lx-pdp__h2 { max-width: 900px; margin: 0 0 20px; font: 300 32px/1.12 var(--lx-serif); color: var(--lx-ink); text-wrap: pretty; }
.lx-catdesc > h2:first-child { margin-top: 0; }
.lx-pdp__tags { margin: 32px 0 0; font: 300 13px/1.6 var(--lx-sans); color: var(--lx-meta); }
.lx-pdp__tags a { border-bottom: 1px solid var(--lx-blue); }
.lx-pdp__note { font: 300 14px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-pdp__note a, .lx-docs a { border-bottom: 1px solid var(--lx-blue); }
.lx-specs { width: 100%; border-collapse: collapse; font: 300 14px/1.5 var(--lx-sans); color: var(--lx-ink); }
.lx-specs th, .lx-specs td { padding: 14px 16px 14px 0; border-bottom: 1px solid var(--lx-line); text-align: left; vertical-align: top; }
.lx-specs th { width: 40%; font-weight: 400; color: var(--lx-meta); }
.lx-specs .lx-specs__group { padding-top: 32px; font: 500 11px var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--lx-ink); }
.lx-docs { font: 300 14px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-reviews { font: 300 14px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-reviews table { width: 100%; margin-bottom: 24px; border-collapse: collapse; }
.lx-reviews td { padding: 6px 0; }
.lx-review-form { display: grid; gap: 16px; max-width: 560px; margin-top: 32px; }
.lx-rating { display: flex; flex-wrap: wrap; gap: 16px; margin: 0; padding: 0; border: 0; font: 300 14px var(--lx-sans); }
.lx-review-form__msg { margin: 0; font: 400 13px var(--lx-sans); color: var(--lx-ink); }
.lx-review-form__msg.is-error { color: #C0392B; }

.lx-related { padding: 128px var(--lx-gutter) 0; }
.lx-related__head { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 24px; border-bottom: 1px solid var(--lx-line); }
.lx-related__title { font: 300 44px/1.08 var(--lx-serif); color: var(--lx-ink); }
.lx-related__grid { margin-top: 40px; }
.lx-buybar { display: none; }

.lx-card__anchor { margin-top: 4px; font: 300 11px/1.4 var(--lx-sans); color: var(--lx-meta); }

/* Obavijest (toast) */
.lx-toast { position: fixed; bottom: 24px; left: 24px; z-index: 1050; max-width: min(420px, calc(100% - 48px)); padding: 16px 20px; background: var(--lx-ink); color: #fff; font: 300 14px/1.5 var(--lx-sans); opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.lx-toast.is-open { opacity: 1; transform: none; pointer-events: auto; }
.lx-toast a { color: #fff; border-bottom: 1px solid var(--lx-blue); }

/* ---------- Košarica ---------- */
.lx-cart { max-width: var(--lx-page); margin: 0 auto; padding: 48px var(--lx-gutter) 0; }
.lx-steps { display: flex; align-items: center; gap: 16px; margin: 0; padding: 0; list-style: none; font: 400 14px var(--lx-sans); color: var(--lx-meta); }
.lx-steps__item { display: flex; align-items: center; gap: 12px; }
.lx-steps__item + .lx-steps__item::before { content: ''; width: 56px; height: 1px; margin-right: 4px; background: var(--lx-border); }
.lx-steps__num { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid var(--lx-border); border-radius: 50%; font-size: 12px; }
.lx-steps__item.is-active { color: var(--lx-ink); }
.lx-steps__item.is-active .lx-steps__num { border-color: var(--lx-blue); background: var(--lx-blue); color: #fff; }
.lx-notice { margin-top: 24px; padding: 14px 18px; border-left: 2px solid var(--lx-blue); background: var(--lx-warm); font: 300 14px/1.6 var(--lx-sans); color: var(--lx-ink); }
.lx-notice--error { border-left-color: #C0392B; }
.lx-notice a { border-bottom: 1px solid var(--lx-blue); }
.lx-cart__grid { display: grid; grid-template-columns: minmax(0, 832fr) minmax(0, 416fr); align-items: start; gap: 64px; margin-top: 48px; }
.lx-cart__title { margin: 0; font: 300 56px/1.04 var(--lx-serif); color: var(--lx-ink); }
.lx-cart__count { font: 300 20px var(--lx-sans); color: var(--lx-meta); }
.lx-cart__form.is-busy { opacity: .6; pointer-events: none; }
.lx-cart__head { display: grid; grid-template-columns: minmax(0, 1fr) 110px 170px; gap: 24px; margin-top: 40px; padding-bottom: 14px; border-bottom: 1px solid var(--lx-ink); font: 500 10px/1 var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--lx-ink); }
.lx-cart__head span:nth-child(3) { text-align: right; }
.lx-cart__item { display: grid; grid-template-columns: 120px minmax(0, 1fr) 110px 170px; align-items: center; gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--lx-line); }
.lx-cart__thumb { display: block; aspect-ratio: 1; padding: 10px; background: var(--lx-warm); }
.lx-cart__thumb img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-cart__info { min-width: 0; }
.lx-cart__eyebrow { margin-bottom: 8px; font: 500 10px/1 var(--lx-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-cart__name { font: 400 24px/1.2 var(--lx-serif); color: var(--lx-ink); }
.lx-cart__flag { color: #C0392B; }
.lx-cart__meta { margin-top: 6px; font: 300 13px/1.5 var(--lx-sans); color: var(--lx-text); }
.lx-cart__meta--stock { color: var(--lx-meta); }
.lx-cart__remove { margin-top: 12px; padding: 0 0 2px; border: 0; border-bottom: 1px solid var(--lx-ink); background: none; font: 400 12px var(--lx-sans); color: var(--lx-ink); cursor: pointer; }
.lx-cart__qty.lx-qty { height: 44px; }
.lx-cart__qty.lx-qty button { width: 34px; }
.lx-cart__qty.lx-qty input { width: 38px; }
.lx-cart__total { font: 400 16px var(--lx-sans); color: var(--lx-ink); text-align: right; white-space: nowrap; }

.lx-summary { padding: 36px; background: var(--lx-warm); }
.lx-summary__title { font: 300 28px/1.1 var(--lx-serif); color: var(--lx-ink); }
.lx-summary__rows { margin: 28px 0 0; }
.lx-summary__row { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 10px; font: 300 14px/1.5 var(--lx-sans); color: var(--lx-text); }
.lx-summary__row dd { margin: 0; color: var(--lx-ink); white-space: nowrap; }
.lx-coupon { margin-top: 24px; }
.lx-coupon__row { display: flex; align-items: center; border-bottom: 1px solid var(--lx-ink); }
.lx-coupon__input { flex: 1; min-width: 0; height: 48px; padding: 0; border: 0; background: none; font: 300 14px var(--lx-sans); color: var(--lx-ink); outline: none; }
.lx-coupon__btn { padding: 0; border: 0; background: none; font: 500 11px var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--lx-ink); cursor: pointer; }
.lx-summary__total { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--lx-line); font: 400 15px var(--lx-sans); color: var(--lx-ink); }
.lx-summary__total strong { font: 400 32px/1.1 var(--lx-sans); white-space: nowrap; }
.lx-summary__checkout { height: 56px; margin-top: 28px; }
.lx-summary__continue { display: block; margin-top: 16px; font: 400 12px var(--lx-sans); color: var(--lx-meta); text-align: center; }
.lx-b2bbox { position: relative; margin-top: 16px; padding: 28px 28px 28px 68px; border: 1px solid var(--lx-line); }
.lx-b2bbox::before { content: ''; position: absolute; top: 30px; left: 30px; width: 20px; height: 20px; background: url(../image/x-mark.png) center / contain no-repeat; }
.lx-b2bbox__title { font: 400 15px var(--lx-sans); color: var(--lx-ink); }
.lx-b2bbox__text { margin: 8px 0 14px; font: 300 13px/1.6 var(--lx-sans); color: var(--lx-text); }
.lx-cartbar { display: none; }

/* ---------- Mini-košarica (drawer zdesna) ---------- */
.lx-drawer--right { right: 0; left: auto; transform: translateX(100%); }
.lx-drawer--right.is-open { transform: none; }
.lx-minicart__title { font: 300 26px/1 var(--lx-serif); color: var(--lx-ink); }
.lx-minicart__body { display: flex; flex: 1; flex-direction: column; min-height: 0; }
.lx-minicart { display: flex; flex: 1; flex-direction: column; }
.lx-minicart__list { margin: 0; padding: 8px 20px; list-style: none; }
.lx-minicart__item { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--lx-line); }
.lx-minicart__thumb { display: block; aspect-ratio: 1; padding: 6px; background: var(--lx-warm); }
.lx-minicart__thumb img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-minicart__name { font: 400 17px/1.25 var(--lx-serif); color: var(--lx-ink); }
.lx-minicart__meta { margin-top: 4px; font: 300 12px/1.5 var(--lx-sans); color: var(--lx-meta); }
.lx-minicart__remove { margin-top: 8px; padding: 0 0 2px; border: 0; border-bottom: 1px solid var(--lx-ink); background: none; font: 400 11px var(--lx-sans); color: var(--lx-ink); cursor: pointer; }
.lx-minicart__total { font: 400 14px var(--lx-sans); color: var(--lx-ink); white-space: nowrap; }
.lx-minicart__totals { margin: 0; padding: 16px 20px 0; }
.lx-minicart__row { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 6px; font: 300 13px var(--lx-sans); color: var(--lx-text); }
.lx-minicart__row dd { margin: 0; white-space: nowrap; }
.lx-minicart__row.is-grand { margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--lx-line); font: 400 16px var(--lx-sans); color: var(--lx-ink); }
.lx-minicart__actions { display: grid; gap: 10px; margin-top: auto; padding: 20px; }
.lx-minicart__empty { margin: 0; padding: 32px 20px; font: 300 15px/1.6 var(--lx-sans); color: var(--lx-text); }

/* ---------- Zaglavlje blagajne ---------- */
.lx-header--checkout .lx-header__inner { grid-template-columns: 1fr auto 1fr; }
.lx-header__back, .lx-header__secure { display: inline-flex; align-items: center; gap: 10px; font: 400 13px var(--lx-sans); color: var(--lx-ink); }
.lx-header__back svg, .lx-header__secure svg { fill: none; stroke: currentColor; stroke-width: 1.5; }
.lx-header__secure { justify-self: end; color: var(--lx-meta); }
.lx-header__secure svg { stroke: var(--lx-blue); }
.lx-header--checkout .lx-header__logo { justify-self: center; }

/* Quick Checkout (Baselovi predlošci) unutar lux teme: samo tipografija, polja i gumbi */
.lx-route-extension-quickcheckout-checkout { max-width: var(--lx-page); margin: 0 auto; padding: 0 var(--lx-gutter); font-family: var(--lx-sans); }
.lx-route-extension-quickcheckout-checkout h1 { font: 300 56px/1.04 var(--lx-serif); color: var(--lx-ink); text-transform: none; }
.lx-route-extension-quickcheckout-checkout h3, .lx-route-extension-quickcheckout-checkout .panel-title, .lx-route-extension-quickcheckout-checkout legend { font: 500 11px/1.4 var(--lx-sans) !important; letter-spacing: .2em; text-transform: uppercase; color: var(--lx-ink); }
.lx-route-extension-quickcheckout-checkout #page-title { margin: 48px 0 24px; }
.lx-route-extension-quickcheckout-checkout .quickcheckout-heading { font: 300 28px/1.1 var(--lx-serif) !important; letter-spacing: 0; text-transform: none; color: var(--lx-ink); }
.lx-route-extension-quickcheckout-checkout .form-control { height: 52px; border: 1px solid var(--lx-border); border-radius: 0; box-shadow: none; font: 300 15px var(--lx-sans); color: var(--lx-ink); }
.lx-route-extension-quickcheckout-checkout textarea.form-control { height: auto; }
.lx-route-extension-quickcheckout-checkout .form-control:focus { border-color: var(--lx-ink); }
.lx-route-extension-quickcheckout-checkout .btn-primary { height: 52px; padding: 0 32px; border: 0; border-radius: 0; background: var(--lx-blue); color: var(--lx-ink); font: 500 12px/52px var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; }
.lx-route-extension-quickcheckout-checkout .btn-primary:hover { background: #2B95C7; }
.lx-route-extension-quickcheckout-checkout .breadcrumb { margin: 24px 0 0; padding: 0; border: 0; background: none; font: 300 12px var(--lx-sans); }
.lx-route-extension-quickcheckout-checkout .quickcheckout-cart { width: 100%; margin-bottom: 16px; border-collapse: collapse; font: 300 14px var(--lx-sans); }
.lx-route-extension-quickcheckout-checkout .quickcheckout-cart td { padding: 12px 8px; border-bottom: 1px solid var(--lx-line); vertical-align: middle; }
.lx-route-extension-quickcheckout-checkout .quickcheckout-cart thead td { font: 500 10px/1.4 var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-route-extension-quickcheckout-checkout .quickcheckout-cart .quantity input { width: 56px; height: 40px; text-align: center; }

/* ---------- Naslovnica ---------- */
.lx-home { padding-bottom: 32px; }
.lx-section { max-width: var(--lx-page); margin: 0 auto; padding: 128px var(--lx-gutter) 0; }
.lx-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; padding-bottom: 24px; margin-bottom: 40px; border-bottom: 1px solid var(--lx-line); }
.lx-section__head--stack { flex-direction: column; align-items: flex-start; gap: 16px; }
.lx-section__title { margin: 0; font: 300 52px/1.04 var(--lx-serif); color: var(--lx-ink); text-wrap: pretty; }

.lx-hero { position: relative; display: flex; align-items: flex-end; min-height: 760px; overflow: hidden; background: var(--lx-warm); }
.lx-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lx-hero__box { position: relative; width: min(580px, 100%); margin: 0 0 64px var(--lx-gutter); padding: 56px; background: #fff; }
.lx-hero--split, .lx-hero--noimg, .lx-hero--plain { min-height: 0; }
.lx-hero--split .lx-hero__img { position: static; order: 2; width: 50%; height: 640px; object-fit: contain; mix-blend-mode: multiply; }
.lx-hero--split .lx-hero__box, .lx-hero--noimg .lx-hero__box, .lx-hero--plain .lx-hero__box { width: auto; max-width: 900px; margin: 0 auto 0 0; padding: 96px var(--lx-gutter); background: none; }
.lx-hero__box .lx-eyebrow { margin-bottom: 28px; }
.lx-hero__title { margin: 0; font: 300 64px/1.04 var(--lx-serif); color: var(--lx-ink); text-wrap: pretty; }
.lx-hero__lead { margin-top: 24px; font: 300 16px/1.75 var(--lx-sans); color: var(--lx-text); }
.lx-hero__lead p { margin: 0 0 8px; }
.lx-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px 32px; margin-top: 40px; }

.lx-logos { padding-top: 64px; }
.lx-logos__title { margin-bottom: 24px; font: 500 11px/1 var(--lx-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-logos__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); align-items: center; gap: 24px 32px; margin: 0; padding: 32px 0; border-top: 1px solid var(--lx-line); border-bottom: 1px solid var(--lx-line); list-style: none; }
.lx-logos__item { display: flex; align-items: center; justify-content: center; height: 56px; font: 400 14px var(--lx-sans); color: var(--lx-ink); }
.lx-logos__item img { max-width: 100%; max-height: 56px; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .2s, opacity .2s; }
.lx-logos__item:hover img { filter: none; opacity: 1; }

.lx-cstrip__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 32px 20px; }
.lx-cstrip__item { display: flex; flex-direction: column; gap: 14px; }
.lx-cstrip__img { display: block; aspect-ratio: 1; padding: 20px; background: var(--lx-warm); }
.lx-cstrip__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .3s ease; }
.lx-cstrip__item:hover .lx-cstrip__img img { transform: scale(1.03); }
.lx-cstrip__name { margin: 0; font: 400 14px/1.35 var(--lx-sans); color: var(--lx-ink); }

.lx-ptabs__head.has-chips { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: end; gap: 32px; }
.lx-ptabs__intro .lx-eyebrow { margin-bottom: 20px; }
.lx-ptabs__chips { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.lx-ptabs__lead { max-width: 820px; margin-top: 24px; font-size: 15px; }
.lx-ptabs__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 40px; border-top: 1px solid var(--lx-line); border-left: 1px solid var(--lx-line); }
.lx-ptabs__grid > .lx-card { padding: 28px; border-right: 1px solid var(--lx-line); border-bottom: 1px solid var(--lx-line); }
.lx-ptabs.is-loading .lx-ptabs__grid { opacity: .5; }
.lx-ptabs__more { display: flex; justify-content: center; margin-top: 40px; }

.lx-bloglatest__lead { max-width: 820px; margin: 0; font: 300 15px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-bloglatest__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 24px; }
.lx-bloglatest__img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--lx-warm); }
.lx-bloglatest__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.lx-bloglatest__item:hover .lx-bloglatest__img img { transform: scale(1.03); }
.lx-bloglatest__title { margin: 20px 0 0; font: 400 24px/1.2 var(--lx-serif); color: var(--lx-ink); }
.lx-bloglatest__text { margin-top: 10px; font: 300 14px/1.65 var(--lx-sans); color: var(--lx-text); }
.lx-bloglatest__text p { margin: 0; }

/* ---------- Naslovnica: sadržajni blokovi ---------- */
.lx-section__aside { font: 300 13px var(--lx-sans); color: var(--lx-meta); }

.lx-intent__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.lx-intent__card { display: flex; flex-direction: column; background: var(--lx-warm); color: var(--lx-ink); }
.lx-intent__img { display: block; aspect-ratio: 1 / 1.1; padding: 28px; }
.lx-intent__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transition: transform .3s ease; }
.lx-intent__card:hover .lx-intent__img img { transform: scale(1.03); }
.lx-intent__body { display: flex; flex-direction: column; gap: 8px; margin-top: auto; padding: 28px; border-top: 1px solid var(--lx-line); }
.lx-intent__title { font: 400 24px/1.2 var(--lx-serif); }
.lx-intent__text { font: 300 13px/1.5 var(--lx-sans); color: var(--lx-meta); }
.lx-intent__card--dark { background: var(--lx-ink); color: #fff; }
.lx-intent__card--dark .lx-intent__body { border-top-color: var(--lx-line-dark); }
.lx-intent__card--dark .lx-intent__text { color: var(--lx-on-dark); }
.lx-intent__darktop { display: flex; flex-direction: column; gap: 20px; padding: 36px; }
.lx-intent__mark { width: 48px; height: auto; }
.lx-intent__darktitle { font: 300 40px/1.08 var(--lx-serif); }

.lx-rent__box { display: grid; grid-template-columns: minmax(0, 2.15fr) repeat(3, minmax(0, 1fr)); background: var(--lx-ink); color: #fff; }
.lx-rent__main { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; padding: 80px 64px; }
.lx-rent__title { margin: 0; font: 300 48px/1.08 var(--lx-serif); color: #fff; text-wrap: pretty; }
.lx-rent__text { font: 300 15px/1.7 var(--lx-sans); color: var(--lx-on-dark); }
.lx-rent__text p { margin: 0; }
.lx-rent__item { padding: 80px 36px; border-left: 1px solid var(--lx-line-dark); }
.lx-rent__mark { display: block; width: 28px; height: auto; }
.lx-rent__itemtitle { margin-top: 32px; font: 400 24px/1.2 var(--lx-serif); color: #fff; }
.lx-rent__itemtext { margin: 16px 0 0; font: 300 13px/1.7 var(--lx-sans); color: var(--lx-on-dark); }

.lx-brands__head { margin-bottom: 40px; }
.lx-brands__head .lx-eyebrow { margin-bottom: 20px; }
.lx-brands__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.lx-brands__card { display: flex; flex-direction: column; background: var(--lx-warm); }
.lx-brands__img { display: block; aspect-ratio: 16 / 11; overflow: hidden; background: #fff; }
.lx-brands__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-brands__body { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 48px; }
.lx-brands__meta { font: 500 10px/1 var(--lx-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-brands__name { font: 300 40px/1.1 var(--lx-serif); color: var(--lx-ink); }
.lx-brands__text { max-width: 520px; margin: 0; font: 300 15px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-brands__lines { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; width: 100%; margin: 8px 0; }
.lx-brands__lines span { display: block; aspect-ratio: 1; padding: 6px; background: #fff; }
.lx-brands__lines img { width: 100%; height: 100%; object-fit: contain; }

.lx-usp__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 1px solid var(--lx-line); border-bottom: 1px solid var(--lx-line); list-style: none; }
.lx-usp__item { display: flex; flex-direction: column; gap: 4px; padding: 32px 24px 32px 0; }
.lx-usp__item + .lx-usp__item { padding-left: 24px; border-left: 1px solid var(--lx-line); }
.lx-usp__title { display: block; margin: 0; font: 500 14px var(--lx-sans); color: var(--lx-ink); }
.lx-usp__text { font: 300 13px var(--lx-sans); color: var(--lx-meta); }

.lx-newsletter__box { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: 64px; padding: 64px; background: var(--lx-warm); }
.lx-newsletter__title { font: 300 36px/1.1 var(--lx-serif); color: var(--lx-ink); }
.lx-newsletter__intro, .lx-newsletter__form { min-width: 0; }
.lx-newsletter__text { margin: 12px 0 0; font: 300 15px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-newsletter__row { display: flex; gap: 12px; }
.lx-newsletter__row .lx-input { flex: 1; min-width: 0; }
.lx-newsletter__consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 16px; font: 300 13px/1.5 var(--lx-sans); color: var(--lx-text); cursor: pointer; }
.lx-newsletter__consent input { margin-top: 2px; }
.lx-newsletter__msg { min-height: 20px; margin: 12px 0 0; font: 400 13px var(--lx-sans); color: var(--lx-ink); }
.lx-newsletter__msg.is-error { color: #C0392B; }

/* ---------- Pretraga: panel u headeru ---------- */
.lx-search-panel { position: absolute; top: 100%; right: 0; left: 0; max-height: calc(100vh - 140px); overflow-y: auto; background: #fff; border-bottom: 1px solid var(--lx-line); box-shadow: 0 24px 48px rgba(26, 26, 26, .08); }
.lx-search-panel__form { display: flex; align-items: center; gap: 16px; max-width: var(--lx-page); margin: 0 auto; padding: 40px var(--lx-gutter) 0; }
.lx-search-panel__form > * { flex: none; }
.lx-search-panel__icon { fill: none; stroke: var(--lx-ink); stroke-width: 1.5; }
.lx-search-panel__input { flex: 1; min-width: 0; height: 64px; padding: 0; border: 0; border-bottom: 1px solid var(--lx-ink); background: none; font: 300 36px var(--lx-serif); color: var(--lx-ink); outline: none; }
.lx-search-panel__input::-webkit-search-cancel-button { -webkit-appearance: none; }
.lx-search-panel__close { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; font: 400 13px var(--lx-sans); color: var(--lx-meta); cursor: pointer; }
.lx-search-panel__close svg { fill: none; stroke: currentColor; stroke-width: 1.5; }
.lx-search-panel__results { display: grid; grid-template-columns: minmax(0, 312px) minmax(0, 1fr); gap: 64px; max-width: var(--lx-page); margin: 0 auto; padding: 40px var(--lx-gutter) 56px; }
.lx-search-panel__results:empty { display: none; }
.lx-search-panel__label { margin-bottom: 16px; font: 500 11px/1 var(--lx-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-search-panel__list { margin: 0 0 32px; padding: 0; list-style: none; }
.lx-search-panel__link { display: block; padding: 12px 0; border-bottom: 1px solid var(--lx-line); font: 300 15px var(--lx-sans); color: var(--lx-ink); }
.lx-search-panel__article { display: block; padding: 6px 0; font: 400 19px/1.3 var(--lx-serif); color: var(--lx-ink); }
.lx-search-panel__head { display: flex; align-items: baseline; justify-content: space-between; }
.lx-search-panel__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.lx-search-panel__product { display: flex; flex-direction: column; gap: 6px; color: var(--lx-ink); }
.lx-search-panel__img { display: block; aspect-ratio: 1; margin-bottom: 8px; padding: 16px; background: var(--lx-warm); }
.lx-search-panel__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-search-panel__eyebrow { font: 500 10px/1 var(--lx-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-search-panel__name { font: 400 19px/1.25 var(--lx-serif); }
.lx-search-panel__price { font: 400 14px var(--lx-sans); }
.lx-search-panel a:focus-visible { outline: 2px solid var(--lx-blue); outline-offset: 2px; }

/* ---------- Pretraga: rezultati i „nema rezultata” ---------- */
.lx-search__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; padding: 32px var(--lx-gutter) 24px; border-bottom: 1px solid var(--lx-ink); margin: 0 var(--lx-gutter); padding-left: 0; padding-right: 0; }
.lx-search__eyebrow { margin-bottom: 12px; font: 300 13px var(--lx-sans); color: var(--lx-meta); }
.lx-search__title { margin: 0; font: 300 56px/1.04 var(--lx-serif); color: var(--lx-ink); }
.lx-search__count { margin-left: 12px; font: 300 22px var(--lx-serif); color: var(--lx-meta); }
.lx-search__tabs { display: flex; gap: 8px; }
.lx-search .lx-cat__main { padding-top: 24px; }
.lx-search__empty { max-width: var(--lx-page); margin: 0 auto; padding: 64px var(--lx-gutter) 0; }
.lx-search__lead { max-width: 560px; margin: 20px 0 0; font: 300 16px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-search__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 56px; }
.lx-search__label { margin-bottom: 16px; font: 500 11px/1 var(--lx-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-search__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.lx-search__cats { margin: 0; padding: 0; list-style: none; }
.lx-search__cats a { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--lx-line); font: 300 15px var(--lx-sans); color: var(--lx-ink); }
.lx-search__cats a span { color: var(--lx-blue); }
.lx-search__help { padding: 32px; background: var(--lx-warm); font: 300 14px/1.6 var(--lx-sans); color: var(--lx-text); }
.lx-search__helptitle { margin-top: 16px; font: 400 24px/1.2 var(--lx-serif); color: var(--lx-ink); }
.lx-search__help p { margin: 10px 0 18px; }
.lx-search__form { display: flex; gap: 12px; max-width: 640px; margin-top: 32px; }
.lx-search__articles .lx-bloglatest__title { font-size: 22px; }

/* ---------- Prijava, registracija, uspjeh ---------- */
.lx-auth { max-width: var(--lx-page); margin: 0 auto; padding-bottom: 32px; }
.lx-auth__grid { display: grid; grid-template-columns: minmax(0, 488fr) minmax(0, 488fr); gap: 96px; max-width: 1072px; margin: 0 auto; padding: 72px var(--lx-gutter) 0; }
.lx-auth__grid--register { grid-template-columns: minmax(0, 776fr) minmax(0, 440fr); gap: 96px; max-width: none; padding-top: 48px; }
.lx-auth__head { padding: 48px var(--lx-gutter) 0; }
.lx-auth--narrow .lx-auth__main, .lx-success { max-width: 560px; margin: 0 auto; padding: 72px var(--lx-gutter) 0; }
.lx-auth__title { margin: 0; font: 300 56px/1.04 var(--lx-serif); color: var(--lx-ink); }
.lx-auth__lead { margin: 16px 0 0; font: 300 15px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-auth__tabs { display: grid; grid-template-columns: 1fr 1fr; margin: 40px 0 32px; border-bottom: 1px solid var(--lx-line); }
.lx-auth__tabs > * { padding: 14px 0; font: 400 14px var(--lx-sans); color: var(--lx-meta); text-align: center; }
.lx-auth__tabs .is-active { color: var(--lx-ink); box-shadow: inset 0 -2px 0 var(--lx-ink); }
.lx-form { display: flex; flex-direction: column; gap: 20px; }
.lx-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.lx-field .lx-label { display: block; }
.lx-field.is-required .lx-label::after { content: ' *'; color: var(--lx-blue); }
.lx-form__row { display: flex; justify-content: flex-end; margin-top: -8px; }
.lx-form__link { font: 400 12px var(--lx-sans); color: var(--lx-ink); border-bottom: 1px solid var(--lx-ink); }
.lx-form__buttons { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 8px; }
.lx-auth__or { display: flex; align-items: center; gap: 16px; margin: 24px 0; font: 300 12px var(--lx-sans); color: var(--lx-meta); }
.lx-auth__or::before, .lx-auth__or::after { content: ''; flex: 1; height: 1px; background: var(--lx-line); }
.lx-auth__side { position: relative; align-self: start; padding: 48px; overflow: hidden; background: var(--lx-ink); color: #fff; }
.lx-auth__side::after { content: ''; position: absolute; right: -40px; bottom: -40px; width: 180px; height: 180px; background: url(../image/x-mark.png) center / contain no-repeat; opacity: .12; }
.lx-auth__sidetitle { margin: 16px 0 24px; font: 300 36px/1.1 var(--lx-serif); }
.lx-auth__benefits { margin: 0 0 32px; padding: 0; list-style: none; }
.lx-auth__benefits li { padding: 14px 0; border-top: 1px solid var(--lx-line-dark); font: 300 14px var(--lx-sans); color: var(--lx-on-dark); }
.lx-auth__benefits li:last-child { border-bottom: 1px solid var(--lx-line-dark); }
.lx-auth__type { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.lx-auth__type input { position: absolute; opacity: 0; pointer-events: none; }
.lx-auth__type .lx-chip:focus-within { outline: 2px solid var(--lx-blue); outline-offset: 2px; }
.lx-form--register { gap: 40px; }
.lx-form__section { margin: 0; padding: 0; border: 0; min-width: 0; }
.lx-form__section[hidden] { display: none; }
.lx-form__legend { display: flex; align-items: baseline; gap: 14px; width: 100%; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--lx-ink); font: 400 24px var(--lx-serif); color: var(--lx-ink); }
.lx-form__legend span { font-size: 16px; color: var(--lx-blue); }
.lx-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
.lx-form__choices { display: flex; flex-wrap: wrap; gap: 8px 20px; font: 300 14px var(--lx-sans); }
.lx-form__check { display: flex; align-items: flex-start; gap: 12px; font: 300 13px/1.5 var(--lx-sans); color: var(--lx-text); cursor: pointer; }
.lx-form__check input { margin-top: 2px; }
.lx-form__check a { border-bottom: 1px solid var(--lx-blue); }
.lx-auth__next { align-self: start; padding: 32px; background: var(--lx-warm); }
.lx-auth__nexttitle { padding-bottom: 16px; border-bottom: 1px solid var(--lx-line); font: 500 11px/1 var(--lx-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-auth__steps { margin: 0; padding: 0; list-style: none; }
.lx-auth__steps li { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--lx-line); }
.lx-auth__stepnum { font: 400 16px var(--lx-serif); color: var(--lx-blue); }
.lx-auth__steptitle { font: 400 19px var(--lx-serif); color: var(--lx-ink); }
.lx-auth__steps p { margin: 6px 0 0; font: 300 13px/1.5 var(--lx-sans); color: var(--lx-text); }
.lx-auth__questions { margin: 20px 0 0; font: 300 13px var(--lx-sans); color: var(--lx-text); }
.lx-success { text-align: center; }
.lx-success__mark { display: block; margin: 0 auto 24px; }
.lx-success__text { max-width: none; margin: 20px 0 32px; }
.lx-success__text > * { max-width: none; }

/* B2B cijene */
.lx-card__excl--main { font: 400 15px var(--lx-sans); color: var(--lx-ink); }
.lx-card--b2b .lx-card__prices .lx-card__price { font-size: 12px; color: var(--lx-meta); }
.lx-card__incl { font: 300 11px var(--lx-sans); color: var(--lx-meta); }
.lx-pdp__net { margin: 32px 0 0; font: 400 32px/1.1 var(--lx-sans); color: var(--lx-ink); }
.lx-pdp__prices--b2b { margin-top: 8px; }
.lx-pdp__prices--b2b .lx-pdp__price { font-size: 16px; color: var(--lx-meta); }

/* ---------- Moj račun ---------- */
.lx-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.lx-acc { max-width: var(--lx-page); margin: 0 auto; padding-bottom: 32px; }
.lx-acc__grid { display: grid; grid-template-columns: minmax(0, 312px) minmax(0, 1fr); gap: 80px; padding: 48px var(--lx-gutter) 0; }
.lx-acc__nav ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--lx-ink); }
.lx-acc__nav a { display: flex; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid var(--lx-line); font: 400 14px var(--lx-sans); color: var(--lx-ink); }
.lx-acc__nav a.is-active { font-weight: 500; }
.lx-acc__nav a.is-active::after { content: ''; width: 6px; height: 6px; margin-top: 6px; background: var(--lx-blue); }
.lx-acc__nav .lx-acc__logout { color: var(--lx-meta); }
.lx-acc__main { min-width: 0; }
.lx-acc__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 40px; }
.lx-acc__head .lx-eyebrow { margin-bottom: 14px; }
.lx-acc__title { margin: 0 0 32px; font: 300 52px/1.04 var(--lx-serif); color: var(--lx-ink); }
.lx-acc__head .lx-acc__title { margin: 0; }
.lx-acc__badge { display: inline-flex; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid var(--lx-line); font: 400 13px var(--lx-sans); color: var(--lx-ink); }
.lx-acc__badge span { padding: 4px 8px; background: var(--lx-blue); font: 500 10px/1 var(--lx-sans); letter-spacing: .12em; }
.lx-acc__card { padding: 28px 0; border-top: 1px solid var(--lx-ink); }
.lx-acc__cardhead { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 20px; }
.lx-acc__cardtitle { margin: 0 0 16px; font: 400 26px var(--lx-serif); color: var(--lx-ink); }
.lx-acc__cardhead .lx-acc__cardtitle { margin: 0; }
.lx-acc__table { width: 100%; margin-bottom: 32px; border-collapse: collapse; font: 300 14px/1.5 var(--lx-sans); color: var(--lx-ink); }
.lx-acc__table th { padding: 10px 12px 10px 0; border-bottom: 1px solid var(--lx-line); font: 500 10px/1 var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--lx-eyebrow); text-align: left; }
.lx-acc__table td { padding: 14px 12px 14px 0; border-bottom: 1px solid var(--lx-line); vertical-align: top; }
.lx-acc__status::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--lx-blue); vertical-align: middle; }
.lx-acc__actions { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; }
.lx-acc__empty, .lx-acc__muted { font: 300 14px/1.6 var(--lx-sans); color: var(--lx-meta); }
.lx-acc__facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin: 0 0 32px; }
.lx-acc__facts dt { font: 500 10px/1 var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-acc__facts dd { margin: 8px 0 0; font: 400 15px var(--lx-sans); color: var(--lx-ink); }
.lx-acc__addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-bottom: 32px; }
.lx-acc__addresses address { margin: 0 0 16px; font: 300 14px/1.7 var(--lx-sans); font-style: normal; color: var(--lx-text); }
.lx-acc__totals { max-width: 420px; margin: 0 0 40px auto; }
.lx-acc__totals div { display: flex; justify-content: space-between; gap: 16px; padding: 6px 0; font: 300 14px var(--lx-sans); color: var(--lx-text); }
.lx-acc__totals dd { margin: 0; color: var(--lx-ink); }
.lx-acc__totals .is-grand { margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--lx-ink); font: 400 18px var(--lx-sans); color: var(--lx-ink); }
.lx-acc__form { max-width: 720px; }
.lx-acc__default { margin-top: 8px; }
.lx-acc__wish { margin: 0 0 32px; padding: 0; list-style: none; border-top: 1px solid var(--lx-ink); }
.lx-acc__wishitem { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto auto; align-items: center; gap: 24px; padding: 20px 0; border-bottom: 1px solid var(--lx-line); }
.lx-acc__wishimg { display: block; aspect-ratio: 1; padding: 8px; background: var(--lx-warm); }
.lx-acc__wishimg img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-acc__wishname { font: 400 20px/1.25 var(--lx-serif); color: var(--lx-ink); }
.lx-acc__wishprice { font: 400 15px var(--lx-sans); color: var(--lx-ink); white-space: nowrap; }
.lx-acc__wishprice s { color: var(--lx-muted); font-size: 13px; }

/* ---------- Obrazac upita (demo, najam) ---------- */
.lx-inquiry { position: relative; overflow: hidden; margin-top: 96px; }
.lx-inquiry--dark { background: var(--lx-ink); color: #fff; }
.lx-inquiry--light { background: var(--lx-warm); color: var(--lx-ink); }
.lx-inquiry--dark::before { content: ''; position: absolute; top: -80px; right: -60px; width: 380px; height: 380px; background: url(../image/x-mark.png) center / contain no-repeat; opacity: .08; pointer-events: none; }
.lx-inquiry__inner { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 96px; max-width: var(--lx-page); margin: 0 auto; padding: 128px var(--lx-gutter); }
.lx-inquiry__title { margin: 24px 0 0; font: 300 56px/1.04 var(--lx-serif); text-wrap: pretty; }
.lx-inquiry__text { margin-top: 20px; font: 300 16px/1.7 var(--lx-sans); }
.lx-inquiry--dark .lx-inquiry__text { color: var(--lx-on-dark); }
.lx-inquiry__text p { margin: 0 0 12px; }
.lx-inquiry__phones { display: flex; flex-direction: column; margin: 28px 0 0; font: 300 26px/1.4 var(--lx-serif); }
.lx-inquiry__phones a { color: inherit; }
.lx-inquiry__box { align-self: start; padding: 40px; background: #fff; color: var(--lx-ink); }
.lx-inquiry--light .lx-inquiry__box { border: 1px solid var(--lx-line); }
.lx-inquiry__form { gap: 16px; }
.lx-inquiry__hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.lx-inquiry__types { margin: 0; padding: 0; border: 0; min-width: 0; }
.lx-inquiry__types .lx-label { margin-bottom: 10px; }
.lx-inquiry__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.lx-inquiry__chips input { position: absolute; opacity: 0; pointer-events: none; }
.lx-inquiry__chips .lx-chip:focus-within { outline: 2px solid var(--lx-blue); outline-offset: 2px; }
.lx-input--area { height: auto; min-height: 96px; padding: 14px 16px; resize: vertical; line-height: 1.5; }
.lx-inquiry__done { padding: 24px 0; font: 300 28px/1.3 var(--lx-serif); color: var(--lx-ink); outline: none; }
.lx-inquiry__done::before { content: ''; display: block; width: 28px; height: 2px; margin-bottom: 20px; background: var(--lx-blue); }
.lx-btn.is-loading { opacity: .6; cursor: progress; }

/* ---------- Informacijska stranica ---------- */
.lx-info { padding-bottom: 32px; }
.lx-info__crumbs { max-width: var(--lx-page); margin: 0 auto; }
.lx-info__main { max-width: var(--lx-page); margin: 0 auto; padding: 32px var(--lx-gutter) 0; }
.lx-info__main--cols { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 64px; }
.lx-info__title { margin: 0 0 40px; max-width: 900px; font: 300 64px/1.04 var(--lx-serif); color: var(--lx-ink); text-wrap: pretty; }
.lx-info__body { max-width: 820px; }
.lx-info--landing .lx-info__main { padding-top: 96px; }

/* ---------- Sekcije landinga ---------- */
.lx-lp { padding: 128px var(--lx-gutter); }
.lx-lp--dark { background: var(--lx-ink); color: #fff; }
.lx-lp--warm { background: var(--lx-warm); }
.lx-lp__inner { max-width: calc(var(--lx-page) - 2 * var(--lx-gutter)); margin: 0 auto; }
.lx-lp__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 48px; }
.lx-lp .lx-eyebrow { margin: 0 0 20px; }
.lx-lp__title { margin: 0; font: 300 52px/1.04 var(--lx-serif); text-wrap: pretty; }
.lx-lp__text { margin-top: 24px; font: 300 16px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-lp__text p { margin: 0 0 12px; }
.lx-lp__text--small { font-size: 14px; }
.lx-lp--dark .lx-lp__text { color: var(--lx-on-dark); }
.lx-hero__trust { display: flex; flex-wrap: wrap; gap: 16px 40px; margin: 56px 0 0; padding: 28px 0 0; border-top: 1px solid var(--lx-line); list-style: none; font: 300 14px var(--lx-sans); color: var(--lx-ink); }
.lx-hero__trust li { display: flex; align-items: center; gap: 10px; }
.lx-hero__trust li::before { content: ''; width: 6px; height: 6px; background: var(--lx-blue); }
.lx-facts__head { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: end; }
.lx-facts__head .lx-lp__title { font-size: 56px; }
.lx-facts__head .lx-lp__text { max-width: 560px; margin: 0; font-size: 17px; line-height: 1.75; }
.lx-facts__list { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; margin: 72px 0 0; padding: 0; border-top: 1px solid var(--lx-line-dark); list-style: none; }
.lx-facts__list li { padding: 40px 36px 0; border-right: 1px solid var(--lx-line-dark); }
.lx-facts__list li:first-child { padding-left: 0; }
.lx-facts__list li:last-child { border-right: 0; }
.lx-facts__value { display: block; font: 300 60px/1 var(--lx-serif); }
.lx-facts__label { display: block; margin-top: 14px; font: 300 14px/1.6 var(--lx-sans); color: var(--lx-on-dark); }
.lx-models__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.lx-models__grid--1 { grid-template-columns: minmax(0, 480px); }
.lx-models__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lx-models__card { display: flex; flex-direction: column; border: 1px solid var(--lx-line); }
.lx-models__card--featured { border-color: var(--lx-ink); }
.lx-models__img { position: relative; display: block; aspect-ratio: 4 / 3; padding: 36px; background: var(--lx-warm); }
.lx-models__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-models__badge { position: absolute; top: 16px; left: 16px; padding: 7px 10px; background: var(--lx-blue); color: var(--lx-ink); font: 500 10px/1 var(--lx-sans); letter-spacing: .14em; text-transform: uppercase; }
.lx-models__body { display: flex; flex: 1; flex-direction: column; gap: 14px; padding: 28px; }
.lx-models__name { margin: 0; font: 400 28px/1.1 var(--lx-serif); }
.lx-models__name a { color: var(--lx-ink); }
.lx-models__specs { margin: 0; }
.lx-models__spec { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--lx-line); font: 300 13px var(--lx-sans); }
.lx-models__spec dt { color: var(--lx-meta); }
.lx-models__spec dd { margin: 0; text-align: right; color: var(--lx-ink); }
.lx-models__price { display: flex; align-items: baseline; justify-content: space-between; margin-top: auto; padding-top: 8px; font: 400 18px var(--lx-sans); color: var(--lx-ink); }
.lx-models__tax { font: 300 12px var(--lx-sans); color: var(--lx-meta); }
.lx-models__actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; }
.lx-models__actions .lx-btn { padding: 0 12px; }
.lx-lpsteps--protocol .lx-lp__inner { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 96px; }
.lx-lpsteps__img { aspect-ratio: 4 / 3; margin-top: 40px; overflow: hidden; background: var(--lx-warm-2); }
.lx-lpsteps__img img { width: 100%; height: 100%; object-fit: cover; }
.lx-lpsteps__list { margin: 0; padding: 0; list-style: none; }
.lx-lpsteps--protocol .lx-lpsteps__list { border-top: 1px solid var(--lx-ink); }
.lx-lpsteps--protocol .lx-lpsteps__item { display: grid; grid-template-columns: 96px minmax(0, 1fr) 120px; gap: 24px; align-items: baseline; padding: 32px 0; border-bottom: 1px solid var(--lx-line); }
.lx-lpsteps--protocol .lx-lpsteps__label { font: 500 11px/1 var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-lpsteps__title { margin: 0; font: 400 26px/1.15 var(--lx-serif); color: var(--lx-ink); }
.lx-lpsteps__text { margin: 8px 0 0; font: 300 14px/1.6 var(--lx-sans); color: var(--lx-text); }
.lx-lpsteps__time { font: 300 14px var(--lx-sans); color: var(--lx-meta); text-align: right; }
.lx-lpsteps--row .lx-lpsteps__list { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: 24px; margin-top: 56px; }
.lx-lpsteps--row .lx-lpsteps__item { padding: 36px 32px 0 0; border-top: 1px solid var(--lx-ink); }
.lx-lpsteps--row .lx-lpsteps__label { display: block; font: 300 44px/1 var(--lx-serif); color: var(--lx-blue); }
.lx-lpsteps--row .lx-lpsteps__title { margin-top: 20px; font-size: 24px; }
.lx-roi__inner { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 96px; align-items: center; }
.lx-roi__box { padding: 40px; border: 1px solid var(--lx-ink); }
.lx-roi__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 52px; padding: 8px 0; border-bottom: 1px solid var(--lx-line); font: 300 14px var(--lx-sans); color: var(--lx-ink); }
.lx-roi__row > span:first-child { color: var(--lx-text); }
.lx-roi__row--total { border-bottom: 0; font: 400 16px var(--lx-sans); }
.lx-roi__row--total > span:first-child { color: var(--lx-ink); }
.lx-roi__input { display: inline-flex; align-items: center; gap: 8px; }
.lx-roi__input input { width: 88px; height: 40px; padding: 0 10px; border: 1px solid var(--lx-border); font: 300 15px var(--lx-sans); text-align: right; color: var(--lx-ink); }
.lx-roi__input input:focus { border-color: var(--lx-ink); outline: none; }
.lx-roi__box .lx-btn { margin-top: 20px; }
.lx-compare__inner { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 64px; }
.lx-compare__scroll { overflow-x: auto; }
.lx-compare__table { width: 100%; border-collapse: collapse; border-top: 1px solid var(--lx-ink); font: 300 14px var(--lx-sans); color: var(--lx-ink); }
.lx-compare__table thead th { padding: 20px 12px 20px 0; border-bottom: 1px solid var(--lx-line); font: 400 26px var(--lx-serif); text-align: left; white-space: nowrap; }
.lx-compare__table tbody th { padding: 18px 12px 18px 0; border-bottom: 1px solid var(--lx-line); font-weight: 300; color: var(--lx-meta); text-align: left; }
.lx-compare__table td { padding: 18px 12px 18px 0; border-bottom: 1px solid var(--lx-line); }
.lx-compare__badge { display: inline-block; margin-left: 8px; padding: 5px 8px; background: var(--lx-blue); font: 500 10px/1 var(--lx-sans); letter-spacing: .14em; text-transform: uppercase; vertical-align: middle; }
.lx-faqmod__inner { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 64px; }
.lx-faqmod .lx-lp__title { font-size: 48px; }
.lx-faqmod__link { display: inline-block; margin-top: 32px; }
.lx-faqmod .lx-faq__list { border-top: 1px solid var(--lx-ink); }
.lx-faqmod .lx-faq__q { margin: 0; font: inherit; }
.lx-faqmod .lx-faq__a p { max-width: 640px; margin: 0 0 26px; font: 300 15px/1.7 var(--lx-sans); color: var(--lx-text); }

/* ---------- Blog ---------- */
.lx-blog__crumbs, .lx-article__crumbs { max-width: var(--lx-page); margin: 0 auto; }
.lx-blog__inner { max-width: var(--lx-page); margin: 0 auto; padding: 48px var(--lx-gutter) 0; }
.lx-blog__title { margin: 0; font: 300 72px/1.04 var(--lx-serif); color: var(--lx-ink); }
.lx-blog__intro { max-width: 760px; margin-top: 20px; }
.lx-blog__intro p { text-align: left !important; }
.lx-blog__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 64px 24px; margin-top: 48px; }
.lx-post { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.lx-post__img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--lx-warm-2); }
.lx-post__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.lx-post:hover .lx-post__img img { transform: scale(1.03); }
.lx-post__title { margin: 0; font: 400 26px/1.12 var(--lx-serif); color: var(--lx-ink); text-wrap: pretty; }
.lx-post__title a { color: inherit; }
.lx-post__lead { display: -webkit-box; margin: 12px 0 0; overflow: hidden; font: 300 14px/1.65 var(--lx-sans); color: var(--lx-text); -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.lx-post__lead p { margin: 0; }
.lx-post--featured { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; align-items: center; background: var(--lx-warm); }
.lx-post--featured .lx-post__img { background: none; }
.lx-post--featured .lx-post__body { padding-right: 64px; }
.lx-post--featured .lx-eyebrow { margin: 0 0 20px; }
.lx-post--featured .lx-post__title { font: 300 48px/1.04 var(--lx-serif); }
.lx-post--featured .lx-post__lead { margin-top: 20px; font-size: 16px; line-height: 1.7; -webkit-line-clamp: 5; }
.lx-post__more { display: inline-block; margin-top: 32px; }
.lx-blog__pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin: 64px 0 32px; }
.lx-blog__results, .lx-blog__empty { margin: 0; font: 300 13px var(--lx-sans); color: var(--lx-meta); }
.lx-article__head { display: flex; flex-direction: column; align-items: center; max-width: 1000px; margin: 0 auto; padding: 48px var(--lx-gutter) 0; text-align: center; }
.lx-article__title { margin: 24px 0 0; font: 300 64px/1.04 var(--lx-serif); color: var(--lx-ink); text-wrap: pretty; }
.lx-article__meta { margin: 24px 0 0; font: 300 14px var(--lx-sans); color: var(--lx-meta); }
.lx-article__hero { max-width: var(--lx-page); margin: 56px auto 0; padding: 0 var(--lx-gutter); }
.lx-article__hero img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #fff; }
.lx-article__grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr); gap: 48px; max-width: var(--lx-page); margin: 0 auto; padding: 80px var(--lx-gutter) 0; }
.lx-article__main { grid-column: 2; min-width: 0; }
.lx-article__toc { grid-column: 1; grid-row: 1; align-self: start; position: sticky; top: 120px; padding-top: 16px; border-top: 1px solid var(--lx-ink); }
.lx-article__toclist { display: flex; flex-direction: column; gap: 14px; margin: 20px 0 0; padding: 0; list-style: none; font: 300 14px/1.4 var(--lx-sans); }
.lx-article__toclist a { color: var(--lx-meta); }
.lx-article__toclist a:hover { color: var(--lx-ink); }
.lx-article__share { grid-column: 3; grid-row: 1; align-self: start; padding-top: 16px; border-top: 1px solid var(--lx-ink); }
.lx-article__sharelinks { display: flex; flex-wrap: wrap; gap: 12px 16px; margin-top: 20px; font: 400 13px var(--lx-sans); }
.lx-article__sharelinks a, .lx-article__sharelinks button { padding: 0 0 2px; border: 0; border-bottom: 1px solid var(--lx-blue); background: none; font: inherit; color: var(--lx-ink); cursor: pointer; }
.lx-article__body { max-width: 720px; font-size: 18px; }
.lx-article__body h2 { scroll-margin-top: 120px; }
.lx-article__tags { margin: 40px 0 0; font: 300 14px var(--lx-sans); color: var(--lx-meta); }
.lx-article__tags a { color: var(--lx-ink); border-bottom: 1px solid var(--lx-blue); }
.lx-article__products, .lx-article__more { max-width: var(--lx-page); margin: 0 auto; padding: 128px var(--lx-gutter) 0; }
.lx-article__section { margin: 0; font: 300 44px/1.04 var(--lx-serif); color: var(--lx-ink); }
.lx-article__morehead { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.lx-blog__grid--related { margin-top: 40px; }

/* ---------- Kontakt ---------- */
.lx-contact__crumbs, .lx-404__crumbs, .lx-brands__crumbs, .lx-cmp__crumbs, .lx-sitemap__crumbs { max-width: var(--lx-page); margin: 0 auto; }
.lx-contact__inner, .lx-brands__inner, .lx-cmp__inner, .lx-sitemap__inner { max-width: var(--lx-page); margin: 0 auto; padding: 48px var(--lx-gutter) 32px; }
.lx-contact__title, .lx-brands__title, .lx-cmp__title, .lx-sitemap__title { margin: 0 0 48px; font: 300 64px/1.04 var(--lx-serif); color: var(--lx-ink); }
.lx-contact__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 96px; }
.lx-contact__h { margin: 0 0 20px; padding-top: 16px; border-top: 1px solid var(--lx-ink); font: 500 11px/1 var(--lx-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--lx-eyebrow); }
.lx-contact__img { display: block; width: auto; max-width: 200px; height: auto; margin-bottom: 24px; }
.lx-contact__facts { display: grid; gap: 20px; margin: 0 0 40px; }
.lx-contact__facts dt { font: 400 13px var(--lx-sans); color: var(--lx-meta); }
.lx-contact__facts dd { margin: 6px 0 0; font: 300 22px/1.35 var(--lx-serif); color: var(--lx-ink); }
.lx-contact__facts dd a { color: inherit; }
.lx-contact__comment, .lx-contact__location { margin-bottom: 40px; font: 300 14px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-contact__location p { margin: 0; }
.lx-contact__locname { font-weight: 400; color: var(--lx-ink); }
.lx-contact__map { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; min-height: 280px; padding: 32px; background: var(--lx-warm); }
.lx-contact__map iframe { width: 100%; height: 360px; border: 0; }
.lx-contact__map:has(iframe) { padding: 0; }
.lx-contact__mapnote { margin: 0; font: 300 12px var(--lx-sans); color: var(--lx-meta); }
.lx-contact__formbox { align-self: start; padding: 40px; background: var(--lx-warm); }
.lx-contact__form { gap: 20px; }
.lx-contact__form .lx-btn { align-self: flex-start; }

/* ---------- 404 ---------- */
.lx-404__inner { display: flex; flex-direction: column; align-items: center; max-width: 760px; margin: 0 auto; padding: 64px var(--lx-gutter) 96px; text-align: center; }
.lx-404__code { margin: 0; font: 300 180px/1 var(--lx-serif); color: var(--lx-blue); }
.lx-404__title { margin: 16px 0 0; font: 300 52px/1.04 var(--lx-serif); color: var(--lx-ink); }
.lx-404__text, .lx-404__lead { margin: 16px 0 0; font: 300 16px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-404__search { display: flex; gap: 8px; width: 100%; max-width: 520px; margin: 32px 0 24px; }

/* ---------- Brendovi ---------- */
.lx-brands__index { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 56px; }
.lx-brands__group { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 24px; padding: 28px 0; border-top: 1px solid var(--lx-line); }
.lx-brands__letter { margin: 0; font: 300 44px/1 var(--lx-serif); color: var(--lx-ink); scroll-margin-top: 140px; }
.lx-brands__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 24px; margin: 0; padding: 8px 0 0; list-style: none; font: 300 16px var(--lx-sans); }
.lx-brands__list a { color: var(--lx-ink); }
.lx-brands__empty { font: 300 16px var(--lx-sans); color: var(--lx-text); }

/* ---------- Usporedba ---------- */
.lx-cmp__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 32px; }
.lx-cmp__head .lx-cmp__title { margin: 0; }
.lx-cmp__scroll { overflow-x: auto; }
.lx-cmp__table { width: 100%; border-collapse: collapse; font: 300 14px/1.5 var(--lx-sans); color: var(--lx-ink); }
.lx-cmp__table thead th, .lx-cmp__corner { position: sticky; top: 0; z-index: 1; background: #fff; }
.lx-cmp__product { min-width: 220px; padding: 0 16px 24px; vertical-align: top; text-align: left; font-weight: 400; }
.lx-cmp__product > * { display: block; }
.lx-cmp__remove { float: right; font: 300 22px/1 var(--lx-sans); color: var(--lx-meta); }
.lx-cmp__img { width: 100%; max-width: 220px; aspect-ratio: 1; margin-bottom: 16px; padding: 16px; background: var(--lx-warm); }
.lx-cmp__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.lx-cmp__name { font: 400 20px/1.25 var(--lx-serif); color: var(--lx-ink); }
.lx-cmp__price { margin: 10px 0 14px; font: 400 15px var(--lx-sans); }
.lx-cmp__price s { color: var(--lx-muted); font-size: 13px; }
.lx-cmp__table tbody th { min-width: 180px; padding: 14px 16px 14px 0; border-bottom: 1px solid var(--lx-line); font-weight: 300; color: var(--lx-meta); text-align: left; vertical-align: top; }
.lx-cmp__table tbody td { padding: 14px 16px; border-bottom: 1px solid var(--lx-line); vertical-align: top; }
.lx-cmp__group th { padding: 32px 0 12px !important; border-bottom: 1px solid var(--lx-ink) !important; font: 500 11px/1 var(--lx-sans) !important; letter-spacing: .22em; text-transform: uppercase; color: var(--lx-eyebrow) !important; }
.lx-cmp__summary { font-size: 13px; color: var(--lx-text); }
.lx-cmp__empty { font: 300 16px var(--lx-sans); color: var(--lx-text); }

/* ---------- Sitemap i sadržaj informacijskih stranica ---------- */
.lx-sitemap__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; }
.lx-sitemap__list, .lx-sitemap__list ul { margin: 0; padding: 0; list-style: none; }
.lx-sitemap__list > li { padding: 14px 0; border-bottom: 1px solid var(--lx-line); font: 400 16px var(--lx-sans); }
.lx-sitemap__list ul { margin: 8px 0 0 16px; font: 300 14px/1.9 var(--lx-sans); }
.lx-sitemap__list a { color: var(--lx-ink); }
.lx-info__main.has-toc { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 64px; }
.lx-info__main.has-toc .lx-info__toc { grid-column: 1; grid-row: 1; }
.lx-info__main.has-toc .lx-info__content { grid-column: 2; }

/* ---------- Kolačići ---------- */
.lx-cookie { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1100; background: var(--lx-ink); color: #fff; box-shadow: 0 -12px 32px rgba(26, 26, 26, .18); }
.lx-cookie__inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; max-width: var(--lx-page); margin: 0 auto; padding: 20px var(--lx-gutter); }
.lx-cookie__text { margin: 0; max-width: 760px; font: 300 14px/1.6 var(--lx-sans); color: var(--lx-on-dark); }
.lx-cookie__text a { color: #fff; border-bottom: 1px solid var(--lx-blue); }
.lx-cookie__actions { display: flex; flex: none; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.lx-cookie .lx-btn--outline { border-color: rgba(255, 255, 255, .4); color: #fff; }
.lx-cookie .lx-btn--outline:hover { background: #fff; color: var(--lx-ink); }
.lx-cookie__link, .lx-footer__cookie { padding: 0; border: 0; border-bottom: 1px solid var(--lx-blue); background: none; font: 400 12px var(--lx-sans); color: inherit; cursor: pointer; }
.lx-cookie-modal { position: fixed; inset: 0; z-index: 1101; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(26, 26, 26, .5); }
.lx-cookie-modal__box { width: min(560px, 100%); max-height: calc(100vh - 40px); overflow-y: auto; padding: 32px; background: #fff; }
.lx-cookie-modal__title { margin: 0 0 16px; font: 300 32px/1.1 var(--lx-serif); color: var(--lx-ink); }
.lx-cookie-modal__row { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 16px 0; border-bottom: 1px solid var(--lx-line); cursor: pointer; }
.lx-cookie-modal__row strong { display: block; font: 500 14px var(--lx-sans); color: var(--lx-ink); }
.lx-cookie-modal__row small { display: block; margin-top: 4px; font: 300 13px/1.5 var(--lx-sans); color: var(--lx-text); }
.lx-cookie-modal__row input { flex: none; width: 18px; height: 18px; margin-top: 2px; accent-color: var(--lx-ink); }
.lx-cookie-modal__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 24px; }

/* ---------- Zahvala: HUB-3 uplatnica ---------- */
.lx-success__scan { display: block; width: 100%; max-width: 500px; height: auto; margin: 24px auto 32px; border: 1px solid var(--lx-line); }

/* ---------- Preuzimanja (katalozi) ---------- */
.lx-downloads { padding-top: 64px; padding-bottom: 64px; }
.lx-downloads__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 24px; margin: 0; padding: 0; list-style: none; }
.lx-downloads__item { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.lx-downloads__img { display: block; width: 100%; aspect-ratio: 3 / 4; margin-bottom: 10px; overflow: hidden; background: var(--lx-warm-2); }
.lx-downloads__img img { width: 100%; height: 100%; object-fit: cover; }
.lx-downloads__title { margin: 0; font: 400 24px/1.2 var(--lx-serif); color: var(--lx-ink); }
.lx-downloads__text { margin: 0 0 8px; font: 300 14px/1.6 var(--lx-sans); color: var(--lx-text); }

/* ---------- Recenzije (lista s core rute) i omotači stupaca ---------- */
.lx-column, .lx-column--left, .lx-column--right { min-width: 0; }
.lx-reviews__list { margin: 0 0 24px; padding: 0; list-style: none; border-top: 1px solid var(--lx-line); }
.lx-review { padding: 20px 0; border-bottom: 1px solid var(--lx-line); }
.lx-review__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.lx-review__author { font: 500 14px var(--lx-sans); color: var(--lx-ink); }
.lx-review__date { font: 300 13px var(--lx-sans); color: var(--lx-meta); }
.lx-review__stars { position: relative; display: inline-block; font-size: 14px; line-height: 1; letter-spacing: 2px; color: var(--lx-border); }
.lx-review__stars::before, .lx-review__stars span::before { content: '\2605\2605\2605\2605\2605'; }
.lx-review__stars span { position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; color: var(--lx-ink); }
.lx-review__text { margin: 10px 0 0; font: 300 14px/1.7 var(--lx-sans); color: var(--lx-text); }
.lx-reviews__empty { font: 300 14px var(--lx-sans); color: var(--lx-meta); }

/* Dopuna nakon testa klasa */
.lx-cat__content, .lx-cat__side, .lx-card__body { min-width: 0; }
.lx-card__badge--sale { background: var(--lx-blue); }
.lx-card__price--sale { color: var(--lx-ink); }
.lx-sort__label, .lx-sort__value { white-space: nowrap; }
.lx-subcats__item--all { order: -1; }
.lx-footer__legal { min-width: 0; text-align: right; }

/* ---------- Tablet i manji desktop (<1200): header s hamburgerom ---------- */
@media (max-width: 1199px) {
  .lx-contact__grid { gap: 48px; }
  .lx-brands__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lx-info__main.has-toc { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .lx-info__main.has-toc .lx-info__toc, .lx-info__main.has-toc .lx-info__content { grid-column: 1; grid-row: auto; position: static; }
  .lx-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lx-post--featured { gap: 32px; }
  .lx-post--featured .lx-post__body { padding-right: 32px; }
  .lx-article__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .lx-article__main, .lx-article__toc, .lx-article__share { grid-column: 1; grid-row: auto; position: static; }
  .lx-article__main { order: 2; }
  .lx-article__share { order: 3; }
  .lx-lp { padding: 96px var(--lx-gutter); }
  .lx-lp__title { font-size: 44px; }
  .lx-facts__head, .lx-lpsteps--protocol .lx-lp__inner, .lx-roi__inner, .lx-compare__inner, .lx-faqmod__inner { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .lx-models__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lx-lpsteps--row .lx-lpsteps__list { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lx-info__main--cols { grid-template-columns: minmax(0, 1fr); }
  .lx-inquiry__inner { gap: 48px; padding: 96px var(--lx-gutter); }
  .lx-inquiry__title { font-size: 44px; }
  .lx-acc__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .lx-acc__nav ul { display: flex; flex-wrap: nowrap; gap: 0 20px; overflow-x: auto; border-top: 0; border-bottom: 1px solid var(--lx-line); scrollbar-width: none; }
  .lx-acc__nav a { padding: 12px 0; border-bottom: 0; white-space: nowrap; }
  .lx-acc__nav a.is-active { box-shadow: inset 0 -2px 0 var(--lx-ink); }
  .lx-acc__nav a.is-active::after { display: none; }
  .lx-header { height: 60px; }
  .lx-header__inner { grid-template-columns: 1fr auto 1fr; gap: 0; padding: 0 max(8px, calc(var(--lx-gutter) - 12px)); }
  .lx-header__burger { display: inline-flex; justify-self: start; }
  .lx-nav, .lx-header__account { display: none; }
  .lx-header__logo { justify-self: center; }
  .lx-header__logo img { height: 32px; }
  .lx-header .lx-iconbtn { width: 44px; height: 44px; }
  .lx-header__icons { gap: 0; }
  .lx-header__count { top: 5px; right: 3px; }
  .lx-auth__grid, .lx-auth__grid--register { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .lx-search-panel__results { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .lx-search-panel__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lx-search__cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .lx-search__help { grid-column: 1 / -1; }
  .lx-intent__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lx-rent__box { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lx-rent__main { grid-column: 1 / -1; padding: 56px 40px; }
  .lx-rent__item { padding: 40px 32px; border-top: 1px solid var(--lx-line-dark); }
  .lx-rent__item:nth-child(2) { border-left: 0; }
  .lx-brands__body { padding: 32px; }
  .lx-newsletter__box { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 48px 40px; }
  .lx-section { padding-top: 96px; }
  .lx-section__title { font-size: 42px; }
  .lx-hero { min-height: 600px; }
  .lx-hero__title { font-size: 52px; }
  .lx-ptabs__head.has-chips { grid-template-columns: minmax(0, 1fr); }
  .lx-ptabs__chips { justify-content: flex-start; }
  .lx-ptabs__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lx-cart__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .lx-cart__side { max-width: 560px; }

  .lx-pdp__hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; }
  .lx-pdp__info { position: static; }
  .lx-pdp__title { font-size: 44px; }
  .lx-pdp__title--long { font-size: 34px; }
  /* uži stupac: količina i srce u prvom redu, gumb košarice preko cijele širine ispod */
  .lx-buy__row { flex-wrap: wrap; justify-content: space-between; }
  .lx-buy__cart { flex: 1 1 100%; order: 3; min-width: 0; }
  .lx-gallery.has-thumbs { grid-template-columns: minmax(0, 1fr); }
  .lx-gallery__thumbs { flex-direction: row; order: 2; overflow-x: auto; scrollbar-width: none; }
  .lx-gallery__thumb { flex: none; width: 72px; height: 72px; }
  .lx-gallery__slide { padding: 32px; }
  .lx-pdp__section { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-top: 64px; }
  .lx-related { padding-top: 96px; }
  .lx-related__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .lx-cat__main, .lx-cat--device .lx-cat__main { grid-template-columns: minmax(0, 1fr); gap: 0; padding-top: 24px; }
  .lx-cat__side { position: fixed; top: 0; bottom: 0; left: 0; z-index: 1000; width: min(420px, 100%); padding: 0 20px 32px; overflow-y: auto; background: #fff; transform: translateX(-100%); visibility: hidden; transition: transform .25s ease, visibility 0s linear .25s; }
  .lx-cat__side.is-open { transform: none; visibility: visible; transition-delay: 0s; }
  .lx-sheet__head { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; height: 60px; margin: 0 -20px 16px; padding: 0 8px 0 20px; background: #fff; border-bottom: 1px solid var(--lx-line); font: 500 12px/1 var(--lx-sans); letter-spacing: .16em; text-transform: uppercase; }
  .lx-sheet__head .lx-iconbtn { width: 44px; height: 44px; }
  /* Dizajn „Kategorija · 375": traka preko cijele širine, ljepljiva ispod headera (60 px), bez broja (broj je u „Prikazano X od Y") */
  .lx-toolbar { position: sticky; top: 60px; z-index: 5; display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0 calc(-1 * var(--lx-gutter)); padding: 0; background: #fff; border-top: 1px solid var(--lx-line); border-bottom: 1px solid var(--lx-line); }
  .lx-toolbar__btn, .lx-toolbar__filters { display: flex; justify-content: center; height: 48px; }
  .lx-toolbar__filters { border-right: 1px solid var(--lx-line); }
  .lx-sort { margin: 0; }
  .lx-sort__label { display: none; }
  .lx-toolbar__count { display: none; }
  .lx-grid--standard, .lx-grid--device { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lx-js .lx-cat .lx-more { display: flex; }
  .lx-js .lx-cat .lx-pagination { display: none; }
  .lx-subcats--tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 768px) and (max-width: 1199px) {
  :root { --lx-gutter: 40px; }
  .lx-footer__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lx-footer__brand { grid-column: 1 / -1; }
  .lx-topbar__msgs li:nth-child(n+3) { display: none; }
}

/* ---------- Mobitel (<768) ---------- */
@media (max-width: 767px) {
  .lx-downloads__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 12px; }
  .lx-downloads__title { font-size: 20px; }
  .lx-cookie__inner { flex-direction: column; align-items: stretch; gap: 16px; padding: 16px 20px; }
  .lx-cookie__actions .lx-btn { flex: 1; }
  .lx-cookie-modal__box { padding: 24px 20px; }
  .lx-contact__inner, .lx-brands__inner, .lx-cmp__inner, .lx-sitemap__inner { padding: 24px 20px 32px; }
  .lx-contact__title, .lx-brands__title, .lx-cmp__title, .lx-sitemap__title { margin-bottom: 32px; font-size: 38px; }
  .lx-contact__grid, .lx-sitemap__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .lx-contact__form .lx-form__grid { grid-template-columns: minmax(0, 1fr); }
  .lx-contact__formbox { padding: 24px 20px; }
  .lx-404__code { font-size: 120px; }
  .lx-404__title { font-size: 36px; }
  .lx-404__search { flex-direction: column; }
  .lx-brands__group { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .lx-brands__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lx-cmp__head { flex-direction: column; align-items: flex-start; }
  .lx-cmp__product { min-width: 180px; }
  .lx-blog__inner { padding: 24px 20px 0; }
  .lx-blog__title { font-size: 44px; }
  .lx-blog__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; margin-top: 32px; }
  .lx-post--featured { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .lx-post--featured .lx-post__body { padding: 24px 20px 28px; }
  .lx-post--featured .lx-post__title { font-size: 32px; }
  .lx-post__title { font-size: 24px; }
  .lx-article__head { padding: 24px 20px 0; }
  .lx-article__title { font-size: 38px; }
  .lx-article__hero { margin-top: 32px; padding: 0; }
  .lx-article__grid { padding: 40px 20px 0; }
  .lx-article__body { font-size: 16px; }
  .lx-article__products, .lx-article__more { padding: 64px 20px 0; }
  .lx-article__section { font-size: 32px; }
  .lx-article__morehead { flex-direction: column; align-items: flex-start; }
  .lx-lp { padding: 64px 20px; }
  .lx-lp__title, .lx-facts__head .lx-lp__title, .lx-faqmod .lx-lp__title { font-size: 34px; }
  .lx-lp__head { flex-direction: column; align-items: flex-start; }
  .lx-info__title { font-size: 38px; }
  .lx-info__main { padding: 24px 20px 0; }
  .lx-hero__trust { flex-direction: column; margin-top: 32px; }
  .lx-facts__list { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); margin-top: 40px; }
  .lx-facts__list li { padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--lx-line-dark); }
  .lx-facts__value { font-size: 44px; }
  .lx-models__grid, .lx-models__grid--2 { grid-template-columns: minmax(0, 1fr); }
  .lx-lpsteps--protocol .lx-lpsteps__item { grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 24px 0; }
  .lx-lpsteps__time { text-align: left; }
  .lx-lpsteps--row .lx-lpsteps__list { grid-template-columns: minmax(0, 1fr); margin-top: 32px; }
  .lx-lpsteps--row .lx-lpsteps__item { padding: 24px 0 0; }
  .lx-roi__box { padding: 24px 20px; }
  .lx-compare__table { min-width: 560px; }
  .lx-faqmod__inner { gap: 24px; }
  .lx-inquiry { margin-top: 64px; }
  .lx-inquiry__inner { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 64px 20px; }
  .lx-inquiry__title { font-size: 36px; }
  .lx-inquiry__phones { font-size: 22px; }
  .lx-inquiry__box { padding: 24px 20px; }
  .lx-inquiry__form .lx-form__grid { grid-template-columns: minmax(0, 1fr); }
  .lx-acc__grid { padding: 24px 20px 0; }
  .lx-acc__title { font-size: 36px; }
  .lx-acc__head { flex-direction: column; align-items: flex-start; }
  .lx-acc__table { display: block; overflow-x: auto; }
  .lx-acc__table .lx-link { white-space: nowrap; }
  .lx-acc__table .lx-acc__actions { flex-direction: column; align-items: flex-start; gap: 10px; }
  .lx-acc__addresses { grid-template-columns: minmax(0, 1fr); }
  .lx-acc__wishitem { grid-template-columns: 72px minmax(0, 1fr); gap: 12px 16px; }
  .lx-acc__wishprice, .lx-acc__wishitem .lx-acc__actions { grid-column: 2; }
  :root { --lx-topbar-h: 32px; }
  .lx-topbar { font-size: 11px; }
  .lx-topbar__inner { justify-content: center; padding: 0 12px; }
  .lx-topbar__msgs li:not(:first-child), .lx-topbar__aside { display: none; }

  .lx-footer { margin-top: 64px; }
  .lx-footer__inner { padding: 40px 20px 28px; }
  .lx-footer__grid { display: block; }
  .lx-footer__logo { height: 32px; }
  .lx-footer__text, .lx-footer__title--static, .lx-footer__email { display: none; }
  .lx-footer__cols { display: block; margin-top: 24px; border-top: 1px solid var(--lx-line-dark); }
  .lx-footer__col { gap: 0; border-bottom: 1px solid var(--lx-line-dark); }
  .lx-footer__title { margin: 0; }
  .lx-footer__toggle { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 44px; padding: 16px 0; font: 300 13px var(--lx-sans); letter-spacing: 0; text-transform: none; color: var(--lx-on-dark); cursor: pointer; }
  .lx-footer__plus { display: inline; }
  .lx-footer__links { display: none; padding: 0 0 16px; }
  .lx-footer__col.is-open .lx-footer__links { display: flex; }
  .lx-footer__col.is-open .lx-footer__plus { color: var(--lx-blue); }
  .lx-footer__contact { gap: 4px; margin-top: 24px; }
  .lx-footer__phone, .lx-footer__phone:hover { font-size: 22px; }
  .lx-footer__bottom { flex-direction: column; gap: 8px; margin-top: 20px; padding-top: 0; border-top: 0; font-size: 11px; }
  .lx-footer__legal { text-align: left; line-height: 1.9; }

  .lx-crumbs, .lx-cat--device .lx-crumbs { padding: 14px 20px 0; font-size: 12px; }
  .lx-cat__intro, .lx-cat--device .lx-cat__intro { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 12px 20px 0; }
  .lx-cat__title { font-size: 38px; }
  .lx-cat--device .lx-cat__title { font-size: 40px; }
  .lx-cat__lead, .lx-cat--device .lx-cat__lead { font-size: 14px; }
  .lx-subcats--tiles, .lx-subcats--tabs { display: flex; gap: 8px; margin: 20px 0 0; padding: 0 20px; overflow-x: auto; background: none; border: 0; scrollbar-width: none; }
  .lx-subcats::-webkit-scrollbar { display: none; }
  .lx-subcats--tiles .lx-subcats__item, .lx-subcats--tabs .lx-subcats__item { display: flex; flex: none; flex-direction: row; align-items: center; gap: 8px; height: 44px; padding: 0 16px; border: 1px solid var(--lx-border); background: #fff; box-shadow: none; font: 400 13px var(--lx-sans); }
  .lx-subcats--tabs .lx-subcats__item:not(:nth-child(4n)) { border-right-color: var(--lx-border); }
  .lx-subcats--tabs .lx-subcats__item.is-active { background: var(--lx-ink); border-color: var(--lx-ink); color: #fff; box-shadow: none; }
  .lx-subcats__img { display: none; }
  .lx-subcats__name { margin: 0; }
  .lx-cat__main, .lx-cat--device .lx-cat__main { padding: 20px 20px 0; }
  .lx-grid--standard, .lx-grid--device { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; margin-top: 20px; }
  .lx-card { gap: 10px; }
  .lx-card__media { padding: 10px; }
  .lx-card--device .lx-card__media { padding: 14px; }
  .lx-card__img--alt, .lx-card__tools, .lx-card__add, .lx-card__excl { display: none; }
  .lx-card__eyebrow { margin-bottom: 8px; font-size: 9px; letter-spacing: .18em; }
  .lx-card__name { font-size: 16px; }
  .lx-card--device .lx-card__name { font-size: 17px; }
  .lx-card__sub { display: none; }
  .lx-card__prices { margin-top: 8px; }
  .lx-card__price, .lx-card--device .lx-card__price { font-size: 13px; }
  .lx-pager { margin-top: 32px; }
  .lx-more__btn { width: 100%; height: 52px; font-size: 12px; }
  .lx-catdesc { padding: 64px 20px 0; }
  .lx-prose { font-size: 15px; }
  .lx-prose h2 { margin-top: 40px; font-size: 32px; }
  .lx-prose h3 { font-size: 22px; }
  .lx-prose .lx-faq { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 64px; }
  .lx-prose .lx-faq > h2 { font-size: 34px; }
  .lx-faq__btn { padding: 20px 0; font-size: 19px; }

  .lx-pdp .lx-crumbs { padding-top: 14px; }
  .lx-pdp__hero { display: block; padding: 12px 0 0; }
  .lx-gallery, .lx-gallery.has-thumbs { display: block; }
  .lx-gallery__thumbs { display: none; }
  .lx-gallery__slide, .lx-pdp--device .lx-gallery__slide { aspect-ratio: 1; padding: 24px; }
  .lx-gallery__dots { display: flex; justify-content: center; gap: 6px; padding-top: 12px; }
  .lx-gallery__dots span { width: 20px; height: 2px; background: var(--lx-border); }
  .lx-gallery__dots span.is-active { background: var(--lx-ink); }
  .lx-pdp__info { padding: 24px 20px 0; }
  .lx-pdp__title { margin-top: 14px; font-size: 38px; }
  .lx-pdp__title--long { font-size: 30px; }
  .lx-pdp__subtitle { font-size: 18px; }
  .lx-pdp__mode { margin-top: 24px; }
  .lx-pdp__prices { margin-top: 24px; }
  .lx-pdp__price { font-size: 26px; }
  .lx-pdp__trust { margin-top: 24px; padding-top: 24px; }
  .lx-pdp__sections { padding: 0 20px; }
  .lx-pdp__section { gap: 16px; padding-top: 48px; }
  .lx-specs th { width: 45%; }
  .lx-related { padding: 64px 20px 0; }
  .lx-related__title { font-size: 32px; }
  .lx-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; }
  .lx-pdp.has-buybar { padding-bottom: 76px; }
  .lx-buybar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 950; display: flex; align-items: center; gap: 16px; padding: 12px 20px calc(12px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--lx-line); transform: translateY(100%); transition: transform .2s ease; }
  .lx-buybar[hidden] { display: none; }
  .lx-buybar.is-visible { transform: none; }
  .lx-buybar__price { display: flex; flex-direction: column; gap: 4px; font: 500 15px var(--lx-sans); color: var(--lx-ink); white-space: nowrap; }
  .lx-buybar__label { font: 300 11px var(--lx-sans); color: var(--lx-meta); }
  .lx-buybar .lx-btn { flex: 1; height: 52px; padding: 0 16px; }
  .lx-toast { right: 12px; bottom: 84px; left: 12px; max-width: none; }

  .lx-header--checkout .lx-header__inner { padding: 0 12px 0 20px; }
  .lx-header__back { font-size: 0; gap: 0; }
  .lx-header__back svg { width: 20px; height: 20px; }
  .lx-header__secure { font-size: 0; gap: 0; }
  .lx-cart { padding: 20px 20px 0; }
  .lx-steps { display: none; }
  .lx-cart__grid { margin-top: 8px; }
  .lx-cart__title { font-size: 34px; text-align: center; }
  .lx-cart__head { display: none; }
  .lx-cart__item { grid-template-columns: 80px minmax(0, 1fr) auto; grid-template-areas: "thumb info info" "thumb qty total"; gap: 12px 16px; padding: 20px 0; }
  .lx-cart__thumb { grid-area: thumb; align-self: start; }
  .lx-cart__info { grid-area: info; }
  .lx-cart__qty { grid-area: qty; justify-self: start; }
  .lx-cart__total { grid-area: total; align-self: center; font-size: 15px; }
  .lx-cart__name { font-size: 19px; }
  .lx-cart__qty.lx-qty { height: 36px; }
  .lx-summary { padding: 24px 0 0; background: none; }
  .lx-summary__title { display: none; }
  .lx-summary__rows { margin-top: 20px; }
  .lx-summary__total, .lx-summary__checkout { display: none; }
  .lx-b2bbox { padding: 20px 20px 20px 56px; }
  .lx-b2bbox::before { top: 22px; left: 20px; }
  .lx-cart { padding-bottom: 150px; }
  .lx-cartbar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 950; display: grid; gap: 12px; padding: 16px 20px calc(16px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--lx-line); }
  .lx-cartbar__total { display: flex; align-items: baseline; justify-content: space-between; font: 400 14px var(--lx-sans); color: var(--lx-ink); }
  .lx-cartbar__total strong { font: 400 26px var(--lx-sans); }
  .lx-cartbar .lx-btn { height: 52px; }
  .lx-route-extension-quickcheckout-checkout { padding: 0 20px; }
  .lx-route-extension-quickcheckout-checkout #page-title { margin-top: 24px; font-size: 34px; }
  .lx-route-extension-quickcheckout-checkout .quickcheckout-cart { width: 100%; table-layout: fixed; }
  .lx-route-extension-quickcheckout-checkout .quickcheckout-cart td { word-break: break-word; }

  .lx-section { padding: 64px 20px 0; }
  .lx-section__head { margin-bottom: 24px; }
  .lx-section__title { font-size: 34px; }
  .lx-hero { display: block; min-height: 0; }
  .lx-hero__img { position: static; height: 360px; }
  .lx-hero__box, .lx-hero--split .lx-hero__box, .lx-hero--noimg .lx-hero__box, .lx-hero--plain .lx-hero__box { width: auto; margin: 0; padding: 32px 20px 8px; }
  .lx-hero--split .lx-hero__img { width: 100%; height: 300px; }
  .lx-hero__title { font-size: 38px; }
  .lx-hero__actions .lx-btn { width: 100%; }
  .lx-logos { padding-top: 40px; }
  .lx-logos__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .lx-cstrip__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
  .lx-ptabs__chips { flex-wrap: nowrap; margin: 0 -20px; padding: 0 20px; overflow-x: auto; scrollbar-width: none; }
  .lx-ptabs__chips .lx-chip { flex: none; }
  .lx-ptabs__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lx-ptabs__grid > .lx-card { padding: 14px; }
  .lx-ptabs__more .lx-btn { width: 100%; }
  .lx-bloglatest__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .lx-bloglatest__title { font-size: 21px; }

  .lx-intent__grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .lx-intent__card { flex-direction: row; }
  .lx-intent__img { width: 40%; flex: none; aspect-ratio: 1; padding: 14px; }
  .lx-intent__body { justify-content: center; margin: 0; padding: 20px; border-top: 0; }
  .lx-intent__title { font-size: 20px; }
  .lx-intent__darktop { display: none; }
  .lx-rent__box { grid-template-columns: minmax(0, 1fr); }
  .lx-rent__main { padding: 40px 24px; }
  .lx-rent__title { font-size: 34px; }
  .lx-rent__item { padding: 28px 24px; border-left: 0; }
  .lx-brands__grid { grid-template-columns: minmax(0, 1fr); }
  .lx-brands__body { padding: 24px; }
  .lx-brands__name { font-size: 30px; }
  .lx-usp__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lx-usp__item, .lx-usp__item + .lx-usp__item { padding: 20px 12px; border-left: 0; }
  .lx-usp__item:nth-child(even) { border-left: 1px solid var(--lx-line); }
  .lx-usp__item:nth-child(n+3) { border-top: 1px solid var(--lx-line); }
  .lx-newsletter__box { padding: 32px 20px; }
  .lx-newsletter__row { flex-direction: column; }
  .lx-newsletter__row .lx-btn { width: 100%; }

  .lx-search-panel { position: fixed; top: 0; bottom: 0; z-index: 1001; max-height: none; }
  .lx-search-panel__form { padding: 16px 20px 0; }
  .lx-search-panel__input { height: 52px; font-size: 26px; }
  .lx-search-panel__close { font-size: 0; }
  .lx-search-panel__results { padding: 24px 20px 40px; }
  .lx-search__head { flex-direction: column; align-items: flex-start; margin: 0 20px; padding-top: 20px; }
  .lx-search__title { font-size: 34px; }
  .lx-search__count { display: block; margin: 6px 0 0; font-size: 18px; }
  .lx-search__empty { padding: 32px 20px 0; }
  .lx-search__cols { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 32px; }
  .lx-search__form { flex-direction: column; }

  .lx-auth__grid, .lx-auth__grid--register { padding: 32px 20px 0; }
  .lx-auth__head { padding: 24px 20px 0; }
  .lx-auth--narrow .lx-auth__main, .lx-success { padding: 40px 20px 0; }
  .lx-auth__title { font-size: 38px; }
  .lx-auth__side { padding: 32px 24px; }
  .lx-form__grid { grid-template-columns: minmax(0, 1fr); }
  .lx-auth__next { padding: 24px; }
}