.custom-blog-slider{width:100%;overflow:hidden;max-width:1600px;margin:0 auto}.blog-slider-header{margin-bottom:48px;padding:0 162px}.blog-slider-header .section-heading{font-size:48px;font-weight:700;margin-bottom:16px;line-height:1.2}.blog-slider-header .section-text{font-size:16px;line-height:1.6;opacity:.9}.blog-main-content{display:grid;grid-template-columns:1fr 625px;gap:64px;position:relative}.active-blog-wrapper{position:relative}.active-blog-post{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;pointer-events:none}.active-blog-post.is-active{opacity:1;visibility:visible;pointer-events:auto}.active-blog-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.active-blog-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}.active-blog-image{width:100%;height:430px;margin-bottom:24px}.active-blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.active-blog-link:hover .active-blog-image img{transform:scale(1.05)}.blog-date{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;opacity:.8;line-height:normal;color:#ffffffb3}.blog-date svg{width:16px;height:16px;flex-shrink:0}.blog-title{font-size:20px;font-weight:700;line-height:130%;transition:opacity .2s ease;text-transform:none;margin-bottom:0}.active-blog-link:hover .blog-title{opacity:.8}.blog-excerpt{font-size:12px;line-height:1.6;color:#ffffffb3}.blog-sidebar-wrapper{position:relative;width:100%;max-width:100%}.blog-sidebar-wrapper .splide__slide{border-bottom:1px solid rgba(255,255,255,.3)}.blog-sidebar-carousel{height:600px}.blog-sidebar-carousel .splide__track{height:100%;overflow:hidden}.blog-sidebar-carousel .splide__list{height:100%}.sidebar-blog-card{cursor:pointer;transition:transform .3s ease;overflow:hidden;height:100%;display:flex;flex-direction:row-reverse;justify-content:space-between;gap:20px;align-items:center;padding-bottom:16px}.sidebar-blog-card:focus-visible{outline:2px solid currentColor;outline-offset:4px}.sidebar-blog-image{width:119.01px;height:88px;overflow:hidden;flex-shrink:0}.sidebar-blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.sidebar-blog-card:hover .sidebar-blog-image img{transform:scale(1.1)}.sidebar-blog-content{flex:1;min-width:0}.sidebar-blog-content .blog-title{font-size:20px;font-weight:700;letter-spacing:.2px}.sidebar-blog-content .blog-excerpt{font-size:14px;line-height:1.5}.blog-sidebar-carousel .splide__arrows{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;margin-top:48px}.blog-carousel-arrow{background:transparent;border:none;width:auto;height:10px;left:auto;right:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.blog-carousel-arrow:disabled{opacity:.3;cursor:not-allowed}.slider-blog-excerpt{display:none}.blog-sidebar-wrapper .splide__arrow--next{transform:rotate(-90deg);top:0}.blog-sidebar-wrapper .splide__arrow--prev{transform:rotate(90deg);top:0}.blog-sidebar-wrapper .splide__arrow{left:0}.active-blog-content .blog-title{margin-bottom:16px}@media screen and (max-width:1300px){.active-blog-image{height:382px}}@media screen and (max-width:1149px){.blog-main-content{grid-template-columns:1fr 425px;gap:40px}.active-blog-wrapper{min-height:500px}.active-blog-image{height:400px}.blog-sidebar-carousel{height:500px}.blog-slider-header .section-heading{font-size:36px}.blog-title{font-size:28px}.sidebar-blog-content .blog-title{font-size:14px;letter-spacing:.2px}}@media screen and (max-width:800px)and (min-width:491px){.blog-slider-header{margin-bottom:30px;padding:0 100px}.blog-slider-header .section-heading{font-size:32px}.blog-slider-header .section-text{font-size:14px}.blog-main-content{grid-template-columns:1fr 300px;gap:24px}.sidebar-blog-content .blog-title{font-size:14px;letter-spacing:.2px}.blog-sidebar-carousel .splide__arrows{margin-top:30px}.blog-carousel-arrow{height:45px;padding:0 15px}.blog-carousel-arrow svg{width:50px;height:10px}}@media screen and (max-width:490px){.blog-slider-header{margin-bottom:24px;padding:0}.blog-slider-header .section-heading{font-size:24px;margin-bottom:12px}.blog-slider-header .section-text{font-size:12px}.blog-main-content{display:block}.active-blog-wrapper{display:none}.blog-sidebar-wrapper{width:100%;max-width:100%;overflow:hidden}.blog-sidebar-carousel{height:auto;width:100%;max-width:100%}.blog-sidebar-carousel .splide__track{overflow:hidden;width:100%}.blog-sidebar-carousel .splide__list{display:flex;flex-direction:row}.blog-sidebar-carousel .splide__slide{width:100%;flex-shrink:0;border-bottom:none}.sidebar-blog-card{display:flex;flex-direction:column;padding-bottom:0;height:auto;width:100%}.sidebar-blog-card:hover{transform:none}.sidebar-blog-image{width:100%;height:230px;max-width:100%}.sidebar-blog-content{width:100%;max-width:100%}.sidebar-blog-content .blog-title{font-size:16px;line-height:150%;margin-bottom:8px}.sidebar-blog-content .blog-excerpt{font-size:14px}.blog-sidebar-carousel .splide__arrows{margin-top:24px}.blog-slider-container{width:100%;max-width:100%;overflow:hidden}.custom-blog-slider .splide{max-width:100%;overflow:hidden}.custom-blog-slider .splide__track{max-width:100%}.slider-blog-excerpt{color:#ffffffb3;font-size:12px;font-style:normal;font-weight:400;line-height:150%;text-transform:capitalize;display:block}.blog-sidebar-wrapper .splide__arrow--next,.blog-sidebar-wrapper .splide__arrow--prev{transform:none}}.blog-slider-header{position:relative;width:100%}.blog-view-all-link{position:absolute;top:10px;right:0;display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;transition:transform .3s ease;z-index:10}.blog-view-all-link:hover{transform:translate(5px)}.view-all-text{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.view-all-icon-wrapper{background-color:#c80000;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.view-all-icon-wrapper svg{width:18px;height:18px;stroke:#fff}.blog-view-all-link:hover .view-all-icon-wrapper{background-color:#a00000}@media screen and (max-width:1149px){.blog-view-all-link{right:40px}}@media screen and (max-width:490px){.blog-view-all-link{right:0;top:0}.view-all-text{display:none}.view-all-icon-wrapper{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/custom-blog-slider.css.map */