/* ===== Mukarram Botirova Blog — ana sayfa tasarım dili (style.css token'ları) ===== */
/* style.css'ten gelen değişkenler: --accent-rose, --accent-gold, --primary-glow,
   --bg-main, --bg-dark, --text-primary/secondary/muted, --font-heading/body,
   --radius-md/lg/xl/full, --shadow-soft, --border-glass */

.blg-main{max-width:1140px;margin:0 auto;padding:0 6vw}

/* Üst menü */
.blg-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;
 padding:18px 6vw;background:rgba(250,250,250,.85);backdrop-filter:blur(14px);border-bottom:var(--border-glass)}
.blg-logo{font-family:var(--font-heading);font-weight:800;font-size:1.4rem;color:var(--text-primary);letter-spacing:-.01em}
.blg-logo span{color:var(--accent-rose)}
.blg-links{display:flex;align-items:center;gap:28px}
.blg-links a{color:var(--text-secondary);font-weight:600;font-size:.95rem;font-family:var(--font-body);transition:color var(--transition-fast)}
.blg-links a.active,.blg-links a:hover{color:var(--accent-rose)}
.blg-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem;
 font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;
 background:var(--primary-glow);color:#fff !important;padding:.85rem 1.8rem;border-radius:var(--radius-full);
 font-weight:700;font-size:.82rem;box-shadow:0 10px 26px -8px rgba(201,122,131,.5);transition:all var(--transition-smooth)}
.blg-cta:hover{transform:translateY(-3px);box-shadow:0 16px 34px -8px rgba(201,122,131,.6)}
.blg-cta::after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;
 background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);transition:left .7s}
.blg-cta:hover::after{left:150%}

/* Hero */
.blg-hero{text-align:center;padding:70px 0 40px}
.blg-kicker{display:inline-block;color:var(--accent-rose);font-weight:700;letter-spacing:.18em;font-size:.78rem;margin-bottom:16px;font-family:var(--font-heading);text-transform:uppercase}
.blg-hero h1{font-family:var(--font-heading);font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;letter-spacing:-.02em;margin:0 0 16px;line-height:1.12;color:var(--text-primary)}
.blg-hero p{color:var(--text-secondary);font-size:1.12rem;max-width:640px;margin:0 auto;font-family:var(--font-body);line-height:1.6}

/* Kart grid */
.blg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding-bottom:64px}
.blg-card{background:#fff;border:var(--border-glass);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;
 transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);box-shadow:var(--shadow-soft)}
.blg-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px -12px rgba(201,122,131,.22)}
.blg-card.feat{grid-column:1/-1;flex-direction:row}
.blg-card.feat .blg-card-img{flex:1.1;min-height:320px}
.blg-card.feat .blg-card-body{flex:1;justify-content:center}
.blg-card-img{display:block;height:220px;background-size:cover;background-position:center}
.blg-card-body{padding:26px 28px;display:flex;flex-direction:column;gap:11px}
.blg-card-body time{color:var(--accent-rose);font-weight:700;font-size:.78rem;letter-spacing:.06em;font-family:var(--font-body);text-transform:uppercase}
.blg-card-body h2{font-family:var(--font-heading);font-size:1.45rem;font-weight:700;line-height:1.25;margin:0;letter-spacing:-.01em}
.blg-card-body h2 a{color:var(--text-primary)}
.blg-card-body h2 a:hover{color:var(--accent-rose)}
.blg-card-body p{color:var(--text-secondary);font-size:.95rem;margin:0;font-family:var(--font-body);line-height:1.6}
.blg-read{font-family:var(--font-heading);font-weight:700;font-size:.88rem;color:var(--accent-rose);margin-top:4px;letter-spacing:.02em}
.blg-read:hover{color:var(--accent-magenta)}
.blg-empty{grid-column:1/-1;text-align:center;color:var(--text-muted);padding:64px 0;font-family:var(--font-body)}

/* Makale */
.blg-preview-bar{position:sticky;top:0;z-index:40;background:var(--gold-gradient);color:#5a4416;text-align:center;padding:11px;font-weight:700;font-size:.85rem;font-family:var(--font-body)}
.blg-article{max-width:780px;margin:0 auto;padding:40px 0 64px}
.blg-back{font-family:var(--font-heading);font-weight:700;font-size:.9rem;color:var(--accent-rose);letter-spacing:.02em}
.blg-art-head{padding:20px 0 8px}
.blg-art-head time{color:var(--accent-rose);font-weight:700;font-size:.82rem;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase}
.blg-art-head h1{font-family:var(--font-heading);font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.16;margin:10px 0 14px;letter-spacing:-.02em;color:var(--text-primary)}
.blg-lead{font-size:1.2rem;color:var(--text-secondary);font-family:var(--font-body);line-height:1.6}
.blg-cover{height:400px;border-radius:var(--radius-lg);background-size:cover;background-position:center;margin:24px 0 34px;box-shadow:var(--shadow-soft)}
.blg-body{font-size:1.08rem;color:var(--text-secondary);font-family:var(--font-body);line-height:1.8}
.blg-body h2{font-family:var(--font-heading);font-size:1.7rem;font-weight:700;margin:40px 0 16px;line-height:1.25;color:var(--text-primary);letter-spacing:-.01em}
.blg-body h3{font-family:var(--font-heading);font-size:1.32rem;font-weight:700;margin:30px 0 10px;color:var(--text-primary)}
.blg-body p{margin:0 0 20px}
.blg-body ul,.blg-body ol{margin:0 0 22px;padding-left:26px}
.blg-body li{margin-bottom:10px}
.blg-body strong{color:var(--text-primary);font-weight:700}
.blg-body a{color:var(--accent-rose);text-decoration:underline}
.blg-art-cta{margin-top:50px;padding:38px;background:linear-gradient(135deg,#fdf3f4,#fbf7f2);border:var(--border-glass);border-radius:var(--radius-xl);text-align:center}
.blg-art-cta h3{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;margin:0 0 8px;color:var(--text-primary)}
.blg-art-cta p{color:var(--text-secondary);margin:0 0 20px;font-family:var(--font-body)}

/* Footer */
.blg-foot{margin-top:48px;background:var(--bg-dark);color:#c9c5cf}
.blg-foot-in{max-width:1140px;margin:0 auto;padding:50px 6vw 26px;display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap}
.blg-foot .blg-logo{color:#fff}
.blg-foot p{color:#9a96a3;font-size:.92rem;margin:8px 0 0;font-family:var(--font-body)}
.blg-copy{text-align:center;padding:20px;border-top:1px solid rgba(255,255,255,.08);font-size:.85rem;color:#8a8694;font-family:var(--font-body)}
.blg-copy a{color:#c9c5cf}
.blg-copy a:hover{color:var(--accent-gold)}

@media(max-width:760px){
  .blg-grid{grid-template-columns:1fr}
  .blg-card.feat{flex-direction:column}
  .blg-card.feat .blg-card-img{min-height:210px}
  .blg-links{gap:16px}.blg-links a:not(.blg-cta){display:none}
  .blg-cover{height:240px}
}