/* HADS MOBILE V80 — PHONE ONLY. Desktop/tablet >=701px untouched. */
@media (max-width:700px){
  /* HOME: preserve validated V78 geometry; only make the two hero CTAs smaller in the same position. */
  .page-home #hadsHomeV47 .hads-home-v47-actions{width:72%!important;max-width:360px!important;gap:7px!important;bottom:11px!important}
  .page-home #hadsHomeV47 .hads-home-v47-cta{height:28px!important;min-height:28px!important;padding:0 7px!important;font-size:clamp(6.5px,1.7vw,8px)!important;box-shadow:0 4px 9px rgba(67,28,94,.14)!important}
  .page-home #hadsHomeV47 .hads-home-v47-cta span{font-size:9px!important}

  /* COMMON PHONE HERO: keep every hero/media centered and inside the viewport. */
  body:not(.page-home) .hero,body:not(.page-home) .history-hero,body:not(.page-home) .today-hero,
  body:not(.page-home) .v41-detail-hero{width:calc(100% - 20px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;border-radius:24px!important;overflow:hidden!important}
  body:not(.page-home) .hero{background-position:center center!important}
  body:not(.page-home) .hero-content,body:not(.page-home) .history-hero-content,body:not(.page-home) .today-hero-content{
    width:calc(100% - 32px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;left:auto!important;right:auto!important;transform:none!important
  }
  body:not(.page-home) .hero img,body:not(.page-home) .history-hero img,body:not(.page-home) .today-hero img,
  body:not(.page-home) .v41-detail-hero>img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:cover!important;object-position:center!important;margin:0 auto!important;transform:none!important}

  /* CTA groups on public pages: compact touch targets, not desktop-sized bars. */
  body:not(.page-home) .hero-buttons,body:not(.page-home) .hero-actions,body:not(.page-home) .cta-actions,
  body:not(.page-home) .section-actions,body:not(.page-home) .today-actions{
    width:auto!important;max-width:100%!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important
  }
  body:not(.page-home) .hero-btn,body:not(.page-home) .hero-actions a,body:not(.page-home) .cta-actions a,
  body:not(.page-home) .section-actions a,body:not(.page-home) .today-actions a,body:not(.page-home) .cta-link{
    width:auto!important;max-width:100%!important;min-height:34px!important;height:auto!important;padding:9px 14px!important;border-radius:999px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:10px!important;line-height:1.08!important;text-align:center!important
  }

  /* NAV/BUBBLES: same ergonomic language as Home V78 — compact 2-column grids. */
  body:not(.page-home) .hads-quicknav,body:not(.page-home) .history-hero-quicknav,body:not(.page-home) .expertise-hero-quicknav,
  body:not(.page-home) .today-hero-nav,body:not(.page-home) .expertise-subnav .container,body:not(.page-home) .co-subnav .container,
  body:not(.page-home) .subnav-inner,body:not(.page-home) .ww-family-rail,body:not(.page-home) .family-shortcuts,
  body:not(.page-home) .catalogue-family-nav,body:not(.page-home) .v41-process-nav{
    position:relative!important;inset:auto!important;transform:none!important;width:calc(100% - 24px)!important;max-width:540px!important;
    margin:10px auto 16px!important;padding:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;overflow:visible!important;scroll-snap-type:none!important
  }
  body:not(.page-home) .hads-quicknav>a,body:not(.page-home) .history-hero-quicknav>a,body:not(.page-home) .expertise-hero-quicknav>a,
  body:not(.page-home) .today-hero-nav>a,body:not(.page-home) .expertise-subnav a,body:not(.page-home) .co-subnav a,
  body:not(.page-home) .subnav-inner a,body:not(.page-home) .ww-family-rail>a,body:not(.page-home) .family-shortcuts>a,
  body:not(.page-home) .catalogue-family-nav>a,body:not(.page-home) .v41-process-nav>a{
    width:100%!important;max-width:none!important;min-width:0!important;min-height:42px!important;height:auto!important;margin:0!important;padding:7px 9px!important;
    border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;transform:none!important;
    font-size:clamp(8px,2.35vw,10px)!important;line-height:1.08!important;text-align:left!important;white-space:normal!important;box-shadow:0 4px 10px rgba(70,34,94,.08)!important
  }
  body:not(.page-home) .v41-process-nav>a b{flex:0 0 28px!important;width:28px!important;height:28px!important;border-radius:9px!important;display:grid!important;place-items:center!important;font-size:9px!important}
  body:not(.page-home) .v41-process-nav>a span{min-width:0!important}

  /* Expertise detail pages: image first, copy readable, process choices compact. */
  .hads-v41-detail .v41-detail-hero{display:flex!important;flex-direction:column!important;padding:0!important}
  .hads-v41-detail .v41-detail-copy{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;padding:24px 20px!important;order:2!important;transform:none!important}
  .hads-v41-detail .v41-detail-hero>img{order:1!important;aspect-ratio:16/10!important;object-fit:cover!important}
  .hads-v41-detail .v41-step-cards{width:calc(100% - 32px)!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}

  /* Catalogue/family pages: centered media and compact family selector. */
  .hads-family-page .hero{background-position:center!important}
  .hads-family-page .hfc-grid,.hads-family-page .hfc-visuals{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important}
  .hads-family-page .hfc-visual,.hads-family-page .product-card,.hads-family-page .product-visual{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
  .hads-family-page .hfc-visual img,.hads-family-page .product-card img,.hads-family-page .product-visual img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;object-position:center!important;margin:auto!important}

  /* Common two-column visual/text sections: phone stack, centered images. */
  .intro-grid,.difference-grid,.factory-grid,.materials-grid,.balance-grid,.output-grid,.next-grid,.control-grid,.qc-detail-grid,
  .system-grid,.aql-grid,.approach-grid,.logistics-grid,.export-story-grid,.proximity-grid,.final-grid,.complete-grid,.people-grid,
  .env-grid,.contact-grid,.workshop-grid,.today-grid,.platform-grid,.technical-operation-grid,.principles-grid,.flex-grid,.source-grid,
  .partner-grid,.expertise-jump-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:16px!important}
  .intro-visual,.difference-visual,.factory-visual,.material-visual,.control-visual,.logistics-visual,.workshop-visual,.family-visual,
  .photo-card,.split-visual{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;transform:none!important}
  .intro-visual img,.difference-visual img,.factory-visual img,.material-visual img,.control-visual img,.logistics-visual img,
  .workshop-visual img,.family-visual img,.photo-card img,.split-visual img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:cover!important;object-position:center!important;margin:auto!important;transform:none!important}

  /* Contact/forms: controls stay inside phone width. */
  .form-grid,.hads-choice-grid,.hads-qty-grid,.options-grid{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;gap:10px!important}
  input,select,textarea{max-width:100%!important}
}

