/** Shopify CDN: Minification failed

Line 1235:45 Expected identifier but found "*"
Line 1292:12 Expected ":"

**/
/*----------------------*/
/* Container */
/*----------------------*/
.product {
  display: flex;
  flex-direction: column;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  width: 100%;
}

/*----------------------*/
/* Gallery */
/*----------------------*/

.product__gallery {
  margin-bottom: 2.4rem;
}

.product__gallery__container {
  display: flex;
  flex-direction: column;
}

.product__gallery .swiper-wrapper .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
}

.product__gallery .swiper-wrapper .swiper-slide .lazypicture {
  object-fit: contain;
  height: 100%;
}

.product__gallery .swiper-wrapper .swiper-slide img {
  object-fit: contain;
  height: 100%;
}


.swiper-pagination {
  z-index: 1;
}

.product__gallery .swiper-pagination.gallery-pagination .swiper-pagination-bullet {
  border-radius: 0;
  width: 0.6rem;
  height: 0.6rem;
  border: 0.1rem solid #000;
  background: none;
  opacity: 1;
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

.product__gallery .swiper-pagination.gallery-pagination .swiper-pagination-bullet:hover,
.product__gallery .swiper-pagination.gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000;
}

.product__gallery__main__wrapper {
  padding-bottom: 3rem;
  position: relative;
}

.product__gallery__main s-carousel #gallery-main {
  position: relative;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--color-offwhite);
}

.product__gallery__main s-carousel #gallery-main .swiper-slide.swiper-slide--video picture img {
  aspect-ratio: 1;
  object-fit: cover;
}

.product__gallery__main .Magic360-container {
  max-width: 100% !important;
  position: relative;
}

/* .product__gallery__main .Magic360-container div.Magic360 div:not(.m360-loader),
.product__gallery__main .Magic360-container div.Magic360 span {
  position: absolute;
  right: 2rem
} */

.product__gallery__main .MagicToolboxSlide modal-opener {
  z-index: 1;
}

.product__gallery__main .m360-hint {
  top: 50%;
  bottom: unset;
  left: 50%;
  right: unset;
  transform: translateX(-50%);
  padding: 0;
}

.product__gallery__main .m360-hint .m360-hint-message {
  width: max-content;
}

.product__gallery .swiper-pagination.gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet--magic360 {
  height: auto;
  width: auto;
  border: none;
  text-decoration: underline;
  line-height: 1.5rem;
}

s-carousel[data-360-enabled="true"] .swiper-pagination.gallery-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__gallery .swiper-pagination.gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet--magic360.swiper-pagination-bullet-active,
.product__gallery .swiper-pagination.gallery-pagination .swiper-pagination-bullet.swiper-pagination-bullet--magic360:hover {
  background: none;
}

.thumbnails-wrapper {
  display: flex;
  order: 2;
  justify-content: center;
}

.product__gallery__thumbnails {
  display: flex;
  flex-direction: row;
  max-width: calc((5rem) * 6 + (0.8rem * 8));
  overflow-x: scroll;
  overflow-y: hidden;
  gap: 1.6rem;
}

.product__gallery__thumbnails::-webkit-scrollbar {
  /* WebKit */
  display: none;
}

.thumbnails-wrapper>.thumbnail-slide--360 {
  padding-left: 0.8rem;
  margin-left: 0.8rem;
  border-left: 0.1rem solid var(--color-offwhite);
}

.product__gallery .thumbnail-slide button {
  border: none;
  background: none;
  padding: 0;
  width: 6rem;
  height: 6rem;
  display: block;
  cursor: pointer;
  border-radius: 0.4rem;
  overflow: hidden;
  border: 0.1rem solid var(--color-graylight)
}

.thumbnail-nav-prev svg {
  transform: rotate(-90deg);
}

.product__gallery__prev {
  background: none;
  border: none;
  cursor: pointer;
  transition: opacity 100ms ease-in-out;
  transform: rotate(180deg);
}

.product__gallery__prev[disabled="true"] {
  opacity: 0.3;
}

.product__gallery__prev svg {
  pointer-events: none;
}

.thumbnail-nav-prev {
  margin-right: 0.9rem;
}

.thumbnail-nav-next {
  margin-left: 0.9rem;
}

.thumbnail-nav-prev,
.thumbnail-nav-next {
  display: flex;
  align-items: center;
  justify-content: center;
}

