/* =========================
   XCARP PREMIUM FOOTER
========================= */

#footer {
  background: radial-gradient(circle at top right, rgba(54,126,91,.18), transparent 28%), #101010 !important;
  color: rgba(255,255,255,.72) !important;
  padding-top: 54px !important;
  margin-top: 70px !important;
  overflow: hidden !important;
}

#footer .container,
#footer .footer-rows {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#footer .row,
#footer .custom-footer {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#footer .custom-footer::before,
#footer .custom-footer::after,
#footer .row::before,
#footer .row::after {
  display: none !important;
  content: none !important;
}

#footer .custom-footer {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  width: 100% !important;
  align-items: stretch !important;
}

#footer .custom-footer > div,
#footer .custom-footer .col-sm-4,
#footer .custom-footer__contact,
#footer .custom-footer__section3,
#footer .custom-footer__articles {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  flex: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#footer .custom-footer > div {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 28px !important;
  padding: 28px !important;
  backdrop-filter: blur(6px) !important;
  transition: .25s ease !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
}

#footer .custom-footer > div:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(54,126,91,.35) !important;
}

#footer .custom-footer > div * {
  text-align: center !important;
}

#footer h3.pageElement__heading {
  margin: 0 0 20px !important;
  width: 100% !important;
}

#footer h3.pageElement__heading span {
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #fff !important;
  letter-spacing: -.02em !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

#footer .contact-box {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

#footer .contact-box img {
  width: 220px !important;
  max-width: 100% !important;
  height: 165px !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  border-radius: 22px !important;
  margin: 0 auto 20px auto !important;
  display: block !important;
}

#footer .contact-box strong {
  display: block !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  margin-bottom: 16px !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

#footer .contact-box ul,
#footer .custom-footer__articles ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

#footer .contact-box li,
#footer .custom-footer__articles li,
#footer .news-item-widget {
  margin-bottom: 12px !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

#footer a {
  color: rgba(255,255,255,.72) !important;
  text-decoration: none !important;
  transition: .2s ease !important;
}

#footer a:hover {
  color: #367E5B !important;
}

#footer .contact-box .mail a,
#footer .contact-box .tel a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-weight: 700 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

#footer .contact-box .mail a::before,
#footer .contact-box .tel a::before {
  font-family: "shoptet" !important;
  min-width: 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  background: rgba(54,126,91,.14) !important;
  color: #367E5B !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
}

#footer .contact-box .mail a::before {
  content: "\e924" !important;
}

#footer .contact-box .tel a::before {
  content: "\e92c" !important;
}

#footer .social-icon-list {
  display: inline-flex !important;
  justify-content: center !important;
  margin: 10px 5px 0 5px !important;
  width: auto !important;
}

#footer .social-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.06) !important;
  transition: .2s ease !important;
}

#footer .social-icon:hover {
  background: #367E5B !important;
  transform: translateY(-2px) !important;
}

#footer .newsItemWidget__heading {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  width: 100% !important;
}

#footer .newsItemWidget__heading a,
#footer .custom-footer__articles li a {
  color: rgba(255,255,255,.72) !important;
  text-decoration: none !important;
  transition: .2s ease !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

#footer .newsItemWidget__heading a:hover,
#footer .custom-footer__articles li a:hover {
  color: #367E5B !important;
  padding-left: 0 !important;
}

#footer .footer-links-icons {
  margin-top: 36px !important;
  padding-bottom: 34px !important;
}

#footer .footer-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  justify-content: center !important;
}

#footer .footer-icon {
  width: 92px !important;
  height: 58px !important;
  background: #fff !important;
  border-radius: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18) !important;
}

#footer .footer-icon img {
  max-width: 100% !important;
  max-height: 55px !important;
  object-fit: contain !important;
}

#footer .footer-bottom {
  background: #0b0b0b !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  padding: 20px 0 !important;
}

#footer .footer-bottom .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

#footer .copyright {
  color: rgba(255,255,255,.5) !important;
  font-size: 13px !important;
}

#footer .copyright a {
  color: rgba(255,255,255,.65) !important;
}

#signature {
  opacity: .75 !important;
}

/* TABLET */
@media (min-width: 768px) and (max-width: 1199px) {
  #footer {
    padding-top: 36px !important;
    margin-top: 45px !important;
  }

  #footer .container,
  #footer .footer-rows {
    max-width: 960px !important;
  }

  #footer .custom-footer {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  #footer .custom-footer > div {
    padding: 20px !important;
    border-radius: 22px !important;
  }

  #footer h3.pageElement__heading {
    margin-bottom: 14px !important;
  }

  #footer h3.pageElement__heading span {
    font-size: 18px !important;
  }

  #footer .contact-box img {
    width: 150px !important;
    max-width: 150px !important;
    height: 113px !important;
    border-radius: 16px !important;
    margin: 0 auto 14px auto !important;
  }

  #footer .contact-box strong {
    font-size: 16px !important;
    margin-bottom: 12px !important;
  }

  #footer .newsItemWidget__heading a,
  #footer .custom-footer__articles li a,
  #footer .contact-box .mail a,
  #footer .contact-box .tel a {
    font-size: 14px !important;
  }

  #footer .footer-links-icons {
    margin-top: 24px !important;
    padding-bottom: 24px !important;
  }

  #footer .footer-icon {
    width: 78px !important;
    height: 50px !important;
    border-radius: 14px !important;
  }
}

/* MOBIL */
@media (max-width: 767px) {
  #footer {
    padding-top: 32px !important;
    margin-top: 40px !important;
  }

  #footer .custom-footer {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  #footer .custom-footer > div {
    padding: 20px !important;
    border-radius: 20px !important;
  }

  #footer .contact-box img {
    width: 140px !important;
    max-width: 140px !important;
    height: 105px !important;
    border-radius: 16px !important;
    margin: 0 auto 14px auto !important;
  }

  #footer h3.pageElement__heading span {
    font-size: 20px !important;
  }

  #footer .footer-bottom .container {
    flex-direction: column !important;
    text-align: center !important;
  }

  #footer .footer-icons {
    gap: 10px !important;
  }

  #footer .footer-icon {
    width: 78px !important;
    height: 52px !important;
    border-radius: 14px !important;
  }
}





.xcarp-youtube {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
    margin: 16px 0;
    contain: layout paint;
}

.xcarp-youtube img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0.94;
}

.xcarp-youtube::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.12);
    pointer-events: none;
}

.xcarp-youtube button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 74px;
    height: 52px;
    border: 0;
    border-radius: 14px;
    background: rgb(255 0 0 / 78%);
    color: #fff;
    font-size: 29px;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
    padding: 0;
    touch-action: manipulation;
}

.xcarp-youtube button span {
    position: relative;
    left: 2px;
}

.xcarp-youtube iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

/* Mobil */
@media (max-width: 767px) {
    .xcarp-youtube {
        border-radius: 8px;
        margin: 14px 0;
    }

    .xcarp-youtube button {
        width: 64px;
        height: 46px;
        border-radius: 12px;
        font-size: 25px;
    }
}

/* Veľmi malé mobily */
@media (max-width: 420px) {
    .xcarp-youtube {
        margin: 12px 0;
    }

    .xcarp-youtube button {
        width: 58px;
        height: 42px;
        font-size: 23px;
    }
}


.subcategories.with-image li {background-color: white;}
.recapitulation-single {padding: 10px 20px;}
.order-summary-inner {padding: 0px;}
.order-summary h2 {padding: 11px 20px;}
.order-summary-item {padding: 6px 20px;}
.order-summary-item.helper {padding: 22px 20px;}

.order-summary-item .cart-item-amount {
    margin-left: auto;
    text-align: right;
    font-size: 13px;
    letter-spacing: 1px;
}
.quantity {
    border-color:  var(--colors-foregrounds-borders-secondary);
}
@media (max-width: 991px) {
    .cart-table tr>td:nth-child(odd).p-price {
        text-align: right !important;
    }
    .cart-table tr>td:nth-child(2n), .cart-table tr>td:nth-child(odd).p-total {
        text-align: right !important;
    }
    .cart-table tr>td:nth-child(2n).p-name {
        text-align: left !important;
    }
}


.cart-table .p-total .price-final {
    font-weight: 700;
}
.cart-table tr td.p-name a {
    text-decoration: none !important;
    font-weight: 500;
}
ol.cart-header li {text-align: center !important;font-size:13px !important;}
ol.cart-header li.completed a span:after {border-top-color: var(--color-primary);}
ol.cart-header li.active strong:before {background-color:#eef2f0;border-color: var(--color-primary);}
ol.cart-header li.completed a:before {
    background-color: var(--colors-surface-white);
    border-color: var(--colors-foregrounds-borders-secondary);}
.radio-wrapper input[type=radio]:checked+label>span b {color: var(--colors-foregrounds-headlines-primary);}
@media (max-width: 991px) {
.shipping-billing-table .radio-wrapper:last-child {border: 1px solid var(--colors-foregrounds-borders-secondary);}
}

.shipping-billing-table .radio-wrapper.active {
    border-color: var(--color-primary);
    background: #eef2f0;
}
@media (max-width: 499px) {
    .shipping-billing-table .radio-wrapper {
        padding: 16px 16px 20px 16px;
        position: relative;
    }
}
.shipping-billing-table .radio-wrapper {
    border: 1px solid var(--colors-foregrounds-borders-secondary);
    padding: 10px 10px;
    margin-bottom: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    min-height: 84px;
}

.ordering-process .co-box h4.order-payment::before {
    content: "2. " !important;
    position: relative;
    display: inline-block;
    font-family: 'Nunito', sans-serif !important;
    font-size: var(--size-h4);
    vertical-align: inherit;
    font-weight: 700;
    margin-right: 5px;
}
.ordering-process .co-box h4.order-delivery::before {
    content: "1. " !important;
    position: relative;
    display: inline-block;
    font-family: 'Nunito', sans-serif !important;
    font-size: var(--size-h4);
    vertical-align: inherit;
    font-weight: 700;
    margin-right: 5px;
}
.in-krok-1.ordering-process .co-box h4 {
    padding: 0;
}


.xcarp-home-top,
.xcarp-home-top * {
  box-sizing: border-box;
}

.xcarp-home-top {
  background: #08100c;
  padding-bottom: 28px;
}

/* HERO BANNER */

.xcarp-hero {
  position: relative;
  min-height: 470px;
  padding: 72px 64px 112px;
  overflow: hidden;
  background-image: url("https://www.xcarp.sk/user/documents/upload/hero obrazky popis kategorie/hero-default-blk.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  color: #ffffff;border-radius: 0px !important;
}

.xcarp-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.46) 0%,
    rgba(0, 0, 0, 0.30) 28%,
    rgba(0, 0, 0, 0.12) 50%,
    rgba(0, 0, 0, 0.02) 72%,
    rgba(0, 0, 0, 0.00) 100%
  );
  z-index: 1;
}

.xcarp-hero__content {
  position: relative;
  z-index: 2;
  max-width: 650px;
  padding: 28px 32px;
  margin-left: -32px;
  border-radius: 18px;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.28) 0%,
    rgba(0, 0, 0, 0.16) 72%,
    rgba(0, 0, 0, 0.00) 100%
  );
}

.xcarp-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(38px, 5vw, 66px);
  line-height: 0.98;
  font-weight:600;
  letter-spacing: -0.04em;
  color: #ffffff;
  text-shadow: 0 3px 16px rgba(0, 0, 0, 0.45);
}

.xcarp-hero p {
  margin: 0 0 30px;
  max-width: 560px;
  font-size: 19px;
  line-height: 1.5;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.96);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.xcarp-hero__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.xcarp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 28px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
}

.xcarp-btn--primary {
  background: #367e5b;
  color: #ffffff !important;
  border: 1px solid #367e5b;
  box-shadow: 0 10px 24px rgba(54, 126, 91, 0.32);
}

.xcarp-btn--primary:hover {
  background: #2d6a4d;
  border-color: #2d6a4d;
  color: #ffffff;
  transform: translateY(-2px);
}

.xcarp-btn--secondary {
  background: rgba(255, 255, 255, 0.14);
  color: #f4d8a4 !important;
  border: 1px solid rgba(244, 216, 164, 0.78);
  backdrop-filter: blur(6px);
}

