/* Lontech: dodatki nad predlogo Cartzilla.
   Teme ne prepisujemo, dodajamo samo tisto, česar nima.
   Barvi znamke sta iz logotipa: modra kapljica in oranžen plamen. */

:root {
  --lt-modra:  #0b6ea9;
  --lt-ogenj:  #e8721c;
  --lt-zelena: #1e8a5f;
}

/* Logotip v temni glavi: znak je moder in oranžen, napis pa temen,
   zato ga na temni podlagi posvetlimo. */
.lt-logo-slika {
  background: #fff;
  border-radius: .5rem;
  padding: .3rem .5rem;
}

/* Ozadja panojev, dokler ne dobimo fotografij izvedenih montaž */
.lt-pano-ogrevanje { background: linear-gradient(120deg, #7a2e0a 0%, #c2571a 55%, #e8721c 100%); }
.lt-pano-voda      { background: linear-gradient(120deg, #06304a 0%, #0b6ea9 60%, #1f9bd6 100%); }
.lt-pano-sonce     { background: linear-gradient(120deg, #14324a 0%, #1e6f7d 50%, #d8a11c 100%); }
.lt-pano-montaza   { background: linear-gradient(135deg, #123c2c, #1e8a5f); }
.lt-pano-ribnik    { background: linear-gradient(135deg, #0b3a3f, #12798a); }

/* Slika izdelka: v katalogu so fotografije različnih razmerij in ozadij,
   zato jih vklopimo v enak okvir, da mreža ne poskakuje. */
.lt-slika {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%; overflow: hidden;
}
.lt-slika img { max-width: 100%; max-height: 100%; object-fit: contain; }
.lt-brez-slike {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%; color: var(--cz-body-color, #9ca3af);
  background: var(--cz-tertiary-bg, #f5f6f7); font-size: 2rem;
}

/* Oznaka montaže na kartici */
.lt-znak-montaza {
  background: rgba(30, 138, 95, .12);
  color: var(--lt-zelena);
}

/* Aktualne spodbude: kompakten "featured CTA" namesto kuponske pasice.
   Temen preliv loči dve beli prodajni sekciji, resnični fotografiji pa
   pokažeta Lontechovo izvedbo namesto naključnega kataloškega izdelka. */
.lt-subsidy-cta {
  color: #fff;
  background:
    radial-gradient(circle at 17% 10%, rgba(47, 154, 212, .28), transparent 34%),
    radial-gradient(circle at 58% 118%, rgba(232, 114, 28, .16), transparent 38%),
    linear-gradient(128deg, #0b1f31 0%, #0d314b 58%, #0b6ea9 100%);
  box-shadow: 0 1.35rem 3.5rem rgba(13, 36, 56, .2);
}
.lt-subsidy-cta::before {
  content: "";
  position: absolute;
  width: 20rem;
  height: 20rem;
  left: -10rem;
  bottom: -15rem;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 50%;
}
.lt-subsidy-cta__content { max-width: 47rem; }
.lt-subsidy-cta__eyebrow {
  padding: .5rem .8rem;
  color: #fff;
  background: rgba(255, 255, 255, .11);
  border: 1px solid rgba(255, 255, 255, .16);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
.lt-subsidy-cta__lead,
.lt-subsidy-cta__facts { color: rgba(255, 255, 255, .78); }
.lt-subsidy-cta__link { color: #fff; text-underline-offset: .25rem; }
.lt-subsidy-cta__link:hover { color: #a9dcf5; }
.lt-subsidy-cta__facts { font-size: .82rem; }
.lt-subsidy-cta__facts i { color: #79c7ec; }
.lt-subsidy-cta__media {
  position: relative;
  min-height: 27rem;
  background: #10283b;
}
.lt-subsidy-cta__photo {
  position: absolute;
  display: block;
  overflow: hidden;
  color: #fff;
}
.lt-subsidy-cta__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}
.lt-subsidy-cta__photo::after {
  content: "";
  position: absolute;
  inset: 45% 0 0;
  background: linear-gradient(transparent, rgba(4, 17, 27, .82));
}
.lt-subsidy-cta__photo span {
  position: absolute;
  z-index: 1;
  right: 1rem;
  bottom: .85rem;
  left: 1rem;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.2;
  text-shadow: 0 1px 7px rgba(0, 0, 0, .55);
}
.lt-subsidy-cta__photo:hover { color: #fff; }
.lt-subsidy-cta__photo:hover img { transform: scale(1.045); }
.lt-subsidy-cta__photo--main { inset: 0; }
.lt-subsidy-cta__photo--main::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0 auto 0 0;
  width: 24%;
  background: linear-gradient(90deg, #0d314b, transparent);
  pointer-events: none;
}
.lt-subsidy-cta__photo--inset {
  z-index: 2;
  width: min(48%, 14rem);
  height: 38%;
  right: 1.25rem;
  bottom: 1.25rem;
  border: .3rem solid rgba(255, 255, 255, .94);
  border-radius: 1rem;
  box-shadow: 0 .9rem 2rem rgba(0, 0, 0, .28);
}

/* Izbirnik različic na strani izdelka */
.lt-razlicica.active,
.lt-razlicica:hover { border-color: var(--cz-primary, #0b6ea9); }

/* Fotografije izdelkov imajo belo ozadje, zato okvir ne sme biti siv,
   sicer se vidi šiv med sliko in okvirjem. */
.lt-okvir { background: #fff; border: 1px solid var(--cz-border-color, #e5e7eb); }

/* Kartice izdelkov sledijo čistemu Cartzilla electronics vzorcu. Fotografija
   je na beli površini; ne uporabljamo sivih gradientov, multiply mešanja ali
   težkih senc, zaradi katerih so izdelki delovali umazano. */
.lt-product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: visible;
  border-color: #e3e9ef !important;
  box-shadow: none !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.lt-product-card:hover,
.lt-product-card:focus-within {
  z-index: 4;
  transform: translateY(-2px);
  border-color: rgba(11, 110, 169, .3) !important;
  box-shadow: 0 .85rem 2rem rgba(25, 48, 70, .09) !important;
}
.lt-product-card__top { padding-top: .01rem; }
.lt-product-card__media {
  background: #fff !important;
  border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
}
.lt-product-card__media img {
  filter: none !important;
  mix-blend-mode: normal !important;
  transition: transform .22s ease;
}
.lt-product-card:hover .lt-product-card__media img,
.lt-product-card:focus-within .lt-product-card__media img { transform: scale(1.018); }
.lt-product-card__body {
  padding-top: .8rem;
  border-top: 1px solid #eef2f5;
  background: #fff;
  border-radius: 0 0 calc(1rem - 1px) calc(1rem - 1px);
}
.lt-product-card__sales {
  color: #07527f;
  background: #edf7fc;
  border: 1px solid #d5eaf5;
  box-shadow: none;
}
.lt-product-card__body h3 { min-height: 2.65rem; }
.lt-product-card__body h3 .animate-target {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.lt-product-card .product-card-button {
  border-radius: 50%;
  color: #0b6ea9;
  background: #eef6fb;
  border-color: transparent;
  box-shadow: none;
}
.lt-product-card .product-card-button:hover,
.lt-product-card .product-card-button:focus-visible { color: #fff; background: #0b6ea9; }
.lt-product-card .product-card-details { z-index: 5; }
[data-bs-theme="dark"] .lt-product-card {
  border-color: rgba(255, 255, 255, .12) !important;
  box-shadow: 0 .3rem 1.1rem rgba(0, 0, 0, .24) !important;
}
[data-bs-theme="dark"] .lt-product-card__media {
  background: #fff !important;
}
[data-bs-theme="dark"] .lt-product-card__body {
  background: var(--cz-body-bg);
  border-top-color: rgba(255, 255, 255, .1);
}
[data-bs-theme="dark"] .lt-product-card__sales {
  color: #8ed1f1;
  background: rgba(24, 34, 47, .94);
  border-color: rgba(79, 176, 224, .3);
}

/* Kompaktni sorodni izdelki v nasvetih in drugih vsebinskih straneh. */
.lt-related-product {
  overflow: hidden;
  border: 1px solid #e3e9ef !important;
  box-shadow: none !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.lt-related-product:hover,
.lt-related-product:focus-within {
  transform: translateY(-2px);
  border-color: rgba(11, 110, 169, .28) !important;
  box-shadow: 0 .7rem 1.7rem rgba(25, 48, 70, .08) !important;
}
.lt-related-product__media {
  flex: 0 0 7.5rem;
  width: 7.5rem;
  min-height: 8.75rem;
  padding: .9rem;
  border-right: 1px solid #eef2f5;
  background: #fff;
}
.lt-related-product__media img { width: 100%; height: 100%; object-fit: contain; }
.lt-related-product__body { min-width: 0; }
.lt-related-product__body h3 a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* Levi pano v sklopu »Izbrali smo za vas« je namenoma nižji in miren. */
.lt-home-picked__promo-col { align-self: flex-start; }
.lt-home-picked__promo {
  min-height: 31rem;
  background: linear-gradient(160deg, #1d2c41 0%, #22384f 100%);
}
.lt-home-picked__visual {
  width: min(100%, 18rem);
  height: 13.75rem;
  margin: 0 auto 1.35rem;
  animation: none !important;
  transform: none !important;
}
.lt-home-picked__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: none !important;
  transform: none !important;
}
.lt-home-picked__title {
  width: min(100%, 13ch);
  margin-inline: auto;
  font-size: clamp(1.75rem, 2.15vw, 2rem);
  line-height: 1.12;
}
.lt-home-picked__copy {
  width: min(100%, 26rem);
  margin-inline: auto;
}

@media (max-width: 575.98px) {
  .lt-home-picked__promo { min-height: 29rem; }
  .lt-home-picked__visual { width: min(100%, 16.5rem); height: 12.25rem; }
  .lt-home-picked__title { width: min(100%, 13ch); font-size: 1.75rem; }
}

/* Napis ob znaku v glavi, po vzoru predloge, ki ima znak in ime */
/* Znamka v glavi: LONTECH nad napisom OGREVALNA TEHNIKA.
   Razmik med črkami velikega napisa je izmerjen, ne ugibán: pri 21,6 px je
   LONTECH širok 102,9 px, podnapis pa 122,8 px. Da se desna robova poravnata,
   je treba dodati 2,85 px na znak, kar je .132em. Ker sta obe velikosti v rem,
   razmerje drži pri vsaki velikosti pisave.
   Če se napis kdaj spremeni, je treba vrednost izmeriti znova. */
.lt-ime {
  font-size: 1.35rem; font-weight: 700; line-height: 1.05; letter-spacing: .132em;
}
.lt-ime small {
  display: block; font-size: .58rem; font-weight: 600; letter-spacing: .14em;
  text-transform: uppercase; opacity: .7;
}

/* Fotografije izdelkov so posnete na beli podlagi. Na barvnem prelivu junaka
   in pasu subvencije bi bile videti kot bel pravokotnik, zato belino v svetlem
   videzu zlijemo s podlago. V temnem videzu zlivanje ne deluje, ker bi slika
   potemnela, zato ji tam damo belo zaobljeno podlago. */
[data-bs-theme="light"] .lt-zlij { mix-blend-mode: multiply; }
[data-bs-theme="dark"]  .lt-zlij { background: #fff; border-radius: 1rem; padding: .75rem; }

/* Predloga je narejena za slike, ki so točno v razmerju svojega okvira.
   Naše fotografije so v vseh mogočih razmerjih, zato bi jih pravilo
   `.ratio > *` (širina in višina 100 %) raztegnilo. `contain` razmerje vedno
   ohrani; prazen prostor okrog slike je prosojen in se ne vidi.
   To je varovalka za VSE slike, ne le za tiste, ki jim razred pripišemo ročno. */
.ratio > img,
.ratio > picture > img { object-fit: contain; }

/* Slike z navedeno širino naj višino izračunajo same. */
img[width]:not([height]) { height: auto; }

/* -------------------------------------------------------------------------
   Barve znamke.
   Predloga ima privzeto koralno rdečo (#f55266), Lontechov logotip pa je
   modra kapljica z oranžnim plamenom. Barvo prednosti zato prevežemo na
   modro, oranžno pa uporabimo za poudarke (subvencije, akcije).
   Spreminjamo samo spremenljivke teme, ne razredov.
   ------------------------------------------------------------------------- */
:root,
[data-bs-theme="light"] {
  --cz-primary: #0b6ea9;
  --cz-primary-rgb: 11, 110, 169;
  --cz-primary-text-emphasis: #08557f;
  --cz-primary-bg-subtle: #e6f2f9;
  --cz-primary-border-subtle: #b3d7ea;
  --cz-link-color: #0b6ea9;
  --cz-link-color-rgb: 11, 110, 169;
  --cz-link-hover-color: #08557f;
}
[data-bs-theme="dark"] {
  --cz-primary: #2f9ad4;
  --cz-primary-rgb: 47, 154, 212;
  --cz-primary-text-emphasis: #7cc4e6;
  --cz-primary-bg-subtle: #0a2b3d;
  --cz-link-color: #4fb0e0;
  --cz-link-color-rgb: 79, 176, 224;
  --cz-link-hover-color: #7cc4e6;
}

/* Oranžna je barva poudarka: subvencije, znižanja, opozorila o rokih. */
.lt-ogenj        { color: var(--lt-ogenj) !important; }
.lt-bg-ogenj     { background-color: var(--lt-ogenj) !important; color: #fff !important; }
.btn-lt-ogenj {
  --cz-btn-color: #fff;
  --cz-btn-bg: var(--lt-ogenj);
  --cz-btn-border-color: var(--lt-ogenj);
  --cz-btn-hover-bg: #cf6314;
  --cz-btn-hover-border-color: #cf6314;
  --cz-btn-active-bg: #b85710;
  --cz-btn-active-border-color: #b85710;
}

/* Predloga barvo gumba zapiše NEPOSREDNO (--cz-btn-bg:#f55266), ne prek
   --cz-primary, zato spremenljivka teme sama ne zadostuje. Prevežemo torej
   še gumbe in ostala mesta, kjer je koralna vpisana s kodo. */
.btn-primary,
.product-card .count-input:not(.collapsed) .product-card-button,
.product-card:hover .product-card-button,
[data-bs-theme="dark"] .product-card:hover .product-card-button {
  --cz-btn-bg: var(--lt-modra);
  --cz-btn-border-color: var(--lt-modra);
  --cz-btn-hover-bg: #095a8b;
  --cz-btn-hover-border-color: #095a8b;
  --cz-btn-active-bg: #084b74;
  --cz-btn-active-border-color: #084b74;
  --cz-btn-disabled-bg: var(--lt-modra);
  --cz-btn-disabled-border-color: var(--lt-modra);
  --cz-btn-focus-shadow-rgb: 11, 110, 169;
}
[data-bs-theme="dark"] .btn-primary { --cz-btn-bg: #2f9ad4; --cz-btn-border-color: #2f9ad4; }

.text-primary { color: var(--lt-modra) !important; }
[data-bs-theme="dark"] .text-primary { color: #4fb0e0 !important; }
.bg-primary   { background-color: var(--lt-modra) !important; }
.link-primary, a.text-primary:hover { color: #095a8b !important; }

/* Povezave so brez podčrtajev in brez Cartzilline animirane črte. Barva in
   jasen fokusni obris ostaneta, zato se povezave še vedno dobro prepoznajo. */
a,
a[class],
a:hover,
a[class]:hover,
a:focus,
a[class]:focus,
a:active,
a[class]:active {
  text-decoration: none !important;
}
.animate-underline .animate-target::after,
.animate-underline.animate-target::after {
  content: none !important;
  display: none !important;
  transition: none !important;
  transform: none !important;
}

/* Rdeča ostane samo tam, kjer res pomeni znižanje ali napako. */
/* zadnja sprememba: 2026-08-05T01:49:17Z */

/* Povečava slike izdelka: klasičen lightbox namesto povečave čez desni stolpec. */
.lt-povecaj { cursor: zoom-in; }
.lt-povecaj img { transition: transform .2s ease; }
.lt-povecaj:hover img { transform: scale(1.03); }

/* Fotografska glava javnih vsebinskih strani. */
.lt-glava {
  position: relative;
  min-height: 21rem;
  isolation: isolate;
  overflow: hidden;
  color: #fff;
  border-radius: 1.5rem;
  background: #0b1928;
  box-shadow: 0 1.4rem 3rem rgba(10, 30, 47, .15);
}
.lt-glava::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5, 18, 30, .94) 0%, rgba(6, 24, 39, .82) 47%, rgba(7, 27, 43, .34) 78%, rgba(7, 27, 43, .2) 100%),
    linear-gradient(0deg, rgba(4, 17, 29, .25), rgba(4, 17, 29, .08));
}
.lt-glava__slika {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--lt-glava-position, center);
}
.lt-glava__vsebina { position: relative; z-index: 1; }
.lt-glava__oznaka {
  color: #fff;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.14);
  backdrop-filter: blur(.35rem);
}
.lt-glava-bliznjice {
  position: relative;
  z-index: 2;
  max-width: 68rem;
}
.lt-glava-bliznjica {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-height: 5.25rem;
  height: 100%;
  padding: .85rem 1rem;
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 1rem;
  background: rgba(255,255,255,.11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(.5rem);
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.lt-glava-bliznjica:hover,
.lt-glava-bliznjica:focus-visible {
  color: #fff;
  text-decoration: none;
  border-color: rgba(255,255,255,.48);
  background: rgba(255,255,255,.2);
  box-shadow: 0 .7rem 1.5rem rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.12);
  transform: translateY(-2px);
}
.lt-glava-bliznjica:focus-visible {
  outline: 3px solid rgba(255,255,255,.45);
  outline-offset: 2px;
}
.lt-glava-bliznjica__ikona {
  display: inline-flex;
  flex: 0 0 2.75rem;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  color: #fff;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: .8rem;
  background: rgba(255,255,255,.14);
}
.lt-glava-bliznjica__ime {
  min-width: 0;
  font-size: .9rem;
  font-weight: 650;
  line-height: 1.25;
}
.lt-glava-bliznjica__puscica {
  margin-left: auto;
  font-size: .8rem;
  opacity: .65;
  transition: transform .18s ease, opacity .18s ease;
}
.lt-glava-bliznjica:hover .lt-glava-bliznjica__puscica,
.lt-glava-bliznjica:focus-visible .lt-glava-bliznjica__puscica {
  opacity: 1;
  transform: translateX(2px);
}

@media (max-width: 767.98px) {
  .lt-glava { min-height: 17rem; border-radius: 1rem; }
  .lt-glava::before {
    background: linear-gradient(90deg, rgba(5,18,30,.94), rgba(6,24,39,.73));
  }
  .lt-glava .display-5 { font-size: clamp(2rem, 10vw, 2.75rem); }
  .lt-glava-bliznjica {
    min-height: 4.6rem;
    padding: .7rem;
  }
  .lt-glava-bliznjica__ikona {
    flex-basis: 2.35rem;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: .7rem;
  }
  .lt-glava-bliznjica__puscica { display: none; }
}

/* -------------------------------------------------------------------------
   Besedilo članka.
   Vsebina nasvetov je HTML iz ene same datoteke, zato oblikovanje ne more
   viseti na razredih v besedilu. Slog zato pripnemo kar na oznake znotraj
   `.lt-clanek`. Tako ostane besedilo čisto in ga je pozneje mogoče urejati v
   administraciji, ne da bi pisec poznal razrede predloge.
   ------------------------------------------------------------------------- */
.lt-clanek { font-size: .95rem; line-height: 1.7; }
.lt-clanek > *:first-child { margin-top: 0; }
.lt-clanek p { margin-bottom: 1rem; }
.lt-clanek p,
.lt-clanek li,
.lt-clanek td,
.lt-clanek a { overflow-wrap: anywhere; }

.lt-clanek h2 {
  font-size: 1.35rem; font-weight: 600; line-height: 1.3;
  margin: 2.25rem 0 .85rem;
  padding-bottom: .6rem;
  border-bottom: 1px solid var(--cz-border-color, #e5e7eb);
}
.lt-clanek h3 { font-size: 1.1rem; font-weight: 600; margin: 1.75rem 0 .6rem; }
.lt-clanek h4 { font-size: 1rem; font-weight: 600; margin: 1.4rem 0 .5rem; }

.lt-clanek ul, .lt-clanek ol { margin: 0 0 1.15rem; padding-left: 1.15rem; }
.lt-clanek li { margin-bottom: .4rem; }
.lt-clanek li::marker { color: var(--lt-modra); }

/* Preglednice so v teh vodičih glavno orodje za primerjavo, brez okvirov pa
   se stolpci zlijejo v besedilo in razpredelnice ni mogoče brati. */
.lt-clanek .lt-tabela { overflow-x: auto; margin: 0 0 1.25rem; }
.lt-clanek table {
  width: 100%; border-collapse: collapse; font-size: .875rem;
  background: var(--cz-body-bg, #fff);
  border: 1px solid var(--cz-border-color, #e5e7eb);
  border-radius: .75rem; overflow: hidden;
}
.lt-clanek thead th {
  background: var(--cz-tertiary-bg, #f5f6f7);
  font-weight: 600; text-align: left; white-space: nowrap;
}
.lt-clanek th, .lt-clanek td {
  padding: .6rem .85rem; vertical-align: top;
  border-bottom: 1px solid var(--cz-border-color, #e5e7eb);
}
.lt-clanek tbody tr:last-child th,
.lt-clanek tbody tr:last-child td { border-bottom: 0; }
.lt-clanek tbody tr:nth-child(even) { background: rgba(11, 110, 169, .035); }
[data-bs-theme="dark"] .lt-clanek tbody tr:nth-child(even) { background: rgba(255, 255, 255, .035); }
/* Prvi stolpec je pri teh razpredelnicah vedno oznaka vrstice. */
.lt-clanek tbody td:first-child { font-weight: 500; color: var(--cz-emphasis-color, #111); }

.lt-clanek blockquote {
  margin: 1.5rem 0; padding: .85rem 1.15rem;
  border-left: 3px solid var(--lt-modra);
  background: var(--cz-tertiary-bg, #f5f6f7);
  border-radius: 0 .75rem .75rem 0;
}
.lt-clanek blockquote p:last-child { margin-bottom: 0; }

.lt-clanek img { max-width: 100%; height: auto; border-radius: .75rem; }
.lt-clanek a { text-decoration: underline; text-underline-offset: .15em; }

/* Poudarjen odstavek: kar naj bralec odnese, tudi če ne prebere vsega. */
.lt-poudarek {
  border: 1px solid var(--cz-border-color, #e5e7eb);
  border-left: 3px solid var(--lt-ogenj);
  border-radius: 0 .75rem .75rem 0;
  padding: .9rem 1.15rem; margin: 1.5rem 0;
  background: var(--cz-tertiary-bg, #f5f6f7);
}

/* Kazalo članka v stranskem stolpcu. */
.lt-kazalo .nav-link { padding: .3rem 0; font-weight: 400; line-height: 1.4; }
.lt-kazalo .nav-link:hover { color: var(--lt-modra); }

/* -------------------------------------------------------------------------
   Paket A, vizualni ritem in dostopnost.
   ------------------------------------------------------------------------- */
html { scroll-padding-top: 6rem; }

.lt-skip-link {
  position: fixed;
  z-index: 1100;
  top: .75rem;
  left: .75rem;
  transform: translateY(-180%);
  padding: .65rem 1rem;
  border-radius: .75rem;
  color: #fff;
  background: var(--lt-modra);
  box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .22);
  transition: transform .15s ease;
}
.lt-skip-link:focus { transform: translateY(0); }

.lt-ai-consent {
  position: fixed;
  z-index: 1040;
  right: 1rem;
  bottom: 1rem;
  box-shadow: 0 .75rem 2rem rgba(6, 35, 55, .25);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid rgba(11, 110, 169, .45);
  outline-offset: 3px;
}

.content-wrapper > nav[aria-label="Drobtine"] + h1 { margin-top: 1.5rem; }
.content-wrapper + .footer { margin-top: clamp(3rem, 7vw, 6rem); }
.content-wrapper > section.container:has(.lt-clanek) {
  padding-top: 30px !important;
  background: none;
}
.content-wrapper > section.container:has(.lt-clanek) > .row {
  margin-right: 0;
  margin-left: 0;
  padding: clamp(1.5rem, 4vw, 3rem);
  background: linear-gradient(145deg, rgba(11, 110, 169, .055), rgba(232, 114, 28, .035));
  border-radius: clamp(1rem, 3vw, 2rem);
}
[data-bs-theme="dark"] .content-wrapper > section.container:has(.lt-clanek) > .row {
  background: linear-gradient(145deg, rgba(47, 154, 212, .08), rgba(232, 114, 28, .045));
}

/* Glavni hero. Fotografija je samostojen del istega zapisa kot CTA,
   zato se besedilo in slika ne moreta več raziti. */
.lt-hero {
  position: relative;
  width: 100%;
  height: clamp(20.375rem, calc(100svh - 21.125rem), 30.375rem);
  min-height: 20.375rem;
  overflow: hidden;
  background: #0d2438;
}
.lt-hero__slide { position: relative; overflow: hidden; }
.lt-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.lt-hero__preliv {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(6, 22, 35, .92) 0%, rgba(6, 22, 35, .72) 42%, rgba(6, 22, 35, .18) 72%, rgba(6, 22, 35, .32) 100%),
    linear-gradient(0deg, rgba(6, 22, 35, .58) 0%, transparent 45%);
}
.lt-hero__copy { width: min(45rem, 72%); text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
.lt-hero__copy .btn { text-shadow: none; }
.lt-hero-prev,
.lt-hero-next {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .2);
}
.lt-hero-prev { left: clamp(.75rem, 2.5vw, 2.5rem); }
.lt-hero-next { right: clamp(.75rem, 2.5vw, 2.5rem); }
.lt-hero-pagination {
  z-index: 3;
  left: 50% !important;
  right: auto !important;
  bottom: 1rem !important;
  width: auto !important;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .125rem;
}
.lt-hero-pagination .swiper-pagination-bullet {
  width: .7rem;
  height: .7rem;
  background: #fff;
  opacity: .55;
}
.lt-hero-pagination .swiper-pagination-bullet-active { opacity: 1; }

/* Bootstrapov g-4 doda vrstici še 1,5 rem navideznega prostora nad vsebino.
   Zato poravnamo dejanska središča krogov, ne geometrijskega okvirja .row.
   Premik je samo vizualen in bela sekcija ohrani povsem enako višino. */
.lt-home-benefits__row { transform: translateY(-1.625rem); }
@media (min-width: 500px) {
  .lt-home-benefits__row { transform: translateY(-2rem); }
}
@media (min-width: 992px) {
  .lt-home-benefits__row { transform: translateY(-2.25rem); }
}

/* Na vstopni strani odprti meni Trgovina zasede prvi četrtinski stolpec
   vsebinskega zabojnika. Hero besedilo in leva puščica se zato na namizju
   začneta desno od menija z dovolj zraka; telefon ostane nespremenjen. */
@media (min-width: 992px) {
  .lt-hero__copy {
    --lt-hero-menu-gap: clamp(3.75rem, calc(2vw + 2.5rem), 5rem);
    width: min(45rem, calc(75% - var(--lt-hero-menu-gap)));
    margin-left: calc(25% + var(--lt-hero-menu-gap));
    transform: translateY(-30px);
  }
}

/* Domača stran, kartice in barvni ritem. */
.lt-home-section { position: relative; }
.lt-department-card,
.lt-tip-row,
.lt-brand-card { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.lt-department-card { box-shadow: 0 .35rem 1.4rem rgba(21, 37, 52, .08); }
.lt-department-card img { transition: transform .35s ease; }
.lt-department-card:hover { transform: translateY(-4px); box-shadow: 0 .8rem 2rem rgba(21, 37, 52, .14); }
.lt-department-card:hover img { transform: scale(1.045); }

.lt-reference-mosaic {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 14rem;
  gap: 1rem;
}
.lt-reference-mosaic__item {
  position: relative;
  grid-column: span 3;
  display: block;
  overflow: hidden;
  border-radius: 1.25rem;
  color: #fff;
  background: #0d2438;
}
.lt-reference-mosaic__item--large { grid-column: span 6; grid-row: span 2; }
.lt-reference-mosaic__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.lt-reference-mosaic__item::after {
  content: "";
  position: absolute;
  inset: 35% 0 0;
  background: linear-gradient(transparent, rgba(4, 17, 27, .86));
}
.lt-reference-mosaic__item:hover img { transform: scale(1.04); }
.lt-reference-mosaic__caption {
  position: absolute;
  z-index: 1;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  font-weight: 600;
  line-height: 1.25;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .45);
}
.lt-stat-card { background: rgba(255, 255, 255, .075); border: 1px solid rgba(255, 255, 255, .12); }
.lt-brand-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 10.5rem;
  padding: 1rem;
  color: var(--cz-emphasis-color);
  background: var(--cz-body-bg);
  border: 1px solid var(--cz-border-color);
  border-radius: 1rem;
  text-align: center;
}
.lt-brand-card:hover { transform: translateY(-3px); color: var(--lt-modra); border-color: rgba(11, 110, 169, .45); box-shadow: 0 .6rem 1.5rem rgba(21, 37, 52, .09); }
.lt-brand-card__mark,
.lt-brand-tile__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.25rem;
}
.lt-brand-card__mark img,
.lt-brand-tile__mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.lt-brand-carousel { padding: .25rem .2rem 1.25rem; }
.lt-brand-monogram {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  color: #fff;
  background: linear-gradient(145deg, #0b6ea9, #17283c);
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.lt-inquiry-card { background: linear-gradient(145deg, #102b42 0%, #0b6ea9 100%); }
.lt-tip-row { border: 1px solid transparent; }
.lt-tip-row:hover { transform: translateX(4px); border-color: rgba(11, 110, 169, .25); box-shadow: 0 .45rem 1.25rem rgba(21, 37, 52, .08); }

/* Vsa ponudba: katalogsko vozlišče po vzorcu Cartzilla category blocks. */
.lt-offer-hub-hero {
  min-height: 25rem;
  background: #0b2133;
  box-shadow: 0 1.2rem 3rem rgba(10, 35, 54, .14);
}
.lt-offer-hub-hero__image,
.lt-offer-hub-hero__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.lt-offer-hub-hero__image { object-fit: cover; object-position: center 56%; }
.lt-offer-hub-hero__overlay {
  background:
    radial-gradient(circle at 80% 30%, rgba(32, 139, 199, .22), transparent 30rem),
    linear-gradient(90deg, rgba(4, 21, 34, .98) 0%, rgba(7, 34, 53, .91) 48%, rgba(5, 25, 40, .54) 100%);
}
.lt-offer-hub-search { max-width: 42rem; box-shadow: 0 .8rem 2rem rgba(0, 0, 0, .16); }
.lt-offer-hub-search .form-control { min-width: 0; color: #17283c; }
.lt-offer-hub-stat { background: rgba(255, 255, 255, .09); border: 1px solid rgba(255, 255, 255, .14); backdrop-filter: blur(8px); }
.lt-offer-hub-jumps { scrollbar-width: thin; }
.lt-offer-category-card {
  border: 1px solid rgba(16, 43, 66, .1);
  border-radius: 1.25rem;
  background: var(--cz-body-bg);
  box-shadow: 0 .55rem 1.6rem rgba(21, 37, 52, .07);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.lt-offer-category-card:hover {
  transform: translateY(-4px);
  border-color: rgba(11, 110, 169, .32);
  box-shadow: 0 1rem 2.4rem rgba(21, 37, 52, .12);
}
.lt-offer-category-card__media {
  min-height: 12rem;
  padding: 1.25rem;
  background:
    radial-gradient(circle at 78% 24%, rgba(91, 172, 219, .34), transparent 45%),
    linear-gradient(145deg, #f3f7fb, #e2edf5);
}
.lt-offer-category-card__media img {
  width: 100%;
  height: 10rem;
  object-fit: contain;
}
.lt-offer-category-card__icon {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  color: #fff;
  background: #0b6ea9;
  box-shadow: 0 .45rem 1rem rgba(11, 110, 169, .25);
}
.lt-offer-category-card__link { color: var(--cz-body-color); }
.lt-offer-category-card__link:hover { color: var(--lt-modra); background: var(--cz-tertiary-bg); }
.lt-offer-help-card { min-height: 31rem; border-radius: 1.25rem; }
.lt-offer-brand-card {
  min-height: 8.5rem;
  border: 1px solid rgba(16, 43, 66, .09);
  box-shadow: 0 .4rem 1.2rem rgba(21, 37, 52, .05);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.lt-offer-brand-card:hover { transform: translateY(-3px); border-color: rgba(11, 110, 169, .3); box-shadow: 0 .8rem 1.8rem rgba(21, 37, 52, .1); }
.lt-offer-promo { min-height: 21rem; }

@media (max-width: 767.98px) {
  .lt-offer-hub-hero { min-height: 0; }
  .lt-offer-hub-hero__overlay { background: linear-gradient(90deg, rgba(4, 21, 34, .97), rgba(7, 34, 53, .82)); }
  .lt-offer-hub-search .btn { padding-inline: 1rem !important; }
  .lt-offer-hub-stat { padding: .8rem !important; text-align: center; }
  .lt-offer-hub-stat .h2 { font-size: 1.35rem; }
  .lt-offer-category-card__media { min-height: 10.5rem; }
  .lt-offer-category-card__media img { height: 8.75rem; }
}

/* Pasica kategorije in vsebina pod izdelki. */
.lt-category-banner {
  min-height: 17rem;
  color: #fff;
  background:
    radial-gradient(circle at 88% 50%, rgba(47, 154, 212, .34), transparent 32%),
    linear-gradient(125deg, #102b42 0%, #0b6ea9 72%, #15557a 100%);
}
.lt-category-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--lt-category-bg, none);
  background-position: center;
  background-size: cover;
  opacity: .58;
  transform: scale(1.015);
}
.lt-category-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7, 25, 40, .96) 0%, rgba(7, 32, 51, .84) 48%, rgba(7, 32, 51, .28) 100%);
}
.lt-category-banner__image {
  max-width: 100%;
  max-height: 16rem;
  object-fit: contain;
  filter: drop-shadow(0 1rem 1.5rem rgba(0, 0, 0, .22));
}
.lt-category-banner__image--photo {
  width: 100%;
  height: 15rem;
  border-radius: 1rem;
  object-fit: cover;
  filter: drop-shadow(0 1rem 1.5rem rgba(0, 0, 0, .18));
}
.lt-category-content { box-shadow: inset 0 0 0 1px rgba(11, 110, 169, .08); }
.lt-category-content .lt-clanek { max-width: 80ch; }
.lt-category-toolbar { min-height: 3.5rem; }
.lt-category-filter-list {
  padding-right: .25rem;
}
@media (min-width: 992px) {
  .lt-category-sidebar {
    position: sticky !important;
    top: 9rem;
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
    scrollbar-width: thin;
  }
}

/* Zbirka in strani proizvajalcev. */
.lt-brands-hero,
.lt-manufacturer-hero {
  position: relative;
  color: #fff;
  background:
    radial-gradient(circle at 82% 20%, rgba(79, 180, 236, .28), transparent 28rem),
    linear-gradient(135deg, #091827 0%, #102f49 58%, #0b6ea9 120%);
}
.lt-brands-hero {
  background:
    linear-gradient(90deg, rgba(5,18,30,.95) 0%, rgba(7,27,43,.82) 54%, rgba(7,40,62,.45) 100%),
    url('/nalozeno/2026/08/storitev-servis-in-vzdrzevanje.webp') center 56% / cover no-repeat;
}
.lt-manufacturer-hero {
  background:
    linear-gradient(90deg, rgba(5,18,30,.95) 0%, rgba(7,27,43,.84) 58%, rgba(7,40,62,.5) 100%),
    url('/nalozeno/2026/08/storitev-voda-in-rezervoarji.webp') center / cover no-repeat;
}
.lt-brands-hero::before,
.lt-manufacturer-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255,255,255,.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px);
  background-size: 4rem 4rem;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 55%);
  mask-image: linear-gradient(90deg, transparent, #000 55%);
}
.lt-manufacturer-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--lt-manufacturer-bg, none);
  background-position: center;
  background-size: cover;
  opacity: .16;
}
.lt-brands-hero__count {
  width: 9rem;
  height: 9rem;
  color: #fff;
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 1.5rem 4rem rgba(0,0,0,.18);
  backdrop-filter: blur(10px);
}
.lt-brands-hero__count strong { font-size: 2.75rem; line-height: 1; }
.lt-brands-hero__count span { color: rgba(255,255,255,.72); }
.lt-brand-group__letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  color: #fff;
  background: #0b6ea9;
  font-weight: 800;
}
.lt-brand-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 11.5rem;
  padding: 1rem;
  color: var(--cz-emphasis-color);
  border: 1px solid var(--cz-border-color);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 .15rem .65rem rgba(15, 35, 52, .04);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.lt-brand-tile:hover { transform: translateY(-4px); color: var(--lt-modra); border-color: rgba(11,110,169,.4); box-shadow: 0 1rem 2.2rem rgba(15,35,52,.11); }
.lt-brand-tile__name { margin-top: .45rem; }
.lt-manufacturer-hero__logo {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  min-height: 12rem;
  padding: 1.5rem;
  color: #17283c;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 1.5rem;
  background: rgba(255,255,255,.94);
  box-shadow: 0 1.5rem 3rem rgba(0,0,0,.2);
}
.lt-manufacturer-hero__logo img { width: 100%; max-width: 18rem; height: 6rem; object-fit: contain; }
.lt-brand-monogram--large { width: 6rem; height: 6rem; font-size: 1.75rem; }
.lt-manufacturer-filter-list { max-height: 24rem; overflow: auto; padding-right: .25rem; }

@media (max-width: 767.98px) {
  .lt-category-banner { min-height: 16rem; border-radius: 1rem !important; }
  .lt-category-banner::after { background: linear-gradient(90deg, rgba(7,25,40,.95), rgba(7,32,51,.62)); }
  .lt-brand-card { min-height: 9.5rem; }
  .lt-brands-hero__count { width: 7rem; height: 7rem; }
}

/* Mnenja strank: uredniški prikaz namesto treh enakih belih kartic. */
.lt-home-reviews {
  background:
    radial-gradient(circle at 88% 18%, rgba(39, 139, 202, .08), transparent 27rem),
    #f4f7fa;
}
.lt-home-reviews__intro {
  display: flex;
  flex-direction: column;
  min-height: 31rem;
  padding: clamp(2rem, 4vw, 3.5rem);
  overflow: hidden;
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 100% 0, rgba(74, 179, 237, .26), transparent 45%),
    linear-gradient(145deg, #17283c, #091827);
  box-shadow: 0 1.6rem 3.5rem rgba(12, 33, 52, .16);
}
.lt-reviews-eyebrow {
  color: #70c9f6;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.text-white-75 { color: rgba(255, 255, 255, .75) !important; }
.mw-760 { max-width: 47.5rem; }
.lt-home-reviews__stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.lt-home-review,
.lt-review-card,
.lt-review-mini {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(1.4rem, 2.5vw, 2rem);
  border: 1px solid rgba(19, 47, 72, .09);
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 .8rem 2.2rem rgba(17, 45, 68, .08);
}
.lt-home-review--main {
  grid-column: 1 / -1;
  min-height: 15rem;
  border-color: rgba(15, 112, 173, .22);
  background: linear-gradient(135deg, #fff, #f2f8fc);
}
.lt-review-type {
  display: inline-flex;
  width: fit-content;
  padding: .38rem .7rem;
  color: #0b6ea9;
  border-radius: 99rem;
  background: rgba(11, 110, 169, .09);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.lt-review-mark {
  color: rgba(11, 110, 169, .22);
  font-family: Georgia, serif;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: .65;
}
.lt-reviews-hero {
  background:
    linear-gradient(90deg, rgba(5,18,30,.96) 0%, rgba(6,24,39,.84) 54%, rgba(7,40,62,.48) 100%),
    url('/nalozeno/2026/08/storitev-servis-in-vzdrzevanje.webp') center 56% / cover no-repeat;
}
.lt-reviews-count {
  width: min(100%, 17rem);
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, .08);
  backdrop-filter: blur(.5rem);
}
.lt-review-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.lt-review-filters .btn span { margin-left: .22rem; }
.lt-review-card {
  min-height: 22rem;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.lt-review-card:hover {
  transform: translateY(-.25rem);
  border-color: rgba(11, 110, 169, .25);
  box-shadow: 0 1.3rem 2.8rem rgba(17, 45, 68, .13);
}
.lt-review-card-featured {
  background:
    radial-gradient(circle at 100% 0, rgba(84, 185, 237, .22), transparent 18rem),
    #f5fafe;
}
.lt-review-links .badge {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lt-review-note { background: #f2f6f9; }
.lt-related-reviews { background: linear-gradient(180deg, #f5f8fa, #eef4f7); }
.lt-review-mini { min-height: 17rem; box-shadow: none; }

/* Na telefonu je nakupni stolpec v HTML pred galerijo. Zmanjšani razmiki
   ohranijo ceno in povpraševalni gumb v prvem zaslonu. */
@media (max-width: 767.98px) {
  .lt-hero { height: 35rem; min-height: 35rem; }
  .lt-hero__copy { width: 100%; padding-right: 2.5rem; }
  .lt-hero__copy .display-3 { font-size: clamp(2.25rem, 11vw, 3.25rem); }
  .lt-hero__preliv {
    background: linear-gradient(0deg, rgba(5, 18, 29, .96) 0%, rgba(5, 18, 29, .8) 54%, rgba(5, 18, 29, .24) 100%);
  }
  .lt-hero-prev,
  .lt-hero-next { display: none; }
  .lt-reference-mosaic { grid-template-columns: 1fr 1fr; grid-auto-rows: 12rem; }
  .lt-reference-mosaic__item,
  .lt-reference-mosaic__item--large { grid-column: span 1; grid-row: span 1; }
  .lt-reference-mosaic__item--large { grid-column: span 2; }
  .lt-tip-row img { width: 7rem; height: 5.5rem; }
  .lt-home-reviews__intro { min-height: 26rem; }
  .lt-home-reviews__stack { grid-template-columns: 1fr; }
  .lt-home-review--main { grid-column: auto; }
  .lt-review-card { min-height: auto; }
  .content-wrapper > nav[aria-label="Drobtine"] + h1 { margin-top: 1rem; }
  .lt-ai-consent {
    position: relative;
    right: auto;
    bottom: auto;
    display: flex;
    width: calc(100% - 1.5rem);
    max-width: 22rem;
    margin: 1.25rem auto;
  }

  /* Kartice so na telefonu v dveh stolpcih. Dolg naziv ali napis »Po
     povpraševanju« zato ne sme povečati širine stolpca oziroma cele strani. */
  .product-card,
  .product-card .min-w-0,
  .product-card h3,
  .product-card h3 > a {
    min-width: 0 !important;
    max-width: 100%;
    overflow: hidden;
  }
  .product-card h3 .animate-target {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .lt-product-card__body h3 { min-height: 2.45rem; }
  .lt-product-card__sales { font-size: .64rem; }
  .product-card .h5 {
    flex: 1 1 auto;
    min-width: 0;
    font-size: .9rem;
    line-height: 1.2 !important;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .product-card .product-card-button { flex: 0 0 auto; }
}

@media (max-width: 991.98px) {
  .lt-subsidy-cta__media { min-height: 20rem; }
  .lt-subsidy-cta__photo--main::before { display: none; }
  .lt-subsidy-cta__photo--inset { width: min(42%, 13rem); height: 42%; }
}

@media (max-width: 575.98px) {
  .lt-subsidy-cta__media { min-height: 17rem; }
  .lt-subsidy-cta__photo--inset {
    width: 44%;
    height: 43%;
    right: .75rem;
    bottom: .75rem;
    border-width: .22rem;
  }
  .lt-subsidy-cta__facts { display: grid !important; gap: .5rem !important; }
}

@media (max-width: 419.98px) {
  .lt-reference-mosaic { grid-template-columns: 1fr; }
  .lt-reference-mosaic__item,
  .lt-reference-mosaic__item--large { grid-column: span 1; }
  .lt-tip-row img { width: 5.5rem; }
}

/* Reprezentativna fotografija oddelka v velikem trgovinskem meniju. */
.lt-mega-category-visual {
  flex: 0 0 284px;
  width: 284px;
  min-width: 284px;
  height: 100%;
  min-height: 0;
}
.lt-mega-category-visual__card {
  position: relative;
  min-height: 0;
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background: #17283a;
  box-shadow: 0 .65rem 1.6rem rgba(15, 31, 48, .14);
}
.lt-mega-category-visual__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transform: scale(1.001);
  transition: transform .35s ease;
}
.lt-mega-category-visual__shade {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 22, 35, .04) 25%, rgba(8, 22, 35, .88) 100%);
}
.lt-mega-category-visual__content {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .45rem;
  padding: 1.35rem 1.4rem 1.45rem;
  color: #fff;
}
.lt-mega-category-visual__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .92;
}
.lt-mega-category-visual__title {
  max-width: 12.5rem;
  color: #fff;
  font-size: 1.28rem;
  line-height: 1.16;
}
.lt-mega-category-visual__link {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-top: .2rem;
  color: #fff;
  font-size: .82rem;
  font-weight: 600;
}
.lt-mega-category-visual__card:hover,
.lt-mega-category-visual__card:focus-visible { color: #fff; }
.lt-mega-category-visual__card:hover .lt-mega-category-visual__image,
.lt-mega-category-visual__card:focus-visible .lt-mega-category-visual__image { transform: scale(1.025); }
@media (max-width: 1199.98px) {
  .lt-mega-category-visual {
    flex-basis: 240px;
    width: 240px;
    min-width: 240px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}