@font-face { font-family:"Scarlet Category Heading"; font-weight:700; font-style:normal; font-display:swap; src:url("../fonts/bricolage-grotesque-bold.woff2") format("woff2"); }
@font-face { font-family:"Scarlet Category Text"; font-weight:400; font-style:normal; font-display:swap; src:url("../fonts/geist-regular.woff2") format("woff2"); }
.scarlet-categories { padding:30px 0 60px; background:#fff; color:#4e351e; }
.scarlet-categories__container { box-sizing:border-box; width:100%; max-width:1720px; margin:0 auto; padding:0 50px; }
.scarlet-categories__heading { margin:0 0 35px; font-family:"Scarlet Category Heading",Arial,sans-serif; font-size:42px; font-weight:700; line-height:1.2; text-align:center; color:#4e351e; }
.scarlet-categories__track { display:flex; gap:20px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; touch-action:pan-x pan-y; }
.scarlet-categories__track::-webkit-scrollbar { display:none; }
.scarlet-categories__track:focus-visible { outline:2px solid #806132; outline-offset:5px; }
.scarlet-categories__card { display:block; flex:0 0 calc((100% - 60px) / 4); min-width:0; color:#4e351e; text-decoration:none; scroll-snap-align:start; }
.scarlet-categories__media { overflow:hidden; aspect-ratio:1200 / 1470; background:#f8f6f2; }
.scarlet-categories__media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.scarlet-categories__card:hover .scarlet-categories__media img { transform:scale(1.035); }
.scarlet-categories__card:focus-visible { outline:2px solid #806132; outline-offset:-2px; }
.scarlet-categories__meta { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:2px; padding:14px 0; border-bottom:1px solid #e9e4dc; font-family:"Scarlet Category Text",Arial,sans-serif; font-size:14px; font-weight:400; line-height:22.4px; }
.scarlet-categories__label { color:#4e351e; text-transform:uppercase; letter-spacing:1.12px; }
.scarlet-categories__count { color:#826f5a; }
.scarlet-categories__card:hover { color:#4e351e; text-decoration:none; }
.scarlet-categories__progress { width:160px; height:4px; margin:30px auto 0; overflow:hidden; background:#f2f0ec; border-radius:4px; }
.scarlet-categories__progress span { display:block; width:33.3333%; height:100%; background:#533f29; border-radius:4px; }
.scarlet-categories__track.is-dragging { cursor:grabbing; scroll-snap-type:none; user-select:none; }
@media (min-width:990px) and (max-width:1199px) { .scarlet-categories__card { flex-basis:calc((100% - 40px) / 3); } }
@media (min-width:750px) and (max-width:989px) { .scarlet-categories__card { flex-basis:calc((100% - 20px) / 2); } }
@media (max-width:749px) {
  .scarlet-categories { padding:25px 0 30px; }
  .scarlet-categories__container { padding:0 15px; }
  .scarlet-categories__heading { font-size:24px; }
  .scarlet-categories__track { gap:15px; }
  .scarlet-categories__card { flex-basis:calc((100% - 7.5px) / 1.5); }
}
@media (prefers-reduced-motion:reduce) { .scarlet-categories__media img { transition:none; } }

@media (max-width:749px) { .scarlet-categories__track { gap:8px; } }