.brand-carousel{padding:40px 0;max-width:100%;overflow:hidden}.brand-carousel__header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--page-margin, 20px);margin-bottom:24px}.brand-carousel__title{font-family:var(--font-heading--family, serif);font-weight:var(--font-heading--weight, 400);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--brand-carousel-title-color, #5B7B94);margin:0;letter-spacing:.02em}.brand-carousel__arrows{display:flex;flex-direction:column;gap:0;position:relative;height:calc(var(--brand-carousel-arrow-size, 100px) * .6);width:calc(var(--brand-carousel-arrow-size, 100px) * 1.1)}.brand-carousel__arrow{width:auto;height:auto;border:none;background:transparent;color:var(--brand-carousel-arrow-color, #5B7B94);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;padding:0;position:absolute;opacity:var(--brand-carousel-arrow-opacity, .5)}.brand-carousel__arrow--prev{top:0;right:0}.brand-carousel__arrow--next{bottom:0;left:0}.brand-carousel__arrow:hover:not(:disabled){opacity:calc(var(--brand-carousel-arrow-opacity, .5) + .3)}.brand-carousel__arrow:disabled{opacity:calc(var(--brand-carousel-arrow-opacity, .5) * .4);cursor:not-allowed}.brand-carousel__arrow svg{width:var(--brand-carousel-arrow-size, 100px);height:calc(var(--brand-carousel-arrow-size, 100px) * .24)}.brand-carousel__container{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;padding:0 var(--page-margin, 20px)}.brand-carousel__container::-webkit-scrollbar{display:none}.brand-carousel__container.is-dragging{cursor:grabbing;scroll-behavior:auto}.brand-carousel__container.is-dragging .brand-carousel__card-link{pointer-events:none}.brand-carousel__track{display:flex;gap:var(--brand-carousel-card-gap, 16px)}.brand-carousel__card{flex:0 0 auto;width:var(--brand-carousel-card-width-mobile, 150px)}@media screen and (min-width:750px){.brand-carousel__card{width:var(--brand-carousel-card-width, 220px)}}.brand-carousel__card-link{display:block;text-decoration:none;color:inherit}.brand-carousel__card-image{position:relative;aspect-ratio:3 / 4;overflow:hidden;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.brand-carousel__bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.brand-carousel__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e8e8e8}.brand-carousel__placeholder-svg{width:100%;height:100%;object-fit:cover}.brand-carousel__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--card-overlay-color, #000);opacity:var(--card-overlay-opacity, .2);pointer-events:none;z-index:1}.brand-carousel__logo{position:relative;z-index:2;max-width:var(--logo-max-width, 60%);display:flex;align-items:center;justify-content:center;padding:10px}.brand-carousel__logo-img{width:100%;height:auto;max-height:80%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.brand-carousel__card-name{font-family:var(--font-heading--family, var(--font-primary--family, sans-serif));font-weight:var(--font-heading--weight, 400);font-size:clamp(.85rem,2vw,1rem);color:var(--brand-carousel-name-color, #5B7B94);text-align:center;margin:12px 0 0;padding:0 5px;letter-spacing:.01em}.brand-carousel__card-link:hover .brand-carousel__card-image{transform:scale(1.02)}.brand-carousel__card-image{transition:transform .3s ease}.brand-carousel__card-link:hover .brand-carousel__logo-img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}.brand-carousel__logo-img{transition:filter .3s ease}@media screen and (max-width:749px){.brand-carousel{padding:30px 0}.brand-carousel__header{margin-bottom:16px}.brand-carousel__arrows{height:calc(var(--brand-carousel-arrow-size, 100px) * .5);width:calc(var(--brand-carousel-arrow-size, 100px) * .8)}.brand-carousel__arrow svg{width:calc(var(--brand-carousel-arrow-size, 100px) * .7);height:calc(var(--brand-carousel-arrow-size, 100px) * .2)}.brand-carousel__card-name{margin-top:8px}}.brand-carousel__arrow:focus-visible,.brand-carousel__card-link:focus-visible{outline:2px solid var(--brand-carousel-arrow-color, #5B7B94);outline-offset:2px}@media(prefers-reduced-motion:reduce){.brand-carousel__container{scroll-behavior:auto}.brand-carousel__card-image,.brand-carousel__logo-img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/brand-carousel.css.map */