/** Shopify CDN: Minification failed

Line 951:0 Unexpected "}"
Line 2327:0 Expected "}" to go with "{"

**/
/* base-product: PDP media, sticky ATC, gallery */
/* Product Media */
media-gallery {
  display: block;
  width: 100%;
}

:where(media-gallery, .product-grid__item) {
  .media-gallery__grid {
    grid-template-columns: 1fr;
    gap: var(--image-gap);
  }
}

.product-media-gallery__slideshow--single-media slideshow-container {
  @media screen and (max-width: 749px) {
    grid-area: unset;
  }
}

:not(.dialog-zoomed-gallery) > .product-media-container {
  --slide-width: round(up, 100%, 1px);

  display: flex;
  aspect-ratio: var(--gallery-aspect-ratio, var(--media-preview-ratio));
  max-height: var(--constrained-height);
  width: 100%;
  position: relative;
  overflow: hidden;

  &:where(.constrain-height) {
    --viewport-offset: 400px;
    --constrained-min-height: 300px;
    --constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset)));

    margin-right: auto;
    margin-left: auto;
  }
}

media-gallery:where(.media-gallery--grid) .media-gallery__grid {
  display: none;
}

media-gallery.media-gallery--grid .media-gallery__grid .product-media-container {
  height: 100%;
}

.product-media :is(deferred-media, product-model) {
  position: absolute;
}

@media screen and (max-width: 749px) {
  .product-media-container.constrain-height {
    max-height: none;
  }
}

@media screen and (min-width: 750px) {
  swiper-component:has(> .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='left']),
  swiper-component:has(> .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='right']) {
    display: flex;
    align-items: stretch;
    gap: var(--padding-2xs);
  }

  swiper-component:has(> .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='left']) .swiper-controls__thumbnails-container,
  swiper-component:has(> .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='right']) .swiper-controls__thumbnails-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
  }

  swiper-component:has(> .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='left']) .swiper-controls__thumbnails-container .swiper,
  swiper-component:has(> .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='right']) .swiper-controls__thumbnails-container .swiper {
    height: 100%;
  }

  swiper-component:has(> .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='left']) .swiper-main {
    width: 100%;
    margin-left: calc(var(--thumbnail-width, 7rem) + var(--size-10));
  }

  swiper-component:has(> .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='right']) .swiper-controls__thumbnails-container {
    left: auto;
    right: 0;
  }
  
  swiper-component:has(> .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='right']) .swiper-main {
    width: 100%;
    margin-right: calc(var(--thumbnail-width, 7rem) + var(--size-10));
  }

  swiper-component > .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='left'] {
    order: -1;
  }

  swiper-component > .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='right'],
  swiper-component > .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='left'] {
    width: var(--thumbnail-width, 7rem);
  }

  swiper-component > .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='right'] {
    justify-content: flex-end;
  }

  swiper-component > .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='left'] {
    justify-content: flex-start;
  }

  .product-media-container.constrain-height {
    --viewport-offset: var(--header-height, 100px);
    --constrained-min-height: 500px;
  }

  .media-gallery--two-column .media-gallery__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .media-gallery--large-first-image .product-media-container:first-child,
  .media-gallery--two-column .product-media-container:only-child {
    grid-column: span 2;
  }

  media-gallery:is(.media-gallery--grid) swiper-component {
    display: none !important;
  }

  media-gallery:where(.media-gallery--grid) .media-gallery__grid {
    display: grid !important;
  }
}

@media screen and (min-width: 1025px) {
  swiper-component:has(> .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='left']) .swiper-main {
    margin-left: calc(var(--thumbnail-width, 7rem) + var(--size-30));
  }

  swiper-component:has(> .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='right']) .swiper-main {
    margin-right: calc(var(--thumbnail-width, 7rem) + var(--size-30));
  }
}

.product-media-container--model {
  flex-direction: column;
}

.shopify-model-viewer-ui__controls-area {
  bottom: calc(var(--minimum-touch-target) + var(--padding-sm));
}

.product-media-container img {
  aspect-ratio: inherit;
  object-fit: contain;
  object-position: center center;
}

.product-media-container.media-fit {
  --product-media-fit: cover;

  img {
    object-fit: var(--product-media-fit);
  }
}

/* Media gallery zoom dialog */
.product-media-container__zoom-button {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: var(--layer-flat);
  cursor: zoom-in;
  background-color: transparent;

  @media (hover: hover) {
    &:hover {
      background-color: transparent;
    }
  }
}

zoom-dialog dialog {
  width: 100vw;
  height: 100vh;
  border: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
  max-height: 100%;
  background: var(--color-white);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--animation-speed) var(--animation-easing), visibility var(--animation-speed) linear;
  scrollbar-width: var(--scrollbar-width, 0);

  &[open] {
    opacity: 1;
    visibility: visible;
    transition-delay: var(--animation-speed), var(--animation-speed), var(--animation-speed);
  }

  @media (prefers-reduced-motion: no-preference) {
    scroll-behavior: smooth;
  }

  &::backdrop {
    background: transparent;
  }
}

.close-button {
  position: fixed;
  top: var(--margin-lg);
  right: var(--margin-lg);
  width: var(--minimum-touch-target);
  height: var(--minimum-touch-target);
  z-index: var(--layer-flat);
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--style-border-radius-50);
}

@supports not (background-color: rgb(from red 150 g b / alpha)) {
  .close-button:focus-visible {
    outline: none;
    overflow: visible;
  }

  .close-button:focus-visible::after {
    content: '';
    position: absolute;
    inset: calc(-1 * var(--focus-outline-offset));
    border: var(--focus-outline-width) solid currentColor;
    border-radius: var(--style-border-radius-50);
    display: inherit;
  }
}

.dialog--closed .close-button {
  animation: elementSlideOutBottom calc(var(--animation-speed) * 0.5) var(--animation-easing) forwards;
}

.dialog-thumbnails-list-container {
  position: fixed;
  width: 100%;
  bottom: 0;
  display: flex;
  z-index: var(--layer-raised);
}

.dialog-thumbnails-list {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  gap: 8px;
  bottom: 0;
  overflow-x: auto;
  opacity: 1;
  padding: var(--padding-lg);
  margin-inline: auto;
  scrollbar-width: none;
  animation: thumbnailsSlideInBottom calc(var(--animation-speed) * 0.75) var(--animation-easing) forwards;
  animation-delay: calc(var(--animation-speed) * 1.5);
  transform: translateY(-50%);
}

.dialog--closed .dialog-thumbnails-list {
  animation: thumbnailsSlideOutBottom var(--animation-speed) var(--animation-easing) forwards;
}