.thumbnail-nav-next svg {
  transform: rotate(-90deg);
}

.product__gallery__next {
  background: none;
  border: none;
  cursor: pointer;
  transition: opacity 100ms ease-in-out;
}

.product__gallery__next[disabled="true"] {
  opacity: 0.3;
}

.product__gallery__next svg {
  pointer-events: none;
}

.product__gallery .thumbnails-wrapper .thumbnail-slide button.selected,
.product__gallery .thumbnails-wrapper .thumbnail-slide button:hover {
  border-color: #000 !important;
}


.product__gallery .thumbnail-slide button picture img {
  object-fit: cover;
  display: block;
  height: 100%;
}

/* Countdown Widget */
.product_gallery__main__countdown {
  /* max-width: 31.2rem; */
  margin: auto;
}

.product_gallery__main__countdown .countdown-widget {
  background: none;
  padding: 0;
}

.product_gallery__main__countdown .countdown-widget__countdown {
  margin-bottom: 0;
  gap: 0.4rem;
}

.product_gallery__main__countdown .countdown-widget__container {
  flex-direction: row;
  gap: 0.4rem;
}

.product_gallery__main__countdown .countdown-widget p {
  color: #fff;
}

.product_gallery__main__countdown .countdown-widget .countdown-widget__subheader {
  color: #000;
}

.magic360-shortcut {
  display: none;
  align-items: center;
  margin-top: 1rem;
}

.product__gallery__main .magic360-shortcut button {
  cursor: pointer;
  background-color: transparent;
  border: 0.2rem solid var(--color-black);
  color: var(--color-black);
  border-radius: var(--buttons-radius);
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.4rem;
  font-family: var(--font-heading-family);
}

.product__gallery__main .magic360-shortcut button:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}


/* Gallery Modal */
.modal-gallery {
  background: rgba(var(--color-foreground), 0.2);
  box-sizing: border-box;
  height: 100%;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: -1;
}

.modal-gallery[open] {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}

.modal-gallery__content {
  background-color: #fff;
  height: 100%;
  margin: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  width: 100%;
}

.modal-gallery__toggle {
  align-items: center;
  background-color: rgb(var(--color-background));
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  color: rgba(var(--color-foreground), 0.55);
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0 0 0 auto;
  padding: 1.2rem;
  position: fixed;
  right: 1rem;
  top: 2rem;
  width: 4rem;
  z-index: 2;
}

@media screen and (min-width: 750px) {
  .modal-gallery__toggle {
    right: 4.8rem;
    top: 3.5rem;
  }
}

@media screen and (min-width: 990px) {
  .modal-gallery__toggle {
    right: 4.3rem;
    top: 3rem;
  }
}

.modal-gallery__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

.modal-gallery__content-info {
  margin: 0 auto;
  height: 100vh;
  width: 100%;
  max-width: 100vw;
  padding: 1rem 1rem;
  overflow-x: hidden;
}

@media screen and (min-width: 990px) {
  .modal-gallery__content-info {
    margin: 0 auto;
    height: 100vh;
    width: 100%;
    max-width: 100vw;
    padding: 1rem 10rem;
    overflow-x: hidden;
  }
}

.modal-gallery__images {
  height: 100%;
  width: 100%;
}

/* --- START: CSS for Modal Video Player --- */

/* 1. This rule prepares each modal slide to be a container that centers its content. */
.modal-gallery__content__image {
  /* Use flexbox to center the video container both vertically and horizontally */
  display: flex;
  align-items: center;
  justify-content: center;
  /* Give each slide some vertical space */
  min-height: 95vh;
  padding: 2rem 0;
}

/* 2. This creates a responsive container with a 16:9 aspect ratio for the video. */
.modal-gallery__content__image .video-placeholder {
  position: relative;
  width: 95%; /* Video will take up 95% of the modal's width */
  height: 0;
  /* This percentage creates the 16:9 aspect ratio (9 / 16 = 56.25%) */
  padding-bottom: 56.25%; 
  background-color: #000; /* The "letterbox" bars will be this color */
}

/* 3. This makes the actual video/iframe fill the container we just made. */
.modal-gallery__content__image .video-placeholder > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; /* Removes default iframe border */
}

