body{background:#f7f9fb}
.header-logo{display:flex;justify-content:center;align-items:center;padding:14px 0}
.header-logo img{height:88px;object-fit:contain}
.topbar{background:#111;color:#fff;padding:8px 0}
.topbar .nav-link{color:#fff}
.topbar .nav-link:hover{opacity:.8}
.footer{padding:24px 0;background:#f1f3f5;color:#333}
.wa-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;z-index:9999}
.wa-float img{width:56px;height:56px}
.center-card{max-width:720px;margin:18px auto;background:#fff;border-radius:12px;padding:18px 18px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.title{font-weight:700;margin-bottom:12px}
.result-image{max-width:380px;border-radius:10px;border:1px solid #eee}
.btn-green{background:#1ea34a;color:#fff}
.btn-green:hover{background:#16813a;color:#fff}

/* === chat page nav override & QR === */
.qr-wrap{padding:10px 0 0}
.qr-img{width:120px;height:auto;image-rendering:pixelated}
.header-logo img{height:100px}

/* تحسين عرض الشريط على الشاشات الصغيرة */
@media (max-width: 576px){
  .topbar .nav { gap: 6px; }
  .header-logo img{ height: 84px; }
  .center-card{ margin: 12px auto; padding: 14px; }
  .btn-green{ padding: 10px 12px; }
}

/* تكبير البنر قليلًا مع الحفاظ على القص المناسب */
.banner-img{
  width:100%;
  max-height:360px;       /* كان 280px -> صار أكبر */
  object-fit:cover;
  border-radius:12px;
  margin-bottom:20px
}

/* صورة أسفل الصفحة (لو مستخدمة) */
.qr-wrap{padding:10px 0}
.qr-img{width:140px;height:auto;image-rendering:pixelated}

/* كرت الوسط */
.center-card{
  max-width:720px;
  margin:18px auto;
  background:#fff;
  border-radius:12px;
  padding:18px;
  box-shadow:0 6px 18px rgba(0,0,0,.06)
}
.title{font-weight:700;margin-bottom:12px;text-wrap:balance}
.result-image{max-width:380px;border-radius:10px;border:1px solid #eee}

/* زر أخضر */
.btn-green{background:#1ea34a;color:#fff}
.btn-green:hover{background:#16813a;color:#fff}

.banner-img{width:100%;max-height:280px;object-fit:cover;border-radius:10px;margin-bottom:20px}
.qr-wrap{padding:10px 0}
.qr-img{width:120px;height:auto;image-rendering:pixelated}
.header-logo img{height:100px}

/* === chat page nav override & QR === */
.qr-wrap{padding:10px 0 0}
.qr-img{width:120px;height:auto;image-rendering:pixelated}
.header-logo img{height:100px}

/* تحسينات مواءمة */
.center-card{max-width:760px;margin:18px auto;background:#fff;border-radius:12px;padding:18px 18px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
@media (max-width:576px){
  .center-card{margin:12px; padding:14px}
}

/* البنر أكبر قليلاً ورشيق */
.banner-img{width:100%;max-height:360px;object-fit:cover;border-radius:12px;margin-bottom:20px}
@media (max-width:576px){
  .banner-img{max-height:220px;border-radius:10px}
}

/* روابط الشريط */
.topbar{background:#111;color:#fff;padding:8px 0}
.topbar .nav-link{color:#fff}
.topbar .nav-link:hover{opacity:.85}

/* أسفل الصفحة (الصورة فوق الحقوق) */
.qr-wrap{padding:10px 0 0}
.qr-img{width:140px;height:auto;image-rendering:auto}
@media (max-width:576px){
  .qr-img{width:110px}
}

/* تحسينات مواءمة */
.center-card{max-width:760px;margin:18px auto;background:#fff;border-radius:12px;padding:18px 18px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
@media (max-width:576px){
  .center-card{margin:12px; padding:14px}
}

/* البنر أكبر قليلاً ورشيق */
.banner-img{width:100%;max-height:360px;object-fit:cover;border-radius:12px;margin-bottom:20px}
@media (max-width:576px){
  .banner-img{max-height:220px;border-radius:10px}
}

/* روابط الشريط */
.topbar{background:#111;color:#fff;padding:8px 0}
.topbar .nav-link{color:#fff}
.topbar .nav-link:hover{opacity:.85}

/* أسفل الصفحة (الصورة فوق الحقوق) */
.qr-wrap{padding:10px 0 0}
.qr-img{width:140px;height:auto;image-rendering:auto}
@media (max-width:576px){
  .qr-img{width:110px}
}