.ewh.ewh-root{--ew-bg:#F6F1EA;--ew-ink:#2A1F17;--ew-muted:#5A4A3E;--ew-accent:#8A4521;--ew-accent-dark:#5E2E14;--ew-teal:#2F6F6A;--ew-line:#E2D6C6;--ew-white:#FFFFFF;
  font-family:Nunito,sans-serif;color:var(--ew-ink);background:var(--ew-bg);width:100%;box-sizing:border-box;line-height:1.5;-webkit-font-smoothing:antialiased}
.ewh.ewh-root *,.ewh.ewh-root *::before,.ewh.ewh-root *::after{box-sizing:border-box}

/* Obrázky – !important kvůli globálním pravidlům šablony pro obrázky */
.ewh .ewh-img{height:100% !important;max-width:none !important;}
.ewh .ewh-img--fill{position:absolute !important;top:0;left:0;right:0;bottom:0}

/* Ikony */
.ewh .ewh-icon{display:block;flex:none;width:auto;height:auto}

/* Obecné */
.ewh .ewh-section{display:block;margin:0;padding:65px 20px 0}
.ewh .ewh-wrap{max-width:1400px;margin:0 auto}
.ewh .ewh-eyebrow{display:flex;align-items:center;gap:12px;margin:0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ew-accent)}
.ewh .ewh-eyebrow-text{display:inline;font:inherit;color:inherit}
.ewh .ewh-h2{margin:0;padding:0;font-family:Nunito,sans-serif;font-weight:700;font-size:4rem;line-height:1.1;letter-spacing:normal;text-transform:none;color:var(--ew-ink)}
.ewh .ewh-br{display:inline}
.ewh .ewh-strong{font-weight:700;color:inherit}

/* Tlačítka */
.ewh .ewh-btns{display:flex;flex-wrap:wrap;gap:12px}
.ewh .ewh-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:0 24px;border-radius:999px;font-family:inherit;font-weight:700;font-size:15px;line-height:1.2;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.ewh .ewh-btn-primary{background:var(--ew-accent);color:var(--ew-white);border:1.5px solid var(--ew-accent)}
.ewh .ewh-btn-primary:hover,.ewh .ewh-btn-primary:focus{background:var(--ew-accent-dark);border-color:var(--ew-accent-dark);color:var(--ew-white);text-decoration:none}
.ewh .ewh-btn-ghost{background:transparent;border:1.5px solid var(--ew-ink);color:var(--ew-ink)}
.ewh .ewh-btn-ghost:hover,.ewh .ewh-btn-ghost:focus{background:var(--ew-ink);color:var(--ew-bg);text-decoration:none}

/* Karty (odkazy) */
.ewh .ewh-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--ew-white);color:var(--ew-ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.ewh .ewh-card:hover,.ewh .ewh-card:focus{transform:translateY(-3px);box-shadow:0 14px 30px rgba(42,31,23,.14);color:var(--ew-ink);text-decoration:none}

/* HERO */
.ewh .ewh-hero{display:block;margin:0;padding:40px 20px 0}
.ewh .ewh-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:40px;align-items:center}
.ewh .ewh-hero-text{display:flex;flex-direction:column;gap:24px;padding:24px 0}
.ewh .ewh-hero-title{margin:0;padding:0;font-family:Nunito,sans-serif;font-weight:700;font-size:clamp(2.5rem,5vw,4rem);line-height:1.08;letter-spacing:-.01em;text-transform:none;color:var(--ew-ink)}
.ewh .ewh-hero-lead{margin:0;padding:0;font-size:1.65rem;line-height:1.65;color:var(--ew-muted);max-width:34rem}
.ewh .ewh-hero-media{position:relative;min-height:460px;border-radius:20px;overflow:hidden;background:#3B2A1E}
.ewh .ewh-badge{position:absolute;left:20px;bottom:20px;right:20px;max-width:320px;padding:16px 20px;border-radius:14px;background:var(--ew-bg);display:flex;align-items:center;gap:14px}
.ewh .ewh-badge-icon{flex:none;width:44px;height:44px;border-radius:50%;background:var(--ew-teal);color:var(--ew-white);display:flex;align-items:center;justify-content:center}
.ewh .ewh-badge-copy{display:block;min-width:0}
.ewh .ewh-badge-title{display:block;font-size:15px;font-weight:700;line-height:1.35;color:var(--ew-ink)}
.ewh .ewh-badge-text{display:block;font-size:13px;line-height:1.4;color:var(--ew-muted)}

/* VÝHODY */
.ewh .ewh-trust-section{display:block;margin:0;padding:48px 20px 0}
.ewh .ewh-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ew-line);border:1px solid var(--ew-line);border-radius:16px;overflow:hidden}
.ewh .ewh-trust-item{background:#FBF8F3;padding:22px 24px;display:flex;gap:14px;align-items:center}
.ewh .ewh-trust-copy{display:block;min-width:0}
.ewh .ewh-trust-title{display:block;font-size:15px;font-weight:700;line-height:1.35;color:var(--ew-ink)}
.ewh .ewh-trust-text{display:block;font-size:13px;line-height:1.4;color:var(--ew-muted)}

/* HLAVIČKA SEKCE */
.ewh .ewh-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 0 32px}
.ewh .ewh-head-title{display:flex;flex-direction:column;gap:10px}
.ewh .ewh-head-text{margin:0;padding:0;max-width:33%;font-size:15px;line-height:1.6;color:var(--ew-muted)}