@media screen and (min-width: 750px) {
  .dialog-thumbnails-list {
    position: fixed;
    flex-direction: column;
    inset: 50% var(--margin-lg) auto auto;
    right: 0;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    animation: thumbnailsSlideInTop calc(var(--animation-speed) * 0.5) var(--animation-easing) forwards;
    animation-delay: calc(var(--animation-speed) * 2);
  }

  .dialog--closed .dialog-thumbnails-list {
    animation: thumbnailsSlideOutTop var(--animation-speed) var(--animation-easing) forwards;
  }
}

.dialog-thumbnails-list__thumbnail {
  width: 48px;
  height: auto;
  transition: transform var(--animation-speed) var(--animation-easing);
  flex-shrink: 0;
  border-radius: var(--media-radius);

  img {
    height: 100%;
    object-fit: cover;
    border-radius: var(--media-radius);
    aspect-ratio: var(--aspect-ratio);
  }

  &:is([aria-selected='true']) {
    outline: var(--focus-outline-width) solid currentcolor;
    outline-offset: calc(var(--focus-outline-offset) / 2);
    border: var(--style-border-width) solid rgb(var(--color-border-rgb) / var(--media-border-opacity));
  }
}

.button.dialog-thumbnails-list__thumbnail:active {
  transform: none;
}

.close-button svg {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
}

/* Product media */
.product-media {
  display: flex;
  flex: 1;
}

.product-media__image ~ * .deferred-media__poster-image {
  display: none;
}

.product-media-container.has-deferred-media__playing .product-media__image {
  opacity: 0;
  transition: opacity var(--animation-speed) var(--animation-easing);
}

:is(product-model, deferred-media) {
  height: 100%;
  width: 100%;
  position: relative;
}

product-model model-viewer,
:is(deferred-media, product-model) > .deferred-media__poster-button ~ *:not(template) {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: inherit;
}

slideshow-slide .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area {
  bottom: var(--padding-sm);
  right: var(--padding-sm);
}

.dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area {
  bottom: var(--padding-lg);
  right: var(--padding-lg);
}

@media screen and (max-width: 749px) {
  swiper-component:has(:not(.mobile\:hidden) :is(.swiper-controls__dots, .swiper-controls__counter))
    .shopify-model-viewer-ui__controls-area {
    bottom: calc(var(--minimum-touch-target) + var(--padding-sm));
  }
}

@media screen and (min-width: 750px) {
  swiper-component:has(:not(.desktop\:hidden) :is(.swiper-controls__dots, .swiper-controls__counter))
    .shopify-model-viewer-ui__controls-area {
    bottom: calc(var(--minimum-touch-target) + var(--padding-sm));
  }

  .dialog-zoomed-gallery .shopify-model-viewer-ui__controls-area.shopify-model-viewer-ui__controls-area {
    bottom: var(--padding-lg);
    right:  var(--padding-lg);
  }
}

:is(deferred-media, .video-placeholder-wrapper).border-style {
  overflow: hidden;
}

deferred-media {
  &:has(:focus-visible) {
    outline: var(--focus-outline-width) solid currentcolor;
    outline-offset: var(--focus-outline-offset);
  }

  @supports not selector(:focus-visible) {
    &:has(:focus) {
      outline: var(--focus-outline-width) solid currentcolor;
      outline-offset: var(--focus-outline-offset);
    }
  }
}

.deferred-media__poster-button {
  width: 100%;
  height: 100%;
  aspect-ratio: var(--video-aspect-ratio, auto);
}

.deferred-media__poster-button.deferred-media__playing {
  opacity: 0;
  transition: opacity 0.3s ease;
}

deferred-media img {
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease;
}

deferred-media iframe {
  width: 100%;
  height: 100%;
  border: none;
  aspect-ratio: var(--size-style-aspect-ratio, auto);
}

deferred-media[data-media-loaded] img {
  opacity: 0;
}

.deferred-media__poster-icon,
.video-placeholder-wrapper__poster-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--style-border-radius-50);
  display: flex;
  align-items: center;
  justify-content: center;
}

.deferred-media__poster-icon svg,
.video-placeholder-wrapper__poster-icon svg {
  width: var(--button-size);
  height: var(--button-size);
  color: var(--color-white);
  filter: drop-shadow(var(--shadow-button));

  @media (hover: hover) {
    &:hover svg {
      color: rgb(var(--color-white-rgb) / var(--opacity-80));
    }
  }

  @media screen and (min-width: 750px) {
    width: var(--size-40);
    height: var(--size-40);
  }
}

deferred-media[class] :is(.deferred-media__poster-button img, .deferred-media__poster-button ~ video) {
  object-fit: cover;
  height: 100%;
  aspect-ratio: var(--size-style-aspect-ratio, auto);
}

.button-shopify-xr {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--padding-md);
}

.button-shopify-xr > svg {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  fill: currentcolor;
  margin-inline-end: var(--margin-md);
}

.button-shopify-xr[data-shopify-xr-hidden] {
  display: none;
}

/* Add to cart button */
.button[id^='ProductSubmitButton-'] {
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* Cart bubble */
.cart-bubble {
  --cart-padding: 0.2em;

  position: relative;
  width: 20px;
  aspect-ratio: 1;
  border-radius: var(--style-border-radius-50);
  border-width: 0;
  display: grid;
  line-height: normal;
  place-content: center;
  color: var(--color-primary-button-text);
  padding-inline: var(--cart-padding);
}

.cart-bubble__background {
  position: absolute;
  inset: 0;
  background-color: var(--color-primary-button-background);
  border-radius: var(--style-border-radius-50);
}

.cart-bubble__text {
  font-size: var(--font-size--2xs);
  z-index: var(--layer-flat);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Quantity selector */
.quantity-selector {
  --quantity-selector-width: 4.5rem;

  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-input-text);
  background-color: var(--color-input-background);
  border-radius: var(--inputs-radius);
  flex: 1 1 var(--quantity-selector-width);
  align-self: stretch;
  transition: background-color var(--animation-speed) var(--animation-easing);

  /* @media (hover: hover) {
    &:hover {
      background-color: var(--color-input-hover-background);
    }
  } */

  .quantity__button{
    position: absolute;
    z-index: 3;

    &.quantity-minus{
      left: 0;
      right: auto;
    }

    &.quantity-plus{
      right: 0;
      left: auto;
    }
  }
}

.add-to-cart-button,
.quick-add__submit {
  min-height: var(--size-45);
}

.product-form__buttons:has(.add-to-cart-button.button-secondary) .quantity-selector {
  border-radius: var(--style-border-radius-buttons-secondary);
}

.quantity-selector :is(.quantity-minus, .quantity-plus) {
  padding: var(--button-padding-vertical) 0;
  background: transparent;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size-45);
  height: var(--size-45);
  flex-shrink: 0;
  color: var(--color-input-text);
}

