/* Final responsive guardrail. Fluid reduction follows available viewport, never fixed desktop compression. */
@media(max-width:900px){html,body{max-width:100%;overflow-x:hidden}.standard-page,.heritage-body,.expertise-language-body{min-width:0}.hero-copy,.hero-actions,.sadek-hero-copy,.sadek-actions{min-width:0}.standard-subnav>a,.section-nav>a{min-width:0}.standard-subnav .nav-label,.section-nav span{overflow-wrap:anywhere}.standard-subnav [data-nav-lang]{display:none}.standard-subnav [data-nav-lang].active,.standard-subnav [data-nav-lang]:first-child{display:inline}.image-slot,.content-image-slot{max-width:100%}}
@media(min-width:901px) and (max-width:1180px){.site-header{grid-template-columns:170px 1fr auto;gap:16px}.main-nav{gap:18px}.main-nav>a,.nav-top{font-size:12px}.header-contact{padding:11px 12px}.hero-copy h1{font-size:52px}.sadek-hero-copy h1{font-size:58px}}

/* V23 — MOBILE BODY + FOOTER ONLY. Heroes/subnav/desktop intentionally untouched. */
@media (max-width:900px){
  body[data-page="history"] .heritage-body,
  body[data-page="hads-today"] .heritage-body,
  body[data-page="values"] .heritage-body,
  body[data-page="quality-responsibility"] .heritage-body{overflow:hidden}

  body[data-page="history"] .heritage-body .container,
  body[data-page="hads-today"] .heritage-body .container,
  body[data-page="values"] .heritage-body .container,
  body[data-page="quality-responsibility"] .heritage-body .container{width:min(100% - 32px,1180px);margin-inline:auto}

  body[data-page="history"] .heritage-body h2,
  body[data-page="hads-today"] .heritage-body h2,
  body[data-page="values"] .heritage-body h2,
  body[data-page="quality-responsibility"] .heritage-body h2{font-size:clamp(28px,8vw,42px);line-height:1.04;overflow-wrap:anywhere}

  body[data-page="history"] .heritage-body p,
  body[data-page="hads-today"] .heritage-body p,
  body[data-page="values"] .heritage-body p,
  body[data-page="quality-responsibility"] .heritage-body p{font-size:clamp(14px,4vw,17px);line-height:1.55;overflow-wrap:anywhere}

  body[data-page="history"] .timeline-item{grid-template-columns:1fr!important;gap:14px!important;margin:0 0 28px!important;padding:16px!important}
  body[data-page="history"] .timeline-line,
  body[data-page="history"] .timeline-progress{display:none!important}
  body[data-page="history"] .timeline-photo{width:100%!important;min-height:0!important;aspect-ratio:16/10;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
  body[data-page="history"] .timeline-content{width:100%!important;padding:4px 0!important}

  body[data-page="hads-today"] .expertise-layout,
  body[data-page="hads-today"] .production-details-grid,
  body[data-page="hads-today"] .expertise-jump-grid,
  body[data-page="hads-today"] .cert-grid{grid-template-columns:1fr!important;gap:16px!important}
  body[data-page="hads-today"] .production-detail,
  body[data-page="hads-today"] .expertise-jump-card,
  body[data-page="hads-today"] .cert{min-width:0!important;width:100%!important}
  body[data-page="hads-today"] .expertise-image{min-height:0!important;aspect-ratio:4/3;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
  body[data-page="hads-today"] .final-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}

  body[data-page="values"] .intro-grid,
  body[data-page="values"] .philosophy-grid,
  body[data-page="values"] .people-grid{grid-template-columns:1fr!important;gap:22px!important}
  body[data-page="values"] .value-stories{grid-template-columns:1fr!important;gap:16px!important}
  body[data-page="values"] .intro-visual,
  body[data-page="values"] .people-main,
  body[data-page="values"] .people-side{min-height:0!important;aspect-ratio:4/3;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
  body[data-page="values"] .people-gallery{grid-template-columns:1fr!important;gap:12px!important}

  body[data-page="quality-responsibility"] .intro-grid,
  body[data-page="quality-responsibility"] .cert-row,
  body[data-page="quality-responsibility"] .env-grid,
  body[data-page="quality-responsibility"] .quality-people-unified-inner{grid-template-columns:1fr!important;gap:20px!important}
  body[data-page="quality-responsibility"] .quality-photo-stack{width:100%!important}
  body[data-page="quality-responsibility"] .quality-photo-row{width:100%!important;min-height:0!important;aspect-ratio:16/10;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}
  body[data-page="quality-responsibility"] .cert-logos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body[data-page="quality-responsibility"] .cert-logo-card{min-width:0!important;padding:10px!important}
  body[data-page="quality-responsibility"] .cert-visual{min-height:92px!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important}

  .footer-v11{padding:40px 20px 0!important}
  .footer-v11 .footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;width:100%!important;max-width:100%!important}
  .footer-v11 .footer-brand,.footer-v11 .footer-explore,.footer-v11 .footer-contact-card{min-width:0!important;width:100%!important}
  .footer-v11 .footer-logo-slot img{max-width:150px!important;height:auto!important}
  .footer-v11 .footer-links{gap:8px!important}
  .footer-v11 .footer-links a,.footer-v11 p,.footer-v11 strong{overflow-wrap:anywhere!important;word-break:normal!important}
  .footer-v11 .footer-mini-cta{display:block!important;width:100%!important;box-sizing:border-box!important;text-align:center!important}
  .footer-v11-bottom{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:28px!important;padding:18px 0!important;text-align:left!important}
}

/* V59 — SITE-WIDE MOBILE CONTENT SYSTEM
   Scope: content AFTER hero/subnav only. Hero geometry and subnav geometry untouched. */
@media (max-width:900px){
  /* Language labels: show exactly the active/non-hidden translation; never blank buttons. */
  .standard-subnav [data-nav-lang][hidden],.section-nav [data-nav-lang][hidden]{display:none!important}
  .standard-subnav [data-nav-lang]:not([hidden]),.section-nav [data-nav-lang]:not([hidden]){display:inline!important;visibility:visible!important;opacity:1!important}
  .standard-subnav .nav-label,.section-nav span{min-width:0!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}

  /* Universal body safety. Does not select heroes/subnav. */
  main>section:not(.standard-hero):not(.home-hero):not(.standard-subnav):not(.section-nav),
  main>div:not(.standard-subnav):not(.section-nav){max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}
  main section:not(.standard-hero):not(.home-hero):not(.standard-subnav):not(.section-nav) *{box-sizing:border-box;min-width:0}
  main section:not(.standard-hero):not(.home-hero):not(.standard-subnav):not(.section-nav) img{max-width:100%!important;height:auto;object-fit:contain}
  main section:not(.standard-hero):not(.home-hero):not(.standard-subnav):not(.section-nav) h1,
  main section:not(.standard-hero):not(.home-hero):not(.standard-subnav):not(.section-nav) h2,
  main section:not(.standard-hero):not(.home-hero):not(.standard-subnav):not(.section-nav) h3,
  main section:not(.standard-hero):not(.home-hero):not(.standard-subnav):not(.section-nav) p,
  main section:not(.standard-hero):not(.home-hero):not(.standard-subnav):not(.section-nav) span,
  main section:not(.standard-hero):not(.home-hero):not(.standard-subnav):not(.section-nav) strong{max-width:100%;overflow-wrap:break-word;word-break:normal}

  /* HOME — every body block participates in the same mobile system. */
  body[data-page="home"] .home-section{padding:clamp(28px,6vw,46px) clamp(14px,4vw,28px)!important}
  body[data-page="home"] .home-section .section-head,
  body[data-page="home"] .tunisia-intro,
  body[data-page="home"] .quality-layout,
  body[data-page="home"] .process-layout{grid-template-columns:1fr!important;gap:18px!important}
  body[data-page="home"] .six-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body[data-page="home"] .six-grid>article{padding:16px!important;height:auto!important;min-height:0!important}
  body[data-page="home"] .six-grid .image-slot{width:100%!important;min-height:110px!important;height:auto!important;aspect-ratio:16/10!important;background-size:cover!important;background-position:center!important}
  body[data-page="home"] .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body[data-page="home"] .visual-card{height:auto!important;min-height:0!important;padding:14px!important;display:block!important}
  body[data-page="home"] .visual-card .image-slot{width:100%!important;height:auto!important;min-height:110px!important;aspect-ratio:4/3!important;background-size:cover!important;background-position:center!important}
  body[data-page="home"] .workwear-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  body[data-page="home"] .workwear-grid>a{height:auto!important;min-height:0!important}
  body[data-page="home"] .workwear-grid .image-slot{height:auto!important;min-height:120px!important;aspect-ratio:16/9!important;background-size:cover!important;background-position:center!important}
  body[data-page="home"] .tunisia-benefits{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body[data-page="home"] .tunisia-benefits>article{display:grid!important;grid-template-columns:auto 1fr!important;gap:4px 8px!important;padding:14px!important;height:auto!important;border:1px solid var(--line)!important}
  body[data-page="home"] .tunisia-benefits>article span{grid-column:1/-1!important;display:block!important}
  body[data-page="home"] .reference-grid,.project-options{grid-template-columns:1fr!important;gap:12px!important}
  body[data-page="home"] .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Expertise landing: complete cards, no narrow split text. */
  body.v34-expertise-page[data-page="expertise"] .exp-stage-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.v34-expertise-page[data-page="expertise"] .exp-stage-card{display:grid!important;grid-template-columns:1fr!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  body.v34-expertise-page[data-page="expertise"] .exp-stage-media{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
  body.v34-expertise-page[data-page="expertise"] .exp-stage-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.v34-expertise-page[data-page="expertise"] .exp-card-copy{padding:18px!important;width:100%!important}

  /* Expertise detail pages: photo then its copy, one coherent card. */
  body.v34-expertise-page:not([data-page="expertise"]) .xp-step{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  body.v34-expertise-page:not([data-page="expertise"]) .xp-step-media{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
  body.v34-expertise-page:not([data-page="expertise"]) .xp-step-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.v34-expertise-page:not([data-page="expertise"]) .xp-step>div:not(.xp-step-media):not(.xp-index){padding:20px 18px!important}

  /* Values / Who we are: prohibit overlays and absolute copy in body cards. */
  body.who-page .value-stories,body.who-page .people-gallery,body.who-page .intro-grid,body.who-page .philosophy-grid{grid-template-columns:1fr!important;gap:16px!important}
  body.who-page .value-card,body.who-page .people-main,body.who-page .people-side,body.who-page .intro-visual{height:auto!important;min-height:0!important;overflow:hidden!important}
  body.who-page .value-card img,body.who-page .people-gallery img{position:static!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
  body.who-page .value-card>*:not(img),body.who-page .people-main>*:not(img),body.who-page .people-side>*:not(img){position:static!important;transform:none!important;max-width:100%!important}

  /* Workwear and quality: coherent cards, never squeezed rows. */
  body.hads-workwear-index .platform-list{grid-template-columns:1fr!important;gap:14px!important}
  body.hads-workwear-index .platform-item{width:100%!important;height:auto!important;min-height:0!important}
  body[data-page="quality-responsibility"] .cert-grid,
  body[data-page="quality-responsibility"] .env-grid{grid-template-columns:1fr!important;gap:14px!important}
  body[data-page="quality-responsibility"] .cert-card,
  body[data-page="quality-responsibility"] .env-card{width:100%!important;height:auto!important;min-height:0!important}

  /* Generic tables/rows in content must wrap instead of running off-screen. */
  main section:not(.standard-hero):not(.home-hero):not(.standard-subnav):not(.section-nav) table{width:100%!important;max-width:100%!important;table-layout:fixed!important}
  main section:not(.standard-hero):not(.home-hero):not(.standard-subnav):not(.section-nav) th,
  main section:not(.standard-hero):not(.home-hero):not(.standard-subnav):not(.section-nav) td{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}
}

/* Small phones: one card per row; this is where two-column cards become unreadable. */
@media (max-width:600px){
  body[data-page="home"] .six-grid,
  body[data-page="home"] .process-grid,
  body[data-page="home"] .workwear-grid,
  body[data-page="home"] .tunisia-benefits,
  body[data-page="home"] .stats{grid-template-columns:1fr!important}
  body[data-page="home"] .six-grid>article,
  body[data-page="home"] .visual-card,
  body[data-page="home"] .workwear-grid>a{width:100%!important}
}

/* =========================================================
   V62 — FINAL MOBILE CONTENT CONSOLIDATION
   Base: Hads-workwear-main (54)
   Scope: content below hero/subnav only. Desktop >= 901 untouched.
   No zoom / no transform scaling / no hero geometry changes.
   ========================================================= */
@media (max-width:900px){
  /* Shared mobile editorial rhythm */
  :is(.heritage-body,.expertise-language-body,.hads-family-commercial,.catalogue,.develop,.intro,.platform,.families) :is(h2,h3,p){overflow-wrap:normal!important;word-break:normal!important}

  /* HISTORY — restore the feeling of a real timeline on mobile */
  body.who-page[data-page="history"] .timeline-section{padding:40px 18px 52px!important;background:var(--soft)!important}
  body.who-page[data-page="history"] .timeline-heading{margin:0 0 28px 28px!important;text-align:left!important}
  body.who-page[data-page="history"] .timeline{position:relative!important;display:flex!important;flex-direction:column!important;gap:22px!important;padding:4px 0 4px 28px!important}
  body.who-page[data-page="history"] .timeline-line{display:block!important;position:absolute!important;left:8px!important;top:0!important;bottom:0!important;width:2px!important;background:#aeb6ae!important;transform:none!important}
  body.who-page[data-page="history"] .timeline-progress{display:none!important}
  body.who-page[data-page="history"] .timeline-item{position:relative!important;width:100%!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;background:#fff!important;border:1px solid #d7dcd7!important;box-shadow:0 10px 24px rgba(36,39,37,.07)!important;overflow:visible!important}
  body.who-page[data-page="history"] .timeline-item:before{content:""!important;position:absolute!important;left:-26px!important;top:30px!important;width:12px!important;height:12px!important;border-radius:50%!important;background:var(--olive)!important;border:3px solid var(--soft)!important;box-shadow:0 0 0 1px var(--olive)!important}
  body.who-page[data-page="history"] .timeline-item:after{content:""!important;position:absolute!important;left:-16px!important;top:36px!important;width:16px!important;height:1px!important;background:#aeb6ae!important}
  body.who-page[data-page="history"] .timeline-photo{order:1!important;position:relative!important;width:100%!important;min-height:0!important;height:auto!important;padding:10px!important;background:#f1f2ef!important;overflow:hidden!important}
  body.who-page[data-page="history"] .timeline-photo .image-slot,
  body.who-page[data-page="history"] .timeline-photo img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;object-fit:contain!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
  body.who-page[data-page="history"] .timeline-year{position:absolute!important;z-index:5!important;left:10px!important;right:auto!important;top:10px!important;min-width:66px!important;padding:9px 10px!important;background:var(--olive)!important;color:#fff!important;font-size:18px!important;line-height:1!important;text-align:center!important}
  body.who-page[data-page="history"] .timeline-content{order:2!important;padding:20px 18px 22px!important;display:block!important}
  body.who-page[data-page="history"] .timeline-content h3{font-size:22px!important;line-height:1.15!important;margin:4px 0 10px!important}
  body.who-page[data-page="history"] .timeline-content p{font-size:14px!important;line-height:1.6!important;margin:0!important}

  /* VALUES — each image and its comment are one card */
  body.who-page[data-page="values"] .value-stories{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
  body.who-page[data-page="values"] .value-card{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;min-height:0!important;background:#fff!important;border:1px solid #d7dcd7!important;box-shadow:0 10px 24px rgba(36,39,37,.06)!important;overflow:hidden!important}
  body.who-page[data-page="values"] .value-card-image{order:1!important;width:100%!important;height:auto!important;min-height:0!important;padding:10px!important;background:#f1f2ef!important}
  body.who-page[data-page="values"] .value-card-image .image-slot{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
  body.who-page[data-page="values"] .value-card-body{order:2!important;position:relative!important;padding:22px 18px!important;background:#fff!important}
  body.who-page[data-page="values"] .value-number{position:static!important;display:inline-flex!important;margin-bottom:12px!important;padding:7px 9px!important;background:var(--olive)!important;color:#fff!important}

  /* OUR WORKWEAR — 4 univers = 4 complete image-led cards */
  body.hads-workwear-index .families{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding:20px 14px 48px!important}
  body.hads-workwear-index .family{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;background:#fff!important;border:1px solid #d7dcd7!important;box-shadow:0 10px 24px rgba(36,39,37,.065)!important;overflow:hidden!important}
  body.hads-workwear-index .family .family-visual{order:1!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:10px!important;background:#f1f2ef!important}
  body.hads-workwear-index .family .family-bg{display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;transform:none!important}
  body.hads-workwear-index .family .family-copy{order:2!important;display:block!important;width:100%!important}
  body.hads-workwear-index .family .family-inner{width:100%!important;padding:20px 18px 22px!important}
  body.hads-workwear-index .family .family-content{max-width:none!important}
  body.hads-workwear-index .family h2{font-size:30px!important;line-height:1.04!important;margin:8px 0 12px!important}
  body.hads-workwear-index .family p{font-size:14px!important;line-height:1.58!important}
  body.hads-workwear-index .family-details{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:14px 0!important}
  body.hads-workwear-index .family-detail{padding:6px 8px!important;font-size:9px!important;line-height:1.2!important}
  body.hads-workwear-index .family-link{max-width:100%!important;white-space:normal!important;font-size:10px!important;line-height:1.2!important}

  /* Workwear platform photo blocks: visible, framed and separated */
  body.hads-workwear-index .platform-list{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  body.hads-workwear-index .platform-item{display:grid!important;grid-template-rows:auto auto!important;min-height:0!important;padding:0!important;border:1px solid #d7dcd7!important;background:#fff!important;overflow:hidden!important;box-shadow:0 8px 20px rgba(36,39,37,.05)!important}
  body.hads-workwear-index .platform-item-media{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/8!important;background-size:cover!important;background-position:center!important;border-bottom:1px solid #d7dcd7!important}

  /* FAMILY PAGES — commercial cards: no naked / piled text */
  body.hads-family-page .hfc-shell{width:calc(100% - 28px)!important;margin-inline:auto!important;padding:0!important}
  body.hads-family-page .hfc-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin:18px 0!important}
  body.hads-family-page .hfc-card{width:100%!important;min-height:0!important;padding:20px 18px!important;background:#fff!important;border:1px solid #d7dcd7!important;box-shadow:0 8px 20px rgba(36,39,37,.05)!important;overflow:hidden!important}
  body.hads-family-page .hfc-card>strong{display:block!important;margin-bottom:12px!important;font-size:11px!important;letter-spacing:.03em!important}
  body.hads-family-page .hfc-card h3{font-size:21px!important;line-height:1.28!important;margin:0 0 14px!important}
  body.hads-family-page .hfc-list{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  body.hads-family-page .hfc-list span{display:inline-flex!important;width:auto!important;max-width:100%!important;padding:6px 8px!important;font-size:9px!important;line-height:1.2!important;background:#f1f2ef!important;border:1px solid #d7dcd7!important;white-space:normal!important}

  /* FAMILY CATALOGUES — one readable framed product per row on phones/tablets */
  body.hads-family-page .catalogue{width:calc(100% - 28px)!important;margin:24px auto!important;padding:24px 0 42px!important;background:#fff!important}
  body.hads-family-page .catalogue>.container{width:100%!important;padding:0 14px!important}
  body.hads-family-page .catalogue-layout{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
  body.hads-family-page .catalogue-sidebar{position:relative!important;top:auto!important;width:100%!important;padding:12px!important}
  body.hads-family-page .product-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
  body.hads-family-page .product-card{width:100%!important;min-width:0!important;border:1px solid #d7dcd7!important;background:#fff!important;box-shadow:0 8px 20px rgba(36,39,37,.05)!important;overflow:hidden!important}
  body.hads-family-page .product-card .catalogue-media-slot{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;padding:10px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#f5f5f2!important}
  body.hads-family-page .catalogue-card-meta{padding:14px!important;background:#fff!important}
  body.hads-family-page .catalogue-card-title{font-size:14px!important;line-height:1.3!important}
  body.hads-family-page .catalogue-card-message{font-size:12px!important;line-height:1.45!important}
  body.hads-family-page .catalogue-card-button{font-size:10px!important;padding:9px 11px!important}

  /* HOME — bottom sections: every information group gets visual containment */
  body[data-page="home"] .tunisia-benefits>article,
  body[data-page="home"] .reference-grid>article,
  body[data-page="home"] .project-options>article,
  body[data-page="home"] .six-grid>article,
  body[data-page="home"] .visual-card{background:#fff!important;border:1px solid #d7dcd7!important;box-shadow:0 8px 20px rgba(36,39,37,.045)!important}
  body[data-page="home"] .reference-grid{border:0!important;gap:12px!important}
  body[data-page="home"] .reference-grid>article{border:1px solid #d7dcd7!important;padding:18px!important}
  body[data-page="home"] .project-options{background:transparent!important;gap:10px!important}
  body[data-page="home"] .project-options>article{padding:16px!important;background:#303431!important;border-color:#59605a!important}

  /* QUALITY / references / certifications — avoid concatenated naked text */
  body[data-page="quality-responsibility"] .cert-logos{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body[data-page="quality-responsibility"] .cert-logo-card{width:100%!important;min-height:0!important;padding:16px!important;border:1px solid #d7dcd7!important;background:#fff!important}
  body[data-page="quality-responsibility"] .cert-visual{width:100%!important;height:auto!important;min-height:100px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
}

@media (max-width:600px){
  body.hads-workwear-index .family h2{font-size:27px!important}
  body.hads-family-page .hfc-card h3{font-size:20px!important}
  body.hads-family-page .product-grid{grid-template-columns:1fr!important}
}

/* V63 — HOME BOTTOM ONLY
   Scope locked to #why-tunisia, #quality, #references and #start-project.
   No hero, subnav, header, footer or other page is touched. */
@media (max-width:900px){
  body[data-page="home"] #why-tunisia,
  body[data-page="home"] #quality,
  body[data-page="home"] #references{
    padding:32px 16px!important;
  }

  /* WHY TUNISIA — compact intro + 2-column benefits on larger mobile/tablet */
  body[data-page="home"] #why-tunisia .tunisia-intro{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:20px!important;
    background:var(--olive)!important;
  }
  body[data-page="home"] #why-tunisia .tunisia-intro h2{
    margin:6px 0 10px!important;
    font-size:clamp(27px,6.4vw,38px)!important;
    line-height:1.04!important;
  }
  body[data-page="home"] #why-tunisia .tunisia-intro p{
    margin:0!important;
    font-size:13px!important;
    line-height:1.5!important;
  }
  body[data-page="home"] #why-tunisia .tunisia-intro .wide-slot{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:16/7!important;
    background-size:cover!important;
    background-position:center!important;
  }
  body[data-page="home"] #why-tunisia .tunisia-benefits{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
    background:transparent!important;
  }
  body[data-page="home"] #why-tunisia .tunisia-benefits>article{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    grid-template-rows:auto auto!important;
    align-content:start!important;
    gap:3px 7px!important;
    min-height:0!important;
    padding:11px 12px!important;
    border:1px solid #d7dcd7!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body[data-page="home"] #why-tunisia .tunisia-benefits b{
    grid-column:1!important;
    grid-row:1!important;
    font-size:10px!important;
    line-height:1.25!important;
  }
  body[data-page="home"] #why-tunisia .tunisia-benefits strong{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.25!important;
  }
  body[data-page="home"] #why-tunisia .tunisia-benefits span{
    grid-column:1/-1!important;
    grid-row:2!important;
    margin:2px 0 0!important;
    font-size:11px!important;
    line-height:1.4!important;
  }

  /* QUALITY — image + copy as one compact framed mobile composition */
  body[data-page="home"] #quality.two-col{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    min-height:0!important;
    width:calc(100% - 32px)!important;
    margin-inline:auto!important;
    padding:0!important;
    border:1px solid #d7dcd7!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  body[data-page="home"] #quality>div:first-child{
    order:2!important;
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
    padding:20px!important;
  }
  body[data-page="home"] #quality>.wide-slot{
    order:1!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:16/8!important;
    background-size:cover!important;
    background-position:center!important;
  }
  body[data-page="home"] #quality h2{
    margin:6px 0 10px!important;
    font-size:clamp(27px,6vw,36px)!important;
    line-height:1.05!important;
  }
  body[data-page="home"] #quality p{margin:0 0 14px!important;font-size:13px!important;line-height:1.5!important}
  body[data-page="home"] #quality .pill-grid{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin:12px 0 16px!important;
  }
  body[data-page="home"] #quality .pill-grid span{
    width:auto!important;
    min-height:0!important;
    padding:6px 8px!important;
    font-size:9px!important;
    line-height:1.2!important;
  }
  body[data-page="home"] #quality .cta{width:auto!important;max-width:100%!important;padding:10px 12px!important;font-size:10px!important}

  /* REFERENCES — three compact cards, no concatenated naked links */
  body[data-page="home"] #references .section-head{margin-bottom:16px!important}
  body[data-page="home"] #references .section-head h2{font-size:clamp(27px,6vw,36px)!important;margin:6px 0 10px!important}
  body[data-page="home"] #references .section-head p{font-size:13px!important;line-height:1.5!important;margin:0!important}
  body[data-page="home"] #references .reference-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    border:0!important;
  }
  body[data-page="home"] #references .reference-brand{
    min-height:0!important;
    padding:14px 16px!important;
    border:1px solid #d7dcd7!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:4px 12px!important;
    align-items:center!important;
    background:#fff!important;
  }
  body[data-page="home"] #references .reference-brand .client-wordmark{
    grid-column:1!important;
    margin:0!important;
    font-size:18px!important;
    line-height:1.1!important;
  }
  body[data-page="home"] #references .reference-brand span{
    grid-column:1!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  body[data-page="home"] #references .reference-brand i{
    grid-column:2!important;
    grid-row:1/3!important;
    margin:0!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }

  /* START PROJECT — compact, readable and separated from footer */
  body[data-page="home"] #start-project.project-cta{
    min-height:0!important;
    padding:30px 16px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    align-items:start!important;
    background-size:cover!important;
    background-position:center!important;
  }
  body[data-page="home"] #start-project .project-copy{max-width:none!important}
  body[data-page="home"] #start-project .project-copy h2{
    margin:7px 0 10px!important;
    font-size:clamp(28px,6.5vw,38px)!important;
    line-height:1.04!important;
  }
  body[data-page="home"] #start-project .project-copy>p{font-size:13px!important;line-height:1.5!important;margin:0!important}
  body[data-page="home"] #start-project .project-options{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-top:16px!important;
    background:transparent!important;
  }
  body[data-page="home"] #start-project .project-options>article{
    display:grid!important;
    grid-template-columns:28px 1fr!important;
    gap:2px 8px!important;
    padding:11px 12px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    background:rgba(48,52,49,.92)!important;
  }
  body[data-page="home"] #start-project .project-options b{grid-row:1/3!important;font-size:10px!important;padding-top:2px!important}
  body[data-page="home"] #start-project .project-options strong{margin:0!important;font-size:13px!important;line-height:1.25!important}
  body[data-page="home"] #start-project .project-options span{font-size:11px!important;line-height:1.35!important}
  body[data-page="home"] #start-project .project-action{
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.28)!important;
    padding:14px 0 0!important;
    align-self:auto!important;
  }
  body[data-page="home"] #start-project .project-kicker{display:block!important;margin-bottom:10px!important;font-size:9px!important}
}

@media (max-width:520px){
  body[data-page="home"] #why-tunisia .tunisia-benefits{grid-template-columns:1fr!important}
  body[data-page="home"] #why-tunisia .tunisia-benefits>article{padding:10px 11px!important}
  body[data-page="home"] #references .reference-brand{grid-template-columns:1fr!important}
  body[data-page="home"] #references .reference-brand i{grid-column:1!important;grid-row:auto!important;margin-top:5px!important}
}

/* =========================================================
   V64 — HOME FINAL CTA ONLY
   Scope: mobile/tablet, #start-project only.
   Purpose: restore contrast and visual hierarchy over HOME_FINAL_CTA.
   ========================================================= */
@media (max-width:900px){
  body[data-page="home"] #start-project.project-cta{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    min-height:0!important;
    padding:28px 16px 24px!important;
    gap:16px!important;
    color:#fff!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    box-shadow:inset 0 0 0 9999px rgba(15,18,17,.68)!important;
    overflow:hidden!important;
  }
  body[data-page="home"] #start-project .project-copy,
  body[data-page="home"] #start-project .project-action{
    position:relative!important;
    z-index:1!important;
  }
  body[data-page="home"] #start-project .eyebrow,
  body[data-page="home"] #start-project .project-kicker{
    color:#d8ded8!important;
    opacity:1!important;
  }
  body[data-page="home"] #start-project .project-copy h2{
    color:#fff!important;
    text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
    max-width:15ch!important;
  }
  body[data-page="home"] #start-project .project-copy>p{
    color:#eef1ee!important;
    max-width:52ch!important;
  }
  body[data-page="home"] #start-project .project-options{
    gap:8px!important;
    margin-top:18px!important;
  }
  body[data-page="home"] #start-project .project-options>article{
    min-height:0!important;
    padding:12px 13px!important;
    border:1px solid rgba(255,255,255,.76)!important;
    background:rgba(255,255,255,.94)!important;
    color:#171a18!important;
    box-shadow:0 5px 16px rgba(0,0,0,.14)!important;
  }
  body[data-page="home"] #start-project .project-options b{
    color:#667066!important;
  }
  body[data-page="home"] #start-project .project-options strong{
    color:#171a18!important;
  }
  body[data-page="home"] #start-project .project-options span{
    color:#4e554f!important;
  }
  body[data-page="home"] #start-project .project-action{
    margin-top:2px!important;
    padding-top:14px!important;
    border-top:1px solid rgba(255,255,255,.42)!important;
  }
  body[data-page="home"] #start-project .project-action .cta{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    padding:0 15px!important;
    justify-content:space-between!important;
    border:1px solid #fff!important;
    background:#fff!important;
    color:#202420!important;
    box-shadow:none!important;
  }
  body[data-page="home"] #start-project .project-action .cta span,
  body[data-page="home"] #start-project .project-action .cta i{
    color:#202420!important;
  }
}
@media (max-width:520px){
  body[data-page="home"] #start-project.project-cta{padding:24px 14px 20px!important}
  body[data-page="home"] #start-project .project-copy h2{font-size:30px!important;line-height:1.02!important}
  body[data-page="home"] #start-project .project-copy>p{font-size:12px!important;line-height:1.45!important}
  body[data-page="home"] #start-project .project-options>article{padding:11px 12px!important}
}