/* KATEGORIE – mozaika: --l = foto 4:3, --p = foto 3:4.
   flex-grow 16:9 = poměr šířek, fotky v řádku mají stejnou výšku a nic se neořízne. */
.ewh .ewh-cats{display:flex;flex-direction:column;gap:20px}
.ewh .ewh-cat-row{display:flex;gap:20px}
.ewh .ewh-cat-row > .ewh-card{min-width:0}
.ewh .ewh-cat-row > .ewh-card--l{flex:16 1 0}
.ewh .ewh-cat-row > .ewh-card--p{flex:9 1 0}
.ewh .ewh-cat-img{aspect-ratio:4/3;background:#D9C3A5;overflow:hidden}
.ewh .ewh-card--p .ewh-cat-img{aspect-ratio:3/4}
.ewh .ewh-cat-body{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ewh .ewh-cat-copy{display:block;min-width:0}
.ewh .ewh-cat-title{display:block;font-family:Nunito,sans-serif;font-size:22px;font-weight:700;line-height:1.2;color:var(--ew-ink)}
.ewh .ewh-cat-text{display:block;font-size:13px;line-height:1.4;color:var(--ew-muted)}

/* O NÁS – nahoře text ve dvou sloupcích, dole dvě široké fotky 4:3 */
.ewh .ewh-about{border-radius:24px;background:var(--ew-ink);color:var(--ew-bg);padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;gap:clamp(32px,4vw,48px)}
.ewh .ewh-about-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(24px,4vw,64px);align-items:start}
.ewh .ewh-about-intro{display:flex;flex-direction:column;gap:22px}
.ewh .ewh-about .ewh-eyebrow{color:#E0A47E}
.ewh .ewh-about .ewh-h2{color:var(--ew-bg)}
.ewh .ewh-sign{display:block;font-family:Nunito,sans-serif;font-size:20px;font-weight:600;color:#E0A47E}
.ewh .ewh-about-text{display:flex;flex-direction:column;gap:22px}
.ewh .ewh-about-p{margin:0;padding:0;font-size:16px;line-height:1.7;color:#D8CBBB}
.ewh .ewh-about-p .ewh-strong{color:var(--ew-white)}
.ewh .ewh-about-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ewh .ewh-about-photo{position:relative;display:block;margin:0;padding:0;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#4A3626}
.ewh .ewh-about-photo--alt{background:#3E5A56}
.ewh .ewh-about-caption{position:absolute;left:16px;bottom:16px;margin:0;padding:8px 16px;border-radius:999px;background:var(--ew-bg);color:var(--ew-ink);font-size:14px;font-weight:700;line-height:1.3;text-align:left}

/* BLOG */
.ewh .ewh-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:15px;color:var(--ew-accent);text-decoration:none}
.ewh .ewh-link:hover,.ewh .ewh-link:focus{text-decoration:underline;color:var(--ew-accent-dark)}
.ewh .ewh-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;padding-bottom:30px;}
.ewh .ewh-post{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.ewh .ewh-post-img{position:relative;min-height:200px;background:#D9C3A5;overflow:hidden}
.ewh .ewh-post-body{padding:24px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.ewh .ewh-post-tag{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ew-teal)}
.ewh .ewh-post-title{display:block;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1.2;color:var(--ew-ink)}
.ewh .ewh-post-text{display:block;font-size:14px;line-height:1.6;color:var(--ew-muted)}

/* RESPONZIVITA */
@media (max-width:900px){
  .ewh .ewh-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* tablet: 3 řádky po dvojici 4:3 + 3:4 */
  .ewh .ewh-cats{display:grid;grid-template-columns:16fr 9fr;gap:16px}
  .ewh .ewh-cat-row{display:contents}
  .ewh .ewh-cat-body{padding:14px 16px}
  .ewh .ewh-cat-title{font-size:19px}
}
@media (max-width:600px){
  .ewh .ewh-trust-item{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px}
  .ewh .ewh-section{padding-top:64px}
  .ewh .ewh-hero-media{min-height:340px}
  .ewh .ewh-about-photos{grid-template-columns:minmax(0,1fr);gap:16px}
}
@media (max-width:560px){
  /* mobil: pod sebou; foto na výšku mírně oříznuté na 4:5 */
  .ewh .ewh-cats{grid-template-columns:minmax(0,1fr)}
  .ewh .ewh-card--p .ewh-cat-img{aspect-ratio:4/5}
}


/* =========================================================
   BASE
   ========================================================= */

/* PRODUKTY */
.p-to-cart-block {
    background-color: #F7F5EA;
}

.p-detail-inner h1 {
    font-size: 22px;
}

.buttons-wrapper {
    display: none !important;
}

/* ZAHLAVI */
:where(.ums_forms_redesign--off) input[type=search].form-control {
    border-radius: 15px;
}
:where(body.ums_page_element_headings--on) :where(.footer-rows) .pageElement__heading {
    margin-bottom: 11px;
    margin-top: 11px;
}
#header .navigation-buttons a {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#header {
    background-image: url("/user/documents/upload/Upravy/head.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#header .search-input::placeholder {
    color: #aaa;
}
#header .search-input {
    border-color: #f9b619;
}

/* ZAPATI */
#footer {
    background-image: url("/user/documents/upload/Upravy/pozadi-Equiwest.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-bottom {
    background-color: transparent;
}

/* MAIN PAGE */
/* block for homepage2.0
#content > div.row.banners-row > div.next-to-carousel-banners > div {
    width: 33%;
    padding: 5px;
}*/

#content > div.row.banners-row > div.next-to-carousel-banners > div > a > img {
    border-radius: 15px;
}

.next-to-carousel-banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.next-to-carousel-banners .extended-banner-text {
    text-align: center;
    left: 0;
    font-size: 24px;
    color: ivory;
    padding: 0 10px;
    font-weight: normal
}

/* END OF MAIN PAGE */

/* BUTTONS */
.products-block > div .p .p-bottom > div .p-tools .btn,
.products-block > div .p .p-bottom > div .p-tools .btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-conversion,
.btn.btn-cart,
a.btn.btn-cart,
.btn,
a.btn,
.btn.btn-conversion,
a.btn.btn-conversion {
    border-radius: 15px;
    background-color: #eab108 !important;
    border: 1px solid #b98c06 !important;
    box-shadow: inset 0 -1px 3px rgba(0, 0, 0, .15) !important;
    color: #3e2a10 !important;
    text-decoration: none !important;
}

.products-block > div .p .availability {
    padding: 5px 0;
}

a.btn.btn-primary {
    border-color: #77a7ff;
}

.cart-widget-product-amount .quantity,
.cart-table .p-quantity .quantity,
.quantity .decrease:before,
.quantity .increase:before,
.quantity .decrease,
.quantity .increase,
.products-block > div .p > a img,
.products-block > div .p,
.p-to-cart-block,
.p-to-cart-block .add-to-cart .quantity,
a.btn.btn-primary,
.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion,
.products-block > div,
button.btn.btn-cart.add-to-cart-button,
.btn-primary:hover,
.subcategories.with-image li a:hover,
.btn-primary:hover::before,
.btn-primary:hover::after,
.subcategories.with-image li a:hover::before,
.subcategories.with-image li a:hover::after {
    border-radius: 15px;
}

.product-slider-holder .product-slider-navigation.navigation-next:before,
.product-slider-holder .product-slider-navigation.navigation-prev:before {
    background-color: transparent;
}

/* ----- VARIANTS CSS ----- */
/* Badge color variations */
.discount-badge.big-discount {
    background-color: #ef4444;
}

/* Animated badge (optional) */
@keyframes badgePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.discount-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #e63946;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 6px;
    line-height: 1.2;
    white-space: nowrap;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    animation: badgePulse 2s ease-in-out infinite;
}

/* Adjust badge position for active button */
.variant-btn.active .discount-badge {
    background-color: #fff;
    color: #000;
}

span.price-measure {
    font-size: 12px;
    color: #aaa;
}

.footer-banners.row.banner-wrapper.banners-row {
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

img.benefitBanner__img:hover {
    transition: all 0.3s ease-out;
    transform: scale(1.03);
}

img.benefitBanner__img {
    scale: 0.8;
}

.cart-inner .delivery-time {
    font-size: larger;
    margin: 20px 0 0 0;
}

.p-short-description {
    max-height: 77px;
    overflow: hidden;
}

.moreinfo {
    color: #3f83ff !important;
    margin-top: -20px;
    padding-bottom: 10px;
}

a.read-more-link:hover {
    color: #77A7FF;
}

#product-detail-form .advanced-parameter-inner {
    position: relative;
    border: 0 solid #ffffff00;
    display: flex;
    align-items: center;
    width: 60px;
    box-shadow: none;
    height: 60px;
    border-radius: 50%;
    border-color: transparent;
}

.stockInfo.inStock {
    color: green;
}

.fbmessage {
    background-image: url(/user/documents/upload/Ikony/fb-small.svg);
    position: fixed;
    background: center;
    background: no-repeat;
    bottom: 25px;
    right: 25px;
    width: 40px;
    height: 40px;
    z-index: 1;
}

.category-perex {
    font-size: 14px;
}

p.p-desc {
    font-size: 15px;
    line-height: 1.5;
    padding: 0 5px;
}

ul.widget-parameter-list {
    font-size: 12px;
    bottom: 0;
    align-content: end;
}

.product-slider .product-slider-navigation::before {
    color: black;
}

.product-slider .product-slider-navigation.navigation-next,
.product-slider .product-slider-navigation.navigation-prev {
    opacity: 0.5;
    background-color: #77a7ff;
    border-radius: 25%;
}
/*HOMEPAGE2.0*/
.welcome-wrapper {
    display: none;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
}

a.doprava:hover {
    text-decoration: underline;
    color: #3f83ff;
}

.doprava {
    padding-top: 25px;
    color: #3f83ff;
}

.instagram-follow-btn {
    flex-grow: 1;
    margin-top: 0;
    margin-bottom: 22px;
    text-align: center;
}

.categories li.active > a,
.categories li.active > a:hover,
.categories .topic.active > a,
.categories .topic.active > a:hover {
    color: #eab108;
}

#navigation .has-more-items .more-items-trigger {
    display: none;
}

.widget-parameter-wrapper .widget-parameter-list {
    justify-content: center;
}

.widget-parameter-wrapper .widget-parameter-value:first-child a {
    padding-left: 7px;
}

.widget-parameter-wrapper .widget-parameter-value a,
.widget-parameter-wrapper .widget-parameter-more a,
.widget-parameter-wrapper .widget-parameter-value span,
.widget-parameter-wrapper .widget-parameter-more span {
    padding: 0 7px;
    font-weight: bold;
}

p.preview {
    font-size: 14.5px;
}

a.read-more-link {
    display: inline;
    white-space: nowrap;
    text-decoration-line: underline;
    font-weight: bold;
}

.recapitulation-single {
    padding: 15px 0;
}

.inactive-child {
    display: none;
}

.price-range > div {
    background-color: #3f83ff;
}

.flag.flag-discount {
    background: url("https://cdn.myshoptet.com/usr/www.equtex-shop.cz/user/documents/upload/Ikony/sleva produkt1.png") 50% no-repeat;
    background-size: contain;
    width: 90px;
    height: 90px;
    font-size: 0;
    min-width: 100px;
    padding-right: 3px;
}

.p-image-wrapper .flags-extra .flag {
    width: 115px;
    height: 125px;
}

.p-image-wrapper .flags-extra .flag .price-standard,
.p-image-wrapper .flags-extra .flag .price-save {
    font-size: 14px;
    font-weight: bolder;
    width: 80px;
    color: black;
}

.flags-extra .flag .price-standard,
.flags-extra .flag .price-save {
    font-size: 14px;
    font-weight: bolder;
    width: 80px;
    display: block;
    color: black;
}

/*
.btn-primary, .subcategories.with-image li a {
  transition: color 0.25s 0.0833333333s,border-color 0.25s 0.0833333333s;
  position: relative;
}
*/

.btn-primary::before,
.btn-primary::after,
.subcategories.with-image li a::before,
.subcategories.with-image li a::after {
    border: 0 solid transparent;
    box-sizing: border-box;
    content: "";
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
}

.btn-primary::before,
.subcategories.with-image li a::before {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.btn-primary::after,
.subcategories.with-image li a::after {
    border-top-width: 1px;
    border-right-width: 1px;
}

/*
.btn-primary:hover, .subcategories.with-image li a:hover {
  color: #3f83ff;
  transition-delay: 0.3s;
  border-color: #3f83ff;
}
.btn-primary:hover::before, .btn-primary:hover::after, .subcategories.with-image li a:hover::before, .subcategories.with-image li a:hover::after{
  border-color: #3f83ff;
  transition: border-color 0s, width 0.3s, height 0.3s;
  width: 100%;
  height: 100%;
}
.btn-primary:hover::before, .subcategories.with-image li a:hover::before {
  transition-delay: 0s, 0s, 0.3s;
}
.btn-primary:hover::after, .subcategories.with-image li a:hover::after {
  transition-delay: 0s, 0.3s, 0s;
}
*/

#categories a:hover {
    text-decoration: underline;
}

.products-header {
    margin-top: 0;
}

.menu-helper > ul {
    top: calc(50% + 29px);
    text-align: center;
}

#product-detail-form .advanced-parameter-inner.yes-before::before {
    background-color: white;
    border-color: black;
    color: #1aa600;
}

.subcategories.with-image li a .image {
    width: 0%;
    text-align: center;
}

.products-block > div .p .stars-placeholder {
    margin: 0;
    height: 0;
}

.stars-placeholder,
.p .stars-wrapper {
    height: 0;
    margin: 0;
}

.products-block > div .p .name {
    font-weight: bold;
}

.products-block > div .p .p-bottom {
    padding: 0;
}

.products-inline.products-top > div .p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 11px;
}

