/* Kategorie- und Favoritenlayout */
:root{
  --final-bg:#080b12;
  --final-card:rgba(255,255,255,.08);
  --final-card-2:rgba(255,255,255,.045);
  --final-line:rgba(255,255,255,.14);
  --final-text:#f8fafc;
  --final-muted:#cbd5e1;
  --final-brand:#ff7a18;
  --final-brand-2:#ff2d55;
}

/* Kategorien: umbrechen statt scrollen */
.tab-container{
  position:relative!important;
  top:auto!important;
  overflow:visible!important;
  align-items:start!important;
}
.tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  max-height:none!important;
  height:auto!important;
  white-space:normal!important;
  gap:10px!important;
  padding:2px!important;
}
.tabs button,.tab{
  flex:0 1 auto!important;
  white-space:normal!important;
  overflow:visible!important;
}
.category-tab-img{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:48px!important;
  padding:7px 12px 7px 8px!important;
  border-radius:999px!important;
}
.category-tab-img img{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  display:block!important;
  box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
.category-tab-img span{line-height:1.1!important;}
.category-banner p{display:none!important;}
.category-banner img{display:block!important;}
@media(max-width:620px){
  .tabs{gap:8px!important;}
  .category-tab-img{font-size:12px!important;padding:6px 9px 6px 6px!important;}
  .category-tab-img img{width:30px!important;height:30px!important;min-width:30px!important;}
  .category-banner img{display:block!important;width:100%!important;height:140px!important;}
}

/* Favoriten-Seite */
body.favorites-page{
  background:radial-gradient(circle at top left,rgba(255,122,24,.20),transparent 34%),radial-gradient(circle at top right,rgba(255,45,85,.15),transparent 30%),var(--final-bg)!important;
  color:var(--final-text)!important;
  font-family:Inter,Arial,sans-serif!important;
  padding:0!important;
  min-height:100vh!important;
}
.favorites-hero,
.favorites-shell{
  max-width:1120px!important;
  margin:24px auto!important;
  border:1px solid var(--final-line)!important;
  background:linear-gradient(180deg,var(--final-card),var(--final-card-2))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.35)!important;
  border-radius:28px!important;
  color:var(--final-text)!important;
  backdrop-filter:blur(18px)!important;
}
.favorites-hero{padding:34px 28px!important;margin-top:28px!important;}
.favorites-hero h1{font-size:clamp(30px,4vw,54px)!important;line-height:1!important;margin:14px 0 10px!important;color:#fff!important;}
.favorites-hero p{color:var(--final-muted)!important;margin:0!important;line-height:1.6!important;}
.favorites-shell{padding:24px!important;}
.favorites-page h2,.favorites-page h3,.favorites-page .name{color:#fff!important;}
.favorites-page .categoryTitle{
  background:linear-gradient(135deg,rgba(255,122,24,.24),rgba(255,45,85,.16))!important;
  border:1px solid rgba(255,122,24,.25)!important;
  color:#fff!important;
  padding:12px 16px!important;
  border-radius:18px!important;
}
.favorites-page .item{
  background:rgba(255,255,255,.055)!important;
  border:1px solid var(--final-line)!important;
  border-radius:18px!important;
  padding:14px!important;
  margin:10px 0!important;
  color:var(--final-text)!important;
}
.favorites-page .meta{color:var(--final-muted)!important;}
.favorites-page .qty{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border:1px solid var(--final-line)!important;
}
.favorites-page .btn,
.favorites-page button.btn,
.favorites-page a.btn{
  background:linear-gradient(135deg,var(--final-brand),var(--final-brand-2))!important;
  color:#fff!important;
  border:0!important;
  border-radius:14px!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(255,45,85,.16)!important;
}
.favorites-page .btn.green{background:linear-gradient(135deg,#22c55e,var(--final-brand))!important;}
.favorites-page .btn.gray{background:rgba(255,255,255,.11)!important;border:1px solid var(--final-line)!important;box-shadow:none!important;}
.favorites-page .empty,
.favorites-page #miniCart{
  background:rgba(255,255,255,.065)!important;
  color:var(--final-text)!important;
  border:1px solid var(--final-line)!important;
  border-radius:20px!important;
}
.favorites-page .cartLine{border-bottom:1px solid var(--final-line)!important;color:var(--final-text)!important;}
@media(max-width:700px){
  .favorites-hero,.favorites-shell{margin:14px 10px!important;border-radius:22px!important;}
  .favorites-shell{padding:16px!important;}
  .favorites-page .actions{width:100%!important;}
  .favorites-page .btn{width:100%;text-align:center;}
}

/* Kategorie-Bilder komplett sichtbar, kein Scroll */
html{scroll-behavior:smooth!important;}
.tab-container{
  display:block!important;
  max-width:720px!important;
  margin:12px auto 18px!important;
  padding:12px!important;
  overflow:visible!important;
}
.tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  max-height:none!important;
  height:auto!important;
}
.tabs button,.tab,.category-tab-img{
  width:100%!important;
  min-width:0!important;
  flex:none!important;
  justify-content:flex-start!important;
}
.category-tab-img img{
  object-fit:contain!important;
  background:rgba(255,255,255,.10)!important;
  padding:2px!important;
}
.category-banner img{
  object-fit:contain!important;
  background:rgba(255,255,255,.08)!important;
  padding:8px!important;
}
.search-box{margin-top:12px!important;width:100%!important;}
.search-box input{width:100%!important;box-sizing:border-box!important;}
.shop-layout{
  grid-template-columns:1fr!important;
  grid-template-areas:"cart" "activity" "deal" "products" "legend"!important;
  max-width:720px!important;
  margin:0 auto!important;
}
#cart{position:relative!important;top:auto!important;}
.product-stage,#products{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.product{padding:11px!important;border-radius:16px!important;}
.product h4{font-size:13px!important;min-height:48px!important;}
.discounted-price{font-size:18px!important;}
.addBtn,#finalBtn,.dailyDealBtn{font-size:12px!important;padding:8px!important;}
.category-banner{padding:16px!important;}
.category-banner img{display:block!important;width:100%!important;height:150px!important;}
@media(max-width:420px){
  .tabs{grid-template-columns:1fr!important;}
}