/** Shopify CDN: Minification failed

Line 10:0 Unexpected "{"
Line 10:1 Unexpected "\"data\""
Line 10:9 Unexpected "\"theme\""
Line 10:18 Unexpected "\"files\""
Line 10:27 Expected identifier but found "\"nodes\""

**/
{"data":{"theme":{"files":{"nodes":[{"size":"4233","body":{"content":".product-recommendations-placeholder~.product-recommendations{display:none!important}@media(max-width:768px){[data-section-type=recently-viewed] .grid-overflow-wrapper{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding-bottom:8px!important}[data-section-type=recently-viewed] .grid-overflow-wrapper .grid__item,[data-section-type=recently-viewed] .grid-overflow-wrapper .grid-product{flex:0 0 45%!important;max-width:45%!important;min-width:45%!important;width:45%!important}[data-section-type=recently-viewed] .grid-product__image-mask{aspect-ratio:1 / 1!important;overflow:hidden!important;width:100%!important;height:auto!important;position:relative!important}[data-section-type=recently-viewed] .grid-product__image-mask img{width:100%!important;height:100%!important;object-fit:contain!important;position:absolute!important;top:0!important;left:0!important}[data-section-type=recently-viewed] .grid-product__meta{padding:6px 4px!important;overflow:hidden!important}[data-section-type=recently-viewed] .grid-product__title{font-size:12px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}[data-section-type=recently-viewed] .grid-product__price{font-size:12px!important}[data-section-type=product-recommendations] .grid-overflow-wrapper{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding-bottom:8px!important}[data-section-type=product-recommendations] .grid-overflow-wrapper .grid__item,[data-section-type=product-recommendations] .grid-overflow-wrapper .grid-product{flex:0 0 45%!important;max-width:45%!important;min-width:45%!important;width:45%!important}[data-section-type=product-recommendations] .grid-product__image-mask{aspect-ratio:1 / 1!important;overflow:hidden!important;width:100%!important;height:auto!important;position:relative!important}[data-section-type=product-recommendations] .grid-product__image-mask img{width:100%!important;height:100%!important;object-fit:contain!important;position:absolute!important;top:0!important;left:0!important}[data-section-type=product-recommendations] .grid-product__meta{padding:6px 4px!important;overflow:hidden!important}[data-section-type=product-recommendations] .grid-product__title{font-size:12px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}[data-section-type=product-recommendations] .grid-product__price{font-size:12px!important}}.grid-product .jdgm-prev-badge__text{white-space:nowrap!important;font-size:10px!important;vertical-align:middle!important}.grid-product .jdgm-prev-badge__stars{font-size:11px!important}.grid-product__title{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}@media(max-width:768px){#tidio-chat-iframe{top:auto!important;bottom:12px!important;right:6px!important}}\n\n/* ══════════════════════════════════════════════════════════\n   JJ Homepage: iced-out layout (July 2026)\n   ══════════════════════════════════════════════════════════ */\n\n/* Collection cards: 2-up grid on mobile instead of 1 tall card each.\n   Cuts roughly 2,000px of scroll off the homepage. */\n@media (max-width: 560px) {\n  .jj-collections-grid { grid-template-columns: repeat(2, 1fr) !important; gap: .6rem !important; }\n  .jj-col-card { aspect-ratio: 3/4 !important; border-radius: 8px !important; }\n  .jj-col-content { padding: .9rem .8rem !important; gap: .25rem !important; }\n  .jj-col-name { font-size: 1rem !important; }\n  .jj-col-label { font-size: .5rem !important; letter-spacing: .3em !important; }\n  .jj-col-cta { font-size: .48rem !important; letter-spacing: .18em !important; }\n  .jj-collections-wrap { padding: 2.5rem 1rem !important; }\n  .jj-collections-header { margin-bottom: 1.8rem !important; }\n}\n"}}]}}}}

/* ══════════════════════════════════════════════════════════
   JJ PDP: mobile gallery rebuild (July 2026)
   Selectors are body-prefixed on purpose. The section's own CSS is
   inline in the body and would otherwise win on source order.
   ══════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* Stack: image on top at full width, thumbnails as a strip below.
     Previously a 56px vertical rail ate width and the frame was 80vw tall,
     so the product occupied roughly half the visible area. */
  body .jj-wrap .jj-gallery {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    position: relative !important;
  }

  /* Square, edge to edge, no padding. */
  body .jj-wrap .jj-main-img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    height: auto !important;
    align-items: center !important;
    padding: 0 !important;
    order: 1 !important;
  }
  body .jj-wrap .jj-main-img img,
  body .jj-wrap .jj-main-img video {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    padding: 0 !important;
  }

  /* Thumbnails become a horizontal strip under the image and double as a
     position indicator, which is more useful than dots because they show
     what the next slide actually is. */
  body .jj-wrap .jj-thumbs {
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 6px !important;
    padding: 8px 10px !important;
    width: 100% !important;
    -webkit-overflow-scrolling: touch !important;
    border-top: 1px solid #f0f0f0 !important;
    order: 2 !important;
    flex: 0 0 auto !important;
  }
  body .jj-wrap .jj-thumb {
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 56px !important;
    aspect-ratio: 1 !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    overflow: hidden !important;
  }
  body .jj-wrap .jj-thumb.active {
    border-color: #b8975a !important;
  }
  body .jj-wrap .jj-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  /* Arrows shrink so they stop covering the product on a 393px screen. */
  body .jj-wrap .jj-gallery-arrow {
    width: 44px !important;
    height: 44px !important;
    background: rgba(255,255,255,.75) !important;
    border-radius: 50% !important;
  }
  body .jj-wrap .jj-gallery-arrow svg { width: 22px !important; height: 22px !important; }
  body .jj-wrap .jj-gallery-arrow--prev { left: 6px !important; }
  body .jj-wrap .jj-gallery-arrow--next { right: 6px !important; }

  /* Swipe affordance. Hidden once the shopper swipes (class set in JS). */
  body .jj-wrap .jj-gallery[data-count="1"] .jj-swipe-cue { display: none !important; }
  body .jj-wrap .jj-swipe-cue {
    position: absolute !important;
    bottom: 78px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9 !important;
    background: rgba(10,10,10,.72) !important;
    color: #fff !important;
    font-size: 9px !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    pointer-events: none !important;
    transition: opacity .3s !important;
  }
  body .jj-wrap .jj-gallery.jj-swiped .jj-swipe-cue { opacity: 0 !important; }
}