/* ==========================================================
   LAVELIN – Balkys_cro.css  (v3, 21. 9. 2026)
   Konverzné úpravy: hero, Najobľúbenejšie, blok „Ako pracujem“,
   FAQ, produktová stránka, blok so setom, poradca, košík.
   Načítava sa v poli Záhlavie ZA súborom Balkys_style.css.
   Používa iba farby a písma z :root v Balkys_style.css.
   ========================================================== */

/* ---------- 1. HERO – sekundárny odkaz na poradcu ---------- */
.lav-hero__sub{
  display:inline-block;
  margin-top:18px;
  font-family:var(--lav-font-body);
  font-size:17px;
  font-weight:400;
  line-height:1.5;
  color:var(--lav-text-muted);
  text-decoration:underline;
  text-decoration-color:var(--lav-line);
  text-underline-offset:4px;
  text-decoration-thickness:1px;
  align-self:flex-start;
}
.lav-hero__sub:hover,
.lav-hero__sub:focus-visible{
  color:var(--lav-ink);
  text-decoration-color:var(--lav-coral);
}

/* ---------- 2. NAJOBĽÚBENEJŠIE – benefit, hodnotenie, cena ---------- */
.lav-best__item img{
  aspect-ratio:1 / 1;
  height:auto;
  object-fit:cover;
}
.lav-best__name{
  font-size:18px;
}
.lav-best__benefit{
  display:block;
  font-family:var(--lav-font-body);
  font-size:16px;
  font-weight:400;
  line-height:1.45;
  color:var(--lav-text-muted);
  margin:0 0 8px;
}
.lav-best__rating{
  display:block;
  min-height:24px;
  font-family:var(--lav-font-body);
  font-size:16px;
  line-height:24px;
  color:var(--lav-text-muted);
  margin:0 0 4px;
  white-space:nowrap;
}
.lav-best__rating .lav-stars{
  color:var(--lav-coral);
  letter-spacing:1px;
  margin-right:6px;
}
.lav-best__price{
  min-height:24px;
  font-size:17px;
}

/* benefit na kartách v kategóriách */
.product .lav-card-benefit{
  display:block;
  padding:0 16px;
  margin:-4px 0 8px;
  text-align:left;
  font-family:var(--lav-font-body);
  font-size:15px;
  line-height:1.45;
  color:var(--lav-text-muted);
}

/* ---------- 3. BLOK „AKO PRACUJEM“ (nahrádza starý text o kvalite) ---------- */
.lav-trust{
  position:relative;
  width:100vw;
  left:50%;
  margin-left:-50vw;
  background:var(--lav-cream);
  padding:64px 0 60px;
}
.lav-trust__in{
  max-width:1100px;
  margin:0 auto;
  padding:0 22px;
  text-align:center;
}
.lav-trust__flower{
  display:block;
  width:36px;
  height:36px;
  margin:0 auto 28px;
}
.lav-trust__hidden{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.lav-trust__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  text-align:left;
}
.lav-trust__item{
  margin:0;
  padding:22px 0 0;
  border-top:1px solid var(--lav-line);
}
#content .lav-trust__item h3,
.lav-trust__item h3{
  margin:0 0 10px;
  font-family:var(--lav-font-display);
  font-size:17px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--lav-ink);
}
.lav-trust__item p{
  margin:0;
  font-family:var(--lav-font-body);
  font-size:18px;
  font-weight:300;
  line-height:1.6;
  color:var(--lav-ink);
}
#content a.lav-trust__cta,
a.lav-trust__cta{
  display:inline-block;
  margin-top:40px;
  font-family:var(--lav-font-display);
  font-size:17px;
  font-weight:500;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--lav-ink);
  text-decoration:none;
  border-bottom:2px solid var(--lav-coral);
  padding-bottom:4px;
}
a.lav-trust__cta:hover,
a.lav-trust__cta:focus-visible{
  color:var(--lav-ink);
  border-bottom-color:var(--lav-ink);
}
@media (max-width:767px){
  .lav-trust{ padding:48px 0 44px; }
  .lav-trust__list{ grid-template-columns:1fr; gap:26px; }
  .lav-trust__item{ padding-top:18px; }
  #content a.lav-trust__cta, a.lav-trust__cta{ margin-top:30px; }
}

/* ---------- 4. FAQ na titulke – menej vzduchu, čitateľné písmo ---------- */
.lavelin-faq{
  padding:52px 0 56px;
}
.lavelin-faq__titleWrap{
  margin-bottom:10px;
}
.lavelin-faq__text{
  font-size:17px;
}
.lavelin-faq__grid{
  gap:12px;
  margin-top:24px;
}
.lavelin-faq__q{
  padding:16px 22px;
}
.lavelin-faq__qTitle{
  font-size:19px;
  line-height:1.35;
}
.lavelin-faq__aWrap{
  padding:0 22px 18px;
}
.lavelin-faq__a p{
  margin:12px 0 0;
  font-size:17px;
  line-height:1.6;
}
.lavelin-faq__a a{
  color:var(--lav-ink);
  text-decoration:underline;
  text-decoration-color:var(--lav-coral);
  text-underline-offset:3px;
}
.lavelin-faq__cta{
  margin-top:22px;
}
@media (max-width:767px){
  .lavelin-faq{ padding:40px 0 44px; }
  .lavelin-faq__title{ font-size:30px; }
  .lavelin-faq__q{ padding:14px 16px; }
  .lavelin-faq__aWrap{ padding:0 16px 16px; }
}

