.blog-posts-slider{position:relative}.blog-posts-slider__container{width:100%;overflow:hidden;position:relative}.blog-posts-slider__swiper{width:100%;overflow:visible}.blog-posts-slider__slide{height:auto;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.blog-posts-slider__slide:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.blog-posts-slider__card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:transparent;text-decoration:none;color:inherit}.blog-posts-slider__image{position:relative;width:100%;padding-bottom:66.67%;overflow:hidden;background-color:var(--color-gray-950)}.blog-posts-slider__image-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .4s ease,opacity .3s ease}.blog-posts-slider__slide:hover .blog-posts-slider__image-img{transform:scale(1.05);opacity:1}.blog-posts-slider__image-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#000000b3);transition:background .3s ease}.blog-posts-slider__slide:hover .blog-posts-slider__image-overlay{background:linear-gradient(to bottom,#0000001a,#000c)}.blog-posts-slider__content{position:absolute;bottom:0;left:0;width:100%;padding:3rem;display:flex;flex-direction:column;z-index:2;max-width:535px;transition:transform .3s ease}.blog-posts-slider__slide:hover .blog-posts-slider__content{transform:translateY(-4px)}.blog-posts-slider__title{font-family:var(--font-archivo-expanded);font-weight:800;font-size:1.5rem;line-height:1.33;text-transform:uppercase;margin-bottom:.75rem;color:#fff}.blog-posts-slider__excerpt{font-size:.875rem;line-height:1.4;color:#fff;margin-bottom:1.5rem;opacity:.9}.blog-posts-slider__meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.blog-posts-slider__date,.blog-posts-slider__views{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-white)}.blog-posts-slider__button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:var(--color-white);border:none;border-radius:var(--radius-sm);font-family:var(--font-body-family);font-weight:600;font-size:.875rem;text-transform:uppercase;color:rgb(var(--color-base-foreground));text-decoration:none;transition:all .3s ease;align-self:flex-start;transform:translateY(0)}.blog-posts-slider__button:hover{background-color:var(--color-gray-100);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.blog-posts-slider__slide:hover .blog-posts-slider__button{background-color:#fffffff2}.blog-posts-slider__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:10;pointer-events:none}.blog-posts-slider__button-prev,.blog-posts-slider__button-next{position:absolute;width:48px;height:48px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #0000001a}.blog-posts-slider__button-prev{left:1rem}.blog-posts-slider__button-next{right:1rem}.blog-posts-slider__pagination{position:relative;margin-top:1.5rem;text-align:center}.blog-posts-slider__view-all-mobile{margin-top:1.5rem;text-align:center}@media screen and (max-width:749px){.blog-posts-slider__swiper{padding-left:1.5rem}.blog-posts-slider__content{padding:1rem}.blog-posts-slider__title{font-size:.875rem;line-height:1.4}.blog-posts-slider__excerpt{display:none}.blog-posts-slider__meta{margin-bottom:.75rem}.blog-posts-slider__button{padding:.5rem .75rem;font-size:.8125rem}.blog-posts-slider__navigation{display:none}}@media screen and (min-width:750px){.blog-posts-slider .swiper-scrollbar{display:none}.blog-posts-slider__title{font-size:1.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-posts-slider__excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.swiper-wrapper{gap:8px}.blog-posts-slider__slide{width:calc((100vw - 16px) / 1.5)!important}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-blog-posts-slider.css.map */
