/* Casa Vardano V55 — regression-proof product dossier. */

/*
 * Product copy and purchase controls are commerce-critical.  Keep this sheet
 * last in product.html so an older cached motion/theme layer can never collapse
 * or fade the dossier again.
 */
html body .pd-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr) !important;
  grid-auto-rows: max-content !important;
  align-items: start !important;
  gap: clamp(24px, 4vw, 68px) !important;
}

html body .pd-gallery {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  content-visibility: visible !important;
  contain: none !important;
}

html body .pd-info,
html body .pd-info.cv-reveal,
html body .pd-info.cv-reveal:not(.cv-visible) {
  display: block !important;
  position: sticky !important;
  top: 110px !important;
  order: 2 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  content-visibility: visible !important;
  contain: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  clip-path: none !important;
  transform: none !important;
}

html body .pd-info > *,
html body .pd-info :is(.cv-reveal, [data-cv-reveal], [data-v9-reveal], .acc) {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  clip-path: none !important;
  transform: none !important;
}

html body .pd-size-head,
html body #sizes,
html body .pd-actions,
html body .wish,
html body .pd-info .acc {
  opacity: 1 !important;
  visibility: visible !important;
}

html body .pd-size-head {
  display: flex !important;
}

html body #sizes {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  height: auto !important;
  min-height: 50px !important;
  max-height: none !important;
  margin: 0 0 26px !important;
  overflow: visible !important;
  content-visibility: visible !important;
  contain: none !important;
}

html body #sizes button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 52px !important;
  min-height: 48px !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body #sizes[data-cv-variant-type="volume"] button {
  min-width: 96px !important;
}

html body .pd-actions {
  display: flex !important;
  min-height: 52px !important;
}

html body .pd-actions #addBtn {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body.cv-product-dossier-ready .pd-info {
  animation: none !important;
}

@media (max-width: 900px) {
  html body .pd {
    padding: 14px 10px 40px !important;
  }

  html body .pd-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: max-content !important;
    gap: 12px !important;
  }

  html body .pd-gallery {
    position: static !important;
    top: auto !important;
    order: 1 !important;
  }

  html body .pd-info,
  html body .pd-info.cv-reveal,
  html body .pd-info.cv-reveal:not(.cv-visible) {
    position: relative !important;
    top: auto !important;
    order: 2 !important;
    padding: 27px 19px 30px !important;
  }

  html body .pd-info h1 {
    font-size: clamp(34px, 9.8vw, 52px) !important;
    line-height: 1 !important;
  }

  html body #sizes button {
    flex: 0 0 calc(25% - 6px) !important;
    min-width: 0 !important;
  }

  html body #sizes[data-cv-variant-type="volume"] button {
    flex: 0 0 calc(50% - 5px) !important;
  }
}

@media (max-width: 420px) {
  html body .pd-actions {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 8px !important;
  }
}

/* V56 — preserve full-resolution product studies without synthetic sharpening. */
html body.cv-page-product .pd-media,
html body.cv-page-product .pd-media #pdImg {
  aspect-ratio: 4 / 5 !important;
}

html body.cv-page-product .pd-media #pdImg {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  image-rendering: auto !important;
  filter: none !important;
  backface-visibility: hidden;
}

html body.cv-page-product .cv44-detail-study img {
  image-rendering: auto !important;
  filter: brightness(.78) contrast(1.02) !important;
}