/** Shopify CDN: Minification failed

Line 395:0 Unexpected "@media"

**/
/* J-ARTSWORK PRODUCT STYLES — consolidated 22 Aug 2026 */

/* --- Product composition --- */

/* J-artswork product editorial composition */
.template-product .ja-product-editorial,
body[data-template^="product"] .ja-product-editorial {
  width: 100%;
}
.template-product .ja-collector-note,
.template-product .ja-closeups,
body[data-template^="product"] .ja-collector-note,
body[data-template^="product"] .ja-closeups {
  max-width: var(--page-width, 1600px);
}
.template-product .ja-product-editorial > * + *,
body[data-template^="product"] .ja-product-editorial > * + * {
  margin-top: 0;
}
@media (min-width: 750px) {
  .template-product .ja-closeups__grid,
  body[data-template^="product"] .ja-closeups__grid {
    gap: clamp(14px, 1.4vw, 22px);
  }
}


/* --- Product hierarchy --- */
/* J-ARTSWORK product hierarchy + mobile conversion pass */
@media (min-width: 750px) {
  .template-product .product-details,
  body[data-template^="product"] .product-details {
    --ja-product-detail-gap: 20px;
  }

  .template-product .product-details > *,
  body[data-template^="product"] .product-details > * {
    margin-block-start: 0;
  }

  .template-product .ja-artwork-facts,
  body[data-template^="product"] .ja-artwork-facts {
    margin-top: 12px;
    margin-bottom: 2px;
  }
}

.template-product .ja-product-after-main,
body[data-template^="product"] .ja-product-after-main {
  width: 100%;
}

.template-product .ja-product-after-main .ja-confidence-strip,
body[data-template^="product"] .ja-product-after-main .ja-confidence-strip {
  padding-bottom: 0;
}

.template-product .ja-product-after-main .ja-visible-inquiry,
body[data-template^="product"] .ja-product-after-main .ja-visible-inquiry {
  margin-top: 14px;
}

/* Utility actions should read as secondary, not compete with purchase/inquiry. */
.template-product .ja-product-utility-actions,
body[data-template^="product"] .ja-product-utility-actions {
  opacity: .78;
}

.template-product .ja-product-utility-actions:hover,
body[data-template^="product"] .ja-product-utility-actions:hover {
  opacity: 1;
}

.ja-mobile-product-cta {
  display: none;
}

@media (max-width: 749px) {
  body.template-product,
  body[data-template^="product"] {
    padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px));
  }

  .template-product .product-information,
  body[data-template^="product"] .product-information {
    --gap: 18px !important;
  }

  .template-product .ja-product-utility-actions,
  body[data-template^="product"] .ja-product-utility-actions {
    gap: 7px !important;
    margin-bottom: 4px !important;
  }

  .template-product .ja-artwork-facts,
  body[data-template^="product"] .ja-artwork-facts {
    margin-top: 10px;
  }

  .template-product .ja-product-after-main .ja-confidence-strip,
  body[data-template^="product"] .ja-product-after-main .ja-confidence-strip {
    padding-bottom: 0;
  }

  .template-product .ja-product-after-main .ja-visible-inquiry,
  body[data-template^="product"] .ja-product-after-main .ja-visible-inquiry {
    margin-top: 8px;
    margin-bottom: 38px;
  }

  .ja-mobile-product-cta {
    position: fixed;
    z-index: 45;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(160px, 1.2fr);
    gap: 10px;
    align-items: center;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid rgba(var(--color-foreground), .16);
    background: rgba(var(--color-background), .96);
    color: rgb(var(--color-foreground));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .05);
  }

  .ja-mobile-product-cta__meta {
    min-width: 0;
    display: grid;
    gap: 2px;
  }

  .ja-mobile-product-cta__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    opacity: .65;
  }

  .ja-mobile-product-cta__price,
  .ja-mobile-product-cta__status {
    font-size: 13px;
    font-weight: 600;
  }

  .ja-mobile-product-cta__button {
    min-height: 48px;
    width: 100%;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid rgb(var(--color-foreground));
    border-radius: 0;
    background: rgb(var(--color-foreground));
    color: rgb(var(--color-background));
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
  }

  .ja-mobile-product-cta__button:disabled {
    opacity: .55;
    cursor: wait;
  }
}


/* --- Mobile product final overrides --- */
/* =========================================================
   J-ARTSWORK v105 — MOBILE FINAL PASS
   Final mobile-only rhythm / conversion / usability layer.
   Desktop remains untouched.
   ========================================================= */

