.brand-spotlight{background-color:var(--brand-spotlight-bg, #ffffff);color:var(--brand-spotlight-text, #333333)}.brand-spotlight__header-row{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}@media screen and (min-width:750px){.brand-spotlight__header-row{flex-direction:row;align-items:center;gap:6rem;margin-bottom:1.5rem}.brand-spotlight__text-block{flex-shrink:0;max-width:240px;min-width:0}.brand-spotlight__header-row .brand-spotlight__wrapper{flex:1 1 60%;min-width:0}}.brand-spotlight__heading{color:var(--brand-spotlight-heading-color, #000000);font-size:var(--brand-spotlight-heading-size-mobile, 18px);font-weight:700;letter-spacing:.02em;margin:0 0 .5rem;text-align:left}.brand-spotlight__subheading{margin:0;font-size:1.2rem;font-weight:400;color:var(--brand-spotlight-text, #333333);line-height:1.4}@media screen and (min-width:750px){.brand-spotlight__heading{font-size:var(--brand-spotlight-heading-size, 24px)}.brand-spotlight__subheading{font-size:1.3rem}}.brand-spotlight__wrapper{overflow:hidden}.brand-spotlight__wrapper[data-mobile-layout=slider]{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none}.brand-spotlight__wrapper[data-mobile-layout=slider].is-dragging{cursor:grabbing}.brand-spotlight__wrapper[data-mobile-layout=slider].is-dragging .brand-spotlight__grid{scroll-snap-type:none;scroll-behavior:auto}.brand-spotlight__wrapper[data-mobile-layout=slider].is-dragging a{pointer-events:none}.brand-spotlight__wrapper[data-mobile-layout=slider]::-webkit-scrollbar{display:none}.brand-spotlight__wrapper[data-mobile-layout=slider]{scrollbar-width:none;-ms-overflow-style:none}.brand-spotlight__grid{display:flex;flex-wrap:wrap;gap:var(--brand-spotlight-mobile-gap, 16px);justify-content:center;align-items:flex-start}@media screen and (min-width:750px){.brand-spotlight__wrapper[data-mobile-layout=grid] .brand-spotlight__grid{gap:var(--brand-spotlight-tablet-gap, 24px);overflow:visible;justify-content:center}.brand-spotlight__wrapper[data-mobile-layout=grid] .brand-spotlight__item{flex:0 0 calc((100% - (var(--brand-spotlight-tablet-items, 7) - 1) * var(--brand-spotlight-tablet-gap, 24px)) / var(--brand-spotlight-tablet-items, 7));max-width:calc((100% - (var(--brand-spotlight-tablet-items, 7) - 1) * var(--brand-spotlight-tablet-gap, 24px)) / var(--brand-spotlight-tablet-items, 7))}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__grid{flex-wrap:nowrap;justify-content:flex-start;gap:var(--brand-spotlight-tablet-gap, 24px)}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__grid.brand-spotlight__grid--centered{justify-content:center}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__item{flex:0 0 calc((100% - (var(--brand-spotlight-tablet-items, 7) - 1) * var(--brand-spotlight-tablet-gap, 24px)) / var(--brand-spotlight-tablet-items, 7));min-width:calc((100% - (var(--brand-spotlight-tablet-items, 7) - 1) * var(--brand-spotlight-tablet-gap, 24px)) / var(--brand-spotlight-tablet-items, 7))}}.brand-spotlight__text-block{padding:0 1.5rem}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__grid{scroll-padding-left:1.5rem}@media screen and (min-width:990px){.brand-spotlight__wrapper[data-mobile-layout=grid] .brand-spotlight__grid{gap:var(--brand-spotlight-desktop-gap, 24px);overflow:visible;justify-content:center}.brand-spotlight__wrapper[data-mobile-layout=grid] .brand-spotlight__item{flex:0 0 calc((100% - (var(--brand-spotlight-desktop-items, 7) - 1) * var(--brand-spotlight-desktop-gap, 24px)) / var(--brand-spotlight-desktop-items, 7));max-width:calc((100% - (var(--brand-spotlight-desktop-items, 7) - 1) * var(--brand-spotlight-desktop-gap, 24px)) / var(--brand-spotlight-desktop-items, 7))}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__grid{gap:var(--brand-spotlight-desktop-gap, 24px);justify-content:flex-start}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__grid.brand-spotlight__grid--centered{justify-content:center}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__item{flex:0 0 calc((100% - (var(--brand-spotlight-desktop-items, 7) - 1) * var(--brand-spotlight-desktop-gap, 24px)) / var(--brand-spotlight-desktop-items, 7));min-width:calc((100% - (var(--brand-spotlight-desktop-items, 7) - 1) * var(--brand-spotlight-desktop-gap, 24px)) / var(--brand-spotlight-desktop-items, 7))}.brand-spotlight__inner.page-width{padding-right:0}.brand-spotlight__text-block{padding:0}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__grid{scroll-padding-left:0rem}}@media screen and (max-width:749px){.brand-spotlight .brand-spotlight__inner.page-width{padding:0!important}.brand-spotlight__header-row{margin-bottom:0}.brand-spotlight__wrapper{display:flex;flex-direction:column;gap:30px}.brand-spotlight__wrapper[data-mobile-layout=slider]{padding:0}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__grid{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.5rem}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__item:first-child{scroll-margin-left:1.5rem;margin-left:1.5rem}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__item{flex:0 0 calc((100% - (var(--brand-spotlight-mobile-items, 3) - 1) * var(--brand-spotlight-mobile-gap, 16px)) / var(--brand-spotlight-mobile-items, 3));min-width:calc((100% - (var(--brand-spotlight-mobile-items, 3) - 1) * var(--brand-spotlight-mobile-gap, 16px)) / var(--brand-spotlight-mobile-items, 3))}.brand-spotlight__wrapper[data-mobile-layout=grid] .brand-spotlight__item{flex:0 0 calc((100% - (var(--brand-spotlight-mobile-items, 3) - 1) * var(--brand-spotlight-mobile-gap, 16px)) / var(--brand-spotlight-mobile-items, 3));max-width:calc((100% - (var(--brand-spotlight-mobile-items, 3) - 1) * var(--brand-spotlight-mobile-gap, 16px)) / var(--brand-spotlight-mobile-items, 3))}}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__grid:after{content:"";width:0;padding-left:0}.brand-spotlight__item{display:flex;flex-direction:column;align-items:center;text-align:center;scroll-snap-align:start}.brand-spotlight__link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;width:100%}.brand-spotlight__link:hover{opacity:.85}.brand-spotlight__link--no-href{cursor:default}.brand-spotlight__image-wrap{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 0 9px 1px #00000030;margin:5px;padding:6px;display:flex;align-items:center;justify-content:center}.brand-spotlight__image{width:100%;height:100%;object-fit:contain}.brand-spotlight__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.brand-spotlight__placeholder .placeholder-svg{width:60%;height:60%;fill:#0000001a}.brand-spotlight__label{display:block;margin-top:.75rem;font-weight:500;line-height:normal;font-size:var(--brand-spotlight-label-size-mobile, 11px);letter-spacing:.08em;color:var(--brand-spotlight-heading-color, #000000)}@media screen and (min-width:750px){.brand-spotlight__label{font-size:var(--brand-spotlight-label-size, 12px)}}.brand-spotlight__actions{margin-top:2rem;text-align:center}.brand-spotlight__button{display:inline-block;padding:.875rem 2rem;background-color:var(--brand-spotlight-button-bg, #000000);color:var(--brand-spotlight-button-text, #ffffff);font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.brand-spotlight__button:hover{background-color:var(--brand-spotlight-button-bg-hover, #333333);color:var(--brand-spotlight-button-text-hover, #ffffff)}.brand-spotlight__wrapper[data-mobile-layout=slider] .brand-spotlight__grid{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.brand-spotlight__image-wrap:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;pointer-events:none}.brand-spotlight__link{cursor:pointer}@media screen and (min-width:750px){.brand-spotlight__inner{padding:0 0 0 5rem!important}}@media screen and (min-width:1620px){.brand-spotlight__inner{padding:0!important;max-width:unset;padding-inline-start:calc((100vw - var(--page-width)) / 2 + 50px)!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-brand-spotlight.css.map */