/* line 1, product_card.scss */
.product-preview-custom {
  --img-fit: cover;
  --img-ratio: 0.67;
  position: relative;
  min-width: 0;
  transition: all 300ms; }

@media (max-width: 768px) {
  /* line 10, product_card.scss */
  .product-preview-custom {
    --img-ratio: 0.58; } }
/* line 17, product_card.scss */
.color--items {
  display: flex;
  gap: 3px; }

/* line 22, product_card.scss */
span.swatchProductColor.is-active {
  position: relative;
  display: grid;
  border-radius: 50%;
  margin-right: 10px;
  cursor: default; }

/* line 30, product_card.scss */
span.option-value-system-color.with-image-color {
  border-radius: 50%; }

/* line 38, product_card.scss */
.product-preview-custom .stickers {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  left: 15px;
  top: 15px; }
  @media (max-width: 768px) {
    /* line 38, product_card.scss */
    .product-preview-custom .stickers {
      left: 7px;
      top: 7px; } }
/* line 56, product_card.scss */
.product-preview-custom .product-sticker {
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='96' height='101' viewBox='0 0 96 101' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 0.141602L77.3893 9.69075L95.5528 34.6908V65.5925L77.3893 90.5925L48 100.142L18.6107 90.5925L0.447174 65.5925V34.6908L18.6107 9.69075L48 0.141602Z' fill='%23FF4628'/%3E%3C/svg%3E%0A");
  -webkit-background-size: contain;
  background-size: contain;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: clamp(8px, calc(7.0000px + 0.3125vw), 13px);
  background-repeat: no-repeat;
  background-position: center; }
  @media (max-width: 768px) {
    /* line 56, product_card.scss */
    .product-preview-custom .product-sticker {
      font-size: clamp(8px, calc(7.0000px + 0.3125vw), 13px);
      width: 16px;
      height: 16px; } }
/* line 84, product_card.scss */
.product-preview-custom .img-ratio img {
  --img-fit: cover; }
/* line 106, product_card.scss */
.product-preview-custom .title-name {
  font-size: 12px;
  font-weight: 700;
  color: #888995; }
/* line 112, product_card.scss */
.product-preview-custom .product-preview__price-cur {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-accent-text);
  white-space: nowrap;
  padding-top: 8px; }
/* line 125, product_card.scss */
.product-preview-custom .product-preview__title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-accent-text);
  padding-top: 8px;
  margin-bottom: 0; }
/* line 138, product_card.scss */
.product-preview-custom .product-preview__title a {
  text-decoration: none;
  text-transform: uppercase; }
/* line 143, product_card.scss */
.product-preview-custom .product-preview__photo {
  margin-bottom: 16px; }
  @media (max-width: 768px) {
    /* line 143, product_card.scss */
    .product-preview-custom .product-preview__photo {
      margin-bottom: 8px; } }
/* line 154, product_card.scss */
.product-preview-custom .favorites_btn {
  position: relative;
  z-index: 1;
  right: 0;
  top: -20px;
  background: transparent;
  color: var(--color-accent-text);
  outline: none;
  padding: 0;
  border: 0;
  height: 16px;
  width: 16px;
  display: block;
  margin-left: auto; }
  /* line 170, product_card.scss */
  .product-preview-custom .favorites_btn:before {
    content: "";
    border-radius: 50%;
    background: var(--product-bg, var(--bg));
    height: 16px;
    width: 16px;
    right: 0; }
  /* line 182, product_card.scss */
  .product-preview-custom .favorites_btn:hover {
    background-color: transparent;
    outline: none !important;
    border: none !important; }
  @media (max-width: 768px) {
    /* line 154, product_card.scss */
    .product-preview-custom .favorites_btn {
      font-size: clamp(24px, calc(23.6000px + 0.1250vw), 26px) !important;
      right: 12px;
      top: 12px;
      display: none; } }
/* line 195, product_card.scss */
.product-preview-custom .favorites_btn.favorites-not-added .symbol-heart {
  display: none; }
/* line 199, product_card.scss */
.product-preview-custom .favorites_btn:not(.favorites-not-added) .symbol-heart-outline {
  display: none; }

/* line 235, product_card.scss */
.top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: white;
  top: -1px; }

