/* ──────────────────────────────────────────────────────────
   ASTRO — الموبايل والشاشات الصغيرة
   ──────────────────────────────────────────────────────────
   ⚠️ ترتيب الملف ده مقصود: لازم يفضل بعد shop/search.css وقبل admin/admin.css
   زي ما كان بالظبط في style.css الأصلي قبل التقسيم، عشان أولوية القواعد ما تتغيّرش.
   الميديا كويريز الخاصة بصفحة المنتج والتجميع موجودة في ملفاتها نفسها.
────────────────────────────────────────────────────────── */

        @media(max-width:768px){
      nav{padding:10px 14px}
      .nav-tagline{display:none}
      .nav-logo img{height:38px;width:38px}
      .nav-brand{font-size:0.95rem;letter-spacing:2px}
      .nav-right{gap:6px}
      .lang-btn{padding:6px 9px;font-size:0.62rem}
      .nav-cta{padding:7px 12px;font-size:0.62rem}
      .nav-user-btn{padding:7px 10px;font-size:0.72rem}
      .cart-btn{padding:6px 10px;font-size:0.8rem}

      /* زرار القائمة (الهامبرجر) - يظهر بس على الموبايل */
      .nav-hamburger{
        display:flex;align-items:center;justify-content:center;
        width:34px;height:34px;background:rgba(138,77,255,0.12);
        border:1px solid rgba(138,77,255,0.3);border-radius:6px;
        color:var(--pl);font-size:1.05rem;cursor:pointer;
      }

      /* روابط الصفحة كانت بتختفي تمامًا على الموبايل، دلوقتي بتتحول لقائمة منسدلة */
      .nav-links{
        display:none;
        position:fixed;
        top:58px;left:0;right:0;
        max-height:calc(100vh - 58px);
        overflow-y:auto;
        flex-direction:column;
        gap:0;
        background:rgba(8,4,20,0.98);
        backdrop-filter:blur(16px);
        border-top:1px solid rgba(138,77,255,0.2);
        padding:8px 20px 20px;
        z-index:998;
      }
      .nav-links.mobile-open{display:flex}
      .nav-links li{width:100%}
      .nav-links a{display:block;padding:15px 4px;font-size:0.95rem;border-bottom:1px solid rgba(138,77,255,0.1)}

      .services,.features,.products,.cta-banner,.contact,footer,.values-bar{padding-left:18px;padding-right:18px}
      .features-inner{grid-template-columns:1fr}
      .stats-grid{grid-template-columns:repeat(2,1fr)}
      .contact-grid{grid-template-columns:1fr}
      .values-grid{grid-template-columns:repeat(3,1fr)}
      .admin-form{grid-template-columns:1fr}
      .admin-panel{padding:24px 18px}
    }

    @media(max-width:520px){
      .nav-orders-btn{padding:7px 10px}
      .nav-orders-btn span.full-label{display:none}
      .nav-orders-btn span.short-label{display:inline;font-size:1rem}
    }

    @media(max-width:400px){
      .nav-cta span.full-label{display:none}
      .nav-cta span.short-label{display:inline}
    }

    /* ══ Google Translate — نخفي شكلها الافتراضي عشان نستخدم زرار EN بتاعنا بس ══ */
    #google_translate_element,
    .goog-te-banner-frame,
    .goog-te-gadget-icon,
    body > .skiptranslate {
      display: none !important;
    }
    body { top: 0 !important; }
    .goog-text-highlight { background: none !important; box-shadow: none !important; }