.cms-detail-pending .pdp-main-content > section { display: none !important; }
.cms-detail-status { padding-block: 48px; }
.cms-detail-status p { margin-bottom: 16px; }
.pdp-main-content [hidden], .pdp-subnav-link[hidden] { display: none !important; }
.pdp-cms-text, .pdp-benefit-desc, .pdp-faq-body p, .pdp-callout-note { white-space: pre-line; }
.pdp-benefit-icon-circle svg { width: 28px; height: 28px; }
.pdp-format-title-wrap .pdp-format-title { min-width: 0; overflow-wrap: anywhere; }
.pdp-format-title-wrap .pdp-format-badge { border: 0; flex-shrink: 0; width: 24px; height: 24px; cursor: pointer; }
.pdp-format-badge:focus-visible { outline: 2px solid var(--green-dark); outline-offset: 3px; }
.pdp-format-tooltip { position: fixed; z-index: 2000; width: max-content; max-width: min(20rem, calc(100vw - 24px)); max-height: calc(100vh - 24px); overflow: auto; padding: 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--white); color: var(--text); box-shadow: var(--card-shadow); font-size: 13px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.pdp-format-tooltip[hidden] { display: none; }

/* Keep CMS technical groups aligned with the original product-page layout. */
.pdp-technical-intro { grid-column: 1 / -1; }
.pdp-care-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pdp-supplier-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
.pdp-supply-detail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 16px; padding-block: 16px; border-bottom: 1px solid var(--border); }
.pdp-supply-detail .pdp-supp-heading, .pdp-supply-detail dd { margin: 0; min-width: 0; }
.pdp-care-item, .pdp-supp-col, .pdp-technical-intro { min-width: 0; overflow-wrap: anywhere; }
.pdp-care-item .pdp-cms-text + .pdp-cms-text,
.pdp-supp-col .pdp-cms-text + .pdp-cms-text { margin-top: 8px; }
.pdp-accordion-toggle { gap: 16px; }
.pdp-acc-title { min-width: 0; overflow-wrap: anywhere; }
.pdp-acc-chevron { flex-shrink: 0; }
.pdp-accordion-toggle:focus-visible { outline: 2px solid var(--green-dark); outline-offset: -4px; }
@media (max-width: 1024px) {
  .pdp-care-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .pdp-care-grid, .pdp-supplier-grid { grid-template-columns: minmax(0, 1fr); }
  .pdp-supply-detail { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}