.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.category-navigation-container {
  --am-catnav-navy: #252938;
  --am-catnav-red: #e03a3e;
  --am-catnav-red-dark: #c91f32;
  --am-catnav-white: #ffffff;
  --am-catnav-soft: #f7f8fa;
  --am-catnav-soft-2: #fbfbfc;
  --am-catnav-text: #1f2430;
  --am-catnav-muted: #5f6876;
  --am-catnav-border: rgba(31, 36, 48, 0.14);
  --am-catnav-border-soft: rgba(31, 36, 48, 0.09);
  --am-catnav-shadow: 0 12px 30px rgba(31, 36, 48, 0.06);

  background: var(--am-catnav-white) !important;
  border: 1px solid var(--am-catnav-border) !important;
  box-shadow: var(--am-catnav-shadow);
  color: var(--am-catnav-text);
  font-family: inherit;
  overflow: hidden !important;
  width: 100%;
}

/* Header */
.category-navigation-container::before {
  align-items: center;
  background: linear-gradient(135deg, var(--am-catnav-navy) 0%, #303545 100%);
  color: var(--am-catnav-white);
  content: "CATEGORIES";
  display: flex;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.15;
  min-height: 64px;
  padding: 18px !important;
  text-transform: uppercase;
}

.category-navigation-container::after {
  background: var(--am-catnav-red);
  content: "";
  display: block;
  height: 4px;
  margin-left: 18px;
  margin-top: -4px;
  position: relative;
  width: 46px;
  z-index: 2;
}

/* Kill widget scroll/spacing weirdness */
.category-navigation-container,
.category-navigation-container * {
  box-sizing: border-box;
}

.category-navigation-container .category-navigation,
.category-navigation-container .category-navigation.top-level,
.category-navigation-container ul.category-navigation {
  background: var(--am-catnav-white) !important;
  list-style: none !important;
  margin: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Hide hidden categories unless Show More opens them */
.category-navigation-container .category.hiddenCategories.hide,
.category-navigation-container .category.hide {
  display: none !important;
}

/* Category item shell */
.category-navigation-container .category {
  background: var(--am-catnav-white) !important;
  border-bottom: 1px solid var(--am-catnav-border-soft) !important;
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.category-navigation-container .category:last-child {
  border-bottom: 0 !important;
}

/* Link row */
.category-navigation-container .category-link,
.category-navigation-container .nav-link-primary,
.category-navigation-container .category-height {
  align-items: center !important;
  background: var(--am-catnav-white) !important;
  color: var(--am-catnav-text) !important;
  display: flex !important;
  height: auto !important;
  justify-content: space-between !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  min-height: 56px !important;
  padding: 15px 18px !important;
  position: relative;
  text-decoration: none !important;
  width: 100% !important;
}

.category-navigation-container .category-link:hover,
.category-navigation-container .category-link:focus,
.category-navigation-container .nav-link-primary:hover,
.category-navigation-container .nav-link-primary:focus {
  background: var(--am-catnav-soft-2) !important;
  color: var(--am-catnav-red) !important;
  outline: none !important;
  text-decoration: none !important;
}

/* Row contents */
.category-navigation-container .category-row,
.category-navigation-container .category-row.top-category {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.category-navigation-container .category-name {
  color: inherit !important;
  display: block !important;
  flex: 1 1 auto !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em;
  line-height: 1.25 !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Count badge */
.category-navigation-container .item-count {
  align-items: center !important;
  background: rgba(224, 58, 62, 0.1) !important;
  color: var(--am-catnav-red) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: 22px !important;
  min-width: 28px !important;
  padding: 5px 7px !important;
  white-space: nowrap !important;
}

/* Current/active state, if the widget applies one */
.category-navigation-container .category-link.active,
.category-navigation-container .category-link.selected,
.category-navigation-container .category-link.current,
.category-navigation-container .category-link.is-active,
.category-navigation-container .category-link[aria-current="page"] {
  background: linear-gradient(135deg, var(--am-catnav-navy) 0%, #303545 100%) !important;
  color: var(--am-catnav-white) !important;
  cursor: default;
}

.category-navigation-container .category-link.active .item-count,
.category-navigation-container .category-link.selected .item-count,
.category-navigation-container .category-link.current .item-count,
.category-navigation-container .category-link.is-active .item-count,
.category-navigation-container .category-link[aria-current="page"] .item-count {
  background: rgba(255, 255, 255, 0.14) !important;
  color: var(--am-catnav-white) !important;
}

/* Clear All link, if widget injects it */
.category-navigation-container .clearAll,
.category-navigation-container .clear-all,
.category-navigation-container a[href*="clear"] {
  color: var(--am-catnav-red) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.category-navigation-container .clearAll:hover,
.category-navigation-container .clearAll:focus,
.category-navigation-container .clear-all:hover,
.category-navigation-container .clear-all:focus {
  color: var(--am-catnav-red-dark) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Show More / Show Less */
.category-navigation-container .showMore,
.category-navigation-container .showLess {
  align-items: center !important;
  background: var(--am-catnav-white) !important;
  border-top: 1px solid var(--am-catnav-border-soft) !important;
  color: var(--am-catnav-red) !important;
  cursor: pointer;
  display: flex !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  justify-content: center !important;
  letter-spacing: 0.08em;
  line-height: 1.2;
  margin: 0 !important;
  min-height: 44px !important;
  padding: 13px 18px !important;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  width: 100% !important;
}

.category-navigation-container .showMore:hover,
.category-navigation-container .showMore:focus,
.category-navigation-container .showLess:hover,
.category-navigation-container .showLess:focus {
  background: var(--am-catnav-red) !important;
  color: var(--am-catnav-white) !important;
  outline: none !important;
  text-decoration: none !important;
}

.category-navigation-container .showMore.hide,
.category-navigation-container .showLess.hide {
  display: none !important;
}

/* Mobile */
@media (max-width: 860px) {
  .category-navigation-container::before {
    min-height: 58px;
    padding: 16px !important;
  }

  .category-navigation-container::after {
    margin-left: 16px;
  }

  .category-navigation-container .category-link,
  .category-navigation-container .nav-link-primary,
  .category-navigation-container .category-height {
    min-height: 54px !important;
    padding: 14px 16px !important;
  }
}
/* Tighter category navigation rows */
.category-navigation-container .category-link,
.category-navigation-container .nav-link-primary,
.category-navigation-container .category-height {
  min-height: 44px !important;
  padding: 10px 18px !important;
}

.category-navigation-container .category-row,
.category-navigation-container .category-row.top-category {
  gap: 8px !important;
}

.category-navigation-container .category-name {
  font-size: 13.5px !important;
  line-height: 1.2 !important;
}

.category-navigation-container .item-count {
  font-size: 10.5px !important;
  min-height: 20px !important;
  min-width: 26px !important;
  padding: 4px 6px !important;
}

/* Slightly tighter Show More / Show Less */
.category-navigation-container .showMore,
.category-navigation-container .showLess {
  min-height: 40px !important;
  padding: 11px 18px !important;
}

/* Mobile/tight view */
@media (max-width: 860px) {
  .category-navigation-container .category-link,
  .category-navigation-container .nav-link-primary,
  .category-navigation-container .category-height {
    min-height: 42px !important;
    padding: 9px 16px !important;
  }
}
/* Clean up Category Navigation spacing + hide counts */

/* Hide category item counts */
.category-navigation-container .item-count {
  display: none !important;
}

/* Give category names the full row width now that counts are hidden */
.category-navigation-container .category-name {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

/* Tighten category rows a little more */
.category-navigation-container .category-link,
.category-navigation-container .nav-link-primary,
.category-navigation-container .category-height {
  min-height: 40px !important;
  padding: 9px 18px !important;
}

/* Fix Clear All spacing */
.category-navigation-container .clearAll,
.category-navigation-container .clear-all,
.category-navigation-container a[href*="clear"],
.category-navigation-container > a:not(.showMore):not(.showLess) {
  align-items: center !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(31, 36, 48, 0.09) !important;
  color: #e03a3e !important;
  display: flex !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  justify-content: flex-end !important;
  letter-spacing: 0.08em;
  line-height: 1.2 !important;
  min-height: 30px !important;
  padding: 7px 18px !important;
  text-align: right !important;
  text-decoration: none !important;
  text-transform: uppercase;
  width: 100% !important;
}

.category-navigation-container .clearAll:hover,
.category-navigation-container .clearAll:focus,
.category-navigation-container .clear-all:hover,
.category-navigation-container .clear-all:focus,
.category-navigation-container a[href*="clear"]:hover,
.category-navigation-container a[href*="clear"]:focus,
.category-navigation-container > a:not(.showMore):not(.showLess):hover,
.category-navigation-container > a:not(.showMore):not(.showLess):focus {
  color: #c91f32 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Make Show More a little less bulky */
.category-navigation-container .showMore,
.category-navigation-container .showLess {
  min-height: 38px !important;
  padding: 10px 18px !important;
}.product-list-container {
  --am-pl-navy: #252938;
  --am-pl-red: #e03a3e;
  --am-pl-red-dark: #c91f32;
  --am-pl-white: #ffffff;
  --am-pl-soft: #f7f8fa;
  --am-pl-soft-2: #fbfbfc;
  --am-pl-text: #1f2430;
  --am-pl-muted: #5f6876;
  --am-pl-border: rgba(31, 36, 48, 0.14);
  --am-pl-border-soft: rgba(31, 36, 48, 0.09);
  --am-pl-shadow: 0 14px 34px rgba(31, 36, 48, 0.065);

  color: var(--am-pl-text);
  font-family: inherit;
  width: 100%;
}

/* Main widget shell */
.product-list-container.regular {
  background: #ffffff;
}

/* Header */
.product-list-container .product-list-header-container {
  background: #ffffff;
  border: 0;
  margin: 0 0 22px;
  padding: 0;
}

.product-list-container .product-list-header {
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
}

.product-list-container .category-image-desc-container {
  margin: 0;
  padding: 0;
}

.product-list-container .category-name h1 {
  color: var(--am-pl-text);
  font-size: clamp(26px, 2.4vw, 34px);
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 1.08;
  margin: 0;
}

/* Header controls */
.product-list-container .header-content {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.product-list-container .category-item-count {
  flex: 0 0 auto;
}

.product-list-container .total-products {
  color: var(--am-pl-text);
  font-size: 15px;
  font-weight: 850;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin: 0;
}

.product-list-container .view-sort-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: flex-end;
}

.product-list-container .sort-by,
.product-list-container .view {
  min-width: 0;
}

.product-list-container .field {
  margin: 0;
}

.product-list-container .input-label {
  color: var(--am-pl-text);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
  margin: 0 8px 0 0;
}

/* Dropdowns */
.product-list-container .droppy.inline {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0;
}

.product-list-container .inline-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.product-list-container .droppy-input {
  background: var(--am-pl-white);
  border: 1px solid var(--am-pl-border) !important;
  color: var(--am-pl-text);
  font-size: 14px;
  font-weight: 650;
  height: 40px;
  min-width: 170px;
  padding: 8px 38px 8px 12px !important;
  width: 100%;
}

.product-list-container .view-number .droppy-input {
  min-width: 130px;
}

.product-list-container .droppy-input:focus {
  border-color: rgba(224, 58, 62, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(224, 58, 62, 0.1);
  outline: none;
}

.product-list-container .droppy-toggle {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  color: var(--am-pl-muted);
  display: inline-flex;
  height: 40px;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  right: 8px;
  top: 0;
  width: 28px;
}

.product-list-container .droppy-toggle svg {
  fill: currentColor;
  height: 14px;
  width: 14px;
}

.product-list-container .droppy-list {
  background: #ffffff;
  border: 1px solid var(--am-pl-border);
  box-shadow: var(--am-pl-shadow);
  margin-top: 4px;
  min-width: 100%;
  padding: 6px 0;
  z-index: 20;
}

.product-list-container .droppy-option {
  color: var(--am-pl-text);
  cursor: pointer;
  font-size: 14px;
  font-weight: 650;
  padding: 8px 12px;
}

.product-list-container .droppy-option:hover,
.product-list-container .droppy-option.active-opt {
  background: rgba(224, 58, 62, 0.08);
  color: var(--am-pl-red);
}

/* View mode button */
.product-list-container .viewmode {
  align-items: center;
  display: flex;
}

.product-list-container .viewmode .btn-icon {
  align-items: center;
  background: #ffffff !important;
  border: 1px solid var(--am-pl-border) !important;
  color: var(--am-pl-muted);
  display: inline-flex;
  height: 40px;
  justify-content: center;
  min-width: 40px;
  padding: 0 !important;
  width: 40px;
}

.product-list-container .viewmode .btn-icon:hover,
.product-list-container .viewmode .btn-icon:focus {
  border-color: rgba(224, 58, 62, 0.48) !important;
  color: var(--am-pl-red);
  outline: none;
}

.product-list-container .viewmode .btn-icon svg {
  fill: currentColor;
  height: 22px;
  width: 22px;
}

.product-list-container .viewmode .btn-icon span {
  display: none;
}

/* Product grid */
.product-list-container .list-container {
  margin: 0;
  padding: 0;
}

.product-list-container .products.grid {
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 !important;
  padding: 0 !important;
}

/* Product card shell */
.product-list-container .product-card {
  min-width: 0;
}

.product-list-container .product.card {
  background: #ffffff;
  border: 1px solid var(--am-pl-border) !important;
  box-shadow: 0 10px 24px rgba(31, 36, 48, 0.045);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.product-list-container .product.card:hover,
.product-list-container .product.card:focus-within {
  border-color: rgba(224, 58, 62, 0.38) !important;
  box-shadow: 0 18px 42px rgba(31, 36, 48, 0.105);
  transform: translateY(-2px);
}

.product-list-container .product.card::before {
  background: var(--am-pl-red);
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 46px;
  z-index: 5;
}

/* Image area */
.product-list-container .image-container {
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  border-bottom: 1px solid var(--am-pl-border-soft);
  min-height: 230px;
  padding: 18px 18px 10px;
  position: relative;
}

.product-list-container .img-container {
  align-items: center;
  display: flex;
  height: 190px;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.product-list-container .image-anchor {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-decoration: none;
  width: 100%;
}

.product-list-container .image {
  display: block;
  max-height: 190px;
  max-width: 100%;
  object-fit: contain;
  transition: transform 180ms ease;
}

.product-list-container .product.card:hover .image {
  transform: scale(1.025);
}

/* Swatches */
.product-list-container .swatches-region {
  margin-top: 8px;
  min-height: 20px;
}

/* Favorite button */
.product-list-container .favorite-container:not(.no-image-list) {
  position: absolute;
  right: 14px;
  top: 196px;
  z-index: 6;
}

.product-list-container .favorite-container.no-image-list {
  display: none;
}

.product-list-container .favorite-background {
  align-items: center;
  background: #ffffff !important;
  border: 1px solid var(--am-pl-border) !important;
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(31, 36, 48, 0.1);
  color: var(--am-pl-red);
  display: inline-flex;
  height: 36px;
  justify-content: center;
  padding: 0 !important;
  width: 36px;
}

.product-list-container .favorite-background:hover,
.product-list-container .favorite-background:focus,
.product-list-container .favorite-background.is-favorite {
  background: rgba(224, 58, 62, 0.08) !important;
  border-color: rgba(224, 58, 62, 0.48) !important;
  color: var(--am-pl-red);
  outline: none;
}

.product-list-container .favorite-background svg {
  fill: currentColor;
  height: 21px;
  width: 21px;
}

/* Product information */
.product-list-container .information {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
  padding: 18px 18px 12px;
}

.product-list-container .information h7 {
  display: block;
  margin: 0;
}

.product-list-container .product-name {
  color: var(--am-pl-text) !important;
  display: block;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -0.015em;
  line-height: 1.32;
  min-height: 42px;
  text-decoration: none !important;
  text-transform: uppercase;
}

.product-list-container .product-name:hover,
.product-list-container .product-name:focus {
  color: var(--am-pl-red) !important;
  text-decoration: underline !important;
  text-underline-offset: 4px;
}

/* Attributes */
.product-list-container .attr {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.product-list-container .attr li {
  color: var(--am-pl-muted);
  font-size: 13px;
  line-height: 1.35;
  margin: 0;
  padding: 0;
}

.product-list-container .attr .desc {
  color: var(--am-pl-muted);
  font-weight: 650;
}

.product-list-container .attr .value {
  color: var(--am-pl-text);
  font-weight: 750;
}

/* Price */
.product-list-container .price-region {
  margin-top: auto;
}

.product-list-container .price-view,
.product-list-container .price {
  color: var(--am-pl-text);
}

.product-list-container .price-small {
  color: var(--am-pl-text);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
}

.product-list-container .price-small.unit {
  color: var(--am-pl-text);
  font-size: 13px;
  font-weight: 800;
}

.product-list-container .special-price {
  color: var(--am-pl-muted);
  display: block;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.25;
  margin-top: 3px;
}

/* Card bottom / cart controls */
.product-list-container .card-bottom {
  border-top: 1px solid var(--am-pl-border-soft);
  display: grid;
  gap: 12px;
  padding: 14px 18px 18px;
}

.product-list-container .controls {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: 64px minmax(0, 1fr);
  width: 100%;
}

.product-list-container .quantity {
  width: 100%;
}

.product-list-container .quantity .input-text {
  background: #ffffff;
  border: 1px solid var(--am-pl-border) !important;
  color: var(--am-pl-text);
  font-size: 14px;
  font-weight: 850;
  height: 42px;
  padding: 8px !important;
  text-align: center;
  width: 100%;
}

.product-list-container .quantity .input-text:focus {
  border-color: rgba(224, 58, 62, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(224, 58, 62, 0.1);
  outline: none;
}

.product-list-container .btn-wrapper.add-to-cart,
.product-list-container .ecom-button.btn-wrapper {
  width: 100%;
}

.product-list-container .btn.btn-primary.buy {
  align-items: center;
  background: var(--am-pl-red) !important;
  border: 1px solid var(--am-pl-red) !important;
  color: #ffffff !important;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.08em;
  min-height: 42px;
  padding: 10px 12px !important;
  text-transform: uppercase;
  width: 100%;
}

.product-list-container .btn.btn-primary.buy:hover,
.product-list-container .btn.btn-primary.buy:focus {
  background: var(--am-pl-red-dark) !important;
  border-color: var(--am-pl-red-dark) !important;
  color: #ffffff !important;
  outline: none;
}

/* Compare */
.product-list-container .compare {
  border-top: 1px solid var(--am-pl-border-soft);
  padding-top: 10px;
}

.product-list-container .compare .field {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0;
}

.product-list-container .compare-checkbox {
  accent-color: var(--am-pl-red);
  cursor: pointer;
  height: 16px;
  margin: 0 !important;
  width: 16px;
}

.product-list-container .compare-label {
  color: var(--am-pl-muted);
  cursor: pointer;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
  margin: 0 !important;
}

/* Added to cart indicator */
.product-list-container .in-cart-indicator {
  align-items: center;
  background: rgba(37, 41, 56, 0.95);
  color: #ffffff;
  display: flex;
  font-size: 12px;
  font-weight: 850;
  gap: 6px;
  left: 12px;
  padding: 8px 10px;
  position: absolute;
  top: 12px;
  z-index: 10;
}

.product-list-container .in-cart-indicator.hidden {
  display: none !important;
}

/* Loading cleanup */
.product-list-container .loading-indicator {
  color: var(--am-pl-red);
}

/* Hide empty regions cleanly */
.product-list-container .conversion-factor:empty,
.product-list-container .remaining-quantity-region:empty,
.product-list-container .keyAttributes-card-region:empty,
.product-list-container .component-icons-region:empty,
.product-list-container .keyAttributes-line-region:empty,
.product-list-container .stock-or-atp-region:empty {
  display: none;
}

/* Responsive */
@media (max-width: 1180px) {
  .product-list-container .products.grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .product-list-container .header-content {
    align-items: flex-start;
    flex-direction: column;
  }

  .product-list-container .view-sort-wrapper {
    justify-content: flex-start;
    width: 100%;
  }

  .product-list-container .droppy-input {
    min-width: 140px;
  }
}

@media (max-width: 620px) {
  .product-list-container .products.grid {
    grid-template-columns: 1fr;
  }

  .product-list-container .image-container {
    min-height: 210px;
  }

  .product-list-container .img-container {
    height: 170px;
  }

  .product-list-container .image {
    max-height: 170px;
  }

  .product-list-container .favorite-container:not(.no-image-list) {
    top: 176px;
  }
}

@media (max-width: 420px) {
  .product-list-container .view-sort-wrapper {
    display: grid;
    grid-template-columns: 1fr;
  }

  .product-list-container .droppy.inline {
    align-items: flex-start;
    flex-direction: column;
  }

  .product-list-container .inline-wrapper,
  .product-list-container .droppy-input {
    width: 100%;
  }

  .product-list-container .controls {
    grid-template-columns: 58px minmax(0, 1fr);
  }
}.filters { --am-filter-navy: #252938; --am-filter-red: #e03a3e; --am-filter-red-dark: #c91f32; --am-filter-white: #ffffff; --am-filter-soft: #f7f8fa; --am-filter-soft-2: #fbfbfc; --am-filter-text: #1f2430; --am-filter-muted: #5f6876; --am-filter-border: rgba(31, 36, 48, 0.14); --am-filter-border-soft: rgba(31, 36, 48, 0.09); --am-filter-shadow: 0 12px 30px rgba(31, 36, 48, 0.06); color: var(--am-filter-text); font-family: inherit; width: 100%; } /* Main filter box */ .filters .filter-box, .filters .content-box.filter-box { background: var(--am-filter-white) !important; border: 1px solid var(--am-filter-border) !important; box-shadow: var(--am-filter-shadow); overflow: hidden; width: 100%; } /* Main FILTER header */ .filters .filter-box > .collapsible-wrapper > header { align-items: center; background: linear-gradient(135deg, var(--am-filter-navy) 0%, #303545 100%) !important; border: 0 !important; color: var(--am-filter-white); display: flex; justify-content: space-between; min-height: 64px; padding: 18px !important; position: relative; } .filters .filter-box > .collapsible-wrapper > header::before { background: var(--am-filter-red); bottom: 0; content: ""; height: 4px; left: 18px; position: absolute; width: 46px; } .filters .filter-controls { align-items: center; display: flex; gap: 10px; justify-content: space-between; width: 100%; } .filters .filter-controls .name, .filters h3.name { color: var(--am-filter-white) !important; font-size: 17px !important; font-weight: 900 !important; letter-spacing: 0.08em; line-height: 1.15; margin: 0 !important; text-transform: uppercase; } /* Buttons */ .filters .btn-link, .filters .clear-button, .filters .facet-clear { background: transparent !important; border: 0 !important; color: var(--am-filter-red) !important; font-size: 11px !important; font-weight: 850 !important; letter-spacing: 0.08em; padding: 0 !important; text-decoration: none !important; text-transform: uppercase; } .filters .clear-button:hover, .filters .clear-button:focus, .filters .facet-clear:hover, .filters .facet-clear:focus { color: var(--am-filter-red-dark) !important; text-decoration: underline !important; text-underline-offset: 3px; } .filters .update-button { background: var(--am-filter-red) !important; border: 1px solid var(--am-filter-red) !important; color: var(--am-filter-white) !important; font-size: 12px !important; font-weight: 850 !important; letter-spacing: 0.08em; min-height: 38px; padding: 9px 14px !important; text-transform: uppercase; } .filters .update-button:hover, .filters .update-button:focus { background: var(--am-filter-red-dark) !important; border-color: var(--am-filter-red-dark) !important; } /* Body reset */ .filters .form-group, .filters .facet-container, .filters .available-facets, .filters .filters-list { margin: 0 !important; padding: 0 !important; } .filters .available-facets, .filters .filters-list { list-style: none !important; } /* Facet wrapper */ .filters .available-facets > li.collapsible-wrapper, .filters .filters-list > li.collapsible-wrapper { border-bottom: 1px solid var(--am-filter-border-soft); margin: 0 !important; padding: 0 !important; } .filters .available-facets > li.collapsible-wrapper:last-child, .filters .filters-list > li.collapsible-wrapper:last-child { border-bottom: 0; } /* Facet heading row */ .filters .collapse-trigger { align-items: center; background: var(--am-filter-white); display: grid; gap: 10px; grid-template-columns: 28px minmax(0, 1fr); min-height: 56px; padding: 15px 18px !important; transition: background 160ms ease; width: 100%; } .filters .collapse-trigger:hover { background: var(--am-filter-soft-2); } .filters .collapse-trigger ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .filters .collapse-trigger .facet-group { align-items: center; display: flex; justify-content: space-between; margin: 0 !important; padding: 0 !important; } .filters .facet-name { color: var(--am-filter-text); display: block; font-size: 14px; font-weight: 900; letter-spacing: -0.01em; line-height: 1.2; text-transform: none; } /* Expand/collapse button */ .filters .content-toggler { align-items: center; background: transparent !important; border: 0 !important; color: var(--am-filter-muted); display: inline-flex; height: 28px; justify-content: center; margin: 0 !important; padding: 0 !important; width: 28px; } .filters .content-toggler:hover, .filters .content-toggler:focus { color: var(--am-filter-red); outline: none; } .filters .content-toggler .icon, .filters .icon.expand-collapse { fill: currentColor; height: 16px; width: 16px; } /* Facet content */ .filters .collapsible-content { background: #ffffff; padding: 0 18px 18px !important; } .filters .collapsible-content.expanded { display: block; } /* Search inside facet */ .filters .search-facet { margin: 0 0 14px !important; position: relative; width: 100%; } .filters .search-facet input[type="search"], .filters .input-search.search-inline { background: var(--am-filter-soft); border: 1px solid var(--am-filter-border) !important; color: var(--am-filter-text); font-size: 13px; font-weight: 650; min-height: 38px; padding: 8px 36px 8px 11px !important; width: 100%; } .filters .search-facet input[type="search"]::placeholder, .filters .input-search.search-inline::placeholder { color: rgba(95, 104, 118, 0.78); } .filters .search-facet input[type="search"]:focus, .filters .input-search.search-inline:focus { background: #ffffff; border-color: rgba(224, 58, 62, 0.55) !important; box-shadow: 0 0 0 3px rgba(224, 58, 62, 0.1); outline: none; } .filters .search-facet .icon.search, .filters .icon.search { color: var(--am-filter-muted); fill: currentColor; height: 16px; pointer-events: none; position: absolute; right: 11px; top: 50%; transform: translateY(-50%); width: 16px; } .filters .empty-filter-result { color: var(--am-filter-muted); font-size: 13px; font-weight: 650; padding: 8px 0 0; } /* Fieldset/list cleanup */ .filters fieldset, .filters .filter-list, .filters .facet-details { border: 0 !important; margin: 0 !important; min-width: 0; padding: 0 !important; } .filters .facet-options { display: grid; gap: 4px; } /* Individual filter option */ .filters .field.filter-category { align-items: center; display: flex !important; gap: 9px; margin: 0 !important; min-height: 30px; padding: 5px 0 !important; width: 100%; } /* Stop Rhythm/browser pseudo checkbox conflicts */ .filters .field.filter-category label::before, .filters .field.filter-category label::after, .filters .field.filter-category .custom-control-label::before, .filters .field.filter-category .custom-control-label::after { content: none !important; display: none !important; } /* Checkbox, use native box so it does not double-render */ .filters .input-checkbox.facet-checkbox, .filters input[type="checkbox"].facet-checkbox { accent-color: var(--am-filter-red); cursor: pointer; flex: 0 0 auto; height: 18px !important; margin: 0 !important; min-height: 18px !important; min-width: 18px !important; position: static !important; width: 18px !important; } /* Labels */ .filters .field.filter-category label { color: var(--am-filter-text); cursor: pointer; display: block !important; flex: 1 1 auto; font-size: 13.5px; font-weight: 750; line-height: 1.32; margin: 0 !important; min-width: 0; overflow-wrap: anywhere; padding: 0 !important; position: static !important; transition: color 140ms ease; } .filters .field.filter-category:hover label { color: var(--am-filter-red); } /* Quantity badges */ .filters .quantity-badge { align-items: center; background: rgba(224, 58, 62, 0.1); color: var(--am-filter-red); display: inline-flex; font-size: 11px; font-weight: 850; justify-content: center; line-height: 1; min-height: 20px; min-width: 20px; padding: 4px 6px; } /* Selected filter tags */ .filters + .filter-tags, .filter-tags { margin-top: 12px; } .filter-tags .tag-wrapper { display: flex; flex-wrap: wrap; gap: 8px; } .filter-tags .tagbox, .filter-tags .clearall { background: var(--am-filter-soft); border: 1px solid var(--am-filter-border); color: var(--am-filter-text); cursor: pointer; font-size: 12px; font-weight: 850; min-height: 32px; padding: 7px 10px; text-transform: uppercase; } .filter-tags .tagbox:hover, .filter-tags .clearall:hover, .filter-tags .tagbox:focus, .filter-tags .clearall:focus { border-color: rgba(224, 58, 62, 0.5); color: var(--am-filter-red); outline: none; } /* Mobile/tighter views */ @media (max-width: 860px) { .filters .filter-box > .collapsible-wrapper > header { min-height: 58px; padding: 16px !important; } .filters .collapse-trigger { padding: 14px 16px !important; } .filters .collapsible-content { padding: 0 16px 16px !important; } }