.category-cards{--card-gap: 1.6rem}.category-cards__row{display:flex;flex-wrap:nowrap;gap:var(--card-gap)}.category-card{flex:1 1 0;min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:.6rem;transition:transform .25s ease,box-shadow .25s ease}.category-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000024}.category-card:hover .category-card__image-ratio img{transform:scale(1.04)}.category-card__image-wrapper{position:relative;width:100%;overflow:hidden;background:#fff}.category-card__image-wrapper .category-card__image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e8e8e8}.category-card__image-ratio{display:block;padding-bottom:80%;position:relative}.category-card__image-ratio img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.category-card__body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.6rem;flex:1;gap:.8rem;background-color:var(--category-card-bg, #e8f0c0)}.category-card__title{font-weight:700;font-size:2.2rem;letter-spacing:.08em;text-transform:uppercase;margin:0;line-height:1.2;color:var(--category-card-title-color, currentColor)}@media screen and (min-width:990px){.category-card__title{font-size:2.6rem}}.category-card__description{font-size:1.3rem;margin:0;line-height:1.5;color:var(--category-card-desc-color, currentColor)}.category-card__button-wrap{width:100%;margin-top:.8rem}.category-card__button{display:block;width:auto;text-align:center;padding:1.1rem 1.6rem;border-radius:.6rem;font-size:1.4rem;font-weight:600;text-decoration:none;transition:opacity .2s ease;background-color:var(--category-card-btn-bg, #1b3a1b);color:var(--category-card-btn-color, #ffffff);border:none;cursor:pointer}.category-card__button:hover{opacity:.85}.category-cards .swiper--category-cards{overflow:visible}.category-cards .swiper--category-cards .swiper-wrapper{align-items:stretch}.category-cards .swiper--category-cards .swiper-slide{height:auto}.category-cards__nav{display:none}@media screen and (max-width:767px){.category-cards__nav{display:grid;grid-template-columns:4.4rem 4.4rem;gap:2rem;justify-content:center;margin-top:2rem}.category-cards__nav-btn{width:4.4rem;height:4.4rem;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center}.category-cards__nav-btn--prev{transform:rotate(180deg)}.category-cards .swiper--category-cards .category-card{flex:0 0 80vw}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-category-cards.css.map */