/* ---------- 5. PRODUKTOVÁ STRÁNKA – čitateľná šírka textu ---------- */
@media (min-width:992px){
  .type-detail #description{
    max-width:880px;
    margin-left:auto;
    margin-right:auto;
  }
}

/* blok so Základným setom pod tlačidlom Do košíka */
a.lav-setcta{
  display:block;
  box-sizing:border-box;
  width:100%;
  margin:22px 0 0;
  padding:20px 22px;
  background:var(--lav-bg);
  border:1px solid var(--lav-coral);
  border-radius:var(--lav-radius-lg);
  color:var(--lav-ink);
  text-decoration:none;
  transition:border-color .2s var(--lav-ease), background-color .2s var(--lav-ease);
}
a.lav-setcta:hover,
a.lav-setcta:focus-visible{
  background:var(--lav-cream-soft);
  border-color:var(--lav-ink);
  color:var(--lav-ink);
  text-decoration:none;
}
.lav-setcta__title{
  display:block;
  font-family:var(--lav-font-display);
  font-size:21px;
  font-weight:500;
  line-height:1.3;
  margin:0 0 6px;
}
.lav-setcta__text{
  display:block;
  font-family:var(--lav-font-body);
  font-size:17px;
  line-height:1.55;
}
.lav-setcta__price{
  display:block;
  min-height:26px;
  margin-top:8px;
  font-family:var(--lav-font-display);
  font-size:18px;
  font-weight:500;
  font-variant-numeric:tabular-nums;
}
.lav-setcta__go{
  display:inline-block;
  margin-top:10px;
  font-family:var(--lav-font-display);
  font-size:16px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-bottom:2px solid var(--lav-coral);
  padding-bottom:3px;
}

/* ---------- 6. PORADCA – posun na výsledok nesmie skončiť pod hlavičkou ---------- */
#lav-poradca{
  scroll-margin-top:calc(var(--lav-sticky-offset, 0px) + 16px);
}

/* ---------- 7. KOŠÍK – odporúčania pod dopravou zadarmo ---------- */
/* pôvodný blok z Balkys_script_v10.js nahrádza #lavCroFill */
#lavFillBlock{ display:none !important; }

.lav-fill{
  margin:22px 0 0;
  padding:22px 0 0;
  border-top:1px solid var(--lav-line-soft);
}
.lav-fill__title{
  margin:0 0 4px !important;
  font-family:var(--lav-font-display);
  font-size:21px !important;
  font-weight:400 !important;
  line-height:1.3;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:var(--lav-ink);
}
.lav-fill__note{
  margin:0 0 16px;
  font-family:var(--lav-font-body);
  font-size:17px;
  line-height:1.5;
  color:var(--lav-text-muted);
}
.lav-fill__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
}
.lav-fill__card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:12px;
  background:var(--lav-white);
  border:1px solid var(--lav-line-soft);
  border-radius:var(--lav-radius-md);
}
.lav-fill__img{
  display:block;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:var(--lav-radius-sm);
  background:var(--lav-cream-soft);
}
.lav-fill__img img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.lav-fill__badge{
  display:block;
  margin:10px 0 0;
  font-family:var(--lav-font-body);
  font-size:15px;
  line-height:1.4;
  color:var(--lav-ink);
}
.lav-fill__badge::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin:0 7px 1px 0;
  border-radius:50%;
  background:var(--lav-coral);
}
a.lav-fill__name{
  display:block;
  margin:8px 0 0;
  font-family:var(--lav-font-display);
  font-size:17px;
  line-height:1.3;
  color:var(--lav-ink);
  text-decoration:none;
  overflow-wrap:anywhere;
}
a.lav-fill__name:hover{ text-decoration:underline; color:var(--lav-ink); }
.lav-fill__price{
  display:block;
  margin:6px 0 12px;
  font-family:var(--lav-font-display);
  font-size:18px;
  font-weight:500;
  font-variant-numeric:tabular-nums;
  color:var(--lav-ink);
}
.lav-fill__add{
  margin-top:auto;
  width:100%;
  min-height:44px;
  padding:10px 14px;
  border:1px solid var(--lav-ink);
  border-radius:var(--lav-radius-pill);
  background:transparent;
  color:var(--lav-ink);
  font-family:var(--lav-font-display);
  font-size:15px;
  font-weight:500;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background-color .2s var(--lav-ease), color .2s var(--lav-ease);
}
.lav-fill__add:hover,
.lav-fill__add:focus-visible{
  background:var(--lav-ink);
  color:var(--lav-white);
}
.lav-fill__add[disabled]{
  opacity:.55;
  cursor:default;
}
@media (min-width:768px) and (max-width:1199px){
  .lav-fill__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:767px){
  .lav-fill__grid{ grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:12px; }
  .lav-fill__card{ padding:10px; }
  a.lav-fill__name{ font-size:16px; }
}