/** Shopify CDN: Minification failed

Line 40:23 Unexpected "{"
Line 40:34 Expected ":"
Line 40:38 Unexpected "{"
Line 60:23 Unexpected "{"
Line 60:34 Expected ":"
Line 60:38 Unexpected "{"
Line 77:32 Unexpected "{"
Line 77:43 Expected ":"
Line 77:47 Unexpected "{"
Line 220:25 Unexpected "{"
... and 74 more hidden warnings

**/
.list-unstyled > li + li {
  margin-top: 14px !important;
}
@media only screen and (min-width: 990px) {
.mega-menu .mega-menu__content ul.mega-menu__list li ul li {
  margin-top: 14px !important;
}
}

 .label_popup_div .tooltip_div {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .ai-product-gallery-as1fzdfbmkzlkbxu5naigenblock13bf6edm7bx3j {
    display: none !important;
  }
  .ai-product-gallery-adjncsjrmohl2dtfenaigenblock13bf6edgqwrtk {
    display: none !important;
  }
  .ai-product-gallery-acflqdvzazg16repbraigenblock13bf6edrvhnub {
    display: none !important;
  }
  .ai-product-gallery-{{ ai_gen_id }} {
    display: none !important;
  }
  
  #prod-gallery {
    display: none !important;
  }
  .mob-gallery {
    display: none !important;
  }
@media (max-width: 749px) {
  #prod-gallery {
    display: block !important;
  }
   .mob-gallery {
    display: block !important;
  }
   .ai-product-gallery-as1fzdfbmkzlkbxu5naigenblock13bf6edm7bx3j {
    display: block !important;
  }
  .ai-product-gallery-{{ ai_gen_id }} {
    display: block !important;
  }
  .ai-product-gallery-container-adnpvcfdryna0cfrsraigenblock13bf6edqtdrrp {
   display: block !important;
  }
  .ai-product-gallery-acflqdvzazg16repbraigenblock13bf6edrvhnub {
    display: block !important;
  }
  .ai-product-gallery-adjncsjrmohl2dtfenaigenblock13bf6edgqwrtk {
    display: block !important;
  }
 .product--thumbnail_slider .product__media-list {
  display: none;
 }
}
/* Make the main image container a positioning context */
.ai-product-gallery-main-image-{{ ai_gen_id }} {
  position: relative;
}

/* Overlay logo */
.ai-gallery-brand-overlay {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 5;
  pointer-events: none; /* doesn't block swipe/click */
  opacity: 0.9;
}

.ai-gallery-brand-overlay img {
  display: block;
  width: 330px;     /* tweak */
  height: auto;
}

/* Mobile sizing */
@media (max-width: 749px) {
  .ai-gallery-brand-overlay img {
    width: 300px;  /* tweak */
  }
}
.ai-product-gallery-thumbnails-as1fzdfbmkzlkbxu5naigenblock13bf6edm7bx3j {
  padding-left: 10px;
}
/* =========================================================
   Dawn: Fix mobile menu opening off-screen after scrolling (iOS)
   Ensures drawer + overlays are fixed to viewport and scrollable.
   ========================================================= */
