/* Extend the existing manufacturer page family. */
.merlin-cover-page { --meyco-tint: #e7eef4; }
.merlin-cover-page h2[id] { scroll-margin-top: 7rem; }
.merlin-cover-page .anchor-cover-standard-copy,
.merlin-cover-page .anchor-cover-standard p { max-width: none; }
.merlin-cover-page .anchor-cover-standard-code { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.1; }
.merlin-cover-page .anchor-cover-standard p + p { margin-top: 1rem; }
.merlin-cover-page .anchor-cover-standard a { color: #fff; text-underline-offset: .2em; }
.merlin-cover-page .anchor-cover-standard a:hover { color: #f4a261; }
.merlin-cover-page .anchor-cover-hero-copy h1 { font-size: clamp(2.1rem, 3.6vw, 3rem); }
.merlin-cover-page .anchor-cover-hero-photo img { aspect-ratio: 16 / 9; object-fit: contain; }
.merlin-cover-page .anchor-cover-hero-photo,
.merlin-material-media picture { clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px); }
/* One material per row keeps five models balanced and their details together. */
.merlin-material-grid { grid-template-columns: 1fr; gap: 1rem; scroll-margin-top: 7rem; }
.merlin-material-grid .anchor-cover-material-option { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); align-items: center; }
.merlin-material-media { min-width: 0; padding: 1rem; }
.merlin-material-grid .merlin-solidmesh-photo { object-position: center 72%; }
.merlin-material-grid .anchor-cover-material-option-copy { min-width: 0; padding: 1rem; text-align: center; }
.merlin-material-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1rem; margin: 0; font-variant-numeric: tabular-nums; }
.merlin-material-specs > div { min-width: 0; padding-top: .5rem; border-top: 1px solid var(--anchor-border); }
.merlin-material-specs dt { color: var(--anchor-navy); }
.merlin-material-specs dd { margin: .25rem 0 0; overflow-wrap: anywhere; }
.merlin-material-specs .merlin-color-list { flex-wrap: wrap; justify-content: flex-start; gap: .25rem; width: fit-content; max-width: min(8.75rem, 100%); margin: 0 auto; padding: 0; }
.merlin-material-specs .merlin-color-list li { margin: 0; }
.merlin-warranty-summary { display: block; margin-top: .25rem; color: var(--anchor-muted); font-size: .875rem; line-height: 1.45; }
.merlin-swatch { width: 1.25rem; height: 1.25rem; border-color: #526271; }
.merlin-swatch:focus-visible { outline: 3px solid var(--anchor-orange); outline-offset: 2px; }
.merlin-swatch:focus-visible::after { opacity: 1; visibility: visible; }
.merlin-color-green, .merlin-color-hunter { background: #345840; }
.merlin-color-blue { background: #2964a5; }
.merlin-color-gray { background: #81858b; }
.merlin-color-tan { background: #bea582; }
.merlin-color-black { background: #252525; }
.merlin-color-yellow { background: #e3c936; }
.merlin-color-white { background: #fff; }
.merlin-color-red { background: #af2a32; }
.merlin-color-purple { background: #69508a; }
.merlin-color-navy { background: #263b65; }
.merlin-color-orange { background: #cc692a; }
.merlin-color-burgundy { background: #73263e; }
.merlin-cover-page a:focus-visible { outline: 3px solid var(--anchor-orange); outline-offset: 3px; }
.merlin-care-grid { grid-template-columns: 1fr; text-align: center; }
.merlin-care-grid > .anchor-cover-quote-panel { background: var(--meyco-tint); }
.merlin-care-grid > .anchor-cover-quote-panel + .anchor-cover-quote-panel { border-left: 0; border-top: 1px solid var(--anchor-border); }
.merlin-care-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 2.5rem; padding-left: 1.4rem; list-style-position: outside; text-align: left; }
.merlin-care-steps li { margin-bottom: 0; padding-left: 0; }
.merlin-warranty-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.5rem; margin: 0 0 1rem; }
.merlin-warranty-terms > div { border: 1px solid var(--anchor-border); background: #fff; }
.merlin-warranty-terms dt { margin: 0; padding: .5rem .75rem; background: var(--anchor-navy); color: #fff; }
.merlin-warranty-terms dd { max-width: 34rem; margin: 0 auto; padding: .75rem 1rem; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .merlin-material-media { grid-column: 1; grid-row: 1 / 3; }
  .merlin-material-grid .anchor-cover-material-option-copy { display: contents; }
  .merlin-material-grid .anchor-cover-material-option-copy h3 { grid-column: 2; grid-row: 1; align-self: end; margin: 1rem 1rem .5rem; }
  .merlin-material-grid .anchor-cover-material-option-copy > p { grid-column: 2; grid-row: 2; align-self: start; margin: 0 1rem 1rem; }
  .merlin-material-specs { grid-column: 1 / -1; margin: 0 1rem 1rem; }
}
@media (max-width: 767.98px) {
  .merlin-care-steps,
  .merlin-warranty-terms { grid-template-columns: 1fr; }
  .merlin-material-grid .anchor-cover-material-option { grid-template-columns: 1fr; }
  .merlin-material-media { padding: 1rem 1rem 0; }
  .merlin-material-grid .anchor-cover-material-option-copy { padding: 1rem; }
}
@media (max-width: 575.98px) {
  .merlin-material-specs { grid-template-columns: 1fr; }
  .merlin-material-specs > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: .25rem 1rem; }
  .merlin-material-specs dt { font-size: .875rem; }
  .merlin-material-specs dd { margin: 0; }
  .merlin-material-specs .merlin-material-colors,
  .merlin-material-specs .merlin-material-warranty { display: block; }
  .merlin-material-specs .merlin-material-colors dd,
  .merlin-material-specs .merlin-material-warranty dd { margin-top: .5rem; }
}