.mc-carousel{display:block;width:100%;padding-block:var(--mc-carousel-top-m, calc(var(--mc-carousel-top, 40px) * .3)) var(--mc-carousel-bottom-m, calc(var(--mc-carousel-bottom, 40px) * .2))}.mc-carousel__header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.375rem;padding-inline:max(var(--content-margin),(100% - var(--page-width)) / 2)}.mc-carousel__heading{font-size:1.0625rem;font-weight:500;line-height:22px}.mc-carousel__all{margin-inline-start:auto;padding-bottom:5px;background:linear-gradient(currentcolor,currentcolor) left bottom / 100% 2px no-repeat;color:inherit;font-size:1.0625rem;line-height:1.2;text-decoration:none}.mc-carousel:not(.mc-carousel--flush) .mc-product-title__link{font-weight:500}.mc-carousel .mc-product-title__link{line-height:1.47}.mc-carousel .mc-price{letter-spacing:normal;line-height:1.358}.mc-carousel__viewport{position:relative}.mc-carousel__track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.mc-carousel__track::-webkit-scrollbar{display:none}@media(max-width:749px){.mc-carousel__track{padding-inline:var(--page-margin);scroll-padding-inline:var(--page-margin)}.mc-carousel--grid .mc-carousel__track{padding-inline:0}}.mc-carousel__item{flex:0 0 60vw;scroll-snap-align:start}.mc-carousel--grid .mc-carousel__track{display:grid;grid-template-columns:minmax(0,1fr);gap:1.875rem 1.25rem;width:var(--content-width);margin-inline:auto;overflow:visible}.mc-carousel--grid .mc-carousel__item{flex:none}.mc-carousel--flush .mc-carousel__track{gap:0}.mc-carousel--flush .mc-product-card__info{padding-bottom:1.5rem}.mc-carousel--flush .mc-product-card__badge{inset:0 auto auto .375rem;padding:0 .625rem;border-radius:0;font-size:.625rem;font-weight:500;letter-spacing:.05em;line-height:1.625rem;text-align:left}@media(max-width:749px){.mc-carousel--flush .mc-product-card__badge{font-size:.5625rem}.mc-carousel--flush .mc-product-title__link{line-height:1.3}}.mc-carousel--flush .mc-price{font-weight:500;line-height:1.7}@media(min-width:750px){.mc-carousel--grid.mc-carousel--flush .mc-carousel__track{width:calc(var(--content-width) - 50px)}}@media(min-width:750px)and (max-width:1099px){.mc-carousel--grid.mc-carousel--flush .mc-carousel__track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.mc-carousel--flush .mc-carousel__track{display:flex;gap:.75rem;width:100%;padding-inline:.3rem;overflow-x:auto;scroll-snap-type:x mandatory}.mc-carousel--flush .mc-carousel__item{flex:0 0 83vw;scroll-snap-align:start}}.mc-carousel--grid .mc-carousel__button,.mc-carousel__button{display:none}@media(min-width:750px){.mc-carousel{padding-block:var(--mc-carousel-top, 40px) var(--mc-carousel-bottom, 40px)}.mc-carousel__heading{font-size:1.1875rem}.mc-carousel__track{gap:1.875rem}.mc-carousel--column .mc-carousel__viewport{width:var(--content-width);margin-inline:auto}.mc-carousel--column .mc-carousel__item{padding-bottom:.875rem;flex-basis:calc((100% - 1.875rem * (var(--mc-carousel-columns, 3) - 1)) / var(--mc-carousel-columns, 3))}.mc-carousel--grid .mc-carousel__track{grid-template-columns:repeat(var(--mc-carousel-columns, 3),minmax(0,1fr))}.mc-carousel__item{flex-basis:calc((var(--content-width) - 1.875rem * (var(--mc-carousel-columns, 3) - 1)) / var(--mc-carousel-columns, 3))}}@media(min-width:750px){.mc-carousel__button{position:absolute;inset:50% auto auto -1.25rem;translate:0 -50%;display:flex;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;border:1.6px solid #000;border-radius:50%;background-color:#000;color:#fff;transition:background-color .3s ease-in-out,border-color .3s ease-in-out}.mc-carousel__button[hidden]{display:none}.mc-carousel__button--next{inset:50% -1.25rem auto auto}.mc-carousel:not(.mc-carousel--column) .mc-carousel__button{inset-inline-start:calc((100% - var(--content-width)) / 2 - 1.375rem)}.mc-carousel:not(.mc-carousel--column) .mc-carousel__button--next{inset-inline:auto calc((100% - var(--content-width)) / 2 - 1.375rem)}.mc-carousel__button svg{width:1.5rem}.mc-carousel__button:not(.mc-carousel__button--next) svg{rotate:180deg}}@media(hover:hover){.mc-carousel__button:hover{border:2px solid #515151;background-color:#515151}}.mc-carousel--dark-badge .mc-product-card__badge:not(.mc-product-card__badge--light){background-color:#000;color:#fff;font-weight:700;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/34/assets/mc-carousel.css.map */