.main-collection-container {
  display: block;
  background-color: rgb(var(--color-background));
}

.main-collection {
  padding-block: 40px;
}

.main-collection__no-products-tips {
  color: rgb(var(--color-text));
}

.main-collection__list {
  margin-block-end: 40px;
  overflow: visible;
}

/* GLADPICK collection-card presentation. Kept inside the collection section so
   product pages, cart and checkout components retain their original behavior. */
.main-collection-container .block-product-card-info {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 0 !important;
  align-items: stretch !important;
  width: 100%;
}

.main-collection-container .block-product-card-info > form,
.main-collection-container .block-product-card-info > .block-product-title {
  grid-column: 1 / -1;
  width: 100%;
}

.main-collection-container .block-product-card-info > form {
  min-width: 0;
}

.main-collection-container .block-product-card-info .block-product-title {
  min-height: 2.7em;
  font-size: 14px;
  line-height: 1.35;
}

.main-collection-container .block-product-card-info .block-product-title span {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important;
}

.main-collection-container .block-product-card-info > .block-product-price {
  display: flex;
  grid-column: 1;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 38px;
  padding-inline: 6px;
  color: #8b1f2d;
  text-align: center;
  background: #faf6f6;
  border: 1px solid #eee3e4;
  border-inline-end: 0;
  border-radius: 5px 0 0 5px;
}

