/* Quality control and warranty: shared informational card layout. */
.catalog-quality { color: var(--seacan-color-text); }
.catalog-quality__container { padding: 0; }
.catalog-quality__eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; color: var(--seacan-color-brand); font-size: var(--seacan-label-size); font-weight: 700; line-height: 1.4; text-transform: uppercase; }
.catalog-quality__eyebrow img, .catalog-quality__badge img { width: 24px; height: 24px; flex: 0 0 24px; object-fit: contain; }
.catalog-quality__heading-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 32px; }
.catalog-quality__title { max-width: 860px; margin: 0; }
.catalog-quality__badge { display: flex; align-items: center; gap: 12px; max-width: 240px; margin: 0; padding: 12px 16px; border: 1px solid var(--seacan-color-border); border-radius: var(--seacan-radius-control); background: var(--seacan-color-surface); color: var(--seacan-color-muted); font-size: var(--seacan-small-size); line-height: 1.4; }
.catalog-quality__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.catalog-quality__step { position: relative; display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 24px; min-width: 0; margin: 0; padding: 24px; border: 1px solid var(--seacan-color-border); border-radius: var(--seacan-radius-card); background: var(--seacan-color-surface); }
.catalog-quality__step-number { position: absolute; left: 16px; top: 16px; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--seacan-color-border); border-radius: 50%; background: var(--seacan-color-surface); color: var(--seacan-color-brand); font-size: var(--seacan-label-size); font-weight: 600; }
.catalog-quality__step-image { width: 96px; height: 96px; }
.catalog-quality__step-image img, .catalog-quality__guarantee-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.catalog-quality__step p { margin: 0; font-size: var(--seacan-body-size); line-height: var(--seacan-body-line); }
.catalog-quality__guarantee { display: grid; grid-template-columns: 80px minmax(180px, .8fr) minmax(0, 1.2fr); align-items: center; gap: 24px; margin-top: 16px; padding: 24px; border: 1px solid var(--seacan-color-border); border-radius: var(--seacan-radius-card); background: var(--seacan-color-surface); }
.catalog-quality__guarantee-icon { width: 80px; height: 80px; }
.catalog-quality__guarantee-copy h3 { margin: 0 0 12px; }
.catalog-quality__guarantee-copy p { margin: 0; color: var(--seacan-color-muted); }
.catalog-quality__guarantee-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.catalog-quality__guarantee-list li { display: flex; align-items: flex-start; gap: 12px; color: var(--seacan-color-muted); font-size: var(--seacan-body-size); line-height: var(--seacan-body-line); }
.catalog-quality__guarantee-list img { width: 22px; height: 22px; flex: 0 0 22px; object-fit: contain; }
@media (max-width: 1000px) {
    .catalog-quality__guarantee { grid-template-columns: 80px minmax(0, 1fr); }
    .catalog-quality__guarantee-list { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
    .catalog-quality__heading-row { flex-direction: column; margin-bottom: 24px; gap: 16px; }
    .catalog-quality__badge { max-width: none; }
    .catalog-quality__steps { grid-template-columns: 1fr; }
    .catalog-quality__step { grid-template-columns: 64px minmax(0, 1fr); gap: 16px; padding: 20px; }
    .catalog-quality__step-image { width: 64px; height: 64px; }
    .catalog-quality__step-number { width: 24px; height: 24px; left: 12px; top: 12px; }
    .catalog-quality__guarantee { grid-template-columns: 56px minmax(0, 1fr); gap: 16px; padding: 20px; }
    .catalog-quality__guarantee-icon { width: 56px; height: 56px; }
}
