/* ============================================================
   مجموعة حامل المسك — التصميم المتجاوب
   ============================================================ */

/* لابتوب */
@media (max-width: 1100px) {
  .grid-4 { grid-template-columns: repeat(3, 1fr); }
  .about { gap: 44px; }
  .about__img { height: 460px; }
  .slider__arrow--prev { right: -6px; }
  .slider__arrow--next { left: -6px; }
}

/* تابلت */
@media (max-width: 900px) {
  .section { padding: 76px 0; }

  /* قائمة الجوال */
  .burger { display: flex; }
  .nav {
    position: fixed; inset: 0 0 0 auto; width: min(320px, 84vw);
    background: var(--green-950); flex-direction: column; align-items: stretch;
    padding: 100px 28px 40px; gap: 4px;
    transform: translateX(110%); /* RTL: تنزلق من اليمين */
    transition: transform .5s cubic-bezier(.22,.8,.3,1);
    box-shadow: -20px 0 60px rgba(0,0,0,.3);
  }
  .nav.open { transform: translateX(0); }
  .nav__link, .header--solid .nav__link, .header.scrolled .nav__link {
    color: #fff; padding: 13px 6px; border-bottom: 1px solid rgba(232,200,136,.15);
  }
  .nav__link::after { display: none; }

  .about { grid-template-columns: 1fr; }
  .about__img { height: 400px; }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .contact { grid-template-columns: 1fr; }
  .footer__top { grid-template-columns: 1fr 1fr; gap: 34px; padding-top: 60px; }
  .details { grid-template-columns: 1fr; }
  .aside-card { position: static; }

  /* الخط الزمني عمود واحد */
  .timeline::before { right: 27px; }
  .step, .step:nth-child(even) {
    width: 100%; margin: 0; padding: 0 78px 40px 0; text-align: right; direction: rtl;
  }
  .step:nth-child(even) .step__num { left: auto; right: 0; }
  .step .step__num { right: 0; }
}

/* جوال */
@media (max-width: 600px) {
  .section { padding: 60px 0; }
  .hero__content { padding-top: 120px; }
  .hero__logo { height: 120px; }
  .hero__cta .btn { width: 100%; justify-content: center; }
  .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .about__points { grid-template-columns: 1fr; }
  .about__badge { left: 10px; padding: 14px 18px; }
  .form__row { grid-template-columns: 1fr; }
  .footer__top { grid-template-columns: 1fr; }
  .masonry { columns: 1; }
  .testimonial__card { padding: 32px 22px; }
  .slider__arrow { display: none; }
  .step, .step:nth-child(even) { padding-right: 68px; }
  .float-wa { bottom: 18px; right: 18px; }
  .to-top { bottom: 18px; left: 18px; }
  .details__main img { height: 260px; }
  .brand__text span { display: none; }
}

/* جوال صغير جدًا */
@media (max-width: 380px) {
  .brand__text strong { font-size: 14px; }
  .brand__logo { height: 56px; }
  .preloader__mark { width: 96px; }
  .preloader p { font-size: 12px; letter-spacing: 1.5px; }
}