.blog-listing-hero{display:flex;align-items:center;justify-content:center;padding:60px 16px;background:linear-gradient(to right,rgb(255 120 0 / .05) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 120 0 / .05) 1px,transparent 1px);background-size:80px 80px}.blog-hero-container{text-align:center;max-width:900px}.blog-hero-title{font-size:clamp(64px, 10vw, 160px);font-weight:700;letter-spacing:6px;color:#fff0;-webkit-text-stroke:2px #444;margin-bottom:20px}.blog-hero-title span{color:#ff6a00;-webkit-text-stroke:0}.blog-hero-description{color:#333;margin:20px 0;font-weight:600;text-align:center;font-size:28px;text-transform:none}.blog-search-bar{display:flex;align-items:center;max-width:400px;height:42px;margin:0 auto 30px;border:1px solid #ddd;border-radius:10px;background:#fff;overflow:hidden;padding:5px}.blog-search-bar svg{margin:0 0 0 0;width:20px}.blog-search-input{flex:1;border:none;color:#B2B2B2;outline:none;padding:14px 10px;font-size:14px;width:90%}.blog-search-btn{background:var(--color-primary);color:#fff;border:none;border-radius:5px;padding:6px 8px;font-size:14px;cursor:pointer;font-weight:500;width:120px}.blog-search-btn:hover{background:var(--color-primary)}.blog-hero-socials{display:flex;justify-content:center;gap:14px}.blog-social-link{width:36px;height:36px;background:#FFFAF5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform 0.2s ease}.blog-social-link svg{width:20px;height:20px}.blog-card-wrapper{border:1px solid #fff0;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,#FFFFFF 0%,#7A7A7A 100%) border-box;border-radius:12px}.blog-listing-section{padding-top:40px}#blogResults a{color:var(--color-text)}.blog-card{margin:1rem 0;text-align:left;display:none}.blog-card a{color:var(--color-text)}.image-wrap.light{background:#e6e6e6}.image-wrap{border-radius:14px;overflow:hidden;max-height:210px}.blog-card .tag{display:inline-block;background:#88888821;color:var(--color-primary);font-size:12px;padding:4px 10px;border-radius:6px;margin-bottom:10px;font-weight:600}.blog-card h4{min-height:116px;font-weight:600;margin-bottom:10px;line-height:1.4}.blog-card .desc{font-size:14px;color:#666;line-height:1.6;margin-bottom:16px}.blog-card .meta{display:flex;justify-content:space-between;align-items:center;width:100%}.blog-card .author{display:flex;align-items:center;gap:8px}.author img{width:24px!important;height:24px;border-radius:50%}.author span{font-weight:600}.blog-card .date{font-size:12px;color:#96969E;margin-left:12px}.button-wrap{text-align:center;padding:1rem 0}.button-wrap #load-more{font-size:12px;font-weight:600;padding:10px 6px;width:300px;border-radius:10px;background-color:var(--color-primary);color:#fff;transition:all 5s ease;text-transform:uppercase}.blog-filter-btn{position:fixed;right:0;top:50%;transform:translateY(-50%);background:var(--color-primary);border:none;border-radius:10px 0 0 10px;width:40px;height:106px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}.blog-filter-btn span{display:block;color:#fff}.blog-filter-btn{padding:0}.blog-filter-btn{overflow:hidden}.blog-filter-btn{transform:translateY(-50%)}.blog-filter-btn .filter-text{transform:rotate(-90deg);font-size:16px;font-weight:500;padding:8px 0}.blog-filter-btn .filter-icon svg{transform:rotate(0deg);font-size:18px}.blog-filter-panel{width:360px;background:#fff;position:fixed;top:50%;transform:translateY(-50%);right:-360px;height:100%;max-height:820px;border-radius:10px 0 0 10px;box-shadow:-6px 0 20px rgb(0 0 0 / .1);overflow-y:auto;transition:right 0.35s ease;z-index:9999}.blog-filter-panel.active{right:0}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.filter-header h3{color:var(--color-primary);font-size:18px;font-weight:500;margin-bottom:0}.filter-close{background:none;border:none;font-size:28px;font-weight:300;cursor:pointer}.filter-search{padding:0 20px 20px}.filter-search-bar{width:100%;padding:0 14px;border-radius:6px;border:1px solid #33333370;font-size:14px;display:flex;height:36px;align-items:center}.filter-search-input{border:none;flex:1;height:32px;padding-left:10px}.filter-search input::placeholder{color:#B2B2B2;opacity:1}input:focus-visible{outline:none}.filter-section{margin-bottom:20px}.filter-title{background:#fff7ef;padding:10px 20px;font-size:16px;font-weight:600;border-left:4px solid var(--color-primary)}.filter-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:16px 20px}.filter-checkbox{font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer}.filter-checkbox input{display:none}.checkmark{width:16px;height:16px;border:1.5px solid #bbb;border-radius:4px;position:relative}.filter-checkbox input:checked+.checkmark{background:var(--color-primary);border-color:var(--color-primary)}.filter-checkbox input:checked+.checkmark::after{content:"✓";position:absolute;color:#fff;font-size:12px;top:-2px;left:2px}.filter-tags{padding:16px 20px;display:flex;flex-wrap:wrap;gap:12px}.filter-tag{padding:6px 14px;border-radius:20px;border:none;background:#fff;font-size:13px;font-weight:500;cursor:pointer;position:relative}.filter-tag::after{content:'';background:linear-gradient(180deg,#FFFFFF 0%,#999999 100%);position:absolute;left:0;bottom:-1px;height:100%;width:100%;border-radius:20px;z-index:-1}.filter-tag.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-tag.active::after{background:none!important}.recent-post{padding:14px 20px}.recent-post a{color:var(--color-text);display:flex;gap:12px}.recent-post img{width:80px;height:60px;border-radius:6px;object-fit:cover}.recent-post-content p{font-size:14px;font-weight:600;margin-bottom:6px}.recent-post-meta{display:flex;justify-content:space-between;font-size:12px}.post-tag{background:#fff0e8;color:var(--color-primary);padding:2px 8px;border-radius:6px;font-weight:600}.post-date{color:#999}@media(max-width:768px){.blog-hero-description{font-size:16px}}@media(max-width:400px){.blog-search-bar{max-width:310px}.blog-search-btn{max-width:100px;width:100%}}