.accessories-section { scroll-margin-top: 72px; padding: 110px 0; background: #f3efe8; }
.accessories-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 50px; }
.accessories-heading h2 { font-size: clamp(40px, 5vw, 67px); }
.accessories-heading h2 em { color: #d6101f; }
.accessories-heading > p { max-width: 305px; margin: 0 0 6px; color: #5a5752; font-size: 14px; line-height: 1.55; }
.accessories-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.accessory-card { display: flex; flex-direction: column; background: #fff; min-height: 590px; }
.accessory-image { height: 280px; overflow: hidden; background: #dad8d5; }
.accessory-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.accessory-card:hover .accessory-image img { transform: scale(1.04); }
.accessory-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 26px 24px 25px; }
.accessory-number { margin: 0 0 12px; color: #d6101f; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.accessory-copy h3 { margin: 0 0 13px; font-size: 20px; line-height: 1.12; letter-spacing: -.04em; }
.accessory-copy > p:not(.accessory-number) { margin: 0; color: #55524d; font-size: 13px; line-height: 1.55; }
.accessory-copy a { display: inline-flex; align-items: center; gap: 10px; margin-top: auto; padding-top: 22px; color: #d6101f; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.accessory-copy a b { font-size: 17px; font-weight: 400; }
@media(max-width:800px){.accessories-section{padding:72px 0}.accessories-heading{display:block;margin-bottom:32px}.accessories-heading>p{margin-top:19px}.accessories-grid{grid-template-columns:1fr;gap:15px}.accessory-card{min-height:0}.accessory-image{height:255px}.accessory-copy{min-height:270px}.accessory-copy h3{font-size:21px}}