/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_storefront_core/cartridge/client/default/scss/wishlist.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* stylelint-disable */
/* stylelint-enable */
/*
 * Set up a screen-wide ::before element behind its parent, to apply a colored background on a block.
 *
 * Usage :
 * .block {
 *    @include full-screen-background;
 *
 *    position: relative;
 * }
 */
/*
Usage

.block {
    @include arrow(right,red,5px,auto,auto,0,0,auto,-5px);

    width: 50px;
    height: 50px;
    position: relative;
}
*/
/*
Usage
    @include ratio-holder(364/300)
    Height/Width
*/
/* Mixin to cut off the rest of one-line (default) or multiline text with dots */
/* A small function allowing skipping base64 encoding
** and simply pasting the SVG markup right in the CSS.
** @author Jakob Eriksen
** @link http://codepen.io/jakob-e/pen/doMoML
** @param {String} $svg - SVG image to encode
** @return {String} - Encoded SVG data uri
*/
/* Replace substring 'fillColor' to real color from variables */
/**
 * Mixin to add icon as pseudo-element.
 */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/*md

# Icons

## Icons example:

```html_example

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">account:</span>
    <i class="fi fi--account" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-down:</span>
    <i class="fi fi--arrow-down" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-left:</span>
    <i class="fi fi--arrow-left" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-right:</span>
    <i class="fi fi--arrow-right" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-up:</span>
    <i class="fi fi--arrow-up" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">back-to-top:</span>
    <i class="fi fi--back-to-top" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">bag:</span>
    <i class="fi fi--bag" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">bin:</span>
    <i class="fi fi--bin" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">checkbox:</span>
    <i class="fi fi--checkbox" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">checkbox-checked:</span>
    <i class="fi fi--checkbox-checked" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">close:</span>
    <i class="fi fi--close" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">heart:</span>
    <i class="fi fi--heart" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">language:</span>
    <i class="fi fi--language" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">location:</span>
    <i class="fi fi--location" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">minus:</span>
    <i class="fi fi--minus" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">money:</span>
    <i class="fi fi--money" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">phone:</span>
    <i class="fi fi--phone" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">plus:</span>
    <i class="fi fi--plus" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">share:</span>
    <i class="fi fi--share" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">track-order:</span>
    <i class="fi fi--track-order" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">whatsapp:</span>
    <i class="fi fi--whatsapp" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert:</span>
    <i class="fi fi--alert" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">card:</span>
    <i class="fi fi--card" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check:</span>
    <i class="fi fi--check" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">download:</span>
    <i class="fi fi--download" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">eye:</span>
    <i class="fi fi--eye" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">facebook:</span>
    <i class="fi fi--facebook" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">filter:</span>
    <i class="fi fi--filter" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">gift:</span>
    <i class="fi fi--gift" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">instagram:</span>
    <i class="fi fi--instagram" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">link:</span>
    <i class="fi fi--link" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">logout:</span>
    <i class="fi fi--logout" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">mail:</span>
    <i class="fi fi--mail" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">menu:</span>
    <i class="fi fi--menu" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">pay:</span>
    <i class="fi fi--pay" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">pinterest:</span>
    <i class="fi fi--pinterest" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">radio:</span>
    <i class="fi fi--radio" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">radio-checked:</span>
    <i class="fi fi--radio-checked" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">search:</span>
    <i class="fi fi--search" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">tag:</span>
    <i class="fi fi--tag" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">twitter:</span>
    <i class="fi fi--twitter" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">wishlist-filled:</span>
    <i class="fi fi--wishlist-filled" aria-hidden="true"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">youtube:</span>
    <i class="fi fi--youtube" aria-hidden="true"></i>
</div>

```
*/
:root {
  --icon--account: "";
  --icon--arrow-down: "";
  --icon--arrow-left: "";
  --icon--arrow-right: "";
  --icon--arrow-up: "";
  --icon--back-to-top: "";
  --icon--bag: "";
  --icon--bin: "";
  --icon--checkbox: "";
  --icon--checkbox-checked: "";
  --icon--close: "";
  --icon--heart: "";
  --icon--language: "";
  --icon--location: "";
  --icon--minus: "";
  --icon--money: "";
  --icon--phone: "";
  --icon--plus: "";
  --icon--share: "";
  --icon--track-order: "";
  --icon--whatsapp: "";
  --icon--alert: "";
  --icon--card: "";
  --icon--check: "";
  --icon--download: "";
  --icon--eye: "";
  --icon--facebook: "";
  --icon--filter: "";
  --icon--gift: "";
  --icon--instagram: "";
  --icon--link: "";
  --icon--logout: "";
  --icon--mail: "";
  --icon--menu: "";
  --icon--pay: "";
  --icon--pinterest: "";
  --icon--radio: "";
  --icon--radio-checked: "";
  --icon--search: "";
  --icon--tag: "";
  --icon--twitter: "";
  --icon--wishlist-filled: "";
  --icon--youtube: "";
}

