.chl-category-slider { --chl-category-gap: 8px; width: 100%; min-width: 0; font-family: "Raleway", sans-serif; }
.chl-category-slider * { box-sizing: border-box; }
.chl-category-slider .chl-category-slider__track {
    display: flex; gap: var(--chl-category-gap); overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0; margin: 0; list-style: none;
}
.chl-category-slider__track::-webkit-scrollbar { display: none; }
.chl-category-slider .chl-category-slider__slide {
    flex: 0 0 calc((100% - 3 * var(--chl-category-gap)) / 4); min-width: 0;
    margin: 0; padding: 0; aspect-ratio: 0.63; scroll-snap-align: start;
}
.chl-category-slider .chl-category-slider__card {
    display: block; position: relative; width: 100%; height: 88%; overflow: hidden;
    background: #edeae5; color: #fff; text-decoration: none; transition: height .3s ease;
}
.chl-category-slider .chl-category-slider__image { display: block; width: 100%; height: 100%; object-fit: cover; }
.chl-category-slider .chl-category-slider__video {
    position: absolute; inset: 0; display: block; width: 100%; height: 100%;
    object-fit: cover; pointer-events: none; opacity: 0;
}
.chl-category-slider .chl-category-slider__video.is-ready { opacity: 1; }
/* Explicit text colors prevent global link hover styles from bleeding into cards. */
.chl-category-slider .chl-category-slider__card:is(:link, :visited, :hover, :focus, :active),
.chl-category-slider .chl-category-slider__card .chl-category-slider__overlay,
.chl-category-slider .chl-category-slider__card .chl-category-slider__overlay span { color: #fff; }
.chl-category-slider__overlay {
    position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center;
    align-items: center; padding: 24px 16px 60px; text-align: center; opacity: 0;
    background: linear-gradient(transparent, rgb(0 0 0 / 15%) 45%, rgb(0 0 0 / 28%)); transition: opacity .3s ease;
}
.chl-category-slider__cta { position: absolute; bottom: 8px; left: 12px; right: 12px; font-size: 10px; line-height: 1.5; text-transform: uppercase; }
.chl-category-slider__cta span { margin-left: 8px; font-size: 20px; vertical-align: middle; }
.chl-category-slider__cta {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    text-shadow: 0 1px 3px rgb(0 0 0 / 25%);
}
.chl-category-slider__cta { left: 50%; right: auto; width: max-content; max-width: calc(100% - 32px); transform: translateX(-50%); }
.chl-category-slider__card:hover, .chl-category-slider__card:focus-visible { height: 100%; }
.chl-category-slider__card:hover .chl-category-slider__overlay,
.chl-category-slider__card:focus-visible .chl-category-slider__overlay { opacity: 1; }
.chl-category-slider .chl-category-slider__controls { display: flex; align-items: center; justify-content: space-between; padding: 24px 12%; }
.chl-category-slider .chl-category-slider__controls[hidden] { display: none; }
.chl-category-slider .chl-category-slider__controls button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #333; font: 400 28px/1 "Raleway", sans-serif; cursor: pointer; }
.chl-category-slider .chl-category-slider__controls button:hover { color: #5d0609; background: transparent; }
.chl-category-slider .chl-category-slider__controls button:disabled { opacity: .3; cursor: default; }
.chl-category-slider__dots { display: flex; flex-wrap: wrap; justify-content: center; }
.chl-category-slider .chl-category-slider__dots button { width: 24px; }
.chl-category-slider__dots button::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #dedede; }
.chl-category-slider__dots button[aria-current="true"]::before { background: #183921; }
.chl-category-slider button:focus-visible { outline: 2px solid #183921; outline-offset: 2px; }
.chl-category-slider__card:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
@media (max-width: 1024px) {
    .chl-category-slider .chl-category-slider__slide { flex-basis: calc((100% - var(--chl-category-gap)) / 2); }
}
@media (max-width: 767px) {
    .chl-category-slider .chl-category-slider__slide { flex-basis: 85%; aspect-ratio: 9 / 16; }
    .chl-category-slider .chl-category-slider__controls { padding: 16px 0; }
}
@media (hover: none), (max-width: 1024px) {
    .chl-category-slider .chl-category-slider__card { height: 100%; }
    .chl-category-slider__overlay { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .chl-category-slider__card, .chl-category-slider__overlay { transition: none; }
}