.quantity-selector .quantity-minus {
  border-start-start-radius: var(--inputs-radius);
  border-end-start-radius: var(--inputs-radius);
}

.quantity-selector .quantity-plus {
  border-start-end-radius: var(--inputs-radius);
  border-end-end-radius: var(--inputs-radius);
}

.product-details .quantity-selector .quantity-minus {
  border-start-start-radius: var(--style-border-radius-buttons-primary);
  border-end-start-radius: var(--style-border-radius-buttons-primary);
}

.product-details .quantity-selector .quantity-plus {
  border-start-end-radius: var(--style-border-radius-buttons-primary);
  border-end-end-radius: var(--style-border-radius-buttons-primary);
}

.quantity-selector .svg-wrapper {
  transition: transform var(--animation-speed) var(--animation-easing);
}

.quantity-selector svg {
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
}

:is(.quantity-minus, .quantity-plus):active .svg-wrapper {
  transform: scale(0.9);
}

.quantity-selector input[type='number'] {
  margin: 0;
  text-align: center;
  border: none;
  appearance: none;
  max-width: 100%;
  border-radius: var(--style-border-radius-buttons);
  color: var(--color-input-text);
  background-color: transparent;
}

.quantity-selector input[type='number']::-webkit-inner-spin-button,
.quantity-selector input[type='number']::-webkit-outer-spin-button {
  appearance: none;
}

.quantity-selector input[type='number'] {
  appearance: textfield;
}

.pills__pill {
  --pills-pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));

  color: var(--color-foreground);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-sm);
  min-width: 48px;
  padding: 6px 12px;
  border-radius: var(--style-border-radius-pills);
  cursor: pointer;
  background-color: var(--pills-pill-background-color);
  transition: background-color var(--animation-speed) var(--animation-easing);

  @media (hover: hover) {
    &:hover {
      --pills-pill-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));
    }
  }

  @media screen and (max-width: 749px) {
    padding: var(--padding-xs) var(--padding-md);
  }
}

.pills__pill > .svg-wrapper {
  --close-icon-opacity: 0.4;
  --icon-stroke-width: 1px;
/* Arnav Search Fix 15/04/26 */
  /* color: var(--color-foreground); */
  color: #000000;
}

.pills__pill--swatch {
  @media screen and (max-width: 749px) {
    padding-inline-start: var(--padding-sm);
  }
}

.pills__pill--swatch .swatch {
  margin-right: -4px;
}

.pills__pill--desktop-small {
  @media screen and (min-width: 750px) {
    font-size: var(--font-size--xs);
  }
}

.swiper-controls__thumbnails-container .swiper:not(.swiper-initialized) .swiper-wrapper {
  height: auto;
}

.swiper-controls__thumbnails {
  height: fit-content;

  .swiper-control {
    border-radius: var(--media-radius);
    height: auto;
    aspect-ratio: var(--aspect-ratio);

    img {
      border-radius: var(--media-radius);
    }
  }

  @media screen and (min-width: 750px) {
    &[data-thumbnail-direction="vertical"]:not(.swiper-initialized) {
      .swiper-wrapper {
        flex-direction: column;
        gap: 0.8rem;
      }
    }
  }
}

.button.swiper-controls__thumbnail:active {
  transform: none;
}

.swiper-slide-thumb-active {
  opacity: var(--opacity-30);
}

.swiper-main {
  width: 100%;
}

/* Hide scrollbars on PDP media / thumbnail strips (vertical thumbs overflow without needing a bar). */
.product-information__media,
.product-information__media media-gallery,
media-gallery .swiper-main,
media-gallery .swiper-main .swiper,
media-gallery .swiper-controls__thumbnails-container,
media-gallery .swiper-controls__thumbnails-container .swiper {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.product-information__media::-webkit-scrollbar,
.product-information__media media-gallery::-webkit-scrollbar,
media-gallery .swiper-main::-webkit-scrollbar,
media-gallery .swiper-main .swiper::-webkit-scrollbar,
media-gallery .swiper-controls__thumbnails-container::-webkit-scrollbar,
media-gallery .swiper-controls__thumbnails-container .swiper::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

product-info .swiper-main .swiper-pagination-progressbar {
  width: 100%;
}

.swiper-controls__thumbnail-badge {
  position: absolute;
  top: var(--padding-2xs);
  right: var(--padding-2xs);
  width: clamp(32px, 25%, 44px);
  height: clamp(32px, 25%, 44px);
  background-color: var(--color-background);
  border-radius: var(--style-border-radius-xs);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 1px rgb(var(--color-foreground-rgb) / var(--opacity-50));
}

.swiper-controls__thumbnail-badge svg {
  width: 60%;
  height: 60%;
  fill: var(--color-foreground);
  opacity: 0.6;
}

/* PDP thumbnails: IGP-style strip under edge-to-edge main image */
media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] {
  --pdp-thumb-frame: #c9943a;
  --pdp-thumb-frame-width: 2px;
  --pdp-thumb-size: 7.2rem;
  margin-top: 1rem;
  padding: 0 var(--page-margin, 1rem) 0.8rem;
  background-color: var(--color-background);
  border: none;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 749px) {
  /* Thumbnails sit in the full-bleed media column — indent them back to page gutters */
  .product-information__media media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] {
    padding-left: var(--page-margin, 1rem);
    padding-right: var(--page-margin, 1rem);
    margin-top: 1.2rem;
  }

  .product-information__media media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] .swiper-controls__thumbnail {
    width: var(--pdp-thumb-size);
    height: var(--pdp-thumb-size);
    min-width: var(--pdp-thumb-size);
    border-radius: 0.4rem;
  }

  .product-information__media media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] .swiper-controls__thumbnail img {
    border-radius: 0.3rem;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  /* Softer inactive state (closer to IGP than heavy blur) */
  .product-information__media media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] .swiper-controls__thumbnail:not(.active):not(.swiper-slide-thumb-active) img {
    filter: none;
    opacity: 0.85;
    transform: none;
  }
}

media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] .swiper-controls__thumbnail {
  overflow: hidden;
  isolation: isolate;
  border-radius: var(--media-radius);
  box-sizing: border-box;
  border: var(--pdp-thumb-frame-width, 2px) solid transparent;
  background-clip: padding-box;
}

media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] .swiper-controls__thumbnail img {
  border-radius: max(0px, calc(var(--media-radius) - 2px));
  transition:
    filter var(--animation-speed) var(--animation-easing),
    opacity var(--animation-speed) var(--animation-easing),
    transform var(--animation-speed) var(--animation-easing);
}

