/* Sugabi Clinic — blog index page styles */
.blog-hero{background:linear-gradient(120deg,#f6f4fe 0%,#fdf3f7 100%);padding:4rem 0 3.5rem;}
.blog-hero h1{font-size:clamp(1.7rem,3.4vw,2.5rem);max-width:52rem;}
.blog-hero p{color:var(--sg-muted);max-width:40rem;}
.cat-pills{display:flex;flex-wrap:wrap;gap:.6rem;}
.cat-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.15rem;border-radius:50rem;background:#fff;border:1.5px solid rgba(94,23,235,.25);color:var(--sg-purple);font-weight:600;font-size:.85rem;text-decoration:none;transition:all .25s ease;}
.cat-pill:hover{background:var(--sg-purple);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(94,23,235,.2);}
.cat-pill .count{background:rgba(94,23,235,.1);border-radius:50rem;padding:.05rem .55rem;font-size:.75rem;}
.cat-pill:hover .count{background:rgba(255,255,255,.25);color:#fff;}
/* Hero featured grid (big feature + 4 minis) */
.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1.25rem;}
.hero-feat{position:relative;border-radius:1.5rem;overflow:hidden;min-height:420px;display:flex;align-items:flex-end;box-shadow:0 10px 36px rgba(0,35,82,.12);}
.hero-feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.hero-feat:hover img{transform:scale(1.04);}
.hero-feat .hero-feat-body{position:relative;z-index:1;padding:2rem 2.25rem;width:100%;background:linear-gradient(to top,rgba(20,6,48,.88) 0%,rgba(20,6,48,.45) 60%,transparent 100%);color:#fff;display:flex;flex-direction:column;gap:.6rem;}
.hero-feat h2{color:#fff;font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.4;margin:0;}
.hero-feat h2 a{color:#fff;text-decoration:none;}
.hero-feat h2 a:hover{color:#e6d9ff;}
.hero-feat .post-meta,.hero-feat .post-meta span{color:rgba(255,255,255,.8);}
.hero-minis{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.25rem;}
.hero-mini{position:relative;border-radius:1.15rem;overflow:hidden;min-height:196px;display:flex;align-items:flex-end;box-shadow:0 6px 20px rgba(0,35,82,.1);}
.hero-mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.hero-mini:hover img{transform:scale(1.06);}
.hero-mini .hero-mini-body{position:relative;z-index:1;padding:1rem 1.15rem;width:100%;background:linear-gradient(to top,rgba(20,6,48,.9) 0%,rgba(20,6,48,.4) 65%,transparent 100%);}
.hero-mini h3{font-size:.85rem;line-height:1.45;margin:.3rem 0 0;font-weight:600;}
.hero-mini h3 a{color:#fff;text-decoration:none;}
.hero-mini h3 a:hover{color:#e6d9ff;}
.hero-mini time{font-size:.7rem;color:rgba(255,255,255,.75);}
@media (max-width:991px){.hero-grid{grid-template-columns:1fr;}.hero-feat{min-height:340px;}}
@media (max-width:575px){.hero-minis{grid-template-columns:1fr;}.hero-mini{min-height:160px;}}
/* Post cards */
.post-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:1.25rem;overflow:hidden;box-shadow:0 6px 24px rgba(0,35,82,.08);transition:transform .3s ease,box-shadow .3s ease;}
.post-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(94,23,235,.16);}
.post-card img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.post-card .card-body{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem 1.4rem 1.5rem;}
.post-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;font-size:.78rem;color:var(--sg-muted);}
.post-meta .badge-cat{background:var(--sg-bg-soft);color:var(--sg-purple);font-weight:600;border-radius:50rem;padding:.25rem .8rem;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;}
.post-card h3{font-size:1.05rem;line-height:1.5;margin:0;}
.post-card h3 a{color:var(--sg-ink);text-decoration:none;}
.post-card h3 a:hover{color:var(--sg-purple);}
.post-card .read-more{margin-top:auto;font-size:.82rem;font-weight:600;color:var(--sg-purple);text-decoration:none;}
.post-card .read-more:hover{text-decoration:underline;}
/* Category tiles */
.cat-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;}
.cat-tile{position:relative;border-radius:1.15rem;padding:1.6rem 1.2rem;text-align:center;text-decoration:none;font-weight:700;letter-spacing:.06em;font-size:.85rem;color:#fff;background:linear-gradient(135deg,#3D0E9E 0%,#5E17EB 100%);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;gap:.6rem;}
.cat-tile i{font-size:1.6rem;}
.cat-tile:nth-child(2){background:linear-gradient(135deg,#8a1d6b 0%,#c02a8f 100%);}
.cat-tile:nth-child(3){background:linear-gradient(135deg,#1d4a8a 0%,#2a6fc0 100%);}
.cat-tile:nth-child(4){background:linear-gradient(135deg,#0f7a5c 0%,#16a57d 100%);}
.cat-tile:nth-child(5){background:linear-gradient(135deg,#8a4a1d 0%,#c0762a 100%);}
.cat-tile:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,35,82,.22);color:#fff;}
@media (max-width:991px){.cat-tiles{grid-template-columns:repeat(3,1fr);}}
@media (max-width:575px){.cat-tiles{grid-template-columns:repeat(2,1fr);}}
/* Trendy Today numbered list */
.trend-item{display:flex;gap:1.15rem;align-items:flex-start;padding:1.1rem 0;border-bottom:1px solid rgba(0,35,82,.08);}
.trend-item:last-child{border-bottom:0;}
.trend-num{font-size:2rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--sg-purple);flex:0 0 3rem;text-align:center;padding-top:.15rem;}
.trend-item h4{font-size:1rem;line-height:1.5;margin:.25rem 0 0;font-weight:600;}
.trend-item h4 a{color:var(--sg-ink);text-decoration:none;}
.trend-item h4 a:hover{color:var(--sg-purple);}
/* Call band */
.call-band{background:linear-gradient(120deg,#2a0a66 0%,#3D0E9E 55%,#4a11b8 100%);border-radius:1.5rem;color:#fff;padding:2.75rem 3rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;}
.call-band h2{color:#fff;font-size:clamp(1.25rem,2.4vw,1.7rem);margin:0;}
.call-band p{color:rgba(255,255,255,.85);margin:.4rem 0 0;font-size:.95rem;max-width:34rem;}
.call-band .band-actions{display:flex;flex-wrap:wrap;gap:.9rem;}
.btn-light-sg{background:#fff;color:var(--sg-purple-dark);border-radius:50rem;padding:.8rem 2.2rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;}
.btn-light-sg:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.3);color:var(--sg-purple-dark);}
.btn-ghost-light{border:1.5px solid rgba(255,255,255,.6);color:#fff;border-radius:50rem;padding:.8rem 2.2rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;}
.btn-ghost-light:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-3px);}
/* Spotlight feature */
.feat-card{display:grid;grid-template-columns:1.2fr 1fr;background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 36px rgba(0,35,82,.1);}
.feat-card img{width:100%;height:100%;object-fit:cover;min-height:280px;}
.feat-card .feat-body{padding:2.25rem 2.5rem;display:flex;flex-direction:column;gap:1rem;justify-content:center;}
.feat-card h2{font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.4;}
.feat-card h2 a{color:var(--sg-ink);text-decoration:none;}
.feat-card h2 a:hover{color:var(--sg-purple);}
@media (max-width:767px){.feat-card{grid-template-columns:1fr;}.feat-card .feat-body{padding:1.5rem;}}
/* Compact list items (popular / don't miss) */
.pop-item{display:flex;gap:1rem;align-items:center;padding:.9rem 0;border-bottom:1px solid rgba(0,35,82,.08);}
.pop-item:last-child{border-bottom:0;}
.pop-item img{width:92px;height:64px;object-fit:cover;border-radius:.75rem;flex:0 0 auto;}
.pop-item h4{font-size:.92rem;line-height:1.5;margin:0;font-weight:600;}
.pop-item h4 a{color:var(--sg-ink);text-decoration:none;}
.pop-item h4 a:hover{color:var(--sg-purple);}
.pop-item .post-meta{font-size:.72rem;}
/* Subscribe + follow band */
.subscribe-band{background:var(--sg-bg-soft);border-radius:1.5rem;padding:2.75rem 3rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center;}
.subscribe-band h2{font-size:clamp(1.25rem,2.4vw,1.7rem);margin:0 0 .4rem;}
.subscribe-band p{color:var(--sg-muted);font-size:.95rem;margin:0 0 1.25rem;}
.subscribe-form{display:flex;gap:.75rem;flex-wrap:wrap;}
.subscribe-form input{flex:1 1 220px;border:1.5px solid rgba(94,23,235,.25);border-radius:50rem;padding:.75rem 1.4rem;font-size:.9rem;outline:none;}
.subscribe-form input:focus{border-color:var(--sg-purple);box-shadow:0 0 0 3px rgba(94,23,235,.12);}
.follow-btns{display:flex;flex-direction:column;gap:.75rem;}
.follow-btn{display:flex;align-items:center;gap:.85rem;background:#fff;border-radius:1rem;padding:.85rem 1.25rem;text-decoration:none;color:var(--sg-ink);font-weight:600;font-size:.88rem;box-shadow:0 4px 14px rgba(0,35,82,.06);transition:transform .25s ease,box-shadow .25s ease;}
.follow-btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,35,82,.12);color:var(--sg-purple);}
.follow-btn i{font-size:1.25rem;color:var(--sg-purple);}
@media (max-width:767px){.subscribe-band{grid-template-columns:1fr;padding:2rem 1.5rem;}}