.category-showcase{padding:80px 0;background:#fff;overflow:hidden}.category-showcase-wrapper{display:grid;grid-template-columns:38% 62%;gap:60px;align-items:center}.category-left{position:relative}.category-image{width:100%;display:block;border-radius:30px}.category-placeholder{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:2px dashed #ddd;border-radius:30px}.category-heading{margin-bottom:60px;margin-top:47px}.category-heading span{display:block;margin-bottom:8px;font-size:15px;opacity:.7;text-transform:uppercase;letter-spacing:2px}.category-heading h4{margin:0;font-size:95px;line-height:1.1;text-shadow:1px 1px #a4a3a3,-1px 1px #E32521,1px -1px #04457A,-1px -1px #04457A;opacity:.55;color:#fff;--tw-text-opacity: 1;font-weight:700}.category-carousel{position:relative;overflow:hidden;margin-left:-172px;margin-right:79px}.category-carousel .swiper-wrapper{align-items:stretch}.category-carousel .swiper-slide{height:auto}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:24px;padding:15px;text-decoration:none;height:100%}.category-card:hover{box-shadow:0 18px 45px #00000014}.category-card-image{width:90px;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.category-card-image img{width:100%;height:100%;object-fit:contain}.category-card-content h4{margin:0;font-size:20px;color:#000}.category-card-content span{display:block;margin-top:8px;font-size:14px;opacity:.65;color:#000}.category-prev,.category-next{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:-75px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.3s;border:1px solid rgba(0,0,0,.1);background:#fff;z-index:5}.category-prev:hover,.category-next:hover{transform:scale(1.08)}.category-next{right:0}.category-prev{right:55px}.swiper-pagination{bottom:0!important}.swiper-pagination-bullet{width:10px;height:10px}@media(max-width:991px){.category-showcase-wrapper{grid-template-columns:1fr;gap:40px}.category-heading{text-align:center}.category-heading h2{font-size:36px}.category-prev,.category-next{display:none}}@media(max-width:575px){.category-showcase{padding:50px 0}.category-heading h2{font-size:30px}.category-card{padding:20px 15px}}@media(max-width:991px){.category-showcase{padding:60px 0;overflow:hidden}.category-showcase-wrapper{display:flex;flex-direction:column;gap:35px;width:100%}.category-left{width:100%}.category-image{width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:25px}.category-right{width:100%;min-width:0}.category-heading{margin:0 0 30px;text-align:center}.category-heading span{font-size:13px;letter-spacing:1.5px}.category-heading h4{font-size:55px;line-height:1.05}.category-carousel{width:100%;margin-left:0;margin-right:0;overflow:hidden}.category-swiper{width:100%;overflow:hidden}.category-swiper .swiper-slide{width:auto}.category-card{min-height:190px;padding:20px 15px}}@media(max-width:575px){.category-showcase{padding:45px 0}.category-showcase .page-width{padding-left:15px;padding-right:15px}.category-showcase-wrapper{gap:30px}.category-left{width:100%}.category-image{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:22px;display:none}.category-heading{margin:0 0 25px;text-align:center}.category-heading span{font-size:12px;margin-bottom:5px;letter-spacing:1.5px}.category-heading h4{font-size:38px;line-height:1.05;margin:0}.category-carousel{width:100%;margin:0;overflow:hidden}.category-swiper{width:100%;overflow:hidden}.category-swiper .swiper-slide{height:auto}.category-card{min-height:180px;padding:18px 12px;border-radius:20px}.category-card-image{width:70px;height:70px;margin-bottom:12px}.category-card-content h4{font-size:17px;line-height:1.2}.category-card-content span{font-size:13px;margin-top:6px}}@media(max-width:380px){.category-showcase{padding:0 0 40px}.category-heading h4{font-size:32px}.category-card{min-height:165px}.category-card-image{width:62px;height:62px}.category-card-content h4{font-size:15px}.category-card-content span{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/category-showcase.css.map */