/* AVIX Water v114 — verified mobile corrections
   Loaded last. This layer intentionally uses #main-content where older mobile
   rules also use an ID, so the approved fixes win even against !important. */

@media (max-width:767px){
  :root{
    --avix-m-top:34px;
    --avix-m-header:64px;
    --avix-m-chrome:98px;
  }

  /* 01 — FIXED MOBILE CHROME + FULLY VISIBLE HERO
     Reserve the fixed 34px announcement + 64px header at MAIN level.
     Do not try to create that clearance with hero padding. */
  html body.home-v8.avix-home-page:not(.page-diagram) main#main-content,
  html body.home-v8.avix-principal-page:not(.page-diagram) main#main-content{
    padding-top:var(--avix-m-chrome)!important;
    overflow:visible!important;
  }
  html body.home-v8.avix-home-page:not(.page-diagram) main#main-content > section.av5-hero.avix-home-hero,
  html body.home-v8.avix-principal-page:not(.page-diagram) main#main-content > section.avix-principal-hero{
    padding-top:0!important;
    margin-top:0!important;
  }
  html body.home-v8.avix-home-page:not(.page-diagram) main#main-content section.av5-hero.avix-home-hero .av5-hero-copy,
  html body.home-v8.avix-principal-page:not(.page-diagram) main#main-content section.avix-principal-hero :is(.s12-hero-copy,.p3-hero-copy,.co18-hero-copy,.tc-hero-copy,.fp-hero-copy){
    padding-top:24px!important;
    margin-top:0!important;
  }

  /* The section submenu still docks immediately below the fixed chrome. */
  html body.home-v8:is(.avix-home-page,.avix-principal-page):not(.page-diagram) .avix-section-nav{
    top:var(--avix-m-chrome)!important;
  }

  /* 02 — PRODUCTS HERO: make the supplied four-bottle group truly smaller.
     About 16–17% smaller than the previous 240px mobile treatment. */
  html body.home-v8.products-v3.avix-principal-page:not(.page-diagram)
  main#main-content > section.p3-hero.avix-principal-hero .p3-hero-products{
    width:min(52vw,200px)!important;
    max-width:200px!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:12px auto 30px!important;
    padding:0!important;
    transform:none!important;
    overflow:visible!important;
  }
  html body.home-v8.products-v3.avix-principal-page:not(.page-diagram)
  main#main-content > section.p3-hero.avix-principal-hero .p3-hero-products img{
    display:block!important;
    width:100%!important;
    max-width:200px!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    transform:none!important;
    object-fit:contain!important;
  }
  html body.home-v8.products-v3.avix-principal-page:not(.page-diagram)
  main#main-content > section.p3-hero.avix-principal-hero .p3-hero-halo{
    width:215px!important;
    height:215px!important;
    transform:scale(.9)!important;
  }

  /* 03 — CONTACT PAGE: normal section transition, no accidental dead space. */
  html body.home-v8.tc-contact-page.avix-principal-page:not(.page-diagram)
  main#main-content > section.tc-contact-path{
    min-height:0!important;
    margin:0!important;
    padding:24px 0 10px!important;
  }
  html body.home-v8.tc-contact-page.avix-principal-page:not(.page-diagram)
  main#main-content > section.tc-contact-path .sr-contact-choices{
    margin:0!important;
    padding:0!important;
  }
  html body.home-v8.tc-contact-page.avix-principal-page:not(.page-diagram)
  main#main-content > section.tc-contact-main{
    min-height:0!important;
    margin:0!important;
    padding-top:18px!important;
  }
  html body.home-v8.tc-contact-page.avix-principal-page:not(.page-diagram)
  main#main-content > section.tc-contact-main .av5-section-head{
    margin-top:0!important;
  }

  /* 04 — FOOTER CONTACT: standard readable type + compact, balanced columns. */
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-contact{
    display:grid!important;
    grid-template-columns:minmax(0,1.38fr) minmax(0,.82fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:6px!important;
    row-gap:7px!important;
    align-items:end!important;
    min-height:0!important;
    margin-top:10px!important;
    padding:0!important;
  }
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-contact > h2{
    grid-column:1/-1!important;
    margin:0!important;
    padding:0!important;
  }
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-contact-block{
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
  }
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-contact-block span{
    margin:0 0 5px!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.10em!important;
    font-weight:800!important;
  }
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-contact-block a{
    margin:0!important;
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:500!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-linkedin{
    grid-column:3!important;
    grid-row:2!important;
    align-self:end!important;
    justify-self:end!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }

  /* Clean T-junction: horizontal office rule and centre rule physically overlap. */
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-offices{
    position:relative!important;
    margin-top:10px!important;
    padding-top:0!important;
    border-top:1px solid rgba(255,255,255,.17)!important;
  }
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-offices::after{
    top:-1px!important;
    bottom:0!important;
  }
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-office,
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-office + .avix-footer-office{
    padding-top:14px!important;
  }
}

@media (max-width:360px){
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-contact{
    grid-template-columns:minmax(0,1.42fr) minmax(0,.78fr) auto!important;
    column-gap:5px!important;
  }
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-contact-block a,
  html body:not(.page-diagram) footer.avix-global-footer .avix-footer-linkedin{
    font-size:12.5px!important;
  }
}