@charset "utf-8";

@media only screen and (max-width: 798px) {
}

.mobile__gallery { display: none; }

.product_section .product_form.is-visible { opacity: 1; transition: none; }

.icon__-wrapper { display: flex; align-items: flex-end; gap: 30px; margin: 0px 25px; }

@media only screen and (min-width: 799px) {
  .is-hidden-desktop-only { display: none !important; }
}

@media (max-width: 798px) {
  .product .product_gallery .flickity-button svg { height: 100%; }
  .product .gallery-arrows--true .product_gallery .flickity-prev-next-button { background: rgba(255, 255, 255, 0.1); }
  .no-thub { display: none !important; }
  .product .gallery-wrap { padding-bottom: 20px; }
  .product .product_gallery .flickity-page-dots .dot { margin: 0px 5px; }
  .product .product_gallery .flickity-page-dots { z-index: 9; }
  .product__details--product-page .price-ui { justify-content: space-between; width: 100%; flex-wrap: nowrap !important; }
  .product__details--product-page .price-ui .savings { text-align: right; font-size: 14px; margin: 0px; }
  .product__details--product-page .price-ui .unit-pricing:empty { display: none; }
  .product__details--product-page .price-ui .compare-at-price { font-size: 16px; }
  .product .mobile__gallery { display: -webkit-box; overflow: auto; }
  .product .mobile__gallery .gallery-cell.reactive { display: none; }
  .product .mobile__gallery .gallery-cell.active { display: block; width: 90%; }
  .product .mobile__gallery .gallery-cell:not(:last-child) { margin-right: 10px; }
  .product .custom--image .mobile__gallery .gallery-cell, .product .custom__image .mobile__gallery .gallery-cell { display: block; width: 90%; }
  .is-hidden-mobile-only { display: none !important; }
  .icon__-wrapper { gap: 10px; margin: 0px 10px; justify-content: center; }
}

@media (max-width: 576px) {
  .product .product_gallery { margin-bottom: 0px !important; }
  .product .ysw-stock-countdown { margin-bottom: 10px; }
  .product .product_section .modal_price { margin-bottom: 0px; }
  .product .product_section .feature_divider { margin-bottom: 5px; }
  .product .product_section .product_name { margin-bottom: 10px; }
}

@media (max-width: 480px) {
  .purchase-details__buttons { flex: 1 0 calc(50% - 12px); }
}