/* ============================================================
   2026-09-23 — Drones Hub: صفحات تفصيل الأنواع الست (AR + EN)
   نفس نمط dronesuae.com: بطاقتان متجاورتان — صورة الطائرة الحقيقية
   (type-*.webp) على منصّة ضوئية + مخطّط تقني SVG — بألوان Hub
   (عاجي/ذهبي شمبانيا #c98a3a) كما في بطاقات /drone-types/.
   ============================================================ */
.tspec{
  display:grid; grid-template-columns:1fr 1fr; gap:1rem;
  margin:.9rem 0 1.1rem; align-items:stretch;
}
.tspec figure, .tspec .tspec-dg{
  margin:0; background:linear-gradient(160deg,#FFFFFF 0%,#FDFBF7 100%);
  border:1px solid #E6E0D6; border-radius:22px;
  box-shadow:0 10px 28px rgba(75,65,51,.08), 0 1px 0 rgba(255,255,255,.9) inset;
  overflow:hidden; display:flex; flex-direction:column; min-width:0;
}
/* الصورة على منصّة ضوئية بحلقات ذهبية */
.tspec-ph{
  position:relative; flex:1; min-height:230px; display:flex; align-items:center; justify-content:center;
  background:
    radial-gradient(ellipse 48% 14% at 50% 84%, rgba(201,138,58,.22), rgba(201,138,58,0) 72%),
    linear-gradient(120deg,#FFFFFF 0%,#F9F7F3 48%,#FBF5EA 100%);
}
.tspec-ph::before,.tspec-ph::after{ content:''; position:absolute; left:50%; transform:translateX(-50%); border-radius:50%; pointer-events:none }
.tspec-ph::before{ bottom:12%; width:70%; height:46px; border:1.5px solid rgba(201,138,58,.38) }
.tspec-ph::after { bottom:16%; width:44%; height:28px; border:1.5px dashed rgba(201,138,58,.32) }
.tspec-ph img{
  position:relative; z-index:1; width:88%; max-height:250px; object-fit:contain; display:block;
  filter:drop-shadow(0 16px 18px rgba(48,47,44,.22));
  transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.tspec figure:hover .tspec-ph img{ transform:translateY(-6px) scale(1.03) }
.tspec figcaption{
  font-family:"Cairo","Segoe UI","Tahoma",sans-serif; font-weight:700; font-size:.86rem;
  color:#57524a; text-align:center; padding:.6rem .9rem .85rem; border-top:1px solid #EEE8DD;
}
.tspec .tspec-dg{ padding:.55rem; direction:ltr }
.tspec .tdiagram{ width:100%; height:auto; display:block; border-radius:16px }

/* فقرة التمهيد تحت البطاقتين — لوح فاتح بحدّ ذهبي كالرئيسي */
.tspec + p.mut{
  font-family:"Cairo","Segoe UI","Tahoma","Noto Kufi Arabic",sans-serif;
  font-size:1.02rem; font-weight:600; line-height:1.95; color:#302f2c;
  background:#FFFDF9; border:1px solid #E6E0D6; border-left:4px solid #c98a3a;
  border-radius:14px; padding:.95rem 1.15rem; margin:.2rem 0 1rem;
  box-shadow:0 2px 12px rgba(75,65,51,.06), 0 0 0 4px rgba(249,247,242,.8);
}
[dir="rtl"] .tspec + p.mut{ border-left:1px solid #E6E0D6; border-right:4px solid #c98a3a }

/* طبقة 3D تضع محتوى الصفحة في لوحات بعرض min-content — اسمح لها بالانكماش */
section.page.duae-page-shell:is([id^="pg-t"],[id^="pg-et"]){ grid-template-columns:minmax(0,1fr) }
section.page:is([id^="pg-t"],[id^="pg-et"]) > .duae-panel{ min-width:0 }

@media (max-width:760px){ .tspec{ grid-template-columns:1fr } .tspec-ph{ min-height:190px } }
@media (max-width:620px){ .tspec + p.mut{ font-size:.97rem; padding:.85rem .95rem } }
@media (prefers-reduced-motion:reduce){ .tspec-ph img{ transition:none } }