/* ==========================================================================
   DAYANA — Product model page layout (e.g. HRC Cartridge Fuse)
   Sticky product image beside four content blocks. The related-families
   slider, documents band and media plate are shared (components.css).
   ========================================================================== */

.model__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
.model__frame { aspect-ratio: 1 / 1; border: 1px solid var(--c-border); }
.model__content { display: grid; gap: 1.25rem; }
.model__block { display: grid; gap: 0.9rem; padding: clamp(1.25rem, 3vw, 2rem); background: var(--c-card); border: 1px solid var(--c-border); border-inline-start: 4px solid var(--c-border); border-radius: 2px; transition: border-color 0.3s ease; }
.model__block:hover { border-inline-start-color: var(--c-accent); }
.model__block h2 { font-size: clamp(1.25rem, 1.1rem + 0.8vw, 1.625rem); }
.model__block--cta { background: var(--c-primary); color: var(--c-on-dark-muted); border-color: var(--c-primary); border-inline-start-color: var(--c-accent); }
.model__block--cta h2 { color: #fff; }
.model__criteria { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; margin: 0; padding: 0; list-style: none; }
.model__criteria li { display: flex; align-items: center; gap: 0.5rem; padding: 0.55rem 0.75rem; font-size: 0.9rem; font-weight: 500; color: var(--c-heading); background: var(--c-bg-alt); border-inline-start: 2px solid var(--c-accent); }
.model__criteria svg { inline-size: 16px; block-size: 16px; flex: none; color: var(--c-accent); }
.model__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }
@media (max-width: 1023.98px) {
  .model__block { text-align: center; justify-items: center; }
  .model__criteria { text-align: start; }
  .model__actions { justify-content: center; }
}
@media (min-width: 1024px) {
  .model__grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: start; }
  .model__media { position: sticky; inset-block-start: 110px; }
}