.blog-filter-bar {display: grid;grid-template-columns: repeat(2, 1fr);gap: 28px;margin-bottom: 40px;}.blog-filter-field {min-width: 0;}.blog-filter-bar .blog-filter-label {display: block;margin: 0 0 10px;padding: 0;font-family: "DM Sans", Sans-serif;font-size: 17px;font-weight: 600;line-height: 1.4;vertical-align: baseline;color: #1f2a37;}.blog-search-box {position: relative;}.blog-filter-bar .blog-search-input {width: 100%;height: 48px;margin: 0;padding: 0 48px 0 18px;border: 1px solid #dfe3e8;border-radius: 8px;background: #fff;box-shadow: none;font-family: "DM Sans", Sans-serif;font-size: 15px;color: #263a4f;box-sizing: border-box;outline: none;transition: border-color 0.2s ease, box-shadow 0.2s ease;}.blog-filter-bar .blog-search-input::placeholder {color: #8a94a0;}.blog-filter-bar .blog-search-input:focus {border-color: #00bfa6;box-shadow: 0 0 0 3px rgba(0, 191, 166, 0.12);}.blog-filter-bar .blog-search-input::-webkit-search-cancel-button {cursor: pointer;}.blog-search-icon {position: absolute;top: 50%;right: 16px;transform: translateY(-50%);color: #8a94a0;pointer-events: none;}.blog-cat-dropdown {position: relative;}.blog-filter-bar .blog-cat-toggle {display: flex;align-items: center;justify-content: space-between;gap: 12px;width: 100%;height: 48px;margin: 0;padding: 0 22px 0 18px;border: 1px solid #dfe3e8;border-radius: 8px;background: #fff;color: #263a4f;font-family: "DM Sans", Sans-serif;font-size: 15px;font-weight: 400;text-align: left;cursor: pointer;transition: border-color 0.2s ease, box-shadow 0.2s ease;}.blog-filter-bar .blog-cat-toggle:hover, .blog-filter-bar .blog-cat-toggle:focus, .blog-filter-bar .blog-cat-toggle:focus-visible {background: #fff;color: #263a4f;}.blog-filter-bar .blog-cat-toggle:focus-visible, .blog-cat-dropdown.is-open .blog-cat-toggle {border-color: #00bfa6;outline: none;}.blog-cat-value {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.blog-cat-chevron {flex-shrink: 0;transition: transform 0.25s ease;}.blog-cat-dropdown.is-open .blog-cat-chevron {transform: rotate(180deg);}.blog-cat-options {position: absolute;top: calc(100% + 6px);left: 0;right: 0;z-index: 20;max-height: 280px;overflow-y: auto;margin: 0;padding: 8px;list-style: none;border: 1px solid #e6ebef;border-radius: 8px;background: #fff;box-shadow: 0 10px 30px rgba(38, 58, 79, 0.12);opacity: 0;visibility: hidden;transform: translateY(-6px);transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;}.blog-cat-dropdown.is-open .blog-cat-options {opacity: 1;visibility: visible;transform: translateY(0);}.blog-cat-option {padding: 11px 12px;border-radius: 6px;font-family: "DM Sans", Sans-serif;font-size: 15px;color: #263a4f;cursor: pointer;transition: background 0.15s ease;}.blog-cat-option:hover, .blog-cat-option.is-active {background: #f1f4f9;}.blog-cat-option.is-selected {background: #e7ecf5;}.blog-card-section.is-filtering .blog-card-wrapper.hidden-card {display: block;}.blog-card-section .blog-card-wrapper.filter-hide {display: none !important;}.blog-card-section.is-filtering .blog-loadmore-wrap {display: none !important;}.blog-no-results {margin: 10px 0 0;padding: 40px 20px;border: 1px dashed #dfe3e8;border-radius: 10px;text-align: center;font-family: "DM Sans", Sans-serif;font-size: 17px;color: #4b5964;}.blog-no-results[hidden] {display: none;}@media (max-width: 768px) {.blog-filter-bar {grid-template-columns: 1fr;gap: 18px;margin-bottom: 28px;}.blog-filter-bar .blog-filter-label {font-size: 15px;margin-bottom: 8px;}}