.blog-navigation{display:flex;justify-content:center;margin-bottom:30px;gap:20px}.blog-nav-link{padding:10px 20px;text-decoration:none;font-weight:700;border-bottom:2px solid transparent;transition:all .3s ease}.blog-nav-link.active{border-bottom:2px solid currentColor}.blog-posts{display:flex;flex-direction:column;gap:40px;margin-bottom:60px}.blog-post-item{width:100%;transition:opacity .3s ease}.blog-post-container{display:flex;flex-direction:row;gap:20px;align-items:stretch;height:350px}.image-right .blog-post-container{flex-direction:row-reverse}.blog-post-image{flex:1.5;border-radius:5px;overflow:hidden;height:100%}.blog-post-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-post-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#fbe0e9;border-radius:5px;padding:30px;height:100%;overflow:hidden;width:350px;min-width:350px}.blog-post-content h2{margin:0 0 15px;font-size:24px;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-post-excerpt{color:#666;line-height:1.6;margin-bottom:20px;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.blog-post-button{display:inline-flex;justify-content:center;align-items:center;border:0;padding:0 3rem;cursor:pointer;font:inherit;font-size:1.5rem;text-decoration:none;color:rgb(var(--color-button-text));transition:box-shadow var(--duration-short) ease;-webkit-appearance:none;appearance:none;background-color:#48bb78;height:4.5rem;border-radius:.4rem;margin-top:auto}.blog-post-button:hover{box-shadow:0 0 0 .2rem rgba(var(--color-button),.3)}.blog-search-container{margin-bottom:30px;display:flex;justify-content:center}.blog-search-input{width:100%;max-width:500px;padding:12px 20px;border:1px solid #ddd;border-radius:30px;font-size:16px;outline:none;transition:border-color .3s ease}.blog-search-input:focus{border-color:#000}.blog-post-item.hidden{display:none}.no-results-message{text-align:center;padding:40px 0;font-size:18px;color:#666;display:none}.search-highlight{background-color:#48bb78;padding:0 2px;border-radius:2px;font-weight:700}#blog-loading-spinner{width:100%;padding:40px 0;text-align:center}@media screen and (max-width:768px){.blog-post-container{flex-direction:column!important;gap:20px;height:auto}.blog-post-image{max-width:100%;aspect-ratio:16/9;height:200px}.blog-post-content{width:100%;min-width:0;height:auto;padding:20px}.blog-post-content h2{-webkit-line-clamp:2}.blog-post-excerpt{-webkit-line-clamp:3}}.blog-post-item{width:100%;transition:opacity .3s ease;opacity:0;transform:translateY(20px);animation:blogFadeInUp .6s ease forwards}@keyframes blogFadeInUp{to{opacity:1;transform:translateY(0)}}.blog-post-item.fade-in{animation:blogFadeInUp .6s ease forwards}.blog-navigation{display:flex;justify-content:center;margin-bottom:30px;gap:20px;flex-wrap:wrap}.blog-nav-link{padding:12px 24px;text-decoration:none;font-weight:700;color:#fff;background-color:#bc727f;border-radius:30px;transition:all .3s ease;border-bottom:2px solid transparent}.blog-nav-link:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.blog-nav-link.active{text-decoration:underline}h1.blog-title{width:100%;text-align:center;margin:20px 0 0;font-size:4em;font-weight:700}@media screen and (max-width:768px){.blog-navigation{gap:10px}.blog-nav-link{padding:10px 16px;font-size:14px}h1.blog-title{width:100%;text-align:center;margin:20px 0 0;font-size:3em;font-weight:700}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/custom-blog-layout.css.map */