.category-showcase{background-color:var(--background-color);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);overflow:hidden}.category-showcase .category-showcase-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:var(--section-title-bottom-space, 30px)}.category-showcase .category-showcase-head h2{margin:0;font-size:28px}@media(max-width:1199px){.category-showcase .category-showcase-head h2{font-size:26px}}@media(max-width:767px){.category-showcase .category-showcase-head h2{font-size:20px}}.category-showcase .category-showcase-head .shop-all-link{flex:0 0 auto;color:var(--font-color-body);font-size:var(--font-size-body);font-weight:var(--subtitle-custom-font-weight-body);white-space:nowrap}.category-showcase .category-showcase-head .shop-all-link:hover{color:var(--font-color-link)}.category-showcase .category-showcase-body{display:grid;grid-template-columns:var(--banner-width, 25%) 1fr;gap:24px;align-items:stretch}.category-showcase .showcase-banner{position:relative;display:flex;flex-direction:column;justify-content:flex-start;border-radius:12px;overflow:hidden;min-height:100%;padding:28px;color:var(--banner-text-color, #ffffff);background-color:var(--banner-bg-color, #14151a)}.category-showcase .showcase-banner .banner-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.category-showcase .showcase-banner .banner-bg img{display:block;width:100%;height:100%;object-fit:cover}.category-showcase .showcase-banner .banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgba(0,0,0,var(--banner-overlay-opacity, 0))}.category-showcase .showcase-banner .banner-inner{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.category-showcase .showcase-banner .banner-badge{align-self:flex-start;margin-bottom:16px;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;line-height:1;color:var(--badge-text-color, #ffffff);background-color:var(--badge-bg-color, #4f46e5)}.category-showcase .showcase-banner .banner-title{margin:0 0 10px;font-size:28px;line-height:1.15;color:inherit}.category-showcase .showcase-banner .banner-subtitle{margin:0 0 22px;font-size:15px;line-height:1.4;opacity:.85;color:inherit}.category-showcase .showcase-banner .banner-btn{align-self:flex-start;margin-top:auto}.category-showcase .single-product-wrap .product-content{padding-left:16px;padding-right:16px}.category-showcase .showcase-products{position:relative;min-width:0}.category-showcase .showcase-products .swiper{position:static}.category-showcase .showcase-products .single-product-wrap{height:100%}.category-showcase .showcase-arrow{position:absolute;top:40%;transform:translateY(-50%);z-index:5}.category-showcase .showcase-arrow.arrow-prev{inset-inline-start:-10px}.category-showcase .showcase-arrow.arrow-next{inset-inline-end:-10px}.category-showcase .showcase-arrow button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background-color:#fff;color:var(--font-color-body);font-size:22px;cursor:pointer;box-shadow:0 4px 14px #0000001f;transition:background-color .3s ease,color .3s ease}.category-showcase .showcase-arrow button:hover{background-color:var(--font-color-primary);color:var(--font-color-link)}.category-showcase .showcase-arrow.swiper-button-disabled{opacity:0;pointer-events:none}.category-showcase .slider-dot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}[dir=rtl] .category-showcase .showcase-arrow button i.feather-chevron-left:before{content:"\e92e"}[dir=rtl] .category-showcase .showcase-arrow button i.feather-chevron-right:before{content:"\e92f"}@media(max-width:991px){.category-showcase .category-showcase-body{grid-template-columns:1fr}.category-showcase .showcase-banner{min-height:220px}}@media(max-width:767px){.category-showcase{padding-top:var(--padding-top-xs);padding-bottom:var(--padding-bottom-xs)}.category-showcase .showcase-banner{padding:22px}.category-showcase .showcase-banner .banner-title{font-size:24px}.category-showcase .showcase-arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/category-showcase.css.map */