/* ============================================================
   ADAM.TECH — MOBILE OVERHAUL
   Loaded last. Re-architects narrow screens:
   1. Headlines DOMINATE (bigger type, tighter body)
   2. Jump-navs become horizontal snap-scroll strips
   3. Demo panels get compact paddings & quieter internals
   4. Less chrome: EN pills hidden, sections tightened
   ============================================================ */

@media (max-width: 720px) {

  /* ---- 1 · type scale: headlines up, body down ---- */
  .dept-head h2 { font-size: clamp(38px, 11vw, 48px); line-height: 0.96; margin-top: 18px; }
  .dept-head .sub { font-size: 15.5px; line-height: 1.5; margin-top: 14px; }

  .dtitle { font-size: clamp(30px, 8.6vw, 38px); line-height: 1.0; margin-top: 16px; }
  .dlede { font-size: 15px; line-height: 1.5; margin-top: 12px; }

  .xtitle { font-size: clamp(30px, 8.6vw, 38px) !important; line-height: 1.0 !important; }
  .xdesc { font-size: 15px !important; line-height: 1.5 !important; }

  /* kicker: name leads, number supports, EN pill goes away */
  .dkick { flex-direction: row; align-items: center; gap: 18px; justify-content: flex-start; }
  .dkick .dnum { font-size: 28px; order: 2; opacity: 0.65; }
  .dkick .dkmeta { order: 1; align-items: flex-start; text-align: left; }
  .dkick .dname .dpre { font-size: 12px; letter-spacing: 0.18em; }
  .dkick .dname .dval { font-size: 26px; }
  .dkick .dlabel { display: none; }
  .xkick .xlabel { display: none; }
  .xkick .xnum { font-size: 28px !important; opacity: 0.65; }

  /* ---- 2 · jump-navs: horizontal snap strips ---- */
  .dept-jump,
  .exp-jump {
    display: flex; grid-template-columns: none;
    overflow-x: auto; scroll-snap-type: x mandatory;
    gap: 10px; padding-bottom: 12px; margin-left: -20px; margin-right: -20px;
    padding-left: 20px; padding-right: 20px;
    scrollbar-width: none;
  }
  .dept-jump::-webkit-scrollbar, .exp-jump::-webkit-scrollbar { display: none; }
  .dept-jump a, .exp-jump a {
    flex: 0 0 auto; width: 86px; min-height: 74px;
    scroll-snap-align: start; padding: 10px 10px 10px;
  }
  .dept-jump .dj-n { font-size: 18px; top: 8px; right: 8px; }
  .dept-jump .dj-t { font-size: 11px; line-height: 1.2; letter-spacing: -0.01em; }
  .dept-jump .dj-go { display: none; }

  /* ---- 3 · sections & lists: tighter ---- */
  .dsec { padding: 52px 0; }
  .s-depts { padding-top: 64px; padding-bottom: 20px; }
  .dgrid { gap: 24px; }

  .dlist { margin-top: 18px; gap: 7px; grid-template-columns: 1fr; }
  .dlist li { padding: 10px 13px 10px 33px; font-size: 14px; border-radius: 10px; }
  .dlist li::before { left: 13px; top: 15px; width: 8px; height: 8px; }

  .dbenefit { padding: 13px 14px; font-size: 14px; gap: 10px; }
  .dfoot { margin-top: 10px; gap: 10px; }
  .dkick { margin-bottom: 26px; }
  .dbenefit .bx { width: 22px; height: 22px; font-size: 12px; }

  .dep-cta { width: 100%; justify-content: center; margin-top: 16px; padding: 13px 20px; }

  /* ---- 4 · demo panels: compact internals ---- */
  .panel { border-radius: 14px; }
  .panel-bar { padding: 10px 12px; }
  .panel-bar .pt { font-size: 10.5px; }
  .panel-bar .pl { font-size: 9.5px; padding: 4px 9px; }

  /* contact center */
  .cc-body { padding: 12px; gap: 10px; }
  .cc-ch { font-size: 11.5px; padding: 7px 10px; }
  .cc-qrow .qt small { display: none; }
  .cc-qrow { gap: 9px; padding: 8px 0; }
  .cc-stat b { font-size: 20px; }

  /* sales pipeline */
  .pipe { padding: 10px; }
  .pipe-col { min-height: 0; padding: 10px 9px; }

  /* marketing */
  .camp { padding: 12px; gap: 10px; }
  .camp-mail .cm-b { font-size: 11.5px; padding: 11px; }

  /* finance */
  .fin-kpi { padding: 14px 13px; }
  .fin-chart { padding: 13px 14px; }
  .fin-area { min-height: 80px; }

  /* pos */
  .pos { padding: 12px; gap: 12px; }
  .receipt { padding: 14px 14px 18px; }

  /* hr / warehouse / auction */
  .hr { padding: 12px; gap: 11px; }
  .wh { padding: 12px; }
  .wh-bin { font-size: 8px; border-radius: 5px; }
  .auc { padding: 12px; gap: 10px; }

  /* exec dashboard (expertise .dash reused) */
  .dash-kpis .kpi { padding: 12px 10px !important; }
  .dash-chart { padding: 12px 14px !important; }
  .bars { height: 90px !important; }

  /* security */
  .sec { padding: 12px; gap: 12px; }
  .sec-shield { padding: 16px 12px; }
  .sec-shield .sh { width: 52px; height: 52px; font-size: 22px; }
}

@media (max-width: 560px) {
  /* ---- stats: keep 3 columns, scale numbers down ---- */
  .hero .stats {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px;
    max-width: 100%;
  }
  .hero .stat .n { font-size: clamp(26px, 7.5vw, 38px); }
  .hero .stat .l { font-size: 10px; letter-spacing: 0.1em; margin-top: 8px; }

  /* ---- hide oversized background glyphs on mobile ---- */
  .glyphs span { display: none; }
}

@media (max-width: 460px) {
  .dept-head h2 { font-size: clamp(34px, 11.5vw, 42px); }
  .dtitle { font-size: clamp(28px, 9vw, 34px); }
  .dkick .dname .dpre { font-size: 11.5px; letter-spacing: 0.16em; }
  .dkick .dname .dval { font-size: 23px; }
  .dkick .dnum { font-size: 26px; }
  .dept-jump a, .exp-jump a { width: 80px; min-height: 70px; }
  .dept-jump .dj-n { font-size: 16px; }
  .dept-jump .dj-t { font-size: 10.5px; }
  /* stat duos stay side-by-side on phones — they fit and save height */
  .cc-stat, .pos-grid { grid-template-columns: 1fr 1fr; }
  .camp-roi { grid-template-columns: repeat(3, 1fr); }
  .camp-roi b { font-size: 15px; }
  .wh-foot { grid-template-columns: repeat(3, 1fr); }
  .wh-foot b, .pos-grid b { font-size: 16px; }
  .wh-foot div, .pos-grid div, .cc-stat div { padding: 10px 10px; }
}