/* TrendishShop v194 — MOBILE ONLY: align logo with search row on HOME + SHOP.
   Fixes the real cause: the logo wrapper/visual kept old 64px/52px heights
   while the mobile search row is only 36px/33px high. Desktop is untouched. */

@media (max-width:900px){
  .site-header .header-main.header-standard-layout,
  body.home-overlay-layout .site-header.is-home-overlay .header-main.header-standard-layout{
    align-items:center!important;
  }

  .site-header .header-standard-logo,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
    top:auto!important;
    bottom:auto!important;
  }

  .site-header .header-standard-logo .site-logo-visual,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo .site-logo-visual{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
  }

  .site-header .header-standard-logo .site-logo-visual img,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo .site-logo-visual img{
    height:29px!important;
    max-height:29px!important;
    margin:0!important;
    object-fit:contain!important;
  }

  /* Preserve the requested inward position, but remove the bad vertical shift. */
  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:480px){
  .site-header .header-standard-logo,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo,
  .site-header .header-standard-logo .site-logo-visual,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo .site-logo-visual{
    height:33px!important;
    min-height:33px!important;
    max-height:33px!important;
  }

  .site-header .header-standard-logo .site-logo-visual img,
  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo .site-logo-visual img{
    height:27px!important;
    max-height:27px!important;
  }

  body.home-overlay-layout .site-header.is-home-overlay .header-standard-logo{
    transform:translateX(20px)!important;
  }
  body:not(.home-overlay-layout) .site-header .header-standard-logo{
    transform:translateX(15px)!important;
  }
}

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