div.p-tools {
    padding: 10px 0 !important;
}

#product-detail-form .advanced-parameter-inner.yes-before {
    border-color: transparent;
}

.subcategories.with-image li {
    padding: 2px 2px;
}

.subcategories.with-image li a .text {
    max-width: 95%;
    flex-grow: 0;
    font-size: 15px;
}

.instagram-widget {
    min-width: 100%;
}

.subcategories li a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 7px;
    border-style: solid;
    border-width: 1px;
    border-color: #eab108;
    font-weight: 500;
    border-radius: 15px;
}

#product-detail-form .advanced-parameter .advanced-parameter-inner.yes-before:before {
    content: "";
    background-image: none;
    border-style: solid;
    border-width: 4px;
    line-height: calc(50px / 2);
    font-size: 16px;
    margin: 25px -10px;
    z-index: 2;
    border-color: #77A7FF;
    width: 16px;
    height: 16px;
}

/* scrolovaci filter */
.box.box-sm.box-filters {
    padding: 0px;
    max-height: 700px;
    overflow: auto;
}

/* carousel sipky zmena barvy */
.carousel-control.right::before,
.carousel-control.left::before {
    color: black;
}

/* ohraniceni produktu */
.products-block > div .p {
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
}

/* zneviditelneni doplnkovych parametru */
.description-inner .extended-description {
    display: none;
}

