/* Header Buttons und Desktop Warenkorb-/Produktlayout */
html{scroll-behavior:auto!important;}
#categories,#cart,#products{scroll-margin-top:112px!important;}

/* Schönere Header-Buttons */
.site-header .header-inner{gap:12px!important;}
.header-quick-links{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
}
.header-quick-btn{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:42px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06))!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:950!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.14)!important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease!important;
}
.header-quick-btn:first-child::before{content:"▦";font-size:14px;}
.header-quick-btn.cart-link::before{content:"";}
.header-quick-btn:hover,
.header-quick-btn:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(255,184,77,.55)!important;
  background:linear-gradient(135deg,#ff8a1c,#ff3d68)!important;
  outline:none!important;
}
.header-quick-btn.cart-link{
  background:linear-gradient(135deg,rgba(255,138,28,.26),rgba(255,45,85,.18))!important;
  border-color:rgba(255,184,77,.28)!important;
}
.site-header .menu-toggle{
  box-shadow:0 10px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.14)!important;
}

/* Desktop: Produkte links, Warenkorb rechts; Produktkarten bleiben kompakt */
@media(min-width:981px){
  .shop-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 350px!important;
    grid-template-areas:
      "activity cart"
      "deal cart"
      "products cart"
      "legend cart"!important;
    gap:14px!important;
    align-items:start!important;
    max-width:1320px!important;
    padding:0 14px 36px!important;
  }
  #liveActivityBox{grid-area:activity!important;}
  .dailyDealBox{grid-area:deal!important;}
  #products,.product-stage{
    grid-area:products!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
  }
  #cart{
    grid-area:cart!important;
    position:sticky!important;
    top:132px!important;
    align-self:start!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border:1px solid rgba(255,184,77,.28)!important;
    box-shadow:0 20px 55px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.04) inset!important;
  }
  .legend{grid-area:legend!important;}
  .product{
    padding:11px!important;
    border-radius:16px!important;
    min-height:0!important;
  }
  .product h4{font-size:13px!important;line-height:1.22!important;min-height:42px!important;}
  .discounted-price{font-size:18px!important;}
  .quantity-container button{width:28px!important;height:28px!important;}
  .quantity-container input{width:40px!important;height:28px!important;}
}

@media(min-width:1320px){
  .shop-layout{grid-template-columns:minmax(0,1fr) 370px!important;}
  #products,.product-stage{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important;}
}

/* Mobile: Buttons im Header schön, aber nicht zu groß */
@media(max-width:760px){
  .site-header .header-inner{flex-wrap:wrap!important;gap:8px!important;}
  .site-header .brand{flex:1 1 calc(100% - 108px)!important;min-width:0!important;}
  .header-quick-links{
    order:3!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-left:0!important;
  }
  .header-quick-btn{width:100%!important;min-height:38px!important;padding:9px 10px!important;font-size:12px!important;}
  #categories,#cart,#products{scroll-margin-top:145px!important;}
}