.blog-article .article-header{margin-bottom:24px}
.blog-article .article-meta{color:#6c757d;font-size:.95rem;display:flex;gap:12px;margin-bottom:8px}
.blog-article .article-image{width:100%;height:360px;background-size:cover;background-position:center;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.blog-article .lead{font-size:1.1rem;color:#444}
.article-cta{margin-top:24px;padding:16px;border:1px solid #eef1f6;border-radius:10px;background:#fafbfe}
.related-articles{padding:40px 0}
.articles-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.article-card{display:flex;gap:12px;border:1px solid #eef1f6;border-radius:10px;overflow:hidden;background:#fff}
.article-card .article-image{width:120px;min-height:100px;background-size:cover;background-position:center}
.article-card .article-content{padding:10px}
.btn.btn-primary{display:inline-block;padding:12px 18px;border-radius:8px;background:linear-gradient(135deg,#0073aa,#005a87);color:#fff;text-decoration:none;font-weight:700}
.breadcrumb-section{padding:12px 0}
.breadcrumb a{color:#0073aa;text-decoration:none}

/* Footer theme unify with contact page */
.site-footer{background:linear-gradient(135deg,#0073aa,#005a87)!important;color:#fff!important}
.site-footer h3{color:#fff!important}
.site-footer p{color:rgba(255,255,255,.9)!important}
.site-footer a{color:rgba(255,255,255,.8)!important}
.site-footer a:hover{color:#fff!important}
.footer-bottom{background:rgba(0,0,0,.2)!important;border-top:1px solid rgba(255,255,255,.1)!important}
.footer-bottom p{color:rgba(255,255,255,.8)!important}

/* Header social: match index.html exactly */
.header-social{display:inline-flex;align-items:center;gap:6px}
.header-social a{font-size:1rem !important;padding:0 2px !important;margin:0 !important}
/* Colors per icon (same as index) */
.header-social a[title="Facebook"]{color:#ffffff !important}
.header-social a[title="Instagram"]{color:#e4405f !important}
.header-social a[title="WhatsApp"]{color:#25d366 !important}
.header-social a[title="Shopier"]{color:#ff6b35 !important}
.header-social a[title="Admin Paneli"]{color:#ffffff !important}
/* Hovers (same as index) */
.header-social a[title="Facebook"]:hover{color:#ffffff !important;background:#1877f2 !important;border-radius:50% !important;transform:scale(1.12)}
.header-social a[title="Instagram"]:hover{transform:scale(1.12)}
.header-social a[title="WhatsApp"]:hover{transform:scale(1.12)}
.header-social a[title="Shopier"]:hover{color:#e55a2b !important;transform:scale(1.12)}
.header-social a[title="Admin Paneli"]:hover{color:#0073aa !important;background:rgba(0,115,170,0.1) !important;border-radius:50% !important;transform:scale(1.12)}