/* tlacitko kosiku text bily */
.btn.btn-conversion:hover,
a.btn.btn-conversion:hover,
.btn.btn-cart:hover,
a.btn.btn-cart:hover {
    color: #ffffff;
}

.advanced-parameter {
    vertical-align: middle;
    display: inline-block;
    width: 50px;
    height: 100px;
}

.navigation-in > ul > li > a::before {
    content: "";
    width: 50px;
    height: 50px;
}

.navigation-in > ul > li.menu-item-723 > a::before {
    background: url(/user/documents/upload/Upravy/kategorie/western-pro-kone.png) center center no-repeat;
    background-size: contain;
}

.navigation-in > ul > li.menu-item-726 > a::before {
    background: url(/user/documents/upload/Upravy/kategorie/western-pro-jezdce.png) center center no-repeat;
    background-size: contain;
}

.navigation-in > ul > li.menu-item-729 > a::before {
    background: url(/user/documents/upload/Upravy/kategorie/potreby-pro-kone.png) center center no-repeat;
    background-size: contain;
}

.navigation-in > ul > li.menu-item-732 > a::before {
    background: url(/user/documents/upload/Upravy/kategorie/horsemanship.png) center center no-repeat;
    background-size: contain;
}

.navigation-in > ul > li.menu-item-735 > a::before {
    background: url(/user/documents/upload/Upravy/kategorie/krmivo-a-vitaminy.png) center center no-repeat;
    background-size: contain;
}