media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] .swiper-controls__thumbnail:not(.active):not(.swiper-slide-thumb-active) img {
  filter: blur(5px);
  opacity: 0.65;
  transform: scale(1.08);
}

media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] .swiper-controls__thumbnail.active img,
media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] .swiper-controls__thumbnail.swiper-slide-thumb-active img {
  filter: none;
  opacity: 1;
  transform: none;
}

/* Theme dims .swiper-slide-thumb-active; JS uses .active on thumbs — fix both */
media-gallery .swiper-controls__thumbnails .swiper-slide-thumb-active,
media-gallery .swiper-controls__thumbnails .swiper-controls__thumbnail.active {
  opacity: 1;
}

media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] .swiper-controls__thumbnail.active,
media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] .swiper-controls__thumbnail.swiper-slide-thumb-active {
  border: var(--pdp-thumb-frame-width, 2px) solid var(--pdp-thumb-frame, #c9943a);
  box-shadow: none;
  outline: none;
}

@media (prefers-reduced-motion: reduce) {
  media-gallery .swiper-controls__thumbnails-container[thumbnails][data-thumbnail-position='bottom'] .swiper-controls__thumbnail:not(.active):not(.swiper-slide-thumb-active) img {
    filter: blur(2px);
    opacity: 0.8;
    transform: none;
  }
}

.color-scheme-custom {
  color: var(--color-foreground);
  background: var(--color-background);
}

.alertBox {
  display: flex;
  gap: var(--gap-sm);
  width: 100%;
  font-size: var(--font-size--sm);
  padding: var(--size-20) var(--size-17);
  border-radius: var(--inputs-radius);
}

.alertBox--success {
  color: var(--color-success-text);
  background-color: var(--color-success-background);
}

.alertBox--error {
  color: var(--color-error-text);
  background-color: var(--color-error-background);
}

.alertBox--info {
  color: var(--color-info-text);
  background-color: var(--color-info-background);
}

.alertBox--warning {
  color: var(--color-warning-text);
  background-color: var(--color-warning-background);
}

text-loader-component {
  --shimmer-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  --shimmer-color-light: rgb(var(--color-foreground-rgb) / var(--opacity-10));
  --shimmer-speed: 1.25s;

  display: inline-block;
  position: relative;
  transition: color var(--animation-speed-slow) ease;
  line-height: 1;

  &::after {
    content: attr(data-shimmer-text);
    position: absolute;
    inset: 0;
    color: transparent;
    opacity: 0;
    transition: opacity var(--animation-speed-slow) var(--animation-easing);
    pointer-events: none;
    background-image: linear-gradient(
      -85deg,
      var(--shimmer-text-color) 10%,
      var(--shimmer-color-light) 50%,
      var(--shimmer-text-color) 90%
    );
    background-clip: text;
    background-size: 200% 100%;
    background-position: 100% 0;
    place-content: center;
  }

  &[shimmer] {
    color: transparent;

    &::after {
      opacity: 1;
      animation: text-shimmer var(--shimmer-speed) infinite linear;
    }
  }
}
/* end base-1.css */

  .product-information.section--page-width .product-details > .group-block {
    padding-inline: 0;
  }
}

.view-product-title {
  display: none;
}

.product-details {
  padding: 0;
  display: flex;
  align-self: start;
  justify-content: center;
}

.product-information--details-overlay-on-scroll-mobile .product-details {
  position: sticky;
  top: 0;
}

.product-details .form__label {
  font-size: var(--font-size-heading);
}

.product-details > .group-block > .group-block-content {
  width: calc(100% - var(--product-share-button-width, 0px));
}

.product-details .product-share-button {
  top: 5rem;
  right: calc(var(--product-share-button-width, 0px) * -1);
}

.product-share-button__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-lg);
}

@media screen and (hover: hover) {
  .product-share-button:hover span {
    color: var(--color-primary);
  }
}

@media screen and (min-width: 750px) {
  .product-details {
    position: sticky;
    top: 0;
  }

  .product-details > .group-block {
    height: min-content;
  }

  .product-details > .group-block > .group-block-content {
    width: calc(100% - var(--product-share-button-width, 0px) - var(--size-10));
  }

  .product-details .product-share-button {
    right: calc(var(--product-share-button-width, 0px) * -1 - var(--size-10));
  }
}

.dialog-zoomed-gallery {
  cursor: zoom-out;
}

.dialog--preloading {
  opacity: 0;
}

.product-media__drag-zoom-wrapper {
  aspect-ratio: inherit;
  min-height: inherit;
  min-width: inherit;
  display: inherit;
  flex: inherit;
}

