.harrys-category{background:#f5f5f5;color:#002654;padding:64px 24px 72px;text-align:center;overflow:hidden}.harrys-category h2{font-size:30px;line-height:1.2;letter-spacing:.02em;margin:0 0 28px;color:#002654}.harrys-category__rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1232px;margin:0 auto}.harrys-category__card{position:relative;overflow:hidden;border-radius:9px;aspect-ratio:592/700;background:#ddd}.harrys-category__card img{display:block;width:100%;height:100%;object-fit:cover}.harrys-category__card h3{position:absolute;top:17px;left:0;right:0;margin:0;color:white;font-size:25px;line-height:1.3;letter-spacing:.03em}.harrys-category__card a{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:block;background:#db4215;color:#fff;border-radius:4px;padding:13px 30px;min-width:112px;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.harrys-category__card a:hover,.harrys-category__card a:focus{background:#ac310d;color:#fff}.harrys-category__dots{display:none}@media(max-width:767px){.harrys-category{padding:40px 0 48px}.harrys-category h2{font-size:28px;margin:0 16px 24px}.harrys-category__rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 16px}.harrys-category__rail::-webkit-scrollbar{display:none}.harrys-category__card{flex:0 0 min(300px,80vw);scroll-snap-align:start}.harrys-category__dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.harrys-category__dots button{width:8px;height:8px;min-height:0;padding:0;border:0;border-radius:50%;background:#a8b3bf;cursor:pointer}.harrys-category__dots button[aria-current=true]{background:#002654}}
.harrys-category h2,.harrys-category__card h3{font-family:HarrysTT,Arial,sans-serif;font-weight:600}
@media(max-width:767px){.harrys-category__rail{scroll-padding-left:16px}.harrys-category__dots button{appearance:none;box-sizing:border-box;display:block;width:8px!important;height:8px!important;min-width:8px!important;max-width:8px!important;min-height:8px!important;max-height:8px!important;line-height:0;margin:0;padding:0!important;border:0;flex:0 0 8px}}