/* --- END: CSS for Modal Video Player --- */
.product__gallery modal-opener {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 5;
}

.product__gallery modal-opener button {
  border: 0.1rem solid var(--color-offwhite);
  border-radius: 100%;
  background: #fff;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}

.product__gallery modal-opener button svg {
  width: 1.3rem;
  height: 1.3rem;
}

/*
.product__gallery .swiper-slide--video modal-opener {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.product__gallery .swiper-slide--video modal-opener button {
  width: 5rem;
  height: 5rem;
}

.product__gallery .swiper-slide--video modal-opener button svg {
  width: 2rem;
  height: 2rem;
}
*/
/* Styles for Video Poster and Inline Play Button */
.product-gallery__video-poster {
  position: relative;
  height: 100%;
  z-index: 2;
}

.product-gallery__video-poster .lazypicture,
.product-gallery__video-poster .lazypicture img {
  height: 100%;
  width: 100%;
}

.product-gallery__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: rgba(255,255,255, 0.7);
  border: 0.1rem solid rgba(0,0,0, 0.1);
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: transform 0.2s ease-in-out;
}

.product-gallery__play-button:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

.product-gallery__play-button svg {
  width: 2rem;
  height: 2rem;
}

/* Styles for Inline Video Player */
.product-gallery__video-wrapper {
  height: 100%;
  width: 100%;
  z-index: 3;
}

.product-gallery__video-wrapper[hidden] {
  display: none;
}

.product-gallery__video-wrapper .product-gallery__video {
  object-fit: contain;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 2;
}

/* Ensures the placeholder has a defined size for the video to fill */
.modal-gallery .video-placeholder {
    width: 100%;
    height: 100%;
    min-height: 50vh; /* Adjust as needed */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ensures the moved video player fills the placeholder */
.modal-gallery .video-placeholder > * {
    width: 100%;
    height: 100%;
}

/*----------------------*/
/*  Main (Right Column) */
/*----------------------*/

.product-container .product-pretitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-pretitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-stock-snippet {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0 0 1.6rem;
}

.product-stock-snippet .icon {
  height: 2rem;
}

.product-container .product-pretitle>span {
  font-family: var(--font-heading-family);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.4rem;
  letter-spacing: 0;
  color: #000;
}

.product-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product__main__title h1 {
  font-size: 3.2rem;
  letter-spacing: 0rem;
  line-height: 4.8rem;
  margin: 0.4rem 0 0.8rem;
}

.product__main__title .wishlist-engine>.wishlist-engine-button {
  border: none;
  padding: 0;
  margin: 0;
}

.product__main__title .wishlist-engine svg {
  margin: 0;
}

.product__main__title .wishlist-engine svg path {
  stroke: #E1E1E1;
  fill: #E1E1E1;
  transition: all 150ms ease-in-out;
}

.product__main__title .wishlist-engine .wishlist-icon:hover svg path,
.product__main__title .wishlist-engine[data-added="true"] svg path {
  stroke: var(--color-red);
  fill: var(--color-red);
}

.product__main__title .wishlist-engine .wishlist-text {
  display: none;
}

/* Rating Stars */
.product__main .product-ratings {
  margin-bottom: 1.6rem;
  cursor: pointer;
}

/* Pricing */
.product .product-pricing {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.6rem;
}

.product .product-pricing .sale-tag {
  background: var(--color-bluelight);
  font-weight: var(--font-heading-weight);
  border-radius: var(--buttons-radius);
  color: #000;
  font-size: 1.2rem;
  padding: 0.3rem 1.6rem;
}

.product .product-pricing .sale-tag svg {
  position: relative;
  top: 1px;
}

.product .product-pricing span.old-price,
.product .product-pricing span.new-price {
  font-size: 1.8rem;
  font-family: var(--font-heading-family);
  font-weight: 600;
  line-height: 2.4rem;
  letter-spacing: 0;
  color: #000;
}

.product .product-pricing span.old-price {
  text-decoration: line-through;
  color: #4c4c4c;
  text-decoration-color: #4c4c4c;
  /*visibility: hidden;*/
}

.product .product-pricing span.savings {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  letter-spacing: 0;
  color: #EA4336;
  /*visibility: hidden;*/
}

.product.accessory .product-pricing span.old-price, .product.accessory .product-pricing span.savings {
  visibility: visible;
}

/* Affirm */

.product p.affirm-as-low-as {
  margin: 0 0 1.6rem;
}

.product .affirm-as-low-as a {
  font-family: var(--font-body-family);
  font-weight: 400;
  line-height: 1.6rem;
  font-size: 1.2rem;
  color: var(--color-black);
  text-decoration: none;
}

.product .affirm-as-low-as a:hover {
  text-decoration: underline;
}

/* Color Picker */
.product .color-options {
  padding: 1.6rem;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--color-offwhite);
  display: flex;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1.6rem;
}