.xcarp-btn--secondary:hover {
  background: rgba(244, 216, 164, 0.22);
  color: #ffffff;
  border-color: #f4d8a4;
  transform: translateY(-2px);
}

/* DLAŽDICE KATEGÓRIÍ */

.xcarp-category-tiles {
  position: relative;
  z-index: 3;
  max-width: 1320px;
  margin: -82px auto 0;
  padding: 0 32px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.xcarp-category-tile {
  position: relative;
  aspect-ratio: 1 / 1;
  min-height: auto;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(244, 216, 164, 0.45);
  background: #111714;
  color: #ffffff;
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
  isolation: isolate;
}

.xcarp-category-tile img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 0.35s ease, filter 0.35s ease;
  z-index: 1;
  filter: brightness(1.1) contrast(1.03) saturate(1.04);
}

.xcarp-category-tile__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(8, 12, 10, 0.00) 0%,
    rgba(8, 12, 10, 0.10) 42%,
    rgba(8, 12, 10, 0.72) 100%
  );
  z-index: 2;
}

.xcarp-category-tile__content {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 9px;
}

.xcarp-category-tile__icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 999px;
  border: 1px solid rgba(244, 216, 164, 0.78);
  color: #f4d8a4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(4px);
  transition: all 0.25s ease;
}

.xcarp-category-tile__icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.xcarp-category-tile__icon svg,
.xcarp-category-tile__icon svg * {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.xcarp-category-tile__title {
  font-size: 16px;
  line-height: 1.15;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
}

.xcarp-category-tile:hover {
  color: #ffffff;
  border-color: rgba(244, 216, 164, 0.95);
}

.xcarp-category-tile:hover img {
  transform: scale(1.1);
  filter: brightness(1.16) contrast(1.06) saturate(1.08);
}

.xcarp-category-tile:hover .xcarp-category-tile__icon {
  background: #367e5b;
  border-color: #367e5b;
  color: #ffffff;
}

/* TABLET */

@media (max-width: 1200px) {
  .xcarp-category-tiles {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: -70px;
    padding: 0 24px;
  }

  .xcarp-category-tile {
    aspect-ratio: 1 / 1;
    min-height: auto;
  }
}

/* MOBIL */

@media (max-width: 767px) {
  .xcarp-home-top {
    padding-bottom: 20px;
  }

  .xcarp-hero {
    min-height: 420px;
    padding: 52px 24px 96px;
    background-position: 75% center;
  }

  .xcarp-hero__overlay {
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.54) 0%,
      rgba(0, 0, 0, 0.34) 42%,
      rgba(0, 0, 0, 0.10) 72%,
      rgba(0, 0, 0, 0.00) 100%
    );
  }

  .xcarp-hero__content {
    max-width: 100%;
    padding: 24px 22px;
    margin-left: 0;
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.38) 0%,
      rgba(0, 0, 0, 0.22) 75%,
      rgba(0, 0, 0, 0.04) 100%
    );
  }

  .xcarp-hero h1 {
    font-size: 40px;
  }

  .xcarp-hero p {
    font-size: 16px;
  }

  .xcarp-btn {
    width: 100%;
  }

  .xcarp-category-tiles {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: -58px;
    padding: 0 14px;
  }

  .xcarp-category-tile {
    aspect-ratio: 1 / 1;
    min-height: auto;
    border-radius: 12px;
  }

  .xcarp-category-tile__content {
    left: 10px;
    right: 10px;
    bottom: 10px;
    gap: 7px;
  }

  .xcarp-category-tile__title {
    font-size: 14px;
    line-height: 1.15;
  }

  .xcarp-category-tile__icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
  }

  .xcarp-category-tile__icon svg {
    width: 16px;
    height: 16px;
  }
}

/* MALÝ MOBIL */

@media (max-width: 420px) {
  .xcarp-category-tiles {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 0 12px;
  }

  .xcarp-category-tile {
    aspect-ratio: 1 / 1;
    min-height: auto;
  }

  .xcarp-category-tile__title {
    font-size: 14px;
  }

  .xcarp-category-tile__icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
  }

  .xcarp-category-tile__icon svg {
    width: 15px;
    height: 15px;
  }
}





.siteCookies__link {border:none !important;text-decoration:underline !important;}
.payment-logo img {border-radius: 0px !important;}
/* MOBILE */
@media (max-width: 767px) {

    .p-data-wrapper .detail-parameters.shipping-options-layout .shipping-options-row::after {
        content: "Najlacnejšie doručenie za 2,49€\A Nad 39€ doručenie ZADARMO";
        display: block;
        margin-top: 8px;
        color: #333;
        //font-weight: 700;
        white-space: pre-line;
    }
}

/* DESKTOP */
@media (min-width: 768px) {

    .p-data-wrapper .detail-parameters.shipping-options-layout::after {
        content: "Najlacnejšie doručenie za 2,49€\A Nad 39€ doručenie ZADARMO";
        display: block;
        margin-top: 10px;
        color: #333;
        //font-weight: 700;
        white-space: pre-line;
    }
}
.podpis-produkt {display: none !important;}
.two-cols-kat .text ul li, .basic-description ul li {
    margin-bottom: 12px;
    padding-left: 32px;
    position: relative;
    list-style-type: none;
}
.two-cols-kat .text ul li::before, .basic-description ul li::before {
    left: 0;
    margin: 0;
    position: absolute;
    top: 1px;
    content: url(/user/documents/upload/ikony-vyhody-detail/ikona-check-24px.svg) !important;
}
.products-inline>div .p .p-in .p-bottom>div .prices .price-standard-wrapper, .products-inline.products-top>div .p .price-save {display: inline-block !important;}
.xcarp-content p {
    margin: 0 0 0px !important;
}
.xcarp-content {
    text-align: right;
}

