/* Catalog additions share the original site's blue and white palette. */
.product-mark { object-fit: contain; flex-shrink: 0; }
.product-mark-custom { background: #fff; border: 1px solid #e5ebf3; border-radius: 12px; padding: 3px; }
.detail-brand .product-mark-custom { padding: 6px; }
.product-monogram { display: inline-grid; place-items: center; width: var(--mark-size,48px); height: var(--mark-size,48px); border-radius: 12px; color: var(--mark-color); background: color-mix(in srgb,var(--mark-color) 10%,white); border: 1px solid color-mix(in srgb,var(--mark-color) 22%,white); font-size: 25px; font-weight: 650; line-height: 1; }
.product-collection + .product-collection { margin-top: 36px; }
.collection-heading { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid var(--line); }
.collection-heading h3 { margin: 0; font-size: 19px; }
.collection-count { color: var(--muted); font-size: 14px; }
.collection-heading .collection-note { margin-left: auto; color: var(--muted); font-size: 14px; }
.design-original .product-heading .product-monogram { width: 46px; height: 46px; border-radius: 11px; }
.design-original .product-heading h3 { min-width: 0; font-size: clamp(18px,1.5vw,21px); overflow-wrap: anywhere; }
.design-original .product-heading { flex-wrap: wrap; }
.design-original .product-heading h3 { margin-bottom: 0; }
.product-tabs { width: 100%; flex-wrap: wrap; overflow: visible; }
.product-tabs button { flex: 0 1 auto; white-space: normal; }
.download-card[hidden] { display: none; }
.desktop-only-download .download-grid { grid-template-columns: minmax(0,440px); justify-content: center; }
.detail-visual.desktop-only-visual .desktop-preview { width: 100%; }
.detail-visual.desktop-only-visual .desktop-preview img { height: auto; max-height: 360px; }
.single-gallery-label { text-align: center; color: var(--muted); font-size: 14px; margin-bottom: 20px; }
.l-brand-strip { grid-template-columns: repeat(auto-fit,minmax(130px,1fr)); }
.v-brand .product-monogram { width: 48px; height: 48px; }
.v-brand h3 { overflow-wrap: anywhere; }
.n-row .n-num { white-space: nowrap; }
/* Match the dark, rounded device border already embedded in the older photos. */
img.framed-shot { border: 5px solid #101419; border-radius: 12px; background: #101419; box-shadow: 0 0 0 1px #aeb5be,0 5px 12px #172b4517; }
.design-original .card-screenshot.framed-shot { width: auto; height: auto; max-width: 100%; max-height: 102px; border-width: 2px; border-radius: 5px; }
.desktop-preview img.framed-shot,
.detail-visual.desktop-only-visual .desktop-preview img.framed-shot { width: auto; height: auto; max-width: 100%; max-height: 320px; margin-inline: auto; }
.phone-preview img.framed-shot { width: auto; height: auto; max-width: 100%; max-height: 330px; margin-inline: auto; border-radius: 18px; }
.gallery-frame img.framed-shot { border-width: 7px; border-radius: 14px; }
.image-modal img.framed-shot { border-width: 7px; border-radius: 14px; }
.l-card-image img.framed-shot,.n-shot img.framed-shot,.c-card-image img.framed-shot { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; margin-inline: auto; border: 3px solid #101419; border-radius: 7px; }
@media(max-width:700px) {
  .collection-heading { flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
  .collection-heading .collection-note { flex-basis: 100%; margin: 0; }
  .product-collection + .product-collection { margin-top: 28px; }
  .design-original .product-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .product-tabs button { overflow-wrap: anywhere; }
  .detail-visual.desktop-only-visual { height: auto; min-height: 220px; }
  .detail-visual.desktop-only-visual .desktop-preview img { max-height: 340px; }
  .desktop-preview img.framed-shot { max-height: 265px; }
  .phone-preview img.framed-shot { max-height: 250px; border-width: 3px; border-radius: 12px; }
  .gallery-frame img.framed-shot { border-width: 4px; border-radius: 9px; }
  .l-brand-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
}