.product-grid {
  display: grid;
  gap: 0 1rem;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .product-grid {
    padding-top: 4rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
}
.product-grid__tile, .product-grid__inlined-bnr > div {
  margin-bottom: 3.5rem;
}
@media (min-width: 768px) {
  .product-grid__tile, .product-grid__inlined-bnr > div {
    margin-bottom: 4rem;
  }
}
.product-grid__tile .product {
  height: 100%;
}
.product-grid__inlined-bnr {
  grid-column: 1/-1;
  grid-row: var(--plp-inlined-banner-row, 0);
}
.product-grid__grid-footer {
  grid-column: 1/-1;
}

.b-product-item {
  color: #231f20;
  padding: 2rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: 0 0 17px 3px #f7f7f7;
  box-shadow: 0 0 17px 3px #f7f7f7;
  background: #fff;
  margin: 12px 0;
  padding: 16px;
  border-radius: 10px;
}
@media (max-width: 1023.98px) {
  .b-order-details .b-product-item:not(:last-child):first-child {
    padding: 1rem 0;
  }
}
.b-order-details__card-body .b-product-item {
  border-bottom: 0;
}
@media (min-width: 1024px) {
  .b-product-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.b-product-item__wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.b-product-item__image.item-image {
  position: relative;
  width: 6.25rem;
  height: 6.25rem;
  margin-left: 1rem;
}
@media (min-width: 1024px) {
  .b-product-item__image.item-image {
    margin-left: 2rem;
    width: 7.5rem;
    height: 7.5rem;
  }
  .b-minicart .b-product-item__image.item-image {
    margin-left: 1rem;
    width: 6.25rem;
    height: 6.25rem;
  }
  .b-order-details .b-product-item__image.item-image {
    width: 5.6875rem;
    height: 5.6875rem;
    margin-left: 1rem;
  }
}
@media print {
  .b-product-item__image.item-image {
    display: none;
  }
}
.b-order-details .b-product-item__image.item-image {
  width: 5.6875rem;
  height: 5.6875rem;
}
.b-product-item__product-image {
  display: block;
  width: 100%;
  max-height: unset;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0;
  border-radius: 8px;
}
.b-product-item__promo {
  width: 100%;
  display: none;
}
.b-product-item__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.b-minicart .b-product-item__content {
  width: calc(100% - 6.25rem - 1rem);
}
.b-order-details .b-product-item__content {
  width: calc(100% - 5.6875rem - 1rem);
}
.b-product-item__attributes {
  font-size: 1rem;
}
.b-order-details .b-product-item__attributes {
  font-size: 0.875rem;
  line-height: 1.625rem;
}
.b-minicart .b-product-item__attributes {
  margin-bottom: 1rem;
}
.cart .b-product-item__attributes {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .cart .b-product-item__attributes {
    margin-bottom: 1rem;
  }
}
.b-product-item__line-item-attributes {
  margin-bottom: 0;
}
.b-product-item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.b-product-item__line-item-name {
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 700;
}
.b-product-item__number {
  font-size: 1rem;
  line-height: 1.875rem;
  margin-bottom: 1.5rem;
}
.b-order-details .b-product-item__number {
  margin: 0;
}
.b-product-item__remove-line-item {
  margin-right: 0.5rem;
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.5rem;
          flex: 0 0 1.5rem;
}
.b-product-item__remove-line-item .remove-product,
.b-product-item__remove-line-item .remove-from-wishlist {
  background-color: transparent;
  border: 0;
  padding: 0;
  font-size: 0;
}
.b-product-item__remove-icon {
  color: #231f20;
}
.b-product-item__form-check {
  display: none;
  margin-top: 1.6875rem;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(230, 226, 231, 0.4);
  border-radius: 8px;
}
@media print {
  .b-product-item__form-check {
    display: none;
  }
}
.b-product-item__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.b-order-details .b-product-item__wishlist {
  display: none;
}
.b-product-item .line-item-pricing-info {
  margin: 0;
}
.b-product-item .m-wishlist-btn {
  top: 0.5rem;
  right: 0.5rem;
}
@media (min-width: 768px) {
  .b-product-item .m-wishlist-btn {
    top: 1rem;
    right: 1rem;
  }
}
@media (min-width: 768px) {
  .b-minicart .b-product-item .m-wishlist-btn {
    top: 0.5rem;
    right: 0.5rem;
  }
}
.b-product-item .b-price .b-price-value {
  font-size: 1rem;
  line-height: 1.875rem;
}
@media (min-width: 768px) {
  .b-product-item .b-price .b-price-value {
    font-size: 1.125rem;
    line-height: 2.125rem;
  }
  .b-minicart .b-product-item .b-price .b-price-value {
    font-size: 1rem;
    line-height: 1.875rem;
  }
}
.b-product-item .b-price .t-text-line-through {
  font-size: 0.75rem;
  line-height: 1.625rem;
}
@media (min-width: 768px) {
  .b-product-item .b-price .t-text-line-through {
    font-size: 0.75rem;
    line-height: 1.875rem;
  }
}
.b-order-details .b-product-item .b-price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.b-product-item .qty-card-quantity-count {
  font-weight: 700;
}
.b-product-item .qty-card-quantity-label {
  margin-left: 0.25rem;
}

.m-quantity-form {
  height: 2.625rem;
  width: 8rem;
}
.m-quantity-form__number {
  background-color: transparent;
}

.b-wishlist__container {
  padding-top: 2rem;
}
.b-wishlist--customer .b-wishlist__container {
  padding-top: 0;
}
.b-wishlist__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .b-wishlist__head {
    font-size: 1.5rem;
  }
}
.b-wishlist__title {
  font-size: 1.5rem;
  line-height: 2.8125rem;
  font-weight: 700;
  margin: 0;
  padding-left: 0.5rem;
}
@media (min-width: 1024px) {
  .b-wishlist__title {
    font-size: 2rem;
    line-height: 3.75rem;
    font-weight: 700;
  }
}
.b-wishlist__list::before, .b-wishlist__list::after {
  content: "";
  grid-column: 1/-1;
}
@media (max-width: 767.98px) {
  .b-wishlist__list {
    grid-template-columns: 1fr;
    padding-top: 0;
    gap: 0;
  }
}
@media (min-width: 768px) {
  .b-wishlist__list {
    gap: 0 1rem;
    padding-top: 2rem;
  }
}
@media (max-width: 1023.98px) {
  .b-wishlist.b-wishlist--customer {
    background-color: #f8f8f8;
  }
}
@media (min-width: 768px) {
  .b-wishlist.b-wishlist--customer .b-product-item {
    border: 0.0625rem solid rgba(138, 141, 142, 0.2);
  }
}
.b-wishlist.b-wishlist--customer .b-wishlist__list {
  gap: 0 1rem;
}
@media (max-width: 767.98px) {
  .b-wishlist.b-wishlist--customer .b-wishlist__list {
    gap: 0;
  }
}
.b-wishlist[data-wishlist-stage] .b-wishlist__page-title {
  display: none;
}
.b-wishlist[data-wishlist-stage] .b-wishlist__full {
  display: none;
}
.b-wishlist[data-wishlist-stage] .b-wishlist__empty {
  display: none;
}
.b-wishlist[data-wishlist-stage=full] .b-wishlist__page-title {
  display: block;
}
.b-wishlist[data-wishlist-stage=full] .b-wishlist__full {
  display: block;
}
@media (max-width: 767.98px) {
  .b-wishlist[data-wishlist-stage=empty] {
    height: calc(100vh - var(--header-height));
  }
}
.b-wishlist[data-wishlist-stage=empty] .b-empty-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1023.98px) {
  .b-wishlist[data-wishlist-stage=empty] .b-empty-list {
    height: 100%;
  }
}
.b-wishlist[data-wishlist-stage=empty] .b-empty-list__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #8a8d8e;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
}
@media (min-width: 768px) {
  .b-wishlist[data-wishlist-stage=empty] .b-empty-list__header {
    margin-top: 6.25rem;
  }
}
.b-wishlist[data-wishlist-stage=empty] .b-empty-list__header .b-empty-list__title {
  margin: 0;
  font-size: 1.5rem;
  line-height: 2.8125rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .b-wishlist[data-wishlist-stage=empty] .b-empty-list__header .b-empty-list__title {
    font-size: 2rem;
    line-height: 3.75rem;
  }
}
.b-wishlist[data-wishlist-stage=empty] .b-empty-list__header .b-empty-list__text {
  font-size: 1rem;
}
.b-wishlist[data-wishlist-stage=empty] .b-empty-list__btn {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .b-wishlist[data-wishlist-stage=empty] .b-empty-list__btn {
    margin: auto auto 2rem;
  }
}
@media (max-width: 767.98px) {
  .b-wishlist[data-wishlist-stage=empty] .b-empty-list__btn {
    width: 100%;
  }
}
@media (max-width: 1023.98px) {
  .b-wishlist--customer .b-wishlist[data-wishlist-stage=empty] .b-empty-list {
    height: calc(100% - 2rem);
  }
}
.b-no-account .b-wishlist {
  padding: 0;
}
.b-wishlist .b-product-item {
  height: auto;
}
@media (max-width: 767.98px) {
  .b-wishlist .b-product-item {
    border-radius: 0;
  }
  .b-wishlist .b-product-item:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media (min-width: 768px) {
  .b-wishlist .b-product-item {
    border: 0;
    border-radius: 12px;
    background-color: #fff;
    padding: 1rem;
    margin-bottom: 3rem;
    line-height: 1.875;
  }
}
@media (min-width: 1024px) {
  .b-wishlist .b-product-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .b-wishlist .b-product-item__price {
    margin-top: 0.5rem;
  }
}
.b-wishlist .b-product-item__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .b-wishlist .b-product-item__column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.b-wishlist .b-product-item__wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (min-width: 768px) {
  .b-wishlist .b-product-item__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.b-wishlist .b-product-item__wrapper .remove-btn-lg {
  z-index: 10;
  cursor: pointer;
}
.b-wishlist .b-product-item__link-wrapper {
  display: block;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.b-wishlist .b-product-item__link-wrapper:hover {
  text-decoration: none;
}
.b-wishlist .b-product-item__line-item-name {
  width: calc(100% - 2.5rem);
}
@media (max-width: 767.98px) {
  .b-wishlist .b-product-item__line-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: calc(1 * 1em * 1.875);
    font-size: 1rem;
    display: block;
    margin-bottom: 0.25rem;
  }
}
@media (min-width: 768px) {
  .b-wishlist .b-product-item__line-item-name {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .b-wishlist .b-badges {
    top: 2rem;
    right: 0;
    left: unset;
    max-width: 7.5rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-right: 0;
  }
}
.b-wishlist .b-product-item__image.item-image {
  position: static;
  width: 7.5rem;
  height: 7.5rem;
  margin-left: 1.3125rem;
}
@media (min-width: 768px) {
  .b-wishlist .b-product-item__image.item-image {
    position: relative;
    padding-top: 3.125rem;
    padding-bottom: 2rem;
    width: 100%;
    height: auto;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .b-wishlist .b-product-item__product-image {
    width: 8.125rem;
    margin: auto;
  }
}
.b-wishlist .b-product-item__content {
  height: 100%;
  width: calc(100% - 7.5rem - 1.3125rem);
}
@media (max-width: 767.98px) {
  .b-wishlist .b-product-item__content {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  .b-wishlist .b-product-item__content {
    width: 100%;
  }
}
.b-wishlist .b-product-item__brand {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: calc(1 * 1em * 1.875);
  color: #8a8d8e;
}
.b-wishlist .b-pricemain {
  width: 100%;
}
.b-wishlist .b-pricemain .range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.b-wishlist .b-price {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
@media (max-width: 767.98px) {
  .b-wishlist .b-product-item__price-container {
    margin-top: auto;
  }
  .b-wishlist .b-product-item__price-container .price {
    margin: 0;
  }
}
.b-wishlist .b-product-item__add-to-cart {
  width: 100%;
}
@media (max-width: 767.98px) {
  .b-wishlist .b-product-item__add-to-cart {
    margin-top: 2rem;
  }
}
.b-wishlist .b-product-item__add-to-cart .btn {
  background: transparent;
  color: #231f20;
  -webkit-box-shadow: 0 0 0 0.0625rem #231f20;
          box-shadow: 0 0 0 0.0625rem #231f20;
  padding: 0.5rem 1rem;
}
.b-wishlist .b-product-item__add-to-cart .btn::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  background: #231f20;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  opacity: 0;
  border-radius: 8px;
}
@media (min-width: 1024px) {
  .b-wishlist .b-product-item__add-to-cart .btn::after {
    border-radius: 12px;
  }
}
.b-wishlist .b-product-item__add-to-cart .btn:hover, .b-wishlist .b-product-item__add-to-cart .btn:active, .b-wishlist .b-product-item__add-to-cart .btn.active, .b-wishlist .b-product-item__add-to-cart .btn:active:focus, .b-wishlist .b-product-item__add-to-cart .btn.active:focus, .b-wishlist .b-product-item__add-to-cart .btn:focus {
  color: #fff;
}
.b-wishlist .b-product-item__add-to-cart .btn:hover::after, .b-wishlist .b-product-item__add-to-cart .btn:active::after, .b-wishlist .b-product-item__add-to-cart .btn.active::after, .b-wishlist .b-product-item__add-to-cart .btn:active:focus::after, .b-wishlist .b-product-item__add-to-cart .btn.active:focus::after, .b-wishlist .b-product-item__add-to-cart .btn:focus::after {
  opacity: 1;
}
.b-wishlist .b-product-item__add-to-cart .btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.b-wishlist .b-product-item__add-to-cart .btn:disabled::after {
  background: transparent;
}
.b-wishlist .b-product-item__add-to-cart .btn.m-fullwidth, .b-wishlist .b-product-item__add-to-cart .btn.btn-block {
  width: calc(100% - 2 * 0.0625rem);
  margin-left: 0.0625rem;
  margin-right: 0.0625rem;
  margin-bottom: 0.0625rem;
}
@media (min-width: 768px) {
  .b-wishlist .b-product-item__add-to-cart .btn {
    background: #231f20;
    color: #fff;
  }
  .b-wishlist .b-product-item__add-to-cart .btn::after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(108.03deg, #e03e52 -271.05%, #84329b 231.95%) ;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    opacity: 0;
    border-radius: 8px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .b-wishlist .b-product-item__add-to-cart .btn::after {
    border-radius: 12px;
  }
}
@media (min-width: 768px) {
  .b-wishlist .b-product-item__add-to-cart .btn:hover, .b-wishlist .b-product-item__add-to-cart .btn:active, .b-wishlist .b-product-item__add-to-cart .btn.active, .b-wishlist .b-product-item__add-to-cart .btn:active:focus, .b-wishlist .b-product-item__add-to-cart .btn.active:focus, .b-wishlist .b-product-item__add-to-cart .btn:focus {
    color: #fff;
  }
  .b-wishlist .b-product-item__add-to-cart .btn:hover::after, .b-wishlist .b-product-item__add-to-cart .btn:active::after, .b-wishlist .b-product-item__add-to-cart .btn.active::after, .b-wishlist .b-product-item__add-to-cart .btn:active:focus::after, .b-wishlist .b-product-item__add-to-cart .btn.active:focus::after, .b-wishlist .b-product-item__add-to-cart .btn:focus::after {
    opacity: 1;
  }
  .b-wishlist .b-product-item__add-to-cart .btn:disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  .b-wishlist .b-product-item__add-to-cart .btn:disabled::after {
    background: transparent;
  }
}
.b-wishlist .m-wishlist-remove-btn {
  position: absolute;
  top: 2rem;
  left: 0;
  border: 0;
  background-color: transparent;
}
@media (min-width: 768px) {
  .b-wishlist .m-wishlist-remove-btn {
    top: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 768px) {
  .b-wishlist .b-product-item__attributes {
    display: none;
  }
}