.custom-main-blog-section{padding-inline:var(--section-padding-inline);padding-top:var(--section-padding-top, 80px);padding-bottom:var(--section-padding-bottom, 80px)}.custom-main-blog-container{max-width:var(--section-max-width);margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{background:linear-gradient(145deg,#fff9,#f0e0d066);border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column}.blog-card:hover{box-shadow:0 4px 12px #00000014}.blog-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card-image-wrapper{width:100%;overflow:hidden;border-radius:12px 12px 0 0;aspect-ratio:4 / 3}.blog-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.blog-card:hover .blog-card-image{transform:scale(1.1)}.blog-placeholder-svg{width:100%;height:100%;display:block}.blog-card-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.blog-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;font-family:inherit;font-size:20px;letter-spacing:var(--text-letter-spacing);line-height:var(--text-line-height);margin-bottom:12px;color:var(--section-header-color);line-clamp:2}.blog-card-info{display:flex;align-items:center;gap:8px;margin-bottom:12px}.blog-card-date,.blog-card-author{font-size:14px;letter-spacing:var(--text-letter-spacing);line-height:var(--text-line-height);color:var(--section-paragraph-text-color)}.blog-card-separator{color:var(--section-paragraph-text-color);font-size:14px;margin:0 4px}.blog-card-excerpt{font-size:14px;letter-spacing:var(--text-letter-spacing);line-height:var(--text-line-height);color:var(--section-paragraph-text-color);margin-bottom:16px}.blog-card-read-more{display:flex;align-items:center;gap:4px;color:var(--primary-button-color);font-size:16px;margin-top:auto;transition:color .3s ease}.blog-card:hover .blog-card-read-more{color:var(--primary-button-color-hover)}.blog-card-arrow{width:16px;height:16px;stroke:currentColor;transition:transform .3s ease}.blog-card:hover .blog-card-arrow{transform:translate(2px)}.blog-carousel{display:none;position:relative;overflow:hidden}.blog-carousel-track{display:flex;transition:transform .3s ease-in-out;touch-action:pan-y}.blog-carousel-item{flex:0 0 100%;min-width:100%;position:relative}.blog-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:none;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 10px #00000026}.blog-carousel-btn:hover{background:#fff;box-shadow:0 4px 15px #0003}.blog-carousel-btn:active{transform:translateY(-50%) scale(.95)}.blog-carousel-btn svg{width:24px;height:24px;color:#333}.blog-carousel-btn-prev{left:15px}.blog-carousel-btn-next{right:15px}.blog-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.blog-carousel-dot{width:10px;height:10px;border-radius:50%;background:#d1d1d1;border:none;cursor:pointer;transition:all .3s ease;padding:0}.blog-carousel-dot.active{background:var(--icon-color);width:24px;border-radius:5px}.blog-carousel-dot:hover{background:#a08968}.blog-pagination{margin-top:60px;display:flex;justify-content:center}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:768px){.custom-main-blog-section{padding-inline:var(--section-padding-inline-mobile);padding-top:calc(var(--section-padding-top, 80px) * .6);padding-bottom:calc(var(--section-padding-bottom, 80px) * .6)}.blog-grid{display:none}.blog-carousel{display:block}.blog-card-content{padding:16px}.blog-card-title{font-size:16px;margin-bottom:14px}.blog-carousel-btn{width:30px;height:30px}.blog-carousel-btn svg{width:15px;height:15px}.blog-carousel-btn-prev{left:10px}.blog-carousel-btn-next{right:10px}.blog-card-date,.blog-card-author{font-size:12px}.blog-card-excerpt{font-size:13px}.blog-pagination{margin-top:40px}}.blog-card:focus-visible,.blog-carousel-btn:focus-visible,.blog-carousel-dot:focus-visible{outline:2px solid #8b6f47;outline-offset:2px}@media(prefers-reduced-motion:reduce){.blog-card,.blog-card-image,.blog-card-arrow,.blog-carousel-track,.blog-carousel-btn,.blog-carousel-dot{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-main-blog.css.map */