@media screen and (max-width: 749px) {
  media-gallery swiper-component .swiper {
    padding-bottom: 0.5rem !important;
  }

  .dialog-zoomed-gallery {
    /* Prevent scroll wheel or swipe scrolling */
    overscroll-behavior: none;
    scrollbar-width: none;
    display: flex;
    scroll-snap-type: x mandatory;
    overflow-x: hidden;
    scroll-behavior: smooth;
    height: 100%;

    &::-webkit-scrollbar {
      display: none;
    }
  }

  .dialog-zoomed-gallery .product-media-container {
    flex: 0 0 100%;
    scroll-snap-align: start;
    position: relative;
  }

  .dialog-zoomed-gallery .product-media-container--image .product-media {
    aspect-ratio: auto;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .dialog-zoomed-gallery .product-media-container--video,
  .dialog-zoomed-gallery .product-media-container--external_video {
    align-content: center;
  }

  .dialog-zoomed-gallery
    :is(.product-media-container--video, .product-media-container--external_video, .product-media-container--model)
    .product-media {
    aspect-ratio: auto;
    align-items: center;
    height: 100%;

    .product-media__image {
      height: 100%;
    }
  }

  .product-media__drag-zoom-wrapper {
    display: flex;
    aspect-ratio: auto;
    height: 100%;
    width: 100%;
    overflow: scroll;
    scrollbar-width: none;
    justify-content: center;

    &::-webkit-scrollbar {
      display: none;
    }
  }

  .product-media__drag-zoom-wrapper .product-media__image {
    --product-media-fit: contain;

    object-fit: var(--product-media-fit);
    overflow: hidden;
    transform: scale(var(--drag-zoom-scale))
      translate(var(--drag-zoom-translate-x, 0), var(--drag-zoom-translate-y, 0));
  }
}

.dialog-zoomed-gallery__close-button {
  color: var(--color-black);
  z-index: var(--layer-raised);
}

.dialog-zoomed-gallery .product-media-container--zoomable.product-media-container--image {
  cursor: zoom-out;
}

.product-media-container--zoomable.product-media-container--image {
  cursor: zoom-in;
}

.dialog-zoomed-gallery .product-media-container--video deferred-media,
.dialog-zoomed-gallery .product-media-container--external_video deferred-media {
  aspect-ratio: var(--ratio);
}

.dialog-zoomed-gallery .product-media-container--model .product-media__image {
  /* Make the height match the height of the model-viewer */
  height: 100vh;
}

.video-dialog button {
  width: 100%;
}

.video-modal-dialog deferred-media {
  max-height: 85dvh;
}

.positive_vibes {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: auto;
  width: 100%;
}

.positive_vibes .text-vibes:not(.js-active) .text-vibes--child {
  display: none;

  &:first-child {
    display: block;
  }
}

.positive_vibes .text-vibes.js-active {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  transition: all 0.5s ease 0s;
}

.positive_vibes .text-vibes p {
  display: block;
  transition: transform 1s ease-in-out;
  margin: 0;
  padding: 0.4rem 0;
}

.positive_vibes .text-vibes p svg {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  stroke: transparent;
  position: relative;
  top: -2px;
  margin-inline-end: 1rem;
}

.text-vibes--child .hot-stock {
  background: var(--color-hot);
  color: var(--color-white);
  padding: 0.3rem 0.6rem 0.3rem 0.7rem;
  border-radius: 0.8rem 0;
  display: inline-block;
}

.text-vibes--child .new-arrivals {
  background: var(--color-new-arrivals);
  color: var(--color-white);
  padding: 0.3rem 0.6rem 0.3rem 0.7rem;
  border-radius: 0.8rem 0;
  display: inline-block;
  margin-inline-end: 1rem;
}

sold-in-last-component.loading {
  opacity: var(--opacity-80);
  pointer-events: none;
  filter: blur(1.5px) brightness(1.15);
  transition: opacity var(--animation-speed-slowest) var(--animation-timing-hover), filter var(--animation-speed-slowest) var(--animation-timing-hover);
}
.product-sold-in-last{
  display: inline-block;
  vertical-align: bottom;
}
.product-sold-in-last svg {
  display: inline-block;
  vertical-align: middle;
  width: 1.8rem;
  height: 1.8rem;
  position: relative;
  top: -0.2rem;
  fill: var(--color-hot);
  margin-right: 0.8rem;
}
.sold-in-last-message {
  display: inline-block;
  vertical-align: middle;
  color: var(--color-hot);
}
@media screen and (max-width: 749px) {
  .product-sold-in-last {
    display: block;
    margin: 1rem 0 0 -0.2rem;
  }
}

.product-quick-add__media {
  --layout-template: 10rem 1fr;
  display: grid;
  grid-template-columns: var(--layout-template);
  gap: 2.4rem;

  &.product-information__media--right {
    --layout-template: 1fr 10rem;
  }
}

.form-ratio {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.form-ratio--horizontal {
  flex-direction: row;
}
.form-ratio--vertical {
  flex-direction: column;
}

.add-to-cart-button-container {
  gap: 1.5rem;
}

.popup.size-chart > .button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-transform: none;
  text-align: left;
}

.popup.size-chart > .button svg {
  top: 0;
}

.social-icons__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--icon-size-lg);
}

.social-icons__icon {
  display: flex;
  fill: currentColor;
  flex-shrink: 0;
  width: var(--icon-size-lg);
  height: var(--icon-size-lg);
}

.social-icons__icon {
  display: none;
}

.social-icons__icon-wrapper:has(.social-icons__icon path) {
  width: var(--icon-size-lg);

  .social-icons__icon {
    display: block;
  }

  .social-icons__icon-label {
    display: none;
  }
}

.overlay-component {
  opacity: var(--opacity-0);
  visibility: hidden;
  transition: opacity .3s ease, visibility 0s linear .3s;
}
.is-active .overlay-component {
  min-height: 100lvh;
  transform: translateY(-100vh);
  background-color: rgb(var(--color-shadow-rgb) / var(--opacity-70));
  z-index: -1;
  opacity: var(--opacity-100);
  visibility: visible;
  transition: opacity .3s ease, visibility 0s linear 0s;
}
.sticky-atc {
  padding: 1rem;
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: opacity .3s ease, box-shadow .3s ease, transform .3s ease, visibility 0s linear .3s;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);

  .section {
    padding: 1rem;
  }
}

.sticky-atc .icon-arrow-down {
  min-width: 1.6rem;
}

.sticky-cart-visible .sticky-atc {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

.sticky-cart-visible .sticky-atc.style-custom,
.sticky-cart-visible .sticky-atc.style-jump_to_product {
  transform: translate(-50%, 0);
}

.sticky-cart-visible.sticky-cart-active .recent-sale-popup-wrapper,
.sticky-cart-visible.sticky-cart-active .section-multitasking-bar {
  z-index: var(--layer-flat) !important;
}

.sticky-atc.style-custom,
.sticky-atc.style-jump_to_product {
  max-width: 48rem;
  width: 100%;
  left: 50%;
  transform: translate(-50%, 100%);
  bottom: var(--sticky-pos-bottom);

  @media screen and (max-width: 1024px) {
    max-width: 35rem;
  }

  @media screen and (max-width: 991px) {
    bottom: calc(var(--toolbar-mobile-height) + 5px);
  }

  @media screen and (max-width: 749px) {
    .sticky-atc__content {
      display: flex !important;
    }
  }
}

.featured-product-banner-container .group-block__media-wrapper .background-image-container {
  position: absolute;
  width: 100%;
  height: 100dvh;
}

.card-hover--subtle-zoom .featured-product-banner-container .group-block__media-wrapper .background-image-container img {
  transform: none;
}

.featured-product-banner-container .group-block__media-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100dvh;
}

.featured-product-banner-container .style-jump_to_product  {
  margin-bottom: var(--sticky-pos-bottom);
}

.sticky-atc.style-custom {
  max-width: var(--sticky-width);
}

.main-product-information .sticky-atc.style-jump_to_product .icon-arrow-down {
  transform: rotate(180deg);
}

.sticky-atc.style-jump_to_product {
  cursor: pointer;
}

.sticky-atc.style-jump_to_product .sticky-atc__wrapper {
  gap: 2.4rem;
}

@media (hover: hover) {
  .sticky-atc.style-jump_to_product:hover {
    transform: translateX(-50%) translateY(-1rem);
  }
}

@media screen and (max-width: 1399px) {
  .sticky-atc.style-custom {
    max-width: 80%;
  }
}

@media screen and (max-width: 991px) {
  .sticky-atc.style-custom {
    max-width: 100%;
    bottom: calc(var(--toolbar-mobile-height) + 5px);
  }
}

@media screen and (max-width: 749px) {
  .sticky-atc .section {
    padding: 0;
  }

  .sticky-atc.style-jump_to_product .sticky-atc__wrapper,
  .sticky-atc.style-jump_to_product .sticky-atc__content {
    gap: 1rem;
  }
}

