/* ==========================================================================
   IMDAD ENERGY — RESPONSIVE LAYER
   Breakpoints: 1180 / 1024 / 860 / 620 / 400 + landscape handling
   ========================================================================== */

/* ---------- Large desktop ---------- */
@media (min-width:1600px){
  :root{ --shell:1320px; }
  .hero__logo img{ width:400px; }
}

/* ---------- Small desktop ---------- */
@media (max-width:1180px){
  .why-grid{ grid-template-columns:repeat(2,1fr); }
  .nav__list{ gap:12px; }
  .nav__link{ font-size:.85rem; }
}

/* ---------- Tablet landscape ---------- */
@media (max-width:1024px){
  .cap-grid, .hse-grid{ grid-template-columns:repeat(2,1fr); }
  .path{ grid-template-columns:repeat(2,1fr); row-gap:56px; }
  .path::before{ display:none; }
  .about-grid{ grid-template-columns:1fr; }
  .values__grid{ grid-template-columns:repeat(2,1fr); }
}

/* ---------- Tablet / mobile menu ---------- */
@media (max-width:860px){
  :root{ --header-h:66px; }

  .burger{ display:grid; }

  .nav{
    position:fixed; inset-block-start:0; inset-inline-end:0; z-index:880;
    width:min(340px,86vw); height:100dvh; margin:0;
    background:var(--navy); color:#fff;
    display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start;
    gap:0; padding:calc(var(--header-h) + 22px) 26px 32px;
    transform:translateX(100%); transition:transform .38s var(--ease);
    box-shadow:-20px 0 60px rgba(0,0,0,.35); overflow-y:auto;
  }
  html[dir="rtl"] .nav{ transform:translateX(-100%); box-shadow:20px 0 60px rgba(0,0,0,.35); }
  .nav.is-open{ transform:translateX(0); }

  .nav__list{ flex-direction:column; align-items:stretch; gap:0; }
  .nav__list li{ border-block-end:1px solid rgba(191,239,240,.14); }
  .nav__link{ display:block; padding:1em 0; font-size:1.02rem; color:rgba(255,255,255,.86); }
  .nav__link::after{ display:none; }
  .nav__link.is-active{ color:var(--teal-pale); }
  .site-header.is-solid .nav__link{ color:rgba(255,255,255,.86); }
  .site-header.is-solid .nav__link.is-active{ color:var(--teal-pale); }

  .nav__actions{ margin-top:26px; flex-direction:column; align-items:stretch; gap:14px; }
  .nav__actions .btn{ width:100%; }
  .lang-switch{ justify-content:center; border-color:rgba(255,255,255,.34); color:#fff; }
  .site-header.is-solid .lang-switch{ border-color:rgba(255,255,255,.34); color:#fff; }
  .site-header.is-solid .lang-switch:hover{ background:rgba(255,255,255,.12); color:#fff; }

  body.nav-open{ overflow:hidden; }

  .site-footer__top{ grid-template-columns:1fr; }
  .why-grid{ border-radius:var(--radius); }
}

/* ---------- Mobile ---------- */
@media (max-width:620px){
  .cap-grid, .hse-grid, .why-grid, .path, .values__grid{ grid-template-columns:1fr; }
  .path{ row-gap:44px; padding-top:36px; }

  .hero{ padding-block:calc(var(--header-h) + 34px) 108px; text-align:center; }
  .hero__logo{ padding:14px 18px; border-radius:14px; }
  .hero__logo img{ width:min(280px,78vw); }
  .hero__actions{ width:100%; flex-direction:column; }
  .hero__actions .btn{ width:100%; }
  .hero__eyebrow{ font-size:.7rem; letter-spacing:.14em; }

  .brand__plate img{ height:28px; }
  .brand__plate--lg img{ width:210px; }

  .pref-list li{ flex-direction:column; align-items:flex-start; gap:14px; }
  .modal{ padding:12px; }
  .modal__panel{ max-height:90vh; }
  .cap-note{ flex-direction:column; }
  .site-footer__nav{ grid-template-columns:1fr 1fr; }
}

/* ---------- Small mobile ---------- */
@media (max-width:400px){
  :root{ --gutter:16px; }
  .hero__title-en{ font-size:2.05rem; }
  .brand__plate{ padding:6px 9px; }
  .brand__plate img{ height:24px; }
  .cap-card, .hse-card, .mv-card, .path__step, .why-item{ padding-inline:20px; }
  .contact-simple{ padding-inline:20px; }
}

/* ---------- Mobile landscape ---------- */
@media (max-height:520px) and (orientation:landscape){
  .hero{ min-height:auto; padding-block:calc(var(--header-h) + 30px) 70px; }
  .hero__logo{ margin-bottom:16px; }
  .hero__logo img{ width:220px; }
  .hero__title-en{ font-size:1.9rem; }
  .hero__intro{ margin-bottom:1.3em; }
  .scroll-cue{ display:none; }
  .nav{ padding-block:calc(var(--header-h) + 12px) 20px; }
}

/* ---------- Pointer-coarse tweaks ---------- */
@media (hover:none){
  .cap-card:hover, .mv-card:hover, .path__step:hover, .hse-card:hover, .btn:hover, .values__grid li:hover{
    transform:none; box-shadow:inherit;
  }
}