.xcarp-content h3,
.xcarp-content p {
    text-align: left;
}
body[class*="zlavy-rybarske-potreby"] a[data-ec-promo-id="978"] {
    display: none !important;
}
.p-short-description ul {padding: 15px 0px !important;}
@media (min-width: 768px) {
.type-product .benefitBanner {display:none !important;}
    .p-detail-tabs-wrapper {
        margin-top: 40px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .p-data-wrapper .detail-parameters.shipping-options-layout .shipping-options-row {
        margin-left: 0;
        margin-top: 10px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .shipping-options-layout tbody {
        flex-wrap: wrap;
    }
}


.banner-category {margin-bottom: 20px; margin-top: 20px;margin-left: 10px;
    margin-right: 10px;}
.type-product .benefitBanner {margin-top: 10px !important;}
.p-to-cart-block {margin-bottom: 5px;}
#productsTopHeading::after, .h4.homepage-group-title::after {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
}
.homepage-group-title.homepage-products-heading-56.h4::after {
    content: "Ulovte si obľúbené kúsky za parádne ceny. Nakupujte, kým ešte sú.";
}
.homepage-group-title.homepage-products-heading-72.h4::after {
    content: "Objavte naše najpredávanejšie nástrahy a zistite na čo ostatní rybári chytajú";
}

.two-cols-kat {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;
}
.two-cols-kat {
    margin: 0 0 100px;
}
.two-cols-kat {
    justify-content: flex-end;
}
@media (max-width: 991px) {
.two-cols-kat {
        flex-direction: column;
    }
}
@media (max-width: 767px) {
.two-cols-kat {
        margin: 0 0 40px;
    }
}
.two-cols-kat .text {
    max-width: 700px;
}
.two-cols-kat .text {
    margin-right: 140px;
}
@media (max-width: 1439px) {
.two-cols-kat .text {
        margin-right: 100px;
    }
}
@media (max-width: 1199px) {
.two-cols-kat .text {
        margin-right: 40px;
    }
}
@media (max-width: 991px) {
.two-cols-kat.mirror .text, .two-cols-kat .text {
        max-width: 100%;
        margin: 0 0 20px;
    }
}
@media (max-width: 767px) {
.two-cols-kat.mirror .text, .two-cols-kat .text {
        margin: 0 0 0 !important;
    }
}
.two-cols-kat .text h2 {
    margin: 0 0 40px;
}
@media (max-width: 767px) {
.two-cols-kat .text h2 {
        line-height: 1.4;
        margin: 0 0 24px;
    }
}
@media (max-width: 767px) {
.two-cols-kat .text h2 {
        text-align: center;
    }
}
.two-cols-kat .text p {
    margin-bottom: 40px !important;
}
.two-cols-kat .image iframe{
    width: 100%;
    max-width: 400px;
}

.two-cols-kat .image {
    width: 100%;
    max-width: 400px;
}

@media (max-width: 991px) {
.two-cols-kat .image iframe {
        max-width: 100%;
    }

.two-cols-kat .image {
        max-width: 100%;
    }
}
.two-cols-kat iframe {
    aspect-ratio: 4 / 3;
}

.two-cols-kat img {
    aspect-ratio: 4 / 3;
}
.two-cols-kat.mirror {
    flex-direction: row-reverse;
}
@media (max-width: 991px) {
.two-cols-kat.mirror {
        flex-direction: column;
    }
}
.two-cols-kat.mirror .text {
    margin-right: 0;
    margin-left: 140px;
}
@media (max-width: 1439px) {
.two-cols-kat.mirror .text {
        margin-left: 100px;
    }
}
@media (max-width: 1199px) {
.two-cols-kat.mirror .text {
        margin-left: 40px;
    }
}
@media (max-width: 991px) {
.two-cols-kat.mirror .text, .two-cols-kat .text {
        max-width: 100%;
        margin: 0 0 20px;
    }
}
@media (max-width: 767px) {
.two-cols-kat .text, .two-cols-kat .text {
        margin: 0 0 40px;
    }
}


.flag-freeshipping {display:none !important;}
@media (max-width: 767px) {
    .uvod-clanku {
        padding: 20px 20px 20px 20px !important;
        //background-repeat: no-repeat !important;
        //background-size: 50px !important;
        //background-position: 15px 20px !important;
    }
}
@media (max-width: 499px) {
    .uvod-clanku {
        padding: 20px 20px 20px 20px !important;
        //background-size: 40px 40px !important;
        //background-position: 20px 20px !important;
    }
}
.uvod-clanku {
//border-left: 4px solid #992b15;
    margin: 0px 0 40px;
        padding: 20px 20px 20px 20px;
    background-color: #EEF2F0;
    //background-image: url(https://www.xcarp.sk/user/documents/upload/ikony-vyhody-detail/ikona-carp-pozadie.svg);
    //background-repeat: no-repeat;
    //background-size: 70px;
    //background-position: 30px center;
    font-weight:700;
}
@media screen and (min-width: 1440px) {
    .uvod-clanku {
        width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .uvod-clanku {
        width: 100%;
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.uvod-clanku p, .info-tip p, .info-tip-warning p {margin:0px !important}
@media (max-width: 767px) {
    .info-tip-warning {
padding: 20px 20px 20px 90px !important;
        background-repeat: no-repeat !important;
        background-size: 50px !important;
        background-position: 20px center !important;
    }
}
@media (max-width: 499px) {
    .info-tip-warning {
        padding: 20px 20px 20px 80px !important;
        background-size: 40px 40px !important;
        background-position: 20px 20px !important;
    }
}
.info-tip-warning {
border-left: 4px solid #992b15;
    margin: 20px 0 20px;
    padding: 20px 20px 20px 80px;
    background-color: #EEF2F0;
    background-image: url(https://www.xcarp.sk/user/documents/upload/ikony-vyhody-detail/ikona-pozor.svg);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 20px center;
}
@media screen and (min-width: 1440px) {
    .info-tip-warning {
        width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .info-tip-warning {
        width: 100%;
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media (max-width: 767px) {
    .info-tip {
padding: 20px 20px 20px 90px !important;
        background-repeat: no-repeat !important;
        background-size: 50px !important;
        background-position: 20px center !important;
    }
}
@media (max-width: 499px) {
    .info-tip {
        padding: 20px 20px 20px 75px !important;
        background-size: 40px 40px !important;
        background-position: 20px 20px !important;
    }
}
.info-tip {
border-left: 4px solid #367e5b;
    margin: 20px 0 20px;
    padding: 20px 20px 20px 80px;
    background-color: #EEF2F0;
    background-image: url(https://www.xcarp.sk/user/documents/upload/ikony-vyhody-detail/ikona-info.svg);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 20px center;
}
@media screen and (min-width: 1440px) {
    .info-tip {
        width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .info-tip {
        width: 100%;
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.blog-odporucane-clanky .blog-tags.disco-tags {display:none !important;}
.blog-tags.disco-tags {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
//.podpis.miro, .podpis-produkt {background-color: linen !important;}
@media (min-width: 992px) {
.news-wrapper .news-item {width: calc(33.3333% - 40px);}
}

.shipping-options-popup .extra.delivery .price-range:before {
    display: none;
}
.shipping-options-popup .extra.delivery .price-range {
    margin-left: 0;
    width: 100%;
}
.shipping-options-popup .extra.delivery {
    max-width: 442px;
    border-radius: 8px;
    background-color: #eef2f0;
    margin: 0 auto 24px;
    padding: 8px 16px;
}
.shipping-options-popup h1 {text-align: center;}
.shipping-options-popup {
    background: url(https://www.xcarp.sk/user/documents/upload/ikony-vyhody-detail/ikona-carp-pozadie.svg) no-repeat top left;
    background-size: 120px;padding: 48px 40px;
}

/* start ZALOZKY VYHODY POPIS PRODUKTU */
@media screen and (max-width: 767px) {
.zalozky-vyhody::before {background: none !important; }
    .zalozka-vyhody {
        padding: 24px !important;
    }
}
@media screen and (max-width: 479px) {
    .zalozka-vyhody {
        width: 100% !important;
        border-left: 0 !important;
    }
}
@media screen and (max-width: 767px) {
    .zalozky-vyhody h2 {
        padding: 24px !important;
    }
}
.zalozka-vyhody:nth-of-type(2n) {
    border-left: 1px solid #B3CDBF; border-radius:0px !important;
}
.zalozka-vyhody p {
    margin-bottom: 0 !important;
}
.zalozka-vyhody {
    width: 50%;
    padding: 32px 40px 45px 40px;
    border-top: 1px solid #B3CDBF; border-radius:0px !important;
}
.zalozky-vyhody h2 {
    margin: 0;
    padding: 64px 264px 64px 40px;
    width: 100%;
}
.zalozky-vyhody::before {
    content: "";
    background: url(https://www.xcarp.sk/user/documents/upload/zalozky-carp.png) 50% 90% no-repeat;
    background-size: cover;
    width: 235px;
    height: 173px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 12px 0 0; 
}
.zalozky-vyhody {
background-color: #eef2f0;
    //background: url() 100% 0 no-repeat #EDF3EF;
    background-size: cover;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

/* end ZALOZKY VYHODY POPIS PRODUKTU */

@media (max-width: 767px) {
    .p-data-wrapper .detail-parameters.shipping-options-layout .shipping-options-row {
        width: 100%;
        margin-top: 12px;
    }
}
@media (max-width: 767px) {
    table.detail-parameters tbody tr td {
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .shipping-options-layout tbody {
        flex-wrap: wrap;
    }
}
.p-data-wrapper .detail-parameters.shipping-options-layout .delivery-time-row::after {
    content: "u vás ";
    display: inline-block;
    margin-left: 5px;
    margin-right: 0px;
}
.p-data-wrapper .detail-parameters.shipping-options-layout .delivery-time-row::before {
    content: ", najneskôr ";margin-left: 0;
    margin-right: 5px;
}
.p-data-wrapper .detail-parameters.shipping-options-layout .shipping-options-row .shipping-options::before {
    content: "\e92e"; font-family: shoptet;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1; font-size:22px;
}
.p-data-wrapper .detail-parameters.shipping-options-layout .shipping-options-row {
    margin-left: auto;
}
table.shipping-options-layout tbody tr td {
    padding-left: 0;
}
table.detail-parameters tbody tr td, table.detail-parameters tbody tr th {
    padding-bottom: 0;
}
.p-data-wrapper .detail-parameters.shipping-options-layout .delivery-time-row th {
    display: none;
}
.p-data-wrapper .detail-parameters.shipping-options-layout .delivery-time-row {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1;
    color:#006600;
}
.p-data-wrapper .detail-parameters th {
    display: none;
}
.p-data-wrapper .detail-parameters.shipping-options-layout {
    margin: 0 0 32px;
}
.shipping-options-layout tbody {
    display: flex;
    align-items: center;
}



.two-cols video {
    aspect-ratio: 4 / 3;
}
.two-cols .video {width: 100%;max-width: 700px;}
.flag.flag-new {color: #1a1937;}
@media (min-width: 768px) {
#header .header-bottom {border-style: none !important;}
.header-bottom {background-color: #ffffff !important;}
}
.xcarp-item:hover video {
  filter: brightness(1.1);
}
.xcarp-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xcarp-slider .btn.btn-primary {padding: 5px 10px !important;}
@media (max-width: 767px) {
.basic-description h2 {text-align:center;}
}
.content-wrapper {
    padding-top: 0px !important;
}
li::marker {font-weight:700;}
.two-cols .image iframe {
    width: 100%;
    height: 100%;
}
iframe {width:100%;}
a.social-icon.facebook:before, a.social-icon.instagram:before {color: white;}
@media (max-width: 767px) {
  #mobileBottomNav .cart-icon {
    position: relative; /* context pre badge */
    display: inline-block;
  }

  #mobileBottomNav .cart-badge {
    position: absolute;
    top: -8px;
    right: -10px;
    width: 21px;
    height: 21px;
    line-height: 19px;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    background-color: var(--color-secondary);
    border-radius: 50% !important;
    display: none; /* JS zobrazuje dynamicky */
    pointer-events: none;
  }
}



@media (max-width: 767px) {
  /* Pseudo-element .cart-icon */
  .cart-icon::before {
    content: url('https://www.xcarp.sk/user/documents/upload/ikony-vyhody-detail/ikona-kosik-white26px.svg') !important;
    width: 26px;
    height: 26px;
    display: inline-block;      /* dôležité pre zarovnanie s textom/ostatnými ikonami */
    vertical-align: middle;     /* zarovná sa s ostatnými ikonami */
  }

  /* Celý nav-btn flexbox pre istotu */
  #mobileBottomNav .nav-btn {
    display: flex;
    flex-direction: column;
    align-items: center;        /* horizontálne centrovanie ikon aj labelov */
    justify-content: center;
  }

  /* Ak label ide mimo */
  #mobileBottomNav .nav-label {
    margin-top: 2px; /* alebo uprav podľa potreby */
  }
}
@media (max-width: 767px) {
    //.cart-icon::before {
width: 26px;height: 26px;
content: url('https://www.xcarp.sk/user/documents/upload/ikony-vyhody-detail/ikona-kosik-white26px.svg') !important;
    }
}
@media (min-width: 768px) {
    .navigation-buttons>a[data-target=cart] i {
        border-radius: 100% !important;
        bottom: 35px !important;
        display: block !important;
        //font-size: 11px !important;
        font-style: normal !important;
        height: 19px !important;
        left: 10px !important;
        line-height: 19px !important;
        padding: 0 !important;
        position: absolute !important;
        right: auto !important;
        top: auto !important;
        width: 19px !important;
    }
}
    #header .navigation-buttons a[data-target=cart]:before {width: 26px;height: 26px;
content: url('https://www.xcarp.sk/user/documents/upload/ikony-vyhody-detail/ikona-kosik.svg');
font-family: "Shoptet";
display: inline-block;margin-right: 8px;vertical-align: top;font-size: 20px;}

.add-to-cart-button {
    display: inline-flex;          /* horizontálna línia */
    align-items: center;           /* vertikálne centrovanie textu a ikony */
    justify-content: center;       /* horizontálne centrovanie textu + ikony */
    gap: 8px;                      /* medzera medzi ikonou a textom */
    padding: 12px 20px;            /* priestor okolo textu */
    font-size: 16px;               /* veľkosť textu */
    color: #fff;                   /* farba textu */
    background-color: #367E5B;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
#shoptetStickyBar button {
    display: inline-flex;          /* horizontálna línia */
    align-items: center;           /* vertikálne centrovanie textu a ikony */
    justify-content: center;       /* horizontálne centrovanie textu + ikony */
    gap: 8px;                      /* medzera medzi ikonou a textom */
    padding: 12px 5px !important;            /* priestor okolo textu */
    font-size: 16px;               /* veľkosť textu */
    color: #fff;                   /* farba textu */
    background-color: #367E5B;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
/* ikona ako pseudo-element */
.add-to-cart-button::before {
    content: "";
    display: inline-block;
    width: 26px;   /* veľkosť ikony */
    height: 26px;
    background-image: url('https://www.xcarp.sk/user/documents/upload/ikony-vyhody-detail/ikona-kosik+.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;  /* zabráni zmenšeniu ikony */
}
@media (max-width: 366px) {
#shoptetStickyBar button::before {display:none !important;}
}
#shoptetStickyBar button::before {
    content: "";
    display: inline-block;
    width: 26px;   /* veľkosť ikony */
    height: 26px;
    background-image: url('https://www.xcarp.sk/user/documents/upload/ikony-vyhody-detail/ikona-kosik+.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;  /* zabráni zmenšeniu ikony */
        padding: 0 0;
    margin: 0 0;
}

/* Skryť medzi 768px a 1023px */
@media (min-width: 768px) and (max-width: 991px) {
    .tell a::after {
        display: none !important;
    }
}

/* Zobraziť do 767px */
@media (max-width: 767px) {
    .tell a::after {
        display: inline-block !important; /* alebo block podľa potreby */
    }
}
@media (max-width: 767px) {
.top-navigation-bar .container>div {flex: 0 0 100%;}
.tell a {padding: 5px 0px;}
.top-nav-button-logout, .top-nav-button-account, .top-nav-button-login, .top-nav-button-register {display: none !important;}
.top-navigation-bar {display: block !important;}
}
.subcategories li a .text {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
@media (max-width: 991px) {
    .subcategories li a {
        padding: 0 0px 0 0px;
    }
}
.subcategories li:before {display:none;}
.subcategories.with-image li {
padding: 0px 10px;
    margin: 10px;
    width: calc(25% - 20px);
    overflow: hidden;
}
@media (max-width: 1199px) {
    .subcategories.with-image li {
        width: calc(33.333% - 20px);
    }
}
@media (max-width: 991px) {
    .subcategories.with-image li {
        width: calc(50% - 20px);
    }
}
@media (max-width: 767px) {
    .subcategories.with-image li {
        margin: 5px;
        width: calc(50% - 10px);
    }
}
.subcategories.with-image li:hover {
    border-color: #367E5B;
}
.subcategories.with-image li {
    border: 1px solid #cfcfcf;
}


/* start grid carusel home page */
/* WRAPPER */
@media (max-width: 767px) {
.xcarp-slider {
  padding: 20px 0;}
}

.xcarp-slider {
  position: relative;
  //padding: 40px 0;
}

/* TRACK */
.xcarp-track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 0 0;
}

.xcarp-track::-webkit-scrollbar {
  display: none;
}

/* CARD */
.xcarp-item {
  flex: 0 0 300px;
  height: 400px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  scroll-snap-align: start;
  text-decoration: none;
  color: #fff;
}

/* IMAGE */
.xcarp-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* overlay */
.xcarp-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
}

/* CONTENT */
.xcarp-content {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  z-index: 2;
}

/* ARROWS */
@media (max-width: 767px) {
.xcarp-arrow {
font-size: x-large !important;width:50px !important;}
}

.xcarp-arrow {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
background-color: white !important;
  cursor: pointer;
  z-index: 10;font-size: large;
    border: none !important;width:40px;
}
.xcarp-arrow.disabled {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%) scale(0.9);
}
.xcarp-arrow:hover {
  background: white;color: var(--color-primary);
}
.xcarp-track {
  scroll-padding-left: 20px;
}
.prev { left: 10px; }
.next { right: 10px; }

/* hover */
.xcarp-item:hover img {
  transform: scale(1.05);
  transition: 0.4s;
}
/* end grid carusel home page */


/* start sticky tlacidlo pokracovat v kosiku  */

#stickyConversionBar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: inherit;
  padding: 10px;
  transition: all 0.3s ease;
}

#stickyConversionBar .inner {
  display: flex;
  width: 100%;
  max-width: 600px;
  justify-content: space-between;
  align-items: center;
}

#stickyConversionBar .left {
  display: flex;
  flex-direction: column;
}

#stickyConversionBar .price {
  font-size: 16px;
  font-weight: 700;
  color: #1a1937;
}

#stickyConversionBar .right button {
  padding: 10px 20px;
  background-color: var(--color-secondary);
  color: #1a1937;
  font-weight: bold;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#stickyConversionBar .right button:hover {
  background-color: var(--color-secondary-hover);color:white;
}

#stickyConversionBar .right button .btn-text {
  font-size: 16px;
  font-weight: bold;
}

#stickyConversionBar .right button .btn-subtext {
  font-size: 13px;font-weight:400;
  margin-top: 2px;
}

@media (max-width: 767px) {
  #stickyConversionBar .inner { flex-direction: row; }
  #stickyConversionBar .price { font-size: 14px; }
  #stickyConversionBar .right button { padding: 8px 16px; }
  #stickyConversionBar .right button .btn-text { font-size: 14px; }
  #stickyConversionBar .right button .btn-subtext { font-size: 13px;font-weight:400;}
}

/* end sticky tlacidlo pokracovat v kosiku  */



/* start spodne menu na mobile  */


/* default farba textu */
#mobileBottomNav .nav-label {
  color: #1a1937
  transition: color 0.2s;
}

/* aktívny text */
#mobileBottomNav .nav-label.active {
color: #ffffff;
    font-weight: 700;
    background-color: var(--color-primary);
    padding: 0px 5px;
}
#mobileBottomNav .home-icon.active,
#mobileBottomNav .menu-icon.active,
#mobileBottomNav .cart-icon.active,
#mobileBottomNav .account-icon.active {color: white;font-weight:800 !important;}
@media (max-width: 767px) {
.siteCookies__form {position:absolute;bottom:56px;}
}
/* keď je login otvorený */
#mobileBottomNav.login-active .account-icon::before {
  content: "\e912";
}

/* start Zmazanie hamburger menu a kosika na mobile */
@media (max-width: 767px) {
#header .site-name {
        padding-left: 0px !important;
        margin-left: 10px !important;}
#header .header-top a.cart-count {display: none !important;}
#header .navigation-buttons a.toggle-window[data-target="navigation"] {display:none !important;}
}
/* end Zmazanie hamburger menu a kosika na mobile */
@media (min-width: 768px) {
//.navigation-buttons>a[data-target=cart] i {
    border-radius: 100% !important;
    bottom: 0 !important;
    display: block !important;
    font-size: 11px !important;
    font-style: normal !important;
    height: 19px !important;
    left: 6px !important;
    line-height: 19px !important;
    padding: 0 !important;
    position: absolute !important;
    right: auto !important;
    top: auto !important;
    width: 19px !important;}
}





/* Zobraziť len na mobile */
@media (min-width: 768px) {
  #mobileBottomNav {
    display: none;
  }
}
#mobileBottomNav .nav-cart {
  position: relative;
}
/* Sticky produkt bar nad bottom nav */
@media (max-width: 767px) {
.home-icon::before { content: "\e91f"; /* unicode tvojho home symbolu */ } .menu-icon::before { content: "\e914"; /* unicode pre menu */ } .cart-icon::before { content: "\e921"; /* unicode pre košík */ } .account-icon::before { content: "\e922"; /* unicode pre účet */ }
#mobileBottomNav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 56px;
  //background: rgba(255,255,255,0.98);
background-color:#16222b;
border-top: 1px solid white;
  backdrop-filter: blur(10px);
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0 -2px 12px rgba(0,0,0,.12);
  z-index: 999; border-radius:0px !important;
}

