@import"https://fonts.googleapis.com/css2?family=Poppins:wght@600;800&display=swap";.sbcol{padding:48px 40px 56px;font-family:Helvetica Neue,Arial,sans-serif}.sbcol__header{margin-bottom:20px}.sbcol__title{font-family:Poppins,Helvetica Neue,Arial,sans-serif;font-weight:800;font-size:26px;letter-spacing:.3px;margin:0 0 6px;color:#111;text-transform:uppercase}.sbcol__subtitle{font-size:12.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#8a5a2a;margin:0}.sbcol__row{position:relative;display:flex;align-items:center}.sbcol__arrow{flex:none;width:36px;height:36px;border-radius:50%;border:none;background:#787878b3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;position:absolute}.sbcol__arrow svg{width:18px;height:18px}.sbcol__arrow--prev{left:8px}.sbcol__arrow--next{right:8px}.sbcol__scroller{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%}.sbcol__scroller::-webkit-scrollbar{display:none}.sbcol__card{position:relative;display:block;text-decoration:none;overflow:hidden;flex:0 0 calc(16.6% - 10px);aspect-ratio:4 / 5;scroll-snap-align:start;background:#ddd}.sbcol__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.sbcol__image,.sbcol__placeholder{width:100%;height:100%;object-fit:cover;display:block}.sbcol__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 55%,#0000008c)}.sbcol__overlay{position:absolute;left:0;right:0;bottom:16px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:0 8px}.sbcol__label{font-weight:700;font-size:13px;letter-spacing:.3px;color:#fff}.sbcol__button{display:inline-block;background:#fff;color:#111;font-size:9.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:8px 16px;border-radius:999px}@media(max-width:749px){.sbcol{padding:32px 20px 40px}.sbcol__title{font-size:20px}.sbcol__subtitle{font-size:11px}.sbcol__card{flex:0 0 47%;aspect-ratio:4 / 5}.sbcol__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-shop-by-color.css.map */