.sticky-atc.style-jump_to_product * {
  pointer-events: none;
}

.sticky-atc.style-custom .section,
.sticky-atc.style-jump_to_product .section {
  --page-margin: 0px;
}

.sticky-atc.style-custom .sticky-atc__media,
.sticky-atc.style-jump_to_product .sticky-atc__media {
  min-width: 8rem;
}

.sticky-atc.style-jump_to_product .sticky-atc__title {
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  margin-bottom: 1.6rem;
}

.sticky-atc__variant {
  padding: 1.5rem 0 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 -0.2rem 1rem rgba(0, 0, 0, 0.2);
}

.sticky-atc.is-active .sticky-atc__variant {
  opacity: 1;
  pointer-events: auto;
}

.sticky-atc .variant-selects {
  padding: 2rem 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.sticky-atc .add-to-cart-text--add {
  display: none;
}

.sticky-atc .product-form__submit:not(.no-variants) {
  display: none;
}

.sticky-atc.is-active .product-form__submit {
  display: block;
}

.sticky-atc.is-active .button-toggle-variants {
  display: none;
}

.sticky-atc.is-active .add-to-cart-text--add {
  display: block;
}

@media screen and (min-width: 750px) {
  .sticky-atc {
    padding: 0;
  }

  .sticky-atc .section {
    border-top: 1px solid #e5e5e5;
  }

  .sticky-atc.style-jump_to_product .section {
    padding: 1.6rem;
  }

  .sticky-atc .variant-selects .variant-option {
    max-width: fit-content;
  }

  .sticky-atc__variant {
    padding: 0;
  }

  .variant-alignment--left variant-selects {
    justify-content: flex-start;
  }

  .variant-alignment--right variant-selects {
    justify-content: flex-end;
  }

  .variant-alignment--center variant-selects {
    justify-content: center;
  }
}

@media screen and (max-width: 749px) {
  .sticky-atc__action {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .sticky-atc {
    bottom: calc(var(--toolbar-mobile-height) + 5px);
  }
}

.sub-collection-block {
  align-items: var(--horizontal-alignment);

  .menu__heading {
    justify-content: var(--text-align-default);
  }
}

.sub-collection-block > * {
  text-align: var(--text-align, var(--text-align-default));
  text-wrap: var(--text-wrap);
}

.sub-collection-block a {
  color: var(--color-primary);
  text-decoration-color: transparent;
  text-underline-offset: 0.3rem;

  &:hover {
    color: var(--color-primary-hover);
    text-decoration-color: var(--color-primary-hover);
  }
}

.sub-collection-block .direction--row {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: calc(var(--spacing--size) / 2) var(--spacing--size);

  .menu__item {
    margin: 0;
  }
}

.sub-collection-block .menu__heading__default {
  display: contents;
  font-size: var(--font-heading--size);
}

.sub-collection-block .menu__heading__default [style="text-decoration:underline"]{
  text-underline-offset: 0.3rem;
}

.sub-collection-block .menu__item{
  font-size: var(--font-link--size);
}

.accelerated-checkout-block[data-shopify-visual-preview] {
  width: 300px;
}

more-payment-options-link {
  font-size: smaller;
}

more-payment-options-link a {
  --button-color: var(--color-primary);
}

more-payment-options-link a:hover {
  --button-color: var(--color-primary-hover);
}

.shopify-payment-button__more-options[aria-hidden='true'] {
  display: none;
}

/* Checkout Button */
.accelerated-checkout-block.checkout--button-secondary button.shopify-payment-button__button--unbranded {
  --button-color: var(--color-primary);
  --button-background-color: transparent;
  --button-border-color: var(--color-primary);
  --button-border-width: 1px;
  --button-border-radius: 0;
  --button-padding-block-start: 10px;
  --button-padding-block-end: 10px;
}

.accelerated-checkout-block.checkout--button-secondary button.shopify-payment-button__button--unbranded:hover {
  --shadow-horizontal-offset: 0;
  --shadow-vertical-offset: 0;
  --button-color: var(--color-secondary-button-hover-text);
  --button-background-color: var(--color-secondary-button-hover-background);
  --button-border-color: var(--color-secondary-button-hover-border);
}

.add-to-cart-button-container .add-to-cart-button-inner .card-product__group-item button {
  padding: 0.5rem;
}

.add-to-cart-button-inner {
  width: 100%;
  gap: 1rem;

  .shopify-payment-button,
  .add-to-cart-button-container {
    width: 100%;
  }

  button .svg-wrapper,
  button svg {
    width: 2rem;
    height: 2rem;
  }

  &:has(.wishlist-button) .add-to-cart-button-container,
  &:has(.share-button) .add-to-cart-button-container {
    width: calc(100% - 4.4rem - 1rem);
  }

  &:has(.wishlist-button):has(.share-button) .add-to-cart-button-container {
    width: calc(100% - (4.4rem * 2) - 2rem);
  }
}

@media screen and (min-width: 750px) {
  .add-to-cart-button-inner {
    gap: var(--gap, var(--gap-sm));

    &:has(.wishlist-button) .add-to-cart-button-container,
    &:has(.share-button) .add-to-cart-button-container {
      width: calc(100% - 4.4rem - var(--gap-sm));
    }

    &:has(.wishlist-button):has(.share-button) .add-to-cart-button-container {
      width: calc(100% - (4.4rem * 2) - (var(--gap-sm) * 2));
    }
  }
}

.buy-buttons-block {
  width: 100%;
}

.product-form__buttons {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: var(--gap);
}

.product-form__buttons > *:not(.quantity-selector, .product-form__quantity, .add-to-cart-button-container) {
  min-width: 100%;
}

.product-form__buttons > .add-to-cart-button-container {
  flex: 1 1;

  @media screen and (max-width: 749px) {
    min-width: 50%;
  }
}

.product-form__buttons--stacked > *:not(.quantity-selector) {
  flex-basis: 51%;
}

.quantity-selector {
  flex-grow: 0;
}

.add-to-cart-button {
  text-transform: var(--button-text-case-primary);
}

.add-to-cart-button.button-secondary {
  text-transform: var(--button-text-case-secondary);
}

.product-form__buttons .shopify-payment-button__button {
  width: 100%;
}

.product__pickup-availabilities {
  width: 100%;
}

.pickup-availability__column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.pickup-availability__row {
  display: flex;
  gap: var(--padding-xs);
}

.pickup-availability__dialog-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.pickup-availability__header-container {
  padding-block-end: var(--padding-2xl);
}

.pickup-location__wrapper {
  display: flex;
  flex-direction: column;
  padding-block: var(--padding-2xl);
  border-top: 1px solid var(--color-border);
  gap: var(--padding-xs);
}

.pickup-location__address-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-md);
}