#mobileBottomNav .nav-btn {
  flex: 1;
  text-align: center;
  font-size: 14px;
  //color: #1a1937;
color:white;
  background: none;
  border: none;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;font-weight:700;
}

#mobileBottomNav .nav-icon {
  font-size: 20px;
  margin-bottom: 2px;
}
.nav-icon {
  font-family: "Shoptet"; /* tvoja font-family zo šablóny */
  font-style: normal;
  font-weight: normal;
  display: block;
  font-size: 20px; /* veľkosť ikony */
  margin-bottom: 2px;
}
  #shoptetStickyBar.active {bottom: 56px !important;}


body {padding-bottom: 56px;}
}

/* end spodne menu na mobile  */

/* start Sticky produkt bar pridat do koiska */
#shoptetStickyBar .availability.out-stock {color:#e94b4b;font-weight:700;}
#shoptetStickyBar .availability.out-stock::before {content: "";
    position: absolute;
    left: 1px;
    top: 55%;
    transform: translateY(-50%);
    width: 11px;
    height: 11px;
    background-color: red;
    border-radius: 50% !important;}
#shoptetStickyBar .availability.in-stock {color:#006600;font-weight:700;}
#shoptetStickyBar .availability.in-stock::before {content: "";
    position: absolute;
    left: 1px;
    top: 55%;
    transform: translateY(-50%);
    width: 11px;
    height: 11px;
    background-color: #00da00;
    border-radius: 50% !important;}
    
#shoptetStickyBar {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 998;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(255,255,255,0.85);
  border-bottom: 1px solid rgba(0,0,0,0.05);
  box-shadow: 0 8px 30px rgba(0,0,0,.06);
  opacity: 0;
  transform: translateY(-15px);
  transition: all .35s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

/* Desktop */
@media (min-width: 768px) {
  #shoptetStickyBar { top: 0; }
}

/* Mobile */
@media (max-width: 767px) {
  #shoptetStickyBar {
    bottom: 0;
    transform: translateY(15px);
    border-top: 1px solid rgba(0,0,0,0.05);
    border-bottom: none;
  }
}

#shoptetStickyBar.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

#shoptetStickyBar .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

#shoptetStickyBar .left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

#shoptetStickyBar img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 8px;
}
#shoptetStickyBar .title{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
#shoptetStickyBar .title {
  font-weight: 600;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 360px;
}

#shoptetStickyBar .right {
  display: flex;
  align-items: center;
  gap: 30px;
}

#shoptetStickyBar .meta {
  text-align: right;
}

#shoptetStickyBar .price {
  font-weight: 700;
  font-size: 17px;
}

#shoptetStickyBar .availability {
  font-size: 13px;
  margin-top: 2px; display:block !important;
}

#shoptetStickyBar button {
background-color: var(--color-secondary) !important;
  //background: var(--sticky-btn-color, #000);
  color: #1a1937 !important;
  border: none;
  padding: 12px 22px;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s ease;
}

#shoptetStickyBar button:hover {background-color: var(--color-secondary-hover) !important;
}

/* Mobile */
@media (max-width: 479px) {
#shoptetStickyBar .title { display: none; }
}
@media (max-width: 767px) {

  

  #shoptetStickyBar img {
    width: 42px;
    height: 42px;
  }

  #shoptetStickyBar .meta {
    text-align: left;
  }

  #shoptetStickyBar .right {
    gap: 15px;
  }
}
@media (max-width: 321px) {
#shoptetStickyBar .right {
    gap: 10px;
  }
}

/* end Sticky produkt bar pridat do koiska */



