blog-section{width:100%;background-color:var(--blog-bg-color);display:block;overflow-x:hidden}blog-section *,blog-section *:before,blog-section *:after{box-sizing:border-box}.blog-section__container{max-width:var(--page-container-width);margin:0 auto;padding:120px 20px 100px;position:relative;overflow:hidden}.blog-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.blog-section__title{font-size:36px;font-weight:700;color:#000;margin:0;text-transform:uppercase;letter-spacing:2px}.blog-section__button{display:inline-flex;align-items:center;gap:8px;color:#999;text-decoration:none;font-size:28px;font-weight:400;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease}.blog-section__button:hover{color:#000}.blog-section__button svg{width:16px;height:16px;fill:#fabd00;transition:transform .3s ease}.blog-section__button:hover svg{transform:translate(4px)}.blog-section__slider{position:relative;overflow-x:hidden;overflow-y:visible;width:100%}.blog-section__track{display:flex;transition:transform .6s ease;gap:0;width:max-content}.blog-section__slide{flex:0 0 auto;display:flex;align-items:stretch}.blog-section__article{flex:0 0 789px;text-decoration:none;color:inherit;display:block;max-width:789px;box-sizing:border-box}.blog-section__image-wrapper{width:100%}.blog-section__image{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .3s ease}.blog-section__content{padding:clamp(16px,3vw,24px) 0 clamp(16px,3vw,24px) 0;display:flex;flex-direction:column;min-height:clamp(160px,25vw,200px)}.blog-section__article-title{font-size:clamp(16px,2.5vw,20px);font-weight:400;line-height:1.3;margin:0 0 12px;color:#000;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-section__article:hover .blog-section__article-title{color:#666}.blog-section__excerpt{font-size:clamp(12px,1.8vw,18px);line-height:1.5;color:#000;margin:0 0 16px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-section__meta{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.blog-section__date{font-size:16px;color:#999;margin:0}.blog-section__more{display:inline-block;padding:0 12px;background:#fabd00;color:#000;border-radius:20px;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:1px;transition:background-color .3s ease,transform .3s ease;text-decoration:none}.blog-section__more:hover{background:#e6a900;transform:translateY(-2px)}.blog-section__divider{width:1px;background:#000;align-self:stretch;margin:0 60px;flex-shrink:0}.blog-section__controls{position:absolute;top:calc(50% + 40px);left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:10;padding:0 20px}.blog-section__arrow{width:50px;height:50px;border-radius:50%;background:#fff9;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;pointer-events:all;opacity:0;box-shadow:0 2px 8px #00000026;margin:0 20px}.blog-section__arrow:hover{background:#fff9}.blog-section__arrow:disabled{opacity:0!important;cursor:not-allowed;pointer-events:none}.blog-section__arrow svg{width:20px;height:20px;color:#000;stroke-width:2.5}@media(min-width:769px){blog-section:hover .blog-section__arrow{opacity:1}}@media(max-width:1200px){.blog-section__slide{flex:0 0 auto}.blog-section__article{flex:0 0 clamp(300px,65vw,789px);max-width:clamp(300px,65vw,789px)}.blog-section__track{gap:0}.blog-section__divider{margin:0 clamp(30px,5vw,60px)}}@media(max-width:768px){blog-section{padding:0;overflow-x:hidden}.blog-section__container{padding:40px 0;max-width:100%;overflow:visible}.blog-section__header{padding:0 15px;margin-bottom:20px}.blog-section__title{font-size:clamp(20px,4vw,24px);letter-spacing:1px}.blog-section__button{font-size:18px}.blog-section__slider{margin:0;padding:0;width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);overflow-x:auto;overflow-y:hidden;position:relative;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.blog-section__slider::-webkit-scrollbar{display:none}.blog-section__track{gap:0;transition:none;display:flex;flex-wrap:nowrap}.blog-section__slide{flex:0 0 100vw;min-width:100vw;scroll-snap-align:start;scroll-snap-stop:always;display:block;padding:0}.blog-section__article{width:100%;max-width:none;display:flex;flex-direction:column;padding:0 20px;box-sizing:border-box;text-decoration:none;color:inherit}.blog-section__image-wrapper{width:100%}.blog-section__image{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.blog-section__content{padding:16px 0;height:auto;min-height:auto;display:flex;flex-direction:column;flex:1}.blog-section__article-title{font-size:18px;line-height:1.4;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-section__excerpt{font-size:14px;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-section__meta{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.blog-section__date{font-size:12px;color:#999;margin:0}.blog-section__more{display:inline-block;padding:0 20px;background:#fabd00;color:#000;border-radius:20px;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:1px;transition:background-color .3s ease,transform .3s ease;text-decoration:none}.blog-section__divider,.blog-section__controls,.blog-section__arrow{display:none}}@media(max-width:480px){.blog-section__slide{flex:0 0 100vw;width:100vw;scroll-snap-align:start;scroll-snap-stop:always}.blog-section__article{flex:none;width:100%;display:block}.blog-section__track{gap:0;transition:none}.blog-section__content{padding:clamp(10px,2vw,16px) 0 clamp(10px,2vw,16px) 0;height:auto;min-height:clamp(120px,18vw,150px)}.blog-section__divider,.blog-section__controls,.blog-section__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/blog-section.css.map */