/* ============================================================
   2026-09-23 — Drones Hub: صور الطائرات الحقيقية في بطاقات
   «الموسوعة العالمية للدرونز» (AR + EN)
   نفس بنية dronesuae.com: صورة حقيقية على منصّة ضوئية بحلقتين، وما ليس
   له صورة يُعرض بمخطّط علوي مولَّد من أرقام الطائرة نفسها — بألوان Hub
   (عاجي/ذهبي شمبانيا #c98a3a) كبطاقات /drone-types/.
   ============================================================ */
.dbsilo{ padding:0 }
.dbphoto,.dbdraw{
  position:relative; height:132px; overflow:hidden;
  background:
    radial-gradient(ellipse 46% 15% at 50% 82%, rgba(201,138,58,.20), rgba(201,138,58,0) 72%),
    linear-gradient(120deg,#FFFFFF 0%,#F9F7F3 48%,#FBF5EA 100%);
}
.dbphoto::before,.dbphoto::after{ content:''; position:absolute; left:50%; transform:translateX(-50%); border-radius:50%; pointer-events:none }
.dbphoto::before{ bottom:9%;  width:70%; height:30px; border:1.4px solid  rgba(201,138,58,.34) }
.dbphoto::after { bottom:14%; width:44%; height:18px; border:1.4px dashed rgba(201,138,58,.28) }
.dbphoto img{
  position:relative; z-index:1; display:block; width:90%; height:100%; margin:0 auto; object-fit:contain;
  filter:drop-shadow(0 10px 12px rgba(48,47,44,.22));
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.dbcard:hover .dbphoto img{ transform:translateY(-5px) scale(1.04) }
.dbdraw{ display:flex; align-items:center; justify-content:center; padding:.35rem }
.dbdraw svg{ width:100%; height:110px; display:block }
/* لوحة التفاصيل وورقة الطباعة: مساحة أكبر */
.dbmodal .dbphoto,.dbmodal .dbdraw,.viz .dbphoto,.viz .dbdraw{ height:270px; border-radius:12px }
.dbmodal .dbdraw svg,.viz .dbdraw svg{ height:230px }
@media (prefers-reduced-motion:reduce){ .dbphoto img{ transition:none } .dbcard:hover .dbphoto img{ transform:none } }

/* لوحة التفاصيل: طبقة 3D كانت تخفيها (body > .dbmodal{display:none!important})
   فلا يفتح شيء عند الضغط على البطاقة، وتفرض position:relative على أبناء body.
   نعيدها ملء الشاشة فوق كل شيء عند فتحها فقط. */
body.duae-unified-page > .dbmodal.on{
  display:flex !important; position:fixed !important; inset:0 !important; z-index:150 !important }