.custom-blog-posts-wrap,.custom-blog-posts{width:100%}.custom-blog-posts__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}.custom-blog-posts__heading{margin:0;font-family:var(--font-heading--family);font-weight:500;font-style:var(--font-heading--style);font-size:32px;line-height:1.2;color:var(--color-foreground, #222222)}.custom-blog-posts__footer{display:flex;justify-content:center;margin-top:32px}.custom-blog-posts__view-all-btn{background-color:#489bb3;color:#fff;border:none;border-radius:9999px;padding:12px 32px;font-family:var(--font-body--family);font-size:14px;font-weight:600;line-height:1;letter-spacing:0;text-transform:none;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;transition:background-color .25s ease,color .25s ease}.custom-blog-posts__view-all-btn:hover{background-color:#3f8aa0;color:#fff;text-decoration:none}.custom-blog-posts__nav{display:none;align-items:center;gap:8px;flex-shrink:0}.custom-blog-posts__nav[hidden]{display:none!important}.custom-blog-posts__arrow{width:40px;height:40px;padding:0;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#222;background:#ffffffe0;box-shadow:0 2px 12px #0000001f;cursor:pointer;transition:color .25s ease,background-color .25s ease}.custom-blog-posts__arrow:after{font-family:swiper-icons;font-size:16px;font-weight:700;text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.custom-blog-posts__arrow--prev:after{content:"prev"}.custom-blog-posts__arrow--next:after{content:"next"}.custom-blog-posts__arrow:hover{color:#8cbb44;background:#fff}.custom-blog-posts__arrow.swiper-button-disabled{opacity:.35;cursor:default;pointer-events:none}.custom-blog-posts__carousel{width:100%}.custom-blog-posts__swiper{width:100%;overflow:hidden}.custom-blog-posts__swiper .swiper-wrapper{align-items:stretch}.custom-blog-posts .swiper-slide{height:auto;box-sizing:border-box}.custom-blog-post-card{display:flex;flex-direction:column;height:100%;background:var(--color-background, #ffffff);border:1px solid #ececec;border-radius:12px;overflow:hidden}.custom-blog-post-card__media-wrap{display:block;text-decoration:none;color:inherit}.custom-blog-post-card__media-wrap--placeholder{cursor:default}.custom-blog-post-card__media{aspect-ratio:16 / 10;background:#f7f7f7;overflow:hidden}.custom-blog-post-card__image,.custom-blog-post-card__placeholder{display:block;width:100%;height:100%;object-fit:cover}.custom-blog-post-card--placeholder .custom-blog-post-card__placeholder{opacity:.85}.custom-blog-post-card__content{display:flex;flex-direction:column;gap:8px;padding:14px;flex:1}.custom-blog-post-card__title{margin:0;font-family:var(--font-body--family);font-size:16px;font-weight:500;line-height:1.35;color:var(--color-foreground, #222222)}.custom-blog-post-card__title-link{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;color:inherit;transition:color .2s ease}.custom-blog-post-card__title-link:hover{color:#8cbb44;text-decoration:none}.custom-blog-post-card__excerpt{margin:0;font-family:var(--font-body--family);font-size:14px;font-weight:400;line-height:1.45;color:#888;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.custom-blog-post-card__read-more{margin-top:auto;padding-top:4px;font-family:var(--font-body--family);font-size:.875rem;font-weight:500;line-height:1.2;color:#222;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .25s ease,color .25s ease}.custom-blog-post-card__read-more-icon{display:inline-flex;align-items:center;justify-content:center;width:8px;height:12px;color:currentColor}.custom-blog-post-card__read-more-icon svg{display:block;width:100%;height:100%}.custom-blog-post-card__read-more:hover{gap:12px;color:#8cbb44;text-decoration:none}.custom-blog-post-card__read-more--placeholder{color:#888}@media screen and (max-width:767px){.custom-blog-posts__heading{font-size:24px}.custom-blog-posts__swiper .swiper-wrapper{align-items:flex-start}.custom-blog-posts .custom-blog-post-card{height:auto}}@media screen and (min-width:750px){.custom-blog-posts__nav{display:flex}.custom-blog-post-card__content{padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/custom-blog-posts.css.map */