@media (max-width: 749px) {
  :root {
    --ja-mobile-gutter: 14px;
    --ja-mobile-section-space: 64px;
    --ja-mobile-touch: 48px;
  }

  html { scroll-padding-top: 76px; }
  body { overflow-x: clip; }

  .template-index .ja-hero__inner,
  .template-index .ja-statement__inner,
  .template-index .ja-room-section__inner,
  .template-collection .product-grid-container > .collection-wrapper,
  .template-product .ja-closeups,
  .template-product .ja-artwork-story,
  .template-product .ja-visible-inquiry,
  .ja-contact-page,
  .ja-commission-page {
    width: calc(100% - (var(--ja-mobile-gutter) * 2)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .template-index .ja-statement { padding-top: 76px !important; padding-bottom: 76px !important; }
  .template-index .ja-room-section { padding-top: 68px !important; padding-bottom: 68px !important; }

  #header-component .header__row,
  .header__row { min-height: 64px !important; }

  .header-drawer .header__icon--menu,
  .menu-drawer__close-button {
    min-width: var(--ja-mobile-touch) !important;
    min-height: var(--ja-mobile-touch) !important;
  }

  .menu-drawer {
    width: min(92vw, 430px) !important;
    max-width: 430px !important;
    overscroll-behavior: contain;
  }

  .menu-drawer__navigation {
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .menu-drawer__menu-item,
  .menu-drawer__menu-item--mainlist,
  .menu-drawer a {
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  .menu-drawer__menu-item-text { padding-block: 5px; }
  .menu-drawer__localization .localization-form__select { min-height: 50px !important; font-size: 16px !important; }

  .template-collection .product-grid[product-grid-view='default'],
  .template-collection .product-grid.product-grid--grid[product-grid-view='default'],
  .template-collection .product-grid.product-grid--organic[product-grid-view='default'] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 30px !important;
  }

  .template-collection .product-card .card-gallery { aspect-ratio: 4 / 5 !important; }
  .template-collection .product-card__content > *:nth-child(2) { min-height: 45px !important; padding-top: 9px !important; }
  .template-collection .product-card__content > *:nth-child(2) :is(a, h3, h4, p, span) { font-size: 13px !important; line-height: 1.28 !important; }
  .template-collection .product-card__content > *:nth-child(3) { min-height: 22px !important; }
  .template-collection .product-card .product-badges { top: 8px !important; left: 8px !important; }
  .template-collection .ja-save-artwork--card { top: 8px !important; right: 8px !important; width: 36px !important; height: 36px !important; }

  .template-product .product-information,
  body[data-template^="product"] .product-information { --gap: 16px !important; }

  .template-product .product-details,
  body[data-template^="product"] .product-details { padding-inline: var(--ja-mobile-gutter) !important; }

  .template-product .ja-artwork-facts,
  body[data-template^="product"] .ja-artwork-facts { margin-top: 8px !important; margin-bottom: 2px !important; }

  .template-product .ja-product-utility-actions,
  body[data-template^="product"] .ja-product-utility-actions { gap: 8px !important; }

  .template-product .ja-visible-inquiry,
  body[data-template^="product"] .ja-visible-inquiry { margin-top: 18px !important; margin-bottom: 60px !important; }

  .ja-visible-inquiry__trigger { min-height: 60px !important; gap: 12px !important; }
  .ja-visible-inquiry--sold .ja-visible-inquiry__trigger { min-height: 72px !important; }
  .ja-visible-inquiry__panel { padding-bottom: 26px !important; }

  body.template-product,
  body[data-template^="product"] { padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important; }

  .ja-mobile-product-cta {
    grid-template-columns: minmax(0, .72fr) minmax(166px, 1.28fr) !important;
    gap: 8px !important;
    padding: 9px var(--ja-mobile-gutter) calc(9px + env(safe-area-inset-bottom, 0px)) !important;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, .07) !important;
  }

  .ja-mobile-product-cta__meta { gap: 3px !important; }
  .ja-mobile-product-cta__title { font-size: 9px !important; max-width: 100%; }
  .ja-mobile-product-cta__price,
  .ja-mobile-product-cta__status { font-size: 13px !important; line-height: 1.2 !important; }
  .ja-mobile-product-cta__button { min-height: 50px !important; padding-inline: 14px !important; font-size: 9px !important; }

  .template-product .ja-closeups { margin-top: 68px !important; margin-bottom: 72px !important; }
  .ja-closeups__head { margin-bottom: 18px !important; padding-bottom: 13px !important; }
  .ja-closeups__grid { gap: 24px !important; }
  .ja-closeups__image { aspect-ratio: 4 / 3 !important; }
  .ja-closeups__card figcaption { padding-top: 9px !important; font-size: 10px !important; }

  .ja-artwork-story { margin-top: 64px !important; margin-bottom: 64px !important; padding-top: 28px !important; padding-bottom: 28px !important; gap: 28px !important; }
  .ja-artwork-story__body { gap: 26px !important; }
  .ja-artwork-story h2 { font-size: clamp(44px, 14vw, 58px) !important; line-height: .92 !important; }
  .ja-artwork-story__copy { font-size: 17px !important; line-height: 1.58 !important; }

  .ja-visible-inquiry__form input,
  .ja-visible-inquiry__form textarea,
  .ja-visible-inquiry__form select,
  .ja-contact-page__form input,
  .ja-contact-page__form textarea,
  .ja-contact-page__form select,
  .ja-commission-form input,
  .ja-commission-form textarea,
  .ja-commission-form select,
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  textarea,
  select { font-size: 16px !important; }

  .ja-visible-inquiry__form input,
  .ja-visible-inquiry__form select,
  .ja-contact-page__form input,
  .ja-contact-page__form select,
  .ja-commission-form input,
  .ja-commission-form select { min-height: 52px !important; }

  .ja-visible-inquiry__form textarea,
  .ja-contact-page__form textarea,
  .ja-commission-form textarea { min-height: 132px !important; }

  .ja-visible-inquiry__submit,
  .ja-contact-page__submit,
  .ja-commission-submit { min-height: 56px !important; }

  .ja-contact-page__form-grid,
  .ja-commission-form__two,
  .ja-visible-inquiry__grid { grid-template-columns: 1fr !important; gap: 16px !important; }

  dialog { overscroll-behavior: contain; }

  .ja-room-modal { padding: 0 !important; align-items: flex-end !important; }
  .ja-room-modal__dialog {
    width: 100% !important;
    max-width: none !important;
    max-height: 94dvh !important;
    border-radius: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .ja-room-modal__head { position: relative; padding: 20px 62px 15px 16px !important; gap: 10px !important; }
  .ja-room-modal__head h2 { font-size: clamp(29px, 9vw, 40px) !important; line-height: .95 !important; }
  .ja-room-modal__close { top: 10px !important; right: 10px !important; width: 46px !important; height: 46px !important; z-index: 20 !important; }
  .ja-room-modal .ja-room-scene--modal { width: 100% !important; max-height: 54dvh !important; }

  .ja-fullscreen-artwork { height: 100dvh !important; }
  .ja-fullscreen-artwork__stage { height: 100dvh !important; padding: 58px 12px 48px !important; }
  .ja-fullscreen-artwork__stage img { max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 118px) !important; }
  .ja-fullscreen-artwork__close { width: 48px !important; height: 48px !important; top: calc(10px + env(safe-area-inset-top, 0px)) !important; right: 10px !important; }
  .ja-fullscreen-artwork__title { left: 14px !important; right: 14px !important; bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important; max-width: none !important; }

  .search-modal,
  .quick-add-modal,
  dialog.modal { max-height: 100dvh !important; }

  .product-grid,
  .ja-closeups__grid,
  .ja-product-utility-actions { max-width: 100%; }
}

@media (max-width: 359px) {
  .template-collection .product-grid[product-grid-view='default'],
  .template-collection .product-grid.product-grid--grid[product-grid-view='default'],
  .template-collection .product-grid.product-grid--organic[product-grid-view='default'] { column-gap: 8px !important; }

  .template-collection .product-card__content > *:nth-child(2) :is(a, h3, h4, p, span) { font-size: 12px !important; }
  .ja-mobile-product-cta { grid-template-columns: minmax(0, .62fr) minmax(158px, 1.38fr) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .ja-mobile-product-cta,
  .ja-closeups__image,
  .menu-drawer * { transition: none !important; animation: none !important; }
}
\n/* V184 mobile badge/heart consistency */
@media (max-width: 749px) {
  body product-card.product-card .product-badges {
    top: 8px !important;
    left: 8px !important;
  }

  body product-card.product-card .jarts-product-new-badge {
    top: 8px !important;
    left: 8px !important;
  }

  body product-card.product-card:has(.product-badges) .jarts-product-new-badge {
    top: 42px !important;
  }

  body product-card.product-card .ja-save-artwork--card {
    top: 8px !important;
    right: 8px !important;
    width: 34px !important;
    height: 34px !important;
  }
}