/** Shopify CDN: Minification failed

Line 133:12 Unexpected "{"
Line 133:21 Expected ":"
Line 134:16 Expected identifier but found whitespace
Line 134:18 Unexpected "{"
Line 134:27 Expected ":"
Line 134:78 Expected ":"
Line 135:19 Expected identifier but found whitespace
Line 135:21 Unexpected "{"
Line 135:30 Expected ":"
Line 135:84 Expected ":"
... and 10 more hidden warnings

**/
.collectionContainer{
    padding-top:3rem!important;
    padding-bottom:3rem!important;
}
  .variant-item__image-container {
    height: 6rem !important;
    width: 6rem !important;
  }

  .variant-item__image-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  @media screen and (min-width: 990px) {
    .quick-order-list__table td {
      padding-top: 1.6rem !important;
      padding-bottom: 8.6rem !important;
      height: auto !important;
    }

    .variant-item__image-container {
      height: 10rem !important;
      width: 10rem !important;
    }

    .dk-list-wrapper .quick-order-list__table {
      table-layout: fixed !important;
      width: 100% !important;
    }

    .dk-list-wrapper .quick-order-list__table thead th,
    .dk-list-wrapper .quick-order-list__table tbody td {
      vertical-align: middle !important;
    }

    .dk-list-wrapper .quick-order-list__table td.variant-item__quantity {
      width: 16% !important;
      text-align: center !important;
    }

    .dk-list-wrapper .quick-order-list__table td.variant-item__price {
      width: 17% !important;
      text-align: right !important;
    }

    .dk-list-wrapper .quick-order-list__table td.variant-item__totals {
      width: 17% !important;
      text-align: right !important;
    }

    .dk-list-wrapper .quick-order-list__table thead th:nth-child(1) {
      text-align: left !important;
    }

    .dk-list-wrapper .quick-order-list__table thead th:nth-child(3),
    .dk-list-wrapper .quick-order-list__table thead th:nth-child(4),
    .dk-list-wrapper .quick-order-list__table thead th:nth-child(5) {
      text-align: right !important;
    }

    .dk-list-wrapper .quick-order-list__table thead th:nth-child(3) {
      text-align: center !important;
    }

    .dk-list-wrapper .variant-item__media {
              width: 130px !important;
        min-width: 130px;
    }

    .dk-list-wrapper .variant-item__media .cart-item__media,
    .dk-list-wrapper .variant-item__media .media {
      max-width: 140px !important;
      max-height: 140px !important;
    }

    .dk-list-wrapper .variant-item__media img {
      width: 100% !important;
      height: auto !important;
      object-fit: contain !important;
      display: block !important;
    }

    .dk-list-wrapper > .quick-order-list__container:first-of-type .quick-order-list__table thead {
      display: table-header-group !important;
      border-bottom: 1px solid #e5e5e5 !important;
    }
  }

  .quick-order-list__heading-add {
    text-align: right !important;
    white-space: nowrap !important;
  }

  .quick-order-list__cell-add {
    text-align: right !important;
    white-space: nowrap !important;
    padding-left: 1rem !important;
  }

  .quick-order-list__btn-add {
    min-width: 9rem !important;
    padding-inline: 1.25rem !important;
  }

  @media (max-width: 749px) {
    .quick-order-list__heading-add {
      display: none !important;
    }

    .quick-order-list__cell-add {
      display: none !important;
    }
  }

  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }

  .dk-filters-row {
    display: flex !important;
    flex-wrap: wrap !important;
    row-gap: 0.75rem !important;
    column-gap: 1rem !important;
    align-items: center !important;
  }

  .dk-filters-row .col {
    display: flex !important;
    align-items: center !important;
  }

  .dk-filters-row .col.dk-view-toggle {
    margin-left: auto !important;
    justify-content: flex-end !important;
  }

  .dk-switch {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    cursor: pointer !important;
    user-select: none !important;
  }

  .dk-switch input {
    display: none !important;
  }

  .dk-switch-toggle {
    width: 44px !important;
    height: 24px !important;
    border-radius: 24px !important;
    background: #d0d0d0 !important;
    position: relative !important;
    transition: background 0.2s ease !important;
  }

  .dk-switch-toggle::after {
    content: '' !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    position: absolute !important;
    top: 3px !important;
    left: 3px !important;
    transition: transform 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
  }

  .dk-switch input:checked + .dk-switch-toggle {
    background: #111111 !important;
  }

  .dk-switch input:checked + .dk-switch-toggle::after {
    transform: translateX(20px) !important;
  }

  .dk-switch-labels {
    display: flex !important;
    gap: 0.35rem !important;
    font-size: 0.8rem !important;
  }

  .dk-switch-labels span:first-child {
    opacity: 0.8 !important;
  }

  .dk-grid-wrapper {
    display: block !important;
  }

  .dk-list-wrapper {
    display: none !important;
  }

  #ProductGridContainer.dk-view--list .dk-grid-wrapper {
    display: none !important;
  }

  #ProductGridContainer.dk-view--list .dk-list-wrapper {
    display: block !important;
  }

  .dk-list-wrapper .quick-order-list-container {
    margin-bottom: 2rem !important;
  }

  .dk-availability-text {
    margin-top: 0.35rem !important;
    font-size: 0.9rem !important;
  }

  .dk-availability--instock {
    color: #2b7a2b !important;
    font-weight: 600 !important;
  }

  .dk-availability--preorder {
    color: #555 !important;
    font-weight: 500 !important;
  }

  .button:before {
    display: none !important;
  }

  .button:after {
    display: none !important;
  }

  .filter-dropdown__label {
    font-weight: 400 !important;
  }

  .filter-dropdown__count {
    font-size: 0.85em !important;
    opacity: 0.8 !important;
  }

  .filter-dropdown__panel {
    border: 1px solid #222 !important;
    border-radius: 10px !important;
    padding: 0.75rem 0.75rem !important;
    background: #fff !important;
    margin-top: 0.5rem !important;
  }

  /* Open dropdowns overlay the row instead of pushing/overlapping the
     "In Stock" button (QA #3): anchor each panel to its own trigger. */
  .dk-filters-row .filter-dropdown {
    position: relative !important;
  }

  .dk-filters-row .filter-dropdown__panel {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 30 !important;
    min-width: 22rem !important;
    max-width: 32rem !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  }

  .dk-filters-row .dk-sortby .filter-dropdown__panel {
    right: 0 !important;
    left: auto !important;
  }

  .color-filter-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.35rem !important;
    max-height: 320px !important;
    overflow: auto !important;
    padding-right: 0.25rem !important;
  }

  .filter-option--swatch {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    padding: 0.35rem 0 !important;
  }

  .filter-option--swatch .swatch {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.35) !important;
    background-size: cover !important;
    background-position: center !important;
    flex: 0 0 auto !important;
    background-color: #e9e9e9 !important;
  }

  .filter-option__text {
    text-transform: capitalize !important;
  }

  .active-filters-textbar {
    display: flex !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 0.6rem 1rem !important;
    border: 1px solid #222 !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #111 !important;
    margin-top: 12px !important;
  }

  .aft-label {
    font-weight: 700 !important;
    opacity: 0.95 !important;
  }

  .aft-pill {
    display: inline !important;
    margin-right: 0.5rem !important;
    cursor: pointer !important;
    text-decoration: underline !important;
  }

  .aft-clear {
    margin-left: auto !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    color: #111 !important;
  }

  .dk-sortby__wrapper {
    position: relative !important;
    width: 100% !important;
  }

  .dk-sortby__options {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
  }

  .dk-sortby__option {
    width: 100% !important;
    text-align: left !important;
    padding: 0.35rem 0.5rem !important;
    border-radius: 4px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    font-size: 0.9rem !important;
    cursor: pointer !important;
  }

  .dk-sortby__option:hover {
    border-color: #aaa !important;
    background: #f4f4f4 !important;
  }

  .dk-sortby__option.is-active {
    border-color: #666 !important;
    background: #e9e9e9 !important;
    font-weight: 600 !important;
  }

  .filter-dropdown__value {
    font-weight: 600 !important;
  }

  .filter-dropdown__caret {
    font-size: 0.8rem !important;
    opacity: 0.8 !important;
  }

  .dk-sortby__select {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .dk-view-toggle__wrapper {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
  }

  @media (max-width: 749px) {
    .dk-filters-row {
      align-items: flex-start !important;
    }

    .dk-filters-row .col.dk-view-toggle {
      width: 100% !important;
      margin-left: 0 !important;
      justify-content: flex-start !important;
    }

    .variant-item {
      display: grid !important;
      grid-template-columns: 8.5rem 1fr !important;
      grid-template-rows: repeat(2, auto) !important;
      gap: 1.5rem !important;
      margin-bottom: 3.5rem !important;
    }

    .variant-item__image-container {
      width: 9.5rem !important;
      height: 11.5rem !important;
    }

    .variant-item__image-container img {
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
    }

    .variant-item__name,
    .variant-item__title,
    .variant-item__inner a {
      font-size: 1.25rem !important;
      line-height: 1.25 !important;
    }

    .variant-item__sku {
      font-size: 1.25rem !important;
    }

    .variant-item__price,
    .variant-item__price .price {
      font-size: 1.25rem !important;
    }

    .variant-item__totals,
    .variant-item__totals .price {
      font-size: 1.25rem !important;
      font-weight: 600 !important;
    }

    .quick-order-list__table td {
      padding-top: 1.2rem !important;
      padding-bottom: 1.2rem !important;
    }
  }

/* Non-B2B list view: a single centred "Log in to purchase" CTA replaces the
   quantity / price / total cells, which are not rendered at all (server-side). */
.variant-item__locked-cta {
  text-align: center !important;
  vertical-align: middle !important;
}

.variant-item__locked-cta .purchase-locked {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}

.variant-item__locked-cta .purchase-locked__cta {
  width: auto !important;
  max-width: 320px;
  margin: 0 auto;
}

.variant-item--locked .variant-item__locked-info {
  display: block;
  margin-top: 0.5rem;
}