.blog-product-block{display:block;margin:3.2rem 0;clear:both;--blog-block-green: 37, 62, 43;--blog-block-green-hover: 30, 50, 34;--blog-block-white: #ffffff;--blog-block-gap: 1.6rem}.blog-product-block__slider-wrap{position:relative}.blog-product-block__nav{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:1.6rem}.blog-product-block__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background-color:rgb(var(--blog-block-green));color:var(--blog-block-white);cursor:pointer;flex-shrink:0;transition:background-color .2s ease,transform .2s ease}.blog-product-block__nav-btn:hover,.blog-product-block__nav-btn:focus-visible{background-color:rgb(var(--blog-block-green-hover));color:var(--blog-block-white);transform:scale(1.03)}.blog-product-block__nav-btn .icon,.blog-product-block__nav-btn svg{width:2rem;height:2rem;color:var(--blog-block-white);pointer-events:none}.blog-product-block__nav-btn svg path{stroke:var(--blog-block-white)}.blog-product-block__slider{overflow:hidden}.blog-product-block__items{display:grid;gap:var(--blog-block-gap);grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.blog-product-block__items--count-2,.blog-product-block__items--count-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.blog-product-block__items--count-1{grid-template-columns:minmax(0,32rem);justify-content:center}.blog-product-block__items--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-product-block__items--count-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-product-block__items.swiper-wrapper{display:flex;gap:0}.blog-product-block__items.swiper-wrapper .blog-product-block__slide{flex-shrink:0;height:auto;box-sizing:border-box;width:calc((100% - 2 * var(--blog-block-gap-px, 16px)) / 3)}@media(max-width:1023.98px){.blog-product-block__items.swiper-wrapper .blog-product-block__slide{width:calc((100% - var(--blog-block-gap-px, 16px)) / 2)}}@media(max-width:767.98px){.blog-product-block__items.swiper-wrapper .blog-product-block__slide{width:calc((100% - var(--blog-block-gap-px, 16px)) / 1.15)}}.blog-product-block__slide{height:auto;box-sizing:border-box;min-width:0}.blog-product-block__card{display:flex;flex-direction:column;height:100%;background:rgb(var(--color-background));border:1px solid rgb(var(--color-border));box-shadow:0 4px 20px #0000000d;overflow:hidden;transition:box-shadow .25s ease}.blog-product-block__card:hover{box-shadow:0 8px 28px #00000014}.blog-product-block__media{display:block;background:#f8f8f8;aspect-ratio:1;padding:1.6rem;text-decoration:none;transition:background-color .25s ease}.blog-product-block__media:hover{text-decoration:none}.blog-product-block__card:hover .blog-product-block__media{background:#fff}.blog-product-block__image{width:100%;height:100%;object-fit:contain}.blog-product-block__card-body{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:1.6rem 1.4rem 1.8rem;text-align:center;flex:1}.blog-product-block__button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--buttons-height, 4.8rem);padding:0 2.4rem;background-color:rgb(var(--blog-block-green));color:var(--blog-block-white);border:0;border-radius:var(--buttons-radius, 0);font:inherit;font-weight:500;letter-spacing:.02em;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:background-color .2s ease,transform .2s ease}.blog-product-block__button:hover,.blog-product-block__button:focus-visible{background-color:rgb(var(--blog-block-green-hover));color:var(--blog-block-white);text-decoration:none;transform:translateY(-1px)}.blog-product-block__button--item{margin-top:auto}.blog-product-block__button--collection{min-height:var(--buttons-height, 4.8rem)}.blog-product-block__title{margin:0;line-height:1.35;font-weight:400;color:rgba(var(--color-foreground),.72);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.7em;width:100%}.blog-product-block__title a{color:inherit;text-decoration:none}.blog-product-block__title a:hover{color:rgb(var(--color-foreground));text-decoration:none}.blog-product-block__collection{margin-top:2.4rem}@media(max-width:767.98px){.blog-product-block__card-body{padding:1.2rem}.blog-product-block__nav-btn{width:4rem;height:4rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/blog-product-block.css.map */