.pickup-location__dialog {
  padding: var(--padding-2xl);
  position: fixed;
  border-radius: 0;
  width: var(--sidebar-width);
  max-width: 95vw;
  height: 100%;
  margin: 0 0 0 auto;
  border: var(--style-border-drawer);
  box-shadow: var(--shadow-drawer);
  background-color: var(--color-background);
}

.pickup-location__dialog:modal {
  max-height: 100dvh;
}

.pickup-location__text-sm {
  font-size: var(--font-size--sm);
  margin: 0;
}

.pickup-location__text-xs {
  font-size: var(--font-size--xs);
  margin: 0;
}

.product-form-text__error {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-xs);
}

.pickup-location__button {
  width: fit-content;
  color: var(--color-primary);
  font-size: var(--font-size--xs);
  font-family: var(--font-body--family);
  padding: 0;
  cursor: pointer;
  margin-block: var(--margin-xs);
}

.pickup-location__button:hover {
  color: var(--color-primary-hover);
}

.pickup-location__h4 {
  margin: 0;
}

.pickup-location__text-bold {
  font-size: var(--font-size--md);
  font-weight: 600;
  margin: 0;
}

.pickup-location__availability-wrapper {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  font-family: var(--font-paragraph--family);
}

.pickup-location__address {
  font-style: normal;
}

.pickup-location__close-button {
  top: calc(var(--padding-2xl) - (var(--icon-size-xs) / 2));
  right: calc(var(--padding-2xl) - var(--icon-size-xs));
}

.submit-button {
  min-width: max-content;
}

.block-contact-form .contact-form-stack {
  --padding-gap: calc(var(--gap, 0.8rem) / 4);
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--padding-gap) / -1);

  @media (min-width: 750px) {
    --padding-gap: calc(var(--gap) / 2);
  }

  > .shopify-block {
    display: contents;
  }

  .contact-form-row {
    width: 100%;
    padding: 0 var(--padding-gap);
    margin-bottom: var(--margin-sm);

    @media screen and (min-width: 750px) {
      width: calc(var(--formRowWidth, 50%));
      padding: 0 var(--padding-gap);
      margin-bottom: var(--margin-md);
    }
  }

  .button {
    width: calc(100% - (var(--padding-gap) * 2));
    Margin-inline: auto;
  }
}

.contact-form-input,
.contact-form-textarea {
  border-radius: var(--border-radius);
}

.contact-form-textarea {
  height: var(--textarea-height);
  resize: vertical;
}

.border-style--all {
  border: var(--border-width) solid var(--color-input-border);
}

