/* KSS responsive catalogue/card repair, 2026-08-01 */
*, *::before, *::after { box-sizing: border-box; }

.product-layout,
.product-layout .product-thumb,
.product-layout .product-block-inner,
.product-layout .product-details,
.product-layout .caption {
  min-width: 0;
  max-width: 100%;
}
.product-layout .product-thumb {
  display: block !important;
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.product-layout .product-block-inner,
.product-layout .product-details,
.product-layout .caption { width: 100% !important; }
.product-layout .product-block-inner { float: none !important; }
.product-layout h4,
.product-layout h4 a,
.product-layout .product-cat,
.product-layout .price {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}
.product-layout .product_hover_block {
  width: 100% !important;
  max-width: 100% !important;
}
.product-layout .product_hover_block:first-of-type .cart_button,
.product-layout .product_hover_block .action,
.product-layout .product_hover_block .action .cart_button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}
.product-layout .product_hover_block .cart_button {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 44px;
  padding: 11px 14px !important;
  overflow: visible !important;
  text-indent: 0 !important;
  white-space: normal !important;
  line-height: 1.3 !important;
}

@media (max-width: 767px) {
  .cat_prod,
  #product-search #content > .row:not(:first-of-type) {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .product-layout {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    float: none !important;
  }
  .product-layout .product-thumb { height: auto !important; overflow: visible !important; }
  .product-layout .product-thumb .image {
    width: 100% !important;
    min-height: 210px !important;
    padding: 14px !important;
  }
  .product-layout .product-thumb .image img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 205px !important;
    object-fit: contain !important;
  }
  .product-layout .product-details { padding: 14px !important; }
  .product-layout .caption {
    display: flex !important;
    padding: 0 !important;
    flex-direction: column !important;
  }
  .product-layout h4 { height: auto !important; min-height: 0 !important; }
  .product-layout h4 a { display: block; font-size: 15px !important; line-height: 1.4 !important; }
  .product-layout .price { display: block !important; height: auto !important; min-height: 0 !important; }
  .product-layout .product_hover_block { display: block !important; height: auto !important; min-height: 44px; }
  .product-layout .product_hover_block .action { display: block !important; }
  .product-layout .compare-button,
  .product-layout .quickview-button { display: none !important; }
  .category_list,
  .category_list .subcategories_list,
  .category_list .category-item,
  .block-category,
  .category_thumb,
  .category_details { min-width: 0 !important; max-width: 100% !important; }
  .category_list .category-item a,
  .category_details,
  .category_details * { overflow-wrap: anywhere; white-space: normal !important; }
}

/* Phone browser with “Desktop site” enabled and small tablets */
@media (min-width: 768px) and (max-width: 1024px) {
  .cat_prod,
  #product-search #content > .row:not(:first-of-type) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  .product-layout { width: auto !important; padding: 0 !important; }
  .product-layout .product-details { padding: 16px !important; }
  .product-layout h4 { height: auto !important; min-height: 44px !important; }
  .product-layout .product_hover_block .cart_button {
  display: block !important;
  width: 100% !important;
    display: block !important;
    width: 100% !important;
  }
  .product-layout .product_hover_block .action { display: block !important; width: 100% !important; }
}