.navigation-in > ul > li.menu-item-1673 > a::before {
    background: url(/user/documents/upload/Upravy/kategorie/vybaveni-staje.png) center center no-repeat;
    background-size: contain;
}

.variant-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    padding: 6px 9px;
    margin: 2px;
    border: 2px solid #e6e6e6;
    border-bottom: 5px solid #ddd;
    border-radius: 15px;
    background: #fff;
    cursor: pointer;
    color: #333;
    transition: all 0.3s ease;
}

#jsUnavailableCombinationMessage {
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 6px;
    padding: 12px 15px;
    margin: 15px 0;
    color: #856404;
    font-size: 14px;
}

.variant-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

.variant-btn.unavailable {
    opacity: 0.4;
    cursor: not-allowed;
}

.variant-btn.unavailable::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5%;
    right: 5%;
    height: 2px;
    background-color: #dc2626;
    transform: translateY(-50%) rotate(-15deg);
}

.variant-btn:hover {
    border-color: #333;
    background-color: #f8f8f8;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.variant-btn:focus {
    outline: 2px solid #4299e1;
    outline-offset: 2px;
}

.variant-btn.active {
    border-color: #000;
    background-color: #000;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}


.sold-out-wrapper {
    font-weight: 700;
    color: red;
}


@media (min-width: 480px) {
    table.shipping-options-layout tr.shipping-options-row {
        display: table-row;
    }
}

@media (max-width: 480px) {
    .discount-badge {
        font-size: 8px;
        padding: 1px 4px;
    }
}

@media (min-width: 768px) {
    #header .header-bottom {
        border-top-color: transparent;
    }

    #navigation,
    #header .header-bottom {
        background-color: transparent;
    }

    .product-slider-holder {
        padding: 0 0;
    }

    .navigation-in > ul > li.ext > ul > li > div > ul > li {
        padding-bottom: 1px;
    }

    .top-products li.display-image::before {
        left: -15px;
    }

    .box.box-bg-default.box-sm.box-topProducts {
        display: none;
    }

    .instagram-widget.columns-4 > a {
        width: 12%;
        padding-bottom: 15%;
    }

    .custom-footer__instagram.col-sm-6.col-lg-3 {
        width: 100%;
        border-top-style: outset;
    }

    .instagram-widget > a:hover img {
        transform: translate(0%, 0%) scale(1.2);
        transition: 1s;
    }

    .instagram-widget > a img {
        top: 0;
        transform: translateY(0%);
        height: 100%;
    }

    #content {
        padding-top: 20px;
        width: 65%;
    }

    .navigation-in > ul > li.menu-item-1291 > a::before {
        background: url(/user/documents/upload/Ikony/pesakocka.png) center center no-repeat;
        background-size: contain;
        width: 65px;
        height: 65px;
        image-rendering: -webkit-optimize-contrast;
    }

    .menu-helper {
        display: flex;
        height: -webkit-fill-available;
    }

    #header .site-name a img {
        max-height: 75px;
        margin: 10px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }

    /*
    .products-block>div .p .name {
        height: 70px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    */

    .product-slider {
        padding: 0;
        padding-bottom: 40px;
    }

    #navigation .menu-level-2 > li {
        padding-top: 5px;
    }

    #navigation {
        height: 58px;
    }

    #navigation .menu-level-2 {
        border-top-width: 1px;
        border-top-style: solid;
        padding-bottom: 0;
        align-items: flex-start;
        padding: 1% 3% 1% 0;
    }

    #categories .expandable > a > span::before,
    #categories .expandable > .topic > a > span::before {
        content: "\e910";
        -webkit-transition: transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        width: 12px;
        height: 12px;
        line-height: 12px;
        left: auto;
    }

    #categories .expandable.expanded > a > span::before,
    #categories .expandable.expanded > .topic > a > span::before {
        content: "\e910";
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(90deg);
    }

    .categories a {
        display: block;
        padding-top: 11px;
        padding-bottom: 5px;
        padding-right: 10px;
        border-bottom-style: none;
        border-bottom-width: 0;
        line-height: 1.2;
        text-decoration: none;
    }

    .categories .topic a {
        font-size: 115%;
    }

    .navigation-in > ul > li > a {
        display: flex;
        align-items: center;
        height: 58px;
        font-size: 17px;
    }

    #navigation .navigation-in > ul > li.ext > ul > li > div > ul {
        display: grid;
        max-height: fit-content;
    }

    #navigation .navigation-in > ul > li.ext > ul > li {
        display: flex;
        align-items: normal;
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 33.333333%;
        width: 33.333333%;
        min-height: 75px;
    }

    #navigation .navigation-in > ul > li.ext > ul > li > a {
        position: relative;
        width: 116px;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: auto;
        align-items: center;
        padding: 0 0 0 10px;
    }

    .navigation-in > ul > li.ext > ul > li > a img {
        display: block;
        max-width: 104px;
        height: auto;
        max-height: 75px;
        image-rendering: -webkit-optimize-contrast;
    }

    #categories .categories ul ul a {
        padding-left: 70px;
    }

    #categories .categories ul ul ul a {
        padding-left: 90px;
    }

    #product-detail-form .variant-label,
    #product-detail-form .surcharge-label {
        padding-bottom: 11px;
        font-size: 20px;
    }

    .submenu-arrow {
        display: none;
    }

    #header .header-top {
        padding: 5px 0;
    }

    /* oprava leveho rozbalovaciho menu */
    #categories .expandable > a > span,
    #categories .expandable > .topic > a > span {
        left: auto;
        margin-left: -25px;
    }

    /* 3 radkove nazvy produktu */
    /*
    .products-block > div .p .name {
        height: 70px;
        -webkit-line-clamp: 3;
    }
    */

    .products-block > div .p .p-bottom.single-button {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .content-wrapper.container {
        padding-top: 55px;
    }

    .banner {
        margin-bottom: 0;
    }

    .overall-wrapper {
        padding-top: 0;
    }

    /* MAIN DIV FIX MOBILE */
    .hlavni-div {
        margin-left: 0;
        margin-right: 0;
    }

    /* END MAIN DIV FIX MOBILE */

    /* INFO LISTA FIX MOBILE */
    .infoProuzek {
        font-size: 12px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /* END LISTA FIX MOBILE */

    .footer-banner.col-sm-12.col-lg-2 {
        width: 50%;
    }

    a.carousel-control {
        display: none;
    }

    /* zakaz 
    ul.menu-level-2>li>div>a>span::before {
        content: "";
        width: 50px;
        height: 50px;
        margin-right: 0px;
        padding-top: 5px;
    }

    ul.menu-level-2>li>div>a>span::before {
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        margin-left: -15px;
        margin-right: 10px;
    }

    ul.menu-level-2>li>div>a>span.submenu-arrow::before {
        display: none;
    }
    */

    /* zakaz 
    .navigation-in ul.menu-level-2 li a {
        padding-top: 0rem;
        padding-bottom: 0rem;
        font-size: 14px;
        padding-left: 35px;
    }

    ul.menu-level-2>li>div>a>span::before {
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        margin-left: -15px;
        margin-right: 10px;
    }
    ... dalsi zakazane bloky ponechany zakomentovane v puvodni verzi ...
    */

    p.preview,
    .p-short-description {
        display: none;
    }

    .products-block > div .p .p-bottom .p-desc {
        font-size: 14px;
    }

    .widget-parameter-wrapper .widget-parameter-value a,
    .widget-parameter-wrapper .widget-parameter-more a,
    .widget-parameter-wrapper .widget-parameter-value span,
    .widget-parameter-wrapper .widget-parameter-more {
        font-size: 12px;
    }

    .product-slider .product-slider-navigation.navigation-next::before,
    .product-slider .product-slider-navigation.navigation-prev::before {
        color: black;
        background: transparent;
    }

    .homepage-group-title {
        margin-top: 34px;
        margin-bottom: -18px;
    }

    /* posunuti fajfky u vybrane varianty */
    #product-detail-form .advanced-parameter .advanced-parameter-inner.yes-before:before {
        top: 15px;
        right: 15px;
    }

    /* zmenseni filtrovaciho okna pro mobilni zobrazeni */
    .filter-sections {
        background-color: #fff;
        max-height: 300px;
        overflow: auto;
    }

    .navigation-in > ul > li.ext > ul > li > a img {
        display: block;
        max-width: 104px;
        height: auto;
        max-height: 75px;
        image-rendering: -webkit-optimize-contrast;
    }

    .container.navigation-wrapper .site-name {
        flex: 0 1 auto;
        image-rendering: -webkit-optimize-contrast;
    }

    .navigation-in > ul > li.menu-item-1291 > a::before {
        background: url(/user/documents/upload/Ikony/pesakocka.png) center center no-repeat;
        background-size: contain;
    }
}

