.bogo-shop-by-skin-type{display:block;margin:2% 1%}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__heading{margin:0 0 20px;font-family:var(--font-poppins-semibold);font-size:28px;text-align:center;color:#ff40b1}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__empty-state{padding:20px;text-align:center}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__layout{display:flex;align-items:center;gap:10px;max-width:1350px;margin:0 auto}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__viewport{flex:1 1 auto;overflow:hidden}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__track::-webkit-scrollbar{display:none}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__slide{flex:0 0 auto;width:220px;scroll-snap-align:start;align-items:center}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__card{position:relative;display:flex;overflow:hidden;border-radius:20px;text-decoration:none;justify-content:center;align-items:center}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__image{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__badge{position:absolute;bottom:12px;max-width:calc(100% - 24px);padding:8px 16px;font-family:var(--font-poppins-semibold);font-size:13px;text-align:center;color:#000;background:#fff3;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);border-radius:100px;box-shadow:0 2px 6px #0000001f}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__arrow{display:none;flex:0 0 auto;align-items:center;justify-content:center;padding:0;color:var(--bogo-skin-type-border-color, #c9a9ff);background:none;border:none;cursor:pointer}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__arrow[hidden]{visibility:hidden}@media(max-width:768px){.bogo-shop-by-skin-type .bogo-shop-by-skin-type__heading{font-size:22px}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__slide{min-width:250px}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__arrow svg{width:28px;height:28px}.bogo-shop-by-skin-type .bogo-shop-by-skin-type__badge{padding:6px 12px;font-size:11px}}@media(max-width:480px){.bogo-shop-by-skin-type .bogo-shop-by-skin-type__heading{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/2264/assets/bogo-shop-by-skin-type.css.map */