.blog-banner{position:relative;min-height:clamp(420px,62vh,620px);display:flex;align-items:center;padding:96px 6% 72px;font-family:Poppins,system-ui,sans-serif;overflow:hidden}.blog-banner:before{content:"";position:absolute;inset:0;background:url(/uploads/2026/05/SNS_5956.webp) center/cover no-repeat;z-index:0}.blog-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#020617e0,#0206178c 58%,#02061726);z-index:1}.blog-banner .blog-content{position:relative;z-index:2;max-width:760px;color:#fff}.blog-banner .blog-content small{letter-spacing:3px;color:#f3c67a;font-weight:700;text-transform:uppercase}.blog-banner .blog-content h1{color:#fff;font-size:clamp(34px,5vw,58px);margin:12px 0 14px;font-weight:650;line-height:1.08;letter-spacing:-.03em}.blog-banner .blog-content p{max-width:620px;margin:0;color:#ffffffd1;font-size:17px;line-height:1.65}.blog-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;color:#ffffffdb;font-size:13px;font-weight:600}.blog-stats span{border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:7px 11px;background:#ffffff14;backdrop-filter:blur(8px)}.blog-stats strong{color:#fff}.blog-section{background:#f8fafc;padding:72px 4%;font-family:Poppins,system-ui,sans-serif}.blog-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1240px;margin:0 auto}.blog-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 auto 14px;max-width:1160px}.blog-lang-filters{margin-bottom:18px}.blog-tools{max-width:920px;margin:0 auto 34px;display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px;align-items:end}.blog-search-wrap{display:grid;gap:6px}.blog-search-label{color:#475569;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.blog-search{width:100%;box-sizing:border-box;min-height:48px;border:1px solid #dbe2ea;border-radius:12px;background:#fff;color:#1e293b;padding:12px 16px;font:inherit;font-size:15px;box-shadow:0 4px 14px #0f172a0a}.blog-search:focus{border-color:#c89b4f;outline:3px solid rgba(200,155,79,.18);outline-offset:1px}.blog-results-status{margin:0;color:#64748b;font-size:14px;font-weight:600;white-space:nowrap}.blog-empty{max-width:720px;margin:0 auto 28px;padding:28px;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;text-align:center;color:#475569}.blog-empty h2{margin:0 0 8px;color:#1e293b;font-size:22px}.blog-empty p{margin:0}.blog-filters input[type=radio]{position:absolute;opacity:0;pointer-events:none}.blog-section>input[type=radio]{position:absolute;opacity:0;pointer-events:none}.blog-filters label{display:inline-flex;padding:10px 22px;cursor:pointer;border:1.5px solid #e6ded2;background:#fff;border-radius:50px;font-size:12.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#8a857a;transition:.3s ease}.blog-filters label:hover{border-color:#b08d57;color:#8b4513}.blog-filters input[type=radio]:checked+label{background:#8b4513;color:#fff;border-color:#8b4513;box-shadow:0 6px 14px #8b45132e}.blog-filters input[type=radio]:focus-visible+label{outline:2px solid #c89b4f;outline-offset:2px}#bf-all:checked~.blog-container .blog-card{display:flex}#bf-travel-guide:checked~.blog-container .blog-card[data-tags~=travel-guide],#bf-must-visit:checked~.blog-container .blog-card[data-tags~=must-visit],#bf-best-time:checked~.blog-container .blog-card[data-tags~=best-time],#bf-indore:checked~.blog-container .blog-card[data-tags~=indore],#bf-saawan:checked~.blog-container .blog-card[data-tags~=saawan],#bf-news:checked~.blog-container .blog-card[data-tags~=news]{display:flex}#bf-travel-guide:checked~.blog-container .blog-card:not([data-tags~=travel-guide]),#bf-must-visit:checked~.blog-container .blog-card:not([data-tags~=must-visit]),#bf-best-time:checked~.blog-container .blog-card:not([data-tags~=best-time]),#bf-indore:checked~.blog-container .blog-card:not([data-tags~=indore]),#bf-saawan:checked~.blog-container .blog-card:not([data-tags~=saawan]),#bf-news:checked~.blog-container .blog-card:not([data-tags~=news]){display:none}#bl-en:checked~.blog-container .blog-card:not([data-lang=en]){display:none}#bl-hi:checked~.blog-container .blog-card:not([data-lang=hi]){display:none}#bl-gu:checked~.blog-container .blog-card:not([data-lang=gu]){display:none}.blog-section:has(#bf-all:checked) .blog-filters label[for=bf-all],.blog-section:has(#bf-travel-guide:checked) .blog-filters label[for=bf-travel-guide],.blog-section:has(#bf-must-visit:checked) .blog-filters label[for=bf-must-visit],.blog-section:has(#bf-best-time:checked) .blog-filters label[for=bf-best-time],.blog-section:has(#bf-indore:checked) .blog-filters label[for=bf-indore],.blog-section:has(#bf-saawan:checked) .blog-filters label[for=bf-saawan],.blog-section:has(#bf-news:checked) .blog-filters label[for=bf-news],.blog-section:has(#bl-all:checked) .blog-lang-filters label[for=bl-all],.blog-section:has(#bl-en:checked) .blog-lang-filters label[for=bl-en],.blog-section:has(#bl-hi:checked) .blog-lang-filters label[for=bl-hi],.blog-section:has(#bl-gu:checked) .blog-lang-filters label[for=bl-gu]{background:#8b4513;color:#fff;border-color:#8b4513;box-shadow:0 6px 14px #8b45132e}.blog-container .blog-card.beyond{display:none!important}.blog-load-more-wrap{display:flex;justify-content:center;margin-top:40px}.blog-load-more{padding:12px 34px;cursor:pointer;border:1.5px solid #8B4513;background:#8b4513;color:#fff;border-radius:50px;font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;transition:.3s ease}.blog-load-more:hover{background:#fff;color:#8b4513}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;display:flex;flex-direction:column;height:100%;box-shadow:0 3px 12px #0f172a0a}.blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #0f172a1f;border-color:#d8c5a2}.blog-card:focus-within{border-color:#c89b4f;box-shadow:0 0 0 3px #c89b4f2e}.blog-card .blog-card-link{position:relative;display:block;line-height:0;overflow:hidden;background:#e2e8f0}.blog-card img{width:100%;height:15rem;object-fit:cover;transition:transform .5s ease}.blog-card:hover img{transform:scale(1.05)}.blog-card-badge{position:absolute;left:14px;top:14px;border-radius:999px;background:#0f172adb;color:#fff;padding:6px 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}.blog-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:#64748b;font-size:12px;font-weight:600;margin-bottom:12px}.blog-language-badge{border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:3px 7px;color:#475569}.blog-card-title{margin:0 0 10px;color:#1e293b;font-size:20px;line-height:1.32;font-weight:700}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:#8b4513;text-decoration:underline;text-underline-offset:3px}.blog-card-excerpt{color:#64748b;line-height:1.65;font-size:14.5px;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-link{margin-top:auto;display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#8a641c;font-weight:700;font-size:14px}.blog-link:hover{color:#1e293b;text-decoration:underline;text-underline-offset:3px}@media (max-width: 992px){.blog-container{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-tools{grid-template-columns:1fr}.blog-results-status{white-space:normal}}@media (max-width: 768px){.blog-banner{min-height:auto;padding:88px 6% 64px}.blog-banner .blog-content h1{font-size:34px}.blog-banner .blog-content p{font-size:15px}.blog-container{grid-template-columns:1fr}.blog-section{padding:56px 5%}.blog-card img{height:220px}.blog-filters{justify-content:flex-start}.blog-filters label{padding:9px 15px;font-size:11.5px}}@media (prefers-reduced-motion: reduce){.blog-card,.blog-card img,.blog-load-more{transition:none}.blog-card:hover{transform:none}}