@media (max-width: 768px) {
    .discount-badge {
        font-size: 9px;
        padding: 2px 5px;
        top: -6px;
        right: -6px;
    }

    /* MAIN PAGE MOBILE */
    #content > div.row.banners-row > div.next-to-carousel-banners > div {
        width: 50%;
    }

    .next-to-carousel-banners .extended-banner-text {
        font-size: 14px;
    }

    .breadcrumbs {
        display: none;
    }

    .p-detail-inner-header-mobile .h1 {
        font-size: 25px;
    }

    .has-third-level {
        position: relative !important;
    }

    .has-third-level.exp .submenu-arrow::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .submenu-arrow {
        position: absolute;
        top: 0;
        transform: translate(0, 0);
        right: 0;
        font-size: 18px;
        padding: 0;
        width: 50px;
        height: 25px;
        line-height: 18px;
        display: block;
        text-align: center;
        padding-top: 5px;
    }

    .navigation-in > ul > li > a > b,
    .navigation-in > ul > li > a > span {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .navigation-in ul.menu-level-2 li a {
        padding-bottom: 7px;
        padding-top: 8px;
        font-size: 16px;
    }

    /* opraveno z puvodniho vnoreneho zapisu */
    .navigation-in .has-third-level.exp ul {
        margin-bottom: 5px;
        margin-top: 5px;
        display: block;
        margin-left: 30px;
    }

    .navigation-in .has-third-level.exp ul li {
        color: transparent !important;
        height: 25px;
    }

    .navigation-in .has-third-level.exp ul li a {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
        font-size: 14px;
        padding-left: 25px;
    }

    #navigation .navigation-in ul li > a > b {
        text-decoration: none;
    }

    ul.menu-level-2 {
        background-color: transparent;
    }

    .navigation-in > ul > li {
        border-color: #d5e01d;
        border-style: solid;
        border-radius: 15px;
        border-width: thin;
        margin: 5px;
        background-color: antiquewhite;
    }

    .navigation-in .navigationActions {
        border-style: solid;
        border-radius: 15px;
        border-width: 1px;
    }

    .navigation-in > ul > li:last-child {
        border-bottom-width: 1px;
    }

    .navigation-in > ul > li:first-child {
        border-top-style: solid;
    }

    /* KONEC MOBILNI ZOBRAZENI */
}

@media (min-width: 992px) {
    .benefitBanner__item {
        flex: 1 1 20%;
    }
}

@media (max-width: 1199px) {
    .footer-banner.col-sm-12.col-lg-3 {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .narrow .breadcrumb-in-detail {
        width: 100%;
        float: left;
        display: block;
    }
}

@media (min-width: 1440px) {
.container {
    width: 1500px;
}
}

@media (min-width: 2000px) {
    .products-block .p > a::before,
    .products-block .img > a::before {
        padding-top: 55% !important;
    }
}

@media (min-width: 321px) and (max-width: 767px) {
    .columns-mobile-2 .products-block .p .name {
        height: 58px;
        -webkit-line-clamp: 3;
        font-size: 14px;
    }
}