.custom-blog-listing{padding:60px 0}.blog-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:25px;font-size:14px;color:#777}.blog-breadcrumb a{color:inherit;text-decoration:none}.blog-hero{position:relative;border-radius:24px;overflow:hidden;margin-bottom:40px}.blog-hero-image{width:100%;height:300px;object-fit:cover;display:block}.blog-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.blog-hero-content{position:absolute;left:60px;bottom:60px;max-width:650px;z-index:2;color:#fff}.blog-hero-content h1{font-size:52px;line-height:1.1;margin:0 0 15px;color:#fff}.blog-hero-content p{font-size:18px;line-height:1.6;margin:0;color:#2f5d3a}.blog-search-wrapper{margin-bottom:30px}.blog-search-input{width:100%;height:60px;border:1px solid #e5e5e5;border-radius:14px;padding:0 20px;font-size:15px;background:#fff;outline:none}.blog-search-input:focus{border-color:#2f5d3a}.blog-category-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.blog-category-filters button{background:#fff!important;border:1px solid #e5e5e5;color:#2f5d3a!important;padding:12px 22px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.blog-category-filters button:hover,.blog-category-filters button.active{background:#2f5d3a!important;border-color:#2f5d3a!important;color:#fff!important}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px}.blog-main{min-width:0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.blog-card{background:#fff;border:1px solid #ececec;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:all .3s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000014}.blog-card-image{display:block}.blog-card-image img{width:100%;height:220px;object-fit:cover;display:block}.blog-card-content{padding:18px;display:flex;flex-direction:column;flex:1}.blog-card-date{display:block;font-size:13px;color:#777;margin-bottom:10px}.blog-card-content h3{margin:0 0 10px;font-size:18px;line-height:1.35;min-height:55px}.blog-card-content h3 a{text-decoration:none;color:#1f1f1f}.blog-card-excerpt{color:#666;font-size:14px;line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:0}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.blog-card-tags span{background:#f4f4f4;color:#2f5d3a;padding:6px 12px;border-radius:30px;font-size:12px;font-weight:500}.blog-read-more{display:inline-flex;align-items:center;justify-content:center;min-width:130px;height:44px;padding:0 18px;border-radius:999px;background:#2f5d3a!important;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:600;transition:all .3s ease}.blog-read-more,.blog-read-more *,.blog-read-more span{color:#fff!important}.blog-read-more:hover{background:#f28c38!important;color:#fff!important}.blog-sidebar{position:sticky;top:30px;height:fit-content}.sidebar-widget{background:#fff;border:1px solid #ececec;border-radius:24px;padding:30px;margin-bottom:25px}.sidebar-widget h3{margin:0 0 15px;font-size:28px;color:#2f5d3a}.sidebar-widget p{margin:0 0 20px;color:#666;line-height:1.8}.popular-articles{display:flex;flex-direction:column;gap:18px}.popular-article{display:flex;gap:12px;text-decoration:none;color:inherit}.popular-article img{width:85px;height:85px;border-radius:12px;object-fit:cover}.popular-article h4{margin:0 0 6px;font-size:15px;line-height:1.4;color:#222}.popular-article span{font-size:12px;color:#888}.blog-pagination{margin-top:60px;text-align:center}.blog-pagination .pagination{justify-content:center}.blog-pagination a,.blog-pagination span{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;margin:0 4px;border-radius:10px;text-decoration:none}.blog-pagination a{background:#f5f5f5;color:#222}.blog-pagination .current{background:#2f5d3a;color:#fff}.blog-card.hidden{display:none}.blog-empty-state{display:none;text-align:center;padding:60px 20px}.blog-empty-state-inner{border:1px solid #ececec;border-radius:18px;padding:40px}.blog-empty-state h3{margin:0 0 10px}.blog-empty-state p{margin:0;color:#666}@media screen and (max-width:1199px){.blog-layout{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-sidebar{position:relative;top:auto}}@media screen and (max-width:767px){.custom-blog-listing{padding:40px 0}.blog-hero-image{height:320px}.blog-hero-content{left:25px;right:25px;bottom:25px}.blog-hero-content h1{font-size:34px}.blog-hero-content p{font-size:15px}.blog-grid{grid-template-columns:1fr}.blog-card-image img{height:200px}.blog-category-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.blog-category-filters::-webkit-scrollbar{display:none}.sidebar-widget{padding:20px}}.blog-read-more,.blog-read-more:link,.blog-read-more:visited{color:#fff!important;text-decoration:none!important}.blog-read-more:hover,.blog-read-more:focus,.blog-read-more:active{background:#f28c38!important;color:#fff!important}.blog-read-more *,.blog-read-more:hover *,.blog-read-more span,.blog-read-more:hover span{color:#fff!important;fill:#fff!important}.blog-search-wrapper{position:relative}.blog-search-input{width:100%;height:60px;padding-right:55px}.blog-search-wrapper:after{content:"";position:absolute;right:20px;top:50%;width:20px;height:20px;transform:translateY(-50%);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23777' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20L17 17'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.blog-read-more,.blog-read-more:link,.blog-read-more:visited,.blog-read-more:hover,.blog-read-more:focus,.blog-read-more:active{background:#2f5d3a!important;color:#fff!important;text-decoration:none!important}.blog-read-more:hover,.blog-read-more:focus{background:#f28c38!important;color:#fff!important}.blog-read-more *,.blog-read-more span,.blog-read-more svg,.blog-read-more path,.blog-read-more:hover *,.blog-read-more:hover span,.blog-read-more:hover svg,.blog-read-more:hover path{color:#fff!important;fill:#fff!important;stroke:#fff!important}
/*# sourceMappingURL=/cdn/shop/t/14/assets/custom-blog-listing.css.map */