/* HeliumKing – doplnok k existujúcemu CSS, len kategória vianočných stromčekov */
body.in-vianocne-stromceky #products.hk-tree-groups {
  display:flex !important; flex-direction:column !important; gap:22px !important;
  overflow:visible; align-items:stretch;
}
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section {
  display:grid; grid-template-columns:minmax(0, 1.18fr) repeat(2,minmax(0,1fr));
  gap:14px; align-items:stretch; padding:18px;
  border:1px solid #e7edf0; border-radius:22px;
  background:#fbfaf7; box-shadow:0 5px 20px rgba(41,79,106,.035);
  width:100%; min-width:0;
}
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section:nth-child(even){background:#f5faf7}
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro {
  min-width:0; position:relative; overflow:hidden; display:flex; flex-direction:column;
  justify-content:center; padding:20px 14px 20px 18px; isolation:isolate;
}
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro::before {
  content:'🌲'; position:absolute; z-index:-1; left:-14px; bottom:-25px;
  font-size:125px; opacity:.12; transform:rotate(-9deg); pointer-events:none;
}
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-kicker {
  font-size:11px; letter-spacing:.12em; font-weight:800; color:#579e84; text-transform:uppercase;
}
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-title {
  margin:8px 0 9px; color:#294f6a; font-size:clamp(21px,2vw,29px); line-height:1.15; font-weight:800;
}
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-desc {
  color:#496174; font-size:13px; line-height:1.65; margin:0 0 15px;
}
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-points {
  display:flex; flex-wrap:wrap; gap:7px;
}
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-points span {
  background:#fff; border:1px solid #dcece4; color:#315d50;
  border-radius:999px; padding:7px 10px; font-size:11px; font-weight:700;
}
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product {
  float:none !important; width:100% !important; max-width:none !important;
  min-width:0 !important; margin:0 !important; padding:0 !important; display:block !important;
}
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product > .p {
  height:100%; min-width:0;
}
@media (max-width: 1000px) {
 body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section {
   grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:13px;
 }
 body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro {
   grid-column:1/-1; padding:13px 10px 14px;
 }
 body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-title {font-size:23px}
}
@media (max-width: 600px) {
 body.in-vianocne-stromceky #products.hk-tree-groups {gap:15px !important}
 body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section {
   grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:9px;
   border-radius:17px;
 }
 body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro {
   grid-column:1/-1; padding:14px 9px 12px;
 }
 body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro::before {font-size:90px; bottom:-24px}
 body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-title {font-size:21px; margin:5px 0 7px}
 body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-desc {font-size:12px; margin-bottom:11px; line-height:1.5}
 body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-points {gap:5px}
 body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-points span {font-size:10px; padding:5px 7px}
 body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product {min-width:0 !important}
 body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name {
   overflow:visible !important; display:block !important; height:auto !important;
   max-height:none !important; white-space:normal !important;
 }
}

/* =====================================================
   FINÁLNE DOLADENIE KARIET – zaoblenie a tlačidlá
   ===================================================== */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product {
  border: 0 !important;
  border-radius: 19px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 3px 14px rgba(41,79,106,.07) !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product > .p {
  border: 1px solid #e8edf0 !important;
  border-radius: 19px !important;
  overflow: hidden !important;
  background: #fff !important;
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .image {
  display: block !important;
  overflow: hidden !important;
  border-radius: 17px 17px 0 0 !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .image img {
  display: block;
  width: 100%;
  border-radius: 17px 17px 0 0 !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-in {
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column !important;
  padding: 12px 14px 14px !important;
  min-width: 0;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom {
  margin-top: auto !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-tools,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .pr-action {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .btn-cart {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  padding: 12px 8px !important;
  text-align: center !important;
}

/* Mobil: odstránenie čiernych navigačných šípok z obrázkov */
@media (max-width: 767px) {
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .image::before,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .image::after,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .image .slick-arrow,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .image .slick-prev,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .image .slick-next,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .image .swiper-button-next,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .image .swiper-button-prev,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .image .owl-nav {
    display: none !important;
    content: none !important;
  }
}


/* =====================================================
   HELIUMKING – DOLADENIE MOBILU A ODSTRÁNENIE ŠÍPOK
   ===================================================== */

/* Šípky galérie skryť na desktope aj mobile */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .slick-arrow,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .slick-prev,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .slick-next,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .swiper-button-next,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .swiper-button-prev,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .owl-nav,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .image-nav,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .image-arrow {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Jemnejšie označenie NOVINKA – nech nie je odseknuté */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .flags,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .flag {
  overflow: visible !important;
}
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .flag {
  border-radius: 0 0 7px 0 !important;
  padding: 4px 9px !important;
  line-height: 1.2 !important;
  z-index: 5 !important;
}

/* Desktop: názov produktu čitateľný a tlačidlo bez zalamovania */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name a {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  letter-spacing: 0 !important;
}

/* Mobil – kompaktnejšie karty a názvy */
@media (max-width: 600px) {
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section {
    gap: 9px !important;
    padding: 9px !important;
    align-items: stretch !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product {
    min-width: 0 !important;
    width: auto !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product > .p {
    border-radius: 15px !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-in {
    padding: 10px 9px 12px !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name a {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  /* Tlačidlo menšie a vycentrované */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-tools,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .pr-action {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .btn-cart {
    width: 88% !important;
    min-width: 0 !important;
    max-width: 190px !important;
    margin: 8px auto 0 !important;
    min-height: 38px !important;
    height: auto !important;
    padding: 9px 6px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom {
    margin-top: auto !important;
  }
}


/* =====================================================
   HELIUMKING – DESKTOP V3: ČISTEJŠIE PRODUKTOVÉ KARTY
   ===================================================== */

/* 1. Skryť fajky/výhody v úvodnom paneli */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro .hk-tree-points {
  display: none !important;
}

/* 2. Odstrániť čiernu šípku/overlay na produktových fotografiách */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .image::before,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .image::after,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .image a::before,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .image a::after,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .p-image::before,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .p-image::after {
  content: none !important;
  display: none !important;
}

/* Skryť šípky galérie bez zásahu do srdiečka – všetky zariadenia */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .image button:not(.btn-favorite),
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .image [class*="arrow"],
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .image [class*="prev"],
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section .product .image [class*="next"] {
  display: none !important;
}

/* 3. Kompaktnejšie tlačidlo do košíka */
@media (min-width: 768px) {
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-tools,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .pr-action {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .btn-cart {
    width: 82% !important;
    max-width: 250px !important;
    min-height: 46px !important;
    height: auto !important;
    margin: 8px auto 0 !important;
    padding: 11px 18px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  /* 4. Menej prázdneho miesta a lepšia typografia názvu */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-in {
    padding: 14px 18px 16px !important;
    gap: 0 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name a {
    margin: 0 0 12px !important;
    color: #294f6a !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* Sklad a cena – výraznejšie a prehľadnejšie */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .availability {
    margin: 2px 0 8px !important;
    color: #70a936 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .price,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .prices {
    margin: 0 0 10px !important;
    color: #294f6a !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  /* Zarovnanie obsahu karty bez veľkej prázdnej medzery */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom {
    margin-top: 8px !important;
  }
}

/* 5. Štítok NOVINKA – celý viditeľný, jemne zaoblený */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .flags {
  left: 12px !important;
  top: 12px !important;
  overflow: visible !important;
  z-index: 8 !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .flag,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .flags .flag {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: calc(100% - 24px) !important;
  min-height: 25px !important;
  padding: 5px 11px !important;
  border-radius: 7px !important;
  line-height: 1.2 !important;
  font-size: 10px !important;
  letter-spacing: .35px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Jemné doladenie názvu a úvodného panelu */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro .hk-tree-title {
  letter-spacing: -.3px !important;
}


/* =====================================================
   HELIUMKING – DESKTOP V4: KOMPAKTNEJŠIE KARTY
   ===================================================== */

@media (min-width: 768px) {
  /* Skrátiť spodnú časť produktovej karty */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-in {
    height: auto !important;
    min-height: 0 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-in {
    display: block !important;
    padding: 15px 20px 18px !important;
  }

  /* Názov – kompaktnejšie odsadenie */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name a {
    margin: 0 0 14px !important;
    min-height: 0 !important;
    line-height: 1.4 !important;
  }

  /* Sklad a cena bližšie k názvu */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .availability {
    margin: 0 0 7px !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .price,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .prices {
    margin: 0 0 14px !important;
  }

  /* Tlačidlo v strede a vyššie – bez veľkej prázdnej medzery */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-tools,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .pr-action {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .btn-cart {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 76% !important;
    max-width: 230px !important;
    min-height: 44px !important;
    margin: 0 auto !important;
    padding: 10px 18px !important;
    line-height: 1.2 !important;
    border-radius: 999px !important;
  }
}

/* NOVINKA – celý text vo vnútri štítku */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .flags,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .flags-default,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .flag {
  overflow: visible !important;
  box-sizing: border-box !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .flags .flag,
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .flag {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  min-width: 66px !important;
  max-width: none !important;
  height: auto !important;
  min-height: 26px !important;
  padding: 5px 12px !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
  line-height: 1.3 !important;
  font-size: 10px !important;
  letter-spacing: .2px !important;
  border-radius: 7px !important;
}


/* =====================================================
   HELIUMKING – DESKTOP V5: CENA + KOŠÍK V JEDNOM RIADKU
   ===================================================== */

@media (min-width: 768px) {
  /* Obsah produktu kompaktne, bez zbytočnej výšky */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-in {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 16px 20px 18px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name a {
    margin: 0 0 12px !important;
    color: #294f6a !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .availability {
    margin: 0 0 8px !important;
    color: #70a936 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  /* Cena a tlačidlo vedľa seba */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .price,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .prices {
    flex: 0 0 auto !important;
    margin: 0 !important;
    color: #294f6a !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-tools,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .pr-action {
    display: flex !important;
    flex: 0 1 62% !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
    max-width: 230px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .btn-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 220px !important;
    min-height: 43px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 15px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
  }

  /* Odstrániť vnútorný rámček spodnej časti karty */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-in,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom {
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* Namiesto emoji jemná fotografia stromčeka vľavo pri popise.
   Používa existujúcu fotku stromčeka z HeliumKing uploadu. */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: -22px !important;
  bottom: -34px !important;
  width: 190px !important;
  height: 250px !important;
  background-image: url("/user/documents/upload/Vianoce/vianocnystromcek1.png") !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-size: contain !important;
  opacity: .17 !important;
  transform: none !important;
  pointer-events: none !important;
}

/* Uistiť sa, že obsah úvodného textu zostane nad dekoratívnym obrázkom */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro > * {
  position: relative;
  z-index: 1;
}


/* =====================================================
   HELIUMKING – DESKTOP V6: VZHĽAD PODĽA REFERENČNÉHO NÁVRHU
   ===================================================== */

@media (min-width: 768px) {
  /* Produktová karta – čistá biela plocha a jemné zaoblenie */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p {
    border: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 7px 22px rgba(41,79,106,.09) !important;
  }

  /* Spodná časť: názov, sklad a spodný riadok */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-in {
    display: flex !important;
    flex-direction: column !important;
    padding: 18px 24px 20px !important;
    gap: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name a {
    display: block !important;
    margin: 0 0 18px !important;
    color: #173f5b !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .availability {
    margin: 0 0 16px !important;
    color: #63a832 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
  }

  /* Cena vľavo + tlačidlo vpravo v jednom riadku */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .price,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .prices {
    flex: 0 0 auto !important;
    margin: 0 !important;
    color: #173f5b !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-tools,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .pr-action {
    display: flex !important;
    flex: 0 1 58% !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
    max-width: 250px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .btn-cart {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 250px !important;
    min-height: 58px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 13px 22px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffb91f !important;
    color: #17334a !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  /* Žiadny dodatočný rámček pod cenou/tlačidlom */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom::before,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom::after {
    display: none !important;
    content: none !important;
  }
}

/* Ľavý dekor: zväčšený výrez zelených vetvičiek, nie celý stromček.
   Používa nahratú produktovú fotografiu a cez zoom ukáže detail ihličia. */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro {
  position: relative !important;
  overflow: hidden !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  left: -92px !important;
  bottom: -72px !important;
  width: 310px !important;
  height: 330px !important;
  background-image: url("/user/documents/upload/Vianoce/vianocnystromcek1.png") !important;
  background-repeat: no-repeat !important;
  background-position: 54% 78% !important;
  background-size: 470% auto !important;
  opacity: .95 !important;
  pointer-events: none !important;
  border-radius: 0 !important;
  -webkit-mask-image: linear-gradient(to right, #000 62%, transparent 100%), linear-gradient(to top, #000 65%, transparent 100%);
  mask-image: linear-gradient(to right, #000 62%, transparent 100%), linear-gradient(to top, #000 65%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro > * {
  position: relative !important;
  z-index: 1 !important;
}


/* =====================================================
   HELIUMKING – DESKTOP V7: CENA VYcentrovaná + DEKOR
   ===================================================== */

@media (min-width: 768px) {
  /* Cena a tlačidlo v dvoch rovnako širokých častiach */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .price,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .prices {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    color: #173f5b !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    border-right: 1px solid #d7e0e6 !important;
    box-sizing: border-box !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-tools,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .pr-action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 0 14px !important;
    box-sizing: border-box !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .btn-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 240px !important;
    min-height: 54px !important;
    margin: 0 auto !important;
    padding: 12px 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffb91f !important;
    color: #17334a !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }
}

/* Vetvička v ľavom dolnom rohu – organický výrez bez obdĺžnikového okraja */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro {
  position: relative !important;
  overflow: hidden !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  left: -112px !important;
  bottom: -108px !important;
  width: 390px !important;
  height: 390px !important;
  background-image: url("/user/documents/upload/Vianoce/vianocnystromcek1.png") !important;
  background-repeat: no-repeat !important;
  background-position: 52% 78% !important;
  background-size: 540% auto !important;
  background-color: transparent !important;
  background-blend-mode: multiply !important;
  opacity: .98 !important;
  pointer-events: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-mask-image: radial-gradient(ellipse at 28% 72%, #000 0%, #000 38%, rgba(0,0,0,.82) 52%, transparent 76%) !important;
  mask-image: radial-gradient(ellipse at 28% 72%, #000 0%, #000 38%, rgba(0,0,0,.82) 52%, transparent 76%) !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro > * {
  position: relative !important;
  z-index: 1 !important;
}


/* =====================================================
   V8 – OPRAVA PODĽA SKUTOČNEJ HTML ŠTRUKTÚRY SHOPTETU
   Cena a tlačidlo sú vo vnútri [data-micro="offer"].
   ===================================================== */

@media (min-width: 768px) {
  /* Vypnutie predchádzajúceho nesprávneho rozloženia */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom {
    display: block !important;
    margin: 0 !important;
    padding: 0 22px 18px !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Ponuka: skladom v samostatnom riadku, pod ním cena a tlačidlo */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom > [data-micro="offer"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "stock stock"
      "price action" !important;
    align-items: center !important;
    column-gap: 0 !important;
    row-gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom [data-micro="offer"] > .availability {
    grid-area: stock !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 2px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom [data-micro="offer"] > .prices {
    grid-area: price !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 12px 0 0 !important;
    border: 0 !important;
    border-right: 1px solid #d9e2e8 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom [data-micro="offer"] .price {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #173f5b !important;
    font-size: 29px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom [data-micro="offer"] .price strong {
    font-weight: 800 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom [data-micro="offer"] > .p-tools {
    grid-area: action !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 14px !important;
    box-sizing: border-box !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom .pr-action {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .btn-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 235px !important;
    min-height: 56px !important;
    margin: 0 auto !important;
    padding: 12px 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffb91f !important;
    color: #17334a !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  /* Kompaktnejší názov a menšia medzera nad skladom */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-in {
    padding-bottom: 0 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-in-in {
    padding: 18px 22px 12px !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .name {
    margin: 0 0 8px !important;
    line-height: 1.38 !important;
  }
}

/* =====================================================
   ĽAVÝ DEKOR – SEM DOSAĎ CESTU K VLASTNÉMU PNG S VETVIČKOU
   Odporúčanie: PNG s priehľadným pozadím, nie fotografia stromčeka.
   ===================================================== */

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro {
  position: relative !important;
  overflow: hidden !important;
}

/* ZMEŇ IBA NÁZOV SÚBORU v url(...) po nahratí PNG do Shoptetu. */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  left: -58px !important;
  bottom: -54px !important;
  width: 330px !important;
  height: 300px !important;
  background-image: url("/user/documents/upload/Vianoce/SEM-DAJ-NAZOV-TVojho-PNG.png") !important;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-size: contain !important;
  opacity: 1 !important;
  pointer-events: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro > * {
  position: relative !important;
  z-index: 1 !important;
}


/* =====================================================
   V9 – FINÁLNE PREPÍSANIE ROZLOŽENIA PODĽA HTML SHOPTETU
   Resetuje staršie pravidlá, ktoré tlačidlo posúvali cez cenu.
   ===================================================== */

@media (min-width: 768px) {
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    padding: 0 22px 20px !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom > [data-micro="offer"] {
    display: grid !important;
    position: relative !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto 58px !important;
    grid-template-areas:
      "stock stock"
      "price action" !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 10px 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom > [data-micro="offer"] > .availability {
    grid-area: stock !important;
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 3px !important;
    line-height: 1.35 !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom > [data-micro="offer"] > .prices {
    grid-area: price !important;
    display: flex !important;
    position: static !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-right: 1px solid #d9e2e8 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom > [data-micro="offer"] > .prices .price {
    display: block !important;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #294f6a !important;
    font-size: 27px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom > [data-micro="offer"] > .p-tools {
    grid-area: action !important;
    display: flex !important;
    position: static !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 0 0 12px !important;
    box-sizing: border-box !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom .pr-action {
    display: flex !important;
    position: static !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom .btn-cart {
    display: inline-flex !important;
    position: static !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 88% !important;
    max-width: 205px !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 auto !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffb91f !important;
    color: #173f5b !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
}

/* Dočasne odstrániť chybnú ukážkovú fotografiu.
   Novú vetvičku doplníme až po nahratí priehľadného PNG. */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro::before {
  content: none !important;
  display: none !important;
  background-image: none !important;
}


/* V10 – tlačidlo Do košíka: vyvážená veľkosť */
@media (min-width: 768px) {
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom > [data-micro="offer"] > .p-tools {
    justify-content: center !important;
    padding-left: 12px !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom .pr-action {
    width: 100% !important;
    max-width: 170px !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom .btn-cart {
    width: 100% !important;
    max-width: 165px !important;
    min-width: 145px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 12px 18px !important;
    font-size: 15px !important;
    letter-spacing: 0 !important;
  }
}

/* =====================================================
   V11 – FINÁLNE DOLADENIE: VETVIČKA + VYVÁŽENÁ CENA A KOŠÍK
   ===================================================== */

/* Ľavý dolný roh: vlastná PNG vetvička s priehľadným pozadím */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  left: -52px !important;
  bottom: -48px !important;
  width: 285px !important;
  height: 230px !important;
  background-image: url("/user/documents/upload/Realistick%C3%A1%20jed%C4%BEov%C3%A1%20vetvi%C4%8Dka%20v%20rohu.png") !important;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-size: contain !important;
  opacity: 1 !important;
  pointer-events: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Desktop: cena a tlačidlo v jednej línii, opticky vycentrované */
@media (min-width: 768px) {
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom > [data-micro="offer"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto 58px !important;
    grid-template-areas: "stock stock" "price action" !important;
    align-items: center !important;
    column-gap: 0 !important;
    row-gap: 10px !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom > [data-micro="offer"] > .prices {
    justify-content: center !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 0 10px !important;
    border-right: 1px solid #d9e2e8 !important;
    text-align: center !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom > [data-micro="offer"] > .prices .price {
    text-align: center !important;
    font-size: 27px !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom > [data-micro="offer"] > .p-tools {
    justify-content: center !important;
    height: 58px !important;
    padding: 0 0 0 12px !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom .pr-action {
    width: 100% !important;
    max-width: 175px !important;
  }

  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom .btn-cart {
    width: 100% !important;
    max-width: 175px !important;
    min-width: 145px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    border-radius: 999px !important;
  }
}

/* Na menších displejoch dekor nezavadzia textu */
@media (max-width: 767px) {
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro::before {
    width: 150px !important;
    height: 125px !important;
    left: -42px !important;
    bottom: -38px !important;
    opacity: .75 !important;
  }
}


/* =====================================================
   V12 – VÄČŠIA VETVIČKA, VYCHÁDZA PRIAMO Z ĽAVÉHO DOLNÉHO ROHU
   ===================================================== */
body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro::before {
  left: 0 !important;
  bottom: 0 !important;
  width: 390px !important;
  height: 315px !important;
  background-position: left bottom !important;
  background-size: contain !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro::before {
    left: 0 !important;
    bottom: 0 !important;
    width: 190px !important;
    height: 155px !important;
    opacity: .85 !important;
  }
}

/* =====================================================
   V13 – TEXT V ĽAVEJ ČASTI POSUNUTÝ VYŠŠIE NAD VETVIČKU
   ===================================================== */
@media (min-width: 768px) {
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro > * {
    position: relative !important;
    top: -95px !important;
    z-index: 2 !important;
  }
}

/* =====================================================
   V14 – SKRYTIE FILTRA A RADENIA IBA V KATEGÓRII VIANOČNÝCH STROMČEKOV
   ===================================================== */
body.in-vianocne-stromceky #content a.unveil-button[data-unveil="filters"],
body.in-vianocne-stromceky #content button.sortingToggle {
  display: none !important;
}


/* =====================================================
   V15 – ODSTRÁNENIE PRÁZDNEJ MEDZERY POD ÚVODNÝM BANNEROM
   IBA KATEGÓRIA VIANOČNÝCH STROMČEKOV
   ===================================================== */
body.in-vianocne-stromceky #content .category-top {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.in-vianocne-stromceky #content #products.hk-tree-groups {
  margin-top: 0 !important;
}

/* Skryje prázdny riadok, v ktorom boli filter a radenie */
body.in-vianocne-stromceky #content div:has(> a.unveil-button[data-unveil="filters"]):has(> button.sortingToggle) {
  display: none !important;
}

/* =====================================================
   V17 – MOBIL: JEMNÉ DOLADENIE BEZ ZMENY ŠTRUKTÚRY KARIET
   Desktop ostáva presne podľa V15.
   ===================================================== */
@media (max-width: 767px) {
  /* Zrušenie medzery medzi horným bannerom a stromčekmi */
  body.in-vianocne-stromceky #content #category-header {
    margin-bottom: 0 !important;
  }
  body.in-vianocne-stromceky #content #filters-wrapper {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
  }
  body.in-vianocne-stromceky #content .category-content-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  body.in-vianocne-stromceky #content #products.hk-tree-groups {
    margin-top: 0 !important;
  }

  /* Vetvička v rohu zosvetlená, text zostáva nad ňou */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro::before {
    left: 0 !important;
    bottom: 0 !important;
    width: 155px !important;
    height: 125px !important;
    opacity: .28 !important;
    z-index: 0 !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-intro > * {
    position: relative !important;
    top: auto !important;
    z-index: 2 !important;
  }

  /* Zachovať prirodzené rozloženie Shoptet karty – neprestavovať .p-in na flex */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product {
    min-width: 0 !important;
    overflow: hidden !important;
    border-radius: 17px !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p {
    min-width: 0 !important;
    width: 100% !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-in {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 0 10px !important;
    box-sizing: border-box !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-in-in {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 11px 9px 4px !important;
    box-sizing: border-box !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product a.name {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product a.name span {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .ratings-wrapper {
    display: none !important;
  }

  /* Skladom, cena a tlačidlo pod názvom – vycentrované a bez veľkých medzier */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom {
    display: block !important;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 5px 9px 10px !important;
    box-sizing: border-box !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-bottom > [data-micro="offer"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .availability {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .prices {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: center !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .price,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .price strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #294f6a !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-align: center !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .p-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .pr-action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 155px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .btn-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 155px !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 auto !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffb91f !important;
    color: #173f5b !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  /* Štítok NOVINKA: celý viditeľný, menší a s odstupom od okraja */
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .flags,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .flags-default {
    top: 7px !important;
    left: 7px !important;
    right: auto !important;
    z-index: 8 !important;
  }
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .flags .flag,
  body.in-vianocne-stromceky #products.hk-tree-groups .hk-tree-section > .product .flag {
    min-height: 19px !important;
    padding: 4px 7px !important;
    border-radius: 6px !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
}

/* =====================================================
   V18 – IBA MOBIL: skryť radenie a prepínač zobrazenia
   Desktop zostáva bez zmeny.
   ===================================================== */
@media (max-width: 767px) {
  /* Skryť radenie produktov a prepínače mriežka/riadky */
  body.in-vianocne-stromceky #content #category-header .listSorting,
  body.in-vianocne-stromceky #content #category-header .columns-selector {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Zachovať len jemnú medzeru nad produktovými skupinami */
  body.in-vianocne-stromceky #content #category-header {
    display: block !important;
    min-height: 12px !important;
    height: 12px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
  }
  body.in-vianocne-stromceky #content #category-header .category-header-pagination {
    display: none !important;
  }

  /* Žlté tlačidlo v úvodnom bannery – viac priestoru pod ním,
     aby nebolo nalepené na spodný okraj/bannerové výhody */
  body.in-vianocne-stromceky #content .hk-xmas-hero__content {
    padding-bottom: 12px !important;
  }
  body.in-vianocne-stromceky #content .hk-xmas-button {
    margin-bottom: 12px !important;
    transform: translateY(-3px) !important;
  }
}