body.blog-page-active .main-header{background-color:var(--color-white)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid #e0e0e0!important}:root{--main-header-height: 80px}.blog-page{padding-top:60px;padding-bottom:80px;background-color:var(--color-light-grey)}.blog-container{max-width:98%;margin:0 auto;padding-left:var(--padding-desktop-x);padding-right:var(--padding-desktop-x)}.blog-header{text-align:center;margin-bottom:30px}.blog-header h1{font-size:clamp(2.2rem,5vw,3.5rem);color:var(--color-primary);margin:2rem}.blog-header p{font-size:.95rem;color:#555;max-width:600px;margin:0 auto;line-height:1.6}.blog-controls-wrapper{position:sticky;top:var(--main-header-height);z-index:10;background-color:var(--color-light-grey);padding:15px 0;margin-bottom:30px;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.blog-controls-wrapper.stuck{border-bottom-color:#e0e0e0}.controls-top-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.search-wrapper{position:relative;flex-grow:1;min-width:200px;max-width:280px}#blog-search-input{width:100%;padding:10px 40px 10px 15px;font-size:.9rem;border:1px solid #ccc;border-radius:20px;background-color:var(--color-white);transition:all var(--transition-fast)}#blog-search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #b08d5b33}.search-wrapper .search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.search-suggestions{display:none;position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:var(--color-white);border:1px solid #e0e0e0;border-radius:8px;box-shadow:var(--shadow-medium);z-index:20;max-height:250px;overflow-y:auto}.search-suggestions.active{display:block}.search-suggestions::-webkit-scrollbar{width:6px}.search-suggestions::-webkit-scrollbar-track{background:transparent}.search-suggestions::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:6px}.search-suggestions::-webkit-scrollbar-thumb:hover{background-color:#aaa}.suggestion-item{padding:12px 15px;cursor:pointer;font-size:.9rem;transition:background-color var(--transition-fast);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-light-grey)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.highlighted{background-color:var(--color-light-grey);color:var(--color-accent)}.suggestion-item-name{font-weight:500}.suggestion-item-category{font-size:.75rem;color:#666;background-color:#f0f0f0;padding:2px 8px;border-radius:12px;text-transform:capitalize}.category-filters{display:flex;gap:10px;flex-grow:1;justify-content:center}.category-btn{flex-shrink:0;padding:8px 18px;border-radius:20px;border:1px solid #ddd;background-color:var(--color-white);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.category-btn:hover{background-color:#e9e9e9;border-color:silver}.category-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.view-switcher{display:flex;gap:10px}.view-btn{border:1px solid #ccc;background-color:var(--color-white);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:1.2rem;color:#555;transition:all var(--transition-fast);line-height:1}.view-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.view-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.filter-btn{display:none;border:1px solid #ccc;background-color:var(--color-white);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:1.2rem;color:#555;transition:all var(--transition-fast);line-height:1}.filter-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.blog-filter-sidebar{position:fixed;top:0;right:0;width:300px;max-width:80vw;height:100vh;background-color:var(--color-white);box-shadow:-5px 0 15px #00000026;z-index:1050;display:flex;flex-direction:column;padding:20px;overflow-y:auto;transform:translate(100%);transition:transform .4s cubic-bezier(.65,.05,.36,1)}.blog-filter-sidebar.is-open{transform:translate(0)}.blog-filter-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e0e0e0}.blog-filter-sidebar .sidebar-header h4{font-family:var(--font-heading);font-size:1.4rem;margin:0}.blog-filter-sidebar .close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--color-primary);padding:5px}.sidebar-category-filters .category-btn{display:block;width:100%;text-align:left;padding:12px 15px;margin-bottom:10px;border-radius:6px;font-size:1rem}.sidebar-category-filters .category-btn.active{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.blog-filter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1040;opacity:0;visibility:hidden;transition:opacity var(--transition-speed) ease-out,visibility var(--transition-speed)}.blog-filter-overlay.is-visible{opacity:1;visibility:visible}.blog-grid{display:grid;gap:30px}.blog-card{text-decoration:none;color:inherit;background-color:var(--color-white);border-radius:8px;box-shadow:var(--shadow-subtle);overflow:hidden;transition:transform var(--transition-speed),box-shadow var(--transition-speed),flex-direction var(--transition-speed);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium)}.blog-card .card-image-wrapper{position:relative;width:100%;height:200px;overflow:hidden;flex-shrink:0;transition:width var(--transition-speed),height var(--transition-speed)}.blog-card .card-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out}.blog-card:hover .card-image{transform:scale(1.05)}.blog-card .card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.blog-card .card-category{font-family:var(--font-alt);font-size:.7rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-bottom:0}.blog-card .card-title{font-family:var(--font-heading);font-size:1.25rem;line-height:1.3;color:var(--color-primary);margin-bottom:12px}.blog-card .card-excerpt{font-size:.9rem;line-height:1.6;color:#555;flex-grow:1;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-card .card-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-top:15px;border-top:1px solid #e5e5e5;font-size:.8rem;color:#777;font-family:var(--font-alt)}.blog-card .card-author,.blog-card .card-date{display:flex;align-items:center;gap:6px}.blog-card .card-meta i{font-size:1rem;color:#999}.blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}@media(min-width:1024px){.blog-controls-wrapper{display:flex;align-items:center;justify-content:space-between;gap:20px}}@media(min-width:1024px)and (max-width:1439px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:30px}}@media(min-width:1440px){.blog-grid{grid-template-columns:repeat(4,1fr);gap:30px}}.blog-grid.list-view{grid-template-columns:1fr;gap:25px}.blog-grid.list-view .blog-card{flex-direction:row;align-items:stretch}.blog-grid.list-view .card-image-wrapper{width:40%;height:auto}.blog-grid.list-view .card-content{padding:25px}@media(max-width:1023px){.blog-container{max-width:97%;padding-left:0;padding-right:0}.blog-controls-wrapper{display:flex;flex-direction:column;gap:15px;align-items:stretch}.controls-top-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.search-wrapper{flex-grow:1;max-width:none}.view-switcher,.category-filters{display:none}.filter-btn{display:block}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-grid .blog-card{flex-direction:row;align-items:center}.blog-grid .card-image-wrapper{width:120px;flex-shrink:0}.blog-grid .card-image{height:100%}.blog-grid .card-content{padding:15px}.blog-grid .card-title{font-size:1.1rem;line-height:1.3;margin-bottom:8px}.blog-grid .card-excerpt{font-size:.85rem;-webkit-line-clamp:2;margin-bottom:10px}.blog-grid .card-meta{padding-top:10px;font-size:.75rem}}@media(max-width:599px){.blog-page{padding-top:40px;padding-bottom:60px}.blog-header{margin-bottom:15px}.blog-header h1{font-size:1.375rem;margin:1rem .5rem}.blog-header p{font-size:.85rem;padding:0 .5rem}.blog-controls-wrapper{padding:10px 0;margin-bottom:20px}#blog-search-input{font-size:.85rem;padding:8px 35px 8px 12px}.blog-grid{gap:15px}.blog-grid .blog-card{min-height:110px}.blog-grid .card-image-wrapper{width:100px;height:auto;min-height:110px}.blog-grid .card-content{padding:10px 12px}.blog-grid .card-category{font-size:.65rem;margin-bottom:6px}.blog-grid .card-title{font-size:.95rem;line-height:1.35;margin-bottom:6px}.blog-grid .card-excerpt{font-size:.8rem;line-height:1.5;-webkit-line-clamp:2;margin-bottom:8px}.blog-grid .card-meta{padding-top:8px;font-size:.7rem;gap:8px}.blog-grid .card-meta i{font-size:.85rem}}@media screen and (min-width:1024px)and (max-width:1199px){.blog-container{max-width:98%!important}}@media screen and (min-width:1200px)and (max-width:1439px){.blog-container{max-width:1200px!important}}@media screen and (min-width:1440px){.blog-container{max-width:1600px!important}}