.metal-chair-collection{padding:72px 7vw 100px;background:#f5f3ef}
.metal-chair-heading{max-width:750px;margin-bottom:48px}
.metal-chair-heading h2{font-size:clamp(36px,4.5vw,58px);line-height:1.1;margin:12px 0 16px}
.metal-chair-heading p:last-child{font-size:17px;line-height:1.65;color:#555b55}
.metal-chair-group{margin-top:60px}
.metal-chair-group h2{font-size:clamp(30px,3vw,42px);margin:0 0 22px}
.metal-chair-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.metal-chair-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #e3dfd7}
.metal-chair-image{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#fff}
.metal-chair-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.metal-chair-card-body{padding:20px 20px 24px;display:flex;flex:1;flex-direction:column}
.metal-chair-code{font:700 13px/1.4 'Manrope',Arial,sans-serif;letter-spacing:.08em;color:#966d4e}
.metal-chair-card h3{font-size:24px;line-height:1.2;margin:9px 0}
.metal-chair-card p{font-size:15px;line-height:1.6;color:#575b57;margin:0 0 22px;flex:1}
.metal-chair-card a{display:inline-block;align-self:flex-start;padding:11px 16px;background:#354238;color:white;text-decoration:none;font:700 14px 'Manrope',Arial,sans-serif}
.metal-chair-card a:hover,.metal-chair-card a:focus-visible{background:#213027}
@media(max-width:1100px){.metal-chair-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.metal-chair-collection{padding:56px 5vw 75px}.metal-chair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metal-chair-card-body{padding:16px}.metal-chair-card h3{font-size:20px}.metal-chair-card p{font-size:14px}}
@media(max-width:460px){.metal-chair-grid{grid-template-columns:1fr}.metal-chair-card-body{padding:20px}}