/** Shopify CDN: Minification failed

Line 2240:0 All "@import" rules must come first
Line 8307:0 All "@import" rules must come first

**/
/* Squishy Dumpling live lock: intentionally small, loaded last by layout/theme.liquid. */
@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&display=swap");

:root {
  --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* DSQ 2026-06-19 MOBILE PDP GALLERY CENTERING HARD LOCK
   Final visual layer: large centered main image, tappable thumbnails underneath,
   centered title/reviews. Keep this at absolute EOF. */
@media screen and (max-width: 749px) {
  html body.template-product,
  html body:has(product-info) {
    --dsq-pdp-mobile-media: min(calc(100vw - 18px), 440px) !important;
    --dsq-pdp-mobile-copy: min(calc(100vw - 24px), 440px) !important;
    --dsq-pdp-mobile-thumb: calc((var(--dsq-pdp-mobile-media) - 18px) / 3) !important;
    overflow-x: hidden !important;
  }

  html body.template-product .product,
  html body.template-product .product.grid,
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
    text-align: center !important;
    width: 100% !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    display: block !important;
    height: auto !important;
    margin: 0 auto 10px !important;
    max-width: var(--dsq-pdp-mobile-media) !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative !important;
    width: var(--dsq-pdp-mobile-media) !important;
  }

  html body.template-product media-gallery,
  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    height: auto !important;
    margin: 0 auto !important;
    max-width: var(--dsq-pdp-mobile-media) !important;
    overflow: visible !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: relative !important;
    width: var(--dsq-pdp-mobile-media) !important;
  }

  html body.template-product media-gallery > slider-component:not(.thumbnail-slider),
  html body.template-product media-gallery .slider-mobile-gutter:not(.thumbnail-slider),
  html body.template-product slider-component[id^="GalleryViewer"],
  html body.template-product .product__media-list,
  html body.template-product .product__media-list.slider,
  html body.template-product .product__media-list.slider--mobile {
    background: #fff !important;
    border: 0 !important;
    border-radius: 20px !important;
    display: flex !important;
    gap: 0 !important;
    height: var(--dsq-pdp-mobile-media) !important;
    margin: 0 auto !important;
    max-height: var(--dsq-pdp-mobile-media) !important;
    max-width: var(--dsq-pdp-mobile-media) !important;
    min-height: var(--dsq-pdp-mobile-media) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: relative !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    width: var(--dsq-pdp-mobile-media) !important;
    z-index: 1 !important;
  }

  html body.template-product .product__media-list::-webkit-scrollbar {
    display: none !important;
  }

  html body.template-product .product__media-list > .product__media-item,
  html body.template-product .product__media-list.slider--mobile > .product__media-item,
  html body.template-product .grid--peek.slider .product__media-item.grid__item {
    background: #fff !important;
    border-radius: 20px !important;
    display: block !important;
    flex: 0 0 var(--dsq-pdp-mobile-media) !important;
    height: var(--dsq-pdp-mobile-media) !important;
    margin: 0 !important;
    max-height: var(--dsq-pdp-mobile-media) !important;
    max-width: var(--dsq-pdp-mobile-media) !important;
    min-height: var(--dsq-pdp-mobile-media) !important;
    min-width: var(--dsq-pdp-mobile-media) !important;
    overflow: hidden !important;
    padding: 0 !important;
    scroll-snap-align: center !important;
    width: var(--dsq-pdp-mobile-media) !important;
  }

  html body.template-product .product-media-container,
  html body.template-product .product__modal-opener,
  html body.template-product .product__media,
  html body.template-product .product__media .media,
  html body.template-product .product__media-list .media {
    background: #fff !important;
    border: 0 !important;
    border-radius: 20px !important;
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    max-height: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.template-product .product__media-list img,
  html body.template-product .product__media img,
  html body.template-product .product-media-container img {
    border: 0 !important;
    border-radius: 20px !important;
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    max-height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.template-product .thumbnail-slider,
  html body.template-product media-gallery .thumbnail-slider,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider {
    display: flex !important;
    height: var(--dsq-pdp-mobile-thumb) !important;
    margin: 10px auto 0 !important;
    max-width: var(--dsq-pdp-mobile-media) !important;
    overflow: visible !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: relative !important;
    visibility: visible !important;
    width: var(--dsq-pdp-mobile-media) !important;
    z-index: 40 !important;
  }

  html body.template-product .thumbnail-slider .slider-button {
    display: none !important;
  }

  html body.template-product .thumbnail-list,
  html body.template-product media-gallery .thumbnail-list,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-list {
    display: grid !important;
    gap: 9px !important;
    grid-auto-columns: var(--dsq-pdp-mobile-thumb) !important;
    grid-auto-flow: column !important;
    height: var(--dsq-pdp-mobile-thumb) !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    scrollbar-width: none !important;
    width: 100% !important;
    z-index: 41 !important;
  }

  html body.template-product .thumbnail-list__item,
  html body.template-product .thumbnail-list .slider__slide {
    display: block !important;
    height: var(--dsq-pdp-mobile-thumb) !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: relative !important;
    width: var(--dsq-pdp-mobile-thumb) !important;
    z-index: 42 !important;
  }

  html body.template-product .thumbnail,
  html body.template-product button.thumbnail {
    background: #fff !important;
    border: 2px solid transparent !important;
    border-radius: 14px !important;
    cursor: pointer !important;
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: relative !important;
    width: 100% !important;
    z-index: 43 !important;
  }

  html body.template-product .thumbnail[aria-current="true"],
  html body.template-product button.thumbnail[aria-current="true"] {
    border-color: #161313 !important;
    box-shadow: 0 4px 0 rgba(17, 17, 17, 0.18) !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product .product__info-container,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container {
    margin: 12px auto 0 !important;
    max-width: var(--dsq-pdp-mobile-copy) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    width: var(--dsq-pdp-mobile-copy) !important;
  }

  html body.template-product .product__title,
  html body.template-product .product__title h1,
  html body.template-product .price,
  html body.template-product .price .price-item,
  html body.template-product .dsq-needoh-stock,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip,
  html body.template-product .dsq-rating-pill {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    display: block !important;
    font-family: var(--dsq-rounded-brand-font, "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito", system-ui, sans-serif) !important;
    font-size: clamp(31px, 8.4vw, 39px) !important;
    letter-spacing: 0 !important;
    line-height: .96 !important;
    margin: 0 auto !important;
    max-width: var(--dsq-pdp-mobile-copy) !important;
    overflow-wrap: normal !important;
    text-align: center !important;
    text-wrap: balance !important;
    white-space: normal !important;
    width: 100% !important;
    word-break: normal !important;
  }
}

/* DSQ_REFERENCE_CENTERED_PDP_V30: final product-media and centered-copy lock */
@media screen and (max-width: 1199px) {
  html body.template-product {
    --dsq-pdp-frame: min(calc(100vw - 24px), 920px);
    --dsq-pdp-copy: min(calc(100vw - 28px), 860px);
    font-family: var(--dsq-rounded-brand-font, "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito", system-ui, sans-serif) !important;
  }

  html body.template-product product-info[id^="MainProduct"],
  html body.template-product .product,
  html body.template-product .product.grid {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    text-align: center !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: center !important;
  }

  html body.template-product media-gallery,
  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: var(--dsq-pdp-frame) !important;
    max-width: var(--dsq-pdp-frame) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product .product__media-list,
  html body.template-product .product__media-list.slider,
  html body.template-product .product__media-list.slider--mobile,
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    display: flex !important;
    width: var(--dsq-pdp-frame) !important;
    min-width: var(--dsq-pdp-frame) !important;
    max-width: var(--dsq-pdp-frame) !important;
    height: var(--dsq-pdp-frame) !important;
    min-height: var(--dsq-pdp-frame) !important;
    max-height: var(--dsq-pdp-frame) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.template-product .product__media-list::-webkit-scrollbar {
    display: none !important;
  }

  html body.template-product .product__media-list > .product__media-item,
  html body.template-product .product__media-list.slider--mobile > .product__media-item,
  html body.template-product .product__media-item {
    width: var(--dsq-pdp-frame) !important;
    min-width: var(--dsq-pdp-frame) !important;
    max-width: var(--dsq-pdp-frame) !important;
    height: var(--dsq-pdp-frame) !important;
    min-height: var(--dsq-pdp-frame) !important;
    max-height: var(--dsq-pdp-frame) !important;
    flex: 0 0 var(--dsq-pdp-frame) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body.template-product .product-media-container,
  html body.template-product .product__modal-opener,
  html body.template-product .product__media,
  html body.template-product .product__media .media,
  html body.template-product .product__media-list .media {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list img,
  html body.template-product .product__media img,
  html body.template-product .product-media-container img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product .thumbnail-slider,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider {
    display: flex !important;
    width: var(--dsq-pdp-frame) !important;
    max-width: var(--dsq-pdp-frame) !important;
    min-width: var(--dsq-pdp-frame) !important;
    height: auto !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 90 !important;
  }

  html body.template-product .thumbnail-slider .slider-button {
    display: none !important;
  }

  html body.template-product .thumbnail-list,
  html body.template-product media-gallery .thumbnail-list,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((var(--dsq-pdp-frame) - 20px) / 3) !important;
    gap: 10px !important;
    width: 100% !important;
    height: calc((var(--dsq-pdp-frame) - 20px) / 3) !important;
    min-height: calc((var(--dsq-pdp-frame) - 20px) / 3) !important;
    max-height: calc((var(--dsq-pdp-frame) - 20px) / 3) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 91 !important;
  }

  html body.template-product .thumbnail-list::-webkit-scrollbar {
    display: none !important;
  }

  html body.template-product .thumbnail-list__item,
  html body.template-product .thumbnail-list .slider__slide {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product .thumbnail-list__item button.thumbnail,
  html body.template-product .thumbnail-list__item .thumbnail {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product .thumbnail-list__item img,
  html body.template-product button.thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product .product__info-container,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container {
    width: var(--dsq-pdp-copy) !important;
    max-width: var(--dsq-pdp-copy) !important;
    margin: 16px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product .product__title,
  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product .price,
  html body.template-product .price .price-item,
  html body.template-product .dsq-needoh-stock,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip,
  html body.template-product .dsq-rating-pill {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }

  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    width: 100% !important;
    max-width: var(--dsq-pdp-copy) !important;
    font-family: var(--dsq-rounded-brand-font, "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito", system-ui, sans-serif) !important;
    font-size: clamp(32px, 7.6vw, 70px) !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-wrap: balance !important;
  }
}

@media screen and (max-width: 749px) {
  html body.template-product {
    --dsq-pdp-frame: min(calc(100vw - 20px), 680px);
    --dsq-pdp-copy: min(calc(100vw - 24px), 640px);
  }

  html body.template-product .product__info-wrapper,
  html body.template-product .product__info-container {
    margin-top: 14px !important;
  }

  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    font-size: clamp(31px, 9vw, 42px) !important;
    line-height: .94 !important;
  }
}

/* DSQ_THUMB_TAP_V28_SENTINEL: final mobile thumbnail tap unlock */
@media screen and (max-width: 749px) {
  html body product-info[id^="MainProduct"] .thumbnail-slider,
  html body product-info[id^="MainProduct"] .thumbnail-list,
  html body product-info[id^="MainProduct"] .thumbnail-list__item,
  html body product-info[id^="MainProduct"] .thumbnail-list .slider__slide,
  html body product-info[id^="MainProduct"] .thumbnail-list__item button.thumbnail,
  html body product-info[id^="MainProduct"] .thumbnail-list__item .thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-list,
  html body.template-product .product__media-wrapper .thumbnail-list__item,
  html body.template-product .product__media-wrapper .thumbnail-list .slider__slide,
  html body.template-product .product__media-wrapper .thumbnail-list__item button.thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item .thumbnail {
    pointer-events: auto !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-slider {
    position: relative !important;
    z-index: 40 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list,
  html body.template-product .product__media-wrapper .thumbnail-list {
    position: relative !important;
    z-index: 41 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list__item,
  html body product-info[id^="MainProduct"] .thumbnail-list .slider__slide,
  html body.template-product .product__media-wrapper .thumbnail-list__item,
  html body.template-product .product__media-wrapper .thumbnail-list .slider__slide {
    position: relative !important;
    z-index: 42 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list__item button.thumbnail,
  html body product-info[id^="MainProduct"] .thumbnail-list__item .thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item button.thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item .thumbnail {
    cursor: pointer !important;
    position: absolute !important;
    z-index: 43 !important;
  }
}

/* DSQ 20260619 v27: final centered mobile PDP gallery/title lock. */
@media screen and (max-width: 749px) {
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product.grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(calc(100vw - 18px), 456px) + 128px) !important;
    min-height: calc(min(calc(100vw - 18px), 456px) + 128px) !important;
    max-height: calc(min(calc(100vw - 18px), 456px) + 128px) !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(calc(100vw - 18px), 456px) !important;
    min-width: min(calc(100vw - 18px), 456px) !important;
    max-width: min(calc(100vw - 18px), 456px) !important;
    height: calc(min(calc(100vw - 18px), 456px) + 128px) !important;
    min-height: calc(min(calc(100vw - 18px), 456px) + 128px) !important;
    max-height: calc(min(calc(100vw - 18px), 456px) + 128px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] slider-component[id^="GalleryViewer"],
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media-list,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media-list.slider,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media-list.slider--mobile {
    display: flex !important;
    width: min(calc(100vw - 18px), 456px) !important;
    min-width: min(calc(100vw - 18px), 456px) !important;
    max-width: min(calc(100vw - 18px), 456px) !important;
    height: min(calc(100vw - 18px), 456px) !important;
    min-height: min(calc(100vw - 18px), 456px) !important;
    max-height: min(calc(100vw - 18px), 456px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media-item,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product-media-container,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__modal-opener,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .media {
    display: block !important;
    width: min(calc(100vw - 18px), 456px) !important;
    min-width: min(calc(100vw - 18px), 456px) !important;
    max-width: min(calc(100vw - 18px), 456px) !important;
    height: min(calc(100vw - 18px), 456px) !important;
    min-height: min(calc(100vw - 18px), 456px) !important;
    max-height: min(calc(100vw - 18px), 456px) !important;
    flex: 0 0 min(calc(100vw - 18px), 456px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    scroll-snap-align: center !important;
    background: #fff !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media img,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product-media-container img,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media-list img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-slider {
    display: flex !important;
    width: min(calc(100vw - 18px), 456px) !important;
    min-width: min(calc(100vw - 18px), 456px) !important;
    max-width: min(calc(100vw - 18px), 456px) !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-slider .slider-button {
    display: none !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((min(calc(100vw - 18px), 456px) - 18px) / 3) !important;
    grid-template-columns: none !important;
    gap: 9px !important;
    width: 100% !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-list__item,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-list .slider__slide {
    display: block !important;
    width: calc((min(calc(100vw - 18px), 456px) - 18px) / 3) !important;
    min-width: calc((min(calc(100vw - 18px), 456px) - 18px) / 3) !important;
    max-width: calc((min(calc(100vw - 18px), 456px) - 18px) / 3) !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    flex: 0 0 calc((min(calc(100vw - 18px), 456px) - 18px) / 3) !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    position: relative !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-list__item button.thumbnail,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-list__item .thumbnail {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #fff !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-list__item img,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] button.thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__info-wrapper,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__info-container {
    width: min(calc(100vw - 28px), 456px) !important;
    max-width: min(calc(100vw - 28px), 456px) !important;
    margin: 6px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__title,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__title h1,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] h1.dsq-title-locked,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .price,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .price .price-item,
  html body:has(product-info[id^="MainProduct"]) .dsq-needoh-stock,
  html body:has(product-info[id^="MainProduct"]) .dsq-viewing-pill,
  html body:has(product-info[id^="MainProduct"]) .dsq-product-rating-strip {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__title h1,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] h1.dsq-title-locked {
    font-size: clamp(28px, 7.1vw, 34px) !important;
    line-height: .98 !important;
    max-width: min(calc(100vw - 28px), 456px) !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }
}

/* DSQ v27 thumbnail tap lock: thumbnails must stay visible and clickable on mobile. */
@media screen and (max-width: 749px) {
  html body product-info[id^="MainProduct"] .thumbnail-slider,
  html body product-info[id^="MainProduct"] .thumbnail-list,
  html body product-info[id^="MainProduct"] .thumbnail-list__item,
  html body product-info[id^="MainProduct"] .thumbnail-list__item button.thumbnail,
  html body product-info[id^="MainProduct"] .thumbnail-list__item .thumbnail,
  html body .product__media-wrapper .thumbnail-slider,
  html body .product__media-wrapper .thumbnail-list,
  html body .product__media-wrapper .thumbnail-list__item,
  html body .product__media-wrapper .thumbnail-list__item button.thumbnail,
  html body .product__media-wrapper .thumbnail-list__item .thumbnail {
    pointer-events: auto !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-slider,
  html body .product__media-wrapper .thumbnail-slider {
    position: relative !important;
    z-index: 20 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list,
  html body .product__media-wrapper .thumbnail-list {
    position: relative !important;
    z-index: 21 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list__item,
  html body .product__media-wrapper .thumbnail-list__item {
    position: relative !important;
    z-index: 22 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list__item button.thumbnail,
  html body product-info[id^="MainProduct"] .thumbnail-list__item .thumbnail,
  html body .product__media-wrapper .thumbnail-list__item button.thumbnail,
  html body .product__media-wrapper .thumbnail-list__item .thumbnail {
    z-index: 23 !important;
    cursor: pointer !important;
  }
}

/* DSQ final mobile PDP reference gallery lock 20260619. */
@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product.grid,
  html body.template-product product-info[id^="MainProduct"] .product {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(max(calc(100vw - 22px), 350px), 456px) + 138px) !important;
    min-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + 138px) !important;
    max-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + 138px) !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product .product__media-wrapper media-gallery {
    display: block !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: calc(min(max(calc(100vw - 22px), 350px), 456px) + 138px) !important;
    min-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + 138px) !important;
    max-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + 138px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
  }

  html body.template-product product-info[id^="MainProduct"] slider-component[id^="GalleryViewer"],
  html body.template-product product-info[id^="MainProduct"] media-gallery > slider-component:not(.thumbnail-slider),
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    display: flex !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border-radius: 18px !important;
    aspect-ratio: 1 / 1 !important;
    background: #fff !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__modal-opener,
  html body.template-product product-info[id^="MainProduct"] .product__media,
  html body.template-product product-info[id^="MainProduct"] .media {
    display: block !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    flex: 0 0 min(max(calc(100vw - 22px), 350px), 456px) !important;
    flex-basis: min(max(calc(100vw - 22px), 350px), 456px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    aspect-ratio: 1 / 1 !important;
    background: #fff !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 18px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-slider {
    display: flex !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-list,
  html body.template-product .product__media-wrapper .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(104px, 126px) !important;
    grid-template-columns: none !important;
    gap: 9px !important;
    width: 100% !important;
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-list__item,
  html body.template-product product-info[id^="MainProduct"] button.thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item,
  html body.template-product .product__media-wrapper button.thumbnail {
    display: block !important;
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
    flex: 0 0 126px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail img,
  html body.template-product product-info[id^="MainProduct"] button.thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container {
    width: min(calc(100vw - 28px), 456px) !important;
    max-width: min(calc(100vw - 28px), 456px) !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item,
  html body.template-product .dsq-needoh-stock,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(23px, 6.2vw, 29px) !important;
    font-weight: 900 !important;
    line-height: .98 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    transform: none !important;
  }
}

/* DSQ final reference gallery guard 20260619: big centered media, visible thumbnails, centered PDP info. */
@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product.grid,
  html body.template-product .product.product--thumbnail_slider {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body.template-product .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    min-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    max-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery,
  html body.template-product .product__media-wrapper media-gallery,
  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    min-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    max-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
  }

  html body.template-product media-gallery > slider-component:not(.thumbnail-slider),
  html body.template-product media-gallery .slider-mobile-gutter:not(.thumbnail-slider),
  html body.template-product slider-component[id^="GalleryViewer"],
  html body.template-product .product__media-list,
  html body.template-product .product__media-list.slider,
  html body.template-product .product__media-list.slider--mobile {
    display: flex !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list > .product__media-item,
  html body.template-product .product__media-list.slider--mobile > .product__media-item,
  html body.template-product .grid--peek.slider .product__media-item.grid__item {
    display: block !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    flex: 0 0 min(max(calc(100vw - 44px), 330px), 440px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list > .product__media-item .product-media-container,
  html body.template-product .product__media-list > .product__media-item .product__modal-opener,
  html body.template-product .product__media-list > .product__media-item .product__media,
  html body.template-product .product__media-list > .product__media-item .media,
  html body.template-product .product__media-list img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list img {
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  html body.template-product .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-slider,
  html body.template-product media-gallery .thumbnail-slider {
    display: flex !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    position: relative !important;
  }

  html body.template-product .thumbnail-list,
  html body.template-product media-gallery .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    width: 100% !important;
    height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  html body.template-product .thumbnail-list__item,
  html body.template-product .thumbnail-list .slider__slide,
  html body.template-product button.thumbnail,
  html body.template-product .thumbnail {
    display: block !important;
    width: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-width: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-width: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    position: relative !important;
    border-radius: 13px !important;
  }

  html body.template-product .thumbnail img,
  html body.template-product button.thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 11px !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: min(calc(100vw - 32px), 430px) !important;
    max-width: min(calc(100vw - 32px), 430px) !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}

/* DSQ live PDP mobile gallery order lock 20260619: image, thumbnails, then centered info. */
@media screen and (max-width: 749px) {
  html body product-info[id^="MainProduct"] .product.grid,
  html body .product.product--thumbnail_slider {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] .product__media-wrapper,
  html body .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc((min(calc(100vw - 44px), 430px) * .75) + 106px) !important;
    min-height: calc((min(calc(100vw - 44px), 430px) * .75) + 106px) !important;
    max-height: calc((min(calc(100vw - 44px), 430px) * .75) + 106px) !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] media-gallery,
  html body .product__media-wrapper media-gallery {
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: calc((min(calc(100vw - 44px), 430px) * .75) + 106px) !important;
    min-height: calc((min(calc(100vw - 44px), 430px) * .75) + 106px) !important;
    max-height: calc((min(calc(100vw - 44px), 430px) * .75) + 106px) !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] .product__media-list,
  html body .product__media-list.slider--mobile {
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: calc(min(calc(100vw - 44px), 430px) * .75) !important;
    min-height: calc(min(calc(100vw - 44px), 430px) * .75) !important;
    max-height: calc(min(calc(100vw - 44px), 430px) * .75) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body product-info[id^="MainProduct"] .product__media-item,
  html body .product__media-list > .product__media-item {
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: calc(min(calc(100vw - 44px), 430px) * .75) !important;
    min-height: calc(min(calc(100vw - 44px), 430px) * .75) !important;
    max-height: calc(min(calc(100vw - 44px), 430px) * .75) !important;
    flex: 0 0 min(calc(100vw - 44px), 430px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  html body product-info[id^="MainProduct"] .product__media img,
  html body .product__media-list img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 16px !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-slider,
  html body .product__media-wrapper .thumbnail-slider {
    display: flex !important;
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list,
  html body .product__media-wrapper .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    width: 100% !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list__item,
  html body product-info[id^="MainProduct"] button.thumbnail,
  html body .product__media-wrapper .thumbnail-list__item,
  html body .product__media-wrapper button.thumbnail {
    display: block !important;
    height: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    min-height: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    max-height: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    width: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    min-width: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    max-width: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body product-info[id^="MainProduct"] .product__info-wrapper,
  html body .product__info-wrapper {
    width: min(calc(100vw - 32px), 430px) !important;
    max-width: min(calc(100vw - 32px), 430px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }
}

/* DSQ_THUMB_TAP_V29_FINAL_EOF: final mobile thumbnail tap unlock */
@media screen and (max-width: 749px) {
  html body product-info[id^="MainProduct"] .thumbnail-slider,
  html body product-info[id^="MainProduct"] .thumbnail-list,
  html body product-info[id^="MainProduct"] .thumbnail-list__item,
  html body product-info[id^="MainProduct"] .thumbnail-list .slider__slide,
  html body product-info[id^="MainProduct"] .thumbnail-list__item button.thumbnail,
  html body product-info[id^="MainProduct"] .thumbnail-list__item .thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-list,
  html body.template-product .product__media-wrapper .thumbnail-list__item,
  html body.template-product .product__media-wrapper .thumbnail-list .slider__slide,
  html body.template-product .product__media-wrapper .thumbnail-list__item button.thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item .thumbnail {
    pointer-events: auto !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-slider {
    position: relative !important;
    z-index: 80 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list,
  html body.template-product .product__media-wrapper .thumbnail-list {
    position: relative !important;
    z-index: 81 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list__item,
  html body product-info[id^="MainProduct"] .thumbnail-list .slider__slide,
  html body.template-product .product__media-wrapper .thumbnail-list__item,
  html body.template-product .product__media-wrapper .thumbnail-list .slider__slide {
    position: relative !important;
    z-index: 82 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list__item button.thumbnail,
  html body product-info[id^="MainProduct"] .thumbnail-list__item .thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item button.thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item .thumbnail {
    cursor: pointer !important;
    position: absolute !important;
    z-index: 83 !important;
  }
}

/* DSQ v27 EOF mobile product gallery: wins over older compact recovery rules. */
@media screen and (max-width: 749px) {
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product.grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(calc(100vw - 18px), 456px) + 128px) !important;
    min-height: calc(min(calc(100vw - 18px), 456px) + 128px) !important;
    max-height: calc(min(calc(100vw - 18px), 456px) + 128px) !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(calc(100vw - 18px), 456px) !important;
    max-width: min(calc(100vw - 18px), 456px) !important;
    height: calc(min(calc(100vw - 18px), 456px) + 128px) !important;
    max-height: calc(min(calc(100vw - 18px), 456px) + 128px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] slider-component[id^="GalleryViewer"],
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media-list {
    display: flex !important;
    width: min(calc(100vw - 18px), 456px) !important;
    min-width: min(calc(100vw - 18px), 456px) !important;
    max-width: min(calc(100vw - 18px), 456px) !important;
    height: min(calc(100vw - 18px), 456px) !important;
    min-height: min(calc(100vw - 18px), 456px) !important;
    max-height: min(calc(100vw - 18px), 456px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media-item,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product-media-container,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__modal-opener,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .media {
    display: block !important;
    width: min(calc(100vw - 18px), 456px) !important;
    min-width: min(calc(100vw - 18px), 456px) !important;
    max-width: min(calc(100vw - 18px), 456px) !important;
    height: min(calc(100vw - 18px), 456px) !important;
    min-height: min(calc(100vw - 18px), 456px) !important;
    max-height: min(calc(100vw - 18px), 456px) !important;
    flex: 0 0 min(calc(100vw - 18px), 456px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    scroll-snap-align: center !important;
    background: #fff !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media img,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product-media-container img,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__media-list img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-slider {
    display: flex !important;
    width: min(calc(100vw - 18px), 456px) !important;
    min-width: min(calc(100vw - 18px), 456px) !important;
    max-width: min(calc(100vw - 18px), 456px) !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    position: relative !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-slider .slider-button {
    display: none !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((min(calc(100vw - 18px), 456px) - 18px) / 3) !important;
    grid-template-columns: none !important;
    gap: 9px !important;
    width: 100% !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-list__item,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-list .slider__slide {
    display: block !important;
    width: calc((min(calc(100vw - 18px), 456px) - 18px) / 3) !important;
    min-width: calc((min(calc(100vw - 18px), 456px) - 18px) / 3) !important;
    max-width: calc((min(calc(100vw - 18px), 456px) - 18px) / 3) !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    flex: 0 0 calc((min(calc(100vw - 18px), 456px) - 18px) / 3) !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    position: relative !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-list__item button.thumbnail,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-list__item .thumbnail {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #fff !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .thumbnail-list__item img,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] button.thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__info-wrapper,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__info-container {
    width: min(calc(100vw - 28px), 456px) !important;
    max-width: min(calc(100vw - 28px), 456px) !important;
    margin: 6px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__title,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__title h1,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] h1.dsq-title-locked,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .price,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .price .price-item,
  html body:has(product-info[id^="MainProduct"]) .dsq-needoh-stock,
  html body:has(product-info[id^="MainProduct"]) .dsq-viewing-pill,
  html body:has(product-info[id^="MainProduct"]) .dsq-product-rating-strip {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }

  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] .product__title h1,
  html body:has(product-info[id^="MainProduct"]) product-info[id^="MainProduct"] h1.dsq-title-locked {
    font-size: clamp(28px, 7.1vw, 34px) !important;
    line-height: .98 !important;
    max-width: min(calc(100vw - 28px), 456px) !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }
}

@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product,
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(max(calc(100vw - 22px), 350px), 456px) + min(max(calc((100vw - 40px) / 3), 104px), 126px) + 12px) !important;
    min-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + min(max(calc((100vw - 40px) / 3), 104px), 126px) + 12px) !important;
    max-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + min(max(calc((100vw - 40px) / 3), 104px), 126px) + 12px) !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: calc(min(max(calc(100vw - 22px), 350px), 456px) + min(max(calc((100vw - 40px) / 3), 104px), 126px) + 12px) !important;
    min-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + min(max(calc((100vw - 40px) / 3), 104px), 126px) + 12px) !important;
    max-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + min(max(calc((100vw - 40px) / 3), 104px), 126px) + 12px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
  }

  html body.template-product product-info[id^="MainProduct"] slider-component[id^="GalleryViewer"],
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    display: flex !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__modal-opener,
  html body.template-product product-info[id^="MainProduct"] .product__media,
  html body.template-product product-info[id^="MainProduct"] .media {
    display: block !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    flex: 0 0 min(max(calc(100vw - 22px), 350px), 456px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider {
    display: flex !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    min-height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    max-height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    position: relative !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider .slider-button {
    display: none !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    grid-template-columns: none !important;
    gap: 9px !important;
    width: 100% !important;
    height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    min-height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    max-height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-list__item,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-list .slider__slide {
    display: block !important;
    width: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    min-width: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    max-width: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    min-height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    max-height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    flex: 0 0 min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    position: relative !important;
  }

  html body.template-product product-info[id^="MainProduct"] button.thumbnail,
  html body.template-product product-info[id^="MainProduct"] .thumbnail {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 2px solid transparent !important;
    border-radius: 16px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
    z-index: 2 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail img,
  html body.template-product product-info[id^="MainProduct"] button.thumbnail img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container {
    width: min(calc(100vw - 28px), 456px) !important;
    max-width: min(calc(100vw - 28px), 456px) !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item,
  html body.template-product .dsq-needoh-stock,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* DSQ absolute EOF mobile PDP gallery guard 20260619. */
@media screen and (max-width: 749px) {
  body.template-product product-info[id^="MainProduct"] .product.grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(max(calc(100vw - 44px), 330px), 430px) + 118px) !important;
    min-height: calc(min(max(calc(100vw - 44px), 330px), 430px) + 118px) !important;
    max-height: calc(min(max(calc(100vw - 44px), 330px), 430px) + 118px) !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    height: calc(min(max(calc(100vw - 44px), 330px), 430px) + 118px) !important;
    min-height: calc(min(max(calc(100vw - 44px), 330px), 430px) + 118px) !important;
    max-height: calc(min(max(calc(100vw - 44px), 330px), 430px) + 118px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.template-product product-info[id^="MainProduct"] slider-component[id^="GalleryViewer"],
  body.template-product product-info[id^="MainProduct"] media-gallery .slider-mobile-gutter:not(.thumbnail-slider),
  body.template-product product-info[id^="MainProduct"] .product__media-list {
    display: flex !important;
    width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    height: min(max(calc(100vw - 44px), 330px), 430px) !important;
    min-height: min(max(calc(100vw - 44px), 330px), 430px) !important;
    max-height: min(max(calc(100vw - 44px), 330px), 430px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-radius: 16px !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    aspect-ratio: 1 / 1 !important;
    background: #fff !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media-item,
  body.template-product product-info[id^="MainProduct"] .product-media-container,
  body.template-product product-info[id^="MainProduct"] .product__modal-opener,
  body.template-product product-info[id^="MainProduct"] .product__media,
  body.template-product product-info[id^="MainProduct"] .media {
    display: block !important;
    width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    height: min(max(calc(100vw - 44px), 330px), 430px) !important;
    min-height: min(max(calc(100vw - 44px), 330px), 430px) !important;
    max-height: min(max(calc(100vw - 44px), 330px), 430px) !important;
    flex: 0 0 min(max(calc(100vw - 44px), 330px), 430px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    background: #fff !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media img,
  body.template-product product-info[id^="MainProduct"] .product-media-container img,
  body.template-product product-info[id^="MainProduct"] .product__media-list img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 16px !important;
  }

  body.template-product product-info[id^="MainProduct"] .thumbnail-slider {
    display: flex !important;
    width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  body.template-product product-info[id^="MainProduct"] .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((min(max(calc(100vw - 44px), 330px), 430px) - 16px) / 3) !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    width: 100% !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    scrollbar-width: none !important;
  }

  body.template-product product-info[id^="MainProduct"] .thumbnail-list__item,
  body.template-product product-info[id^="MainProduct"] .thumbnail-list .slider__slide,
  body.template-product product-info[id^="MainProduct"] button.thumbnail {
    display: block !important;
    width: calc((min(max(calc(100vw - 44px), 330px), 430px) - 16px) / 3) !important;
    min-width: calc((min(max(calc(100vw - 44px), 330px), 430px) - 16px) / 3) !important;
    max-width: calc((min(max(calc(100vw - 44px), 330px), 430px) - 16px) / 3) !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 13px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  body.template-product product-info[id^="MainProduct"] .product__info-container,
  body.template-product product-info[id^="MainProduct"] .product__title,
  body.template-product product-info[id^="MainProduct"] .product__title h1,
  body.template-product product-info[id^="MainProduct"] .price,
  body.template-product product-info[id^="MainProduct"] .price .price-item {
    text-align: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* DSQ EOF product mobile reference lock 20260619: this must remain last. */
@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product.grid,
  html body.template-product .product.product--thumbnail_slider {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body.template-product .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    min-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    max-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery,
  html body.template-product .product__media-wrapper media-gallery,
  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    min-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    max-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
  }

  html body.template-product media-gallery > slider-component:not(.thumbnail-slider),
  html body.template-product media-gallery .slider-mobile-gutter:not(.thumbnail-slider),
  html body.template-product slider-component[id^="GalleryViewer"],
  html body.template-product .product__media-list,
  html body.template-product .product__media-list.slider,
  html body.template-product .product__media-list.slider--mobile {
    display: flex !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list > .product__media-item,
  html body.template-product .product__media-list.slider--mobile > .product__media-item,
  html body.template-product .grid--peek.slider .product__media-item.grid__item {
    display: block !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    flex: 0 0 min(max(calc(100vw - 44px), 330px), 440px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list > .product__media-item .product-media-container,
  html body.template-product .product__media-list > .product__media-item .product__modal-opener,
  html body.template-product .product__media-list > .product__media-item .product__media,
  html body.template-product .product__media-list > .product__media-item .media,
  html body.template-product .product__media-list img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list img {
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  html body.template-product .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-slider,
  html body.template-product media-gallery .thumbnail-slider {
    display: flex !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    position: relative !important;
  }

  html body.template-product .thumbnail-list,
  html body.template-product media-gallery .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    width: 100% !important;
    height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  html body.template-product .thumbnail-list__item,
  html body.template-product .thumbnail-list .slider__slide,
  html body.template-product button.thumbnail,
  html body.template-product .thumbnail {
    display: block !important;
    width: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-width: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-width: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    position: relative !important;
    border-radius: 13px !important;
  }

  html body.template-product .thumbnail img,
  html body.template-product button.thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 11px !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: min(calc(100vw - 32px), 430px) !important;
    max-width: min(calc(100vw - 32px), 430px) !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product .product__info-container,
  html body.template-product product-info[id^="MainProduct"] .product__info-container,
  html body.template-product .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product .price,
  html body.template-product .price .price-item,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* v20 hard lock: restored brand font, compact PDP, styled bundle selector */
@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800;900&display=swap");

:root {
  --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .product__title,
html body .dsq-mystery-bundle-offers,
html body .dsq-mystery-bundle-offers * {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

html body.template-product .product__title h1.dsq-title-locked,
html body.template-product h1.dsq-title-locked {
  font-family: var(--dsq-rounded-brand-font) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

html body.template-product .dsq-product-rating-strip {
  text-decoration: none !important;
  color: #111 !important;
}

html body.template-product .dsq-mystery-bundle-offers {
  display: block !important;
  box-sizing: border-box !important;
  background: linear-gradient(135deg, #fffdf7 0%, #fff6fb 54%, #f6fbff 100%) !important;
  border: 2px solid #d8a4ee !important;
  border-radius: 28px !important;
  box-shadow: 0 16px 42px rgba(132, 61, 180, .1) !important;
}

html body.template-product .dsq-mystery-bundle-offers__title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #111 !important;
  font-weight: 900 !important;
  text-align: center !important;
}

html body.template-product .dsq-mystery-bundle-offers__title::before,
html body.template-product .dsq-mystery-bundle-offers__title::after {
  content: "" !important;
  display: block !important;
  height: 2px !important;
  flex: 1 1 auto !important;
  min-width: 28px !important;
  background: linear-gradient(90deg, transparent, rgba(216, 164, 238, .55), transparent) !important;
}

html body.template-product .dsq-mystery-bundle-card {
  position: relative !important;
  display: grid !important;
  align-items: center !important;
  box-sizing: border-box !important;
  background: rgba(255,255,255,.9) !important;
  border: 2px solid #d8a4ee !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
}

html body.template-product .dsq-mystery-bundle-card.is-selected,
html body.template-product .dsq-mystery-bundle-card:has(input[type="radio"]:checked) {
  background: linear-gradient(110deg, #fffbd3 0%, #fbf1ff 62%, #f5fbff 100%) !important;
  border-color: #9e28d4 !important;
  box-shadow: 0 7px 0 rgba(158, 40, 212, .18) !important;
}

html body.template-product .dsq-mystery-bundle-card > input[type="radio"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

html body.template-product .dsq-mystery-bundle-card__radio {
  display: block !important;
  border: 3px solid #d1a2e8 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 4px #fff !important;
}

html body.template-product .dsq-mystery-bundle-card__radio::after {
  content: "" !important;
  display: block !important;
  border-radius: inherit !important;
  background: #ef4cb5 !important;
  opacity: 0 !important;
}

html body.template-product .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
html body.template-product .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after {
  opacity: 1 !important;
}

html body.template-product .dsq-mystery-bundle-card__copy {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

html body.template-product .dsq-mystery-bundle-card__copy strong,
html body.template-product .dsq-mystery-bundle-card__price {
  color: #111 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

html body.template-product .dsq-mystery-bundle-card__copy em {
  color: #645b58 !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

html body.template-product .dsq-golden-chance {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  color: #aa5b16 !important;
  background: #fff0c7 !important;
  border: 1px solid #ebd6a0 !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

html body.template-product .dsq-mystery-bundle-card__badge {
  position: absolute !important;
  z-index: 2 !important;
  transform: rotate(-3deg) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #8f35df, #f249a8) !important;
  border: 2px solid #111 !important;
  border-radius: 999px !important;
  box-shadow: 0 3px 0 rgba(0,0,0,.2) !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

@media screen and (min-width: 750px) {
  html body.template-product .product__title h1.dsq-title-locked,
  html body.template-product h1.dsq-title-locked {
    max-width: 760px !important;
    font-size: clamp(48px, 4.4vw, 76px) !important;
    line-height: .92 !important;
    white-space: normal !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(100%, 720px) !important;
    max-width: 720px !important;
    margin: 18px 0 24px !important;
    padding: 14px 16px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    min-height: 78px !important;
    gap: 16px !important;
    padding: 14px 18px !important;
    border-radius: 20px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    width: 28px !important;
    height: 28px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio::after {
    width: 14px !important;
    height: 14px !important;
    margin: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 14px !important;
    line-height: 1.05 !important;
  }
}

@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container {
    width: min(calc(100vw - 30px), 360px) !important;
    max-width: 360px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title {
    margin: 2px 0 5px !important;
  }

  html body.template-product .product__title h1.dsq-title-locked,
  html body.template-product h1.dsq-title-locked {
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 !important;
    font-size: clamp(22px, 6.2vw, 25px) !important;
    line-height: .95 !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list,
  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__media {
    width: min(76vw, 296px) !important;
    min-width: min(76vw, 296px) !important;
    max-width: min(76vw, 296px) !important;
    height: 210px !important;
    max-height: 210px !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    flex-basis: min(76vw, 296px) !important;
    aspect-ratio: auto !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 208px !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 64px), 312px) !important;
    max-width: 312px !important;
    margin: 6px auto 10px !important;
    padding: 7px !important;
    border-radius: 16px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title {
    margin: 0 0 5px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    gap: 5px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    min-height: 48px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-width: 2px !important;
    border-radius: 13px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    width: 18px !important;
    height: 18px !important;
    border-width: 2px !important;
    box-shadow: inset 0 0 0 3px #fff !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio::after {
    width: 8px !important;
    height: 8px !important;
    margin: 3px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy {
    gap: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price {
    font-size: clamp(13px, 3.7vw, 15px) !important;
    line-height: .96 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 8.7px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance {
    margin-top: 2px !important;
    padding: 2px 5px !important;
    font-size: 7.7px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__badge {
    right: 6px !important;
    bottom: -8px !important;
    padding: 3px 6px !important;
    font-size: 8px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .dsq-viewing-pill,
  html body.template-product product-info[id^="MainProduct"] .dsq-product-rating-strip {
    margin-top: 4px !important;
    margin-bottom: 5px !important;
  }
}

/* 2026-06-19 launch compact lock: win over earlier emergency rules. */
@media screen and (max-width: 749px) {
  html body.template-product,
  html body.template-product button,
  html body.template-product input,
  html body.template-product select,
  html body.template-product textarea {
    font-family: var(--dsq-rounded-brand-font) !important;
  }

  html body product-info[id^="MainProduct"] {
    --dsq-mobile-media-width: min(58vw, 226px);
    --dsq-mobile-media-height: 158px;
  }

  html body product-info[id^="MainProduct"] .section-template--27404639994170__main_emergency_20260618-padding,
  html body product-info[id^="MainProduct"].section-template--27404639994170__main_emergency_20260618-padding {
    padding-top: 10px !important;
  }

  html body product-info[id^="MainProduct"] .product.grid {
    row-gap: 0 !important;
  }

  html body product-info[id^="MainProduct"] .product__media-wrapper {
    height: var(--dsq-mobile-media-height) !important;
    max-height: var(--dsq-mobile-media-height) !important;
    margin: 0 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] media-gallery,
  html body product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body product-info[id^="MainProduct"] .product__media-list,
  html body product-info[id^="MainProduct"] .product__media-item,
  html body product-info[id^="MainProduct"] .product-media-container,
  html body product-info[id^="MainProduct"] .product__media {
    width: var(--dsq-mobile-media-width) !important;
    max-width: var(--dsq-mobile-media-width) !important;
    height: var(--dsq-mobile-media-height) !important;
    max-height: var(--dsq-mobile-media-height) !important;
    min-height: 0 !important;
    flex-basis: var(--dsq-mobile-media-width) !important;
    margin-inline: auto !important;
  }

  html body product-info[id^="MainProduct"] .product__media img,
  html body product-info[id^="MainProduct"] .product-media-container img,
  html body product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: var(--dsq-mobile-media-height) !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body product-info[id^="MainProduct"] .product__info-wrapper {
    padding: 0 18px !important;
    margin-top: 4px !important;
  }

  html body product-info[id^="MainProduct"] .product__info-container {
    max-width: 100% !important;
  }

  html body product-info[id^="MainProduct"] .product__title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 2px !important;
  }

  html body product-info[id^="MainProduct"] .product__title h1,
  html body product-info[id^="MainProduct"] h1.dsq-title-locked {
    width: min(100%, 342px) !important;
    max-width: 342px !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(27px, 7.35vw, 31px) !important;
    font-weight: 900 !important;
    line-height: .9 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-wrap: auto !important;
  }

  html body product-info[id^="MainProduct"] .dsq-needoh-stock {
    margin: 0 0 5px !important;
    padding: 5px 10px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html body product-info[id^="MainProduct"] .price,
  html body product-info[id^="MainProduct"] .price .price-item {
    margin: 3px 0 5px !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  html body .dsq-viewing-pill {
    min-height: 24px !important;
    margin: 5px 0 7px !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body .dsq-product-rating-strip.dsq-product-rating-strip {
    width: min(100%, 300px) !important;
    min-height: 34px !important;
    margin: 6px 0 10px !important;
    padding: 5px 11px !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  html body .dsq-product-rating-strip span {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 44px), 330px) !important;
    max-width: 330px !important;
    margin: 8px auto 10px !important;
    padding: 9px !important;
    border-radius: 17px !important;
  }

  html body .dsq-mystery-bundle-offers__title {
    margin-bottom: 6px !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  html body .dsq-mystery-bundle-offers__list {
    gap: 6px !important;
  }

  html body .dsq-mystery-bundle-card {
    min-height: 56px !important;
    grid-template-columns: 22px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    border-radius: 15px !important;
  }

  html body .dsq-mystery-bundle-card__radio {
    width: 20px !important;
    height: 20px !important;
  }

  html body .dsq-mystery-bundle-card__radio::after {
    width: 10px !important;
    height: 10px !important;
  }

  html body .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__price {
    font-size: clamp(18px, 5.2vw, 22px) !important;
    line-height: .92 !important;
  }

  html body .dsq-mystery-bundle-card__copy em {
    font-size: 11px !important;
    line-height: 1.05 !important;
  }

  html body .dsq-golden-chance {
    margin-top: 3px !important;
    padding: 3px 7px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body .dsq-mystery-bundle-card__badge {
    right: 7px !important;
    bottom: -9px !important;
    padding: 4px 8px !important;
    font-size: 10px !important;
  }
}

/* DSQ final public recovery: font, compact PDP, and styled bundle options. */
html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .header__menu-item,
html body .product__title,
html body .product__title h1,
html body .price,
html body .price-item,
html body .dsq-product-rating-strip,
html body .dsq-mystery-bundle-offers,
html body .dsq-mystery-bundle-offers *,
html body .dsq-mystery-bundle-card,
html body .dsq-mystery-bundle-card * {
  font-family: "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", Arial, Helvetica, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}

@media screen and (max-width: 749px) {
  html body.template-product .product,
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    gap: 2px !important;
    margin-top: 0 !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 10px !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    width: min(100%, 238px) !important;
    max-width: 238px !important;
    min-height: 0 !important;
    height: 172px !important;
    max-height: 172px !important;
    margin: 0 auto 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media,
  html body.template-product .global-media-settings,
  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__media,
  html body.template-product product-info[id^="MainProduct"] .global-media-settings {
    width: 238px !important;
    min-width: 238px !important;
    max-width: 238px !important;
    min-height: 0 !important;
    height: 172px !important;
    max-height: 172px !important;
    flex: 0 0 238px !important;
    aspect-ratio: auto !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img,
  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 170px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    padding: 0 16px !important;
  }

  html body.template-product .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title {
    margin: 0 0 2px !important;
    padding: 0 !important;
  }

  html body.template-product .product__title h1,
  html body.template-product h1.dsq-title-locked,
  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked {
    display: block !important;
    width: min(100%, 350px) !important;
    max-width: 350px !important;
    margin: 0 !important;
    font-family: "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", Arial, Helvetica, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: clamp(25px, 6.7vw, 29px) !important;
    font-weight: 900 !important;
    line-height: .92 !important;
    text-wrap: balance !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  html body.template-product .product__title h1 span,
  html body.template-product h1.dsq-title-locked span {
    display: inline !important;
    white-space: normal !important;
  }

  html body.template-product .product__title h1 span + span::before,
  html body.template-product h1.dsq-title-locked span + span::before {
    content: " " !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item,
  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item {
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 6px !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 17px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    display: block !important;
    width: min(calc(100vw - 58px), 318px) !important;
    max-width: 318px !important;
    margin: 4px auto 8px !important;
    padding: 6px !important;
    border: 2px solid #ddb1f1 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #fffdf3 0%, #fff7ff 100%) !important;
    box-shadow: 0 10px 24px rgba(94, 41, 130, .1) !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 0 4px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    display: grid !important;
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 17px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 44px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border: 2px solid #ddb1f1 !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected,
  html body.template-product .dsq-mystery-bundle-card:has(input[type="radio"]:checked) {
    border-color: #a82dd7 !important;
    background: linear-gradient(100deg, #fffbd5 0%, #f6ecff 100%) !important;
    box-shadow: 0 4px 0 rgba(168, 45, 215, .2) !important;
  }

  html body.template-product .dsq-mystery-bundle-card input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #d0a8e6 !important;
    border-radius: 999px !important;
    background: #fff !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio::after {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    margin: 2px !important;
    border-radius: 999px !important;
    background: transparent !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
  html body.template-product .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after {
    background: #ed47b5 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy {
    display: grid !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price {
    font-size: clamp(14px, 3.8vw, 16px) !important;
    font-weight: 900 !important;
    line-height: .96 !important;
    white-space: nowrap !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    color: #6b5f61 !important;
    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-product .dsq-golden-chance {
    display: inline-flex !important;
    width: fit-content !important;
    margin-top: 1px !important;
    padding: 2px 5px !important;
    border: 1px solid #ecd18d !important;
    border-radius: 999px !important;
    background: #fff2c4 !important;
    color: #a56318 !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-product .dsq-mystery-bundle-card__badge {
    right: 6px !important;
    bottom: -8px !important;
    padding: 4px 7px !important;
    border: 2px solid #111 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #9b45e9, #f24dab) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 900 !important;
  }
}

/* v13: exact mobile PDP compact pass. The gallery is a sibling of product-info in Dawn. */
@media screen and (max-width: 749px) {
  html body.template-product .product,
  html body.template-product .product.grid,
  html body.template-product section[id^="MainProduct"] .product,
  html body.template-product section[id^="MainProduct"] .product.grid {
    gap: 4px !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product section[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 8px !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media {
    min-height: 0 !important;
    height: min(62vw, 242px) !important;
    max-height: 242px !important;
  }

  html body.template-product .product__media-list {
    width: min(100%, 306px) !important;
    max-width: 306px !important;
    margin-inline: auto !important;
    gap: 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    width: min(100%, 306px) !important;
    max-width: 306px !important;
    flex: 0 0 min(100%, 306px) !important;
  }

  html body.template-product .product-media-container,
  html body.template-product .product__media {
    aspect-ratio: 1 / 1 !important;
    border-radius: 16px !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 242px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product section[id^="MainProduct"] .product__info-wrapper {
    padding: 0 15px !important;
  }

  html body.template-product section[id^="MainProduct"] .product__title,
  html body.template-product .product__title {
    contain: none !important;
    margin: 0 0 3px !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product .product__title h1.dsq-title-locked {
    display: block !important;
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(28px, 8.4vw, 34px) !important;
    line-height: .9 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  html body.template-product h1.dsq-title-locked span,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span,
  html body.template-product .product__title h1.dsq-title-locked span {
    display: inline !important;
    white-space: normal !important;
  }

  html body.template-product h1.dsq-title-locked span + span::before,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span + span::before,
  html body.template-product .product__title h1.dsq-title-locked span + span::before {
    content: " " !important;
  }

  html body.template-product .product__title .dsq-needoh-stock {
    margin-bottom: 6px !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item {
    margin: 0 0 4px !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-viewing-pill {
    margin: 4px 0 !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 7px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 18px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 34px), 360px) !important;
    max-width: 360px !important;
    margin: 5px auto 9px !important;
    padding: 7px !important;
    border-radius: 17px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title {
    margin-bottom: 5px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    grid-template-columns: 19px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 50px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 14px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    width: 17px !important;
    height: 17px !important;
    border-width: 2px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy {
    gap: 1px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong {
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(17px, 4.6vw, 19px) !important;
    line-height: .94 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 11px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance {
    width: fit-content !important;
    margin-top: 1px !important;
    padding: 2px 6px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__price {
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(17px, 4.6vw, 19px) !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__badge {
    right: 8px !important;
    bottom: -8px !important;
    padding: 5px 8px !important;
    font-size: 9.5px !important;
  }
}

@media screen and (min-width: 750px) {
  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked {
    display: block !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    text-wrap: balance !important;
  }

  html body.template-product h1.dsq-title-locked span,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span {
    display: inline !important;
  }

  html body.template-product h1.dsq-title-locked span + span::before,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span + span::before {
    content: " " !important;
  }
}

/* Final final launch patch: this must stay at EOF so stale and duplicate CSS cannot override it. */
:root {
  --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .header__menu-item,
html body .product__title,
html body .product__title h1,
html body .price,
html body .price-item,
html body .dsq-product-rating-strip,
html body .dsq-mystery-bundle-offers,
html body .dsq-mystery-bundle-card,
html body .dsq-mystery-bundle-card * {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

@media screen and (max-width: 749px) {
  html body.template-product .product.grid,
  html body.template-product section[id^="MainProduct"] .product.grid {
    gap: 2px !important;
    margin-top: 0 !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product section[id^="MainProduct"] .product__media-wrapper {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 8px !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media {
    min-height: 0 !important;
    height: min(46vw, 180px) !important;
    max-height: 180px !important;
  }

  html body.template-product .product__media-list {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    margin-inline: auto !important;
    gap: 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    flex: 0 0 min(100%, 260px) !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product section[id^="MainProduct"] .product__info-wrapper {
    padding: 0 14px !important;
  }

  html body.template-product .product__title {
    margin: 0 0 2px !important;
    contain: none !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product .product__title h1.dsq-title-locked,
  html body.template-product .product__title h1 {
    display: block !important;
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(25px, 6.8vw, 29px) !important;
    font-weight: 900 !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item {
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-viewing-pill {
    margin: 4px 0 !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 6px !important;
    padding: 5px 9px !important;
    font-size: 12.5px !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 17px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers,
  html body .dsq-mystery-bundle-offers {
    display: block !important;
    width: min(calc(100vw - 42px), 330px) !important;
    max-width: 330px !important;
    margin: 5px auto 8px !important;
    padding: 7px !important;
    border: 2px solid #e0b4ef !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #fff7ff 0%, #fbf6ff 62%, #f8fbff 100%) !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title,
  html body .dsq-mystery-bundle-offers__title {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 5px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list,
  html body .dsq-mystery-bundle-offers__list {
    display: grid !important;
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card,
  html body .dsq-mystery-bundle-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 46px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border: 2px solid #ddb4ee !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected,
  html body .dsq-mystery-bundle-card.is-selected {
    border-color: #a12de0 !important;
    background: linear-gradient(100deg, #fff8c7 0%, #fbf3ff 62%, #fff 100%) !important;
    box-shadow: 0 5px 0 rgba(161,45,224,.18) !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio,
  html body .dsq-mystery-bundle-card__radio {
    display: grid !important;
    place-items: center !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #cda5e7 !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: #f547ad !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy,
  html body .dsq-mystery-bundle-card__copy {
    display: grid !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price,
  html body .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__price {
    font-size: clamp(15px, 4vw, 17px) !important;
    font-weight: 900 !important;
    line-height: .96 !important;
    color: #111 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em,
  html body .dsq-mystery-bundle-card__copy em {
    font-size: 9.5px !important;
    font-style: normal !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    color: #6a5f5f !important;
  }

  html body.template-product .dsq-golden-chance,
  html body .dsq-golden-chance {
    width: fit-content !important;
    margin-top: 1px !important;
    padding: 2px 5px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

/* Final launch patch: restore rounded brand font and keep mobile PDP compact. */
:root {
  --dsq-rounded-brand-font: "Baloo 2", "Baloo", "Avenir Next Rounded", "Nunito", "Arial Rounded MT Bold", Arial, sans-serif !important;
}

html body,
html body.template-product,
html body.template-product product-info,
html body.template-product .product__info-container,
html body.template-product button,
html body.template-product input,
html body.template-product select,
html body.template-product textarea,
html body.template-product .price,
html body.template-product .price-item,
html body.template-product .dsq-product-rating-strip,
html body.template-product .dsq-mystery-bundle-offers,
html body.template-product .dsq-mystery-bundle-card,
html body.template-product .dsq-mystery-bundle-card *,
html body.template-product h1.dsq-title-locked,
html body.template-product .product__title h1 {
  font-family: var(--dsq-rounded-brand-font) !important;
}

@media screen and (max-width: 749px) {
  html body.template-product .product.grid,
  html body.template-product section[id^="MainProduct"] .product.grid {
    gap: 2px !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product section[id^="MainProduct"] .product__media-wrapper {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 0 !important;
    padding: 0 8px !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media {
    min-height: 0 !important;
    height: min(46vw, 180px) !important;
    max-height: 180px !important;
  }

  html body.template-product .product__media-list {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    margin-inline: auto !important;
    gap: 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    flex: 0 0 min(100%, 260px) !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product section[id^="MainProduct"] .product__info-wrapper {
    padding: 0 14px !important;
  }

  html body.template-product section[id^="MainProduct"] .product__title,
  html body.template-product .product__title {
    contain: none !important;
    margin: 0 0 2px !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product .product__title h1.dsq-title-locked,
  html body.template-product .product__title h1 {
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(25px, 6.8vw, 29px) !important;
    font-weight: 900 !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item {
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 6px !important;
    padding: 5px 9px !important;
    font-size: 12.5px !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 17px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers,
  html body .dsq-mystery-bundle-offers {
    display: block !important;
    width: min(calc(100vw - 42px), 330px) !important;
    max-width: 330px !important;
    margin: 5px auto 8px !important;
    padding: 7px !important;
    border: 2px solid #e0b4ef !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #fff7ff 0%, #fbf6ff 62%, #f8fbff 100%) !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title,
  html body .dsq-mystery-bundle-offers__title {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 5px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list,
  html body .dsq-mystery-bundle-offers__list {
    display: grid !important;
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card,
  html body .dsq-mystery-bundle-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 46px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border: 2px solid #ddb4ee !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected,
  html body .dsq-mystery-bundle-card.is-selected {
    border-color: #a12de0 !important;
    background: linear-gradient(100deg, #fff8c7 0%, #fbf3ff 62%, #fff 100%) !important;
    box-shadow: 0 5px 0 rgba(161,45,224,.18) !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio,
  html body .dsq-mystery-bundle-card__radio {
    display: grid !important;
    place-items: center !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #cda5e7 !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: #f547ad !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy,
  html body .dsq-mystery-bundle-card__copy {
    display: grid !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price,
  html body .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__price {
    font-size: clamp(15px, 4vw, 17px) !important;
    font-weight: 900 !important;
    line-height: .96 !important;
    color: #111 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em,
  html body .dsq-mystery-bundle-card__copy em {
    font-size: 9.5px !important;
    font-style: normal !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    color: #6a5f5f !important;
  }

  html body.template-product .dsq-golden-chance,
  html body .dsq-golden-chance {
    width: fit-content !important;
    margin-top: 1px !important;
    padding: 2px 5px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

/* Launch final: font recovery, attached hero image, and compact mobile PDP. */
:root {
  --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .header__menu-item,
html body .product__title,
html body .product__title h1,
html body .price,
html body .dsq-mystery-bundle-card,
html body .dsq-mystery-bundle-card__copy strong,
html body .dsq-mystery-bundle-card__price,
html body .dsq-product-rating-strip,
html body .shopify-policy__container {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

html body.template-product .product__title h1.dsq-title-locked,
html body.template-product h1.dsq-title-locked {
  display: block !important;
  font-family: var(--dsq-rounded-brand-font) !important;
  text-wrap: balance !important;
  white-space: normal !important;
  word-break: normal !important;
}

html body.template-product .product__title h1.dsq-title-locked span {
  display: inline !important;
}

html body.template-product .product__title h1.dsq-title-locked span + span::before {
  content: " " !important;
}

@media screen and (max-width: 749px) {
  html body.template-product .product.grid,
  html body.template-product section[id^="MainProduct"] .product.grid {
    gap: 3px !important;
    margin-top: 0 !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product section[id^="MainProduct"] .product__media-wrapper {
    margin: 0 0 2px !important;
    padding: 0 8px !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media {
    min-height: 0 !important;
    height: min(46vw, 180px) !important;
    max-height: 180px !important;
  }

  html body.template-product .product__media-list {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    margin-inline: auto !important;
    gap: 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    flex: 0 0 min(100%, 260px) !important;
  }

  html body.template-product .product-media-container,
  html body.template-product .product__media {
    aspect-ratio: 1 / 1 !important;
    border-radius: 15px !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product section[id^="MainProduct"] .product__info-wrapper {
    padding: 0 14px !important;
  }

  html body.template-product section[id^="MainProduct"] .product__title,
  html body.template-product .product__title {
    contain: none !important;
    margin: 0 0 2px !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product .product__title h1.dsq-title-locked,
  html body.template-product .product__title h1 {
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(25px, 6.8vw, 29px) !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item {
    margin: 0 0 4px !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-viewing-pill {
    margin: 4px 0 !important;
    padding: 5px 11px !important;
    font-size: 11.5px !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 6px !important;
    padding: 5px 9px !important;
    font-size: 12.5px !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 17px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers,
  html body .dsq-mystery-bundle-offers {
    display: block !important;
    width: min(calc(100vw - 42px), 330px) !important;
    max-width: 330px !important;
    margin: 5px auto 8px !important;
    padding: 7px !important;
    border: 2px solid #e0b4ef !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #fff7ff 0%, #fbf6ff 62%, #f8fbff 100%) !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title,
  html body .dsq-mystery-bundle-offers__title {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 5px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list,
  html body .dsq-mystery-bundle-offers__list {
    display: grid !important;
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card,
  html body .dsq-mystery-bundle-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 46px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border: 2px solid #ddb4ee !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected,
  html body.template-product .dsq-mystery-bundle-card:has(input[type="radio"]:checked),
  html body .dsq-mystery-bundle-card.is-selected,
  html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) {
    border-color: #9f2ce0 !important;
    background: linear-gradient(90deg, #fff9bd 0%, #f5ebff 100%) !important;
    box-shadow: 0 3px 0 rgba(152, 43, 207, .28) !important;
  }

  html body.template-product .dsq-mystery-bundle-card > input[type="radio"],
  html body .dsq-mystery-bundle-card > input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio,
  html body .dsq-mystery-bundle-card__radio {
    display: grid !important;
    place-items: center !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #cda5e7 !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card__radio::after {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #d73ac4 !important;
    opacity: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
  html body.template-product .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after {
    opacity: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy,
  html body .dsq-mystery-bundle-card__copy {
    display: grid !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price,
  html body .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__price {
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(15px, 4vw, 17px) !important;
    font-weight: 900 !important;
    line-height: .96 !important;
    color: #111 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em,
  html body .dsq-mystery-bundle-card__copy em {
    font-size: 9.5px !important;
    font-style: normal !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    color: #6a5f5f !important;
  }

  html body.template-product .dsq-golden-chance,
  html body .dsq-golden-chance {
    width: fit-content !important;
    margin-top: 1px !important;
    padding: 2px 5px !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-product .dsq-mystery-bundle-card__badge,
  html body .dsq-mystery-bundle-card__badge {
    right: 8px !important;
    bottom: -8px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .shopify-policy__container,
html body .rte {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .h0,
html body .h1,
html body .h2,
html body .h3,
html body .header__menu-item,
html body .product__title,
html body .product__title h1,
html body .price,
html body .button,
html body button,
html body .dsq-mystery-bundle-card__copy strong,
html body .dsq-mystery-bundle-card__price,
html body .dsq-product-rating-strip {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

html,
body {
  overflow-x: hidden !important;
}

#MainContent,
.shopify-section,
product-info,
media-gallery,
cart-drawer {
  max-width: 100vw !important;
  overflow-x: clip !important;
}

body.template-product product-info[id^="MainProduct"] {
  --dsq-black: #111111;
  --dsq-pink: #ff4fa3;
  --dsq-purple: #a633dc;
  --dsq-cream: #fff8d7;
  --dsq-blue: #1d67c9;
}

body.template-product product-info[id^="MainProduct"] .product {
  align-items: flex-start !important;
}

@media screen and (min-width: 990px) {
  body.template-product product-info[id^="MainProduct"] .product.grid {
    display: grid !important;
    grid-template-columns: minmax(520px, 680px) minmax(500px, 620px) !important;
    gap: clamp(34px, 5vw, 70px) !important;
    max-width: 1400px !important;
    margin-inline: auto !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: 100% !important;
    max-width: 650px !important;
    padding: 0 !important;
  }
}

body.template-product product-info[id^="MainProduct"] media-gallery,
body.template-product product-info[id^="MainProduct"] .product__media-wrapper slider-component {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.template-product product-info[id^="MainProduct"] .product__media-list {
  opacity: 1 !important;
  visibility: visible !important;
}

@media screen and (min-width: 750px) {
  body.template-product product-info[id^="MainProduct"] .product__media-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    min-height: clamp(520px, 44vw, 680px) !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media-item {
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media-item.is-active,
  body.template-product product-info[id^="MainProduct"] .product__media-item:first-child {
    display: block !important;
  }
}

body.template-product product-info[id^="MainProduct"] .product__media,
body.template-product product-info[id^="MainProduct"] .global-media-settings {
  aspect-ratio: 1 / 1 !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  min-height: clamp(460px, 42vw, 680px) !important;
}

body.template-product product-info[id^="MainProduct"] .product__media img,
body.template-product product-info[id^="MainProduct"] .global-media-settings img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.template-product product-info[id^="MainProduct"] .thumbnail-list {
  display: flex !important;
  gap: 16px !important;
  align-items: center !important;
}

body.template-product product-info[id^="MainProduct"] .thumbnail {
  border: 1px solid #e6e6e6 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.template-product product-info[id^="MainProduct"] .thumbnail[aria-current="true"] {
  border: 3px solid #111 !important;
  box-shadow: 0 4px 0 rgba(17, 17, 17, 0.16) !important;
}

body.template-product product-info[id^="MainProduct"] .product__title,
body.template-product product-info[id^="MainProduct"] .product__info-container .product__title {
  contain: layout style !important;
  display: block !important;
  margin: 10px 0 10px !important;
  padding: 0 !important;
  max-width: 100% !important;
  transform: none !important;
}

body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked,
body.template-product product-info[id^="MainProduct"] .product__title h1 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  color: #0d0d0f !important;
  font-family: var(--dsq-rounded-brand-font) !important;
  font-size: clamp(54px, 4.1vw, 68px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 0.92 !important;
  text-wrap: initial !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  transform: none !important;
}

@media screen and (min-width: 990px) {
  body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked,
  body.template-product product-info[id^="MainProduct"] .product__title h1 {
    font-size: clamp(50px, 3.7vw, 62px) !important;
    max-width: 760px !important;
  }
}

body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked span {
  display: block !important;
}

body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked span:nth-child(2) {
  white-space: nowrap !important;
}

@media screen and (max-width: 749px) {
  body.template-product product-info[id^="MainProduct"] .product__title {
    margin-top: 8px !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked,
  body.template-product product-info[id^="MainProduct"] .product__title h1 {
    font-size: clamp(34px, 9.2vw, 41px) !important;
    line-height: 0.94 !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media,
  body.template-product product-info[id^="MainProduct"] .global-media-settings {
    border-radius: 22px !important;
    min-height: auto !important;
  }
}

body.template-product product-info[id^="MainProduct"] variant-selects,
body.template-product product-info[id^="MainProduct"] variant-radios,
body.template-product product-info[id^="MainProduct"] .product-form__input--pill,
body.template-product product-info[id^="MainProduct"] .product-form__input--swatch {
  display: none !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers {
  width: 100% !important;
  max-width: 650px !important;
  margin: 24px 0 24px !important;
  padding: 20px !important;
  border: 2px solid #e1b2ef !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, #fff7ff 0%, #fbf5ff 62%, #f8fbff 100%) !important;
  box-shadow: 0 18px 42px rgba(166, 51, 220, 0.12) !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__title {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
  color: #121212 !important;
  font-weight: 950 !important;
  text-align: center !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__title span {
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #e3c4ee, transparent) !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__list {
  display: grid !important;
  gap: 12px !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 96px !important;
  padding: 16px 20px !important;
  border: 2px solid #ddb4ee !important;
  border-radius: 22px !important;
  background: #fff !important;
  cursor: pointer !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card:hover {
  transform: translateY(-1px) !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card.is-selected,
body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card:has(input[type="radio"]:checked) {
  border-color: var(--dsq-purple) !important;
  background: linear-gradient(90deg, #fffbd3 0%, #fbf1ff 100%) !important;
  box-shadow: 0 5px 0 rgba(166, 51, 220, 0.25) !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card > input[type="radio"] {
  display: none !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 3px solid #d4a9ea !important;
  border-radius: 999px !important;
  background: #fff !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio::after {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio,
body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio {
  border-color: var(--dsq-purple) !important;
  box-shadow: 0 0 0 6px #fff2c6 !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after {
  background: linear-gradient(135deg, #ff4fa3, #a633dc) !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy strong,
body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__price {
  color: #101010 !important;
  font-size: clamp(20px, 1.8vw, 26px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy em {
  color: #625b5b !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-golden-chance {
  justify-self: start !important;
  width: fit-content !important;
  margin-top: 4px !important;
  padding: 4px 10px !important;
  border: 1px solid #efd28a !important;
  border-radius: 999px !important;
  background: #fff4c9 !important;
  color: #aa6816 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__badge {
  position: absolute !important;
  right: 16px !important;
  bottom: -13px !important;
  padding: 7px 14px !important;
  border: 2px solid #111 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #9a38e8, #ff4fa3) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transform: rotate(-3deg) !important;
}

@media screen and (max-width: 749px) {
  body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers {
    padding: 14px !important;
    border-radius: 24px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card {
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 5px 7px !important;
    border-radius: 20px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio {
    width: 26px !important;
    height: 26px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio::after {
    width: 12px !important;
    height: 12px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy strong,
  body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__price {
    font-size: clamp(18px, 4.9vw, 21px) !important;
  }
}

body.template-product product-info[id^="MainProduct"] .dsq-needoh-checkout {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  max-width: 650px !important;
  margin: 20px 0 22px !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-trust-chip {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 74px !important;
  padding: 12px 14px !important;
  border: 1px solid #d8e3f6 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #fffdf5 0%, #f8fbff 100%) !important;
  box-shadow: 0 10px 24px rgba(38, 79, 132, 0.08) !important;
  color: #245790 !important;
  text-align: left !important;
  text-decoration: none !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-trust-chip--authorized { background: linear-gradient(135deg, #fff7b9 0%, #fffdf5 100%) !important; }
body.template-product product-info[id^="MainProduct"] .dsq-trust-chip--delivery { background: linear-gradient(135deg, #e8f7ff 0%, #fbfdff 100%) !important; }
body.template-product product-info[id^="MainProduct"] .dsq-trust-chip--returns { background: linear-gradient(135deg, #f4eaff 0%, #fff9ff 100%) !important; }
body.template-product product-info[id^="MainProduct"] .dsq-trust-chip--checkout { background: linear-gradient(135deg, #e8fff4 0%, #fbfffd 100%) !important; }

body.template-product product-info[id^="MainProduct"] .dsq-trust-chip__icon {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(60, 78, 105, 0.14) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: inset 0 -3px 0 rgba(31, 45, 71, 0.06), 0 5px 10px rgba(31, 45, 71, 0.08) !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-trust-chip__icon svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: #173e69 !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-trust-chip__text {
  color: #245790 !important;
  font-size: clamp(15px, 1.25vw, 18px) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

@media screen and (max-width: 749px) {
  body.template-product product-info[id^="MainProduct"] .dsq-needoh-checkout {
    gap: 10px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-trust-chip {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    min-height: 64px !important;
    padding: 10px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-trust-chip__icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-trust-chip__text {
    font-size: 14px !important;
  }
}

.dsq-cart-error {
  margin: 12px 0 0 !important;
  color: #d91646 !important;
  font-weight: 850 !important;
}

body cart-drawer.drawer .drawer__inner {
  max-width: min(560px, 100vw) !important;
  width: min(560px, 100vw) !important;
  padding: 24px !important;
  background: #ffffff !important;
}

body cart-drawer.drawer .drawer__heading {
  color: #111 !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 0.95 !important;
}

body cart-drawer.drawer .drawer__close {
  top: 20px !important;
  right: 20px !important;
}

body cart-drawer.drawer .cart-items {
  display: block !important;
}

body cart-drawer.drawer .cart-items thead {
  display: none !important;
}

body cart-drawer.drawer .cart-items tbody,
body cart-drawer.drawer .cart-item {
  display: block !important;
}

body cart-drawer.drawer .cart-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) auto !important;
  gap: 14px 18px !important;
  padding: 22px 0 !important;
  border-bottom: 1px solid #e5e1dd !important;
}

body cart-drawer.drawer .cart-item__media {
  grid-row: span 3 !important;
  width: 120px !important;
}

body cart-drawer.drawer .cart-item__image {
  width: 120px !important;
  height: 120px !important;
  object-fit: contain !important;
  border: 1px solid #eee6da !important;
  border-radius: 14px !important;
  background: #fffdf7 !important;
}

body cart-drawer.drawer .cart-item__details {
  min-width: 0 !important;
}

body cart-drawer.drawer .cart-item__name {
  color: #111 !important;
  font-size: clamp(22px, 3vw, 30px) !important;
  font-weight: 950 !important;
  line-height: 0.98 !important;
  text-decoration: none !important;
}

body cart-drawer.drawer .cart-item__totals {
  justify-self: end !important;
  color: #111 !important;
  font-size: 24px !important;
  font-weight: 950 !important;
}

body cart-drawer.drawer .product-option,
body cart-drawer.drawer .cart-item__details dl {
  color: #66605d !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

body cart-drawer.drawer .dsq-cart-popularity {
  display: none !important;
  width: fit-content !important;
  max-width: 290px !important;
  margin: 8px 0 10px !important;
  padding: 8px 12px !important;
  border: 1.5px solid #111 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 3px 0 rgba(17, 17, 17, 0.14) !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
}

body cart-drawer.drawer .dsq-cart-popularity.is-visible {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body cart-drawer.drawer .dsq-cart-popularity img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  flex: 0 0 22px !important;
}

body cart-drawer.drawer quantity-popover {
  display: inline-flex !important;
  align-items: center !important;
}

body cart-drawer.drawer .quantity {
  min-height: 46px !important;
  width: 210px !important;
  border: 2px solid #111 !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 0 #111 !important;
}

body cart-drawer.drawer .quantity__button,
body cart-drawer.drawer .quantity__input {
  min-height: 50px !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

body cart-drawer.drawer cart-remove-button .button {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body cart-drawer.drawer .cart-drawer__footer {
  padding: 20px 0 0 !important;
  border-top: 0 !important;
  background: #fff !important;
  box-shadow: 0 -18px 36px rgba(0, 0, 0, 0.06) !important;
}

body cart-drawer.drawer .totals {
  align-items: baseline !important;
}

body cart-drawer.drawer .totals__total {
  color: #111 !important;
  font-size: clamp(24px, 3.3vw, 34px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body cart-drawer.drawer .totals__total-value {
  color: #111 !important;
  font-size: clamp(24px, 3.3vw, 34px) !important;
  font-weight: 950 !important;
}

body cart-drawer.drawer .tax-note {
  margin: 8px 0 10px !important;
  color: #5f5754 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}

body cart-drawer.drawer .dsq-cart-policy-links {
  display: flex !important;
  gap: 14px !important;
  margin: 8px 0 14px !important;
}

body cart-drawer.drawer .dsq-cart-policy-links a {
  color: #504844 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

body cart-drawer.drawer .cart__checkout-button {
  min-height: 58px !important;
  width: 100% !important;
  border-radius: 999px !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  box-shadow: none !important;
}

body cart-drawer.drawer .dsq-cart-assurance {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 12px 0 !important;
}

body cart-drawer.drawer .dsq-cart-assurance span {
  display: grid !important;
  place-items: center !important;
  gap: 4px !important;
  min-height: 52px !important;
  padding: 8px !important;
  border: 1px solid #dedede !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #1d67c9 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

body cart-drawer.drawer .dsq-cart-assurance svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

body cart-drawer.drawer .dsq-cart-mobile-trust {
  margin-top: 10px !important;
}

body cart-drawer.drawer .dsq-cart-mobile-trust div,
body cart-drawer.drawer .dsq-cart-benefits,
body cart-drawer.drawer .dsq-cart-progress--fallback {
  display: none !important;
}

body cart-drawer.drawer .dsq-cart-mobile-trust p {
  margin: 10px 0 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #ff9bc8 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #fff8d7, #fff3f8) !important;
  color: #292321 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

body cart-drawer.drawer .dsq-cart-mobile-trust p strong {
  font-size: inherit !important;
  font-weight: 950 !important;
}

body cart-drawer.drawer .dsq-cart-reserve-note {
  display: block !important;
  margin: 12px 0 0 !important;
  padding: 12px 14px !important;
  border: 1.5px solid #ff9bc8 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #fff8d7, #fff3f8) !important;
  color: #292321 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

body cart-drawer.drawer .dsq-cart-reserve-note strong {
  color: #111 !important;
  font-size: 1.05em !important;
  font-weight: 950 !important;
}

body cart-drawer.drawer .dsq-cart-shipping-goal {
  margin: 10px 0 14px !important;
  padding: 14px !important;
  border: 1px solid #ded6cd !important;
  border-radius: 18px !important;
  background: #fffdf7 !important;
}

body cart-drawer.drawer .dsq-cart-shipping-goal__top {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: #342d2a !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

body cart-drawer.drawer .dsq-cart-shipping-goal__top strong {
  white-space: nowrap !important;
  font-size: 13px !important;
}

body cart-drawer.drawer .dsq-cart-shipping-goal__track {
  height: 8px !important;
  margin-top: 12px !important;
  border-radius: 999px !important;
  background: #eee7df !important;
  overflow: hidden !important;
}

body cart-drawer.drawer .dsq-cart-shipping-goal__track span {
  display: block !important;
  width: var(--dsq-cart-goal-progress, 0%) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #ff4fa3, #ff8b2d, #ffe31a) !important;
}

@media screen and (max-width: 749px) {
  body cart-drawer.drawer .drawer__inner {
    padding: 18px !important;
  }

  body cart-drawer.drawer .cart-item {
    grid-template-columns: 94px minmax(0, 1fr) auto !important;
    gap: 10px 14px !important;
    padding: 20px 0 !important;
  }

  body cart-drawer.drawer .cart-item__media,
  body cart-drawer.drawer .cart-item__image {
    width: 94px !important;
    height: 94px !important;
  }

  body cart-drawer.drawer .cart-item__name {
    font-size: 22px !important;
    line-height: 1.02 !important;
  }

  body cart-drawer.drawer .cart-item__totals {
    font-size: 22px !important;
  }

  body cart-drawer.drawer .quantity {
    width: 174px !important;
  }

  body cart-drawer.drawer .dsq-cart-popularity {
    max-width: 250px !important;
    padding: 9px 12px !important;
    font-size: 14px !important;
  }
}

html body .dsq-variant-showcase {
  overflow-x: hidden !important;
}

html body .dsq-variant-showcase__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 28px) !important;
}

html body .dsq-variant-showcase__card {
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  background: #fff !important;
}

html body .dsq-variant-showcase__media {
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: #fff !important;
}

html body .dsq-variant-showcase__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

html body .dsq-variant-showcase__card h3,
html body .dsq-variant-showcase__card p {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

html body .dsq-variant-showcase__rare-badge {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 2 !important;
  padding: 8px 12px !important;
  border: 2px solid #111 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffe66d, #ff8b2d) !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 3px 0 rgba(17, 17, 17, 0.18) !important;
}

html body .dsq-variant-showcase__rare-note {
  color: #8a5a12 !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

@media screen and (max-width: 749px) {
  html body .dsq-variant-showcase__grid {
    display: flex !important;
    gap: 16px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    padding-inline: 18px !important;
    margin-inline: -18px !important;
  }

  html body .dsq-variant-showcase__card {
    flex: 0 0 78vw !important;
    scroll-snap-align: center !important;
  }
}

/* Raw-markup recovery: do not depend on Shopify body template classes. */
html body product-info[id^="MainProduct"] .dsq-product-rating-strip,
html body .dsq-product-rating-strip.dsq-product-rating-strip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 12px 0 22px !important;
  padding: 8px 18px !important;
  border: 2px solid #3d3d3d !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #fff8d7 0%, #fff0f7 52%, #eef8ff 100%) !important;
  box-shadow: 0 5px 0 rgba(17, 17, 17, 0.2) !important;
  color: #141414 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  gap: 8px !important;
}

html body product-info[id^="MainProduct"] .dsq-product-rating-strip span,
html body .dsq-product-rating-strip span {
  color: #ff4fa3 !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

html body product-info[id^="MainProduct"] .dsq-product-rating-strip em,
html body .dsq-product-rating-strip em {
  color: #655b60 !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-offers,
html body .dsq-mystery-bundle-offers {
  display: block !important;
  width: 100% !important;
  max-width: 650px !important;
  margin: 24px 0 24px !important;
  padding: 20px !important;
  border: 2px solid #e1b2ef !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, #fff7ff 0%, #fbf5ff 62%, #f8fbff 100%) !important;
  box-shadow: 0 18px 42px rgba(166, 51, 220, 0.12) !important;
  color: #111 !important;
  text-decoration: none !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__title,
html body .dsq-mystery-bundle-offers__title {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 14px !important;
  color: #121212 !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-align: center !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__title span,
html body .dsq-mystery-bundle-offers__title span {
  display: block !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #e3c4ee, transparent) !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__list,
html body .dsq-mystery-bundle-offers__list {
  display: grid !important;
  gap: 12px !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card,
html body .dsq-mystery-bundle-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 96px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  border: 2px solid #ddb4ee !important;
  border-radius: 22px !important;
  background: #fff !important;
  color: #111 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card:hover,
html body .dsq-mystery-bundle-card:hover {
  transform: translateY(-1px) !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card.is-selected,
html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card:has(input[type="radio"]:checked),
html body .dsq-mystery-bundle-card.is-selected,
html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) {
  border-color: #a633dc !important;
  background: linear-gradient(90deg, #fffbd3 0%, #fbf1ff 100%) !important;
  box-shadow: 0 5px 0 rgba(166, 51, 220, 0.25) !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card > input[type="radio"],
html body .dsq-mystery-bundle-card > input[type="radio"] {
  display: none !important;
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio,
html body .dsq-mystery-bundle-card__radio {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 3px solid #d4a9ea !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio::after,
html body .dsq-mystery-bundle-card__radio::after {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio,
html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio,
html body .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio,
html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio {
  border-color: #a633dc !important;
  box-shadow: 0 0 0 6px #fff2c6 !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after,
html body .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after {
  background: linear-gradient(135deg, #ff4fa3, #a633dc) !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy,
html body .dsq-mystery-bundle-card__copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy strong,
html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__price,
html body .dsq-mystery-bundle-card__copy strong,
html body .dsq-mystery-bundle-card__price {
  color: #101010 !important;
  font-size: clamp(20px, 1.8vw, 26px) !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy em,
html body .dsq-mystery-bundle-card__copy em {
  color: #625b5b !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

html body product-info[id^="MainProduct"] .dsq-golden-chance,
html body .dsq-golden-chance {
  display: inline-block !important;
  justify-self: start !important;
  width: fit-content !important;
  margin-top: 4px !important;
  padding: 4px 10px !important;
  border: 1px solid #efd28a !important;
  border-radius: 999px !important;
  background: #fff4c9 !important;
  color: #aa6816 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__badge,
html body .dsq-mystery-bundle-card__badge {
  position: absolute !important;
  right: 16px !important;
  bottom: -13px !important;
  padding: 7px 14px !important;
  border: 2px solid #111 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #9a38e8, #ff4fa3) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transform: rotate(-3deg) !important;
  z-index: 2 !important;
}

@media screen and (max-width: 749px) {
  html body product-info[id^="MainProduct"] .dsq-product-rating-strip,
  html body .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 10px 0 18px !important;
    padding: 8px 14px !important;
    font-size: 16px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-product-rating-strip span,
  html body .dsq-product-rating-strip span {
    font-size: 22px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-offers,
  html body .dsq-mystery-bundle-offers {
    padding: 13px !important;
    border-radius: 24px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card,
  html body .dsq-mystery-bundle-card {
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 5px 7px !important;
    border-radius: 20px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio,
  html body .dsq-mystery-bundle-card__radio {
    width: 26px !important;
    height: 26px !important;
    border-width: 3px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card__radio::after {
    width: 12px !important;
    height: 12px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__copy strong {
    font-size: clamp(18px, 4.9vw, 21px) !important;
    line-height: .98 !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__price,
  html body .dsq-mystery-bundle-card__price {
    font-size: clamp(18px, 4.8vw, 21px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy,
  html body .dsq-mystery-bundle-card__copy {
    gap: 3px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy em,
  html body .dsq-mystery-bundle-card__copy em {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  html body product-info[id^="MainProduct"] .dsq-golden-chance,
  html body .dsq-golden-chance {
    margin-top: 3px !important;
    padding: 3px 8px !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
  }
}

/* Launch compacting pass: keep first product photo + bundle choices visible on mobile. */
@media screen and (max-width: 749px) {
  html body.template-product #MainContent,
  html body.template-product .shopify-section,
  html body.template-product product-info[id^="MainProduct"] {
    overflow-x: clip !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product.grid {
    gap: 8px !important;
    margin-top: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    margin: 0 0 4px !important;
    padding: 0 8px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    gap: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media,
  html body.template-product product-info[id^="MainProduct"] .global-media-settings,
  html body.template-product product-info[id^="MainProduct"] .product-media-container {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: min(66vw, 260px) !important;
    max-height: 260px !important;
    border-radius: 18px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .global-media-settings img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .slider-buttons,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider {
    margin-top: 4px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    padding: 0 18px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title {
    margin: 0 0 4px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    display: block !important;
    max-width: 100% !important;
    font-size: clamp(26px, 7.4vw, 32px) !important;
    line-height: .92 !important;
    text-wrap: balance !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked span {
    display: inline !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked span + span::before {
    content: " " !important;
  }

  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item {
    margin: 0 0 5px !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-viewing-pill {
    margin: 5px 0 !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-product-rating-strip,
  html body .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 5px 0 8px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .16) !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-product-rating-strip span,
  html body .dsq-product-rating-strip span {
    font-size: 18px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers,
  html body .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 42px), 330px) !important;
    max-width: 330px !important;
    margin: 6px auto 10px !important;
    padding: 8px !important;
    border-radius: 18px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__title,
  html body .dsq-mystery-bundle-offers__title {
    gap: 6px !important;
    margin-bottom: 6px !important;
    font-size: 13px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__list,
  html body .dsq-mystery-bundle-offers__list {
    gap: 5px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card,
  html body .dsq-mystery-bundle-card {
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    min-height: 46px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 15px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio,
  html body .dsq-mystery-bundle-card__radio {
    width: 18px !important;
    height: 18px !important;
    border-width: 2px !important;
    box-shadow: none !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card__radio::after {
    width: 8px !important;
    height: 8px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy,
  html body .dsq-mystery-bundle-card__copy {
    gap: 1px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__copy strong {
    font-size: clamp(14px, 4vw, 17px) !important;
    line-height: .96 !important;
    white-space: nowrap !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy em,
  html body .dsq-mystery-bundle-card__copy em {
    font-size: 9.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-golden-chance,
  html body .dsq-golden-chance {
    margin-top: 1px !important;
    padding: 2px 5px !important;
    max-width: 100% !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__price,
  html body .dsq-mystery-bundle-card__price {
    font-size: clamp(13px, 3.7vw, 16px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__badge,
  html body .dsq-mystery-bundle-card__badge {
    right: 10px !important;
    bottom: -9px !important;
    padding: 5px 9px !important;
    font-size: 10px !important;
  }
}

@media screen and (min-width: 750px) {
  html body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked {
    display: block !important;
    max-width: 900px !important;
    text-wrap: balance !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked span {
    display: inline !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked span + span::before {
    content: " " !important;
  }
}

/* v13 final word: loaded last and scoped to real Dawn PDP elements. */
@media screen and (max-width: 749px) {
  html body.template-product .product.grid,
  html body.template-product section[id^="MainProduct"] .product.grid {
    gap: 4px !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product section[id^="MainProduct"] .product__media-wrapper {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 8px !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media {
    min-height: 0 !important;
    height: min(62vw, 242px) !important;
    max-height: 242px !important;
  }

  html body.template-product .product__media-list {
    width: min(100%, 306px) !important;
    max-width: 306px !important;
    margin-inline: auto !important;
    gap: 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    width: min(100%, 306px) !important;
    max-width: 306px !important;
    flex: 0 0 min(100%, 306px) !important;
  }

  html body.template-product .product-media-container,
  html body.template-product .product__media {
    aspect-ratio: 1 / 1 !important;
    border-radius: 16px !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 242px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product section[id^="MainProduct"] .product__info-wrapper {
    padding: 0 15px !important;
  }

  html body.template-product section[id^="MainProduct"] .product__title,
  html body.template-product .product__title {
    contain: none !important;
    margin: 0 0 3px !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product .product__title h1.dsq-title-locked {
    display: block !important;
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(28px, 8.4vw, 34px) !important;
    line-height: .9 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  html body.template-product h1.dsq-title-locked span,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span,
  html body.template-product .product__title h1.dsq-title-locked span {
    display: inline !important;
    white-space: normal !important;
  }

  html body.template-product h1.dsq-title-locked span + span::before,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span + span::before,
  html body.template-product .product__title h1.dsq-title-locked span + span::before {
    content: " " !important;
  }

  html body.template-product .product__title .dsq-needoh-stock {
    margin-bottom: 6px !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item {
    margin: 0 0 4px !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-viewing-pill {
    margin: 4px 0 !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 7px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 18px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 34px), 360px) !important;
    max-width: 360px !important;
    margin: 5px auto 9px !important;
    padding: 7px !important;
    border-radius: 17px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title {
    margin-bottom: 5px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    grid-template-columns: 19px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 50px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 14px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    width: 17px !important;
    height: 17px !important;
    border-width: 2px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy {
    gap: 1px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong {
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(17px, 4.6vw, 19px) !important;
    line-height: .94 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 11px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance {
    width: fit-content !important;
    margin-top: 1px !important;
    padding: 2px 6px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__price {
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(17px, 4.6vw, 19px) !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__badge {
    right: 8px !important;
    bottom: -8px !important;
    padding: 5px 8px !important;
    font-size: 9.5px !important;
  }
}

@media screen and (min-width: 750px) {
  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked {
    display: block !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    text-wrap: balance !important;
  }

  html body.template-product h1.dsq-title-locked span,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span {
    display: inline !important;
  }

  html body.template-product h1.dsq-title-locked span + span::before,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span + span::before {
    content: " " !important;
  }
}

/* Real EOF launch patch: keep font rounded and PDP compact after every duplicate block. */
:root {
  --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .header__menu-item,
html body .product__title,
html body .product__title h1,
html body .price,
html body .price-item,
html body .dsq-product-rating-strip,
html body .dsq-mystery-bundle-offers,
html body .dsq-mystery-bundle-card,
html body .dsq-mystery-bundle-card * {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

@media screen and (max-width: 749px) {
  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media {
    min-height: 0 !important;
    height: min(46vw, 180px) !important;
    max-height: 180px !important;
  }

  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    flex: 0 0 min(100%, 260px) !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    height: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
  }

  html body.template-product .product__info-wrapper {
    padding: 0 14px !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product .product__title h1 {
    display: block !important;
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(25px, 6.8vw, 29px) !important;
    font-weight: 900 !important;
    line-height: .92 !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 42px), 330px) !important;
    max-width: 330px !important;
    margin: 5px auto 8px !important;
    padding: 7px !important;
    border-radius: 16px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    min-height: 46px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 13px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price {
    font-size: clamp(15px, 4vw, 17px) !important;
    line-height: .96 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 9.5px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance {
    padding: 2px 5px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
  }
}

/* Final live PDP compact guard: public Shopify HTML does not always include template-product. */
@media screen and (max-width: 749px) {
  html body product-info[id^="MainProduct"] .product.grid {
    gap: 2px !important;
    margin-top: 0 !important;
  }

  html body product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 10px !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] media-gallery,
  html body product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body product-info[id^="MainProduct"] .product__media-list {
    width: min(100%, 238px) !important;
    max-width: 238px !important;
    min-height: 0 !important;
    height: 172px !important;
    max-height: 172px !important;
    margin-inline: auto !important;
    overflow-x: auto !important;
  }

  html body product-info[id^="MainProduct"] .product__media-item,
  html body product-info[id^="MainProduct"] .product-media-container,
  html body product-info[id^="MainProduct"] .product__media {
    width: 238px !important;
    max-width: 238px !important;
    min-height: 0 !important;
    height: 172px !important;
    max-height: 172px !important;
    flex: 0 0 238px !important;
    aspect-ratio: auto !important;
  }

  html body product-info[id^="MainProduct"] .product__media img,
  html body product-info[id^="MainProduct"] .product-media-container img,
  html body product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 170px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body product-info[id^="MainProduct"] .product__info-wrapper {
    padding: 0 16px !important;
  }

  html body product-info[id^="MainProduct"] .product__title {
    margin: 0 0 2px !important;
  }

  html body product-info[id^="MainProduct"] h1.dsq-title-locked,
  html body product-info[id^="MainProduct"] .product__title h1 {
    width: min(100%, 350px) !important;
    max-width: 350px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(26px, 7vw, 30px) !important;
    font-weight: 900 !important;
    line-height: .92 !important;
    white-space: normal !important;
    word-break: normal !important;
    text-wrap: balance !important;
  }

  html body product-info[id^="MainProduct"] .price,
  html body product-info[id^="MainProduct"] .price .price-item {
    margin: 0 0 4px !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body .dsq-viewing-pill {
    margin: 4px 0 !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  html body .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 6px !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
  }

  html body .dsq-product-rating-strip span {
    font-size: 17px !important;
  }

  html body .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 58px), 318px) !important;
    max-width: 318px !important;
    margin: 4px auto 8px !important;
    padding: 6px !important;
    border-radius: 15px !important;
  }

  html body .dsq-mystery-bundle-offers__title {
    margin-bottom: 4px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body .dsq-mystery-bundle-card {
    grid-template-columns: 17px minmax(0, 1fr) auto !important;
    min-height: 44px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 13px !important;
  }

  html body .dsq-mystery-bundle-card__radio {
    width: 16px !important;
    height: 16px !important;
    border-width: 2px !important;
  }

  html body .dsq-mystery-bundle-card__radio::after {
    width: 8px !important;
    height: 8px !important;
  }

  html body .dsq-mystery-bundle-card__copy {
    gap: 0 !important;
  }

  html body .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__price {
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(14px, 3.8vw, 16px) !important;
    line-height: .96 !important;
  }

  html body .dsq-mystery-bundle-card__copy em {
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body .dsq-golden-chance {
    margin-top: 1px !important;
    padding: 2px 5px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }

  html body .dsq-mystery-bundle-card__badge {
    right: 6px !important;
    bottom: -8px !important;
    padding: 4px 7px !important;
    font-size: 9px !important;
  }
}

/* 2026-06-19 live launch lock: final mobile sizing and font restore. */
@media screen and (max-width: 749px) {
  :root {
    --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  }

  html body,
  html body.template-product,
  html body.template-product *:not(svg):not(path) {
    font-family: var(--dsq-rounded-brand-font) !important;
    letter-spacing: 0 !important;
  }

  html body.template-product .product,
  html body.template-product product-info[id^="MainProduct"] .product,
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    gap: 0 !important;
    margin-top: 0 !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 0 !important;
    padding: 0 8px !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media,
  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list,
  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__media {
    width: 232px !important;
    min-width: 232px !important;
    max-width: 232px !important;
    min-height: 0 !important;
    height: 156px !important;
    max-height: 156px !important;
    flex: 0 0 232px !important;
    aspect-ratio: auto !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    margin-inline: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img,
  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 154px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: min(calc(100vw - 36px), 354px) !important;
    max-width: 354px !important;
    margin-inline: auto !important;
    padding: 0 !important;
  }

  html body.template-product .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(24px, 6.45vw, 28px) !important;
    font-weight: 900 !important;
    line-height: .93 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-wrap: wrap !important;
    text-wrap-style: auto !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item,
  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item {
    margin: 0 0 3px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-viewing-pill {
    width: fit-content !important;
    margin: 4px 0 !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    width: min(100%, 300px) !important;
    margin: 4px 0 6px !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 17px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers,
  html body .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 52px), 318px) !important;
    max-width: 318px !important;
    margin: 4px auto 8px !important;
    padding: 6px !important;
    border-radius: 15px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title,
  html body .dsq-mystery-bundle-offers__title {
    margin: 0 0 4px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list,
  html body .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card,
  html body .dsq-mystery-bundle-card {
    grid-template-columns: 17px minmax(0, 1fr) auto !important;
    min-height: 44px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 13px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio,
  html body .dsq-mystery-bundle-card__radio {
    width: 16px !important;
    height: 16px !important;
    border-width: 2px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price,
  html body .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__price {
    font-size: clamp(14px, 3.8vw, 16px) !important;
    line-height: .96 !important;
    white-space: nowrap !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em,
  html body .dsq-mystery-bundle-card__copy em {
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance,
  html body .dsq-golden-chance {
    margin-top: 1px !important;
    padding: 2px 5px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }
}
/* DSQ live cache bridge: this stays in the asset file because Shopify can serve old cached product HTML that still points here. */
:root {
  --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .header__menu-item,
html body .product__title,
html body .product__title h1,
html body .price,
html body .dsq-mystery-bundle-offers,
html body .dsq-mystery-bundle-card,
html body .dsq-mystery-bundle-card *,
html body .dsq-product-rating-strip {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

html body .dsq-mystery-bundle-offers {
  background: linear-gradient(135deg, #fffdf5 0%, #fff7ef 48%, #f7fbff 100%) !important;
  border: 2px solid #e2b6f0 !important;
  box-shadow: 0 16px 34px rgba(190, 111, 219, .15) !important;
}

html body .dsq-mystery-bundle-card {
  display: grid !important;
  align-items: center !important;
  color: #151313 !important;
  background: #fff !important;
  border: 2px solid #e1b7ef !important;
  cursor: pointer !important;
}

html body .dsq-mystery-bundle-card.is-selected,
html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) {
  background: linear-gradient(90deg, #fffbd7 0%, #f5ecff 100%) !important;
  border-color: #9f2ee4 !important;
  box-shadow: 0 4px 0 rgba(159, 46, 228, .35) !important;
}

html body .dsq-mystery-bundle-card > input[type="radio"] {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body .dsq-mystery-bundle-card__radio {
  display: inline-grid !important;
  place-items: center !important;
  border: 3px solid #d4a7ea !important;
  border-radius: 999px !important;
  background: #fff !important;
}

html body .dsq-mystery-bundle-card__radio::after {
  content: "" !important;
  display: block !important;
  border-radius: inherit !important;
  background: #f649ad !important;
  opacity: 0 !important;
}

html body .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after {
  opacity: 1 !important;
}

html body .dsq-mystery-bundle-card__copy {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
}

html body .dsq-mystery-bundle-card__copy strong,
html body .dsq-mystery-bundle-card__price {
  color: #141414 !important;
  font-weight: 900 !important;
}

html body .dsq-mystery-bundle-card__copy em {
  color: #6c625e !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

html body .dsq-golden-chance {
  display: inline-flex !important;
  align-self: flex-start !important;
  width: fit-content !important;
  border: 1px solid rgba(182, 129, 34, .22) !important;
  border-radius: 999px !important;
  background: #fff4cf !important;
  color: #ad641a !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    gap: 0 !important;
    margin-top: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list,
  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__media {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 148px !important;
    min-height: 0 !important;
    max-height: 148px !important;
    flex: 0 0 220px !important;
    aspect-ratio: auto !important;
    margin-inline: auto !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 146px !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: min(calc(100vw - 36px), 354px) !important;
    max-width: 354px !important;
    margin: 2px auto 0 !important;
    padding: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked {
    display: block !important;
    width: min(100%, 354px) !important;
    max-width: 354px !important;
    margin: 0 !important;
    font-size: clamp(21px, 5.75vw, 24px) !important;
    font-weight: 900 !important;
    line-height: .96 !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item {
    margin: 1px 0 3px !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-viewing-pill {
    min-height: 21px !important;
    margin: 3px 0 4px !important;
    padding: 4px 10px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    width: fit-content !important;
    max-width: 300px !important;
    min-height: 28px !important;
    margin: 3px 0 5px !important;
    padding: 5px 9px !important;
    font-size: 12.5px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 72px), 306px) !important;
    max-width: 306px !important;
    margin: 4px auto 8px !important;
    padding: 6px !important;
    border-radius: 15px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title {
    margin-bottom: 4px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    min-height: 42px !important;
    grid-template-columns: 16px minmax(0, 1fr) auto !important;
    gap: 5px !important;
    padding: 4px 6px !important;
    border-radius: 12px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    width: 16px !important;
    height: 16px !important;
    border-width: 2px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio::after {
    width: 8px !important;
    height: 8px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy {
    gap: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price {
    font-size: clamp(13px, 3.55vw, 15px) !important;
    line-height: .96 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance {
    margin-top: 1px !important;
    padding: 2px 5px !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__badge {
    right: 6px !important;
    bottom: -7px !important;
    padding: 3px 6px !important;
    font-size: 8px !important;
  }
}

/* DSQ final compact lock 20260619: loaded last in cached hotfix paths. */
@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    gap: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    margin: 0 !important;
    padding: 0 10px !important;
    min-height: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list,
  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__media {
    width: min(76vw, 286px) !important;
    min-width: min(76vw, 286px) !important;
    max-width: min(76vw, 286px) !important;
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    flex: 0 0 min(76vw, 286px) !important;
    margin-inline: auto !important;
    aspect-ratio: auto !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 188px !important;
    object-fit: cover !important;
    object-position: center !important;
    padding: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: min(calc(100vw - 32px), 358px) !important;
    max-width: 358px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title.dsq-title-wrapper-locked {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked {
    display: block !important;
    width: 100% !important;
    max-width: 358px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font, "Baloo 2", system-ui, sans-serif) !important;
    font-size: clamp(22px, 6.15vw, 24px) !important;
    font-weight: 900 !important;
    line-height: .94 !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    letter-spacing: 0 !important;
  }

  html body.template-product .dsq-viewing-pill {
    margin: 4px 0 4px !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 3px 0 6px !important;
    min-height: 28px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 66px), 306px) !important;
    max-width: 306px !important;
    margin: 4px auto 8px !important;
    padding: 7px !important;
    border-radius: 16px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title {
    margin: 0 0 5px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    min-height: 50px !important;
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 13px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    width: 18px !important;
    height: 18px !important;
    border-width: 2px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio::after {
    width: 8px !important;
    height: 8px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy {
    gap: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price {
    font-size: clamp(13px, 3.6vw, 15px) !important;
    line-height: .96 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance {
    margin-top: 1px !important;
    padding: 2px 5px !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
  }
}

/* DSQ mobile gallery reference lock 20260619: large centered media + thumbnails below. */
@media screen and (max-width: 749px) {
  html body.template-product {
    overflow-x: hidden !important;
  }

  html body.template-product .product,
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    justify-items: center !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery,
  html body.template-product .product__media-wrapper media-gallery,
  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery slider-component,
  html body.template-product media-gallery .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-list.slider,
  html body.template-product .product__media-list.slider--mobile {
    display: flex !important;
    width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: min(calc(100vw - 44px), 430px) !important;
    min-height: min(calc(100vw - 44px), 430px) !important;
    max-height: min(calc(100vw - 44px), 430px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border-radius: 16px !important;
    gap: 0 !important;
  }

  html body.template-product media-gallery .slider-mobile-gutter::-webkit-scrollbar,
  html body.template-product .product__media-list::-webkit-scrollbar {
    display: none !important;
  }

  html body.template-product .product__media-list::after,
  html body.template-product .product__media-list.slider::after,
  html body.template-product .product__media-list.slider--mobile::after {
    content: none !important;
    display: none !important;
  }

  html body.template-product .product__media-list > .product__media-item,
  html body.template-product .product__media-list.slider--mobile > .product__media-item,
  html body.template-product .grid--peek.slider .product__media-item.grid__item,
  html body.template-product .grid--peek.slider .product__media-item.grid__item:first-of-type {
    display: block !important;
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: min(calc(100vw - 44px), 430px) !important;
    min-height: min(calc(100vw - 44px), 430px) !important;
    max-height: min(calc(100vw - 44px), 430px) !important;
    flex: 0 0 min(calc(100vw - 44px), 430px) !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: center !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  html body.template-product .product__media-list > .product__media-item .product-media-container,
  html body.template-product .product__media-list > .product__media-item .product__modal-opener,
  html body.template-product .product__media-list > .product__media-item .product__media,
  html body.template-product .product__media-list > .product__media-item .media {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list > .product__media-item img,
  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-icon,
  html body.template-product .product__media-toggle,
  html body.template-product .product-media-modal__toggle {
    display: none !important;
  }

  html body.template-product .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-slider,
  html body.template-product media-gallery .thumbnail-slider {
    display: flex !important;
    width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  html body.template-product .thumbnail-slider .slider-button {
    display: none !important;
  }

  html body.template-product .thumbnail-list,
  html body.template-product media-gallery .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  html body.template-product .thumbnail-list::-webkit-scrollbar {
    display: none !important;
  }

  html body.template-product .thumbnail-list__item,
  html body.template-product .thumbnail-list .slider__slide {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
  }

  html body.template-product .thumbnail,
  html body.template-product button.thumbnail {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.template-product .thumbnail[aria-current="true"],
  html body.template-product button.thumbnail[aria-current="true"] {
    border-color: #111 !important;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .18) !important;
  }

  html body.template-product .thumbnail img,
  html body.template-product button.thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: min(calc(100vw - 32px), 430px) !important;
    max-width: min(calc(100vw - 32px), 430px) !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-container,
  html body.template-product .product__info-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product .product__title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 6px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product .product__title h1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-family: var(--dsq-rounded-brand-font, "Baloo 2", system-ui, sans-serif) !important;
    font-size: clamp(27px, 8vw, 36px) !important;
    line-height: .94 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    text-wrap: balance !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item {
    justify-content: center !important;
    margin: 5px auto 10px !important;
    text-align: center !important;
    font-size: 22px !important;
  }

  html body.template-product .dsq-needoh-stock,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 34px), 430px) !important;
    max-width: min(calc(100vw - 34px), 430px) !important;
    margin: 12px auto 12px !important;
    padding: 9px !important;
  }
}

/* DSQ final mobile gallery fallback lock 20260619-v22. Keep this at EOF. */
@media screen and (max-width: 749px) {
  html body product-info[id^="MainProduct"] .product.grid,
  html body .product.product--thumbnail_slider {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] .product__media-wrapper,
  html body .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(calc(100vw - 44px), 430px) + 118px) !important;
    min-height: calc(min(calc(100vw - 44px), 430px) + 118px) !important;
    max-height: calc(min(calc(100vw - 44px), 430px) + 118px) !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] media-gallery,
  html body .product__media-wrapper media-gallery {
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: calc(min(calc(100vw - 44px), 430px) + 118px) !important;
    min-height: calc(min(calc(100vw - 44px), 430px) + 118px) !important;
    max-height: calc(min(calc(100vw - 44px), 430px) + 118px) !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] .product__media-list,
  html body .product__media-list.slider--mobile {
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: min(calc(100vw - 44px), 430px) !important;
    min-height: min(calc(100vw - 44px), 430px) !important;
    max-height: min(calc(100vw - 44px), 430px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body product-info[id^="MainProduct"] .product__media-item,
  html body .product__media-list > .product__media-item {
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: min(calc(100vw - 44px), 430px) !important;
    min-height: min(calc(100vw - 44px), 430px) !important;
    max-height: min(calc(100vw - 44px), 430px) !important;
    flex: 0 0 min(calc(100vw - 44px), 430px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  html body product-info[id^="MainProduct"] .product__media img,
  html body .product__media-list img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 16px !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-slider,
  html body .product__media-wrapper .thumbnail-slider {
    display: flex !important;
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list,
  html body .product__media-wrapper .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((min(calc(100vw - 44px), 430px) - 16px) / 3) !important;
    gap: 8px !important;
    width: 100% !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list__item,
  html body .product__media-wrapper .thumbnail-list__item,
  html body .product__media-wrapper .thumbnail-list .slider__slide {
    display: block !important;
    position: relative !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  html body product-info[id^="MainProduct"] button.thumbnail,
  html body .product__media-wrapper button.thumbnail {
    display: block !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 83 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail img,
  html body .product__media-wrapper .thumbnail img {
    display: block !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body product-info[id^="MainProduct"] .product__info-wrapper,
  html body .product__info-wrapper {
    width: min(calc(100vw - 32px), 430px) !important;
    max-width: min(calc(100vw - 32px), 430px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper,
  html body.template-product .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(max(calc(100vw - 22px), 360px), 456px) + min(max(calc((min(max(calc(100vw - 22px), 360px), 456px) - 18px) / 3), 110px), 128px) + 14px) !important;
    min-height: calc(min(max(calc(100vw - 22px), 360px), 456px) + min(max(calc((min(max(calc(100vw - 22px), 360px), 456px) - 18px) / 3), 110px), 128px) + 14px) !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product media-gallery {
    display: block !important;
    width: min(max(calc(100vw - 22px), 360px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 360px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 360px), 456px) !important;
    height: calc(min(max(calc(100vw - 22px), 360px), 456px) + min(max(calc((min(max(calc(100vw - 22px), 360px), 456px) - 18px) / 3), 110px), 128px) + 14px) !important;
    min-height: calc(min(max(calc(100vw - 22px), 360px), 456px) + min(max(calc((min(max(calc(100vw - 22px), 360px), 456px) - 18px) / 3), 110px), 128px) + 14px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-list,
  html body.template-product .product__media-list {
    display: flex !important;
    width: min(max(calc(100vw - 22px), 360px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 360px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 360px), 456px) !important;
    height: min(max(calc(100vw - 22px), 360px), 456px) !important;
    min-height: min(max(calc(100vw - 22px), 360px), 456px) !important;
    max-height: min(max(calc(100vw - 22px), 360px), 456px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__modal-opener,
  html body.template-product product-info[id^="MainProduct"] .product__media,
  html body.template-product product-info[id^="MainProduct"] .media,
  html body.template-product .product__media-wrapper .product__media-item,
  html body.template-product .product__media-wrapper .product-media-container,
  html body.template-product .product__media-wrapper .product__modal-opener,
  html body.template-product .product__media-wrapper .product__media,
  html body.template-product .product__media-wrapper .media {
    display: block !important;
    width: min(max(calc(100vw - 22px), 360px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 360px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 360px), 456px) !important;
    height: min(max(calc(100vw - 22px), 360px), 456px) !important;
    min-height: min(max(calc(100vw - 22px), 360px), 456px) !important;
    max-height: min(max(calc(100vw - 22px), 360px), 456px) !important;
    flex: 0 0 min(max(calc(100vw - 22px), 360px), 456px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #fff !important;
    scroll-snap-align: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img,
  html body.template-product .product__media-wrapper .product__media img,
  html body.template-product .product__media-wrapper .product-media-container img,
  html body.template-product .product__media-wrapper .product__media-list img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-slider {
    display: flex !important;
    width: min(max(calc(100vw - 22px), 360px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 360px), 456px) !important;
    height: min(max(calc((min(max(calc(100vw - 22px), 360px), 456px) - 18px) / 3), 110px), 128px) !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-list,
  html body.template-product .product__media-wrapper .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(max(calc((min(max(calc(100vw - 22px), 360px), 456px) - 18px) / 3), 110px), 128px) !important;
    gap: 9px !important;
    width: 100% !important;
    height: min(max(calc((min(max(calc(100vw - 22px), 360px), 456px) - 18px) / 3), 110px), 128px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-list__item,
  html body.template-product .product__media-wrapper .thumbnail-list__item,
  html body.template-product .product__media-wrapper .thumbnail-list .slider__slide {
    display: block !important;
    position: relative !important;
    width: min(max(calc((min(max(calc(100vw - 22px), 360px), 456px) - 18px) / 3), 110px), 128px) !important;
    min-width: min(max(calc((min(max(calc(100vw - 22px), 360px), 456px) - 18px) / 3), 110px), 128px) !important;
    max-width: min(max(calc((min(max(calc(100vw - 22px), 360px), 456px) - 18px) / 3), 110px), 128px) !important;
    height: min(max(calc((min(max(calc(100vw - 22px), 360px), 456px) - 18px) / 3), 110px), 128px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-list__item button.thumbnail,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-list__item .thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item button.thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item .thumbnail {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: #fff !important;
    z-index: 2 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-list__item img,
  html body.template-product .product__media-wrapper .thumbnail-list__item img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container,
  html body.template-product .product__info-wrapper,
  html body.template-product .product__info-container {
    width: min(calc(100vw - 28px), 456px) !important;
    max-width: min(calc(100vw - 28px), 456px) !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
}

/* DSQ final mobile PDP reference gallery lock 20260619. */
@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product.grid,
  html body.template-product product-info[id^="MainProduct"] .product {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(max(calc(100vw - 22px), 350px), 456px) + 138px) !important;
    min-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + 138px) !important;
    max-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + 138px) !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product .product__media-wrapper media-gallery {
    display: block !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: calc(min(max(calc(100vw - 22px), 350px), 456px) + 138px) !important;
    min-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + 138px) !important;
    max-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + 138px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
  }

  html body.template-product product-info[id^="MainProduct"] slider-component[id^="GalleryViewer"],
  html body.template-product product-info[id^="MainProduct"] media-gallery > slider-component:not(.thumbnail-slider),
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    display: flex !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border-radius: 18px !important;
    aspect-ratio: 1 / 1 !important;
    background: #fff !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__modal-opener,
  html body.template-product product-info[id^="MainProduct"] .product__media,
  html body.template-product product-info[id^="MainProduct"] .media {
    display: block !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    flex: 0 0 min(max(calc(100vw - 22px), 350px), 456px) !important;
    flex-basis: min(max(calc(100vw - 22px), 350px), 456px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    aspect-ratio: 1 / 1 !important;
    background: #fff !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 18px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-slider {
    display: flex !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-list,
  html body.template-product .product__media-wrapper .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(104px, 126px) !important;
    grid-template-columns: none !important;
    gap: 9px !important;
    width: 100% !important;
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-list__item,
  html body.template-product product-info[id^="MainProduct"] button.thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item,
  html body.template-product .product__media-wrapper button.thumbnail {
    display: block !important;
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
    flex: 0 0 126px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail img,
  html body.template-product product-info[id^="MainProduct"] button.thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container {
    width: min(calc(100vw - 28px), 456px) !important;
    max-width: min(calc(100vw - 28px), 456px) !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item,
  html body.template-product .dsq-needoh-stock,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(23px, 6.2vw, 29px) !important;
    font-weight: 900 !important;
    line-height: .98 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    transform: none !important;
  }
}

/* DSQ final reference gallery guard 20260619: big centered media, visible thumbnails, centered PDP info. */
@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product.grid,
  html body.template-product .product.product--thumbnail_slider {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body.template-product .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    min-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    max-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery,
  html body.template-product .product__media-wrapper media-gallery,
  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    min-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    max-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
  }

  html body.template-product media-gallery > slider-component:not(.thumbnail-slider),
  html body.template-product media-gallery .slider-mobile-gutter:not(.thumbnail-slider),
  html body.template-product slider-component[id^="GalleryViewer"],
  html body.template-product .product__media-list,
  html body.template-product .product__media-list.slider,
  html body.template-product .product__media-list.slider--mobile {
    display: flex !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list > .product__media-item,
  html body.template-product .product__media-list.slider--mobile > .product__media-item,
  html body.template-product .grid--peek.slider .product__media-item.grid__item {
    display: block !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    flex: 0 0 min(max(calc(100vw - 44px), 330px), 440px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list > .product__media-item .product-media-container,
  html body.template-product .product__media-list > .product__media-item .product__modal-opener,
  html body.template-product .product__media-list > .product__media-item .product__media,
  html body.template-product .product__media-list > .product__media-item .media,
  html body.template-product .product__media-list img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list img {
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  html body.template-product .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-slider,
  html body.template-product media-gallery .thumbnail-slider {
    display: flex !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    position: relative !important;
  }

  html body.template-product .thumbnail-list,
  html body.template-product media-gallery .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    width: 100% !important;
    height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  html body.template-product .thumbnail-list__item,
  html body.template-product .thumbnail-list .slider__slide,
  html body.template-product button.thumbnail,
  html body.template-product .thumbnail {
    display: block !important;
    width: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-width: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-width: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    position: relative !important;
    border-radius: 13px !important;
  }

  html body.template-product .thumbnail img,
  html body.template-product button.thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 11px !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: min(calc(100vw - 32px), 430px) !important;
    max-width: min(calc(100vw - 32px), 430px) !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}

/* DSQ live PDP mobile gallery order lock 20260619: image, thumbnails, then centered info. */
@media screen and (max-width: 749px) {
  html body product-info[id^="MainProduct"] .product.grid,
  html body .product.product--thumbnail_slider {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] .product__media-wrapper,
  html body .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc((min(calc(100vw - 44px), 430px) * .75) + 106px) !important;
    min-height: calc((min(calc(100vw - 44px), 430px) * .75) + 106px) !important;
    max-height: calc((min(calc(100vw - 44px), 430px) * .75) + 106px) !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] media-gallery,
  html body .product__media-wrapper media-gallery {
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: calc((min(calc(100vw - 44px), 430px) * .75) + 106px) !important;
    min-height: calc((min(calc(100vw - 44px), 430px) * .75) + 106px) !important;
    max-height: calc((min(calc(100vw - 44px), 430px) * .75) + 106px) !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] .product__media-list,
  html body .product__media-list.slider--mobile {
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: calc(min(calc(100vw - 44px), 430px) * .75) !important;
    min-height: calc(min(calc(100vw - 44px), 430px) * .75) !important;
    max-height: calc(min(calc(100vw - 44px), 430px) * .75) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body product-info[id^="MainProduct"] .product__media-item,
  html body .product__media-list > .product__media-item {
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: calc(min(calc(100vw - 44px), 430px) * .75) !important;
    min-height: calc(min(calc(100vw - 44px), 430px) * .75) !important;
    max-height: calc(min(calc(100vw - 44px), 430px) * .75) !important;
    flex: 0 0 min(calc(100vw - 44px), 430px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  html body product-info[id^="MainProduct"] .product__media img,
  html body .product__media-list img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 16px !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-slider,
  html body .product__media-wrapper .thumbnail-slider {
    display: flex !important;
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list,
  html body .product__media-wrapper .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    width: 100% !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list__item,
  html body product-info[id^="MainProduct"] button.thumbnail,
  html body .product__media-wrapper .thumbnail-list__item,
  html body .product__media-wrapper button.thumbnail {
    display: block !important;
    height: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    min-height: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    max-height: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    width: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    min-width: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    max-width: min(96px, calc((min(calc(100vw - 44px), 430px) - 18px) / 3)) !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body product-info[id^="MainProduct"] .product__info-wrapper,
  html body .product__info-wrapper {
    width: min(calc(100vw - 32px), 430px) !important;
    max-width: min(calc(100vw - 32px), 430px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product,
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(max(calc(100vw - 22px), 350px), 456px) + min(max(calc((100vw - 40px) / 3), 104px), 126px) + 12px) !important;
    min-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + min(max(calc((100vw - 40px) / 3), 104px), 126px) + 12px) !important;
    max-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + min(max(calc((100vw - 40px) / 3), 104px), 126px) + 12px) !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: calc(min(max(calc(100vw - 22px), 350px), 456px) + min(max(calc((100vw - 40px) / 3), 104px), 126px) + 12px) !important;
    min-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + min(max(calc((100vw - 40px) / 3), 104px), 126px) + 12px) !important;
    max-height: calc(min(max(calc(100vw - 22px), 350px), 456px) + min(max(calc((100vw - 40px) / 3), 104px), 126px) + 12px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
  }

  html body.template-product product-info[id^="MainProduct"] slider-component[id^="GalleryViewer"],
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    display: flex !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__modal-opener,
  html body.template-product product-info[id^="MainProduct"] .product__media,
  html body.template-product product-info[id^="MainProduct"] .media {
    display: block !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-height: min(max(calc(100vw - 22px), 350px), 456px) !important;
    flex: 0 0 min(max(calc(100vw - 22px), 350px), 456px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider {
    display: flex !important;
    width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    min-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    max-width: min(max(calc(100vw - 22px), 350px), 456px) !important;
    height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    min-height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    max-height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    position: relative !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider .slider-button {
    display: none !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    grid-template-columns: none !important;
    gap: 9px !important;
    width: 100% !important;
    height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    min-height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    max-height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail-list__item,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-list .slider__slide {
    display: block !important;
    width: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    min-width: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    max-width: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    min-height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    max-height: min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    flex: 0 0 min(max(calc((100vw - 40px) / 3), 104px), 126px) !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    position: relative !important;
  }

  html body.template-product product-info[id^="MainProduct"] button.thumbnail,
  html body.template-product product-info[id^="MainProduct"] .thumbnail {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 2px solid transparent !important;
    border-radius: 16px !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
    z-index: 2 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .thumbnail img,
  html body.template-product product-info[id^="MainProduct"] button.thumbnail img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container {
    width: min(calc(100vw - 28px), 456px) !important;
    max-width: min(calc(100vw - 28px), 456px) !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item,
  html body.template-product .dsq-needoh-stock,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* DSQ absolute EOF mobile PDP gallery guard 20260619. */
@media screen and (max-width: 749px) {
  body.template-product product-info[id^="MainProduct"] .product.grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(max(calc(100vw - 44px), 330px), 430px) + 118px) !important;
    min-height: calc(min(max(calc(100vw - 44px), 330px), 430px) + 118px) !important;
    max-height: calc(min(max(calc(100vw - 44px), 330px), 430px) + 118px) !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    height: calc(min(max(calc(100vw - 44px), 330px), 430px) + 118px) !important;
    min-height: calc(min(max(calc(100vw - 44px), 330px), 430px) + 118px) !important;
    max-height: calc(min(max(calc(100vw - 44px), 330px), 430px) + 118px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.template-product product-info[id^="MainProduct"] slider-component[id^="GalleryViewer"],
  body.template-product product-info[id^="MainProduct"] media-gallery .slider-mobile-gutter:not(.thumbnail-slider),
  body.template-product product-info[id^="MainProduct"] .product__media-list {
    display: flex !important;
    width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    height: min(max(calc(100vw - 44px), 330px), 430px) !important;
    min-height: min(max(calc(100vw - 44px), 330px), 430px) !important;
    max-height: min(max(calc(100vw - 44px), 330px), 430px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-radius: 16px !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    aspect-ratio: 1 / 1 !important;
    background: #fff !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media-item,
  body.template-product product-info[id^="MainProduct"] .product-media-container,
  body.template-product product-info[id^="MainProduct"] .product__modal-opener,
  body.template-product product-info[id^="MainProduct"] .product__media,
  body.template-product product-info[id^="MainProduct"] .media {
    display: block !important;
    width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    height: min(max(calc(100vw - 44px), 330px), 430px) !important;
    min-height: min(max(calc(100vw - 44px), 330px), 430px) !important;
    max-height: min(max(calc(100vw - 44px), 330px), 430px) !important;
    flex: 0 0 min(max(calc(100vw - 44px), 330px), 430px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    background: #fff !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media img,
  body.template-product product-info[id^="MainProduct"] .product-media-container img,
  body.template-product product-info[id^="MainProduct"] .product__media-list img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 16px !important;
  }

  body.template-product product-info[id^="MainProduct"] .thumbnail-slider {
    display: flex !important;
    width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 430px) !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  body.template-product product-info[id^="MainProduct"] .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((min(max(calc(100vw - 44px), 330px), 430px) - 16px) / 3) !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    width: 100% !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    scrollbar-width: none !important;
  }

  body.template-product product-info[id^="MainProduct"] .thumbnail-list__item,
  body.template-product product-info[id^="MainProduct"] .thumbnail-list .slider__slide,
  body.template-product product-info[id^="MainProduct"] button.thumbnail {
    display: block !important;
    width: calc((min(max(calc(100vw - 44px), 330px), 430px) - 16px) / 3) !important;
    min-width: calc((min(max(calc(100vw - 44px), 330px), 430px) - 16px) / 3) !important;
    max-width: calc((min(max(calc(100vw - 44px), 330px), 430px) - 16px) / 3) !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 13px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  body.template-product product-info[id^="MainProduct"] .product__info-container,
  body.template-product product-info[id^="MainProduct"] .product__title,
  body.template-product product-info[id^="MainProduct"] .product__title h1,
  body.template-product product-info[id^="MainProduct"] .price,
  body.template-product product-info[id^="MainProduct"] .price .price-item {
    text-align: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* DSQ EOF product mobile reference lock 20260619: this must remain last. */
@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product.grid,
  html body.template-product .product.product--thumbnail_slider {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body.template-product .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    min-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    max-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery,
  html body.template-product .product__media-wrapper media-gallery,
  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    min-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    max-height: calc(min(max(calc(100vw - 44px), 330px), 440px) + 10px + min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
  }

  html body.template-product media-gallery > slider-component:not(.thumbnail-slider),
  html body.template-product media-gallery .slider-mobile-gutter:not(.thumbnail-slider),
  html body.template-product slider-component[id^="GalleryViewer"],
  html body.template-product .product__media-list,
  html body.template-product .product__media-list.slider,
  html body.template-product .product__media-list.slider--mobile {
    display: flex !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list > .product__media-item,
  html body.template-product .product__media-list.slider--mobile > .product__media-item,
  html body.template-product .grid--peek.slider .product__media-item.grid__item {
    display: block !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-height: min(max(calc(100vw - 44px), 330px), 440px) !important;
    flex: 0 0 min(max(calc(100vw - 44px), 330px), 440px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list > .product__media-item .product-media-container,
  html body.template-product .product__media-list > .product__media-item .product__modal-opener,
  html body.template-product .product__media-list > .product__media-item .product__media,
  html body.template-product .product__media-list > .product__media-item .media,
  html body.template-product .product__media-list img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list img {
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  html body.template-product .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-slider,
  html body.template-product media-gallery .thumbnail-slider {
    display: flex !important;
    width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    min-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    max-width: min(max(calc(100vw - 44px), 330px), 440px) !important;
    height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    position: relative !important;
  }

  html body.template-product .thumbnail-list,
  html body.template-product media-gallery .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    width: 100% !important;
    height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  html body.template-product .thumbnail-list__item,
  html body.template-product .thumbnail-list .slider__slide,
  html body.template-product button.thumbnail,
  html body.template-product .thumbnail {
    display: block !important;
    width: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-width: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-width: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    min-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    max-height: min(max(calc((min(max(calc(100vw - 44px), 330px), 440px) - 18px) / 3), 94px), 108px) !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    position: relative !important;
    border-radius: 13px !important;
  }

  html body.template-product .thumbnail img,
  html body.template-product button.thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 11px !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: min(calc(100vw - 32px), 430px) !important;
    max-width: min(calc(100vw - 32px), 430px) !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product .product__info-container,
  html body.template-product product-info[id^="MainProduct"] .product__info-container,
  html body.template-product .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product .price,
  html body.template-product .price .price-item,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* v20 hard lock: restored brand font, compact PDP, styled bundle selector */
@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800;900&display=swap");

:root {
  --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .product__title,
html body .dsq-mystery-bundle-offers,
html body .dsq-mystery-bundle-offers * {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

html body.template-product .product__title h1.dsq-title-locked,
html body.template-product h1.dsq-title-locked {
  font-family: var(--dsq-rounded-brand-font) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

html body.template-product .dsq-product-rating-strip {
  text-decoration: none !important;
  color: #111 !important;
}

html body.template-product .dsq-mystery-bundle-offers {
  display: block !important;
  box-sizing: border-box !important;
  background: linear-gradient(135deg, #fffdf7 0%, #fff6fb 54%, #f6fbff 100%) !important;
  border: 2px solid #d8a4ee !important;
  border-radius: 28px !important;
  box-shadow: 0 16px 42px rgba(132, 61, 180, .1) !important;
}

html body.template-product .dsq-mystery-bundle-offers__title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #111 !important;
  font-weight: 900 !important;
  text-align: center !important;
}

html body.template-product .dsq-mystery-bundle-offers__title::before,
html body.template-product .dsq-mystery-bundle-offers__title::after {
  content: "" !important;
  display: block !important;
  height: 2px !important;
  flex: 1 1 auto !important;
  min-width: 28px !important;
  background: linear-gradient(90deg, transparent, rgba(216, 164, 238, .55), transparent) !important;
}

html body.template-product .dsq-mystery-bundle-card {
  position: relative !important;
  display: grid !important;
  align-items: center !important;
  box-sizing: border-box !important;
  background: rgba(255,255,255,.9) !important;
  border: 2px solid #d8a4ee !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
}

html body.template-product .dsq-mystery-bundle-card.is-selected,
html body.template-product .dsq-mystery-bundle-card:has(input[type="radio"]:checked) {
  background: linear-gradient(110deg, #fffbd3 0%, #fbf1ff 62%, #f5fbff 100%) !important;
  border-color: #9e28d4 !important;
  box-shadow: 0 7px 0 rgba(158, 40, 212, .18) !important;
}

html body.template-product .dsq-mystery-bundle-card > input[type="radio"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

html body.template-product .dsq-mystery-bundle-card__radio {
  display: block !important;
  border: 3px solid #d1a2e8 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 4px #fff !important;
}

html body.template-product .dsq-mystery-bundle-card__radio::after {
  content: "" !important;
  display: block !important;
  border-radius: inherit !important;
  background: #ef4cb5 !important;
  opacity: 0 !important;
}

html body.template-product .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
html body.template-product .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after {
  opacity: 1 !important;
}

html body.template-product .dsq-mystery-bundle-card__copy {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

html body.template-product .dsq-mystery-bundle-card__copy strong,
html body.template-product .dsq-mystery-bundle-card__price {
  color: #111 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}

html body.template-product .dsq-mystery-bundle-card__copy em {
  color: #645b58 !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

html body.template-product .dsq-golden-chance {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  color: #aa5b16 !important;
  background: #fff0c7 !important;
  border: 1px solid #ebd6a0 !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

html body.template-product .dsq-mystery-bundle-card__badge {
  position: absolute !important;
  z-index: 2 !important;
  transform: rotate(-3deg) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #8f35df, #f249a8) !important;
  border: 2px solid #111 !important;
  border-radius: 999px !important;
  box-shadow: 0 3px 0 rgba(0,0,0,.2) !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

@media screen and (min-width: 750px) {
  html body.template-product .product__title h1.dsq-title-locked,
  html body.template-product h1.dsq-title-locked {
    max-width: 760px !important;
    font-size: clamp(48px, 4.4vw, 76px) !important;
    line-height: .92 !important;
    white-space: normal !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(100%, 720px) !important;
    max-width: 720px !important;
    margin: 18px 0 24px !important;
    padding: 14px 16px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    min-height: 78px !important;
    gap: 16px !important;
    padding: 14px 18px !important;
    border-radius: 20px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    width: 28px !important;
    height: 28px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio::after {
    width: 14px !important;
    height: 14px !important;
    margin: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 14px !important;
    line-height: 1.05 !important;
  }
}

@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container {
    width: min(calc(100vw - 30px), 360px) !important;
    max-width: 360px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title {
    margin: 2px 0 5px !important;
  }

  html body.template-product .product__title h1.dsq-title-locked,
  html body.template-product h1.dsq-title-locked {
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 !important;
    font-size: clamp(22px, 6.2vw, 25px) !important;
    line-height: .95 !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list,
  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__media {
    width: min(76vw, 296px) !important;
    min-width: min(76vw, 296px) !important;
    max-width: min(76vw, 296px) !important;
    height: 210px !important;
    max-height: 210px !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    flex-basis: min(76vw, 296px) !important;
    aspect-ratio: auto !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 208px !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 64px), 312px) !important;
    max-width: 312px !important;
    margin: 6px auto 10px !important;
    padding: 7px !important;
    border-radius: 16px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title {
    margin: 0 0 5px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    gap: 5px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    min-height: 48px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-width: 2px !important;
    border-radius: 13px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    width: 18px !important;
    height: 18px !important;
    border-width: 2px !important;
    box-shadow: inset 0 0 0 3px #fff !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio::after {
    width: 8px !important;
    height: 8px !important;
    margin: 3px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy {
    gap: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price {
    font-size: clamp(13px, 3.7vw, 15px) !important;
    line-height: .96 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 8.7px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance {
    margin-top: 2px !important;
    padding: 2px 5px !important;
    font-size: 7.7px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__badge {
    right: 6px !important;
    bottom: -8px !important;
    padding: 3px 6px !important;
    font-size: 8px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .dsq-viewing-pill,
  html body.template-product product-info[id^="MainProduct"] .dsq-product-rating-strip {
    margin-top: 4px !important;
    margin-bottom: 5px !important;
  }
}

/* 2026-06-19 launch compact lock: win over earlier emergency rules. */
@media screen and (max-width: 749px) {
  html body.template-product,
  html body.template-product button,
  html body.template-product input,
  html body.template-product select,
  html body.template-product textarea {
    font-family: var(--dsq-rounded-brand-font) !important;
  }

  html body product-info[id^="MainProduct"] {
    --dsq-mobile-media-width: min(58vw, 226px);
    --dsq-mobile-media-height: 158px;
  }

  html body product-info[id^="MainProduct"] .section-template--27404639994170__main_emergency_20260618-padding,
  html body product-info[id^="MainProduct"].section-template--27404639994170__main_emergency_20260618-padding {
    padding-top: 10px !important;
  }

  html body product-info[id^="MainProduct"] .product.grid {
    row-gap: 0 !important;
  }

  html body product-info[id^="MainProduct"] .product__media-wrapper {
    height: var(--dsq-mobile-media-height) !important;
    max-height: var(--dsq-mobile-media-height) !important;
    margin: 0 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] media-gallery,
  html body product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body product-info[id^="MainProduct"] .product__media-list,
  html body product-info[id^="MainProduct"] .product__media-item,
  html body product-info[id^="MainProduct"] .product-media-container,
  html body product-info[id^="MainProduct"] .product__media {
    width: var(--dsq-mobile-media-width) !important;
    max-width: var(--dsq-mobile-media-width) !important;
    height: var(--dsq-mobile-media-height) !important;
    max-height: var(--dsq-mobile-media-height) !important;
    min-height: 0 !important;
    flex-basis: var(--dsq-mobile-media-width) !important;
    margin-inline: auto !important;
  }

  html body product-info[id^="MainProduct"] .product__media img,
  html body product-info[id^="MainProduct"] .product-media-container img,
  html body product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: var(--dsq-mobile-media-height) !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body product-info[id^="MainProduct"] .product__info-wrapper {
    padding: 0 18px !important;
    margin-top: 4px !important;
  }

  html body product-info[id^="MainProduct"] .product__info-container {
    max-width: 100% !important;
  }

  html body product-info[id^="MainProduct"] .product__title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 2px !important;
  }

  html body product-info[id^="MainProduct"] .product__title h1,
  html body product-info[id^="MainProduct"] h1.dsq-title-locked {
    width: min(100%, 342px) !important;
    max-width: 342px !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(27px, 7.35vw, 31px) !important;
    font-weight: 900 !important;
    line-height: .9 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-wrap: auto !important;
  }

  html body product-info[id^="MainProduct"] .dsq-needoh-stock {
    margin: 0 0 5px !important;
    padding: 5px 10px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html body product-info[id^="MainProduct"] .price,
  html body product-info[id^="MainProduct"] .price .price-item {
    margin: 3px 0 5px !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  html body .dsq-viewing-pill {
    min-height: 24px !important;
    margin: 5px 0 7px !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body .dsq-product-rating-strip.dsq-product-rating-strip {
    width: min(100%, 300px) !important;
    min-height: 34px !important;
    margin: 6px 0 10px !important;
    padding: 5px 11px !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  html body .dsq-product-rating-strip span {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 44px), 330px) !important;
    max-width: 330px !important;
    margin: 8px auto 10px !important;
    padding: 9px !important;
    border-radius: 17px !important;
  }

  html body .dsq-mystery-bundle-offers__title {
    margin-bottom: 6px !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  html body .dsq-mystery-bundle-offers__list {
    gap: 6px !important;
  }

  html body .dsq-mystery-bundle-card {
    min-height: 56px !important;
    grid-template-columns: 22px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    border-radius: 15px !important;
  }

  html body .dsq-mystery-bundle-card__radio {
    width: 20px !important;
    height: 20px !important;
  }

  html body .dsq-mystery-bundle-card__radio::after {
    width: 10px !important;
    height: 10px !important;
  }

  html body .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__price {
    font-size: clamp(18px, 5.2vw, 22px) !important;
    line-height: .92 !important;
  }

  html body .dsq-mystery-bundle-card__copy em {
    font-size: 11px !important;
    line-height: 1.05 !important;
  }

  html body .dsq-golden-chance {
    margin-top: 3px !important;
    padding: 3px 7px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body .dsq-mystery-bundle-card__badge {
    right: 7px !important;
    bottom: -9px !important;
    padding: 4px 8px !important;
    font-size: 10px !important;
  }
}

/* DSQ final public recovery: font, compact PDP, and styled bundle options. */
html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .header__menu-item,
html body .product__title,
html body .product__title h1,
html body .price,
html body .price-item,
html body .dsq-product-rating-strip,
html body .dsq-mystery-bundle-offers,
html body .dsq-mystery-bundle-offers *,
html body .dsq-mystery-bundle-card,
html body .dsq-mystery-bundle-card * {
  font-family: "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", Arial, Helvetica, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}

@media screen and (max-width: 749px) {
  html body.template-product .product,
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    gap: 2px !important;
    margin-top: 0 !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 10px !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    width: min(100%, 238px) !important;
    max-width: 238px !important;
    min-height: 0 !important;
    height: 172px !important;
    max-height: 172px !important;
    margin: 0 auto 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media,
  html body.template-product .global-media-settings,
  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__media,
  html body.template-product product-info[id^="MainProduct"] .global-media-settings {
    width: 238px !important;
    min-width: 238px !important;
    max-width: 238px !important;
    min-height: 0 !important;
    height: 172px !important;
    max-height: 172px !important;
    flex: 0 0 238px !important;
    aspect-ratio: auto !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img,
  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 170px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    padding: 0 16px !important;
  }

  html body.template-product .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title {
    margin: 0 0 2px !important;
    padding: 0 !important;
  }

  html body.template-product .product__title h1,
  html body.template-product h1.dsq-title-locked,
  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked {
    display: block !important;
    width: min(100%, 350px) !important;
    max-width: 350px !important;
    margin: 0 !important;
    font-family: "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", Arial, Helvetica, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: clamp(25px, 6.7vw, 29px) !important;
    font-weight: 900 !important;
    line-height: .92 !important;
    text-wrap: balance !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  html body.template-product .product__title h1 span,
  html body.template-product h1.dsq-title-locked span {
    display: inline !important;
    white-space: normal !important;
  }

  html body.template-product .product__title h1 span + span::before,
  html body.template-product h1.dsq-title-locked span + span::before {
    content: " " !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item,
  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item {
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 6px !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 17px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    display: block !important;
    width: min(calc(100vw - 58px), 318px) !important;
    max-width: 318px !important;
    margin: 4px auto 8px !important;
    padding: 6px !important;
    border: 2px solid #ddb1f1 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #fffdf3 0%, #fff7ff 100%) !important;
    box-shadow: 0 10px 24px rgba(94, 41, 130, .1) !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 0 4px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    display: grid !important;
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 17px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 44px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border: 2px solid #ddb1f1 !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected,
  html body.template-product .dsq-mystery-bundle-card:has(input[type="radio"]:checked) {
    border-color: #a82dd7 !important;
    background: linear-gradient(100deg, #fffbd5 0%, #f6ecff 100%) !important;
    box-shadow: 0 4px 0 rgba(168, 45, 215, .2) !important;
  }

  html body.template-product .dsq-mystery-bundle-card input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #d0a8e6 !important;
    border-radius: 999px !important;
    background: #fff !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio::after {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    margin: 2px !important;
    border-radius: 999px !important;
    background: transparent !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
  html body.template-product .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after {
    background: #ed47b5 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy {
    display: grid !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price {
    font-size: clamp(14px, 3.8vw, 16px) !important;
    font-weight: 900 !important;
    line-height: .96 !important;
    white-space: nowrap !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    color: #6b5f61 !important;
    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-product .dsq-golden-chance {
    display: inline-flex !important;
    width: fit-content !important;
    margin-top: 1px !important;
    padding: 2px 5px !important;
    border: 1px solid #ecd18d !important;
    border-radius: 999px !important;
    background: #fff2c4 !important;
    color: #a56318 !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-product .dsq-mystery-bundle-card__badge {
    right: 6px !important;
    bottom: -8px !important;
    padding: 4px 7px !important;
    border: 2px solid #111 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #9b45e9, #f24dab) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 900 !important;
  }
}

/* v13: exact mobile PDP compact pass. The gallery is a sibling of product-info in Dawn. */
@media screen and (max-width: 749px) {
  html body.template-product .product,
  html body.template-product .product.grid,
  html body.template-product section[id^="MainProduct"] .product,
  html body.template-product section[id^="MainProduct"] .product.grid {
    gap: 4px !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product section[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 8px !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media {
    min-height: 0 !important;
    height: min(62vw, 242px) !important;
    max-height: 242px !important;
  }

  html body.template-product .product__media-list {
    width: min(100%, 306px) !important;
    max-width: 306px !important;
    margin-inline: auto !important;
    gap: 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    width: min(100%, 306px) !important;
    max-width: 306px !important;
    flex: 0 0 min(100%, 306px) !important;
  }

  html body.template-product .product-media-container,
  html body.template-product .product__media {
    aspect-ratio: 1 / 1 !important;
    border-radius: 16px !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 242px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product section[id^="MainProduct"] .product__info-wrapper {
    padding: 0 15px !important;
  }

  html body.template-product section[id^="MainProduct"] .product__title,
  html body.template-product .product__title {
    contain: none !important;
    margin: 0 0 3px !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product .product__title h1.dsq-title-locked {
    display: block !important;
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(28px, 8.4vw, 34px) !important;
    line-height: .9 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  html body.template-product h1.dsq-title-locked span,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span,
  html body.template-product .product__title h1.dsq-title-locked span {
    display: inline !important;
    white-space: normal !important;
  }

  html body.template-product h1.dsq-title-locked span + span::before,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span + span::before,
  html body.template-product .product__title h1.dsq-title-locked span + span::before {
    content: " " !important;
  }

  html body.template-product .product__title .dsq-needoh-stock {
    margin-bottom: 6px !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item {
    margin: 0 0 4px !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-viewing-pill {
    margin: 4px 0 !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 7px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 18px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 34px), 360px) !important;
    max-width: 360px !important;
    margin: 5px auto 9px !important;
    padding: 7px !important;
    border-radius: 17px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title {
    margin-bottom: 5px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    grid-template-columns: 19px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 50px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 14px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    width: 17px !important;
    height: 17px !important;
    border-width: 2px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy {
    gap: 1px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong {
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(17px, 4.6vw, 19px) !important;
    line-height: .94 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 11px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance {
    width: fit-content !important;
    margin-top: 1px !important;
    padding: 2px 6px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__price {
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(17px, 4.6vw, 19px) !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__badge {
    right: 8px !important;
    bottom: -8px !important;
    padding: 5px 8px !important;
    font-size: 9.5px !important;
  }
}

@media screen and (min-width: 750px) {
  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked {
    display: block !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    text-wrap: balance !important;
  }

  html body.template-product h1.dsq-title-locked span,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span {
    display: inline !important;
  }

  html body.template-product h1.dsq-title-locked span + span::before,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span + span::before {
    content: " " !important;
  }
}

/* Final final launch patch: this must stay at EOF so stale and duplicate CSS cannot override it. */
:root {
  --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .header__menu-item,
html body .product__title,
html body .product__title h1,
html body .price,
html body .price-item,
html body .dsq-product-rating-strip,
html body .dsq-mystery-bundle-offers,
html body .dsq-mystery-bundle-card,
html body .dsq-mystery-bundle-card * {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

@media screen and (max-width: 749px) {
  html body.template-product .product.grid,
  html body.template-product section[id^="MainProduct"] .product.grid {
    gap: 2px !important;
    margin-top: 0 !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product section[id^="MainProduct"] .product__media-wrapper {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 8px !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media {
    min-height: 0 !important;
    height: min(46vw, 180px) !important;
    max-height: 180px !important;
  }

  html body.template-product .product__media-list {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    margin-inline: auto !important;
    gap: 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    flex: 0 0 min(100%, 260px) !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product section[id^="MainProduct"] .product__info-wrapper {
    padding: 0 14px !important;
  }

  html body.template-product .product__title {
    margin: 0 0 2px !important;
    contain: none !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product .product__title h1.dsq-title-locked,
  html body.template-product .product__title h1 {
    display: block !important;
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(25px, 6.8vw, 29px) !important;
    font-weight: 900 !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item {
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-viewing-pill {
    margin: 4px 0 !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 6px !important;
    padding: 5px 9px !important;
    font-size: 12.5px !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 17px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers,
  html body .dsq-mystery-bundle-offers {
    display: block !important;
    width: min(calc(100vw - 42px), 330px) !important;
    max-width: 330px !important;
    margin: 5px auto 8px !important;
    padding: 7px !important;
    border: 2px solid #e0b4ef !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #fff7ff 0%, #fbf6ff 62%, #f8fbff 100%) !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title,
  html body .dsq-mystery-bundle-offers__title {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 5px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list,
  html body .dsq-mystery-bundle-offers__list {
    display: grid !important;
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card,
  html body .dsq-mystery-bundle-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 46px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border: 2px solid #ddb4ee !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected,
  html body .dsq-mystery-bundle-card.is-selected {
    border-color: #a12de0 !important;
    background: linear-gradient(100deg, #fff8c7 0%, #fbf3ff 62%, #fff 100%) !important;
    box-shadow: 0 5px 0 rgba(161,45,224,.18) !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio,
  html body .dsq-mystery-bundle-card__radio {
    display: grid !important;
    place-items: center !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #cda5e7 !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: #f547ad !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy,
  html body .dsq-mystery-bundle-card__copy {
    display: grid !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price,
  html body .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__price {
    font-size: clamp(15px, 4vw, 17px) !important;
    font-weight: 900 !important;
    line-height: .96 !important;
    color: #111 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em,
  html body .dsq-mystery-bundle-card__copy em {
    font-size: 9.5px !important;
    font-style: normal !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    color: #6a5f5f !important;
  }

  html body.template-product .dsq-golden-chance,
  html body .dsq-golden-chance {
    width: fit-content !important;
    margin-top: 1px !important;
    padding: 2px 5px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

/* Final launch patch: restore rounded brand font and keep mobile PDP compact. */
:root {
  --dsq-rounded-brand-font: "Baloo 2", "Baloo", "Avenir Next Rounded", "Nunito", "Arial Rounded MT Bold", Arial, sans-serif !important;
}

html body,
html body.template-product,
html body.template-product product-info,
html body.template-product .product__info-container,
html body.template-product button,
html body.template-product input,
html body.template-product select,
html body.template-product textarea,
html body.template-product .price,
html body.template-product .price-item,
html body.template-product .dsq-product-rating-strip,
html body.template-product .dsq-mystery-bundle-offers,
html body.template-product .dsq-mystery-bundle-card,
html body.template-product .dsq-mystery-bundle-card *,
html body.template-product h1.dsq-title-locked,
html body.template-product .product__title h1 {
  font-family: var(--dsq-rounded-brand-font) !important;
}

@media screen and (max-width: 749px) {
  html body.template-product .product.grid,
  html body.template-product section[id^="MainProduct"] .product.grid {
    gap: 2px !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product section[id^="MainProduct"] .product__media-wrapper {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 0 !important;
    padding: 0 8px !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media {
    min-height: 0 !important;
    height: min(46vw, 180px) !important;
    max-height: 180px !important;
  }

  html body.template-product .product__media-list {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    margin-inline: auto !important;
    gap: 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    flex: 0 0 min(100%, 260px) !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product section[id^="MainProduct"] .product__info-wrapper {
    padding: 0 14px !important;
  }

  html body.template-product section[id^="MainProduct"] .product__title,
  html body.template-product .product__title {
    contain: none !important;
    margin: 0 0 2px !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product .product__title h1.dsq-title-locked,
  html body.template-product .product__title h1 {
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(25px, 6.8vw, 29px) !important;
    font-weight: 900 !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item {
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 6px !important;
    padding: 5px 9px !important;
    font-size: 12.5px !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 17px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers,
  html body .dsq-mystery-bundle-offers {
    display: block !important;
    width: min(calc(100vw - 42px), 330px) !important;
    max-width: 330px !important;
    margin: 5px auto 8px !important;
    padding: 7px !important;
    border: 2px solid #e0b4ef !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #fff7ff 0%, #fbf6ff 62%, #f8fbff 100%) !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title,
  html body .dsq-mystery-bundle-offers__title {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 5px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list,
  html body .dsq-mystery-bundle-offers__list {
    display: grid !important;
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card,
  html body .dsq-mystery-bundle-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 46px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border: 2px solid #ddb4ee !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected,
  html body .dsq-mystery-bundle-card.is-selected {
    border-color: #a12de0 !important;
    background: linear-gradient(100deg, #fff8c7 0%, #fbf3ff 62%, #fff 100%) !important;
    box-shadow: 0 5px 0 rgba(161,45,224,.18) !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio,
  html body .dsq-mystery-bundle-card__radio {
    display: grid !important;
    place-items: center !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #cda5e7 !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: #f547ad !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy,
  html body .dsq-mystery-bundle-card__copy {
    display: grid !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price,
  html body .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__price {
    font-size: clamp(15px, 4vw, 17px) !important;
    font-weight: 900 !important;
    line-height: .96 !important;
    color: #111 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em,
  html body .dsq-mystery-bundle-card__copy em {
    font-size: 9.5px !important;
    font-style: normal !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    color: #6a5f5f !important;
  }

  html body.template-product .dsq-golden-chance,
  html body .dsq-golden-chance {
    width: fit-content !important;
    margin-top: 1px !important;
    padding: 2px 5px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

/* Launch final: font recovery, attached hero image, and compact mobile PDP. */
:root {
  --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .header__menu-item,
html body .product__title,
html body .product__title h1,
html body .price,
html body .dsq-mystery-bundle-card,
html body .dsq-mystery-bundle-card__copy strong,
html body .dsq-mystery-bundle-card__price,
html body .dsq-product-rating-strip,
html body .shopify-policy__container {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

html body.template-product .product__title h1.dsq-title-locked,
html body.template-product h1.dsq-title-locked {
  display: block !important;
  font-family: var(--dsq-rounded-brand-font) !important;
  text-wrap: balance !important;
  white-space: normal !important;
  word-break: normal !important;
}

html body.template-product .product__title h1.dsq-title-locked span {
  display: inline !important;
}

html body.template-product .product__title h1.dsq-title-locked span + span::before {
  content: " " !important;
}

@media screen and (max-width: 749px) {
  html body.template-product .product.grid,
  html body.template-product section[id^="MainProduct"] .product.grid {
    gap: 3px !important;
    margin-top: 0 !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product section[id^="MainProduct"] .product__media-wrapper {
    margin: 0 0 2px !important;
    padding: 0 8px !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media {
    min-height: 0 !important;
    height: min(46vw, 180px) !important;
    max-height: 180px !important;
  }

  html body.template-product .product__media-list {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    margin-inline: auto !important;
    gap: 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    flex: 0 0 min(100%, 260px) !important;
  }

  html body.template-product .product-media-container,
  html body.template-product .product__media {
    aspect-ratio: 1 / 1 !important;
    border-radius: 15px !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product section[id^="MainProduct"] .product__info-wrapper {
    padding: 0 14px !important;
  }

  html body.template-product section[id^="MainProduct"] .product__title,
  html body.template-product .product__title {
    contain: none !important;
    margin: 0 0 2px !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product .product__title h1.dsq-title-locked,
  html body.template-product .product__title h1 {
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(25px, 6.8vw, 29px) !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item {
    margin: 0 0 4px !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-viewing-pill {
    margin: 4px 0 !important;
    padding: 5px 11px !important;
    font-size: 11.5px !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 6px !important;
    padding: 5px 9px !important;
    font-size: 12.5px !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 17px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers,
  html body .dsq-mystery-bundle-offers {
    display: block !important;
    width: min(calc(100vw - 42px), 330px) !important;
    max-width: 330px !important;
    margin: 5px auto 8px !important;
    padding: 7px !important;
    border: 2px solid #e0b4ef !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #fff7ff 0%, #fbf6ff 62%, #f8fbff 100%) !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title,
  html body .dsq-mystery-bundle-offers__title {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 5px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list,
  html body .dsq-mystery-bundle-offers__list {
    display: grid !important;
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card,
  html body .dsq-mystery-bundle-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 46px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border: 2px solid #ddb4ee !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected,
  html body.template-product .dsq-mystery-bundle-card:has(input[type="radio"]:checked),
  html body .dsq-mystery-bundle-card.is-selected,
  html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) {
    border-color: #9f2ce0 !important;
    background: linear-gradient(90deg, #fff9bd 0%, #f5ebff 100%) !important;
    box-shadow: 0 3px 0 rgba(152, 43, 207, .28) !important;
  }

  html body.template-product .dsq-mystery-bundle-card > input[type="radio"],
  html body .dsq-mystery-bundle-card > input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio,
  html body .dsq-mystery-bundle-card__radio {
    display: grid !important;
    place-items: center !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #cda5e7 !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card__radio::after {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #d73ac4 !important;
    opacity: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
  html body.template-product .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after {
    opacity: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy,
  html body .dsq-mystery-bundle-card__copy {
    display: grid !important;
    gap: 0 !important;
    min-width: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price,
  html body .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__price {
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(15px, 4vw, 17px) !important;
    font-weight: 900 !important;
    line-height: .96 !important;
    color: #111 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em,
  html body .dsq-mystery-bundle-card__copy em {
    font-size: 9.5px !important;
    font-style: normal !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    color: #6a5f5f !important;
  }

  html body.template-product .dsq-golden-chance,
  html body .dsq-golden-chance {
    width: fit-content !important;
    margin-top: 1px !important;
    padding: 2px 5px !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-product .dsq-mystery-bundle-card__badge,
  html body .dsq-mystery-bundle-card__badge {
    right: 8px !important;
    bottom: -8px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .shopify-policy__container,
html body .rte {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .h0,
html body .h1,
html body .h2,
html body .h3,
html body .header__menu-item,
html body .product__title,
html body .product__title h1,
html body .price,
html body .button,
html body button,
html body .dsq-mystery-bundle-card__copy strong,
html body .dsq-mystery-bundle-card__price,
html body .dsq-product-rating-strip {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

html,
body {
  overflow-x: hidden !important;
}

#MainContent,
.shopify-section,
product-info,
media-gallery,
cart-drawer {
  max-width: 100vw !important;
  overflow-x: clip !important;
}

body.template-product product-info[id^="MainProduct"] {
  --dsq-black: #111111;
  --dsq-pink: #ff4fa3;
  --dsq-purple: #a633dc;
  --dsq-cream: #fff8d7;
  --dsq-blue: #1d67c9;
}

body.template-product product-info[id^="MainProduct"] .product {
  align-items: flex-start !important;
}

@media screen and (min-width: 990px) {
  body.template-product product-info[id^="MainProduct"] .product.grid {
    display: grid !important;
    grid-template-columns: minmax(520px, 680px) minmax(500px, 620px) !important;
    gap: clamp(34px, 5vw, 70px) !important;
    max-width: 1400px !important;
    margin-inline: auto !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: 100% !important;
    max-width: 650px !important;
    padding: 0 !important;
  }
}

body.template-product product-info[id^="MainProduct"] media-gallery,
body.template-product product-info[id^="MainProduct"] .product__media-wrapper slider-component {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.template-product product-info[id^="MainProduct"] .product__media-list {
  opacity: 1 !important;
  visibility: visible !important;
}

@media screen and (min-width: 750px) {
  body.template-product product-info[id^="MainProduct"] .product__media-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    min-height: clamp(520px, 44vw, 680px) !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media-item {
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media-item.is-active,
  body.template-product product-info[id^="MainProduct"] .product__media-item:first-child {
    display: block !important;
  }
}

body.template-product product-info[id^="MainProduct"] .product__media,
body.template-product product-info[id^="MainProduct"] .global-media-settings {
  aspect-ratio: 1 / 1 !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  min-height: clamp(460px, 42vw, 680px) !important;
}

body.template-product product-info[id^="MainProduct"] .product__media img,
body.template-product product-info[id^="MainProduct"] .global-media-settings img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.template-product product-info[id^="MainProduct"] .thumbnail-list {
  display: flex !important;
  gap: 16px !important;
  align-items: center !important;
}

body.template-product product-info[id^="MainProduct"] .thumbnail {
  border: 1px solid #e6e6e6 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.template-product product-info[id^="MainProduct"] .thumbnail[aria-current="true"] {
  border: 3px solid #111 !important;
  box-shadow: 0 4px 0 rgba(17, 17, 17, 0.16) !important;
}

body.template-product product-info[id^="MainProduct"] .product__title,
body.template-product product-info[id^="MainProduct"] .product__info-container .product__title {
  contain: layout style !important;
  display: block !important;
  margin: 10px 0 10px !important;
  padding: 0 !important;
  max-width: 100% !important;
  transform: none !important;
}

body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked,
body.template-product product-info[id^="MainProduct"] .product__title h1 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  color: #0d0d0f !important;
  font-family: var(--dsq-rounded-brand-font) !important;
  font-size: clamp(54px, 4.1vw, 68px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 0.92 !important;
  text-wrap: initial !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  transform: none !important;
}

@media screen and (min-width: 990px) {
  body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked,
  body.template-product product-info[id^="MainProduct"] .product__title h1 {
    font-size: clamp(50px, 3.7vw, 62px) !important;
    max-width: 760px !important;
  }
}

body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked span {
  display: block !important;
}

body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked span:nth-child(2) {
  white-space: nowrap !important;
}

@media screen and (max-width: 749px) {
  body.template-product product-info[id^="MainProduct"] .product__title {
    margin-top: 8px !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked,
  body.template-product product-info[id^="MainProduct"] .product__title h1 {
    font-size: clamp(34px, 9.2vw, 41px) !important;
    line-height: 0.94 !important;
  }

  body.template-product product-info[id^="MainProduct"] .product__media,
  body.template-product product-info[id^="MainProduct"] .global-media-settings {
    border-radius: 22px !important;
    min-height: auto !important;
  }
}

body.template-product product-info[id^="MainProduct"] variant-selects,
body.template-product product-info[id^="MainProduct"] variant-radios,
body.template-product product-info[id^="MainProduct"] .product-form__input--pill,
body.template-product product-info[id^="MainProduct"] .product-form__input--swatch {
  display: none !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers {
  width: 100% !important;
  max-width: 650px !important;
  margin: 24px 0 24px !important;
  padding: 20px !important;
  border: 2px solid #e1b2ef !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, #fff7ff 0%, #fbf5ff 62%, #f8fbff 100%) !important;
  box-shadow: 0 18px 42px rgba(166, 51, 220, 0.12) !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__title {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
  color: #121212 !important;
  font-weight: 950 !important;
  text-align: center !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__title span {
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #e3c4ee, transparent) !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__list {
  display: grid !important;
  gap: 12px !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 96px !important;
  padding: 16px 20px !important;
  border: 2px solid #ddb4ee !important;
  border-radius: 22px !important;
  background: #fff !important;
  cursor: pointer !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card:hover {
  transform: translateY(-1px) !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card.is-selected,
body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card:has(input[type="radio"]:checked) {
  border-color: var(--dsq-purple) !important;
  background: linear-gradient(90deg, #fffbd3 0%, #fbf1ff 100%) !important;
  box-shadow: 0 5px 0 rgba(166, 51, 220, 0.25) !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card > input[type="radio"] {
  display: none !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 3px solid #d4a9ea !important;
  border-radius: 999px !important;
  background: #fff !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio::after {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio,
body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio {
  border-color: var(--dsq-purple) !important;
  box-shadow: 0 0 0 6px #fff2c6 !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after {
  background: linear-gradient(135deg, #ff4fa3, #a633dc) !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy strong,
body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__price {
  color: #101010 !important;
  font-size: clamp(20px, 1.8vw, 26px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy em {
  color: #625b5b !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-golden-chance {
  justify-self: start !important;
  width: fit-content !important;
  margin-top: 4px !important;
  padding: 4px 10px !important;
  border: 1px solid #efd28a !important;
  border-radius: 999px !important;
  background: #fff4c9 !important;
  color: #aa6816 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__badge {
  position: absolute !important;
  right: 16px !important;
  bottom: -13px !important;
  padding: 7px 14px !important;
  border: 2px solid #111 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #9a38e8, #ff4fa3) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transform: rotate(-3deg) !important;
}

@media screen and (max-width: 749px) {
  body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers {
    padding: 14px !important;
    border-radius: 24px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card {
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 5px 7px !important;
    border-radius: 20px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio {
    width: 26px !important;
    height: 26px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio::after {
    width: 12px !important;
    height: 12px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy strong,
  body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__price {
    font-size: clamp(18px, 4.9vw, 21px) !important;
  }
}

body.template-product product-info[id^="MainProduct"] .dsq-needoh-checkout {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  max-width: 650px !important;
  margin: 20px 0 22px !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-trust-chip {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 74px !important;
  padding: 12px 14px !important;
  border: 1px solid #d8e3f6 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #fffdf5 0%, #f8fbff 100%) !important;
  box-shadow: 0 10px 24px rgba(38, 79, 132, 0.08) !important;
  color: #245790 !important;
  text-align: left !important;
  text-decoration: none !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-trust-chip--authorized { background: linear-gradient(135deg, #fff7b9 0%, #fffdf5 100%) !important; }
body.template-product product-info[id^="MainProduct"] .dsq-trust-chip--delivery { background: linear-gradient(135deg, #e8f7ff 0%, #fbfdff 100%) !important; }
body.template-product product-info[id^="MainProduct"] .dsq-trust-chip--returns { background: linear-gradient(135deg, #f4eaff 0%, #fff9ff 100%) !important; }
body.template-product product-info[id^="MainProduct"] .dsq-trust-chip--checkout { background: linear-gradient(135deg, #e8fff4 0%, #fbfffd 100%) !important; }

body.template-product product-info[id^="MainProduct"] .dsq-trust-chip__icon {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(60, 78, 105, 0.14) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: inset 0 -3px 0 rgba(31, 45, 71, 0.06), 0 5px 10px rgba(31, 45, 71, 0.08) !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-trust-chip__icon svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  fill: none !important;
  stroke: #173e69 !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.template-product product-info[id^="MainProduct"] .dsq-trust-chip__text {
  color: #245790 !important;
  font-size: clamp(15px, 1.25vw, 18px) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

@media screen and (max-width: 749px) {
  body.template-product product-info[id^="MainProduct"] .dsq-needoh-checkout {
    gap: 10px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-trust-chip {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    min-height: 64px !important;
    padding: 10px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-trust-chip__icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
  }

  body.template-product product-info[id^="MainProduct"] .dsq-trust-chip__text {
    font-size: 14px !important;
  }
}

.dsq-cart-error {
  margin: 12px 0 0 !important;
  color: #d91646 !important;
  font-weight: 850 !important;
}

body cart-drawer.drawer .drawer__inner {
  max-width: min(560px, 100vw) !important;
  width: min(560px, 100vw) !important;
  padding: 24px !important;
  background: #ffffff !important;
}

body cart-drawer.drawer .drawer__heading {
  color: #111 !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 0.95 !important;
}

body cart-drawer.drawer .drawer__close {
  top: 20px !important;
  right: 20px !important;
}

body cart-drawer.drawer .cart-items {
  display: block !important;
}

body cart-drawer.drawer .cart-items thead {
  display: none !important;
}

body cart-drawer.drawer .cart-items tbody,
body cart-drawer.drawer .cart-item {
  display: block !important;
}

body cart-drawer.drawer .cart-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) auto !important;
  gap: 14px 18px !important;
  padding: 22px 0 !important;
  border-bottom: 1px solid #e5e1dd !important;
}

body cart-drawer.drawer .cart-item__media {
  grid-row: span 3 !important;
  width: 120px !important;
}

body cart-drawer.drawer .cart-item__image {
  width: 120px !important;
  height: 120px !important;
  object-fit: contain !important;
  border: 1px solid #eee6da !important;
  border-radius: 14px !important;
  background: #fffdf7 !important;
}

body cart-drawer.drawer .cart-item__details {
  min-width: 0 !important;
}

body cart-drawer.drawer .cart-item__name {
  color: #111 !important;
  font-size: clamp(22px, 3vw, 30px) !important;
  font-weight: 950 !important;
  line-height: 0.98 !important;
  text-decoration: none !important;
}

body cart-drawer.drawer .cart-item__totals {
  justify-self: end !important;
  color: #111 !important;
  font-size: 24px !important;
  font-weight: 950 !important;
}

body cart-drawer.drawer .product-option,
body cart-drawer.drawer .cart-item__details dl {
  color: #66605d !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

body cart-drawer.drawer .dsq-cart-popularity {
  display: none !important;
  width: fit-content !important;
  max-width: 290px !important;
  margin: 8px 0 10px !important;
  padding: 8px 12px !important;
  border: 1.5px solid #111 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 3px 0 rgba(17, 17, 17, 0.14) !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
}

body cart-drawer.drawer .dsq-cart-popularity.is-visible {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body cart-drawer.drawer .dsq-cart-popularity img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  flex: 0 0 22px !important;
}

body cart-drawer.drawer quantity-popover {
  display: inline-flex !important;
  align-items: center !important;
}

body cart-drawer.drawer .quantity {
  min-height: 46px !important;
  width: 210px !important;
  border: 2px solid #111 !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 0 #111 !important;
}

body cart-drawer.drawer .quantity__button,
body cart-drawer.drawer .quantity__input {
  min-height: 50px !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

body cart-drawer.drawer cart-remove-button .button {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body cart-drawer.drawer .cart-drawer__footer {
  padding: 20px 0 0 !important;
  border-top: 0 !important;
  background: #fff !important;
  box-shadow: 0 -18px 36px rgba(0, 0, 0, 0.06) !important;
}

body cart-drawer.drawer .totals {
  align-items: baseline !important;
}

body cart-drawer.drawer .totals__total {
  color: #111 !important;
  font-size: clamp(24px, 3.3vw, 34px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body cart-drawer.drawer .totals__total-value {
  color: #111 !important;
  font-size: clamp(24px, 3.3vw, 34px) !important;
  font-weight: 950 !important;
}

body cart-drawer.drawer .tax-note {
  margin: 8px 0 10px !important;
  color: #5f5754 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}

body cart-drawer.drawer .dsq-cart-policy-links {
  display: flex !important;
  gap: 14px !important;
  margin: 8px 0 14px !important;
}

body cart-drawer.drawer .dsq-cart-policy-links a {
  color: #504844 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

body cart-drawer.drawer .cart__checkout-button {
  min-height: 58px !important;
  width: 100% !important;
  border-radius: 999px !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  box-shadow: none !important;
}

body cart-drawer.drawer .dsq-cart-assurance {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 12px 0 !important;
}

body cart-drawer.drawer .dsq-cart-assurance span {
  display: grid !important;
  place-items: center !important;
  gap: 4px !important;
  min-height: 52px !important;
  padding: 8px !important;
  border: 1px solid #dedede !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #1d67c9 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

body cart-drawer.drawer .dsq-cart-assurance svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

body cart-drawer.drawer .dsq-cart-mobile-trust {
  margin-top: 10px !important;
}

body cart-drawer.drawer .dsq-cart-mobile-trust div,
body cart-drawer.drawer .dsq-cart-benefits,
body cart-drawer.drawer .dsq-cart-progress--fallback {
  display: none !important;
}

body cart-drawer.drawer .dsq-cart-mobile-trust p {
  margin: 10px 0 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #ff9bc8 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #fff8d7, #fff3f8) !important;
  color: #292321 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

body cart-drawer.drawer .dsq-cart-mobile-trust p strong {
  font-size: inherit !important;
  font-weight: 950 !important;
}

body cart-drawer.drawer .dsq-cart-reserve-note {
  display: block !important;
  margin: 12px 0 0 !important;
  padding: 12px 14px !important;
  border: 1.5px solid #ff9bc8 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #fff8d7, #fff3f8) !important;
  color: #292321 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

body cart-drawer.drawer .dsq-cart-reserve-note strong {
  color: #111 !important;
  font-size: 1.05em !important;
  font-weight: 950 !important;
}

body cart-drawer.drawer .dsq-cart-shipping-goal {
  margin: 10px 0 14px !important;
  padding: 14px !important;
  border: 1px solid #ded6cd !important;
  border-radius: 18px !important;
  background: #fffdf7 !important;
}

body cart-drawer.drawer .dsq-cart-shipping-goal__top {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: #342d2a !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

body cart-drawer.drawer .dsq-cart-shipping-goal__top strong {
  white-space: nowrap !important;
  font-size: 13px !important;
}

body cart-drawer.drawer .dsq-cart-shipping-goal__track {
  height: 8px !important;
  margin-top: 12px !important;
  border-radius: 999px !important;
  background: #eee7df !important;
  overflow: hidden !important;
}

body cart-drawer.drawer .dsq-cart-shipping-goal__track span {
  display: block !important;
  width: var(--dsq-cart-goal-progress, 0%) !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #ff4fa3, #ff8b2d, #ffe31a) !important;
}

@media screen and (max-width: 749px) {
  body cart-drawer.drawer .drawer__inner {
    padding: 18px !important;
  }

  body cart-drawer.drawer .cart-item {
    grid-template-columns: 94px minmax(0, 1fr) auto !important;
    gap: 10px 14px !important;
    padding: 20px 0 !important;
  }

  body cart-drawer.drawer .cart-item__media,
  body cart-drawer.drawer .cart-item__image {
    width: 94px !important;
    height: 94px !important;
  }

  body cart-drawer.drawer .cart-item__name {
    font-size: 22px !important;
    line-height: 1.02 !important;
  }

  body cart-drawer.drawer .cart-item__totals {
    font-size: 22px !important;
  }

  body cart-drawer.drawer .quantity {
    width: 174px !important;
  }

  body cart-drawer.drawer .dsq-cart-popularity {
    max-width: 250px !important;
    padding: 9px 12px !important;
    font-size: 14px !important;
  }
}

html body .dsq-variant-showcase {
  overflow-x: hidden !important;
}

html body .dsq-variant-showcase__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 28px) !important;
}

html body .dsq-variant-showcase__card {
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  background: #fff !important;
}

html body .dsq-variant-showcase__media {
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: #fff !important;
}

html body .dsq-variant-showcase__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

html body .dsq-variant-showcase__card h3,
html body .dsq-variant-showcase__card p {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

html body .dsq-variant-showcase__rare-badge {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 2 !important;
  padding: 8px 12px !important;
  border: 2px solid #111 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffe66d, #ff8b2d) !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 3px 0 rgba(17, 17, 17, 0.18) !important;
}

html body .dsq-variant-showcase__rare-note {
  color: #8a5a12 !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

@media screen and (max-width: 749px) {
  html body .dsq-variant-showcase__grid {
    display: flex !important;
    gap: 16px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    padding-inline: 18px !important;
    margin-inline: -18px !important;
  }

  html body .dsq-variant-showcase__card {
    flex: 0 0 78vw !important;
    scroll-snap-align: center !important;
  }
}

/* Raw-markup recovery: do not depend on Shopify body template classes. */
html body product-info[id^="MainProduct"] .dsq-product-rating-strip,
html body .dsq-product-rating-strip.dsq-product-rating-strip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 12px 0 22px !important;
  padding: 8px 18px !important;
  border: 2px solid #3d3d3d !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #fff8d7 0%, #fff0f7 52%, #eef8ff 100%) !important;
  box-shadow: 0 5px 0 rgba(17, 17, 17, 0.2) !important;
  color: #141414 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  gap: 8px !important;
}

html body product-info[id^="MainProduct"] .dsq-product-rating-strip span,
html body .dsq-product-rating-strip span {
  color: #ff4fa3 !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

html body product-info[id^="MainProduct"] .dsq-product-rating-strip em,
html body .dsq-product-rating-strip em {
  color: #655b60 !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-offers,
html body .dsq-mystery-bundle-offers {
  display: block !important;
  width: 100% !important;
  max-width: 650px !important;
  margin: 24px 0 24px !important;
  padding: 20px !important;
  border: 2px solid #e1b2ef !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, #fff7ff 0%, #fbf5ff 62%, #f8fbff 100%) !important;
  box-shadow: 0 18px 42px rgba(166, 51, 220, 0.12) !important;
  color: #111 !important;
  text-decoration: none !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__title,
html body .dsq-mystery-bundle-offers__title {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 14px !important;
  color: #121212 !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-align: center !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__title span,
html body .dsq-mystery-bundle-offers__title span {
  display: block !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #e3c4ee, transparent) !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__list,
html body .dsq-mystery-bundle-offers__list {
  display: grid !important;
  gap: 12px !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card,
html body .dsq-mystery-bundle-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 96px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  border: 2px solid #ddb4ee !important;
  border-radius: 22px !important;
  background: #fff !important;
  color: #111 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card:hover,
html body .dsq-mystery-bundle-card:hover {
  transform: translateY(-1px) !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card.is-selected,
html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card:has(input[type="radio"]:checked),
html body .dsq-mystery-bundle-card.is-selected,
html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) {
  border-color: #a633dc !important;
  background: linear-gradient(90deg, #fffbd3 0%, #fbf1ff 100%) !important;
  box-shadow: 0 5px 0 rgba(166, 51, 220, 0.25) !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card > input[type="radio"],
html body .dsq-mystery-bundle-card > input[type="radio"] {
  display: none !important;
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio,
html body .dsq-mystery-bundle-card__radio {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 3px solid #d4a9ea !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio::after,
html body .dsq-mystery-bundle-card__radio::after {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio,
html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio,
html body .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio,
html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio {
  border-color: #a633dc !important;
  box-shadow: 0 0 0 6px #fff2c6 !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after,
html body .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after {
  background: linear-gradient(135deg, #ff4fa3, #a633dc) !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy,
html body .dsq-mystery-bundle-card__copy {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy strong,
html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__price,
html body .dsq-mystery-bundle-card__copy strong,
html body .dsq-mystery-bundle-card__price {
  color: #101010 !important;
  font-size: clamp(20px, 1.8vw, 26px) !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy em,
html body .dsq-mystery-bundle-card__copy em {
  color: #625b5b !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

html body product-info[id^="MainProduct"] .dsq-golden-chance,
html body .dsq-golden-chance {
  display: inline-block !important;
  justify-self: start !important;
  width: fit-content !important;
  margin-top: 4px !important;
  padding: 4px 10px !important;
  border: 1px solid #efd28a !important;
  border-radius: 999px !important;
  background: #fff4c9 !important;
  color: #aa6816 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__badge,
html body .dsq-mystery-bundle-card__badge {
  position: absolute !important;
  right: 16px !important;
  bottom: -13px !important;
  padding: 7px 14px !important;
  border: 2px solid #111 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #9a38e8, #ff4fa3) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transform: rotate(-3deg) !important;
  z-index: 2 !important;
}

@media screen and (max-width: 749px) {
  html body product-info[id^="MainProduct"] .dsq-product-rating-strip,
  html body .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 10px 0 18px !important;
    padding: 8px 14px !important;
    font-size: 16px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-product-rating-strip span,
  html body .dsq-product-rating-strip span {
    font-size: 22px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-offers,
  html body .dsq-mystery-bundle-offers {
    padding: 13px !important;
    border-radius: 24px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card,
  html body .dsq-mystery-bundle-card {
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    min-height: 46px !important;
    padding: 5px 7px !important;
    border-radius: 20px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio,
  html body .dsq-mystery-bundle-card__radio {
    width: 26px !important;
    height: 26px !important;
    border-width: 3px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card__radio::after {
    width: 12px !important;
    height: 12px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__copy strong {
    font-size: clamp(18px, 4.9vw, 21px) !important;
    line-height: .98 !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__price,
  html body .dsq-mystery-bundle-card__price {
    font-size: clamp(18px, 4.8vw, 21px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy,
  html body .dsq-mystery-bundle-card__copy {
    gap: 3px !important;
  }

  html body product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy em,
  html body .dsq-mystery-bundle-card__copy em {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  html body product-info[id^="MainProduct"] .dsq-golden-chance,
  html body .dsq-golden-chance {
    margin-top: 3px !important;
    padding: 3px 8px !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
  }
}

/* Launch compacting pass: keep first product photo + bundle choices visible on mobile. */
@media screen and (max-width: 749px) {
  html body.template-product #MainContent,
  html body.template-product .shopify-section,
  html body.template-product product-info[id^="MainProduct"] {
    overflow-x: clip !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product.grid {
    gap: 8px !important;
    margin-top: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    margin: 0 0 4px !important;
    padding: 0 8px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    gap: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media,
  html body.template-product product-info[id^="MainProduct"] .global-media-settings,
  html body.template-product product-info[id^="MainProduct"] .product-media-container {
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: min(66vw, 260px) !important;
    max-height: 260px !important;
    border-radius: 18px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .global-media-settings img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .slider-buttons,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider {
    margin-top: 4px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    padding: 0 18px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title {
    margin: 0 0 4px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    display: block !important;
    max-width: 100% !important;
    font-size: clamp(26px, 7.4vw, 32px) !important;
    line-height: .92 !important;
    text-wrap: balance !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked span {
    display: inline !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked span + span::before {
    content: " " !important;
  }

  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item {
    margin: 0 0 5px !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-viewing-pill {
    margin: 5px 0 !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-product-rating-strip,
  html body .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 5px 0 8px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .16) !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-product-rating-strip span,
  html body .dsq-product-rating-strip span {
    font-size: 18px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers,
  html body .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 42px), 330px) !important;
    max-width: 330px !important;
    margin: 6px auto 10px !important;
    padding: 8px !important;
    border-radius: 18px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__title,
  html body .dsq-mystery-bundle-offers__title {
    gap: 6px !important;
    margin-bottom: 6px !important;
    font-size: 13px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-offers__list,
  html body .dsq-mystery-bundle-offers__list {
    gap: 5px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card,
  html body .dsq-mystery-bundle-card {
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    min-height: 46px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 15px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio,
  html body .dsq-mystery-bundle-card__radio {
    width: 18px !important;
    height: 18px !important;
    border-width: 2px !important;
    box-shadow: none !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__radio::after,
  html body .dsq-mystery-bundle-card__radio::after {
    width: 8px !important;
    height: 8px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy,
  html body .dsq-mystery-bundle-card__copy {
    gap: 1px !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__copy strong {
    font-size: clamp(14px, 4vw, 17px) !important;
    line-height: .96 !important;
    white-space: nowrap !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__copy em,
  html body .dsq-mystery-bundle-card__copy em {
    font-size: 9.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-golden-chance,
  html body .dsq-golden-chance {
    margin-top: 1px !important;
    padding: 2px 5px !important;
    max-width: 100% !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__price,
  html body .dsq-mystery-bundle-card__price {
    font-size: clamp(13px, 3.7vw, 16px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.template-product product-info[id^="MainProduct"] .dsq-mystery-bundle-card__badge,
  html body .dsq-mystery-bundle-card__badge {
    right: 10px !important;
    bottom: -9px !important;
    padding: 5px 9px !important;
    font-size: 10px !important;
  }
}

@media screen and (min-width: 750px) {
  html body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked {
    display: block !important;
    max-width: 900px !important;
    text-wrap: balance !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked span {
    display: inline !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1.dsq-title-locked span + span::before {
    content: " " !important;
  }
}

/* v13 final word: loaded last and scoped to real Dawn PDP elements. */
@media screen and (max-width: 749px) {
  html body.template-product .product.grid,
  html body.template-product section[id^="MainProduct"] .product.grid {
    gap: 4px !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product section[id^="MainProduct"] .product__media-wrapper {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 8px !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media {
    min-height: 0 !important;
    height: min(62vw, 242px) !important;
    max-height: 242px !important;
  }

  html body.template-product .product__media-list {
    width: min(100%, 306px) !important;
    max-width: 306px !important;
    margin-inline: auto !important;
    gap: 0 !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    width: min(100%, 306px) !important;
    max-width: 306px !important;
    flex: 0 0 min(100%, 306px) !important;
  }

  html body.template-product .product-media-container,
  html body.template-product .product__media {
    aspect-ratio: 1 / 1 !important;
    border-radius: 16px !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 242px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product section[id^="MainProduct"] .product__info-wrapper {
    padding: 0 15px !important;
  }

  html body.template-product section[id^="MainProduct"] .product__title,
  html body.template-product .product__title {
    contain: none !important;
    margin: 0 0 3px !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product .product__title h1.dsq-title-locked {
    display: block !important;
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(28px, 8.4vw, 34px) !important;
    line-height: .9 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  html body.template-product h1.dsq-title-locked span,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span,
  html body.template-product .product__title h1.dsq-title-locked span {
    display: inline !important;
    white-space: normal !important;
  }

  html body.template-product h1.dsq-title-locked span + span::before,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span + span::before,
  html body.template-product .product__title h1.dsq-title-locked span + span::before {
    content: " " !important;
  }

  html body.template-product .product__title .dsq-needoh-stock {
    margin-bottom: 6px !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item {
    margin: 0 0 4px !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-viewing-pill {
    margin: 4px 0 !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 7px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 18px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 34px), 360px) !important;
    max-width: 360px !important;
    margin: 5px auto 9px !important;
    padding: 7px !important;
    border-radius: 17px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title {
    margin-bottom: 5px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    grid-template-columns: 19px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 50px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 14px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    width: 17px !important;
    height: 17px !important;
    border-width: 2px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy {
    gap: 1px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong {
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(17px, 4.6vw, 19px) !important;
    line-height: .94 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 11px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance {
    width: fit-content !important;
    margin-top: 1px !important;
    padding: 2px 6px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__price {
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(17px, 4.6vw, 19px) !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__badge {
    right: 8px !important;
    bottom: -8px !important;
    padding: 5px 8px !important;
    font-size: 9.5px !important;
  }
}

@media screen and (min-width: 750px) {
  html body.template-product h1.dsq-title-locked,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked {
    display: block !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    text-wrap: balance !important;
  }

  html body.template-product h1.dsq-title-locked span,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span {
    display: inline !important;
  }

  html body.template-product h1.dsq-title-locked span + span::before,
  html body.template-product section[id^="MainProduct"] h1.dsq-title-locked span + span::before {
    content: " " !important;
  }
}

/* Real EOF launch patch: keep font rounded and PDP compact after every duplicate block. */
:root {
  --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .header__menu-item,
html body .product__title,
html body .product__title h1,
html body .price,
html body .price-item,
html body .dsq-product-rating-strip,
html body .dsq-mystery-bundle-offers,
html body .dsq-mystery-bundle-card,
html body .dsq-mystery-bundle-card * {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

@media screen and (max-width: 749px) {
  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media {
    min-height: 0 !important;
    height: min(46vw, 180px) !important;
    max-height: 180px !important;
  }

  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    width: min(100%, 260px) !important;
    max-width: 260px !important;
  }

  html body.template-product .product__media-item,
  html body.template-product .product-media-container {
    flex: 0 0 min(100%, 260px) !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    height: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
  }

  html body.template-product .product__info-wrapper {
    padding: 0 14px !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product .product__title h1 {
    display: block !important;
    width: min(100%, 330px) !important;
    max-width: 330px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(25px, 6.8vw, 29px) !important;
    font-weight: 900 !important;
    line-height: .92 !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 42px), 330px) !important;
    max-width: 330px !important;
    margin: 5px auto 8px !important;
    padding: 7px !important;
    border-radius: 16px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    min-height: 46px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 13px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price {
    font-size: clamp(15px, 4vw, 17px) !important;
    line-height: .96 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 9.5px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance {
    padding: 2px 5px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
  }
}

/* Final live PDP compact guard: public Shopify HTML does not always include template-product. */
@media screen and (max-width: 749px) {
  html body product-info[id^="MainProduct"] .product.grid {
    gap: 2px !important;
    margin-top: 0 !important;
  }

  html body product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 10px !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] media-gallery,
  html body product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body product-info[id^="MainProduct"] .product__media-list {
    width: min(100%, 238px) !important;
    max-width: 238px !important;
    min-height: 0 !important;
    height: 172px !important;
    max-height: 172px !important;
    margin-inline: auto !important;
    overflow-x: auto !important;
  }

  html body product-info[id^="MainProduct"] .product__media-item,
  html body product-info[id^="MainProduct"] .product-media-container,
  html body product-info[id^="MainProduct"] .product__media {
    width: 238px !important;
    max-width: 238px !important;
    min-height: 0 !important;
    height: 172px !important;
    max-height: 172px !important;
    flex: 0 0 238px !important;
    aspect-ratio: auto !important;
  }

  html body product-info[id^="MainProduct"] .product__media img,
  html body product-info[id^="MainProduct"] .product-media-container img,
  html body product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 170px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body product-info[id^="MainProduct"] .product__info-wrapper {
    padding: 0 16px !important;
  }

  html body product-info[id^="MainProduct"] .product__title {
    margin: 0 0 2px !important;
  }

  html body product-info[id^="MainProduct"] h1.dsq-title-locked,
  html body product-info[id^="MainProduct"] .product__title h1 {
    width: min(100%, 350px) !important;
    max-width: 350px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(26px, 7vw, 30px) !important;
    font-weight: 900 !important;
    line-height: .92 !important;
    white-space: normal !important;
    word-break: normal !important;
    text-wrap: balance !important;
  }

  html body product-info[id^="MainProduct"] .price,
  html body product-info[id^="MainProduct"] .price .price-item {
    margin: 0 0 4px !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body .dsq-viewing-pill {
    margin: 4px 0 !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  html body .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 4px 0 6px !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
  }

  html body .dsq-product-rating-strip span {
    font-size: 17px !important;
  }

  html body .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 58px), 318px) !important;
    max-width: 318px !important;
    margin: 4px auto 8px !important;
    padding: 6px !important;
    border-radius: 15px !important;
  }

  html body .dsq-mystery-bundle-offers__title {
    margin-bottom: 4px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body .dsq-mystery-bundle-card {
    grid-template-columns: 17px minmax(0, 1fr) auto !important;
    min-height: 44px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 13px !important;
  }

  html body .dsq-mystery-bundle-card__radio {
    width: 16px !important;
    height: 16px !important;
    border-width: 2px !important;
  }

  html body .dsq-mystery-bundle-card__radio::after {
    width: 8px !important;
    height: 8px !important;
  }

  html body .dsq-mystery-bundle-card__copy {
    gap: 0 !important;
  }

  html body .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__price {
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(14px, 3.8vw, 16px) !important;
    line-height: .96 !important;
  }

  html body .dsq-mystery-bundle-card__copy em {
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body .dsq-golden-chance {
    margin-top: 1px !important;
    padding: 2px 5px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }

  html body .dsq-mystery-bundle-card__badge {
    right: 6px !important;
    bottom: -8px !important;
    padding: 4px 7px !important;
    font-size: 9px !important;
  }
}

/* 2026-06-19 live launch lock: final mobile sizing and font restore. */
@media screen and (max-width: 749px) {
  :root {
    --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  }

  html body,
  html body.template-product,
  html body.template-product *:not(svg):not(path) {
    font-family: var(--dsq-rounded-brand-font) !important;
    letter-spacing: 0 !important;
  }

  html body.template-product .product,
  html body.template-product product-info[id^="MainProduct"] .product,
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    gap: 0 !important;
    margin-top: 0 !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 0 !important;
    padding: 0 8px !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-item,
  html body.template-product .product-media-container,
  html body.template-product .product__media,
  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list,
  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__media {
    width: 232px !important;
    min-width: 232px !important;
    max-width: 232px !important;
    min-height: 0 !important;
    height: 156px !important;
    max-height: 156px !important;
    flex: 0 0 232px !important;
    aspect-ratio: auto !important;
  }

  html body.template-product media-gallery,
  html body.template-product .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    margin-inline: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
  }

  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img,
  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 154px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: min(calc(100vw - 36px), 354px) !important;
    max-width: 354px !important;
    margin-inline: auto !important;
    padding: 0 !important;
  }

  html body.template-product .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
  }

  html body.template-product h1.dsq-title-locked,
  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font) !important;
    font-size: clamp(24px, 6.45vw, 28px) !important;
    font-weight: 900 !important;
    line-height: .93 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-wrap: wrap !important;
    text-wrap-style: auto !important;
  }

  html body.template-product .price,
  html body.template-product .price .price-item,
  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item {
    margin: 0 0 3px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-viewing-pill {
    width: fit-content !important;
    margin: 4px 0 !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    width: min(100%, 300px) !important;
    margin: 4px 0 6px !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 17px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers,
  html body .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 52px), 318px) !important;
    max-width: 318px !important;
    margin: 4px auto 8px !important;
    padding: 6px !important;
    border-radius: 15px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title,
  html body .dsq-mystery-bundle-offers__title {
    margin: 0 0 4px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list,
  html body .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card,
  html body .dsq-mystery-bundle-card {
    grid-template-columns: 17px minmax(0, 1fr) auto !important;
    min-height: 44px !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 13px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio,
  html body .dsq-mystery-bundle-card__radio {
    width: 16px !important;
    height: 16px !important;
    border-width: 2px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price,
  html body .dsq-mystery-bundle-card__copy strong,
  html body .dsq-mystery-bundle-card__price {
    font-size: clamp(14px, 3.8vw, 16px) !important;
    line-height: .96 !important;
    white-space: nowrap !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em,
  html body .dsq-mystery-bundle-card__copy em {
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance,
  html body .dsq-golden-chance {
    margin-top: 1px !important;
    padding: 2px 5px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }
}
/* DSQ live cache bridge: this stays in the asset file because Shopify can serve old cached product HTML that still points here. */
:root {
  --dsq-rounded-brand-font: "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito Sans", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body .button,
html body .header__menu-item,
html body .product__title,
html body .product__title h1,
html body .price,
html body .dsq-mystery-bundle-offers,
html body .dsq-mystery-bundle-card,
html body .dsq-mystery-bundle-card *,
html body .dsq-product-rating-strip {
  font-family: var(--dsq-rounded-brand-font) !important;
  letter-spacing: 0 !important;
}

html body .dsq-mystery-bundle-offers {
  background: linear-gradient(135deg, #fffdf5 0%, #fff7ef 48%, #f7fbff 100%) !important;
  border: 2px solid #e2b6f0 !important;
  box-shadow: 0 16px 34px rgba(190, 111, 219, .15) !important;
}

html body .dsq-mystery-bundle-card {
  display: grid !important;
  align-items: center !important;
  color: #151313 !important;
  background: #fff !important;
  border: 2px solid #e1b7ef !important;
  cursor: pointer !important;
}

html body .dsq-mystery-bundle-card.is-selected,
html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) {
  background: linear-gradient(90deg, #fffbd7 0%, #f5ecff 100%) !important;
  border-color: #9f2ee4 !important;
  box-shadow: 0 4px 0 rgba(159, 46, 228, .35) !important;
}

html body .dsq-mystery-bundle-card > input[type="radio"] {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body .dsq-mystery-bundle-card__radio {
  display: inline-grid !important;
  place-items: center !important;
  border: 3px solid #d4a7ea !important;
  border-radius: 999px !important;
  background: #fff !important;
}

html body .dsq-mystery-bundle-card__radio::after {
  content: "" !important;
  display: block !important;
  border-radius: inherit !important;
  background: #f649ad !important;
  opacity: 0 !important;
}

html body .dsq-mystery-bundle-card.is-selected .dsq-mystery-bundle-card__radio::after,
html body .dsq-mystery-bundle-card:has(input[type="radio"]:checked) .dsq-mystery-bundle-card__radio::after {
  opacity: 1 !important;
}

html body .dsq-mystery-bundle-card__copy {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
}

html body .dsq-mystery-bundle-card__copy strong,
html body .dsq-mystery-bundle-card__price {
  color: #141414 !important;
  font-weight: 900 !important;
}

html body .dsq-mystery-bundle-card__copy em {
  color: #6c625e !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

html body .dsq-golden-chance {
  display: inline-flex !important;
  align-self: flex-start !important;
  width: fit-content !important;
  border: 1px solid rgba(182, 129, 34, .22) !important;
  border-radius: 999px !important;
  background: #fff4cf !important;
  color: #ad641a !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    gap: 0 !important;
    margin-top: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: visible !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list,
  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__media {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 148px !important;
    min-height: 0 !important;
    max-height: 148px !important;
    flex: 0 0 220px !important;
    aspect-ratio: auto !important;
    margin-inline: auto !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 146px !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: min(calc(100vw - 36px), 354px) !important;
    max-width: 354px !important;
    margin: 2px auto 0 !important;
    padding: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked {
    display: block !important;
    width: min(100%, 354px) !important;
    max-width: 354px !important;
    margin: 0 !important;
    font-size: clamp(21px, 5.75vw, 24px) !important;
    font-weight: 900 !important;
    line-height: .96 !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item {
    margin: 1px 0 3px !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-viewing-pill {
    min-height: 21px !important;
    margin: 3px 0 4px !important;
    padding: 4px 10px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    width: fit-content !important;
    max-width: 300px !important;
    min-height: 28px !important;
    margin: 3px 0 5px !important;
    padding: 5px 9px !important;
    font-size: 12.5px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-product-rating-strip span {
    font-size: 16px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 72px), 306px) !important;
    max-width: 306px !important;
    margin: 4px auto 8px !important;
    padding: 6px !important;
    border-radius: 15px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title {
    margin-bottom: 4px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    min-height: 42px !important;
    grid-template-columns: 16px minmax(0, 1fr) auto !important;
    gap: 5px !important;
    padding: 4px 6px !important;
    border-radius: 12px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    width: 16px !important;
    height: 16px !important;
    border-width: 2px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio::after {
    width: 8px !important;
    height: 8px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy {
    gap: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price {
    font-size: clamp(13px, 3.55vw, 15px) !important;
    line-height: .96 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance {
    margin-top: 1px !important;
    padding: 2px 5px !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__badge {
    right: 6px !important;
    bottom: -7px !important;
    padding: 3px 6px !important;
    font-size: 8px !important;
  }
}

/* DSQ final compact lock 20260619: loaded last in cached hotfix paths. */
@media screen and (max-width: 749px) {
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    gap: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    margin: 0 !important;
    padding: 0 10px !important;
    min-height: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] media-gallery,
  html body.template-product product-info[id^="MainProduct"] .slider-mobile-gutter,
  html body.template-product product-info[id^="MainProduct"] .product__media-list,
  html body.template-product product-info[id^="MainProduct"] .product__media-item,
  html body.template-product product-info[id^="MainProduct"] .product-media-container,
  html body.template-product product-info[id^="MainProduct"] .product__media {
    width: min(76vw, 286px) !important;
    min-width: min(76vw, 286px) !important;
    max-width: min(76vw, 286px) !important;
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    flex: 0 0 min(76vw, 286px) !important;
    margin-inline: auto !important;
    aspect-ratio: auto !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__media img,
  html body.template-product product-info[id^="MainProduct"] .product-media-container img,
  html body.template-product product-info[id^="MainProduct"] .product__media-list img {
    width: 100% !important;
    height: 100% !important;
    max-height: 188px !important;
    object-fit: cover !important;
    object-position: center !important;
    padding: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: min(calc(100vw - 32px), 358px) !important;
    max-width: 358px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title.dsq-title-wrapper-locked {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked {
    display: block !important;
    width: 100% !important;
    max-width: 358px !important;
    margin: 0 !important;
    font-family: var(--dsq-rounded-brand-font, "Baloo 2", system-ui, sans-serif) !important;
    font-size: clamp(22px, 6.15vw, 24px) !important;
    font-weight: 900 !important;
    line-height: .94 !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    letter-spacing: 0 !important;
  }

  html body.template-product .dsq-viewing-pill {
    margin: 4px 0 4px !important;
  }

  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin: 3px 0 6px !important;
    min-height: 28px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 66px), 306px) !important;
    max-width: 306px !important;
    margin: 4px auto 8px !important;
    padding: 7px !important;
    border-radius: 16px !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__title {
    margin: 0 0 5px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-mystery-bundle-offers__list {
    gap: 4px !important;
  }

  html body.template-product .dsq-mystery-bundle-card {
    min-height: 50px !important;
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
    gap: 6px !important;
    padding: 5px 7px !important;
    border-radius: 13px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio {
    width: 18px !important;
    height: 18px !important;
    border-width: 2px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__radio::after {
    width: 8px !important;
    height: 8px !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy {
    gap: 0 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy strong,
  html body.template-product .dsq-mystery-bundle-card__price {
    font-size: clamp(13px, 3.6vw, 15px) !important;
    line-height: .96 !important;
  }

  html body.template-product .dsq-mystery-bundle-card__copy em {
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  html body.template-product .dsq-golden-chance {
    margin-top: 1px !important;
    padding: 2px 5px !important;
    font-size: 7.5px !important;
    line-height: 1 !important;
  }
}

/* DSQ mobile gallery reference lock 20260619: large centered media + thumbnails below. */
@media screen and (max-width: 749px) {
  html body.template-product {
    overflow-x: hidden !important;
  }

  html body.template-product .product,
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    justify-items: center !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery,
  html body.template-product .product__media-wrapper media-gallery,
  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery slider-component,
  html body.template-product media-gallery .slider-mobile-gutter,
  html body.template-product .product__media-list,
  html body.template-product .product__media-list.slider,
  html body.template-product .product__media-list.slider--mobile {
    display: flex !important;
    width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: min(calc(100vw - 44px), 430px) !important;
    min-height: min(calc(100vw - 44px), 430px) !important;
    max-height: min(calc(100vw - 44px), 430px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border-radius: 16px !important;
    gap: 0 !important;
  }

  html body.template-product media-gallery .slider-mobile-gutter::-webkit-scrollbar,
  html body.template-product .product__media-list::-webkit-scrollbar {
    display: none !important;
  }

  html body.template-product .product__media-list::after,
  html body.template-product .product__media-list.slider::after,
  html body.template-product .product__media-list.slider--mobile::after {
    content: none !important;
    display: none !important;
  }

  html body.template-product .product__media-list > .product__media-item,
  html body.template-product .product__media-list.slider--mobile > .product__media-item,
  html body.template-product .grid--peek.slider .product__media-item.grid__item,
  html body.template-product .grid--peek.slider .product__media-item.grid__item:first-of-type {
    display: block !important;
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: min(calc(100vw - 44px), 430px) !important;
    min-height: min(calc(100vw - 44px), 430px) !important;
    max-height: min(calc(100vw - 44px), 430px) !important;
    flex: 0 0 min(calc(100vw - 44px), 430px) !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: center !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  html body.template-product .product__media-list > .product__media-item .product-media-container,
  html body.template-product .product__media-list > .product__media-item .product__modal-opener,
  html body.template-product .product__media-list > .product__media-item .product__media,
  html body.template-product .product__media-list > .product__media-item .media {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list > .product__media-item img,
  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .product__media-list img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 16px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-icon,
  html body.template-product .product__media-toggle,
  html body.template-product .product-media-modal__toggle {
    display: none !important;
  }

  html body.template-product .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-slider,
  html body.template-product media-gallery .thumbnail-slider {
    display: flex !important;
    width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  html body.template-product .thumbnail-slider .slider-button {
    display: none !important;
  }

  html body.template-product .thumbnail-list,
  html body.template-product media-gallery .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  html body.template-product .thumbnail-list::-webkit-scrollbar {
    display: none !important;
  }

  html body.template-product .thumbnail-list__item,
  html body.template-product .thumbnail-list .slider__slide {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
  }

  html body.template-product .thumbnail,
  html body.template-product button.thumbnail {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.template-product .thumbnail[aria-current="true"],
  html body.template-product button.thumbnail[aria-current="true"] {
    border-color: #111 !important;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .18) !important;
  }

  html body.template-product .thumbnail img,
  html body.template-product button.thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper {
    width: min(calc(100vw - 32px), 430px) !important;
    max-width: min(calc(100vw - 32px), 430px) !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__info-container,
  html body.template-product .product__info-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product .product__title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 6px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product product-info[id^="MainProduct"] h1.dsq-title-locked,
  html body.template-product .product__title h1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    font-family: var(--dsq-rounded-brand-font, "Baloo 2", system-ui, sans-serif) !important;
    font-size: clamp(27px, 8vw, 36px) !important;
    line-height: .94 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    text-wrap: balance !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  html body.template-product product-info[id^="MainProduct"] .price,
  html body.template-product product-info[id^="MainProduct"] .price .price-item {
    justify-content: center !important;
    margin: 5px auto 10px !important;
    text-align: center !important;
    font-size: 22px !important;
  }

  html body.template-product .dsq-needoh-stock,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip.dsq-product-rating-strip {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  html body.template-product .dsq-mystery-bundle-offers {
    width: min(calc(100vw - 34px), 430px) !important;
    max-width: min(calc(100vw - 34px), 430px) !important;
    margin: 12px auto 12px !important;
    padding: 9px !important;
  }
}

/* DSQ final mobile gallery fallback lock 20260619-v22. Keep this at EOF. */
@media screen and (max-width: 749px) {
  html body product-info[id^="MainProduct"] .product.grid,
  html body .product.product--thumbnail_slider {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] .product__media-wrapper,
  html body .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(min(calc(100vw - 44px), 430px) + 118px) !important;
    min-height: calc(min(calc(100vw - 44px), 430px) + 118px) !important;
    max-height: calc(min(calc(100vw - 44px), 430px) + 118px) !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] media-gallery,
  html body .product__media-wrapper media-gallery {
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: calc(min(calc(100vw - 44px), 430px) + 118px) !important;
    min-height: calc(min(calc(100vw - 44px), 430px) + 118px) !important;
    max-height: calc(min(calc(100vw - 44px), 430px) + 118px) !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  html body product-info[id^="MainProduct"] .product__media-list,
  html body .product__media-list.slider--mobile {
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: min(calc(100vw - 44px), 430px) !important;
    min-height: min(calc(100vw - 44px), 430px) !important;
    max-height: min(calc(100vw - 44px), 430px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  html body product-info[id^="MainProduct"] .product__media-item,
  html body .product__media-list > .product__media-item {
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: min(calc(100vw - 44px), 430px) !important;
    min-height: min(calc(100vw - 44px), 430px) !important;
    max-height: min(calc(100vw - 44px), 430px) !important;
    flex: 0 0 min(calc(100vw - 44px), 430px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  html body product-info[id^="MainProduct"] .product__media img,
  html body .product__media-list img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 16px !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-slider,
  html body .product__media-wrapper .thumbnail-slider {
    display: flex !important;
    width: min(calc(100vw - 44px), 430px) !important;
    min-width: min(calc(100vw - 44px), 430px) !important;
    max-width: min(calc(100vw - 44px), 430px) !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list,
  html body .product__media-wrapper .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((min(calc(100vw - 44px), 430px) - 16px) / 3) !important;
    gap: 8px !important;
    width: 100% !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list__item,
  html body .product__media-wrapper .thumbnail-list__item,
  html body .product__media-wrapper .thumbnail-list .slider__slide {
    display: block !important;
    position: relative !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  html body product-info[id^="MainProduct"] button.thumbnail,
  html body .product__media-wrapper button.thumbnail {
    display: block !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail img,
  html body .product__media-wrapper .thumbnail img {
    display: block !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body product-info[id^="MainProduct"] .product__info-wrapper,
  html body .product__info-wrapper {
    width: min(calc(100vw - 32px), 430px) !important;
    max-width: min(calc(100vw - 32px), 430px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }
}


/* DSQ_THUMB_TAP_V30_EOF: absolute final mobile thumbnail tap unlock */
@media screen and (max-width: 749px) {
  html body product-info[id^="MainProduct"] .thumbnail-slider,
  html body product-info[id^="MainProduct"] .thumbnail-list,
  html body product-info[id^="MainProduct"] .thumbnail-list__item,
  html body product-info[id^="MainProduct"] .thumbnail-list .slider__slide,
  html body product-info[id^="MainProduct"] .thumbnail-list__item button.thumbnail,
  html body product-info[id^="MainProduct"] .thumbnail-list__item .thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-list,
  html body.template-product .product__media-wrapper .thumbnail-list__item,
  html body.template-product .product__media-wrapper .thumbnail-list .slider__slide,
  html body.template-product .product__media-wrapper .thumbnail-list__item button.thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item .thumbnail {
    pointer-events: auto !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-slider,
  html body.template-product .product__media-wrapper .thumbnail-slider {
    position: relative !important;
    z-index: 90 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list,
  html body.template-product .product__media-wrapper .thumbnail-list {
    position: relative !important;
    z-index: 91 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list__item,
  html body product-info[id^="MainProduct"] .thumbnail-list .slider__slide,
  html body.template-product .product__media-wrapper .thumbnail-list__item,
  html body.template-product .product__media-wrapper .thumbnail-list .slider__slide {
    position: relative !important;
    z-index: 92 !important;
  }

  html body product-info[id^="MainProduct"] .thumbnail-list__item button.thumbnail,
  html body product-info[id^="MainProduct"] .thumbnail-list__item .thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item button.thumbnail,
  html body.template-product .product__media-wrapper .thumbnail-list__item .thumbnail {
    cursor: pointer !important;
    position: absolute !important;
    z-index: 93 !important;
  }
}

/* DSQ_PRODUCT_CENTERED_GALLERY_V31_EOF: reference-style mobile/tablet PDP gallery */
@media screen and (max-width: 1199px) {
  html body.template-product product-info[id^="MainProduct"],
  html body.template-product .product,
  html body.template-product .product.grid,
  html body.template-product .product__info-wrapper,
  html body.template-product .product__info-container,
  html body.template-product .product__media-wrapper {
    text-align: center !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product media-gallery,
  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: min(calc(100vw - 36px), 920px) !important;
    max-width: min(calc(100vw - 36px), 920px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product .product__media-list,
  html body.template-product .product__media-list.slider,
  html body.template-product .product__media-list.slider--mobile,
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    display: flex !important;
    width: min(calc(100vw - 36px), 920px) !important;
    max-width: min(calc(100vw - 36px), 920px) !important;
    min-width: min(calc(100vw - 36px), 920px) !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    border: 1px solid rgba(30, 28, 28, 0.14) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.template-product .product__media-list > .product__media-item,
  html body.template-product .product__media-list.slider--mobile > .product__media-item,
  html body.template-product .product__media-item {
    width: min(calc(100vw - 36px), 920px) !important;
    min-width: min(calc(100vw - 36px), 920px) !important;
    max-width: min(calc(100vw - 36px), 920px) !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 min(calc(100vw - 36px), 920px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body.template-product .product-media-container,
  html body.template-product .product__modal-opener,
  html body.template-product .product__media,
  html body.template-product .product__media .media,
  html body.template-product .product__media-list .media {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list img,
  html body.template-product .product__media img,
  html body.template-product .product-media-container img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product .thumbnail-slider,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider {
    display: flex !important;
    width: min(calc(100vw - 36px), 920px) !important;
    max-width: min(calc(100vw - 36px), 920px) !important;
    min-width: min(calc(100vw - 36px), 920px) !important;
    height: auto !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 90 !important;
  }

  html body.template-product .thumbnail-slider .slider-button {
    display: none !important;
  }

  html body.template-product .thumbnail-list,
  html body.template-product media-gallery .thumbnail-list,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((min(calc(100vw - 36px), 920px) - 24px) / 3) !important;
    gap: 12px !important;
    width: 100% !important;
    height: calc((min(calc(100vw - 36px), 920px) - 24px) / 3) !important;
    min-height: calc((min(calc(100vw - 36px), 920px) - 24px) / 3) !important;
    max-height: calc((min(calc(100vw - 36px), 920px) - 24px) / 3) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 91 !important;
  }

  html body.template-product .thumbnail-list::-webkit-scrollbar {
    display: none !important;
  }

  html body.template-product .thumbnail-list__item,
  html body.template-product .thumbnail-list .slider__slide {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 92 !important;
  }

  html body.template-product .thumbnail-list__item button.thumbnail,
  html body.template-product .thumbnail-list__item .thumbnail {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 93 !important;
  }

  html body.template-product .thumbnail-list__item img,
  html body.template-product button.thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product .product__info-container,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container {
    width: min(calc(100vw - 36px), 920px) !important;
    max-width: min(calc(100vw - 36px), 920px) !important;
    margin: 22px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product .product__title,
  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product .price,
  html body.template-product .price .price-item,
  html body.template-product .dsq-needoh-stock,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip,
  html body.template-product .dsq-rating-pill {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }

  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    max-width: min(calc(100vw - 36px), 860px) !important;
    font-size: clamp(32px, 7.4vw, 72px) !important;
    line-height: 0.95 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }
}

/* DSQ_REFERENCE_CENTERED_PDP_V30_EOF: true final product-media and centered-copy lock */
@media screen and (max-width: 1199px) {
  html body.template-product {
    --dsq-pdp-frame-final: min(calc(100vw - 24px), 920px);
    --dsq-pdp-copy-final: min(calc(100vw - 28px), 860px);
    font-family: var(--dsq-rounded-brand-font, "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito", system-ui, sans-serif) !important;
  }

  html body.template-product product-info[id^="MainProduct"],
  html body.template-product .product,
  html body.template-product .product.grid {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    text-align: center !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: center !important;
  }

  html body.template-product media-gallery,
  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    width: var(--dsq-pdp-frame-final) !important;
    max-width: var(--dsq-pdp-frame-final) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body.template-product .product__media-list,
  html body.template-product .product__media-list.slider,
  html body.template-product .product__media-list.slider--mobile,
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    display: flex !important;
    width: var(--dsq-pdp-frame-final) !important;
    min-width: var(--dsq-pdp-frame-final) !important;
    max-width: var(--dsq-pdp-frame-final) !important;
    height: var(--dsq-pdp-frame-final) !important;
    min-height: var(--dsq-pdp-frame-final) !important;
    max-height: var(--dsq-pdp-frame-final) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.template-product .product__media-list::-webkit-scrollbar {
    display: none !important;
  }

  html body.template-product .product__media-list > .product__media-item,
  html body.template-product .product__media-list.slider--mobile > .product__media-item,
  html body.template-product .product__media-item {
    width: var(--dsq-pdp-frame-final) !important;
    min-width: var(--dsq-pdp-frame-final) !important;
    max-width: var(--dsq-pdp-frame-final) !important;
    height: var(--dsq-pdp-frame-final) !important;
    min-height: var(--dsq-pdp-frame-final) !important;
    max-height: var(--dsq-pdp-frame-final) !important;
    flex: 0 0 var(--dsq-pdp-frame-final) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body.template-product .product-media-container,
  html body.template-product .product__modal-opener,
  html body.template-product .product__media,
  html body.template-product .product__media .media,
  html body.template-product .product__media-list .media {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  html body.template-product .product__media-list img,
  html body.template-product .product__media img,
  html body.template-product .product-media-container img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product .thumbnail-slider,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider {
    display: flex !important;
    width: var(--dsq-pdp-frame-final) !important;
    max-width: var(--dsq-pdp-frame-final) !important;
    min-width: var(--dsq-pdp-frame-final) !important;
    height: auto !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 90 !important;
  }

  html body.template-product .thumbnail-slider .slider-button {
    display: none !important;
  }

  html body.template-product .thumbnail-list,
  html body.template-product media-gallery .thumbnail-list,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((var(--dsq-pdp-frame-final) - 20px) / 3) !important;
    gap: 10px !important;
    width: 100% !important;
    height: calc((var(--dsq-pdp-frame-final) - 20px) / 3) !important;
    min-height: calc((var(--dsq-pdp-frame-final) - 20px) / 3) !important;
    max-height: calc((var(--dsq-pdp-frame-final) - 20px) / 3) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 91 !important;
  }

  html body.template-product .thumbnail-list::-webkit-scrollbar {
    display: none !important;
  }

  html body.template-product .thumbnail-list__item,
  html body.template-product .thumbnail-list .slider__slide {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product .thumbnail-list__item button.thumbnail,
  html body.template-product .thumbnail-list__item .thumbnail {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.template-product .thumbnail-list__item img,
  html body.template-product button.thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product .product__info-container,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container {
    width: var(--dsq-pdp-copy-final) !important;
    max-width: var(--dsq-pdp-copy-final) !important;
    margin: 16px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.template-product .product__title,
  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title,
  html body.template-product product-info[id^="MainProduct"] .product__title h1,
  html body.template-product .price,
  html body.template-product .price .price-item,
  html body.template-product .dsq-needoh-stock,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip,
  html body.template-product .dsq-rating-pill {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }

  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    width: 100% !important;
    max-width: var(--dsq-pdp-copy-final) !important;
    font-family: var(--dsq-rounded-brand-font, "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito", system-ui, sans-serif) !important;
    font-size: clamp(32px, 7.6vw, 70px) !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-wrap: balance !important;
  }
}

@media screen and (max-width: 749px) {
  html body.template-product {
    --dsq-pdp-frame-final: min(calc(100vw - 20px), 680px);
    --dsq-pdp-copy-final: min(calc(100vw - 24px), 640px);
  }

  html body.template-product .product__info-wrapper,
  html body.template-product .product__info-container {
    margin-top: 14px !important;
  }

  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    font-size: clamp(31px, 9vw, 42px) !important;
    line-height: .94 !important;
  }
}

/* DSQ 2026-06-19 CENTERED MOBILE PDP GALLERY FINAL
   Loaded through the cache-busted live hotfix path. Keep this at EOF so it wins
   over older section/template gallery locks while Shopify product HTML catches up. */
@media screen and (max-width: 749px) {
  html body.template-product,
  html body:has(product-info) {
    --dsq-pdp-frame-final: min(calc(100vw - 16px), 720px) !important;
    --dsq-pdp-copy-final: min(calc(100vw - 24px), 680px) !important;
    overflow-x: hidden !important;
  }

  html body.template-product product-info[id^="MainProduct"],
  html body.template-product .product,
  html body.template-product .product.grid {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    width: 100% !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    display: block !important;
    height: auto !important;
    margin: 0 auto 12px !important;
    max-width: var(--dsq-pdp-frame-final) !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative !important;
    text-align: center !important;
    width: var(--dsq-pdp-frame-final) !important;
  }

  html body.template-product media-gallery,
  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    margin: 0 auto !important;
    max-width: var(--dsq-pdp-frame-final) !important;
    overflow: visible !important;
    padding: 0 !important;
    width: var(--dsq-pdp-frame-final) !important;
  }

  html body.template-product slider-component[id^="GalleryViewer"],
  html body.template-product media-gallery > slider-component:not(.thumbnail-slider),
  html body.template-product .product__media-list,
  html body.template-product .product__media-list.slider,
  html body.template-product .product__media-list.slider--mobile,
  html body.template-product product-info[id^="MainProduct"] .product__media-list {
    background: #fff !important;
    border: 0 !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    display: flex !important;
    gap: 0 !important;
    height: var(--dsq-pdp-frame-final) !important;
    margin: 0 auto !important;
    max-height: var(--dsq-pdp-frame-final) !important;
    max-width: var(--dsq-pdp-frame-final) !important;
    min-height: var(--dsq-pdp-frame-final) !important;
    min-width: var(--dsq-pdp-frame-final) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    width: var(--dsq-pdp-frame-final) !important;
  }

  html body.template-product .product__media-list::-webkit-scrollbar {
    display: none !important;
  }

  html body.template-product .product__media-list > .product__media-item,
  html body.template-product .product__media-list.slider--mobile > .product__media-item,
  html body.template-product .grid--peek.slider .product__media-item.grid__item {
    background: #fff !important;
    border: 0 !important;
    border-radius: 20px !important;
    display: block !important;
    flex: 0 0 var(--dsq-pdp-frame-final) !important;
    height: var(--dsq-pdp-frame-final) !important;
    margin: 0 !important;
    max-height: var(--dsq-pdp-frame-final) !important;
    max-width: var(--dsq-pdp-frame-final) !important;
    min-height: var(--dsq-pdp-frame-final) !important;
    min-width: var(--dsq-pdp-frame-final) !important;
    overflow: hidden !important;
    padding: 0 !important;
    scroll-snap-align: center !important;
    width: var(--dsq-pdp-frame-final) !important;
  }

  html body.template-product .product-media-container,
  html body.template-product .product__modal-opener,
  html body.template-product .product__media,
  html body.template-product .product__media .media,
  html body.template-product .product__media-list .media {
    background: #fff !important;
    border: 0 !important;
    border-radius: 20px !important;
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    max-height: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    min-width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.template-product .product__media-list img,
  html body.template-product .product__media img,
  html body.template-product .product-media-container img {
    border: 0 !important;
    border-radius: 20px !important;
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    max-height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 1 !important;
    padding: 0 !important;
    visibility: visible !important;
    width: 100% !important;
  }

  html body.template-product .thumbnail-slider,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider,
  html body.template-product media-gallery .thumbnail-slider {
    display: block !important;
    height: auto !important;
    margin: 12px auto 0 !important;
    max-width: var(--dsq-pdp-frame-final) !important;
    min-width: 0 !important;
    opacity: 1 !important;
    overflow: visible !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: relative !important;
    visibility: visible !important;
    width: var(--dsq-pdp-frame-final) !important;
    z-index: 80 !important;
  }

  html body.template-product .thumbnail-slider .slider-button {
    display: none !important;
  }

  html body.template-product .thumbnail-list,
  html body.template-product media-gallery .thumbnail-list,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-list {
    display: grid !important;
    gap: 10px !important;
    grid-auto-columns: calc((var(--dsq-pdp-frame-final) - 20px) / 3) !important;
    grid-auto-flow: column !important;
    height: calc((var(--dsq-pdp-frame-final) - 20px) / 3) !important;
    margin: 0 !important;
    max-height: calc((var(--dsq-pdp-frame-final) - 20px) / 3) !important;
    max-width: 100% !important;
    min-height: calc((var(--dsq-pdp-frame-final) - 20px) / 3) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    visibility: visible !important;
    width: 100% !important;
  }

  html body.template-product .thumbnail-list::-webkit-scrollbar {
    display: none !important;
  }

  html body.template-product .thumbnail-list__item,
  html body.template-product .thumbnail-list .slider__slide {
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: relative !important;
    scroll-snap-align: start !important;
    visibility: visible !important;
    width: 100% !important;
  }

  html body.template-product .thumbnail,
  html body.template-product button.thumbnail {
    background: #fff !important;
    border: 0 !important;
    border-radius: 14px !important;
    cursor: pointer !important;
    display: block !important;
    height: 100% !important;
    inset: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: absolute !important;
    visibility: visible !important;
    width: 100% !important;
  }

  html body.template-product .thumbnail[aria-current="true"],
  html body.template-product button.thumbnail[aria-current="true"] {
    border: 2px solid #161313 !important;
    box-shadow: 0 4px 0 rgba(17, 17, 17, 0.18) !important;
  }

  html body.template-product .thumbnail img,
  html body.template-product button.thumbnail img {
    border-radius: 14px !important;
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product .product__info-container,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container {
    margin: 14px auto 0 !important;
    max-width: var(--dsq-pdp-copy-final) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    width: var(--dsq-pdp-copy-final) !important;
  }

  html body.template-product .product__title,
  html body.template-product .product__title h1,
  html body.template-product .price,
  html body.template-product .price .price-item,
  html body.template-product .dsq-needoh-stock,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip,
  html body.template-product .dsq-rating-pill,
  html body.template-product .dsq-mystery-bundle-offers,
  html body.template-product .quantity {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }

  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    display: block !important;
    font-family: var(--dsq-rounded-brand-font, "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito", system-ui, sans-serif) !important;
    font-size: clamp(31px, 8.6vw, 42px) !important;
    letter-spacing: 0 !important;
    line-height: .96 !important;
    margin: 0 auto !important;
    max-width: var(--dsq-pdp-copy-final) !important;
    overflow-wrap: normal !important;
    text-align: center !important;
    text-wrap: balance !important;
    white-space: normal !important;
    width: 100% !important;
    word-break: normal !important;
  }
}

/* DSQ 2026-06-19 ABSOLUTE EOF MOBILE PDP GALLERY LOCK */
@media screen and (max-width: 749px) {
  html body.template-product,
  html body:has(product-info) {
    --dsq-pdp-mobile-media: min(calc(100vw - 18px), 440px) !important;
    --dsq-pdp-mobile-copy: min(calc(100vw - 24px), 440px) !important;
    --dsq-pdp-mobile-thumb: calc((var(--dsq-pdp-mobile-media) - 18px) / 3) !important;
    overflow-x: hidden !important;
  }

  html body.template-product .product,
  html body.template-product .product.grid,
  html body.template-product product-info[id^="MainProduct"] .product.grid {
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
    text-align: center !important;
    width: 100% !important;
  }

  html body.template-product .product__media-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__media-wrapper {
    display: block !important;
    height: auto !important;
    margin: 0 auto 10px !important;
    max-width: var(--dsq-pdp-mobile-media) !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative !important;
    width: var(--dsq-pdp-mobile-media) !important;
  }

  html body.template-product media-gallery,
  html body.template-product product-info[id^="MainProduct"] media-gallery {
    display: block !important;
    height: auto !important;
    margin: 0 auto !important;
    max-width: var(--dsq-pdp-mobile-media) !important;
    overflow: visible !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: relative !important;
    width: var(--dsq-pdp-mobile-media) !important;
  }

  html body.template-product media-gallery > slider-component:not(.thumbnail-slider),
  html body.template-product media-gallery .slider-mobile-gutter:not(.thumbnail-slider),
  html body.template-product slider-component[id^="GalleryViewer"],
  html body.template-product .product__media-list,
  html body.template-product .product__media-list.slider,
  html body.template-product .product__media-list.slider--mobile {
    background: #fff !important;
    border: 0 !important;
    border-radius: 20px !important;
    display: flex !important;
    gap: 0 !important;
    height: var(--dsq-pdp-mobile-media) !important;
    margin: 0 auto !important;
    max-height: var(--dsq-pdp-mobile-media) !important;
    max-width: var(--dsq-pdp-mobile-media) !important;
    min-height: var(--dsq-pdp-mobile-media) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: relative !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    width: var(--dsq-pdp-mobile-media) !important;
    z-index: 1 !important;
  }

  html body.template-product .product__media-list > .product__media-item,
  html body.template-product .product__media-list.slider--mobile > .product__media-item,
  html body.template-product .grid--peek.slider .product__media-item.grid__item {
    background: #fff !important;
    border-radius: 20px !important;
    display: block !important;
    flex: 0 0 var(--dsq-pdp-mobile-media) !important;
    height: var(--dsq-pdp-mobile-media) !important;
    margin: 0 !important;
    max-height: var(--dsq-pdp-mobile-media) !important;
    max-width: var(--dsq-pdp-mobile-media) !important;
    min-height: var(--dsq-pdp-mobile-media) !important;
    min-width: var(--dsq-pdp-mobile-media) !important;
    overflow: hidden !important;
    padding: 0 !important;
    scroll-snap-align: center !important;
    width: var(--dsq-pdp-mobile-media) !important;
  }

  html body.template-product .product-media-container,
  html body.template-product .product__modal-opener,
  html body.template-product .product__media,
  html body.template-product .product__media .media,
  html body.template-product .product__media-list .media {
    background: #fff !important;
    border: 0 !important;
    border-radius: 20px !important;
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    max-height: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.template-product .product__media-list img,
  html body.template-product .product__media img,
  html body.template-product .product-media-container img,
  html body.template-product .thumbnail img,
  html body.template-product button.thumbnail img {
    border: 0 !important;
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    max-height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body.template-product .product__media-list img,
  html body.template-product .product__media img,
  html body.template-product .product-media-container img {
    border-radius: 20px !important;
  }

  html body.template-product .thumbnail-slider,
  html body.template-product media-gallery .thumbnail-slider,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-slider {
    display: flex !important;
    height: var(--dsq-pdp-mobile-thumb) !important;
    margin: 10px auto 0 !important;
    max-width: var(--dsq-pdp-mobile-media) !important;
    overflow: visible !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: relative !important;
    visibility: visible !important;
    width: var(--dsq-pdp-mobile-media) !important;
    z-index: 40 !important;
  }

  html body.template-product .thumbnail-slider .slider-button {
    display: none !important;
  }

  html body.template-product .thumbnail-list,
  html body.template-product media-gallery .thumbnail-list,
  html body.template-product product-info[id^="MainProduct"] .thumbnail-list {
    display: grid !important;
    gap: 9px !important;
    grid-auto-columns: var(--dsq-pdp-mobile-thumb) !important;
    grid-auto-flow: column !important;
    height: var(--dsq-pdp-mobile-thumb) !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    scrollbar-width: none !important;
    width: 100% !important;
    z-index: 41 !important;
  }

  html body.template-product .thumbnail-list__item,
  html body.template-product .thumbnail-list .slider__slide {
    display: block !important;
    height: var(--dsq-pdp-mobile-thumb) !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: relative !important;
    width: var(--dsq-pdp-mobile-thumb) !important;
    z-index: 42 !important;
  }

  html body.template-product .thumbnail,
  html body.template-product button.thumbnail {
    background: #fff !important;
    border: 2px solid transparent !important;
    border-radius: 14px !important;
    cursor: pointer !important;
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: auto !important;
    position: relative !important;
    width: 100% !important;
    z-index: 43 !important;
  }

  html body.template-product .thumbnail[aria-current="true"],
  html body.template-product button.thumbnail[aria-current="true"] {
    border-color: #161313 !important;
    box-shadow: 0 4px 0 rgba(17, 17, 17, 0.18) !important;
  }

  html body.template-product .product__info-wrapper,
  html body.template-product .product__info-container,
  html body.template-product product-info[id^="MainProduct"] .product__info-wrapper,
  html body.template-product product-info[id^="MainProduct"] .product__info-container {
    margin: 12px auto 0 !important;
    max-width: var(--dsq-pdp-mobile-copy) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    width: var(--dsq-pdp-mobile-copy) !important;
  }

  html body.template-product .product__title,
  html body.template-product .product__title h1,
  html body.template-product .price,
  html body.template-product .price .price-item,
  html body.template-product .dsq-needoh-stock,
  html body.template-product .dsq-viewing-pill,
  html body.template-product .dsq-product-rating-strip,
  html body.template-product .dsq-rating-pill {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  html body.template-product .product__title h1,
  html body.template-product product-info[id^="MainProduct"] .product__title h1 {
    display: block !important;
    font-family: var(--dsq-rounded-brand-font, "Baloo 2", "Arial Rounded MT Bold", "Avenir Next Rounded", "Nunito", system-ui, sans-serif) !important;
    font-size: clamp(31px, 8.4vw, 39px) !important;
    letter-spacing: 0 !important;
    line-height: .96 !important;
    margin: 0 auto !important;
    max-width: var(--dsq-pdp-mobile-copy) !important;
    overflow-wrap: normal !important;
    text-align: center !important;
    text-wrap: balance !important;
    white-space: normal !important;
    width: 100% !important;
    word-break: normal !important;
  }
}