.ecom-category-carousel { position: relative; --category-gap: 28px; }
.ecom-category-viewport { overflow-x: auto; scrollbar-width: thin; }
.ecom-category-carousel.is-ready .ecom-category-viewport { overflow: hidden; touch-action: pan-y; }
.ecom-category-track { display: flex; gap: var(--category-gap); direction: ltr; }
.ecom-category-banner { position: relative; isolation: isolate; flex: 0 0 calc((100% - (var(--category-columns) - 1) * var(--category-gap)) / var(--category-columns)); min-width: 0; min-height: 220px; aspect-ratio: 1.72; max-height: 290px; overflow: hidden; text-decoration: none; background: #087b89; color: #fff; border-radius: 0; }
.ecom-category-banner { --category-overlay: 5, 78, 88; }
.ecom-category-banner--1 { --category-overlay: 87, 28, 94; }
.ecom-category-banner--2 { --category-overlay: 49, 72, 35; }
.ecom-category-banner__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ecom-category-banner::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to right, rgba(var(--category-overlay), 0.95) 0%, rgba(var(--category-overlay), 0.76) 45%, rgba(var(--category-overlay), 0.08) 100%); pointer-events: none; }
.ecom-category-banner__copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; gap: 10px; width: 85%; min-height: inherit; height: 100%; padding: 32px; }
.ecom-category-banner__name { font: 700 22px/1.25 'Outfit', sans-serif; text-transform: uppercase; letter-spacing: 0; overflow-wrap: anywhere; }
.ecom-category-banner__count { font-size: 14px; font-weight: 600; line-height: 1.5; }
.ecom-category-banner:hover, .ecom-category-banner:focus { color: #fff; text-decoration: none; }
.ecom-category-banner:focus-visible { outline: 3px solid #171717; outline-offset: -4px; }
.ecom-category-control { position: absolute; top: calc(50% - 22px); display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #e1e1e1; border-radius: 50%; background: #fff; color: #222; cursor: pointer; z-index: 2; box-shadow: 0 2px 8px #00000012; }
.ecom-category-control[hidden] { display: none; }
.ecom-category-control:hover { background: #f0f4f4; color: #222; }
.ecom-category-control:focus-visible { outline: 2px solid #087b89; outline-offset: 3px; }
.ecom-category-control--prev { left: -22px; }
.ecom-category-control--next { right: -22px; }
@media (max-width: 1024px) {
	.ecom-category-carousel { --category-columns: var(--category-columns-tablet, 2); }
    .ecom-category-carousel { --category-columns: 2 !important; --category-gap: 20px; }
    .ecom-category-banner:only-child { flex-basis: 100%; }
    .ecom-category-banner__copy { padding: 24px 28px; }
    .ecom-category-banner__name { font-size: 20px; }
    .ecom-category-control--prev { left: -12px; }
    .ecom-category-control--next { right: -12px; }
}
@media (max-width: 600px) {
	.ecom-category-carousel { --category-columns: var(--category-columns-mobile, 1); }
    .ecom-category-carousel { --category-columns: 1 !important; }
    .ecom-category-banner { min-height: 210px; }
    .ecom-category-banner__copy { padding: 20px 24px; }
    .ecom-category-control--prev, .ecom-category-control--next { width: 32px; height: 32px; top: calc(50% - 16px); }
}