.blog-listing{background:#fff;padding:80px 0}.blog-listing__container{margin:0 auto;max-width:1200px;padding:0 20px}.blog-listing__search{margin:0 auto 60px;max-width:600px}.blog-listing__search-form{width:100%}.blog-listing__search-label{color:#1a1a1a;display:block;font-size:16px;font-weight:600;margin-bottom:16px;text-align:center}.blog-listing__search-wrapper{position:relative}.blog-listing__search-input{background:#fff;border:2px solid #e0e0e0;border-radius:50px;color:#1a1a1a;font-size:16px;outline:none;padding:16px 120px 16px 24px;transition:all .3s ease;width:100%}.blog-listing__search-input::placeholder{color:#999}.blog-listing__search-input:hover{border-color:silver}.blog-listing__search-input:focus{border-color:#a02767;box-shadow:0 0 0 3px rgba(160,39,103,.1)}.blog-listing__search-button{align-items:center;background:#a02767;border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:40px;justify-content:center;padding:0 20px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease;white-space:nowrap}.blog-listing__search-button svg{flex-shrink:0}.blog-listing__search-button-text{line-height:1}.blog-listing__search-button:hover{background:#8a1f58;transform:translateY(-50%) scale(1.05)}.blog-listing__search-button:active{transform:translateY(-50%) scale(.95)}.blog-listing__grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fill,289px);justify-content:center;margin-bottom:60px}.blog-card{background:#fff;border:.2px solid #e2e2e2;border-radius:10px;box-shadow:0 11px 30px 0 #9aa1b133;display:flex;flex-direction:column;height:360px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:289px}.blog-card:hover{box-shadow:0 15px 40px 0 #9aa1b14d;transform:translateY(-4px)}.blog-card__link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.blog-card__image-wrapper{background:#f0f0f0;flex-shrink:0;height:231px;overflow:hidden;position:relative;width:289px}.blog-card__image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.blog-card__content{display:flex;flex:1;flex-direction:column;gap:12px;padding:24px}.blog-card__category{color:#a02767;font-size:12px;font-weight:700;letter-spacing:.5px}.blog-card__title{color:#1a1a1a;font-size:18px;font-weight:600;line-height:1.4;margin:0}.blog-card__excerpt{color:#666;font-size:14px;line-height:1.6;margin:0}.blog-card__date{color:#999;font-size:13px;margin-top:auto}.blog-listing__no-posts{color:#666;font-size:16px;padding:80px 20px;text-align:center}.blog-listing__pagination{display:flex;justify-content:center;margin-top:40px}.pagination{gap:8px}.pagination,.pagination__link{align-items:center;display:flex}.pagination__link{border:1px solid #e0e0e0;border-radius:8px;color:#333;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:0 12px;text-decoration:none;transition:all .2s ease}.pagination__link:hover:not(.pagination__link--disabled):not(.pagination__link--active){background:#f5f5f5;border-color:#a02767;color:#a02767}.pagination__link--active{background:#a02767;border-color:#a02767;color:#fff}.pagination__link--disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.pagination__ellipsis{color:#999;padding:0 8px}@media screen and (max-width:1280px){.blog-listing__grid{grid-template-columns:repeat(auto-fill,289px)}}@media screen and (max-width:768px){.blog-listing__grid{gap:24px;grid-template-columns:repeat(auto-fill,289px)}.blog-listing__search{margin-bottom:40px}}@media screen and (max-width:640px){.blog-listing{padding:40px 0}.blog-listing__grid{grid-template-columns:289px;justify-content:center}.blog-card{margin:0 auto}}