.main-collection-container .block-product-card-info .block-product-price__sale,
.main-collection-container .block-product-card-info .product-price__sale {
  overflow: hidden;
  color: #8b1f2d;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-collection-container .block-product-card-info > theme-quick-add-modal,
.main-collection-container .block-product-card-info > theme-product-form {
  display: block;
  grid-column: 2;
  min-width: 0;
  min-height: 38px;
}

.main-collection-container .block-product-card-info > theme-quick-add-modal details,
.main-collection-container .block-product-card-info > theme-product-form form {
  height: 100%;
}

.main-collection-container .block-product-card-info .block-product-card__quick-add {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 38px;
  gap: 5px;
  color: #fff;
  background: #8b1f2d;
  border: 1px solid #8b1f2d;
  border-radius: 0 5px 5px 0;
  list-style: none;
  text-align: center;
}

/* Extend the existing quick-add control over the price half. The visible
   layout stays split 50/50, while every point on the joined bar uses the
   theme's original, trusted quick-add interaction. */
.main-collection-container .block-product-card-info .block-product-card__quick-add::before {
  position: absolute;
  inset-block: 0;
  inset-inline-start: calc(-100% - 4px);
  width: calc(100% + 4px);
  content: "";
}

.main-collection-container .block-product-card-info:has(> theme-quick-add-modal, > theme-product-form) > .block-product-price {
  cursor: pointer;
}

.main-collection-container .block-product-card-info .block-product-card__quick-add::-webkit-details-marker {
  display: none;
}

.main-collection-container .block-product-card-info .block-product-card__quick-add .icon-quick-add {
  display: none;
}

.main-collection-container .block-product-card-info .gp-card-add-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.main-collection-container .block-product-card-info .block-product-card__quick-add.loading .gp-card-add-label {
  display: none;
}

.main-collection-container .block-product-card-info .block-product-card__quick-add .icon-loading {
  margin: 0;
}

.main-collection-container .block-product-card-info:not(:has(> theme-quick-add-modal)):not(:has(> theme-product-form)) > .block-product-price {
  grid-column: 1 / -1;
  border-inline-end: 1px solid #eee3e4;
  border-radius: 5px;
}

.main-collection-container .block-product-card-info .variant-picker__options {
  flex-wrap: nowrap;
  justify-content: center;
  gap: 6px;
  padding: 2px 0;
}

.main-collection-container .block-product-card-info .variant-picker__swatch-rest-count {
  display: flex;
  flex: 0 0 var(--swatch-size);
  align-items: center;
  justify-content: center;
  width: var(--swatch-size);
  height: var(--swatch-size);
  color: #5f5a5b;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  background: #fff;
  border: 1px solid #d9d3d4;
  border-radius: 50%;
}

.main-collection-container .block-product-card__discount-tag {
  padding: 3px 7px;
  color: #8b3440;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  background: rgb(255 248 248 / 94%);
  border: 1px solid rgb(139 31 45 / 24%);
  border-radius: 4px;
  box-shadow: 0 1px 2px rgb(55 20 25 / 5%);
}

@media (max-width: 959px) {
  .main-collection__list {
    margin-block-end: 20px;
  }

  .main-collection-container .block-product-card-info {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 0 !important;
  }

  .main-collection-container .block-product-card-info .block-product-title {
    min-height: 2.7em;
    font-size: 13px;
  }

  .main-collection-container .block-product-card-info > .block-product-price,
  .main-collection-container .block-product-card-info > theme-quick-add-modal,
  .main-collection-container .block-product-card-info > theme-product-form,
  .main-collection-container .block-product-card-info .block-product-card__quick-add {
    min-height: 36px;
  }

  .main-collection-container .block-product-card-info > .block-product-price {
    padding-inline: 6px;
  }

  .main-collection-container .block-product-card-info .block-product-price__sale,
  .main-collection-container .block-product-card-info .product-price__sale {
    font-size: 14px;
  }

  .main-collection-container .block-product-card-info .gp-card-add-label {
    font-size: 11px;
  }

  .main-collection-container .block-product-card__discount-tag {
    padding: 2px 5px;
    font-size: 9px;
  }
}

@media (max-width: 959px) {
  .main-collection {
    padding-block: 0 20px;
  }
}

@media (min-width: 960px) {
  .main-collection {
    display: grid;
  }

  .main-collection .main-collection__products {
    grid-area: list;
  }

  .main-collection .facets-filtering {
    grid-area: filtering;
  }

  .main-collection .facets-sorting-wrapper {
    grid-area: sorting;
  }

  .main-collection.facets-layout-horizontal {
    grid-template:
      "filtering sorting"
      "list list"
      / 1fr auto;
    row-gap: 8px;
  }

  .main-collection.facets-layout-vertical {
    grid-template:
      "sorting sorting"
      "list list"
      / 256px auto;
  }

  .main-collection.facets-layout-vertical.enable-filtering {
    grid-template:
      "filtering sorting" auto
      "filtering list" 1fr
      / 256px auto;
    column-gap: 22px;
  }

  .main-collection.facets-layout-drawer {
    grid-template:
      "filtering sorting"
      "list list"
      / 1fr auto;
    row-gap: 8px;
  }
}

/* GLADPICK visible colour palette v2 */
.variant-picker__option > input[value="Admiral Blue"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #294c70; }
.variant-picker__option > input[value="Arctic White"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #f5f6f2; }
.variant-picker__option > input[value="Army Green"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #4d5738; }
.variant-picker__option > input[value="Bold Orange"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #d96622; }
.variant-picker__option > input[value="Burgundy"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #7b2638; }
.variant-picker__option > input[value="Claremont Pink"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #cf9ca8; }
.variant-picker__option > input[value="Cocoa"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #76513f; }
.variant-picker__option > input[value="Cream"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #f0e5cf; }
.variant-picker__option > input[value="Dark Blue"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #243a5a; }
.variant-picker__option > input[value="Dark Taupe"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #6d5d55; }
.variant-picker__option > input[value="Dusty Olive"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #7b8060; }
.variant-picker__option > input[value="Electric Sunset"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #ee6c5b; }
.variant-picker__option > input[value="Elegant Charcoal"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #494a4e; }
.variant-picker__option > input[value="Espresso"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #3b261b; }
.variant-picker__option > input[value="Houndstooth"] + .variant-picker__button .variant-picker__swatch-inner::after {
  background-color: #d8d4cd;
  background-image: linear-gradient(45deg, #333 25%, transparent 25%), linear-gradient(-45deg, #333 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #333 75%), linear-gradient(-45deg, transparent 75%, #333 75%);
  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
  background-size: 12px 12px;
}
.variant-picker__option > input[value="Ice Blue"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #b9d8e8; }
.variant-picker__option > input[value="Light Brown"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #b98d6b; }
.variant-picker__option > input[value="Light Pink"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #f2cbd5; }
.variant-picker__option > input[value="Marble Grey"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #a6a4a1; }
.variant-picker__option > input[value="Matte Pearl"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #e9e3dc; }
.variant-picker__option > input[value="Midnight Navy"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #17263f; }
.variant-picker__option > input[value="Mocha Brown"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #6f4d40; }
.variant-picker__option > input[value="Modern Taupe"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #8a7b71; }
.variant-picker__option > input[value="Morganite Pink"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #d8a7ad; }
.variant-picker__option > input[value="Navy Blue"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #243d63; }
.variant-picker__option > input[value="Oat"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #d9c9a7; }
.variant-picker__option > input[value="Olive Green"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #697451; }
.variant-picker__option > input[value="Pale Pink"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #ead0d5; }
.variant-picker__option > input[value="Pearl White"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #f4f1e9; }
.variant-picker__option > input[value="Purple Ash"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #72657a; }
.variant-picker__option > input[value="Royal Blue"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #2856a6; }
.variant-picker__option > input[value="Shadow Grey"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #70757a; }
.variant-picker__option > input[value="Shady Blue"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #647b90; }
.variant-picker__option > input[value="Shiny Black"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #111214; }
.variant-picker__option > input[value="Shiny Burgundy"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #6d2134; }
.variant-picker__option > input[value="Shiny Green"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #3c6048; }
.variant-picker__option > input[value="Stone Grey"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #7a7d80; }
.variant-picker__option > input[value="Camel"] + .variant-picker__button .variant-picker__swatch-inner::after { background-color: #b88963; }

/* GLADPICK equal-height collection cards v4 */
.main-collection-container theme-product-card.block-product-card {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  height: 100%;
}

.main-collection-container .block-product-card-info {
  grid-template-rows: 30px 48px 38px;
  min-height: 132px;
}

.main-collection-container .block-product-card-info > form {
  grid-row: 1;
  height: 30px;
  min-height: 30px;
  overflow: hidden;
}

.main-collection-container .block-product-card-info > .block-product-title {
  grid-row: 2;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  overflow: hidden;
}

.main-collection-container .block-product-card-info > .block-product-title > span {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important;
}

.main-collection-container .block-product-card-info > .block-product-price,
.main-collection-container .block-product-card-info > theme-quick-add-modal,
.main-collection-container .block-product-card-info > theme-product-form {
  grid-row: 3;
  height: 38px;
  min-height: 38px;
}

@media (max-width: 959px) {
  .main-collection-container .block-product-card-info {
    grid-template-rows: 30px 45px 36px;
    min-height: 125px;
  }

  .main-collection-container .block-product-card-info > .block-product-title {
    height: 45px;
    min-height: 45px;
    max-height: 45px;
  }

  .main-collection-container .block-product-card-info > .block-product-price,
  .main-collection-container .block-product-card-info > theme-quick-add-modal,
  .main-collection-container .block-product-card-info > theme-product-form {
    height: 36px;
    min-height: 36px;
  }
}