@media screen and (max-width: 749px) {
  /* Drawer container itself */
  .menu-drawer {
    position: fixed !important;
    inset: 0 !important;          /* top/right/bottom/left: 0 */
    height: 100dvh !important;    /* iOS dynamic viewport */
    max-height: 100dvh !important;
    overflow: hidden !important;
    z-index: 9999;
  }

  /* Overlay/backdrop must be fixed too */
  .menu-drawer__overlay {
    position: fixed !important;
    inset: 0 !important;
    height: 100dvh !important;
    width: 100vw !important;
  }

  /* Allow internal scrolling inside menu */
  .menu-drawer__navigation,
  .menu-drawer__inner-container,
  .menu-drawer__navigation-container,
  .menu-drawer__submenu,
  .menu-drawer__inner-submenu {
    max-height: 100% !important;
    height: auto;
  }

  /* The element that actually scrolls */
  .menu-drawer__navigation {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Prevent weird jump when submenus open */
  .menu-drawer__submenu {
    position: fixed !important;
    inset: 0 !important;
    height: 100dvh !important;
    overflow: hidden !important;
  }

  .menu-drawer__inner-submenu {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.menu-drawer__close-drawer-icon {
  padding-top: 7px;
}
.menu-drawer__close-drawer-button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  margin: 0;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  text-align: left;
}

.menu-drawer__close-drawer-button:hover {
  opacity: 0.9;
}

.menu-drawer__close-drawer-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}

.menu-drawer__close-drawer-text {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
/* Force thumbnails below main image (mobile / Chrome weird flex ordering) */
@media (max-width: 749px) {
  .product__media-wrapper,
  .product__media-gallery,
  .product__media {
    display: flex;
    flex-direction: column;
  }

  /* If your AI thumbnail wrapper has a known container, add it here.
     This targets anything that contains AI gallery thumbnails. */
  .product__media-wrapper [class*="ai-product-gallery-thumbnail-"] {
    order: 2;
  }
}
.modal-scroll {
  margin-top: 90px !important;
}
#CartDrawer .right_side_part {
  width: 300px;
}
@media screen and (max-width: 749px) {
  #CartDrawer .right_side_part {
  width: 200px;
}
  /* Force the container to stay flex and reverse order */
  product-image-gallery-{{ ai_gen_id }} .ai-product-gallery-container-{{ ai_gen_id }} {
    display: flex !important;
    flex-direction: column !important; /* main first, thumbs second */
  }

  /* Ensure main image area is first */
  product-image-gallery-{{ ai_gen_id }} .ai-product-gallery-main-{{ ai_gen_id }} {
    order: 1 !important;
    width: 100% !important;
  }

  /* Ensure thumbnails row is second */
  product-image-gallery-{{ ai_gen_id }} .ai-product-gallery-thumbnails-{{ ai_gen_id }} {
    order: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  product-image-gallery-{{ ai_gen_id }} .ai-product-gallery-thumbnail-{{ ai_gen_id }} {
    width: {{ block.settings.thumbnail_width }}px !important;
    flex: 0 0 auto !important;
  }
  /* Wrapper for the theme gallery */
  .product__media-wrapper,
  product-media-gallery,
  .product-media-gallery {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Main media list FIRST */
  .product__media-wrapper .product__media-list,
  product-media-gallery .product__media-list,
  .product-media-gallery .product__media-list {
    order: 1 !important;
  }

  /* Thumbnail strip SECOND */
  .product__media-wrapper .thumbnail-slider,
  product-media-gallery .thumbnail-slider,
  .product-media-gallery .thumbnail-slider {
    order: 2 !important;
  }
}

/* If our AI gallery exists, hide the theme's default product media gallery */
.product:has([data-ai-gallery="true"]) .product__media-wrapper,
.product:has([data-ai-gallery="true"]) product-media-gallery,
.product:has([data-ai-gallery="true"]) .thumbnail-slider,
.product:has([data-ai-gallery="true"]) .product__media-list {
  display: none !important;
}

.ai-product-gallery-container-{{ ai_gen_id }} {
  display: flex;
  flex-direction: row; /* thumbs left, main right */
  gap: {{ block.settings.gallery_gap }}px;
}

.ai-product-gallery-thumbnails-{{ ai_gen_id }} { order: 1; }
.ai-product-gallery-main-{{ ai_gen_id }} { order: 2; }

@media screen and (max-width: 749px) {
  .ai-product-gallery-container-{{ ai_gen_id }} {
    flex-direction: column; /* main first, thumbs under */
  }

  .ai-product-gallery-main-{{ ai_gen_id }} { order: 1; }
  .ai-product-gallery-thumbnails-{{ ai_gen_id }} { order: 2; }

  .ai-product-gallery-thumbnails-{{ ai_gen_id }} {
    flex-direction: row;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
/* Custom disabled style for Diameter pills - higher specificity */
.diameter-pill.disabled-custom {
  opacity: 0.5 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  background: #f5f5f5 !important;
  color: #999 !important;
  border-color: #ddd !important;
}

.diameter-pill:not(.disabled-custom) {
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.thmb {
  padding-left: 10px;
}

/* =======================================================
   FIX: Prevent mobile gallery layout shift on variant change
   (Reserves a stable height for the AI main image frame)
   ======================================================= */
@media (max-width: 749px) {
  /* Reserve consistent space for the active media */
  .ai-product-gallery-main-image-{{ ai_gen_id }} {
    aspect-ratio: 1 / 1;   /* change to 4 / 5 if your images are mostly portrait */
    overflow: hidden;
  }

  /* Ensure media fills the reserved frame */
  .ai-product-gallery-main-image-{{ ai_gen_id }} img,
  .ai-product-gallery-main-image-{{ ai_gen_id }} picture,
  .ai-product-gallery-main-image-{{ ai_gen_id }} video,
  .ai-product-gallery-main-image-{{ ai_gen_id }} iframe,
  .ai-product-gallery-main-image-{{ ai_gen_id }} model-viewer {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Safety: if the main image wrapper is nested differently */
  .ai-product-gallery-main-{{ ai_gen_id }} .media,
  .ai-product-gallery-main-{{ ai_gen_id }} .media img {
    width: 100%;
  }
}
/* =======================================================
   Mobile: Disable browser scroll anchoring on product pages
   (prevents jump-up / jump-back during variant DOM updates)
======================================================= */
@media (max-width: 749px) {
  html, body,
  main,
  #MainContent,
  .main-product,
  .product,
  product-info,
  .product__info-wrapper,
  .product__media-wrapper,
  .ai-product-gallery-container-{{ ai_gen_id }},
  .ai-product-gallery-main-{{ ai_gen_id }},
  .ai-product-gallery-main-image-{{ ai_gen_id }} {
    overflow-anchor: none !important;
  }
}

/* Optional toggle class (used by JS below) */
@media (max-width: 749px) {
  html.disable-scroll-anchoring * {
    overflow-anchor: none !important;
  }
  .product-info-standard .product-form__input--swatch .swatch-input__input + .swatch-input__label {
    --swatch-input--size: 5.5rem;
  }
  .selected-color-label {

  line-height: 24px;
  height: 50px;
}
}
@media (max-width: 385px - 392px) {
.product-form__input {
  max-width: 360px!important;
}
}
.rt-compare-color-popup.product-popup-modal__content {
  padding: 8px 12px 1px 12px !important;
}
.qty-container .qty-minus, .qty-container .qty-plus {
  color: #4d5d53;
}
.selected-color-label {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;

}

.drawer__footer {
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.2);
  background-color: #ececec;
  border-top: none;
  padding: 1.5rem 1.5rem 4rem 1.5rem;
}
/* =========================
   IPAD (768px – 1370px)
========================= */
@media (min-width: 768px) and (max-width: 1370px) {
.drawer__footer {
  padding: 1.5rem 1.5rem 12rem 1.5rem;

}
}
/* =========================
   MOBILE (0 – 767px)
========================= */
@media (max-width: 767px) {
.drawer__footer {
padding: 1.5rem 1.5rem 12rem 1.5rem;
}
}

.cart-drawer #CartDrawer-Checkout {
   text-transform: uppercase !important;
   font-weight: bold;
}

a.pagination__item.pagination__item--current.light {
  padding-top: 27px;
}
#sca-gift-thumbnail {
  display: none;
}
.rt-size-cart-popup.product-popup-modal__content {
  margin-top: 120px !important;
}
#CartDrawer .left_side_part, #CartDrawer .right_side_part {
  width: 100%;
}
.product-info-standard .product-option--color {
  padding-left: 20px !important;
}
@media (max-width: 767px) {
.product-info-standard .product-option--color {
  padding-left: 5px;
}
}
#gst-note {
  margin-top: 1.5rem !important;
  margin-bottom: -1.5rem !important;
  font-size: 12px;
}
.price--on-sale .price-item--regular {
  text-decoration: none !important;
opacity: 0.75;
}
.rrp-label {
  font-weight: 500;
  margin-right: 4px;
}
/* Add "RRP" before the compare-at price (sale old price) */
.price--on-sale .price__sale s.price-item--regular::before {
  content: "RRP:";
  font-weight: 500;
  margin-right: 4px;
}
/* Product page only (your template wrapper) */
body.template-product [id^="MainProduct-"] .price__sale .price-item--sale.price-item--last {
  font-size: 20px !important;
  line-height: 1.1;
  color: #4d5d53;
}
/* Reset product cards (collection/search) back to theme default */
.card-information .price .price-item {
  font-size: 1.6rem; /* adjust to your theme’s normal card size */
}
.price--large {
  font-size: 22px !important;
  color: #4d5d53 !important;
}