.product .color-options>p {
  font-family: var(--font-heading-family);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.4rem;
  letter-spacing: 0;
  color: #000;
  margin: 0;
}

.product .color-options__items {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.product .color-options__items a,
.product .color-options__items span.current-product {
  display: flex;
  align-items: center;
}

.product .color-options__items a.out-of-stock,
.product .color-options__items span.current-product.out-of-stock {
  position: relative;
}

.product .color-options__items span.current-product.out-of-stock {
  cursor: not-allowed;
}

.product .color-options__items a.out-of-stock::after,
.product .color-options__items span.current-product.out-of-stock::after, label.configurator-label.out-of-stock::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom left, transparent 47%, red 49%, red 52%, transparent 54%);
  opacity: 0.7;
  /* Adjust the opacity as needed */
  pointer-events: none;
  /* So that clicks pass through */
}

/* Battery Options */
.product .battery-options {
  border-radius: 0.4rem;
  border: 0.1rem solid var(--color-offwhite);
  margin-bottom: 1.6rem;
}

.product .battery-options__options {
  padding: 0.8rem;
  gap: 0.8rem;
  display: flex;
  border-bottom: 0.1rem solid var(--color-offwhite);
}

.product .battery-options__options__item {
  border-radius: 0.4rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  /*padding: 0.8rem 1.6rem;*/
  padding: 0.8rem 1.0rem;
}

/*.product div.battery-options__options__item,
.product a.battery-options__options__item:hover{
  background: var(--color-yellow);
  border: solid 2px var(--color-yellow);
  background: #e8a9424a;
}
*/
.product div.battery-options__options__item {
  /*border: solid 2px rgb(102 183 213);
  background: #fff;*/
  border: solid 2px rgb(102, 183, 213);
  background: #7dd3fd4a !important;
}

.product a.battery-options__options__item {
  border: solid 2px #e7e7e7;
  background: #e7e7e7;
}

.product div.battery-options__options__item {
  cursor: not-allowed;
  text-wrap: nowrap;
}

.product a.battery-options__options__item:hover {
  /*background: #e8a9424a;*/
  /*border: solid 2px rgb(102 183 213);*/
  background: #7dd3fd4a;
  border: solid 2px rgb(102 183 213);
}

.product a.battery-options__options__item {
  text-decoration: none;
  /*border: solid 2px #e8a94263;*/
  /*border: solid 2px #e7e7e7;
  background: #e7e7e7;*/
  border: solid 2px #e7e7e7;
  background: #fff;
}

.product .battery-options__options__item .pretitle,
.product .battery-options__options__item .title {
  margin: 0;
  display: block;
  letter-spacing: 0;
  color: #000;
  text-decoration: none;
  text-wrap: nowrap;
}

.product .battery-options__options__item .pretitle strike {
  opacity: 0.35;
  margin-right: 0.5rem;
}