@media screen and (max-width: 767px) {
  /* line 245, product_card.scss */
  .top-content {
    display: grid; } }
/* line 250, product_card.scss */
.bottom-content {
  display: grid; }

/* line 255, product_card.scss */
.product-preview-custom:hover .product-preview__area-variants {
  opacity: 1; }

/* line 260, product_card.scss */
.product-preview-custom .product-preview__area-variants {
  display: flex;
  max-height: 100%;
  background: var(--product-bg, var(--bg));
  width: 100%;
  z-index: 1;
  padding: 12px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  flex-direction: column-reverse;
  justify-content: start;
  padding-top: 0;
  display: grid;
  padding-left: 0; }
  @media screen and (max-width: 767px) {
    /* line 260, product_card.scss */
    .product-preview-custom .product-preview__area-variants {
      opacity: 1;
      transform: translateY(0);
      bottom: 0px;
      position: static; } }
  /* line 294, product_card.scss */
  .product-preview-custom .product-preview__area-variants::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    border-radius: var(--product-border-radius);
    background-color: var(--bg-major-shade); }
  /* line 301, product_card.scss */
  .product-preview-custom .product-preview__area-variants::-webkit-scrollbar-thumb {
    background-color: var(--bg-details-stories-color-major-shade, var(--color-btn-bg-major-shade, #ff6163));
    border-radius: var(--product-border-radius); }

/* line 307, product_card.scss */
.product-preview-custom .option-list-values {
  display: flex;
  gap: 10px; }

@media screen and (max-width: 767px) {
  /* line 314, product_card.scss */
  .option-list-values {
    gap: 5px; } }
/* line 322, product_card.scss */
.product-preview__area-photo {
  position: relative; }

/* line 326, product_card.scss */
.sticker.sticker-preorder {
  display: none; }

/* line 330, product_card.scss */
.grid-list {
  gap: 30px 20px; }

@media screen and (max-width: 767px) {
  /* line 336, product_card.scss */
  .grid-list {
    gap: 10px 6px; } }
/* line 342, product_card.scss */
.product-preview__area-bottom {
  z-index: 1;
  background: white;
  position: relative;
  padding-left: 8px; }

/* line 349, product_card.scss */
.option-list-value {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px; }

@media screen and (max-width: 767px) {
  /* line 362, product_card.scss */
  .product-preview-custom .color--items--content {
    justify-content: center; } }
/* line 379, product_card.scss */
.product-preview-custom .option-selector .is-system-color .option-value-system-color.with-image-color {
  padding: 1px;
  border-radius: 50%; }

/* line 384, product_card.scss */
.product-preview-custom .option-selector .is-system-color .option-value-system-color.with-image-color img {
  width: 32px;
  height: 32px;
  border-radius: 50%; }

/* line 390, product_card.scss */
.product-preview-custom .swatchProductColor {
  padding: 1px;
  display: flex;
  cursor: pointer;
  margin: 0 10px 10px 0;
  border: 1px solid #EBEBEB;
  border-radius: 50%; }

/* line 399, product_card.scss */
.product-preview-custom .swatchProductColor.is-active {
  border: 2px solid #000; }

/* line 403, product_card.scss */
.product-preview-custom .swatchProductColor.__unavailable {
  opacity: 0.5;
  cursor: not-allowed; }

/* line 408, product_card.scss */
.product-preview-custom .swatchProductColor span {
  display: block;
  border-radius: inherit;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: 0;
  overflow: hidden;
  display: inline-block;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  width: 22px;
  height: 22px; }

/* line 424, product_card.scss */
.product-preview-custom .color--items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0; }

/* line 432, product_card.scss */
.product-preview-custom .option-label {
  display: inline-block;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase; }

@media screen and (max-width: 767px) {
  /* line 441, product_card.scss */
  .product-preview-custom .option-label {
    margin-top: 3px; } }
/* line 446, product_card.scss */
.product-preview-custom .color--items--content {
  margin-bottom: 0; }

@media screen and (max-width: 767px) {
  /* line 452, product_card.scss */
  .product-preview-custom .color--items--content {
    margin-bottom: 0;
    border-bottom: 0; } }