/* AVIX Water v94 — cross-device tablet QA */

@media(min-width:768px) and (max-width:899px){
  :root{--avix-tablet-gutter:28px}
  body:not(.page-diagram) :is(.av5-container,.container,.avix-footer-shell){width:calc(100% - (2 * var(--avix-tablet-gutter)))!important;max-width:none!important;margin-inline:auto!important}
  body:not(.page-diagram) .av5-header-inner{width:calc(100% - (2 * var(--avix-tablet-gutter)))!important;max-width:none!important}
  body:not(.page-diagram) :is(.av5-hero-grid,.s12-hero-grid,.p3-hero-grid,.co18-hero-grid,.tc-hero-grid,.fp-hero-grid){grid-template-columns:1fr!important;gap:24px!important;min-height:0!important}
  body:not(.page-diagram) :is(.av5-hero-copy,.s12-hero-copy,.p3-hero-copy,.co18-hero-copy,.tc-hero-copy,.fp-hero-copy){padding:42px 0 0!important;max-width:720px!important}
  body:not(.page-diagram) .avix-principal-hero,body.avix-home-page .avix-home-hero{min-height:0!important;height:auto!important;padding-bottom:42px!important}
  body:not(.page-diagram) :is(.s12-hero-visual,.p3-hero-products,.co18-hero-visual,.team9-hero-art,.fp-hero-visual,.avix-utility-visual){width:min(100%,500px)!important;max-width:500px!important;margin:0 auto!important;transform:none!important}
  body.avix-home-page .av5-hero-bottle{width:100%!important;max-width:330px!important;min-height:380px!important;margin:0 auto!important;transform:none!important}
  body.avix-home-page .av5-hero-bottle img{width:auto!important;max-width:230px!important;height:auto!important;left:50%!important;transform:translateX(-50%)!important}
  body:not(.page-diagram) .av5-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
  body:not(.page-diagram) .av5-actions .av5-button{width:auto!important;min-width:190px!important}
  body:not(.page-diagram) .avix-footer-top{grid-template-columns:1fr 1fr!important;gap:28px!important}
  body:not(.page-diagram) .avix-footer-brand{grid-column:1/-1!important}
  body:not(.page-diagram) .avix-footer-offices{grid-template-columns:1fr 1fr!important;gap:20px!important}
  body:not(.page-diagram) .avix-footer-office{border-top:0!important;padding-top:0!important}
}

@media(min-width:900px) and (max-width:1024px){
  :root{--avix-tablet-gutter:36px}
  body:not(.page-diagram) :is(.av5-container,.container,.avix-footer-shell){width:calc(100% - (2 * var(--avix-tablet-gutter)))!important;max-width:none!important;margin-inline:auto!important}
  body:not(.page-diagram) .av5-header-inner{width:calc(100% - (2 * var(--avix-tablet-gutter)))!important;max-width:none!important}
  body.avix-home-page .av5-hero-grid,
  body.science-v12 .s12-hero-grid,
  body.products-v3 .p3-hero-grid,
  body.co18-page .co18-hero-grid,
  body.tc-team-page .tc-hero-grid,
  body.tc-contact-page .tc-hero-grid,
  body.fp-page .fp-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;gap:30px!important;align-items:center!important;min-height:0!important}
  body:not(.page-diagram) .avix-principal-hero,body.avix-home-page .avix-home-hero{min-height:0!important;height:auto!important;padding-bottom:48px!important}
  body:not(.page-diagram) :is(.av5-hero-copy,.s12-hero-copy,.p3-hero-copy,.co18-hero-copy,.tc-hero-copy,.fp-hero-copy){padding:50px 0!important;max-width:none!important}
  body:not(.page-diagram) .avix-principal-hero h1,body.avix-home-page .avix-home-hero h1{font-size:clamp(48px,5.7vw,60px)!important;line-height:.98!important}
  body:not(.page-diagram) :is(.s12-hero-visual,.p3-hero-products,.co18-hero-visual,.team9-hero-art,.fp-hero-visual,.avix-utility-visual){width:100%!important;max-width:420px!important;margin:0 auto!important;transform:none!important}
  body.products-v3 .p3-hero-products img{max-width:410px!important;max-height:430px!important}
  body.avix-home-page .av5-hero-bottle{width:100%!important;max-width:340px!important;min-height:500px!important;margin:0 auto!important;transform:none!important}
  body.avix-home-page .av5-hero-bottle img{width:auto!important;max-width:260px!important;height:auto!important;left:50%!important;transform:translateX(-50%)!important}
  body:not(.page-diagram) .av5-section-head,body.co18-page .co18-section-head{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)!important;gap:38px!important}
  body:not(.page-diagram) .avix-footer-top{grid-template-columns:1.2fr .8fr .8fr!important;gap:26px!important}
  body:not(.page-diagram) .avix-footer-contact{grid-column:1/-1!important}
  body:not(.page-diagram) .avix-footer-offices{grid-template-columns:1fr 1fr!important;gap:22px!important}
}

@media(min-width:768px) and (max-width:1024px){
  body:not(.page-diagram){overflow-x:hidden!important}
  body:not(.page-diagram) :is(img,svg,video,canvas,iframe){max-width:100%!important}
  body:not(.page-diagram) .avix-section-nav__viewport{overflow-x:auto!important;scrollbar-width:none!important}
  body:not(.page-diagram) .avix-section-nav__inner{width:max-content!important;min-width:100%!important;max-width:none!important}
  body:not(.page-diagram) .avix-section-nav__link{flex:0 0 auto!important;white-space:nowrap!important}
  body:not(.page-diagram) table{display:block!important;max-width:100%!important;overflow-x:auto!important}
}

/* v94.1 product-card media sizing on tablets */
@media(min-width:768px) and (max-width:1024px){
  body.products-v3 .sr-product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
  body.products-v3 .sr-product-grid article{
    min-height:0!important;
    padding:20px!important;
    border-radius:20px!important;
  }
  body.products-v3 .sr-product-image{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    height:270px!important;
    min-height:270px!important;
    margin:0 auto 16px!important;
    overflow:hidden!important;
  }
  body.products-v3 .sr-product-image img{
    position:static!important;
    display:block!important;
    width:auto!important;
    max-width:125px!important;
    height:auto!important;
    max-height:250px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    transform:none!important;
  }
}