.product .battery-options__options__item .pretitle {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.product .battery-options__options__item .title {
  font-family: var(--font-heading-family);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.4rem;
}

.product .battery-options__stats {
  padding: 1.6rem 0;
  display: flex;
  justify-content: center;
  /*gap: 4.8rem;*/
  gap: 3.0rem;
}

.product .battery-options__stats__item {
  text-align: center;
}

.product .battery-options__stats__item strong {
  font-family: var(--font-heading-family);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
  letter-spacing: 0;
  margin: 0;
}

.product .battery-options__stats__item p {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
  color: #808080;
  margin: 0;
}

/* Frame Options */
.product .frame-options {
  border-radius: 0.4rem;
  border: 0.1rem solid var(--color-offwhite);
  margin-bottom: 1.6rem;
}

.product .frame-options__options {
  /*padding: 0.8rem;*/
  padding: 0.5rem;
  gap: 0.8rem;
  display: flex;
  border-bottom: 0.1rem solid var(--color-offwhite);
}

.product .frame-options__options__item {
  border-radius: 0.4rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  /*padding: 0.8rem 1.6rem;*/
  padding: 0.8rem 1.0rem;
}

.product div.frame-options__options__item {
  border: solid 2px rgb(102 183 213);
  /*background: #fff;*/
  background: #7dd3fd4a;
}

.product a.frame-options__options__item {
  border: solid 2px #e7e7e7;
  background: #e7e7e7;
}

.product div.frame-options__options__item {
  cursor: not-allowed;
  text-wrap: nowrap;
}

.product a.frame-options__options__item:hover {
  /*background: #e8a9424a;*/
  /*border: solid 2px rgb(102 183 213);*/
  background: #7dd3fd4a;
  border: solid 2px rgb(102 183 213);
}

.product a.frame-options__options__item {
  text-decoration: none;
  /*border: solid 2px #e8a94263;*/
  border: solid 2px #e7e7e7;
  /*background: #e7e7e7;*/
  background: #fff;
}

.product .frame-options__options__item .pretitle,
.product .frame-options__options__item .title {
  margin: 0;
  display: block;
  letter-spacing: 0;
  color: #000;
  text-decoration: none;
  /*text-wrap: nowrap;*/
  text-wrap: auto;
}

.product .frame-options__options__item .pretitle strike {
  opacity: 0.35;
  margin-right: 0.5rem;
}

.product .frame-options__options__item .pretitle {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.product .frame-options__options__item .title {
  font-family: var(--font-heading-family);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.4rem;
}

.product .frame-options__stats {
  padding: 1.6rem 0;
  display: flex;
  justify-content: center;
  gap: 4.8rem;
}

.product .frame-options__stats__item {
  text-align: center;
}

.product .frame-options__stats__item strong {
  font-family: var(--font-heading-family);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.4rem;
  letter-spacing: 0;
  margin: 0;
}

.product .frame-options__stats__item p {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
  color: #808080;
  margin: 0;
}

.frame-options .color-options__items {
  /*gap: 0.4rem !important;*/
}

/* Add To Cart */
form[data-type="add-to-cart-form"] button[type="submit"] {
  background-color: var(--color-yellow);
}

form[data-type="add-to-cart-form"] button[type="submit"]:hover {
  border-color: var(--color-yellow);
}

form[data-type="add-to-cart-form"] button[type="submit"]:hover::after {
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-yellow), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
}

form[data-type="add-to-cart-form"] button[type="submit"]::after {
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-yellow), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
}


/* Buy Section */

.product-form__error-message-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}

.product-form__error-message-wrapper svg {
  height: 2rem;
  width: 2rem;
  margin-right: 0.5rem;
}

.product-form__error-message-wrapper .product-form__error-message {
  font-weight: var(--font-heading-weight);
}

.buy-section {
  display: flex;
  align-items: self-start;
  gap: 1.8rem;
}

.buy-section__atc {
  width: 100%;
}

button.atc {
  display: none;
}

.buy-section quantity-input {
  background-color: var(--color-graylight);
  border-radius: 0.4rem;
  overflow: hidden;
  /*width: 40%;*/
  width: 45%;
}

/* Contact Info, Icons & Reviews */
.product__contact-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.product__contact-info__grid {
  display: flex;
  /*gap: 2.4rem;*/
  gap: 1.5rem;
  margin-top: 1.6rem;
  /*padding: 0 1.6rem;*/
  padding: 0px;
}

.product__contact-info__grid__col {
  display: flex;
  align-items: center;
  flex: 1 1 0px;
  line-height: calc(1 + 0.3 / var(--font-body-scale));
}
.product__contact-info__grid__col:nth-child(1) {
  min-width: 36%;
}
.product__contact-info__grid__col:nth-child(1) p{
  text-wrap: nowrap;
}

.product__contact-info__cta a {
  color: #000;
}

.product__contact-info__grid__col--reviews .stamped-badge-starrating {
  margin: 0 !important;
  display: block;
  width: max-content;
}