#product-detail-form .variant-label {font-size: 18px;font-weight: 700;}
@media (max-width: 767px) {
.product-slider-holder .product-slider-navigation {top: 35%;}
}
.top-products li .top-products-content .top-products-name:hover {text-decoration:none;}
.top-products li .top-products-content .top-products-name {text-decoration: underline;}
.top-products li.display-image .top-products-content {text-decoration: none;}
.top-products li .top-products-content>strong {font-weight: bold;}
.top-products-content strong {color:#1a1937 !important;}
.breadcrumbs a:hover {text-decoration:none;}
.breadcrumbs a, .breadcrumbs span, .breadcrumbs span:hover {color: #16222b;}
/* Skryť Značky v hlavnom menu aj v pomocnom menu Viac */
.header-bottom #nav-manufacturers,
.header-bottom .menu-helper #nav-manufacturers,
.header-bottom li[id="nav-manufacturers"] {
    display: none !important;
}
@media (min-width: 992px) {
.type-product .breadcrumbs {width: 100%;}
}
@media (min-width: 768px) {
.products-block>div .p .name {height: 70px;-webkit-line-clamp: 3;}
}
a.social-icon {border-radius: 50% !important;}
.banner-home-page ul li {
    margin-bottom: 12px;
    padding-left: 32px;
    position: relative;list-style-type: none;
}
.banner-home-page ul {
    margin-bottom: 12px;
    padding-left: 0px;
    position: relative;list-style-type: none;
}
@media (max-width: 991px) {
    .banner-home-page .bottom > div p {
        padding: 0 20px 20px;
    }
}
.banner-home-page .bottom > div p {
    margin: 0 !important;
    padding: 0 40px 40px;
}
@media (max-width: 767px) {
    .banner-home-page .bottom > div h3 {
        padding: 31px 40px 0;
    }
}
@media (max-width: 991px) {
    .banner-home-page .bottom > div h3 {
        padding: 24px 20px 0;
    }
}
.banner-home-page .bottom > div h3 {
    padding: 40px 40px 0;
    margin: 0 0 24px;
}
@media (max-width: 767px) {
    .banner-home-page .bottom > div {
        width: 100%;
        margin: 12px 0;
    }
}
.banner-home-page .bottom > div {
    margin: 0 10px;
    background: #fff;
    text-align: center;
    border-radius: 12px;
    width: calc(33.3333% - 20px);
    position: relative;
}
@media (max-width: 767px) {
    .banner-home-page .bottom {
        margin-top: 64px;
        flex-wrap: wrap;
    }
}
@media (max-width: 1439px) {
    .banner-home-page .bottom {
        margin: 0;
    }
}
.banner-home-page .bottom {
    display: flex;
    margin: 0 -10px;
}
.banner-home-page > * {
    position: relative;
    z-index: 1;
}
.banner-home-page .two-col .image iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
margin-top:0px !important;
}
@media (max-width: 767px) {
.banner-home-page .two-col .image {
        padding-bottom: 0px !important;
    }
}
@media (max-width: 991px) {
.banner-home-page .two-col .image {
        max-width: 100%;
    }
}
.banner-home-page .two-col .image {
    width: 100%;
    max-width: 700px;
    padding-bottom: 125px;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.banner-home-page::after {
    content: "";
    position: absolute;
    width: 326px;
    height: 228px;
    background-image: url("/user/documents/upload/ikony-vyhody-detail/ikona-carp-pozadie.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    right: 68px;
    bottom: 0;
}
@media (max-width: 499px) {
.banner-home-page::before {
        background-position: center -20px;
        background-size: 265px auto;
    }
}
.banner-home-page::before {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    background: white;
    background-image: url("/user/documents/upload/ikony-vyhody-detail/ikona-hook-pozadie.svg");
    background-repeat: no-repeat;
    background-size: 400px 280px;
    background-position: 147px top;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius:0px !important;
}
@media (max-width: 767px) {
.banner-home-page {
        padding: 5px 0 !important;margin-bottom: 0px !important;
    }
}
@media (max-width: 991px) {
.banner-home-page {
        padding: 5px 0 !important;margin-bottom: 0px !important;
    }
}
.banner-home-page {
    position: relative;
    padding: 5px 0;
    margin-bottom: 100px;
}
.banner-home-page .two-col {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;column-gap: 25px;
}
.banner-home-page .two-col {
    margin: 0 0 0;
}
.banner-home-page .two-col {
    justify-content: flex-end;
}
@media (max-width: 991px) {
    //.banner-home-page .two-col {
        flex-direction: column-reverse;
    }
}
@media (max-width: 767px) {
    .banner-home-page .two-col {
        margin: 0 0 40px !important;flex-direction: column-reverse;
    }
}
.banner-home-page .two-col .text {
    max-width: 460px;
}
.banner-home-page .two-col .text {
    margin-right: 140px;
}
@media (max-width: 1439px) {
    .banner-home-page .two-col .text {
        margin-right: 100px;
    }
}
@media (max-width: 1199px) {
    .banner-home-page .two-col .text {
        margin-right: 40px;
    }
}
@media (max-width: 991px) {
   .banner-home-page .two-col.mirror .text, .banner-home-page .two-col .text {
        max-width: 100%;
        margin: 0 0 20px !important;
    }
}
@media (max-width: 767px) {
    .banner-home-page .two-col.mirror .text, .banner-home-page .two-col .text {
        margin: 0 0 40px !important;
    }
}
.banner-home-page .two-col .text h2 {
    margin: 0 0 40px;text-align:center;
}
@media (max-width: 767px) {
    .banner-home-page .two-col .text h2 {
        line-height: 1.4;
        margin: 24px 0 24px;
    }
}
@media (max-width: 767px) {
    .banner-home-page .two-col .text h2 {
        text-align: center;
    }
}
.banner-home-page .two-col .text p {
    margin-bottom: 40px !important;
}
.banner-home-page .two-col .image {
    width: 100%;
    max-width: 700px;
}

@media (max-width: 991px) {
    .banner-home-page .two-col .image {
        max-width: 100%;
    }
}
.banner-home-page .two-col img {
    aspect-ratio: 4 / 3;
}
.banner-home-page .two-col.mirror {
    flex-direction: row-reverse;
}
@media (max-width: 991px) {
    .banner-home-page .two-col.mirror {
        flex-direction: column;
    }
}
.banner-home-page .two-col.mirror .text {
    margin-right: 0;
    margin-left: 140px;
}
@media (max-width: 1439px) {
    .banner-home-page .two-col.mirror .text {
        margin-left: 100px;
    }
}
@media (max-width: 1199px) {
    .banner-home-page .two-col.mirror .text {
        margin-left: 40px;
    }
}
@media (max-width: 991px) {
    .banner-home-page .two-col.mirror .text, .banner-home-page .two-col .text {
        max-width: 100%;
        margin: 0 0 20px !important;
    }
}
@media (max-width: 767px) {
    .banner-home-page .two-col.mirror .text, .banner-home-page .two-col .text {
        margin: 0 0 40px !important;
    }
}





:where(.ums_forms_redesign--off) select {
    background-color: #fff;
    border-color: #367e5b;
    color: #1a1937;
}

.banner-blog-products h2 {text-align:center;}

.banner-blog-products ul li {
    margin-bottom: 12px;
    padding-left: 32px;
    position: relative;list-style-type: none;
}
.banner-blog-products ul {
    margin-bottom: 12px;
    padding-left: 0px;
    position: relative;list-style-type: none;
}
@media (max-width: 991px) {
.banner-blog-products .bottom > div p {
        padding: 0 20px 20px;
    }
}
.banner-blog-products a {color: #1a1937;}
.banner-blog-products .bottom > div p {
    margin: 0 !important;
    padding: 0 40px 40px;
}
@media (max-width: 767px) {
.banner-blog-products .bottom > div h3 {
        padding: 31px 10px 0;text-align:left;
    }
.banner-blog-products h2 {text-align:center !important; margin-top:64px !important;}
}
.banner-blog-products h2 {text-align:center !important; margin-top:64px !important; margin-bottom:64px !important;}
@media (max-width: 991px) {
.banner-blog-products .bottom > div h3 {
        padding: 24px 10px 0;text-align:left;
    }
}
.banner-blog-products .bottom > div h3 {
    padding: 40px 10px 0;
    margin: 0 0 24px; text-align:left;
}
@media (max-width: 767px) {
.banner-blog-products .bottom > div {
        width: 100% !important;
        margin: 12px 0;
    }
}
.banner-blog-products .bottom > div {
    margin: 10px 10px;
    background: #fff;
    text-align: center;
    border-radius: 12px;
    width: calc(33.3333% - 20px);
    position: relative;
}
@media (max-width: 1279px) {
.banner-blog-products .bottom {
        margin-top: 64px !important;
        flex-wrap: wrap !important; padding:32px;
    }
}
@media (max-width: 1439px) {
.banner-blog-products .bottom {
        margin: 0;
    }
}
.banner-blog-products .bottom {
    display: flex;
    margin: 0 -10px;
}
.banner-blog-products > * {
    position: relative;
    z-index: 1;
}
.banner-blog-products .two-col .image iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
margin-top:0px !important;
}
@media (max-width: 767px) {
.banner-blog-products .two-col .image {
        padding-bottom: 270px !important;
    }
}
@media (max-width: 991px) {
.banner-blog-products .two-col .image {
        max-width: 100%;
    }
}
.banner-blog-products .two-col .image {
    width: 100%;
    max-width: 700px;
    padding-bottom: 500px;
    height: 0;
    position: relative;
    overflow: hidden;
}
.banner-blog-products::after {
    content: "";
    position: absolute;
    width: 326px;
    height: 228px;
    background-image: url("/user/documents/upload/ikony-vyhody-detail/ikona-carp-pozadie.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    right: 68px;
    bottom: 0;
}
@media (max-width: 499px) {
.banner-blog-products::before {
        background-position: center -20px;
        background-size: 265px auto;
    }
}
.banner-blog-products::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    //background: #EEF2F0;
    background-image: url("/user/documents/upload/ikony-vyhody-detail/ikona-hook-pozadie.svg");
    background-repeat: no-repeat;
    background-size: 400px 280px;
    background-position: 147px top;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius:0px !important;
}
@media (max-width: 767px) {
.banner-blog-products {
        padding: 0px 0 !important;margin-bottom: 0px !important;
    }
}
@media (max-width: 991px) {
.banner-blog-products {
        padding: 0px 0 !important;margin-bottom: 0px !important;
    }
}
.banner-blog-products {
    position: relative;
    padding: 10px 0;
    margin-bottom: 0px;
}
.banner-blog-products .two-col {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;column-gap: 25px;
}
.banner-blog-products .two-col {
    margin: 0 0 0;
}
.banner-blog-products .two-col {
    justify-content: flex-end;
}
@media (max-width: 991px) {
    //.banner-blog-products .two-col {
        flex-direction: column-reverse;
    }
}
@media (max-width: 767px) {
.banner-blog-products .two-col {
        margin: 0 0 40px !important;flex-direction: column-reverse;
    }
}
.banner-blog-products .two-col .text {
    max-width: 460px;
}
.banner-blog-products .two-col .text {
    margin-right: 140px;
}
@media (max-width: 1439px) {
.banner-blog-products .two-col .text {
        margin-right: 100px;
    }
}
@media (max-width: 1199px) {
.banner-blog-products .two-col .text {
        margin-right: 40px;
    }
}
@media (max-width: 991px) {
.banner-blog-products .two-col.mirror .text, .banner-blog-products .two-col .text {
        max-width: 100%;
        margin: 0 0 20px !important;
    }
}
@media (max-width: 767px) {
.banner-blog-products .two-col.mirror .text, .banner-blog-products .two-col .text {
        margin: 0 0 40px !important;
    }
}
.banner-blog-products .two-col .text h2 {
    margin: 0 0 40px;
}
@media (max-width: 767px) {
.banner-blog-products .two-col .text h2 {
        line-height: 1.4;
        margin: 0 0 24px;
    }
}
@media (max-width: 767px) {
.banner-blog-products .two-col .text h2 {
        text-align: center;
    }
}
.banner-blog-products .two-col .text p {
    margin-bottom: 40px !important;
}
.banner-blog-products .two-col .image {
    width: 100%;
    max-width: 700px;
}

@media (max-width: 991px) {
.banner-blog-products .two-col .image {
        max-width: 100%;
    }
}
.banner-blog-products .two-col img {
    aspect-ratio: 4 / 3;
}
.banner-blog-products .two-col.mirror {
    flex-direction: row-reverse;
}
@media (max-width: 991px) {
.banner-blog-products .two-col.mirror {
        flex-direction: column;
    }
}
.banner-blog-products .two-col.mirror .text {
    margin-right: 0;
    margin-left: 140px;
}
@media (max-width: 1439px) {
.banner-blog-products .two-col.mirror .text {
        margin-left: 100px;
    }
}
@media (max-width: 1199px) {
.banner-blog-products .two-col.mirror .text {
        margin-left: 40px;
    }
}
@media (max-width: 991px) {
.banner-blog-products .two-col.mirror .text, .banner-blog-products .two-col .text {
        max-width: 100%;
        margin: 0 0 20px !important;
    }
}
@media (max-width: 767px) {
.banner-blog-products .two-col.mirror .text, .banner-blog-products .two-col .text {
        margin: 0 0 40px !important;
    }
}





.tell {
    display: flex;
    align-items: center;
    justify-content: space-between; /* číslo vľavo, čas vpravo */
}

.tell a {
    color: #16222b;
    font-size: 16px;
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 100%; /* aby sa vedel roztiahnuť */
}

.tell a:hover {
    color: #367e5b;
}

.tell a:before {
    content: "\e92c";
    font-family: shoptet;
    padding-right: 10px;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    color: #367e5b;
}

.tell a::after {
    content: "(Po-So: 9:00–17:00)";
    font-size: 13px;
    color: #16222b;
    font-weight: 300;
    margin-left: 10px;
}



.navigation-buttons>a[data-target=cart] i {font-size:13px;}


@media (max-width: 767px){
.blog-odporucane-clanky::before {font-size: 20px !important;}
}
.blog-odporucane-clanky::before {content: "Ďalšie články pre vás, toto si prečítajte tiež";
font-weight: 700;
    line-height: 1.1;
    word-wrap: break-word;
    text-transform: none;font-size: 24px;color: #1a1937;letter-spacing: 0.019em;text-align: center;display: block;padding: 10px 0 10px;}
@media (min-width: 1200px) {
.visible-lg-inline-block {font-size: 16px;font-weight: 400;}
}
.cart-window-visible .user-action .user-action-in>div.user-action-cart {position:fixed;z-index:9999;}
.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {font-size: 18px;}
.order-button-text {font-weight: 700;}
@media (max-width: 992px) {
.breadcrumbs {display: inline-block !important;}
}
@media (max-width: 767px) {
//.navigation-in {overflow: unset !important;}
}
@media (min-width: 768px) {
.scrolled-down body:not(.ordering-process):not(.search-window-visible) #header {transform: translateY(-100%);}
#header {//position: sticky !important;top: 0px;width: 100%;height: auto;z-index: 1002;//box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1) !important;transition: height .3s ease-out;}
}
@media (min-width: 768px) {
#header .header-top {padding: 10px 0;}
.menu-helper {height: 50px !important;}
.menu-helper>span {font-size: 16px;font-weight: 500;}
.navigation-in>ul>li>a {padding-bottom: 10px;padding-top: 10px;}
#navigation {height: 40px;}
}
.two-cols .text ul {padding:0px;}
/* start uprava login */
.popup-widget.login-widget {//position: fixed;z-index: 9999;}
//:where(body.ums_a11y_login--on) .top-nav-button-login {align-content: center;flex-wrap: wrap;align-items: center;justify-content: center;display:flex;}
//.top-nav-button-login span {visibility: hidden;}
//a.top-nav-button-register[href="/registracia/"] {display: none !important;}
//.top-nav-button-login::before {content: "\e922";position: absolute;font-family:shoptet; color: var(--_color-header-text);font-size:26px;display: inline-block;speak: none;font-family: shoptet;font-style: normal;font-variant: normal;font-weight: 400;line-height: 0;text-decoration: none;text-transform: none;vertical-align: middle;}
@media (max-width: 499px) {
//.top-nav-button-login::before {font-size:20px;}
}
@media (max-width: 767px) {
//.top-nav-button-login {height: 50px;width: 50px;}
}
@media (min-width: 767px) {
//.top-nav-button-login {align-items: center;display: flex;padding: 0;width: auto;height: 50px;line-height: 50px;margin-left: 40px;}
}
@media (max-width: 767px) {
//body.navigation-window-visible::before, body.login-window-visible::before, body.search-window-visible::before {display: block !important;background-color: rgba(0, 0, 0, 0.3);opacity: 1;z-index: 1;height:auto;}
}
.login-btn.google {margin-bottom: 24px;}
/* end uprava login */
@media (max-width: 767px) {
#navigation {max-width: 280px;left:0;right:auto;}
}

@media (max-width: 767px) {
.navigation-in {border-radius: 0px !important;}
}
#header {border-radius: 0px !important;}
@media (max-width: 479px) {
.navigation-window-visible #navigation {border-radius: 0px !important;}
}
@media (max-width: 767px) {
#header .site-name {padding-left: 60px;margin-left:35px;}
}
@media (max-width: 479px) {
#header .site-name {padding-left: 60px;margin-left:5px;}
}
@media (max-width: 499px) {
.container.navigation-wrapper .site-name {flex: 0 1 145px;}
}
/* Wrapper */
.availability-label,
.availability {position: relative;padding-left: 18px !important;}
/* Len skladom + externý sklad */
.availability-label span[data-original-title*="Doručenie"]::before,
.availability span[data-original-title*="Doručenie"]::before,
.availability-label span[data-original-title*="extern"]::before,
.availability span[data-original-title*="extern"]::before {content: "";position: absolute;left: 1px;top: 55%;transform: translateY(-50%);width: 11px;height: 11px;background-color: #00da00;border-radius: 50% !important;}
.p-thumbnails a {margin-left: 0px;}
.p-thumbnails a.highlighted img, .p-thumbnails a:hover img {border-color: var(--_color-header-text);}
.p-to-cart-block .price-save {
    display: inline-block;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #fff;
    padding: 2px 12px;
    border-radius: 100px !important;
    background: #D71111;
}
.flag.flag-discount {background-color: #D71111;}
.price-standard {color: #D71111 !important;}
.price.price-final strong {font-weight:bold;}
@media (min-width: 768px) {
.menu-helper>span {color: white !important;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.products-block>div .p .availability {
        bottom: auto !important;
        margin-top: 12px !important;
        position: relative !important;
        text-align: left !important;
    }
}
@media (max-width: 767px) {
.podnadpis-detail {margin-top:10px;}
.products-block>div .p .p-bottom.single-button .prices {padding-bottom: 0px !important;}
}
.products-block>div .p .name {
    padding-left: 15px;
    padding-right: 15px;
}
.p-in-in {margin-bottom:24px;}
.products-block>div .p .p-bottom {
    padding: 24px 15px 0 !important;
}
.products-block>div .p .availability {
 bottom: 20px;
    font-weight: 700;
    line-height: 1.2;
    position: absolute;
    margin-left: 15px;
}
.products-block>div .p .p-bottom>div .p-tools {padding:0;}
    .products-block>div .p .p-bottom.single-button .prices {
        justify-content: right;
        text-align: right;padding-right: 0px;
    padding-bottom: 15px;
    }
.products-block>div .p .p-bottom>div .prices .price-final {
    font-size: 24px;
    line-height: 1.2;
    order: 3;
    text-align: right;
}
.products-block>div .p .p-bottom>div .prices .price-standard {
    padding-right: 0px;
    font-size: 16px;
    line-height: 1;
    margin: -24px 0 2px;
}
.products-block>div .p .p-bottom>div .prices .price-save {
    color: #c82333;
    display: none;}

.two-cols .text h5 {font-size:18px;margin: 0 0 12px;}
#cboxNext, #cboxPrevious {
    margin-top: -20px;
    top: 50%;
}
#cboxNext:before, #cboxPrevious:before {
    height: 100%;
    left: auto;
    line-height: 38px;
    margin: 0;
    right: 0 !important;
    top: 0;
    width: 100%;font-size:25px;
}


.show-tooltip.acronym[data-original-title] {border-radius: 0px !important;}


.p-to-cart-block {background-color: whitesmoke;}
.basic-description {padding-right: 0px;}
@media (max-width: 767px) {
    .popis-end .bottom > div p {
        padding: 0 40px 40px;
    }
}
@media (max-width: 991px) {
    .popis-end .bottom > div p {
        padding: 0 20px 20px;
    }
}
.popis-end .bottom > div p {
    margin: 0 !important;
    padding: 0 40px 40px;
}
@media (max-width: 767px) {
    .popis-end .bottom > div h3 {
        padding: 31px 40px 0;
    }
}
@media (max-width: 991px) {
    .popis-end .bottom > div h3 {
        padding: 24px 20px 0;
    }
}
.popis-end .bottom > div h3 {
    padding: 40px 40px 0;
    margin: 0 0 24px;
}
@media (max-width: 767px) {
    .popis-end .bottom > div {
        width: 100% !important;
        margin: 12px 0;
    }
}
.popis-end .bottom > div {
    margin: 0 10px;
    background: #fff;
    text-align: center;
    border-radius: 12px;
    width: calc(33.3333% - 20px);
    position: relative;
}
@media (max-width: 767px) {
    .popis-end .bottom {
        margin-top: 64px;
        flex-wrap: wrap;
    }
}
.popis-end .bottom a {color:#1a1937;}
@media (max-width: 1439px) {
    .popis-end .bottom {
        margin: 0;
    }
}
.popis-end .bottom {
    display: flex;
    margin: 0 -10px;
}
.popis-end > * {
    position: relative;
    z-index: 1;
}
#description .popis-end .two-cols .image iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
margin-top:0px !important;
}
@media (max-width: 767px) {
.popis-end .two-cols .image {
        padding-bottom: 270px;
    }
}
@media (max-width: 991px) {
.popis-end .two-cols .image {
        max-width: 100%;
    }
}
.popis-end .two-cols .image {
    width: 100%;
    max-width: 700px;
    padding-bottom: 391px;
    height: 0;
    position: relative;
    overflow: hidden;
}
.popis-end::after {
    content: "";
    position: absolute;
    width: 326px;
    height: 228px;
    background-image: url("/user/documents/upload/ikony-vyhody-detail/ikona-carp-pozadie.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    right: 68px;
    bottom: 0;
}
@media (max-width: 499px) {
.popis-end::before {
        background-position: center -20px;
        background-size: 265px auto;
    }
}
.popis-end::before {
    content: "";
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    height: 100%;
    background: #EEF2F0;
    background-image: url("/user/documents/upload/ikony-vyhody-detail/ikona-hook-pozadie.svg");
    background-repeat: no-repeat;
    background-size: 400px 280px;
    background-position: 147px top;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius:0px !important;
}
@media (max-width: 767px) {
.popis-end {
        padding: 48px 0;
    }
}
@media (max-width: 991px) {
.popis-end {
        padding: 64px 0;
    }
}
.popis-end {
    position: relative;
    padding: 100px 0;
    margin-bottom: 0px;
}


.h1, .h2, .h3, .h4, .h5, .h6, body, h1, h2, h3, h4, h5, h6 {letter-spacing: 0.019em;}
@media (max-width: 767px) {
    #description::before {
        margin: 0 0 24px;font-size:20px;
    }
}
@media (min-width: 768px) {
    #description::before {
        margin-bottom: 5px;font-size:24px;
    }
}
#description::before {
    line-height: 1.1;
    letter-spacing:0.019em;
    font-weight: 700;
    text-align: center;
    margin-bottom: 95px;
    margin-top: 15px;
    display: block;
    color: #1a1937;
}
#description::before {
    content: "Popis produktu";
}
.two-cols {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;
}
.two-cols {
    margin: 0 0 100px;
}
.two-cols {
    justify-content: flex-end;
}
@media (max-width: 991px) {
    .two-cols {
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .two-cols {
        margin: 0 0 40px;
    }
}
.two-cols .text {
    max-width: 460px;
}
.two-cols .text {
    margin-right: 140px;
}
@media (max-width: 1439px) {
    .two-cols .text {
        margin-right: 100px;
    }
}
@media (max-width: 1199px) {
    .two-cols .text {
        margin-right: 40px;
    }
}
@media (max-width: 991px) {
    .two-cols.mirror .text, .two-cols .text {
        max-width: 100%;
        margin: 0 0 20px;
    }
}
@media (max-width: 767px) {
    .two-cols.mirror .text, .two-cols .text {
        margin: 0 0 0 !important;
    }
}
.two-cols .text h2 {
    margin: 0 0 40px;
}
@media (max-width: 767px) {
    .two-cols .text h2 {
        line-height: 1.4;
        margin: 0 0 24px;
    }
}
@media (max-width: 767px) {
    .two-cols .text h2 {
        text-align: center;
    }
}
.two-cols .text p {
    margin-bottom: 40px !important;
}
.two-cols .image iframe{
    width: 100%;
    max-width: 700px;
}

.two-cols .image {
    width: 100%;
    max-width: 700px;
}

@media (max-width: 991px) {
.two-cols .image iframe {
        max-width: 100%;
    }

    .two-cols .image {
        max-width: 100%;
    }
}
.two-cols iframe {
    aspect-ratio: 4 / 3;
}

.two-cols img {
    aspect-ratio: 4 / 3;
}
.two-cols.mirror {
    flex-direction: row-reverse;
}
@media (max-width: 991px) {
    .two-cols.mirror {
        flex-direction: column;
    }
}
.two-cols.mirror .text {
    margin-right: 0;
    margin-left: 140px;
}
@media (max-width: 1439px) {
    .two-cols.mirror .text {
        margin-left: 100px;
    }
}
@media (max-width: 1199px) {
    .two-cols.mirror .text {
        margin-left: 40px;
    }
}
@media (max-width: 991px) {
    .two-cols.mirror .text, .two-cols .text {
        max-width: 100%;
        margin: 0 0 20px;
    }
}
@media (max-width: 767px) {
    .two-cols.mirror .text, .two-cols .text {
        margin: 0 0 40px;
    }
}



.product-slider-holder .product-slider-navigation.navigation-prev:before, .product-slider-holder .product-slider-navigation.navigation-next:before {color: black;}
.product-slider-holder .product-slider-navigation {opacity: 1;}
.slick-prev, .slick-next, .product-slider-holder .product-slider-navigation, #cboxPrevious, #cboxNext{background-color: #fff !important; border: 2px solid #000;border-radius: 8px;width: 40px; height: 40px;z-index: 1;}
.slick-prev::before, .slick-next::before{font-size: 10px;opacity: 1;}
.slick-prev:hover, .slick-next:hover, .product-slider-holder .product-slider-navigation:hover, #cboxPrevious:hover, #cboxNext:hover {background-color: #000 !important;}
.slick-prev:hover::before, .slick-next:hover::before, .product-slider-holder .product-slider-navigation:hover::before, #cboxPrevious:hover::before, #cboxNext:hover::before{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.slick-next {right: -20px;}
.slick-prev {left: -20px;}
.p-thumbnails .thumbnail-next, .p-thumbnails .thumbnail-prev {text-shadow: none;width: 40px;height: 40px;border: 2px solid #000;border-radius: 8px;line-height: 34px;background-color: #fff;margin-top: -20px;}
.p-thumbnails .thumbnail-next::before, .p-thumbnails .thumbnail-prev::before{width: 100%;}
.p-thumbnails .thumbnail-next:hover, .p-thumbnails .thumbnail-prev:hover{background-color: #000;}
.p-thumbnails .thumbnail-next:hover::before, .p-thumbnails .thumbnail-prev:hover::before{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.type-product .benefitBanner {margin-top: 64px;}




@media screen and (min-width: 768px){
.podpis-produkt p {margin-bottom: 0 !important; margin-left:16px !important;}
.podpis-produkt h6{//margin: 0 16px 40px;font-size:16px !important;margin-left: 160px;
        margin-bottom: 32px;}
}
@media screen and (max-width: 767px) {
.podpis-produkt:before {left: 50% !important;top: -48px !important;transform: translateX(-50%) !important;}
.podpis-produkt {padding: 64px 24px 40px !important;text-align: center !important;margin: 90px auto 0px auto !important;}
.podpis-produkt p {margin-bottom: 0 !important;}
.podpis-produkt h6 {margin: 0 0px 16px;font-size:16px !important;}
}
.podpis-produkt p::before {content: "„"; font-weight:700;}
.podpis-produkt p::after {content: "“"; font-weight:700;}
.podpis-produkt.miro:before {
    background-image: url(/user/documents/upload/contact-card1.png);
}
.podpis-produkt {border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;width:100%;margin: 24px auto 24px auto;padding: 32px 32px 40px 32px;//box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);position: relative;//background: url('/user/documents/upload/ikony-vyhody-detail/ikona-carp-pozadie.svg') 100% 0 no-repeat;background-size:120px;}
.podpis-produkt::before{content: ""; width: 150px; height: 96px; position: absolute; left: 32px; top: 5px;background: url('/user/documents/upload/contact-card1.png') 50% 50% no-repeat;background-size: auto 96px;}
.podpis-produkt h6 span{display: block; color: #555;font-size: 14px !important;;font-weight: 400; margin-top: 8px;}
.podpis-produkt blockquote {font-style:italic;display: block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;}

.podpis-produkt a:not(:hover){text-decoration: underline;}












@media screen and (min-width: 768px){
.podpis p {margin-bottom: 0 !important; margin-left:16px !important;}
.podpis h6{margin: 0 0 16px 16px;font-size:16px !important;}
}
@media screen and (max-width: 767px) {
.podpis:before {left: 50% !important;top: -48px !important;transform: translateX(-50%) !important;}
.podpis {padding: 64px 24px 40px !important;text-align: center !important;margin: 130px auto 24px auto !important;}
.podpis p {margin-bottom: 0 !important;}
.podpis h6 {margin: 0 0 16px;font-size:16px !important;}
.product-slider-holder .product-slider-navigation:before, .product-slider-holder .product-slider-navigation:hover:before {background-color: transparent;}
}
.podpis p::before {content: "„"; font-weight:700;}
.podpis p::after {content: "“"; font-weight:700;}
.podpis h6 span {
    color: #555;
    display: block;
    font-size: 14px !important;;
    font-weight: 400;
    margin-top: 8px;
}
.podpis.miro:before {
    background-image: url(/user/documents/upload/contact-card1.png);
}
.podpis {width:100%;margin: 24px auto 24px auto;padding: 32px 32px 40px 180px;//box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);position: relative;background: url('/user/documents/upload/ikony-vyhody-detail/ikona-carp-pozadie.svg') 100% 0 no-repeat;background-size:120px;}
.podpis::before{content: ""; width: 150px; height: 96px; position: absolute; left: 32px; top: 32px;background: url('/user/documents/upload/contact-card1.png') 50% 50% no-repeat;background-size: auto 96px;}
.podpis h6 span{display: block; color: #555;font-size: 15px;font-weight: 400; margin-top: 8px;}
.podpis blockquote {font-style:italic;display: block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;}

.podpis a:not(:hover){text-decoration: underline;}
iframe {
    margin-top: 24px;
}
.extended-description p strong {font-size:24px;}
.one-column-body table.detail-parameters tbody tr th {
    min-width: 100px;
}
.extended-description {margin-top: 24px;    //box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px;
    background: url(/user/documents/upload/ikony-vyhody-detail/ikona-hook-pozadie.svg) 100% 0px no-repeat;
    list-style: none;background-size: 100px;width:100%;}
.p-short-description ul li, article ul li, .category__secondDescription ul li, .two-cols.mirror ul li, .two-cols ul li {
    margin-bottom: 12px;
    padding-left: 32px;
    position: relative;list-style-type: none;
}
.p-short-description ul {
    //box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px;
    background: url(/user/documents/upload/ikony-vyhody-detail/ikona-carp-pozadie.svg) 100% 0px no-repeat;
    list-style: none;
    margin: 0px 0px 24px;
    padding: 32px;background-size: 100px;//background-color:#EEF2F0;
}
.banner-home-page ul li::before, article ul li::before, .p-short-description ul li::before, .category__secondDescription ul li::before, .two-cols.mirror ul li::before, .two-cols ul li::before {left: 0;
    margin: 0;
    position: absolute;
    top: 1px;content:url(/user/documents/upload/ikony-vyhody-detail/ikona-check-24px.svg) !important;}
.products-block>div .p .p-bottom .p-desc {text-align:left;}
//.podnadpis-detail p {font-size:20px;line-height: 1.35;}
.scroll-link:before {content:"\e941";margin-left:5px;margin-right:5px;font-family: shoptet;}
.vyhody-detail{display: flex; flex-wrap: wrap;}
.vyhody-detail > div{width: 33.3333%; padding: 0 32px 24px 0;display: flex; flex-wrap: wrap;align-items: center;}
.vyhody-detail.dve > div{width: 50%;}
.vyhody-detail .image{width: 32px;}
.vyhody-detail .text{width: calc(100% - 32px);padding-left: 12px;font-size: 14px;line-height: 17px;font-weight: 700;}
@media screen and (max-width: 991px){
    .vyhody-detail{margin-bottom: 15px;margin-top: 15px;}
}
@media screen and (max-width: 767px){
    .vyhody-detail .text {padding-left: 10px;font-size: 13px;line-height: 16px;}
    //.podnadpis-detail p {font-size:18px !important;line-height: 1.4;}
.extended-description p strong {font-size:20px;}

}
@media screen and (max-width: 479px){
    .vyhody-detail > div{padding: 0 10px;align-items: flex-start;}
    .vyhody-detail {align-items: flex-start;}
    .vyhody-detail .image {width: 100%;}
    .vyhody-detail .image img{height: 32px; margin: auto;display: block;}
    .vyhody-detail .text{width: 100%; text-align: center;padding: 0;margin-top: 8px;margin-bottom:0px;}
}
#footer .contact-box>strong {margin-top: 15px;margin-left:15px;}
a.social-icon.instagram:hover {background:#367e5b;}
a.social-icon.facebook:hover {background-color:#367e5b;}
a.social-icon.instagram {margin-left:10px;margin-top:10px;background: linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4);}
a.social-icon.facebook {margin-left:25px;margin-top:10px;background-color:#1877F2;}
a.social-icon.instagram, a.social-icon.facebook {text-decoration:none !important;}
a.social-icon.instagram, a.social-icon.facebook, #footer a:hover {text-decoration:none;}
#footer a, a {text-decoration:underline;}
.lowest-price-30-days {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}


.btn.loadMore__button, .btn.btn-primary, a.btn.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: white;
}
.btn.loadMore__button:hover, .btn.btn-primary:hover, a.btn.btn-primary:hover {
    background-color: #48a578;
    border-color: #48a578;
    color:white;
}

@media (min-width: 480px) and (max-width: 767px){
#header .navigation-buttons a.toggle-window[data-target="navigation"]:before {line-height:50px;}
}
@media (max-width: 480px) {
#header .navigation-buttons a.toggle-window[data-target="navigation"]:before {line-height:35px;}
}
@media (max-width: 767px) {
#header .navigation-buttons a.toggle-window[data-target="navigation"]::after {content: "Menu";display: block;font-size: 13px;font-weight: 700;line-height:0;color: var(--_color-header-text);;letter-spacing: 1px;margin-bottom: 10px;}

#header .navigation-buttons a.toggle-window[data-target="navigation"] {border-radius:0px !important;position:absolute;border-right: 1px solid #cfcfcf;
        padding-right: 5px;
        margin-left: 5px;        
left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;}
}
.columns-mobile-2 .product-slider-holder .products-block .p .name {height: 110px;-webkit-line-clamp: 5;}
.contact-box .tel::after {content: "(Po-So: 9:00–17:00)";display: block;font-size: 13px;margin-top: 0px;text-align:end;font-weight: 300;}
@media (max-width: 480px) {    
.blog-category {display: flex;gap: 15px;flex-wrap: wrap;max-width: 210px !important;}
.blog-category .btn.btn-primary {width:100% !important;}
}
.blog-category {
    margin: 0 auto;
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
    max-width: 430px;
}
.blog-category a.btn.btn-primary:hover {color:white;}
.blog-category .btn.btn-primary:hover {background:#48a578;border-color:#48a578;}
.blog-category a.btn.btn-primary {color:white;}
.blog-category .btn.btn-primary {background: var(--color-primary);width:50%;}
.disco-tags {display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 24px;}
.disco-tags .tag {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  font-size: 14px;
  line-height: 1.2;
  border-radius: 999px;
  background-color: var(--color-primary-hover);
  color: #fff;
  text-decoration: none;white-space: nowrap;transition: background-color .2s ease, color .2s ease;}
.disco-tags .tag:hover {background-color: #fff;color: #000;}
@media (max-width: 480px) {
  .disco-tags .tag {
    font-size: 13px;
    padding: 6px 12px;
  }
}

.blog-odporucane-clanky .news-wrapper .news-item time {display:none !important;}
.blog-odporucane-clanky {position: relative;
    //box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px;
    background: url(/user/documents/upload/ikony-vyhody-detail/ikona-hook-pozadie.svg) 100% 0px no-repeat;
    list-style: none;
    margin: 24px 0px 24px;
    padding: 32px;
    background-size: 100px; background-color:#EEF2F0;}
//.blog-odporucane-clanky::before {content: "";position: absolute;inset: 0;background: linear-gradient(to bottom,rgba(214, 232, 244, 0.95) 0%,rgba(151, 151, 151, 0) 100%);z-index: 0;border-radius:6px;}
.blog-odporucane-clanky > * {position: relative;z-index: 1;}
.boc-title {text-align:center;}
@media (min-width: 768px) {
.navigation-in>ul>li>a {color: white;}
.navigation-in>ul>li>a:hover {color: var(--color-primary);}
.menu-item-760 {display:none !important;}
}

#navigation {background-color: var(--color-primary-hover)}
.contact-box ul li>span:before {color: var(--color-primary);}
.cookies-settings.js-cookies-settings {font-weight: 700;}
#signature a.image img {border-radius: 0px !important;}

.footer-bottom {border-radius: 0px !important;}
#footer a {color: #1a1937;font-size:16px;}
#footer {background-color: #eef2f0;border-radius:0px !important;margin-top: 100px;padding-top:50px;}
.footer-rows h4 {color: var(--color-primary);}
.scroll-link {font-weight:700;display:block;}
.discussionContainer {margin-bottom: 16px;border: solid #cfcfcf 1px;padding: 10px;}
.news-item-detail .next-prev {display: none;}
.read-article {display: flex !important;}
//.btn.btn-default:hover, a.btn.btn-default:hover {background-color: white;border-color: var(--color-primary-hover);color: var(--color-primary-hover);}
//.btn.btn-default, a.btn.btn-default {
    background-color: white;
    border-color: var(--color-primary);
    color: var(--color-primary);
}
.news-item a {color:#1a1937;}
@media (max-width: 991px) {
.checkout-box {display: block;}
}


.news-item .description {display:none;}
.mobile .products-header {margin-bottom: 0px;}
.products-block>div .p .p-bottom>div .prices .price-standard:after {display:none;}
.products-block>div .p .name {font-weight: 700;text-align:left;}
.products-block>div .p {border: solid #d0d0d0 1px !important; box-shadow:none !important}
table.detail-parameters tbody tr th:after {border-top-style: none !important;}
/* start uprava product card */
.flags-extra .flag .price-save, .flags-extra .flag .price-standard {font-size: 14px;}
.p-image-wrapper .flags-extra .flag {height: 60px;min-height: 60px;min-width: 60px;width: 60px;}
@media (min-width: 768px) {
.homepage-blog-wrapper .news-item {flex-basis: 33.333%;}
.p-image-wrapper .flags-extra .flag {height: 75px;min-height: 75px;min-width: 75px;width: 75px;}
}
.flag-black-friday {color:white;}
.flag-action {color:black;}
.flag {clear: inline-end;font-weight: 700;margin-left: 5px;margin-top:5px;max-width: max-content;font-size:13px;}
/* end uprava product card */
#product-detail-form .extra {//border-left: 4px solid #367e5b;//padding: 10px 14px;margin-top: 10px;font-size: 14px;}
.mail, .tel {font-weight:700;}
.benefitBanner.position--benefitProduct .benefitBanner__item {flex: 0 0 100%;max-width: 100%;}
.benefitBanner.position--benefitProduct .benefitBanner__item .benefitBanner__picture {flex: 0 0 100px;max-width: 100px;}
.contact-box>img {left: 0;max-width: 160px;}
#footer .contact-box>img, #footer .contact-box>strong {display: flex !important;position: relative;}
button[data-testid="buttonCookiesAccept"] {background-color:#367e5b;color: white;}
button[data-testid="buttonCookiesReject"] {    background: none;font-weight: 600;
    border: 1px solid var(--cookies-notice-color);;
    color: var(--cookies-notice-color);}
* {border-radius: 6px !important;}
.p-detail-inner-header-mobile .h1 {font-size:20px !important; padding-top: 11px;}

//.add-to-cart-button::before {width: auto;height: auto;content: "\e921";font-family: "Shoptet";display: inline-block;margin-right: 8px;vertical-align: top;font-size: 20px;}

.products-block>div .p {box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);background-color: #ffffff;overflow: hidden;}
.products-block>div {padding: 10px 10px;}

h6 {font-size:20px;}
@media (max-width: 992px) {
.breadcrumbs {display:none;}
#blogprodukty .product:nth-child(n+3) {display: none !important;}
.remove-item:before {color: #cfcfcf;}
}

.radio-wrapper input[type=radio]+label .sublabel a {color:#c82333;}
.footer-links-icons {padding-top: 5px;
    padding-bottom: 50px;
    padding-left: 5px;
    padding-right: 5px;}
.site-msg, .site-msg .close:before {color: #ffffff;}
.site-msg.information .text {font-weight: 600;color: white;font-size:13px;}
.site-msg {background-color: #367E5B;border-radius: 0px !important;font-size: 14px;padding: 1ex 1em;text-align: center !important;}
.site-msg.information {opacity: 2;position: static; max-width:100%;}
.price-standard {font-size: large;}
.price-measure {font-size: 13px;}
@media (min-width: 321px) and (max-width: 767px) {
.columns-mobile-2 .products-block .p .name {text-align: left;}
.columns-mobile-2 .products-block>div {margin-bottom: 0px;}
}
.footer-icon img {max-width:75px;}
@media (max-width: 768px){
.note {font-size:14px !important}
.note-blog {font-size:14px !important}
.footer-icons .footer-icon {margin: 5px;}
.welcome h1 {text-align:center;}
.welcome-wrapper {margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-top: 22px;}
.cart-widget-product>div.cart-widget-product-unit {display: none;}
th, td, p, li {font-size: 15px !important;text-align:left !important;}
.homepage-blog-wrapper .news-item .title, .blog-wrapper .homepage-group-title, .homepage-group-title, #accordion-content .shp-accordion .shp-accordion-link, h1, h2, h3, h4, h6 {font-size:20px !important;}
}
@media (min-width: 768px) {
#navigation .menu-level-2>li>div>a {text-align: left;}
}
@media (max-width: 455px){
#navigation .navigation-in ul li>a>b {text-decoration: none;font-size: 16px;}
.navigation-in a.menu-image {display: block;}
.navigation-in ul.menu-level-2 li a {padding-left: 5px;font-weight: 600;}
.navigation-in ul li {position: static;display: flex;flex-wrap: wrap;align-items: center;}
.navigation-in>ul>li.ext>ul>li>a img {max-width: 60px;max-height: 60px;}
}
#checkoutSidebar .toggle-contacts  {box-shadow:none !important;}
.products-block .availability-amount, .products-top .availability-amount {display:none;}
.products-inline>div .p .p-in .p-in-in .name {color: #1a1937;}
.subcategories li a .text {font-size:16px; font-weight:600;}
.top-products li .top-products-content .top-products-name {font-weight: 400;}

.p-image-wrapper .flags-extra .flag .price-standard {font-size: 14px;display: none;}
.extra {padding-bottom: 11px;}

.availability-label {font-weight:700;font-size:18px;}
.p-detail-inner h1 {font-size: 22px;}

.price-standard::after {display:none !important;content: "?";position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-weight: bold;color: black;cursor: pointer;width: 14px;height: 14px;line-height: 14px;text-align: center;}
.price-standard::before {
    content: "Najnižšia cena pred zľavou za posledných 30 dní.";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: normal;
    word-wrap: break-word;
    max-width: calc(100vw - 20px);
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease, transform .15s ease;display:none !important;
}
/* zobrazenie tooltipu pri hover */
.price-standard:hover::before {opacity: 1;transform: translateX(-50%);}
/* voliteľná šípka */
.price-standard::before::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}
.note {background: #fef5e7;border-left: 4px solid #f4a261;padding: 10px 14px;margin-top: 1em;font-size: 16px;}
.note-blog {background: #367e5b1c;border-left: 4px solid #367e5b;padding: 10px 14px;margin-top: 1em;font-size: 16px;}
#header .search-input {
    background-color: #f5f6f8;
    color: var(--_color-header-text);
}
.navigation-buttons>a[data-target=cart] i {background-color: var(--color-secondary-hover);}


.question-tooltip, .navigation-buttons>a[data-target=cart] i, .p-image-wrapper .flags-extra .flag {
        border-radius: 50% !important;
    }
.p-thumbnails .thumbnail-next:hover, .p-thumbnails .thumbnail-prev:hover {
    color: white;
}

.products-inline.products-top {
    background-color: white;
}
@media (max-width: 992px){
    .cart-table tr.removeable {
        background-color: white;}
    .cart-table tr {
        margin-bottom: 0px;
    }

}

@media (min-width: 768px) {
    .navigation-in>ul>li.ext>a>span {
        display: inline-block;
    }
.navigation-in ul li a b {font-size: 16px;font-weight: 500;}
}

.next-step .next-step-back, #header .navigation-buttons a[data-target=cart] {box-shadow: none !important;}
.btn, a.btn {font-weight:700 !important;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12) !important;}


.products-block>div .p .p-bottom>div .prices .price-save {color: #c82333;}
.contact-info {//background-color: var(--color-primary-hover);padding: 20px;color: white;border-radius: 8px;}

.contact-links {display: flex;justify-content: center;gap: 20px;margin-top: 25px;margin-bottom: 25px}

@media (min-width: 1200px) {
.products-inline.products-top>div {width: 33.333333%;}
}




.benefitBanner__content {color: #16222b;}


#myBtn-horny-popis:hover {
  text-decoration: none;
  color: var(--color-primary-hover) !important;
}


#myBtn-horny-popis {
  background-color: transparent;
  border-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}


#more-horny-popis {
  display: none;
}

.more-button-horny-popis {
  text-align: center;
}


#myBtn:hover {text-decoration:none;color: var(--color-primary-hover) !important;}
#myBtn {//color: var(--color-secondary)!important;background-color:transparent;border-color:transparent;text-decoration:underline;font-weight:bold;}
#more{display:none;}
.more-button {text-align: center;}
@media (min-width: 768px) {
.p-image-wrapper .flags-extra .flag .price-save {font-size: 18px;}
}
.low-price {display:none;}

/* start tlacidlo na schovanie textu */
  /* === POPIS PRODUKTU === */
  .product-description {
    position: relative;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.3s ease;
  }

  .product-description.collapsed {
    max-height: 100px; /* výška, ktorú ponecháš viditeľnú */
    opacity: 0.95;
  }

  /* === WRAPPER TLAČIDLA === */
  .toggle-description-wrapper {
    width: 100%;
    text-align: center;
    margin-top: 20px;
margin-bottom: 20px;
  }

  /* === TVOJ DIZAJN TLAČIDLA === */
  .toggle-description-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #367e5b;
    border: none;
    border-radius: 8px;
    padding: 8px 15px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    background-color: white;
    transition: transform 0.2s ease;
border: 1px solid;
  }

  .toggle-description-btn:hover {
    transform: translateY(-2px);
color: var(--color-primary-hover);
    text-decoration: none;
  }

  .toggle-description-btn .icon-after {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('https://www.xcarp.sk/user/documents/upload/arrow-down.svg') no-repeat center center;
    background-size: contain;
    transition: transform 0.3s ease;
  }

  .toggle-description-btn.open .icon-after {
    transform: rotate(180deg);
  }

  @media (max-width: 768px) {
    .toggle-description-btn {
      font-size: 15px;
      padding: 10px 18px;
    }
  }
/* end tlacidlo na schovanie textu */


.countdown{display:none;}
#instagram-gallery {display:none !important;}
#smartsupp-widget-container {display:none !important;}
.social-buttons-wrapper {display:none !important;}
#popis-section-block {width: 100%;display:block;//gap:40px;}
.popis-section img {height:100%;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;height:auto;max-height:100%;}
.popis-section h2 {padding-top:40px;text-align:center;//font-size:18px;padding-left: 20px;padding-right: 20px;}
.popis-section ul {//padding-left:20px;padding-right:20px;padding-top: 20px;padding-bottom: 20px;}
.popis-section p {padding-left:20px;padding-right:20px;padding-top: 20px;padding-bottom: 20px;}
.popis-section {border-radius:8px; margin: 0 auto;display: flex;
    width: 100%;
    margin-top: 24px;
    text-align: left;
    flex-wrap: wrap;
    justify-content: center;}
.price-range {height: 5px;}

.scroll-to-description {
  color: var(--color-primary);
  cursor: pointer;
  text-decoration: underline;
  font-weight: 700;

  display: inline-flex;
  align-items: center;   /* vertikálne zarovnanie */
  vertical-align: middle; /* fix “odskoku” */
  line-height: 1;

  margin-left: 6px;
  transition: color 0.3s;
}

.scroll-to-description:hover {
  color: var(--color-primary-hover);
  text-decoration: none;
}

/* text */
.scroll-to-description .text {
  display: inline;
  line-height: 1;
}

/* ICON FIX */
.scroll-to-description .icon-after {
  width: 18px;
  height: 18px;

  background-image: url(https://www.xcarp.sk/user/documents/upload/arrow-down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  margin-left: 6px;

  display: inline-block;
  flex-shrink: 0;

  vertical-align: middle;
}

/* ak máš aj icon-before */
.scroll-to-description .icon-before {
  width: 0;
  height: 0;
}


#footer .contact-box ul {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 10px !important;
}

#footer .contact-box li {
  width: 100% !important;
}

#footer .contact-box li.social-icon-list {
  width: auto !important;
  display: inline-flex !important;
  justify-content: center !important;
  margin: 10px 5px 0 5px !important;
}
.contact-box ul li>span.tel:before, .contact-box ul li>span.mail:before {display:none !important;}
@media (max-width: 767px) {
    .siteCookies__form {
        left: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        transform: none !important;

        width: auto !important;
        max-width: none !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
    }
}

@media (max-width: 767px) {
.top-navigation-bar {min-height: 38px !important;}
}
#productsTopHeading::after {
    content: "Ulovte si obľúbené kúsky. Nakupujte, kým ešte sú.";
}
#productsTopHeading {text-align: center;margin-bottom: 75px;}


@media (min-width: 768px) {
.benefitBanner.position--benefitCategory, .news-item-detail, #accordion-content .shp-accordion, .extended-description, .category-content-wrapper, .category__secondDescription, .description-inner {
        margin-left: auto;
        margin-right: auto;
        max-width: 1178px;
    }
.carousel-inner {border-radius: 0px !important;}
}
.type-category .breadcrumbs {padding-bottom:0 !important;}
@media (min-width: 768px) {
.breadcrumbs {
margin-top: 20px !important;max-width: 1920px !important;
    width: 100% !important;padding-left: 20px !important;padding-right: 20px !important;}
}
.content-wrapper.container {
    max-width: 1920px;
    width: 100%;
}


/* XCARP - oprava spodného menu na veľkých displejoch */
@media (min-width: 992px) {

    /* hornú hlavičku s logom a searchom necháme bielu */
    .header-top,
    .header-top .container,
    .header-top-wrapper {
        background: #ffffff !important;
        border-radius: 0 !important;
    }

    /* spodný čierny pás menu cez celú šírku */
    .header-bottom {
        width: 100% !important;
        background: #101922 !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }

    /* vnútorný kontajner spodného menu */
    .header-bottom > .container.navigation-wrapper.header-bottom-wrapper {
        max-width: 1480px; !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        background: transparent !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    /* samotná navigácia */
    .header-bottom #navigation {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }

    .header-bottom #navigation .navigation-in {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border-radius: 0 !important;
    }

    /* hlavné položky menu */
    .header-bottom #navigation .menu-level-1 {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border-radius: 0 !important;
    }

    .header-bottom #navigation .menu-level-1 > li {
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border-radius: 0 !important;
    }

    .header-bottom #navigation .menu-level-1 > li > a {
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 22px !important;
        color: #ffffff !important;
        background: transparent !important;
        border-radius: 0 !important;
        white-space: nowrap !important;
    }

    .header-bottom #navigation .menu-level-1 > li > a:hover {
        background: rgba(255, 255, 255, 0.08) !important;
        border-radius: 0 !important;
    }

    /* pomocné menu Viac */
    .header-bottom .menu-helper {
        border-radius: 0 !important;
        background: transparent !important;
    }

    .header-bottom .menu-helper > span {
        color: #ffffff !important;
        border-radius: 0 !important;
    }
}

@media (min-width: 768px) {
#navigation {border-radius: 0px !important;}
}
@media (min-width: 768px) {
    #header .site-name {
        padding-left: 20px;
    }
}
@media (min-width: 768px) {
    #header {
        position: relative;
        margin: 0 auto;
    }
}
@media (min-width: 768px) {
    .navigation-buttons {
        padding-right: 20px;
    }
}

@media (min-width: 768px) {
#header .container.navigation-wrapper {width: 100%;}
}
@media (min-width: 768px) {
    #header .header-top {
        padding: 10px 0;
        max-width: 1920px;
        margin: 0 auto;
    }
}