@media (max-width:380px){
  .page-home #hadsHomeV47 .hads-home-v47-actions{width:76%!important}
  body:not(.page-home) .hads-quicknav,body:not(.page-home) .history-hero-quicknav,body:not(.page-home) .expertise-hero-quicknav,
  body:not(.page-home) .today-hero-nav,body:not(.page-home) .expertise-subnav .container,body:not(.page-home) .subnav-inner,
  body:not(.page-home) .ww-family-rail,body:not(.page-home) .catalogue-family-nav,body:not(.page-home) .v41-process-nav{grid-template-columns:1fr!important}
}

/* V80.1 — requested phone-only polish: smaller Home CTAs + one clean navigation system below heroes.
   IMPORTANT: no rule outside max-width:700px; desktop/tablet rendering is untouched. */
@media (max-width:700px){
  /* HOME — same exact anchor point, simply smaller. */
  .page-home #hadsHomeV47 .hads-home-v47-actions{
    width:64%!important;
    max-width:320px!important;
    gap:6px!important;
    bottom:11px!important;
  }
  .page-home #hadsHomeV47 .hads-home-v47-cta{
    min-height:25px!important;
    height:25px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    font-size:clamp(6px,1.55vw,7.4px)!important;
    line-height:1!important;
    box-shadow:0 3px 7px rgba(67,28,94,.13)!important;
  }
  .page-home #hadsHomeV47 .hads-home-v47-cta span{font-size:8px!important}

  /* When a dedicated hero quick-nav exists, suppress the old duplicate subnav below it. */
  body:has(.history-hero-quicknav) .subnav,
  body:has(.today-hero-nav) .subnav,
  body:has(.expertise-hero-quicknav) .subnav{display:none!important}

  /* All remaining section selectors below heroes: same compact 2-column mobile language. */
  body:not(.page-home) .subnav{
    width:100%!important;
    margin:0!important;
    padding:10px 12px 16px!important;
    background:linear-gradient(180deg,#fff,#fbf8fc)!important;
    overflow:visible!important;
  }
  body:not(.page-home) .subnav .subnav-inner,
  body:not(.page-home) .expertise-subnav .container,
  body:not(.page-home) .co-subnav .container,
  body:not(.page-home) .hads-quicknav,
  body:not(.page-home) .history-hero-quicknav,
  body:not(.page-home) .today-hero-nav,
  body:not(.page-home) .ww-family-rail,
  body:not(.page-home) .family-shortcuts,
  body:not(.page-home) .catalogue-family-nav,
  body:not(.page-home) .v41-process-nav{
    width:100%!important;
    max-width:540px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
  }

  body:not(.page-home) .subnav .subnav-inner>a,
  body:not(.page-home) .expertise-subnav .container>a,
  body:not(.page-home) .co-subnav .container>a,
  body:not(.page-home) .hads-quicknav>a,
  body:not(.page-home) .history-hero-quicknav>a,
  body:not(.page-home) .today-hero-nav>a,
  body:not(.page-home) .ww-family-rail>a,
  body:not(.page-home) .family-shortcuts>a,
  body:not(.page-home) .catalogue-family-nav>a,
  body:not(.page-home) .v41-process-nav>a{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:44px!important;
    height:44px!important;
    margin:0!important;
    padding:7px 11px!important;
    border:1px solid #eadfec!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#fff,#faf6fc)!important;
    color:#302b32!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    font-size:clamp(8px,2.25vw,10px)!important;
    line-height:1.08!important;
    font-weight:750!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:hidden!important;
    box-shadow:0 4px 0 #e5d9e9,0 8px 16px rgba(70,34,94,.07)!important;
  }
  body:not(.page-home) .subnav .subnav-inner>a.active,
  body:not(.page-home) .expertise-subnav .container>a.active,
  body:not(.page-home) .co-subnav .container>a.active,
  body:not(.page-home) .hads-quicknav>a.active,
  body:not(.page-home) .history-hero-quicknav>a.active,
  body:not(.page-home) .today-hero-nav>a.active,
  body:not(.page-home) .ww-family-rail>a.active,
  body:not(.page-home) .family-shortcuts>a.active,
  body:not(.page-home) .catalogue-family-nav>a.active,
  body:not(.page-home) .v41-process-nav>a.active{
    color:#fff!important;
    border-color:transparent!important;
    background:linear-gradient(145deg,#a95cc7,#75408f)!important;
    box-shadow:0 4px 0 #654078,0 8px 17px rgba(82,44,98,.16)!important;
  }

  /* Kill inherited decorative numbering/layers that caused the overlaps seen on Values/History. */
  body:not(.page-home) .subnav a::before,
  body:not(.page-home) .subnav a::after,
  body:not(.page-home) .expertise-subnav a::before,
  body:not(.page-home) .expertise-subnav a::after,
  body:not(.page-home) .co-subnav a::before,
  body:not(.page-home) .co-subnav a::after{content:none!important;display:none!important}

  /* Dedicated numbered bubbles: number and label stay inside their card. */
  body:not(.page-home) .hads-qbubble{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
  }
  body:not(.page-home) .hads-qbubble .num{
    width:30px!important;height:30px!important;min-width:30px!important;
    display:grid!important;place-items:center!important;
    margin:0!important;border-radius:10px!important;
    font-size:9px!important;line-height:1!important;
  }
  body:not(.page-home) .hads-qbubble .label{
    min-width:0!important;font-size:9px!important;line-height:1.08!important;
    white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important;
  }
}


/* V81.2 — targeted phone repair requested 21-09-2026.
   Phone only: expertise detail hero height + complete 8-step nav + Who-we-are nav cleanup. */
@media (max-width:700px){
  /* SOURCING / FABRICATION / QUALITY / DELIVERY: shorter hero, no desktop impact. */
  body:has(.expertise-subnav) .hero{
    min-height:610px!important;
    height:auto!important;
    padding-top:18px!important;
    padding-bottom:22px!important;
    background-position:center center!important;
  }
  body:has(.expertise-subnav) .hero .container{
    min-height:570px!important;
    padding-top:0!important;
    padding-bottom:20px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  body:has(.expertise-subnav) .hero h1{
    font-size:clamp(39px,10.8vw,48px)!important;
    line-height:.98!important;
    letter-spacing:-2.2px!important;
    margin-bottom:22px!important;
  }
  body:has(.expertise-subnav) .hero p{
    font-size:15px!important;
    line-height:1.62!important;
    margin-bottom:0!important;
  }
  /* Complete expertise selector: 8 clean buttons / 2 columns. */
  body:has(.expertise-subnav) .expertise-subnav{
    width:100%!important;margin:0!important;padding:14px 14px 20px!important;
    background:#1d1024!important;border:0!important;
  }
  body:has(.expertise-subnav) .expertise-subnav .container{
    width:100%!important;max-width:540px!important;min-height:0!important;margin:0 auto!important;padding:0!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important;
  }
  body:has(.expertise-subnav) .expertise-subnav a{
    width:100%!important;min-width:0!important;min-height:58px!important;height:auto!important;margin:0!important;padding:10px 12px!important;
    border:1px solid rgba(210,164,230,.34)!important;border-radius:18px!important;
    background:linear-gradient(145deg,#302039,#211428)!important;color:#fff!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    font-size:clamp(9px,2.5vw,11px)!important;line-height:1.12!important;font-weight:800!important;letter-spacing:.01em!important;
    white-space:normal!important;text-align:left!important;box-shadow:none!important;
  }
  body:has(.expertise-subnav) .expertise-subnav a.active{
    background:linear-gradient(145deg,#b65fd3,#7d4199)!important;
    border-color:#d7a6e9!important;box-shadow:0 4px 0 #5f2f73!important;
  }

  /* HISTORY: keep the attractive numbered hero navigation and remove the duplicated lower selector. */
  body.hads-who-history .history-hero-quicknav.hads-quicknav{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    position:relative!important;inset:auto!important;width:calc(100% - 28px)!important;max-width:540px!important;
    margin:14px auto 18px!important;padding:0!important;gap:9px!important;transform:none!important;
  }
  body.hads-who-history .history-hero-quicknav>a{
    min-height:58px!important;height:auto!important;border-radius:17px!important;padding:8px 10px!important;
    background:linear-gradient(145deg,#fff,#f7effa)!important;border:1px solid #eaddec!important;
    box-shadow:0 5px 0 #e4d5e9,0 9px 18px rgba(72,38,88,.08)!important;
  }
  body.hads-who-history .history-hero-quicknav>a:first-child{
    background:linear-gradient(145deg,#aa5ac6,#75408e)!important;color:#fff!important;border-color:transparent!important;
  }
  body.hads-who-history>.subnav, body.hads-who-history main~.subnav{display:none!important;}

  /* HADS TODAY: slideshow dots remain untouched; section navigation becomes one clean 3-button grid. */
  body.hads-who-today .subnav{display:block!important;width:100%!important;margin:0!important;padding:12px 14px 18px!important;background:#fff!important;}
  body.hads-who-today .subnav .subnav-inner{
    width:100%!important;max-width:540px!important;margin:0 auto!important;padding:0!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
  }
  body.hads-who-today .subnav .subnav-inner>a{
    min-height:58px!important;height:auto!important;padding:9px 12px!important;border-radius:17px!important;
    background:linear-gradient(145deg,#fff,#f7effa)!important;border:1px solid #eaddec!important;color:#2e2930!important;
    box-shadow:0 5px 0 #e4d5e9,0 9px 18px rgba(72,38,88,.08)!important;font-size:10px!important;font-weight:800!important;
  }
  body.hads-who-today .subnav .subnav-inner>a.active{
    background:linear-gradient(145deg,#aa5ac6,#75408e)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 0 #603576!important;
  }
}

/* V81.3 — ONLY Who-we-are mobile navigation repair (History / HADS Today / Values).
   No desktop rule. One single clean 3-button navigation under the hero. */
@media (max-width:700px){
  /* History had two navigation systems: keep only the common subnav. */
  body.hads-who-history .history-hero-quicknav{display:none!important;}

  body.hads-who-history .subnav,
  body.hads-who-today .subnav,
  body.hads-who-values .subnav{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:14px 18px 22px!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
    position:relative!important;
    z-index:10!important;
  }
  body.hads-who-history .subnav .subnav-inner,
  body.hads-who-today .subnav .subnav-inner,
  body.hads-who-values .subnav .subnav-inner{
    width:100%!important;
    max-width:540px!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    overflow:visible!important;
  }
  body.hads-who-history .subnav a,
  body.hads-who-today .subnav a,
  body.hads-who-values .subnav a{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:62px!important;
    height:62px!important;
    margin:0!important;
    padding:0 42px 0 76px!important;
    border:1px solid #eadfec!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#fff,#faf5fc)!important;
    color:#2c2730!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:left!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow:hidden!important;
    transform:none!important;
    box-shadow:0 5px 0 #e6d9ea,0 9px 18px rgba(70,34,94,.08)!important;
  }
  body.hads-who-history .subnav a::before,
  body.hads-who-today .subnav a::before,
  body.hads-who-values .subnav a::before{
    content:""!important;
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    left:10px!important;
    top:8px!important;
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#b15ed0,#784093)!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    box-shadow:0 4px 0 #68407c!important;
  }
  body.hads-who-history .subnav a:nth-child(1)::before,
  body.hads-who-today .subnav a:nth-child(1)::before,
  body.hads-who-values .subnav a:nth-child(1)::before{content:"01"!important;}
  body.hads-who-history .subnav a:nth-child(2)::before,
  body.hads-who-today .subnav a:nth-child(2)::before,
  body.hads-who-values .subnav a:nth-child(2)::before{content:"02"!important;}
  body.hads-who-history .subnav a:nth-child(3)::before,
  body.hads-who-today .subnav a:nth-child(3)::before,
  body.hads-who-values .subnav a:nth-child(3)::before{content:"03"!important;}

  body.hads-who-history .subnav a::after,
  body.hads-who-today .subnav a::after,
  body.hads-who-values .subnav a::after{
    content:"→"!important;
    display:block!important;
    position:absolute!important;
    right:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#68407c!important;
    font-size:17px!important;
    font-weight:700!important;
  }
  body.hads-who-history .subnav a.active,
  body.hads-who-today .subnav a.active,
  body.hads-who-values .subnav a.active{
    color:#fff!important;
    border-color:transparent!important;
    background:linear-gradient(145deg,#ad5dca,#75408f)!important;
    box-shadow:0 5px 0 #603574,0 10px 20px rgba(82,44,98,.16)!important;
  }
  body.hads-who-history .subnav a.active::after,
  body.hads-who-today .subnav a.active::after,
  body.hads-who-values .subnav a.active::after{color:#fff!important;}
}

/* V81.4 — final targeted mobile standardisation ONLY for History / HADS Today / Values.
   Desktop is untouched. Match the compact 2-column expertise navigation style. */
@media (max-width:700px){
  body.hads-who-history .subnav,
  body.hads-who-today .subnav,
  body.hads-who-values .subnav{padding:12px 18px 18px!important;}
  body.hads-who-history .subnav .subnav-inner,
  body.hads-who-today .subnav .subnav-inner,
  body.hads-who-values .subnav .subnav-inner{
    max-width:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;
  }
  body.hads-who-history .subnav a,
  body.hads-who-today .subnav a,
  body.hads-who-values .subnav a{
    height:58px!important;min-height:58px!important;padding:0 12px 0 58px!important;border-radius:16px!important;
    font-size:10px!important;line-height:1.08!important;justify-content:flex-end!important;text-align:right!important;
    white-space:normal!important;box-shadow:0 5px 0 #e6d9ea,0 8px 16px rgba(70,34,94,.08)!important;
  }
  body.hads-who-history .subnav a::before,
  body.hads-who-today .subnav a::before,
  body.hads-who-values .subnav a::before{
    left:8px!important;top:7px!important;width:42px!important;height:42px!important;border-radius:13px!important;font-size:11px!important;
  }
  body.hads-who-history .subnav a::after,
  body.hads-who-today .subnav a::after,
  body.hads-who-values .subnav a::after{display:none!important;}
  body.hads-who-history .subnav a:nth-child(3),
  body.hads-who-today .subnav a:nth-child(3),
  body.hads-who-values .subnav a:nth-child(3){grid-column:1 / 2!important;}

  /* More compact hero typography: only these three pages on phones. */
  body.hads-who-history .history-hero h1{font-size:clamp(34px,10.5vw,44px)!important;line-height:.98!important;letter-spacing:-1.8px!important;}
  body.hads-who-today .today-title{font-size:clamp(34px,10.5vw,44px)!important;line-height:.98!important;letter-spacing:-1.8px!important;}
  body.hads-who-values .hero h1{font-size:clamp(34px,10.5vw,44px)!important;line-height:.98!important;letter-spacing:-1.8px!important;}

  /* HADS Today: remove slide numbering on mobile to free visual space. */
  body.hads-who-today .hero-number{display:none!important;}
}

/* V82 — FINAL VALIDATED WHO-WE-ARE PHONE LAYOUT — 21/09/2026
   Scope strictly <=700px: History / HADS Today / Values only. Desktop untouched. */
@media (max-width:700px){
  /* HISTORY: remove the large empty zone left by the old fixed/min hero height. */
  body.hads-who-history .history-hero{
    min-height:0!important;
    height:auto!important;
    padding-bottom:26px!important;
  }
  body.hads-who-history .history-hero-content{
    min-height:0!important;
    height:auto!important;
    padding-bottom:0!important;
  }
  body.hads-who-history .scroll-note{margin-bottom:0!important;}

  /* One and only one common navigation below the hero. */
  body.hads-who-history .history-hero-quicknav{display:none!important;}
  body.hads-who-history .subnav,
  body.hads-who-today .subnav,
  body.hads-who-values .subnav{
    display:block!important;
    width:calc(100% - 28px)!important;
    max-width:540px!important;
    margin:14px auto 24px!important;
    padding:10px!important;
    background:#4a454d!important;
    border:0!important;
    border-radius:24px!important;
    box-shadow:0 10px 24px rgba(42,30,48,.12)!important;
    overflow:hidden!important;
  }
  body.hads-who-history .subnav .subnav-inner,
  body.hads-who-today .subnav .subnav-inner,
  body.hads-who-values .subnav .subnav-inner{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
  }
  body.hads-who-history .subnav a,
  body.hads-who-today .subnav a,
  body.hads-who-values .subnav a,
  body.hads-who-history .subnav a.active,
  body.hads-who-today .subnav a.active,
  body.hads-who-values .subnav a.active{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    padding:0 12px 0 66px!important;
    border:1px solid rgba(126,83,146,.13)!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#fff,#f4eafb)!important;
    color:#201b24!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:left!important;
    font-size:clamp(9px,2.55vw,11px)!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow:hidden!important;
    box-shadow:0 5px 0 #d8c7df,0 8px 16px rgba(60,34,74,.10)!important;
  }
  body.hads-who-history .subnav a:nth-child(3),
  body.hads-who-today .subnav a:nth-child(3),
  body.hads-who-values .subnav a:nth-child(3){grid-column:1 / -1!important;}

  body.hads-who-history .subnav a::before,
  body.hads-who-today .subnav a::before,
  body.hads-who-values .subnav a::before{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    left:10px!important;
    top:9px!important;
    width:46px!important;
    height:46px!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#aa58cd,#743594)!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    box-shadow:0 5px 10px rgba(91,44,113,.22)!important;
  }
  body.hads-who-history .subnav a:nth-child(1)::before,
  body.hads-who-today .subnav a:nth-child(1)::before,
  body.hads-who-values .subnav a:nth-child(1)::before{content:"01"!important;}
  body.hads-who-history .subnav a:nth-child(2)::before,
  body.hads-who-today .subnav a:nth-child(2)::before,
  body.hads-who-values .subnav a:nth-child(2)::before{content:"02"!important;}
  body.hads-who-history .subnav a:nth-child(3)::before,
  body.hads-who-today .subnav a:nth-child(3)::before,
  body.hads-who-values .subnav a:nth-child(3)::before{content:"03"!important;}
  body.hads-who-history .subnav a::after,
  body.hads-who-today .subnav a::after,
  body.hads-who-values .subnav a::after{display:none!important;content:none!important;}

  /* HADS TODAY: no 01/02/03/04 slide indicators on phones. */
  body.hads-who-today .hero-number,
  body.hads-who-today .today-dots,
  body.hads-who-today .today-dot{display:none!important;}
}