.about-page { max-width: 1220px; margin-inline: auto; }
.about-page .content-hero { max-width: 850px; }
.about-page .content-hero h1 { max-width: 24ch; text-wrap: balance; }
.about-page p { line-height: 1.7; }
.about-directions { margin-block: 40px; }
.about-directions .content-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.about-page .content-card { min-width: 0; border-radius: 16px; }
.about-page h3 { font-size: 21px; line-height: 1.3; }
.about-order { background: linear-gradient(135deg, #f5faf9, #fff 70%); margin-block: 32px; }
.about-links { display: flex; flex-wrap: wrap; gap: 16px 26px; }
.about-seller { margin-block: 32px; }
.about-page a { overflow-wrap: anywhere; }
.about-page a:focus-visible { outline: 3px solid #217d7a; outline-offset: 4px; }
@media (max-width: 850px) { .about-directions .content-grid { grid-template-columns: minmax(0, 1fr); } }
