.catcard{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.catcard__heading{margin-bottom:32px;margin-top:0;text-align:center;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.catcard__outer{position:relative;border-radius:var(--catcard-outer-radius, 16px);padding:40px 20px}.catcard__swiper{width:100%;height:auto;padding-bottom:20px;position:static!important}.catcard__swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.catcard__swiper:not(.swiper-initialized) .swiper-slide{width:calc((100% / var(--catcard-columns-desktop, 6)) - 24px);min-width:150px}@media screen and (max-width:767px){.catcard__swiper:not(.swiper-initialized) .swiper-slide{width:calc((100% / var(--catcard-columns-mobile, 2)) - 16px)}}.catcard__item{display:flex;flex-direction:column;align-items:center;text-decoration:none;background:transparent;border-radius:var(--catcard-inner-radius, 12px);padding:10px;transition:all .4s cubic-bezier(.165,.84,.44,1);height:100%}.catcard__item-image{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:visible}.catcard__img{width:90%;height:90%;object-fit:contain;display:block;transition:transform .6s cubic-bezier(.165,.84,.44,1);filter:drop-shadow(0 5px 15px rgba(0,0,0,.05))}.catcard__item:hover .catcard__img{transform:scale(1.1) translateY(-5px);filter:drop-shadow(0 15px 25px rgba(0,0,0,.08))}.catcard__item-title{font-size:13px;font-weight:500;text-align:center;margin:0;line-height:1.4;text-transform:uppercase;letter-spacing:.05em;color:currentColor;opacity:.8}.catcard__nav{color:#000!important;width:44px!important;height:44px!important;background:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;top:50%!important;transform:translateY(-50%);z-index:10}.catcard__nav:after{font-size:18px!important;font-weight:700}.catcard__nav:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #00000026}.catcard__nav--prev{left:-22px!important}.catcard__nav--next{right:-22px!important}@media screen and (max-width:767px){.catcard__nav{width:36px!important;height:36px!important}.catcard__nav:after{font-size:14px!important}.catcard__nav--prev{left:-10px!important}.catcard__nav--next{right:-10px!important}.catcard__outer{padding:30px 10px}}.catcard__pagination .swiper-pagination-bullet-active{background:#000}
/*# sourceMappingURL=/cdn/shop/t/5/assets/category-cards.css.map */
