/*
 * Logo vetrina 2026-07-12
 * Home: il logo cavalca la linea azzurra, metà sopra e metà sotto, come
 * nell'impostazione originale. Lo spazio sotto è riservato nel layout,
 * quindi il logo non copre hero, breadcrumb o schede prodotto.
 */
.shop-header{
  position:relative!important;
}
.shop-header .shop-header-main{
  align-items:center!important;
  box-sizing:border-box!important;
  position:relative!important;
}
.shop-header .shop-brand{
  min-height:0!important;
}
.shop-header .shop-logo-frame{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.shop-header .shop-logo-frame img,
.shop-header .shop-logo-frame .site-logo-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  filter:none!important;
}
.shop-header .shop-header-stripe{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
}

/* HOME — centro verticale del logo esattamente sulla linea. */
body.public-storefront-body:not(.shop-detail-body) .shop-header{
  overflow:visible!important;
}
body.public-storefront-body:not(.shop-detail-body) .shop-header-main{
  min-height:98px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
body.public-storefront-body:not(.shop-detail-body) .shop-brand{
  position:relative!important;
  align-self:stretch!important;
  min-height:98px!important;
  z-index:5!important;
}
body.public-storefront-body:not(.shop-detail-body) .shop-logo-frame{
  position:absolute!important;
  left:0!important;
  top:100%!important;
  transform:translateY(-50%)!important;
  width:250px!important;
  height:190px!important;
  z-index:5!important;
}
body.public-storefront-body:not(.shop-detail-body) .shop-header-stripe{
  z-index:1!important;
}
body.public-storefront-body:not(.shop-detail-body) .shop-hero{
  padding-top:128px!important;
}

/* PAGINE INTERNE — logo contenuto nella testata, senza sovrapposizioni. */
.shop-detail-header{
  overflow:hidden!important;
}
.shop-detail-header .shop-header-main{
  min-height:136px!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}
.shop-detail-header .shop-brand{
  align-self:center!important;
}
.shop-detail-header .shop-logo-frame{
  position:static!important;
  width:194px!important;
  height:106px!important;
  transform:none!important;
  padding:3px 6px!important;
}
.shop-detail-main{
  padding-top:30px!important;
}
.shop-detail-main .shop-breadcrumb{
  margin-top:0!important;
}

@media (max-width:900px){
  body.public-storefront-body:not(.shop-detail-body) .shop-header-main{
    min-height:86px!important;
  }
  body.public-storefront-body:not(.shop-detail-body) .shop-brand{
    min-height:86px!important;
  }
  body.public-storefront-body:not(.shop-detail-body) .shop-logo-frame{
    width:214px!important;
    height:164px!important;
  }
  body.public-storefront-body:not(.shop-detail-body) .shop-hero{
    padding-top:112px!important;
  }
  .shop-detail-header .shop-header-main{
    min-height:124px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  .shop-detail-header .shop-logo-frame{
    width:172px!important;
    height:92px!important;
  }
  .shop-detail-main{
    padding-top:24px!important;
  }
}

@media (max-width:620px){
  .shop-header .shop-header-main{
    gap:10px!important;
  }
  body.public-storefront-body:not(.shop-detail-body) .shop-header-main{
    min-height:68px!important;
  }
  body.public-storefront-body:not(.shop-detail-body) .shop-brand{
    min-height:68px!important;
  }
  body.public-storefront-body:not(.shop-detail-body) .shop-logo-frame{
    left:-2px!important;
    width:170px!important;
    height:130px!important;
  }
  body.public-storefront-body:not(.shop-detail-body) .shop-hero{
    padding-top:92px!important;
  }
  .shop-detail-header .shop-header-main{
    min-height:104px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  .shop-detail-header .shop-logo-frame{
    width:140px!important;
    height:78px!important;
    padding:2px 3px!important;
  }
  .shop-detail-main{
    padding-top:18px!important;
  }
}