/* TrendishShop v192 — MOBILE ONLY logo position correction.
   Purpose: move the logo inward/right on both home and shop/mobile pages.
   No desktop styles are changed. */

@media (max-width:900px){
  /* Home page header logo: keep it on the left side, but not glued to the edge. */
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo{
    transform:translateX(24px)!important;
  }

  /* Shop and all non-home mobile pages: same visual inset from the left edge. */
  body:not(.home-overlay-layout) .site-header .header-standard-logo{
    transform:translateX(18px)!important;
  }
}

@media (max-width:480px){
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo{
    transform:translateX(22px)!important;
  }
  body:not(.home-overlay-layout) .site-header .header-standard-logo{
    transform:translateX(16px)!important;
  }
}

@media (max-width:340px){
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo{
    transform:translateX(18px)!important;
  }
  body:not(.home-overlay-layout) .site-header .header-standard-logo{
    transform:translateX(14px)!important;
  }
}