/* PAHM — MOBILE HEADER / BAG FINAL OVERRIDE v20260821-3
   Mobile only. Desktop remains untouched.
   Canonical geometry: menu left, logo true center, bag right. */
@media (max-width:700px){
  html,body{overflow-x:hidden!important}
  .header{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 52px!important;
    align-items:center!important;
    width:100%!important;
    height:80px!important;
    min-height:80px!important;
    max-height:80px!important;
    box-sizing:border-box!important;
    position:relative!important;
    overflow:visible!important;
    padding:0 10px!important;
    margin:0!important;
    background:#faf8f4!important;
    z-index:1000!important;
  }
  .header .mobile-menu{
    display:flex!important;grid-column:1!important;grid-row:1!important;
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;
    border:0!important;background:transparent!important;font-size:0!important;line-height:0!important;
    align-items:center!important;justify-content:center!important;z-index:1003!important;
  }
  .header .mobile-menu:before{content:'☰'!important;display:block!important;color:#111!important;font-family:Arial,sans-serif!important;font-size:22px!important;font-weight:400!important;line-height:1!important}
  .header .mobile-menu:after{content:none!important;display:none!important}
  .header .left-nav{display:none!important;visibility:hidden!important}
  .header .brand.brand-lockup{
    display:flex!important;grid-column:2!important;grid-row:1!important;
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;justify-self:center!important;align-self:center!important;
    width:150px!important;height:61px!important;min-width:150px!important;min-height:61px!important;max-width:150px!important;max-height:61px!important;
    margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important;border:0!important;z-index:1002!important;
  }
  .header .brand.brand-lockup:before,.header .brand.brand-lockup:after{content:none!important;display:none!important}
  .header .brand.brand-lockup .brand-direct-logo{
    display:block!important;visibility:visible!important;opacity:1!important;
    position:static!important;width:150px!important;height:61px!important;min-width:150px!important;min-height:61px!important;max-width:150px!important;max-height:61px!important;
    margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;mix-blend-mode:normal!important;
  }
  .header .brand .brand-pahm,.header .brand .brand-bypham,.header .brand .brand-monogram{display:none!important}
  /* BAG: absolute viewport-right anchor; never participates in the logo grid column. */
  .header .right-nav{
    display:flex!important;position:absolute!important;left:auto!important;right:10px!important;top:50%!important;bottom:auto!important;
    transform:translateY(-50%)!important;grid-column:auto!important;grid-row:auto!important;
    align-items:center!important;justify-content:center!important;
    width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;
    margin:0!important;padding:0!important;overflow:visible!important;z-index:1200!important;
  }
  .header .right-nav #searchBtn,.header .right-nav #accountBtn{display:none!important}
  .header .right-nav #bagBtn{
    display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;
    width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#111!important;
    font-size:0!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;overflow:visible!important;transform:none!important;
  }
  .header .right-nav #bagBtn:before,.header .right-nav #bagBtn:after{content:none!important;display:none!important}
  .header .right-nav #bagBtn .pahm-bag-icon{display:flex!important;visibility:visible!important;opacity:1!important;width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important}
  .header .right-nav #bagBtn .pahm-bag-icon svg{display:block!important;visibility:visible!important;opacity:1!important;width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;max-width:25px!important;max-height:25px!important;margin:0!important;padding:0!important}
  .header .right-nav #bagBtn .pahm-bag-label{display:none!important}
  .header .right-nav #bagBtn #bagCount{
    position:absolute!important;top:-1px!important;right:-2px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:14px!important;height:14px!important;min-width:14px!important;margin:0!important;padding:0!important;border-radius:50%!important;
    background:#111!important;color:#fff!important;font:500 7px/14px Arial,sans-serif!important;letter-spacing:0!important;z-index:3!important;
  }
}
@media (max-width:420px){
  .header{grid-template-columns:42px minmax(0,1fr) 48px!important;padding:0 8px!important}
  .header .brand.brand-lockup,.header>.brand.brand-lockup{width:150px!important;height:61px!important;min-width:150px!important;min-height:61px!important;max-width:150px!important;max-height:61px!important}
  .header .brand.brand-lockup .brand-direct-logo,.header>.brand.brand-lockup .brand-direct-logo{width:150px!important;height:61px!important;min-width:150px!important;min-height:61px!important;max-width:150px!important;max-height:61px!important}
  .header .right-nav{right:8px!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important}
}
@media (min-width:701px){
  .pahm-bag-icon{display:inline-flex;vertical-align:middle;width:17px;height:17px;align-items:center;justify-content:center;margin-right:5px}
  .pahm-bag-icon svg{width:17px;height:17px;display:block}
  .pahm-bag-label{display:inline}
}