.border-style--underline {
  border: none;
  border-radius: 0;
  border-bottom: var(--border-width) solid var(--color-input-border);

/* PDP / product-info: --media-radius is set on media-gallery (block setting).
   Apply to carousel + grid at all breakpoints. Carousel keeps full rounding on all corners
   (soft rectangle / “squircle” look). Extend-to-edge corner resets apply to grid only below. */
.media-gallery--carousel .swiper-main,
.media-gallery--grid .product-media > * {
  border-radius: var(--media-radius, 0);
  overflow: hidden;
}

/* Clip each main slide so images match the same radius as the swiper (avoids square inner corners). */
media-gallery.media-gallery--carousel .swiper-main > .swiper-wrapper > .swiper-slide {
  border-radius: var(--media-radius, 0);
  overflow: hidden;
}

@media screen and (min-width: 750px) {
  product-info.product-information .product-information__grid.product-information--media-left {
    .media-gallery--grid.media-gallery--extend:not(.media-gallery--two-column) .product-media > *,
    .media-gallery--grid.media-gallery--extend.media-gallery--two-column:not(.media-gallery--large-first-image)
      .product-media-container:nth-of-type(odd)
      .product-media
      > *,
    .media-gallery--grid.media-gallery--extend.media-gallery--two-column.media-gallery--large-first-image
      .product-media-container:is(:first-of-type, :nth-of-type(even))
      .product-media
      > * {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }

  product-info.product-information .product-information__grid.product-information--media-right {
    .media-gallery--grid.media-gallery--extend:not(.media-gallery--two-column) .product-media > *,
    .media-gallery--grid.media-gallery--extend.media-gallery--two-column:not(.media-gallery--large-first-image)
      .product-media-container:nth-of-type(even)
      .product-media
      > *,
    .media-gallery--grid.media-gallery--extend.media-gallery--two-column.media-gallery--large-first-image
      .product-media-container:is(:first-of-type, :nth-of-type(odd))
      .product-media
      > * {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
}

::view-transition-old(gallery-item),
::view-transition-new(gallery-item) {
  animation-duration: 0ms;
}

/* Above cart drawer (component-cart-drawer.css uses 10000000 when open) */
.edit-cart-popup {
  z-index: 10000001 !important;
}

.edit-cart-popup cart-remove-button {
  display: none;
}

.product-edit-item {
  display: grid;
  grid-template-columns: 11rem 1fr;
  gap: var(--gap-xl);
}

.product-edit-itemLeft,
.product-edit-itemRight {
  position: relative;
}

.product-edit-itemRight {
  text-align: left;
  grid-column: 1 / -1;
}

.product-edit-title {
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  padding: 0 0 var(--padding-3xs) 0;
  margin-top: 0;
  margin-bottom: 0;
}

.product-edit-item:not(.product-edit-itemFirst) {
  animation: search-element-slide-up var(--animation-speed-slowest) var(--ease-out-smooth) backwards;
}

.product-edit-image.card-media--portrait img {
  object-fit: cover;
  object-position: center;
}

.product-edit-price {
  margin: var(--margin-xs) 0 var(--margin-2xs) 0;
}

.product-edit-price .price {
  justify-content: flex-start;
}

.product-edit-price .old-price,
.product-edit-price .new-price {
  display: inline-block;
  vertical-align: middle;
}

.product-edit-price .old-price {
  margin: 0 var(--margin-sm) 0 0;
  text-decoration: line-through;
}

.product-edit-message,
.product-edit-quantity {
  margin: var(--margin-md) 0 0 0;
}

.product-edit-message {
  margin-bottom: var(--margin-md);
}

.product-edit-quantity {
  display: block;
  margin-top: var(--margin-xs);
}

.product-edit-quantity .form-label {
  margin-bottom: var(--margin-xs);
}

.product-edit-itemFirst .product-edit-remove {
  display: none;
}

.product-edit-item .add-more {
  margin: var(--margin-xl) 0 0 0;
  text-decoration: underline;
  text-underline-position: under;
}

.product-edit-item .add-more {
  display: none;
}

.product-edit-item .add-more .text {
  text-underline-offset: 0;
}

.product-edit-action {
  position: relative;
  margin: 0;
}

.btn_1_br_outside .product-edit-action {
  padding: var(--padding-xs) var(--padding-2xs);
}

.product-edit-action .button {
  border-radius: 0;
}

.edit-cart-show .product-edit-action .button.is-loading {
  pointer-events: none;
  font-size: 0 !important;
  transition: none;
}

.product-edit-item + .product-edit-item {
  margin-top: var(--margin-3xl);
  padding-top: var(--padding-3xl);
  border-top: 1px solid #e6e6e6;
}

.product-edit-remove {
  position: absolute;
  top: -15px;
  left: -20px;
  border-radius: 50%;
  background-color: var(--color-background);
  width: var(--size-30);
  height: var(--size-30);
  padding: var(--padding-xs);
  line-height: 1;
  letter-spacing: 0;
  font-size: 0;
  z-index: 2;
  box-shadow: 0 4px 12px rgb(var(--color-foreground-rgb) / var(--opacity-10));

  > svg,
  > .svg-wrapper {
    width: 100%;
    height: 100%;
  }

  svg {
    fill: var(--color-white);
    stroke: transparent;
  }
}

.product-edit-title-variant {
  display: block;
  font-family: var(--font-body--family);
  font-weight: var(--font-body--weight);
  font-size: var(--font-body--size);
  margin-top: var(--margin-xs);
}
.product-edit-hotStock {
  color: var(--color-hot-stock);
  font-family: var(--font-body--family);
  font-weight: var(--font-body--weight);
  font-size: var(--font-body--size);
  margin: var(--margin-xs) 0 0 0;
}


.product-edit-item:nth-last-child(1) .add-more {
  display: block;
  padding: var(--padding-2xl) 0 var(--padding-4xl) var(--padding-lg);
  border-top: 1px solid #e8e8e8;
  position: relative;
  text-transform: uppercase;
  line-height: 1;
  grid-column: 1 / -1;
}

.product-edit-item:nth-last-child(1) .add-more:before,
.product-edit-item:nth-last-child(1) .add-more:after {
  content: '';
  top: 45%;
  display: block;
  position: absolute;
  background-color: currentColor;
  transform: translateY(-50%);
}

.product-edit-item:nth-last-child(1) .add-more:after {
  width: 1px;
  height: 10px;
  left: 4px;
}

.product-edit-item:nth-last-child(1) .add-more:before {
  width: 10px;
  height: 1px;
  left: 0;
}

@media (min-width: 551px) {
  .product-edit-item .product-edit-itemLeft {
    display: inline-block;
  }

  .product-edit-item .product-edit-itemRight {
    display: inline-block;
    vertical-align: top;
  }
}

@media (min-width: 750px) {
  .product-edit-item {
    grid-template-columns: 12rem 21rem minmax(30rem,1fr);
    gap: var(--padding-4xl);
  }


  .product-edit-item .product-edit-itemRight {
    grid-column: 3 / 4;
  }
}

@media (min-width: 1025px) {
  .edit-cart-popup .popup__inner {
    min-width: var(--narrow-page-width);
  }
}

.resource-card-wrapper.card-wrapper {
  height: auto;
}

.predictive-search-results__card {
  transition: transform var(--hover-transition-duration) var(--hover-transition-timing),
    box-shadow var(--hover-transition-duration) var(--hover-transition-timing);
}

.resource-card {
  --resource-card-image-size: 7.5rem;
  --resource-card-template-columns: var(--resource-card-image-size) 1fr;
  --resource-card-secondary-image-opacity: 0;
  --resource-card-primary-image-opacity: calc(1 - var(--resource-card-secondary-image-opacity));

  display: grid;
  grid-template-columns: var(--resource-card-template-columns);
  gap: var(--gap-md);
  position: relative;
  text-decoration: none;
  height: 100%;
  opacity: 0;
  animation: fadeIn var(--animation-speed-medium) var(--animation-timing-fade-in) forwards;

  @media screen and (max-width: 749px) {
    --resource-card-image-size: 5rem;
  }

  &.resource-card--column {
    --resource-card-template-columns: 1fr;
    width: 100%;
  }
}

.resource-card__link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.resource-card__content {
  display: flex;
  flex-direction: column;
  color: var(--color-foreground);
  gap: var(--padding-3xs);
  text-align: var(--text-align);

  .price {
    font-weight: 500;
    font-size: var(--font-size--sm);
  }

  &.justify-end,
  &.items-end {
    --text-align: right;
  }

  &.justify-center,
  &.items-center {
    --text-align: center;
  }

  &.justify-start,
  &.items-start {
    --text-align: left;
  }
}

.resource-card[data-resource-type='article'] .resource-card__content,
.resource-card[data-resource-type='page'] .resource-card__content {
  gap: var(--padding-xs);
}

.resource-card__media-wrapper .card__media {
  aspect-ratio: var(--resource-card-aspect-ratio, auto);
  position: relative;
}

.resource-card__image {
  object-fit: cover;
  border-radius: var(--resource-card-corner-radius);
  opacity: var(--resource-card-primary-image-opacity);
}

.resource-card__image--secondary {
  position: absolute;
  top: 0;
  opacity: var(--resource-card-secondary-image-opacity);
  border-radius: var(--resource-card-corner-radius);
}

.resource-card__media:empty {
  display: none;
}

.resource-card__image-placeholder {
  padding: var(--padding-sm);
  font-size: var(--font-size--lg);
  line-height: var(--line-height--display-loose);
  word-break: break-word;
  background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
  aspect-ratio: var(--resource-card-aspect-ratio, auto);
  border-radius: var(--resource-card-corner-radius);
  color: var(--color-foreground);
}

.resource-card__title > * {
  margin-block: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.3;
}

.resource-card__title.paragraph {
  line-height: 1.3;

  .link {
    text-transform: initial;
    padding-bottom: 0.1rem;
    /* Arnav Search Fix 15/04/26 */
    color: #000000;
  }
}

.resource-card--overlay {
  height: 100%;

  &::before {
    content: '';
    position: absolute;
    inset: 50% 0 0;
    background: var(--gradient-image-overlay);
    border-radius: var(--resource-card-corner-radius);
    pointer-events: none;
    z-index: var(--layer-flat);
  }
}

.resource-card--overlay .resource-card__image {
  height: 100%;
}

.resource-card--overlay .resource-card__content {
  position: absolute;
  inset: auto 0 0;
  padding: var(--padding-lg) var(--padding-lg) var(--padding-sm);
  z-index: var(--layer-raised);
}

.resource-card--overlay .resource-card__title {
  color: var(--color-white);
}