/* Visuelle Abstimmung */
html{scroll-behavior:smooth!important;}
#categories,#cart,#products{scroll-margin-top:105px!important;}

/* Hero Buttons */
.hero-actions{gap:10px!important;}
.hero-actions .hero-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;}

/* Kategorien: keine abgeschnittenen Bilder, mobil sauber */
.tab-container{
  max-width:1360px!important;
  display:block!important;
  margin:12px auto 18px!important;
  padding:14px!important;
  overflow:visible!important;
  position:relative!important;
  top:auto!important;
}
.tabs{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
  overflow-x:hidden!important;
  max-height:none!important;
  width:100%!important;
}
.tabs button,.tab,.category-tab-img{
  width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  justify-content:center!important;
  text-align:center!important;
}
.category-tab-img{
  min-height:82px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  padding:9px!important;
  border-radius:20px!important;
}
.category-tab-img img{
  width:100%!important;
  height:44px!important;
  min-width:0!important;
  max-width:92px!important;
  border-radius:14px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:rgba(255,255,255,.12)!important;
  padding:4px!important;
  box-sizing:border-box!important;
}
.category-tab-img span{font-size:12px!important;line-height:1.15!important;}
.tab.utility{min-height:82px!important;border-radius:20px!important;}

/* Kategorie-Banner-Bild komplett darstellen */
.category-banner{align-items:center!important;}
.category-banner img{
  object-fit:contain!important;
  object-position:center!important;
  background:rgba(255,255,255,.10)!important;
  padding:8px!important;
  box-sizing:border-box!important;
  width:min(280px,34vw)!important;
  max-width:100%!important;
  height:130px!important;
}

/* Desktop: wieder mehrere nebeneinander, aber kompakt */
.shop-layout{
  max-width:1360px!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  grid-template-areas:"activity cart" "deal cart" "products cart" "legend cart"!important;
  gap:12px 16px!important;
  align-items:start!important;
}
#liveActivityBox{margin:0!important;}
.dailyDealBox{margin:0!important;}
.product-stage,#products{
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;
  gap:12px!important;
}

/* Warenkorb deutlicher */
#cart{
  border:1px solid rgba(255,122,24,.42)!important;
  box-shadow:0 22px 70px rgba(255,122,24,.14),0 24px 70px rgba(0,0,0,.42)!important;
  background:radial-gradient(circle at top right,rgba(255,122,24,.24),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;
}
#cart .cart-kicker{
  background:linear-gradient(135deg,var(--brand,#ff7a18),var(--brand2,#ff2d55))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 12px 28px rgba(255,45,85,.22)!important;
}
#cart h3::after{
  content:"";
  display:block;
  width:64px;
  height:3px;
  margin-top:9px;
  border-radius:99px;
  background:linear-gradient(135deg,var(--brand,#ff7a18),var(--brand2,#ff2d55));
}
#finalBtn{font-size:15px!important;padding:13px 14px!important;}

/* Mobile: Bilder nicht abschneiden, Kategorien 2-spaltig */
@media(max-width:980px){
  .shop-layout{
    max-width:720px!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"cart" "activity" "deal" "products" "legend"!important;
    gap:12px!important;
  }
  #cart{position:relative!important;top:auto!important;}
  .product-stage,#products{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  #categories,#cart,#products{scroll-margin-top:88px!important;}
  .tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .category-tab-img,.tab.utility{min-height:86px!important;border-radius:18px!important;}
  .category-tab-img img{
    display:block!important;
    width:100%!important;
    max-width:96px!important;
    height:46px!important;
    object-fit:contain!important;
    border-radius:13px!important;
  }
  .category-banner{display:flex!important;flex-direction:column!important;align-items:flex-start!important;}
  .category-banner img{
    display:block!important;
    width:100%!important;
    height:170px!important;
    object-fit:contain!important;
  }
  .hero-actions .hero-btn{flex:1 1 calc(50% - 8px)!important;font-size:13px!important;padding:12px 10px!important;}
}
@media(max-width:420px){
  .tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .category-tab-img span{font-size:11px!important;}
}