.product__contact-info__grid__col--reviews .stamped-badge {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.product__contact-info__grid__col--reviews .stamped-fa.stamped-fa-star {
  line-height: 1.8rem !important;
}

.stamped-fa.stamped-fa-star:before {
  font-size: 1.8rem;
  color: var(--color-yellow);
}

.product__contact-info__grid__col--reviews .stamped-badge-caption {
  font-size: 1.2rem;
  font-family: var(--font-body-family);
  font-weight: 400;
  line-height: 1.6rem;
  letter-spacing: 0;
  text-align: center;
  margin-top: -0.3rem;
}

.product__contact-info__grid__col svg {
  margin-right: 0.8rem;
}

.product__contact-info__grid__col p {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0;
}

.product__contact-info__grid p {
  margin: 0;
}

/*----------------------*/
/* Media Queries */
/*----------------------*/

@media screen and (min-width: 1279px) {
  .product__gallery__thumbnails {
    display: block;
  }

  .product__gallery {
    width: 58%;
  }

  .product__gallery__container {
    display: grid;
    grid-template-columns: 9.6rem calc(100% - 9.6rem);
    /*gap: 1.6rem;*/
    gap: 0.5rem 1.6rem;
  }

  .thumbnails-wrapper {
    order: unset;
  }

  .product__gallery__main__wrapper {
    padding-bottom: 0rem;
  }

  .magic360-shortcut {
    margin-top: 1.6rem;
  }

  .product__gallery s-carousel .swiper-pagination.gallery-pagination {
    display: none;
  }

  .thumbnails-wrapper>.thumbnail-slide--360 {
    margin: 0.8rem 0 0;
    padding: 0.8rem 0 0;
    border-left: none;
    border-top: 0.1rem solid var(--color-offwhite);
  }

  .thumbnails-wrapper {
    display: block;
  }

  .product__gallery[data-magic360="true"] .product__gallery__thumbnails {
    max-height: calc(9.4rem * 4 + (0.8rem * 7));
  }

  .product__gallery__thumbnails {
    display: flex;
    flex-direction: column;
    max-height: calc((9.4rem + 1.6rem) * 5);
    overflow-y: scroll;
    gap: 1.6rem;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
  }

  .product__gallery .thumbnail-slide button {
    border: none;
    background: none;
    padding: 0;
    height: 100%;
    width: 100%;
    display: block;
    cursor: pointer;
    border-radius: 0.4rem;
    overflow: hidden;
    border: 0.1rem solid var(--color-graylight)
  }

  .thumbnail-nav-prev svg,
  .thumbnail-nav-next svg {
    transform: unset;
  }

  .thumbnail-nav-prev,
  .thumbnail-nav-next {
    display: block;
    margin: 0;
  }

  .thumbnail-nav-prev {
    text-align: center;
    margin-bottom: 1.8rem;
  }

  .thumbnail-nav-next {
    text-align: center;
    margin-top: 1.8rem;
  }

  .magic360-shortcut {
    display: flex;
  }

}


/*----------------------*/
/* PRODUCT FEATURES     */
/*----------------------*/

.thumbnails-wrapper {
  grid-row: 1; /* Ensure it comes first */
}

.product__gallery__main {
  /*grid-row: 2; /* Ensure it comes second */*/
}
/* Default to show desktop version and hide mobile */
#productFeatures-desktop {
  display: block;
}

#productFeatures-mobile {
  display: none;
}

#productFeatures-desktop, #productFeatures-mobile {
  border: 0px red solid;
  grid-column: 2 / -1;
  grid-row: 3; /* Default for desktop, ensuring it comes after other elements */
}
#productFeatures-desktop {
  /*margin-top: 2rem;*/
  order: 3;
}

/* Mobile View */
  @media (max-width: 1278px){
    .thumbnails-wrapper {
      margin-top: 2rem;
      margin-bottom: 4rem;
    }
  }

  @media (max-width: 990px) {
    .product__gallery__container {
      display: flex;
      flex-direction: column; /* Stack items vertically */
    }
  
    .thumbnails-wrapper {
      order: 2; /* Ensure Thumbnails appear first */
      margin-top: 2rem;
      margin-bottom: 4rem;
    }
  
    .product__gallery__main {
      order: 1; /* Ensure Main gallery comes next */
      display: flex;
      flex-direction: column;
    }

    #productFeatures-desktop {
      display: none;
    }
  
    #productFeatures-mobile {
      display: block;
    }
    
    #productFeatures-mobile {
      order: 3; /* Ensure Features appear last */
      margin
    }

    .product .frame-options__options__item .title {
      text-wrap: auto;
    }
  }

