/* ======================================== */
/* मिनिमाइज़्ड ब्लॉग + बटन CSS */
/* ======================================== */

.blog-section{max-width:1190px;width:100%;margin:0rem auto}
.blog-header{text-align:center;margin-bottom:1rem}
.blog-header h2{font-size:1.75rem;font-weight:600;color:#1a1a2e;margin-bottom:.5rem}
.blog-header p{color:#666;font-size:.95rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin:0 auto}
.blog-card,.blog .card{background:#fff;border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid #eef2f6;box-shadow:0 1px 3px rgba(0,0,0,.03);cursor:pointer;height:100%;display:flex;flex-direction:column}
.blog-card:hover,.blog .card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08);border-color:#e0e6ed}
.blog-card .blogimg,.blog .card .blogimg{width:100%;position:relative;overflow:hidden;background:#f0f2f5}
.blog-card .blogimg img,.blog .card .blogimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.blog-card:hover .blogimg img,.blog .card:hover .blogimg img{transform:scale(1.03)}
.blog-content{padding:1.25rem;flex:1;display:flex;flex-direction:column}
.blog-category{display:inline-block;background:#f0f2f5;color:#666;font-size:.7rem;font-weight:500;padding:.2rem .8rem;border-radius:20px;margin-bottom:.75rem;align-self:flex-start}
.blog-title{font-size:1rem;font-weight:600;color:#1a1a2e;margin-bottom:.5rem;line-height:1.4}
.blog-date{font-size:.7rem;color:#999;margin-bottom:.75rem;display:flex;align-items:center;gap:.3rem}
.blog-short-desc{font-size:.8rem;color:#666;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.read-more{color:#2a3997;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;margin-top:auto}
.read-more:hover{gap:.5rem;color:#1e2a78}

/* इमेज हाइट */
@media (min-width:1024px){.blog-card .blogimg,.blog .card .blogimg{height:220px}}
@media (min-width:768px) and (max-width:1023px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.blog-card .blogimg,.blog .card .blogimg{height:200px}}
@media (max-width:767px){.blog-grid{grid-template-columns:1fr;gap:1.25rem}.blog-card .blogimg,.blog .card .blogimg{height:200px}.blog-header h2{font-size:.7rem !important}}
@media (max-width:480px){.blog-card .blogimg,.blog .card .blogimg{height:140px}.blog-header h2{font-size:.7rem !important} }

/* बटन - ग्लासमोर्फिज्म + सेंटर */
.view-all-btn{text-align:center;margin-top:2.5rem;margin-bottom:.5rem;width:100%}
.view-all-btn button{background:#0071e3;border:none;border-radius:3rem;box-shadow:0 4px 12px rgba(0,0,0,.05);color:#fff;font-size:.9rem;font-weight:600;padding:.8rem 2.2rem;min-width:180px;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}
.view-all-btn button i{font-size:.8rem;transition:transform .25s ease}
.view-all-btn button:hover{background:#005bb5;transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.1)}
.view-all-btn button:hover i{transform:translateX(4px)}
.view-all-btn button:active{transform:translateY(1px)}
.view-all-btn button::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}
.view-all-btn button:active::after{width:200%;height:200%}

/* मोबाइल रिस्पॉन्सिव */
@media (max-width:768px){.view-all-btn{margin-top:1.8rem}.view-all-btn button{padding:.6rem 1.6rem;font-size:.8rem;min-width:150px}.view-all-btn button i{font-size:.7rem}}
@media (max-width:480px){.view-all-btn{margin-top:1.5rem}.view-all-btn button{padding:.5rem 1.4rem;font-size:.75rem;min-width:130px}}