.homepage-texts-wrapper .top-products-wrapper {
  display: none;
}

.products-block .quantity {
  padding-left: 0;
  padding-right: 0;
}

#colorbox {
  z-index: 10001;
}

.ec-v-form-step .ec-v-form-column:has(img) {
  display: flex !important;
  width: 100% !important;
}

.ec-v-form-column:has(img) img {
  height: 100%;
  object-fit: cover;
}

.ec-v-form-text em {
  font-style: italic;
}

/*Clanky*/
.blog-wrapper .news-item .text {
  width: 100%;
  overflow: hidden;
}

.blog-wrapper .news-item .text .description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-wrapper .news-item .text .description {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
  .blog-wrapper .news-item .text .description {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 60px;
  }
}

#footer {
  background-color: #f5f1ec;
  border-top: 1px solid #e2d8cd;
}

.footer-link a {
  cursor: default;
}

.footer-link a:hover {
  text-decoration: none !important;
}

@media screen and (max-width: 768px) {
  #footer .custom-footer__banner15 {
    padding-bottom: 55px !important;
  }

  #footer .custom-footer__banner15 img {
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    display: block !important;
    margin: 8px auto 12px auto !important;
    object-fit: contain !important;
  }
}

/* ===== Kategorické dlaždice ===== */
#content .footer-banners.banners-row {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 16px !important;
  margin: 40px auto 0 !important;
  align-items: stretch !important
}

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

#content .footer-banners.banners-row .footer-banner:not(:has(a)) {
  display: none !important
}

#content .footer-banners.banners-row .footer-banner {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  flex: none !important;
  display: block !important;
  grid-column: span 1 !important;
  aspect-ratio: 1/1 !important
}

/* široké: Podbřišníky + Sedla */
#content .footer-banners.banners-row .footer-banner:has(a[href*="/podbrisniky/"]),
#content .footer-banners.banners-row .footer-banner:has(a[href*="/westernova-sedla-spurny/"]) {
  grid-column: span 2 !important;
  aspect-ratio: auto !important
}

/* <a> */
#content .footer-banners.banners-row .footer-banner a,
#content .footer-banners.banners-row .footer-banner a:hover,
#content .footer-banners.banners-row .footer-banner a:focus {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  text-decoration: none !important
}

/* obrázek + zoom */
#content .footer-banners.banners-row .footer-banner a img,
#content .footer-banners.banners-row .footer-banner img {
  mix-blend-mode: normal !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .4s ease !important
}

#content .footer-banners.banners-row .footer-banner a:hover img {
  transform: scale(1.06) !important
}

/* gradient */
#content .footer-banners.banners-row .footer-banner a::before,
#content .footer-banners.banners-row .footer-banner a:hover::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 55% !important;
  background: linear-gradient(to top, rgba(0, 0, 0, .85), rgba(0, 0, 0, .35) 50%, transparent) !important;
  font-size: 0 !important;
  transform: none !important;
  z-index: 1 !important;
  pointer-events: none !important;
  display: block !important
}

/* zruš ::after šablony */
#content .footer-banners.banners-row .footer-banner a::after,
#content .footer-banners.banners-row .footer-banner a:hover::after {
  content: none !important;
  display: none !important
}

/* text dole */
#content .footer-banners.banners-row .footer-banner a .extended-banner-texts {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 8px !important;
  z-index: 2 !important;
  width: 100% !important;
  padding: 0 24px 18px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .45) !important
}

#content .footer-banners.banners-row .footer-banner a .extended-banner-texts * {
  color: #fff !important;
  text-decoration: none !important
}

/* vnitřní nadpis na jeden řádek */
#content .footer-banners.banners-row .footer-banner a .extended-banner-title {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.1 !important;
  display: block !important
}

/* šipka › */
#content .footer-banners.banners-row .footer-banner a .extended-banner-texts::after {
  content: "" !important;
  flex: 0 0 auto !important;
  width: 9px !important;
  height: 9px !important;
  border-top: 2px solid #fff !important;
  border-right: 2px solid #fff !important;
  transform: rotate(45deg) !important;
  display: block !important
}

/* responzivita */
@media(max-width:991px) {
  #content .footer-banners.banners-row {
    grid-template-columns: repeat(4, 1fr) !important
  }
}

@media(max-width:575px) {
  #content .footer-banners.banners-row {
    grid-template-columns: repeat(2, 1fr) !important
  }

  #content .footer-banners.banners-row .footer-banner:has(a[href*="/podbrisniky/"]),
  #content .footer-banners.banners-row .footer-banner:has(a[href*="/westernova-sedla-spurny/"]) {
    grid-column: span 1 !important;
    aspect-ratio: 1/1 !important
  }
}

.btn.btn-conversion {
  border-radius: 8px !important
}

.btn.btn-default {
  border-radius: 8px !important
}

.btn.btn-primary {
  border-radius: 8px !important
}

.btn.btn-cart {
  border-radius: 8px !important
}

.p-tools .quantity {
  border-radius: 8px;
  overflow: hidden
}

.cart-table .quantity {
  border-radius: 8px;
  overflow: hidden
}

#product-detail-form .add-to-cart {
  display: flex;
  gap: 12px;
  align-items: stretch
}

#product-detail-form .add-to-cart .quantity {
  flex: 0 0 auto;
  border-radius: 8px;
  overflow: hidden
}

#product-detail-form .add-to-cart .add-to-cart-button {
  flex: 1 1 auto;
  border-radius: 8px
}

.btn.btn-tertialy {
  border-radius: 8px !important
}

/* VŠECHNY ČLÁNKY (homepage) */
.btn.btn-default {
  border-radius: 8px !important
}

/* ARCHIV (patička) */

/* Obrázky — homepage výpis článků */
.homepage-blog-wrapper .image img {
  border-radius: 8px !important
}

.homepage-blog-wrapper .image {
  border-radius: 8px;
  overflow: hidden;
  display: block
}

/* Obrázky — blog výpis článků */
#newsWrapper .news-image {
  border-radius: 8px !important
}

#newsWrapper .news-item-link-img {
  border-radius: 8px;
  overflow: hidden;
  display: block
}

/* Tlačítko NAHORU */
.btn.btn-secondary {
  border-radius: 8px !important
}

/* Stránkování — čísla a šipky */
.pagination__list a,
.pagination__list span {
  border-radius: 8px !important
}