/* lalegold-mobile-category-list-compact-v818
   Mobile category list: preserve the product image while bringing price and cart CTA into view sooner. */
@media (max-width: 767px) {
  html.phone:is(.route-product-category, .route-product-manufacturer-info) .main-products.product-list .product-thumb .image,
  html.phone:is(.route-product-category, .route-product-manufacturer-info) .main-products.product-list .product-thumb .image > a,
  html.phone:is(.route-product-category, .route-product-manufacturer-info) .main-products.product-list .product-thumb .image > a > div,
  html.phone:is(.route-product-category, .route-product-manufacturer-info) .main-products.product-list .product-thumb .image img {
    height: 300px !important;
  }

  html.phone:is(.route-product-category, .route-product-manufacturer-info) .main-products.product-list .product-thumb .image img {
    object-fit: contain !important;
  }

  html.phone:is(.route-product-category, .route-product-manufacturer-info) .main-products.product-list .product-thumb .description {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden !important;
  }
}

/* lalegold-category-manufacturer-title-rhythm-v825
   Match the 12px shared title rhythm and bring title text 2px closer to the breadcrumb. */
html.desktop.desktop-header-active.route-product-category h1.title.page-title,
html.desktop.desktop-header-active.route-product-manufacturer-info h1.title.page-title {
  padding-top: 3px !important;
}

html.desktop.desktop-header-active.route-product-category #content {
  padding-top: 8px !important;
}

@media (max-width: 767px) {
  html.phone.mobile-header-active.route-product-category h1.title.page-title,
  html.phone.mobile-header-active.route-product-manufacturer-info h1.title.page-title {
    padding-top: 4px !important;
  }

  html.phone.mobile-header-active.route-product-category #content {
    padding-top: 8px !important;
  }
}


/* lalegold-tablet-card-action-alignment-v849: keep category and manufacturer CTAs aligned at iPad widths without adding excess blank space. */
@media (min-width: 768px) and (max-width: 1199px) {
  html:is(.route-product-category, .route-product-manufacturer-info) .main-products .product-thumb .caption {
    min-height: 188px !important;
  }

  html:is(.route-product-category, .route-product-manufacturer-info) .main-products .product-thumb .caption .buttons-wrapper {
    margin-top: auto !important;
  }
}

html.route-product-category:not(.popup) .products-filter,
html.route-product-manufacturer-info:not(.popup) .products-filter {
  min-height: 0 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}


html:not(.lalegold-dark-mode).route-product-category .main-products-wrapper .products-filter {
  background:#f7f7f7 !important;
  border:1px solid rgba(149,106,31,.20) !important;
  border-radius:4px;
  padding:6px;
}
html.lalegold-dark-mode.route-product-category .main-products-wrapper .products-filter {
  background:#10100f !important;
  border:1px solid rgba(234,187,122,.18) !important;
  border-radius:4px;
  padding:6px;
}
@media(max-width:767px) {
  html.route-product-category .main-products-wrapper .products-filter { margin-bottom:10px; }
}


/* 2026-09-21: Balance mobile category filter text and arrow insets. */
@media (max-width: 767px) {
  html:not(.lalegold-dark-mode).route-product-category .main-products-wrapper .products-filter .input-group-addon + .form-control {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}