/* 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: 400px; /* 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-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    background-color: #f5f5f5;
    transition: transform 0.2s ease;
  }

  .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 */


/* start uprava banery konkurencne vyhody */
.benefitBanner__item,
.benefitBanner__link {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
}
.benefitBanner .benefitBanner__picture img {
    max-width: 45px;
}
.benefitBanner__picture {
  flex-shrink: 0 !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.benefitBanner__content {
  text-align: left !important;
}

.benefitBanner .benefitBanner__title {font-size: 14px !important;}
.benefitBanner .benefitBanner__data {font-size: 12px !important;}
/* Medzera medzi bannermi len na mobile */
@media (max-width: 768px) {
  .benefitBanner__item {
    margin-bottom: 15px !important; /* veľkosť medzery, môžeš upraviť */
  }

  /* voliteľne – ak je posledný banner, nech tam nie je medzera navyše */
  .benefitBanner__item:last-child {
    margin-bottom: 0 !important;
  }
}
/* end uprava banery konkurencne vyhody */

.delivery-point-logos img {max-width:20%;}
.low-price {margin-bottom:0px;}
.blog-wrapper .news-item .title {font-size: 18px;}
.availability {font-size:14px;}
#content ol.cart-header li a:before, #content ol.cart-header li strong:before {font-size: 16px;height: 30px;line-height: 30px;width: 30px;}
#content ol.cart-header li a, #content ol.cart-header li strong {font-size: 14px;}
.p-detail-inner .detail-parameters .delivery-time {font-size:14px;}
.cart-summary, .delivery-time  {font-size: 12px;}
.id--9 .next-step-forward:after {display:none;}

.custom-warning {color:#404036 !important;}
.detail-parameters, .price-measure {font-size:14px;}
/* Skryje celý box Značky */
.box-bg-variant .categories.box-brands,
.box-bg-variant .categories:has(a[data-testid="brandsText"]) {
  display: none !important;
}

.products-top .availability {display:none;}
.products-top .name:hover {text-decoration:underline;}
.products-top .name {font-weight: 500;text-decoration:none;}

/*start Slovnik pojmov */
.glossary-tooltip {
  position: fixed;
  background: #fff;
  color: #000;
  border: 1px solid #007bff;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 12px !important;
  max-width: 260px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  z-index: 9999;
  display: none;
}
.glossary-term {
  position: relative;
  cursor: help;
  color: inherit;
}

.glossary-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 7px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #0077cc;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

.glossary-tooltip {
  position: fixed;
  background: #fff;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 8px 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  z-index: 99999;
  width: 220px;
  font-size: 14px;
  line-height: 1.4;
  display: none;
  font-weight: normal !important;
}

/* Šípka */
.glossary-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
}

.glossary-tooltip.above::after {
  bottom: -12px;
  border-top-color: #fff;
}

.glossary-tooltip.below::after {
  top: -12px;
  border-bottom-color: #fff;
}
/*end Slovnik pojmov */

/* Zobraziť všetky záložky aj na mobile */
ul.hidden-links.hidden {
    display: flex !important;       /* zmeniť z display:none */
    flex-wrap: wrap;                /* záložky sa zalomia na viac riadkov */
    gap: 10px;                      /* medzera medzi záložkami */
    margin-top: 10px;
}

ul.hidden-links.hidden li.shp-tab {
    display: block !important;      /* každý tab bude viditeľný */
}

button.navigation-btn {
    display: none !important;       /* skryť tlačidlo ☰ */
}


.navigationActions a[data-testid="signin"] span.with-icon::before {font-family: 'shoptet';content: '\e922';color: black;margin-right: 10px;display: inline-block;vertical-align: bottom;font-size: 1.6rem;}
.add-to-cart-button .icon-kosik:before {font-family: 'shoptet';content: '\e921';color: white;margin-right: 10px;display: inline-block;}
.btn .btn-conversion .add-to-cart-button .icon-cart:before {color:white !important;}
.icon-search:after, .icon-login:after, .icon-cart:after {display:none;}
.p-tools .btn.btn-primary:hover {border-color:var(--color-primary-hover) !important;}
.basic-description h2 {color:var(--color-secondary);}
input[type=submit].btn{border-radius: 8px;font-size: 14px;font-weight: 600;line-height: 16px;padding: 16px;width: fit-content;}
input[type=submit].btn:hover {background-color: var(--color-primary-hover);}
.btn.btn-primary, a.btn.btn-primary:hover {background-color: var(--color-primary-hover);color: white;}
.btn.btn-primary, a.btn.btn-primary {background-color: var(--color-secondary);border-color: var(--color-secondary);color: white;}

.carousel .extended-banner-texts {background-color: transparent !important;}
.cart-table .p-total .price-final {color: var(--color-tertiary-hover);}
.p-price-wrapper .price-final {color: var(--color-tertiary-hover);}
.products-top .name {font-weight: 400;font-size: 14px;}
.benefitBanner .benefitBanner__item, .benefitBanner .benefitBanner__link {text-decoration: none;}
#checkoutContent .cart-content .co-contact-information label[for=login] {display:none;}
.ordering-process .co-box .company-shopping {display:none;}
.ordering-process .co-box .header-billing, .ordering-process .co-box>h4:last-child {display:none;}
.site-msg .text {font-size: 14px;font-weight: 400;text-transform: none;}

.benefitBanner {margin: 20px auto;}
@media (min-width: 768px) {
.navigation-in ul li a b {color:white !important;}
.submenu-arrow:after {color: white;}
.navigation-in {background-image: url(https://www.xcarp.sk/user/documents/upload/cm.jpg); !important;}
.navigation-in ul li a b:hover {color:white !important;}
.navigation-in>ul>li:hover {background-color: var(--color-secondary);border-radius:8px;}
#header .header-bottom .header-bottom-wrapper {margin-top: 5px;}
.navigation-in>ul>li>a:hover {background-color: transparent;}
.navigation-in ul li a b:hover {color:#929292;text-decoration:underline;}
}

.scroll-to-description {
  color: var(--color-secondary);
	font-size:14px;
  cursor: pointer;
  margin-top: 0px;
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
  text-decoration: underline;
  transition: color 0.3s;
}

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

}

//.scroll-to-description .icon-before {
  width: 35px;
  height: 35px;
  background-image: url(https://www.xcarp.sk/user/documents/upload/info-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
  flex-shrink: 0;
}

.scroll-to-description .icon-after {
  width: 35px;
  height: 35px;
  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: 1px;
  flex-shrink: 0;
}

.category-perex iframe {width: 560px;height: 315px;}
.cart-inner .contact-box ul li>span a {font-size:20px;}
.cart-inner .contact-box [class^=icon-] {display: none;}
.p-detail-inner .variant-list .variant-label {font-size: 16px;}
.pr-list-unit {font-size: 12px;}
.row-header-label {font-weight:500;}
.delivery-time-label {font-weight:500;}


#checkoutContent .cart-content [type=radio]+label .sublabel a {font-weight: 500;color:black !important;font-size: 14px;}
.products-block>div .p .p-in .p-bottom>div .prices .price-final strong {font-weight: 700;font-size: larger;}
.p-detail-inner .p-price-wrapper .price-save {position: relative;background-color:#c82333;color: white;//border: 1px solid #c82333;padding-left: 4px;border-radius: 8px;padding: 3px;}
//.p-detail-inner .p-price-wrapper .price-save:before {content:"ZĽAVA"}
.flag.flag-discount {background-color: red; display:none !important;}
.p-price-wrapper .standard-price-label {display: none !important;}


.p-image-wrapper .flags-extra {left: auto;}
.navigation-buttons a[data-target=login], .navigation-buttons a[data-target=search] {color:#9292929c;}
.navigation-buttons a[data-target=login]:hover, .navigation-buttons a[data-target=search]:hover {color:var(--color-secondary);}
.searchWhisperer__products .searchWhisperer__product__cart .btn-primary:hover {background-color: var(--color-primary-hover);}
.searchWhisperer__products .searchWhisperer__product__cart .btn-primary {background-color: var(--color-secondary);}
.news-item-detail .btn {margin-bottom: 16px;}
.scroll-link {font-weight:bold;color:var(--color-secondary);text-decoration: underline;cursor: pointer;margin: 0 auto;margin-bottom: 20px !important;}
.homepage-group-title.homepage-products-heading-66.h4 {margin-top:16px;}
.footer-bottom #signature {text-align: left;}
.homepage-banners-full-width .banner-wrapper>a .extended-banner-texts {justify-content: center;display: flex;flex-wrap: wrap;flex-direction: row;}
.next-to-carousel-banners {padding-left: 16px;padding-right: 16px;gap:16px;}
.extended-banner-title {font-size: 20px !important;line-height: 38px !important;}
.extended-banner-title:hover {color:var(--color-secondary);}
#footer, .footer-rows .rate-wrapper {background-color: var(--color-tertiary);}
//.footer-rows .custom-footer {background-image: url(https://www.xcarp.sk/user/documents/upload/cm.jpg);}
//#header .header-top .header-top-wrapper {width:100%;}
.carousel .extended-banner-texts .extended-banner-title, .next-to-carousel-banners .extended-banner-texts .extended-banner-title {-webkit-line-clamp: 4;font-size:20px;}
.banner-category>a img, .homepage-banners-full-width .banner-wrapper>a img {border-radius: 8px;}


.countdown {
    background: #ffffff;
    padding: 10px 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 32px;
    border: 1px solid #c82333;        
}
        
.countdown-text {
font-size: 16px;
    margin-bottom: 5px;
    color: #c82333;
    font-weight: 700;        
}
        
.timer {
    font-size: 18px;
    font-weight: bold;
    color: #c82333;        
}

.navigation-buttons>a[data-target=cart] i {
    //background-color: #ff6600;
    color: #fff;
	font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

.subcategories.with-image li a .image img {
    max-height: 40px;
}

.p-detail-full-width {background: white}
#footer h4 {color: var(--color-tertiary-hover);}
//.navigation-buttons a[data-target=cart].full {color:#ff6600;}
@media (max-width: 992px) {
.contact-box ul li>span {font-size: 20px !important;}
}
.contact-box ul li>span a:hover {color:white; text-decoration:underline;}
.contact-box ul li>span a {font-size: 20px; color:var(--color-secondary);text-decoration:none;}
.contact-banner {display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 20px;text-align: center;gap: 20px;background-image: url(https://www.xcarp.sk/user/documents/upload/cm.jpg);}
.contact-banner .contact-text, .contact-banner .contact-box, .contact-banner .socialky {flex: 1;}
.contact-banner h4, .contact-banner p {margin: 0; color:white;}
.contact-text p {margin-top: 5px;}
.contact-banner ul {list-style-type: none;padding: 0;margin: 0;}
.socialky h4 {margin-bottom: 10px;text-align: center;}
.socialky ul {display: flex;justify-content: center;gap: 10px;}
.social-icon {width: 24px;height: 24px;display: inline-block;background-size: cover;}
/* Pre mobilné zariadenia */
@media (max-width: 768px) {
.contact-banner {flex-direction: column;text-align: center;align-items: center;}
.contact-banner > div {margin-right: 0 !important;margin-bottom: 20px;}
.socialky h4 {text-align: center;}
.socialky ul {justify-content: center;}
}
.category-header {margin-bottom: 0px;}
.subcategories li a{background-color: white;}
.banner-wrapper {background-color: white;}

.blog-wrapper .news-item .title-link {text-decoration: none;}
@media (max-width: 992px){
.tile h2 {font-size: 14px !important;}
}
.grid-container {display: grid;gap: 16px;//padding: 8.5px;grid-template-columns: repeat(2, 1fr);}
.tile {//background-image: url(https://www.xcarp.sk/user/documents/upload/cm.jpg);display: block;overflow: hidden;text-align: center;background-color:#212524;transition: transform 0.2s;text-decoration: none;color: inherit;border-radius:8px;}
.tile:hover {transform: scale(1.05);background-color:var(--color-secondary-hover);}
.tile img {width: 100%;height: auto;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.tile h2 {margin: 10px 0;font-weight: 500;font-size: 1.6rem;color:white;padding-top: 10px;background-image: url(https://www.xcarp.sk/user/documents/upload/cm.jpg);}
.tile h2:hover {color: var(--color-secondary);}

@media screen and (max-width: 600px) {
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 601px) {
  .grid-container {
    grid-template-columns: repeat(6, 1fr);
  }
}


.description-inner .basic-description, .one-column-body .description-inner .basic-description {padding-right: 0px;}
.site-msg.information .text {color: white;}
.navigation-buttons>a[data-target=cart] i {top: 15%;left: 55%;}
.navigation-buttons a {font-size: 25px;}
[class*=" icon-"], [class^=icon-] {font-size: 25px;}


.carousel .extended-banner-title:hover, .next-to-carousel-banners .extended-banner-title:hover {color:var(--color-secondary);}
.products-block .flag.flag-freeshipping {background-color: var(--color-primary-hover);}
.flag.flag-freeshipping {background-color: var(--color-primary-hover);}
.news-item-widget time, .news-item-widget p {display: none;}

.site-msg .close:hover::before {color:black;}
.site-msg .close::before {color:white;}
@media (min-width: 992px) {
.carousel .extended-banner-texts .extended-banner-title, .next-to-carousel-banners .extended-banner-texts .extended-banner-title {font-size: 25px;line-height: 38px;}
#header .header-top .header-top-wrapper .site-name a img, #header .header-top .header-top-wrapper h1.site-name a img {max-height: 65px;}    
}
#header .header-top .header-top-wrapper .site-name {padding: 5px 0;}
@media (min-width: 768px) {
.p-detail-inner .p-price-wrapper .price-final {font-size: 32px;}
}
.news-item a {color: var(--color-tertiary-hover);}
a.social-icon.instagram:before {color: black;}
a.social-icon.facebook:before {color: black;}
.footer-rows .custom-footer h4>span:after {border-width: 1.5px;}
#footer h4 {font-size:16px;font-weight:600;}
#footer h4>span:after {border-color: var(--color-tertiary-hover);}
#footer a {color: var(--color-tertiary-hover);font-size:13px;font-weight:500;text-decoration: none;}
#footer a:hover {text-decoration: underline;}
.navigation-in>ul>li>a {line-height: 1;}
#smartsupp-widget-container {display:none !important;}
.text-image-container .responsive-image {border-radius: 8px;}
h1 {font-size: 18px;line-height: 1.3;letter-spacing: 0.8px;margin-bottom: 16px;color: #222222;font-weight:600;}
h2, h3, h4, .homepage-group-title.h4 {font-size: 18px;line-height: 1.4;letter-spacing: 0.8px;margin-bottom: 16px;color: #222222;font-weight:600;}
a {color:var(--color-secondary);text-decoration:underline;letter-spacing: 0.5px;cursor:pointer;}
li, ul, p {font-size:14px; line-height: 1.8;letter-spacing: 0.5px;}
.p-detail-inner h1, .p-detail-inner .p-detail-inner-header-mobile .h1 {font-size:18px;line-height: 1.3;font-weight:700;}
@media (min-width: 768px) {
.p-detail-inner .p-to-cart-block .quantity {margin-right: 5px;}
.wide .p-detail-inner .p-image-wrapper {padding-right: 30px;}
}
.contact-details {display: flex;justify-content: center;gap: 20px;margin-bottom: 10px;}
.contact-links {display: flex;justify-content: center;gap: 20px;margin-top: 10px;}
.phone-icon::before {content: "\e92c";font-family: 'shoptet';margin-right: 10px;font-size: 16px;vertical-align: middle;}
.email-icon::before {content: "\e924";font-family: 'shoptet';margin-right: 10px;font-size: 16px;vertical-align: middle;}
@media (min-width: 992px) {
//.carousel .extended-banner-texts {background-color: #0e1215db !important;color: white;}
.carousel .extended-banner-texts, .next-to-carousel-banners .extended-banner-texts {background-color: #0505054f;color: #ffffff;}
}
.contact-info a {color:white;}
.contact-info h4 {color:white;text-align:center;}
.contact-info {background-image: url(https://www.xcarp.sk/user/documents/upload/cm.jpg);//background-color: var(--color-primary-hover);padding: 20px;color: white; margin: 16px;border-radius: 8px;}
@media (max-width: 768px) {
.subcategories.with-image li a .image {
    text-align: center;
    width: 75px;
}
.siteCookies__text {font-size: 14px;}
.responsive-image {width: 100%;height: auto;margin-top: 15px;}
.text-image-container p {order: 2;}
.text-image-container .responsive-image {order: 1;border-radius:8px;}
//.products-block .flag.flag-freeshipping {display:none;}

}
/* Konverzne tlacitka start */
.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {
//background-color: #FF6600; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); transition: all 0.2s ease-in-out;//border-color: #FF6600;font-size:14px;}
.btn.btn-cart:hover, .btn.btn-conversion:hover, a.btn.btn-cart:hover, a.btn.btn-conversion:hover {
//background-color: #E65A00; transform: translateY(-2px); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);}
//.popup-widget-inner.cart-widget-inner .cart-widget-bottom .cart-widget-button a {text-transform: uppercase;}
/* Konverzne tlacitka end */

/* Upravte štýly pre každý produktový blok */
.product {
  display: flex;
  flex-direction: column; /* Vertikálne zoradenie obsahu */
}

/* Upravte vnútorný kontajner pre produkt */
.p-in {
  display: flex;
  flex-direction: column; /* Vertikálne zoradenie obsahu */
  flex: 1; /* Vyplní dostupný priestor */
}

/* Posuňte obsah na spodok */
.p-bottom {
  margin-top: auto; /* Posunie obsah na spodok bloku produktu */
}

/* Tlačidlo Detail */
.p-tools {
  display: flex;
  justify-content: center; /* Zarovná tlačidlo na stred */
}



.news-item-detail h1 {margin-top:16px;text-align: center;}
.news-item-detail h2 {text-align: center;}
.category-title {text-align: -webkit-left;}





.flag.flag-action {background-color: #F57C00;}
.next-step .btn.btn-lg:hover {box-shadow: 0 8px 8px 0 rgba(0,0,0,.08);}
.next-step .btn.btn-lg {box-shadow: 0 8px 8px 0 rgba(0,0,0,.08);}
.popup-widget-inner.cart-widget-inner .cart-widget-bottom .cart-widget-button a:hover {box-shadow: 0 8px 8px 0 rgba(0,0,0,.08);}
.popup-widget-inner.cart-widget-inner .cart-widget-bottom .cart-widget-button a {box-shadow: 0 8px 8px 0 rgba(0,0,0,.08);}
.flag.flag-discount {background-color:var(--color-secondary);}
.navigation-in ul li a b {text-transform: none;}

#nav-manufacturers {display:none !important;}

/* start uprava popisu kategorie */
.s_rightImg {display: flex;column-gap: 68px;}
.rightImg_img img {max-width: 250px;border-radius: 2.285rem;box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.1);}
.rightImg_text {display: flex;flex-direction: column;justify-content: center;}
.margin_buttom {margin-bottom: 68px;}
.flex-reverse {flex-direction: row-reverse;}
@media (max-width: 992px) {
.rightImg_img img {max-width: 200px;}
}
@media (max-width: 480px) {
.s_rightImg {column-gap: 32px;}
}
@media (max-width: 480px) {
.s_rightImg {display: block;}
.rightImg_img {display: flex;justify-content: center;}
}
/* end uprava popisu kategorie */
.category-perex, .category__secondDescription {text-align: -webkit-left;}
.tell {display:inline-flex !important;}
.tell a{color: #929292;font-size: 20px;align-items: center;display: none;text-decoration: none;font-weight: 500;}
.tell a:hover {color:var(--color-secondary-hover);}
.tell a:before {content: "\e92c";font-family: shoptet;padding-right: 10px;font-size: 20px;align-items: center;display: inline-flex;}
.news-item-detail article>img {display:none !important;}
.flag.flag-ff {display:none !important;}
.order-button-text {font-weight: 600;text-transform: none;font-size: 14px;}
.btn, a.btn {padding:16px;}

.link-icons {display:none;}
@media (max-width: 767px){
h1.category-title {margin-top: 16px !important;}
.breadcrumbs {display: inline-block;padding-bottom:0px;}
}
.basic-description {text-align:left;text-align: -webkit-left;}
.basic-description h2 {text-align: center;}
.description-inner .basic-description>h4:first-child {display: none;}
#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;}
.flags-default .flag {font-size: 12px;line-height: 19px;padding: 0px 11px;}



@media (max-width: 768px){
.p-price-wrapper .price-additional, .p-price-wrapper .standard-price-label {font-size: 16px;}
.kontakty-mob-none {display: none;}
.kontakty {display: block!important;line-height: 0px;margin-bottom: 35px;}
}
.kontakty-tel {display: flex;justify-content: center;line-height: 28px;}
.kontakty-mail {display: flex;justify-content: center;line-height: 28px;}
.kontakty a:hover {color:var(--color-secondary-hover);}
.kontakty a {color:var(--color-secondary);font-size: x-large;font-weight: 600;}
.kontakty {display: flex;justify-content: center;margin-top: 25px;margin-bottom: 25px;align-items: stretch;}
@media (min-width: 768px){

.p-detail-inner .p-to-cart-block .add-to-cart {justify-content: flex-start;}
.kontakty-mob-none p {display: flex;margin-left: 10px;margin-right: 10px;font-size: x-large;}
}
.kontakty-mail:before {content: "\e924";font-family: shoptet;font-size: x-large;margin-right: 10px;}
.kontakty-tel:before {content: "\e92c";font-family: shoptet;font-size: x-large;margin-right: 10px;}
.link-icons .link-icon.share {display: none !important;}
.link-icons .link-icon.print {display: none !important;}
.subcategories li a:before {display: none !important;}
.sidebar-inner {border-style: none !important;}
.products-block>div .p .p-in .p-in-in .name {-webkit-line-clamp: 15;font-weight: 600;height: auto !important;font-size:14px; text-decoration:none;}
.products-block>div .p .p-in .p-in-in .name:hover {color:#66665e; text-decoration:underline;}
.navigation-in ul li a b {font-weight: 600;font-size: 1.6rem;}
@media (min-width: 767px){
.navigation-in>ul>li.ext>ul>li>div>ul>li>a {display: none !important;}
.navigation-in>ul>li.ext>ul>li>div>a {font-weight: 600;font-size: 16px;}
#header .header-top .header-top-wrapper .site-name {order: -1;padding-right: 0px;text-align: left;}
.subcategories.with-image li a .image {width: 60px;}
.sidebar {width: 270px;}
}


.banner, .banner a, .banner-category, .banner-category a, .banner-wrapper, .banner-wrapper a, .carousel-inner, .carousel-inner a {text-decoration: none;} {color: #F9F9F9;}
.extended-description {text-align:left;line-height: 1.7;letter-spacing: 0.5px;}
.extended-description h4 {display: none;}
@media (min-width: 768px) {
.blog-wrapper .news-item .title {-webkit-line-clamp: 4;}
}
.blog-wrapper .news-item .description {display: none;}
@media (min-width: 992px) {
.carousel .extended-banner-texts {min-height: auto;}
}
@media (max-width: 1200px) {
.foto-prev:hover, .foto-next:hover {background-color: rgba(0, 0, 0, 0.5);color: white;}
}

.product-slider-holder .product-slider-navigation:before {background-color: rgba(0, 0, 0, 0.5);color: white;}
.product-slider-holder .product-slider-navigation:hover:before {background-color: transparent;color: var(--color-secondary);}
iframe {margin-top: 30px;width: 100%;height: 500px;text-align: center;}
@media (max-width: 767px) {
.plus-gallery-item {height: 100px !important;width: 100px !important;}

}
.payment-success-icon .icon-tick {font-size:48px !important;}
.category-title {text-align: left;}
.category-perex, .category__secondDescription {text-align: left;}
.next-to-carousel-banners .extended-banner-texts .extended-banner-link:hover{background-color: var(--color-secondary-hover);}
.next-to-carousel-banners .extended-banner-texts .extended-banner-link {background-color: var(--color-secondary);border-color: var(--color-secondary);color: #fff;border-radius: 8px;font-size: 14px;font-weight: 600;line-height: 16px;padding: 16px;}
@media (max-width:767px){
#blogprodukty .product:nth-of-type(3) {display: none !important;}
#blogprodukty .product:nth-of-type(4) {display: none !important;}
}



.benefitBanner__data {color: #36454F;}
//.flags-extra .flag .price-standard {display:none;}
.dalsie-clanky-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 8px;border-style: solid;border-width: 1px;font-size:14px;display: inline-block;padding: 16px;background-color: var(--color-secondary);color: white;text-decoration: none;border-color: var(--color-secondary);cursor: pointer;position: relative;left: 50%;transform: translateX(-50%);bottom: 20px;font-weight: 600;margin-top:55px;line-height: 16px;text-align: center;text-transform: none;transition: all .3s ease-out;white-space: normal;}
.dalsie-clanky-button:hover {background-color:var(--color-primary-hover);color:white;}
@media (max-width:767px){
.homepage-blog-wrapper .news-item:last-of-type {display:none !important;}
.benefitBanner {margin: 0px auto;}
}
@media (min-width: 767px){
.homepage-blog-wrapper .news-item {flex-basis: 50%;width: 50%;max-height: 280px;}
}
.poznamka{margin-top:30px;}
.poznamka p {font-size:10px !important;}
.p-detail-inner .flag.flag-video {cursor:pointer;}
.basic-description iframe {margin-top: 30px;width: 100%;height: 500px;text-align: center; border-radius:8px;}
.basic-description img {text-align: center;max-height: 100%;}
@media (max-width: 767px){
.p-detail-inner .p-detail-inner-header-mobile .h1 {text-align: left;margin-top: 5px !important;}
}
.menu-helper:after {color: white;}
//.banner-wrapper {width: 100%;}
.contact-box ul li>span.tel a:before {content: "\e92c";font-family: shoptet;font-size: 20px;margin-right: 10px;}
.contact-box ul li>span.mail a:before{content: "\e924";font-family: shoptet;font-size: 20px;margin-right: 10px;}

/* start slider znacky */
.categories-slider-wrapper h2 {font-size: 32px;
    font-weight: 700;
    color: var(--color-tertiary-hover);
    flex: 0 0 100%;
    text-align: center;
    margin: 0 0 5px 0;
    font-family: var(--template-headings-font), sans-serif;
    letter-spacing: 1.6px;
    line-height: 38px;
    margin-bottom: 24px;
    margin-top: 40px;}
.categories-slider-wrapper {
    position: relative;
    overflow: hidden;
    text-align: -webkit-center;
    text-align: center;padding-top: 16px;
}

.categories-slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
    white-space: nowrap;
}

.slide1 {
    flex: 0 0 auto;
    width: 33.333%; /* Full width for each slide */
    box-sizing: border-box;
    display:inline-block;
    vertical-align: middle;
    max-width: 25%;
}
.slide1 a {
    flex: 0 0 auto !important;
    width: 33.333% !important; /* Full width for each slide */
    box-sizing: border-box !important;
}
.slide1 img:hover {opacity: 1; filter:none;}
.slide1 img {
    width: auto !important;
    max-height: 86px;
    display: inline-block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .4;
    padding: 5px;
}

/* Navigation buttons */
.prev-slider:hover {
    background-color: transparent;
    color: var(--color-secondary);
}
.next-slider:hover{
    background-color: transparent;
    color: var(--color-secondary);
}
.prev-slider, .next-slider {
    position: absolute;
    top: 57%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    cursor: pointer;
    z-index: 10;
    //bottom: 50%;
    font-size: 20px;
    height: 32px;
    width: 32px;
}

.prev-slider {left: 0.6%;}
.next-slider {right: 0.6%;}

/* Mobile specific styles */
@media (max-width: 768px) {
    .prev-slider, .next-slider {
        padding: 6px;
    }
.prev-slider {left: 0;}
.next-slider {right: 0;}

}

/* end slider znacky */

/* start kategorie hlavna stranka */
@media (min-width: 767px){
//.categories-main a>div {width:100%;}
}
@media (min-width: 767px){
.categories-main a:nth-of-type(6) {display:none !important;}
.categories-main a:nth-of-type(7) {display:none !important;}
.categories-main a:nth-of-type(8) {display:none !important;}
.categories-main a:nth-of-type(9) {display:none !important;}
.categories-main a:nth-of-type(10) {display:none !important;}
}
@media (max-width: 767px){
.categories-main a:nth-of-type(7) {display:none !important;}
.categories-main a:nth-of-type(8) {display:none !important;}
.categories-main a:nth-of-type(9) {display:none !important;}
.categories-main a:nth-of-type(10) {display:none !important;}
}
@media (max-width: 767px) {
.categories-main h2 {word-wrap: break-word !important;
    color: var(--color-tertiary-hover) !important;
    font-family: var(--template-headings-font), sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: .8px !important;
    line-height: 28px !important;
    text-transform: none !important;}
.categories-main a {width: 48.5% !important;background-position: top center !important;}
.categories-main a>div {padding: 0 10px !important;font-size: 14px !important;line-height: 24px !important;}
.categories-main {padding-bottom: 0 !important;}
}

.categories-main {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 40px 0 30px 0;
}
.categories-main h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--color-tertiary-hover);
    flex: 0 0 100%;
    text-align: center;
    margin: 0 0 5px 0;
    font-family: var(--template-headings-font), sans-serif;
    letter-spacing: 1.6px;
        line-height: 38px;
        margin-bottom: 24px;
    margin-top: 40px;
}
.categories-main .subtitle {
    flex: 0 0 100%;
    text-align: center;
}
.subtitle {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 15px;
}
.categories-main a:hover {box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .08);}
.categories-main a {
    overflow: hidden;
    background-size: cover !important;
    width: 19%;
    height: 180px;
    background: #f5f5f5;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
background-position: top center !important;
}
.categories-main a::before {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    bottom: -100%;
    content: "";
    display: block;
    transition: 0.5s;
    position: absolute;
}
.categories-main a>div:hover {background-color: var(--color-secondary-hover);}
.categories-main a>div {
    position: relative;
    text-align: center;
    z-index: 1;
    color: #fff;
    margin-bottom: 13px;
    background-color: var(--color-primary-hover);
    padding: 0 55px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
}
.categories-main a:nth-of-type(1) {
    background-image: url(https://www.xcarp.sk/user/documents/upload/rybarske-boilies.png);
}
.categories-main a:nth-of-type(2) {
background-image: url(https://www.xcarp.sk/user/documents/upload/rybarske-stojany-na-udice.png);
}
.categories-main a:nth-of-type(3) {
    background-image: url(https://www.xcarp.sk/user/documents/upload/podberaky-1.png);
}
.categories-main a:nth-of-type(4) {
    background-image: url(https://www.xcarp.sk/user/documents/upload/rybarske-tasky-na-ryby.png);
}
.categories-main a:nth-of-type(5) {
    background-image: url(https://www.xcarp.sk/user/documents/upload/rybarske-navijaky-2.png);
}
.categories-main a:nth-of-type(6) {
    background-image: url(https://www.xcarp.sk/user/documents/upload/popup.png);
}
.categories-main a:nth-of-type(7) {
    background-image: url(../img/noze.jpg?v=1);
}
.categories-main a:nth-of-type(8) {
    background-image: url(../img/noze.jpg?v=1);
}
.categories-main a:nth-of-type(9) {
    background-image: url(../img/noze.jpg?v=1);
}
.categories-main a:nth-of-type(10) {
    background-image: url(../img/noze.jpg?v=1);
}
/* end kategorie hlavna stranka */

/* start karty doprava a platba */
#card-wrap {
  padding-bottom: 20px;
}

.doprava-card-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px; /* Pridaj priestor medzi kartami */
//box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .08);
}

.doprava-card {
  flex: 1 1 calc(33.333% - 20px); /* Tri karty vedľa seba s priestorom medzi nimi */
  box-sizing: border-box;
  border: 1px solid #ddd; /* Pridaj okraj pre lepšiu viditeľnosť */
  padding: 20px; /* Pridaj vnútorný okraj */
  background-color: var(--color-tertiary); /* Pridaj pozadie pre lepší vzhľad */
  border-radius: 8px; /* Pridaj zaoblené rohy */
  text-align: center; /* Vycentruj text */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Zarovnaj obsah karty */
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .08);
}

.doprava-card img {
  max-width: 100%; /* Zabezpečí, že obrázok nebude presahovať šírku karty */
max-height: 50px;
margin-bottom:10px;
}

.doprava-card h1 {
  margin: 0; /* Odstráni všetky vonkajšie okraje */
  font-size: 18px; /* Nastaví veľkosť písma */
}

.doprava-card .doprava-title {
  margin: 10px 0; /* Nastaví medzery okolo nadpisu */
  //font-size: 14px; /* Nastaví veľkosť písma */
}

.doprava-card p {
  margin: 10px 0; /* Nastaví medzery okolo ceny */
  font-size: 12px; /* Nastaví veľkosť písma */
font-weight:400;
}

.doprava-card .doprava-button {
  margin-top: auto; /* Presunie tlačidlo na spodok karty */






display: block; /* Nastaví tlačidlo ako blokový element */
  width: auto; /* Nastaví šírku tlačidla na 50% */
  margin: 20px auto 0; /* Zarovná tlačidlo na stred a pridá medzeru hore */
  text-align: center; /* Zarovná text v tlačidle na stred */
text-decoration: none;
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
 
    padding: 16px;
    background-color: var(--color-secondary);
    color:white;
 
    border-color: var(--color-secondary);
    cursor: pointer;




    font-weight: 600;
    
    line-height: 16px;
    text-align: center;
    text-transform: none;
    transition: all .3s ease-out;
    white-space: normal;
}

@media (max-width: 768px) {
  .doprava-card {
    flex: 1 1 100%; 
  }
}
.doprava-button:hover {background-color:var(--color-secondary-hover); color:white;}
/* end karty doprava a platba */

/* start obrazok vedla textu doprava packeta posta */
.text-image-container {
  display: flex;
  flex-wrap: wrap; /* Umožňuje, aby sa obsah presunul na nový riadok, ak nie je dostatok miesta */
  align-items: center; /* Vertikálne zarovná obsah */
  gap: 20px; /* Pridáva priestor medzi textom a obrázkom */
    padding-bottom: 20px;

}

.text-image-container p {
  flex: 1; /* Text zaberá dostupné miesto */
  margin: 0; /* Odstráni okraje */
}

.text-image-container .responsive-image {
  max-width: 100%; /* Zabezpečuje, že obrázok sa neprispôsobí nad rámec svojho kontajnera */
  height: auto; /* Zachováva pomer strán obrázka */
  width: 30%; /* Nastaví šírku obrázka na počítači, môžeš upraviť podľa potreby */
}

@media (max-width: 768px) {
  .text-image-container {
    flex-direction: column; /* Usporiada text a obrázok vertikálne na mobiloch */
    align-items: flex-start; /* Zarovná obsah na začiatok (vľavo) */
  }

  .text-image-container .responsive-image {
    width: 100%; /* Nastaví šírku obrázka na 100% šírky kontajnera na mobiloch */
    max-width: none; /* Zruší max-width pre mobilné zariadenia */
  }
}
/* end obrazok vedla textu doprava packeta posta */