.product-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Adjust for mobile layout */
  /*gap: 20px;*/
  gap: 10px;
}

.feature-item {
  display: flex;
  align-items: center;
}

.feature-item .icon {
  margin-right: 10px;
  flex-shrink: 0;
}

.feature-item .text-content {
  display: flex;
  flex-direction: column;
}

.feature-item .label {
  /*font-size: 14px;*/
  font-size: 12px;
  color: #555;
  white-space: nowrap;
}

.feature-item .value {
  /*font-size: 16px;*/
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .product-features-grid {
    grid-template-columns: 1fr 1fr; /* Adjust for mobile view */
    gap: 15px;
  }
}


@media screen and (min-width: 990px) {

  /*----------------------*/
  /* Container */
  /*----------------------*/
  .product {
    flex-direction: row;
    /*gap: 8%;*/
    gap: 6%;
  }

  /*----------------------*/
  /* Gallery */
  /*----------------------*/

  .product__gallery {
    width: 58%;
    position: relative;
  }

  .product__gallery__container {
    position: sticky;
    top: 2rem;
  }

  .product__gallery__main {
    position: relative;
    height: max-content;
  }

  .product_gallery__main__countdown {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2.4rem;
    z-index: 2;
    pointer-events: none;
  }

  .product_gallery__main__countdown .countdown-widget__countdown {
    margin-bottom: 0;
  }

  .product__gallery .swiper-wrapper {
    width: max-content;
  }

  .product__gallery__thumbnails .swiper-wrapper .swiper-slide {
    width: 9.5rem;
    height: 9.5rem;
    max-height: 9.5rem;
    border-radius: 0.4rem;
    border: 0.1rem solid var(--color-graylight);
    overflow: hidden;
  }

  .product__gallery__thumbnails .swiper-wrapper .swiper-slide.swiper-slide-active {
    border: 0.1rem solid #000;
  }

  .product__gallery .swiper-wrapper .swiper-slide picture {
    height: 100%;
    width: 100%;
  }

  .product__gallery .swiper-wrapper .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
  }

  .product__gallery #gallery-main {
    border: 0.1rem solid var(--color-graylight);
    width: 100%;
    border-radius: 0.4rem;
  }

  .product__gallery #gallery-main picture img {
    max-width: 656px;
    width: 100%;
    object-fit: contain;
  }

  .product__gallery__main__wrapper{
    padding-bottom: 0;
  }

  .product__gallery .swiper-pagination.gallery-pagination{
    /* bottom: -3.6rem; */
  }

  /*----------------------*/
  /*  Main (Right Column) */
  /*----------------------*/
  .product__main {
    /*width: 34%;*/
    width: 36%;
    padding-bottom: 6.4rem;
  }
}

/*----------------------*/
/*  Mobile/Desktop Styles */
/*----------------------*/

/* Remove hover effect on mobile buttons */
@media (hover: none) {

  button#free-tab:hover,
  button#upgrades-tab:hover,
  button#bundle-tab:hover {
    /*background-color: var(--color-yellow);*/
    background: #e7e7e7;
  }

  button#free-tab[aria-selected="true"]:hover,
  button#upgrades-tab[aria-selected="true"]:hover,
  button#bundle-tab[aria-selected="true"]:hover {
    background-color: var(--color-white);
  }
}

.product-container .desktop-only {
  display: none;
}

.product__main__title.mobile-only {
  margin-top: 1.6rem;
}

@media screen and (min-width: 750px) {
  .product-container .mobile-only {
    display: none;
  }

  .product-container .desktop-only {
    display: flex;
  }
}

@media screen and (min-width: 360px) and (max-width: 450px) {
  s-tabs.upsell-tabs .upsell-tabs__triggers button.tab__trigger {
    font-size: 1.2rem;
  }
}

.product__gallery .swiper-wrapper .swiper-slide .product__gallery__video {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.video-poster--hidden {
  display: none !important;
}

/*----------------------*/
/*  VWO TEST BLOCK      */
/*----------------------*/
/*#shopify-section-template--15435292606542__multicolumn_nfVLXp {
  display: none;
}*/

#productFeatures-desktop, #productFeatures-mobile {
  /*display: none;*/
}
.product-accordion {
  display: none;
}