:root {
  /* Bootstrap */
  --bs-border-color: #ababb5;
  /* Text*/
  --ps-h5-font-size: 1.1rem;
  --ps-title-font-weight: 500;
  /* Prosess branding color variables*/
  --pb-white: #fff;
  --pb-black: #071108;
  --pb-red: #D81159;
  --pb-blue: #8FAADC;
  --pb-yellow: #F0F465;
  --pb-green: #5DA271;
}

/*******************************
Misc
*******************************/
.umb-section {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/*******************************
Custom colors
*******************************/

.pb-white {
  background-color: var(--pb-white);
  --bs-form-check-bg: var(--pb-white);
}

.pb-bg-black {
  background-color: var(--pb-black);
  --bs-form-check-bg: var(--pb-black);
}

.pb-bg-red {
  background-color: var(--pb-red);
  --bs-form-check-bg: var(--pb-red);
}

.pb-bg-blue {
  background-color: var(--pb-blue);
  --bs-form-check-bg: var(--pb-blue);
}

.pb-bg-yellow {
  background-color: var(--pb-yellow);
  --bs-form-check-bg: var(--pb-yellow);
}

.pb-bg-green {
  background-color: var(--pb-green);
  --bs-form-check-bg: var(--pb-green);
}

/*******************************
Custom form check color picker 
*******************************/

.form-check-color {
  margin-right: .5rem;
}

  .form-check-color .form-check-input {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-image: none;
  }
      .form-check-color .form-check-input:checked:before {
        content: "";
        background-image: var(--bs-form-check-bg-image);
        width: 100%;
        height: 100%;
        display: block;
      }

  .form-check-color .form-check-input[type=checkbox],
  .form-check-color .form-check-input[type=radio] {
    width: 2em;
    height: 2em;
    border-radius: 100%;
    cursor: pointer;
  }

    .form-check-color .form-check-input[type=radio]:checked {
      --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
    }

      .form-check-color .form-check-input:checked.pb-bg-hex-ffffff,
      .form-check-color .form-check-input:checked.pb-bg-hex-ffff00,
      .form-check-color .form-check-input:checked.pb-bg-hex-ffc0cb,
      .form-check-color .form-check-input:checked.pb-bg-hex-E40303 {
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
      }

  .form-check-color .form-check-input:checked {
    background-color: var(--bs-form-check-bg);
    border-color: var(--bs-border-color);
  }

  /* Set pride color (id: 117) */
      .form-check-color .form-check-input.pb-bg-hex-E40303,
      .form-check-color .form-check-input.pb-bg-hex-pridefarger {
        background: linear-gradient(135deg, rgba(228,3,3,1) 0%, rgba(228,3,3,1) 20%, rgba(255,140,0,1) 20%, rgba(255,140,0,1) 40%, rgba(255,237,0,1) 40%, rgba(255,237,0,1) 60%, rgba(0,128,38,1) 60%, rgba(0,128,38,1) 80%, rgba(0,76,255,1) 80%, rgba(0,76,255,1) 100%, rgba(115,41,130,1) 100%);
      }


      /* Gradient colors */
      .form-check-color .form-check-input.pb-bg-hex-color140 {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(197, 216, 237, 1) 50%, rgba(197, 216, 237, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color141 {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(213, 0, 17, 1) 50%, rgba(213, 0, 17, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color143 {
        background: linear-gradient(90deg,rgba(0, 49, 89, 1) 0%, rgba(0, 49, 89, 1) 51%, rgba(197, 216, 237, 1) 50%, rgba(197, 216, 237, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color144 {
        background: linear-gradient(90deg,rgba(7, 8, 8, 1) 0%, rgba(7, 8, 8, 1) 51%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color281 {
        background: linear-gradient(90deg,rgba(217, 191, 153, 1) 0%, rgba(217, 191, 153, 1) 51%, rgba(247, 0, 38, 1) 50%, rgba(247, 0, 38, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color282 {
        background: linear-gradient(90deg,rgba(217, 191, 153, 1) 0%, rgba(217, 191, 153, 1) 51%, rgba(242, 196, 56, 1) 50%, rgba(242, 196, 56, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color283 {
        background: linear-gradient(90deg,rgba(217, 191, 153, 1) 0%, rgba(217, 191, 153, 1) 51%, rgba(0, 91, 212, 1) 50%, rgba(0, 91, 212, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color284 {
        background: linear-gradient(90deg,rgba(217, 191, 153, 1) 0%, rgba(217, 191, 153, 1) 51%, rgba(217, 191, 153, 1) 50%, rgba(217, 191, 153, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color285 {
        background: linear-gradient(90deg,rgba(217, 191, 153, 1) 0%, rgba(217, 191, 153, 1) 51%, rgba(0, 150, 98, 1) 50%, rgba(0, 150, 98, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color330 {
        background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 51%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color331 {
        background: linear-gradient(90deg,rgba(0, 150, 98, 1) 0%, rgba(0, 150, 98, 1) 51%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color332 {
        background: linear-gradient(90deg,rgba(0, 91, 212, 1) 0%, rgba(0, 91, 212, 1) 51%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color334 {
        background: linear-gradient(90deg,rgba(247, 0, 38, 1) 0%, rgba(247, 0, 38, 1) 51%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color335 {
        background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 51%, rgba(143, 152, 152, 1) 50%, rgba(143, 152, 152, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color336 {
        background: linear-gradient(90deg,rgba(0, 91, 212, 1) 0%, rgba(0, 91, 212, 1) 51%, rgba(143, 152, 152, 1) 50%, rgba(143, 152, 152, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color338 {
        background: linear-gradient(90deg,rgba(0, 150, 98, 1) 0%, rgba(0, 150, 98, 1) 51%, rgba(143, 152, 152, 1) 50%, rgba(143, 152, 152, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color341 {
        background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 51%, rgba(0, 91, 212, 1) 50%, rgba(0, 91, 212, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color342 {
        background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 51%, rgba(247, 0, 38, 1) 50%, rgba(247, 0, 38, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color343 {
        background: linear-gradient(90deg,rgba(247, 0, 38, 1) 0%, rgba(247, 0, 38, 1) 51%, rgba(143, 152, 152, 1) 50%, rgba(143, 152, 152, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color345 {
        background: linear-gradient(90deg,rgba(99, 64, 50, 1) 0%, rgba(99, 64, 50, 1) 51%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color346 {
        background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 51%, rgba(33, 0, 135, 1) 50%, rgba(33, 0, 135, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color347 {
        background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 34%, rgba(255, 214, 0, 1) 33%, rgba(255, 214, 0, 1) 67%, rgba(247, 0, 38, 1) 66%, rgba(247, 0, 38, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color353 {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color354 {
        background: linear-gradient(90deg,rgba(0, 91, 212, 1) 0%, rgba(0, 91, 212, 1) 51%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color355 {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(0, 91, 212, 1) 50%, rgba(0, 91, 212, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color356 {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(247, 0, 38, 1) 50%, rgba(247, 0, 38, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color357 {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(255, 122, 0, 1) 50%, rgba(255, 122, 0, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color358 {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(0, 150, 98, 1) 50%, rgba(0, 150, 98, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color360 {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(255, 214, 0, 1) 50%, rgba(255, 214, 0, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color361 {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(33, 0, 135, 1) 50%, rgba(33, 0, 135, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color362 {
        background: linear-gradient(90deg,rgba(255, 214, 0, 1) 0%, rgba(255, 214, 0, 1) 51%, rgba(143, 152, 152, 1) 50%, rgba(143, 152, 152, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color363 {
        background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 51%, rgba(255, 122, 0, 1) 50%, rgba(255, 122, 0, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color364 {
        background: linear-gradient(90deg,rgba(247, 0, 38, 1) 0%, rgba(247, 0, 38, 1) 51%, rgba(255, 214, 0, 1) 50%, rgba(255, 214, 0, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color368 {
        background: linear-gradient(90deg,rgba(0, 22, 108, 1) 0%, rgba(0, 22, 108, 1) 51%, rgba(222, 204, 191, 1) 50%, rgba(222, 204, 191, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color378 {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(143, 152, 152, 1) 50%, rgba(143, 152, 152, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color382 {
        background: linear-gradient(90deg,rgba(255, 122, 0, 1) 0%, rgba(255, 122, 0, 1) 51%, rgba(143, 152, 152, 1) 50%, rgba(143, 152, 152, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color386 {
        background: linear-gradient(90deg,rgba(0, 91, 212, 1) 0%, rgba(0, 91, 212, 1) 34%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 67%, rgba(247, 0, 38, 1) 66%, rgba(247, 0, 38, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color390 {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(115, 191, 255, 1) 50%, rgba(115, 191, 255, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color580 {
        background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(000, 000, 000, 1) 50%, rgba(000, 000, 000, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color589 {
        background: linear-gradient(90deg,rgba(247, 0, 38, 1) 0%, rgba(247, 0, 38, 1) 51%, rgba(214, 197, 171, 1) 50%, rgba(214, 197, 171, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color590 {
        background: linear-gradient(90deg,rgba(65, 105, 224, 1) 0%, rgba(65, 105, 224, 1) 51%, rgba(214, 197, 171, 1) 50%, rgba(214, 197, 171, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color591 {
        background: linear-gradient(90deg,rgba(92, 135, 126, 1) 0%, rgba(92, 135, 126, 1) 51%, rgba(214, 197, 171, 1) 50%, rgba(214, 197, 171, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color593 {
        background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 51%, rgba(214, 197, 171, 1) 50%, rgba(214, 197, 171, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color594 {
        background: linear-gradient(90deg,rgba(90, 134, 173, 1) 0%, rgba(90, 134, 173, 1) 51%, rgba(214, 197, 171, 1) 50%, rgba(214, 197, 171, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color595 {
        background: linear-gradient(90deg,rgba(112, 84, 62, 1) 0%, rgba(112, 84, 62, 1) 51%, rgba(214, 197, 171, 1) 50%, rgba(214, 197, 171, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color605 {
        background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 51%, rgba(143, 152, 152, 1) 50%, rgba(143, 152, 152, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color606 {
        background: linear-gradient(90deg,rgba(0, 72, 171, 1) 0%, rgba(0, 72, 171, 1) 51%, rgba(214, 197, 171, 1) 50%, rgba(214, 197, 171, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color607 {
        background: linear-gradient(90deg,rgba(0, 150, 98, 1) 0%, rgba(0, 150, 98, 1) 51%, rgba(143, 152, 152, 1) 50%, rgba(143, 152, 152, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color608 {
        background: linear-gradient(90deg,rgba(56, 55, 53, 1) 0%, rgba(56, 55, 53, 1) 51%, rgba(143, 152, 152, 1) 50%, rgba(143, 152, 152, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color609 {
        background: linear-gradient(90deg,rgba(1, 31, 69, 1) 0%, rgba(1, 31, 69, 1) 51%, rgba(143, 152, 152, 1) 50%, rgba(143, 152, 152, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color610 {
        background: linear-gradient(90deg,rgba(247, 0, 38, 1) 0%, rgba(247, 0, 38, 1) 51%, rgba(143, 152, 152, 1) 50%, rgba(143, 152, 152, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color611 {
        background: linear-gradient(90deg,rgba(143, 152, 152, 1) 0%, rgba(143, 152, 152, 1) 51%, rgba(56, 55, 53, 1) 50%, rgba(56, 55, 53, 1) 100%);
      }
      .form-check-color .form-check-input.pb-bg-hex-color646 {
        background: linear-gradient(90deg,rgba(000, 000, 000, 1) 0%, rgba(000, 000, 000, 1) 51%, rgba(255, 122, 0) 50%, rgba(255, 122, 0) 100%);
      }

      /* Set Ash image (id: 31) */
      .form-check-color .form-check-input.pb-bg-hex-ash {
        background: url("/assets/color-images/31-ash.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
      }

      /* Set Grey melange image (id: 28) */
      .form-check-color .form-check-input.pb-bg-hex-greymelange {
        background: url("/assets/color-images/28-grey-melange.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }


/*******************************
Badge
*******************************/
a.badge {
  text-decoration: none;
}

/*******************************
Cards
*******************************/
.card {
  --bs-card-box-shadow-hover: 0 .1rem .5rem rgba(var(--bs-body-color-rgb),.10) !important;
}

.card-title {
  font-size: var(--ps-h5-font-size);
  font-weight: var(--ps-title-font-weight);
  line-height: 1;
}

.card.ps-card-click:hover {
  box-shadow: var(--bs-card-box-shadow-hover);
}

.card.ps-card-click .card-title {
  text-decoration: none;
}

.ps-card-img {
  aspect-ratio: 16 / 11;
  position: relative;
}

  .ps-card-img img {
    positioN: absolute;
    object-fit: contain;
    height: 100%;
    width: 100%;
  }

.ps-card-product {
  --bs-card-border-radius: .6rem;
  height: 100%;
}

.ps-card-product .ps-old-price {
  color: var(--bs-secondary-color);
  text-decoration: line-through;
}

  .ps-card-product .ps-price {
    font-weight: 500;
    font-size: var(--ps-small-font-size);
  }

.ps-card-product .ps-new-price {
  color: var(--bs-success)
}

  .ps-card-product .ps-product-number {
    font-size: var(--ps-small-font-size);
  }

  .ps-color-list {
    margin-bottom: 0;
  }

  .ps-color-list li.list-inline-item {
    width: 1em;
    height: 1em;
    border-radius: 100%;
    border: 1px solid var(--bs-border-color)
  }

    .ps-color-list li.list-inline-item:not(:last-child) {
      margin-right: 0.1rem;
    }

.ps-card-badge {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  padding: 0.2rem 0.7rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--ps-card-badge-color, #fff);
  background-color: var(--ps-card-badge-bg, #000);
  border-top-left-radius: var(--bs-border-radius);
  border-bottom-right-radius: var(--bs-border-radius);
}

.ps-card-badge-new {
  --ps-card-badge-color: #fff;
  --ps-card-badge-bg: var(--bs-success);
}

.ps-card-badge-sales {
  --ps-card-badge-color: #000;
  --ps-card-badge-bg: var(--bs-warning);
}

.ps-card-product .ps-color-container {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}

.ps-card-product .ps-color-container .form-check-color {
  margin: 0;
  padding: 0;
  min-height: 0;
}

  .ps-card-product .ps-color-container .form-check-color .form-check-input {
    margin:0;
    padding: 0;
  }

  .ps-card-product .ps-color-container .form-check-color .form-check-input[type=checkbox],
  .ps-card-product .ps-color-container .form-check-color .form-check-input[type=radio] {
    --bs-border-width: 1px;
    width: 1rem;
    height: 1rem;
  }


/*******************************
Product list
*******************************/
.ps-products-filter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (max-width: 992px){
  .ps-products-filter:not(.show-filter) {
    display: none;
  }
  .ps-products-filter .ps-filter-content {
    padding: 1rem;
    border: 1px solid var(--bs-border-color-translucent);
    border-radius: var(--bs-border-radius);
  }
}

  /* Products filter accordion */
  .ps-products-filter .accordion {
    --bs-accordion-body-padding-x: 0;
    --bs-accordion-body-padding-y: 0.5rem;
    --bs-accordion-btn-padding-y: 0;
  }

  .ps-products-filter .accordion-button {
    font-size: var(--ps-h6-font-size);
  }

  .ps-products-filter .accordion-button::before {
    background-color: #fc689e;
  }

  .ps-products-filter .accordion-body {
    border-left: 0;
  }

.ps-product-list .row + .row {
  margin-top: 1px;
}

.ps-filter-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ps-filter-loader {
  position: absolute;
  inset: 0;
  z-index: 10;
  background-color: rgba(255,255,255,0.7);
  backdrop-filter: blur(1px);
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
}
/*******************************
Product page
*******************************/

.ps-product-price {
  font-size: var(--ps-h5-font-size);
  margin-bottom: 1rem;
}

.ps-product-image {
  aspect-ratio: 1/1;
  position: relative;
  border-radius: var(--bs-border-radius);
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

  .ps-product-image img {
    positioN: absolute;
    object-fit: contain;
    height: 100%;
    width: 100%;
  }

.ps-product-variants-table thead th > div {
  display: flex;
  justify-content: space-between;
}

.ps-product-variants-table th,
.ps-product-variants-table td {
  text-align: left !important;
}

button.ps-sort-order {
  border: 0;
  background: transparent;
  color: var(--bs-tertiary-color);
}

  button.ps-sort-order.ps-sort-order-active {
    color: var(--bs-emphasis-color);
  }

.ps-table-product {
  font-weight: normal;
}

  .ps-table-product > div {
    display: flex;
    width: 100%;
    padding-right: 1rem;
    align-items: center;
  }

.ps-table-product-image {
  aspect-ratio: 1/1;
  position: relative;
  max-width: 60px;
  min-width: 60px;
  margin-right: 0.5rem;
  flex-shrink: 0;
  flex-grow: 1;
}

  .ps-table-product-image img {
    positioN: absolute;
    object-fit: contain;
    height: 100%;
    width: 100%;
    min-width: 60px;
  }

.ps-table-product-details {
  flex-shrink: 0;
}

/*******************************
Filter
*******************************/
.ps-form-check-sub {
  margin-left: 1.5rem;
}

.ps-active-filters .btn + .btn {
  margin-left: .5rem;
}

.ps-category-filter-values > div + div {
  margin-top: 1rem;
}
/*******************************
Datatable
*******************************/
.dt-container .table-secondary-2 th {
  background-color: var(--bs-primary);
}