/* Kebap Online app-style redesign layer */
:root {
  --ko-red: #e30613;
  --ko-red-dark: #b9040f;
  --ko-yellow: #f4c400;
  --ko-ink: #111827;
  --ko-muted: #667085;
  --ko-line: #eef1f5;
  --ko-bg: #f7f7f5;
  --ko-shadow: 0 14px 34px rgba(17, 24, 39, .12);
}

html,
body {
  background: #f1f2ef !important;
  color: var(--ko-ink) !important;
}

.app-shell {
  max-width: 560px !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  background: #fff !important;
  box-shadow: 0 22px 70px rgba(17, 24, 39, .14) !important;
}

.app-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 900 !important;
  padding: 16px 16px 18px !important;
  background: linear-gradient(135deg, var(--ko-red), var(--ko-red-dark)) !important;
  border-radius: 0 0 26px 26px !important;
  box-shadow: 0 18px 42px rgba(185, 4, 15, .24) !important;
}

.top-row {
  width: 100% !important;
  max-width: 528px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
}

.brand-pill.logo-only {
  width: 88px !important;
  height: 72px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: visible !important;
}

.brand-pill.logo-only img {
  width: 88px !important;
  height: 72px !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .2));
}

.bell-cart,
.app-header #tabCart {
  display: none !important;
}

.address-pill {
  height: 58px !important;
  min-width: 0 !important;
  width: 100% !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: #fff !important;
  color: var(--ko-red) !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .16) !important;
  text-align: left !important;
}

.address-pill i:first-child {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: #fff2f3 !important;
  display: grid !important;
  place-items: center !important;
  color: var(--ko-red) !important;
}

.address-pill small {
  color: #7a7f89 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.address-pill b {
  max-width: none !important;
  color: var(--ko-red) !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
}

.app-view {
  max-width: 528px !important;
  padding: 14px 16px 112px !important;
}

.hero {
  min-height: 244px !important;
  margin: 0 0 14px !important;
  border-radius: 24px !important;
  background: #111 !important;
  box-shadow: var(--ko-shadow) !important;
}

.hero:after {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .88), rgba(0, 0, 0, .38), rgba(0, 0, 0, .05)) !important;
}

.hero-content {
  max-width: 62% !important;
  padding: 34px 20px 30px !important;
}

.hero-badge {
  background: var(--ko-red) !important;
  color: #fff !important;
  border-radius: 18px !important;
  padding: 9px 13px !important;
  font-size: 12px !important;
}

.hero h1 {
  margin-top: 12px !important;
  font-size: 34px !important;
  line-height: 1.02 !important;
}

.hero h1 strong {
  color: var(--ko-yellow) !important;
  padding: 11px 0px 0px 0px;
}

.cta {
  background: var(--ko-yellow) !important;
  color: #171717 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 22px rgba(244, 196, 0, .25) !important;
}

#catBar,
.category-rail {
  margin: -28px 0 24px !important;
  padding: 12px !important;
  border-radius: 22px !important;
  background: #fff !important;
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
  -webkit-overflow-scrolling: touch !important;
  box-shadow: 0 14px 32px rgba(17, 24, 39, .12) !important;
}

.category-rail::-webkit-scrollbar {
  height: 4px;
}

.category-rail::-webkit-scrollbar-thumb {
  background: rgba(227, 6, 19, .35);
  border-radius: 999px;
}

.cat-tile,
.btn-chip {
  min-width: 86px !important;
  height: 90px !important;
  border-radius: 18px !important;
  border: 1px solid #edf0f4 !important;
  background: #fff !important;
  color: var(--ko-ink) !important;
  box-shadow: 0 7px 18px rgba(17, 24, 39, .07) !important;
  scroll-snap-align: start !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
}

.cat-tile i {
  color: var(--ko-red) !important;
  font-size: 22px !important;
}

.cat-tile.active,
.btn-chip.active {
  background: linear-gradient(135deg, var(--ko-red), var(--ko-red-dark)) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 14px 25px rgba(227, 6, 19, .24) !important;
}

.cat-tile.active i {
  color: #fff !important;
}

.section-head {
  margin: 6px 0 14px !important;
  padding: 0 2px 10px !important;
  border-bottom: 2px solid var(--ko-yellow) !important;
}

.section-head h2 {
  font-size: 24px !important;
  line-height: 1.2 !important;
}

.product-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.product-card.mobile-product,
.product-card {
  min-height: 0 !important;
  border-radius: 17px !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 10px 25px rgba(17, 24, 39, .09) !important;
  overflow: hidden !important;
}

.product-image {
  height: 98px !important;
  background: #f1f3f5 !important;
}

.product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.product-info {
  position: relative !important;
  padding: 10px 10px 58px !important;
}

.product-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  min-height: 48px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--ko-ink) !important;
  font-size: 13px !important;
  line-height: 1.22 !important;
  font-weight: 950 !important;
}

.product-description {
  display: none !important;
}

.product-price {
  position: absolute !important;
  left: 10px !important;
  bottom: 15px !important;
  color: var(--ko-red) !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
}

.product-actions {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  display: flex !important;
  gap: 5px !important;
}

.product-actions .btn-icon,
.product-actions .btn-icon[data-action="info"],
.product-actions .btn-icon[data-action="favorite"],
.product-actions .btn-icon[data-action="add"] {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #fff2f3 !important;
  color: var(--ko-red) !important;
  box-shadow: none !important;
}

.product-actions .btn-icon[data-action="add"] {
  background: linear-gradient(135deg, var(--ko-red), var(--ko-red-dark)) !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(227, 6, 19, .22) !important;
}

.product-actions .btn-icon i {
  font-size: 13px !important;
}

.delivery-banner {
  border-radius: 18px !important;
  background: linear-gradient(135deg, var(--ko-red-dark), #ff2d20) !important;
}

.bottom-nav {
  width: min(520px, calc(100vw - 24px)) !important;
  height: 76px !important;
  border-radius: 24px !important;
}

.bottom-nav .cart-float {
  background: linear-gradient(135deg, var(--ko-red), var(--ko-red-dark)) !important;
}

.ko-modal-head {
  border-bottom: 2px solid var(--ko-yellow) !important;
}

.ko-modal-actions .btn-primary,
.ko-modal .btn-primary {
  background: linear-gradient(135deg, #d6a800, #bd8f00) !important;
  color: #fff !important;
}

@media (max-width: 480px) {
  .app-shell {
    max-width: none !important;
    box-shadow: none !important;
  }

  .top-row {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .brand-pill.logo-only,
  .brand-pill.logo-only img {
    width: 76px !important;
    height: 62px !important;
  }

  .address-pill {
    height: 54px !important;
  }

  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .product-image {
    height: 112px !important;
  }

  .product-title {
    font-size: 14px !important;
  }
}

@media (max-width: 360px) {
  .product-image {
    height: 96px !important;
  }

  .product-actions .btn-icon,
  .product-actions .btn-icon[data-action="info"],
  .product-actions .btn-icon[data-action="favorite"],
  .product-actions .btn-icon[data-action="add"] {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
  }
}


/* PATCH 002: kompakte Kategorie-Auswahl + horizontale Produktliste */
.category-rail{display:none!important}
.category-select-wrap{
  margin:-28px 0 18px!important;
  position:relative!important;
  z-index:5!important;
  background:#fff!important;
  border-radius:22px!important;
  padding:14px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.13)!important;
}
.category-select-wrap label{
  display:flex!important;align-items:center!important;gap:8px!important;
  color:#111827!important;font-weight:900!important;font-size:13px!important;margin-bottom:8px!important;
}
.category-select-wrap label i{color:var(--ko-red,#e71922)!important}
.category-select-box{position:relative!important}
.category-select-box select{
  width:100%!important;height:54px!important;border:1px solid #e7edf5!important;border-radius:18px!important;
  background:#f9fafb!important;color:#111827!important;font-size:16px!important;font-weight:900!important;
  padding:0 46px 0 16px!important;outline:none!important;appearance:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.category-select-box i{position:absolute!important;right:17px!important;top:50%!important;transform:translateY(-50%)!important;color:#e71922!important;pointer-events:none!important}
.product-list-horizontal{display:flex!important;flex-direction:column!important;gap:12px!important}
.product-card.horizontal-product{
  display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;gap:12px!important;
  align-items:stretch!important;min-height:132px!important;padding:10px!important;border-radius:22px!important;
  background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.10)!important;border:1px solid rgba(226,232,240,.65)!important;
  overflow:hidden!important;position:relative!important;
}
.product-card.horizontal-product .product-image{width:104px!important;height:112px!important;border-radius:16px!important;overflow:hidden!important;background:#f1f5f9!important;position:relative!important;flex:none!important}
.product-card.horizontal-product .product-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.product-card.horizontal-product .product-info{padding:2px 0 0!important;min-width:0!important;display:flex!important;flex-direction:column!important}
.product-card.horizontal-product .product-title{
  font-size:15px!important;line-height:1.22!important;font-weight:1000!important;color:#111827!important;margin:0!important;
  white-space:normal!important;overflow:visible!important;display:block!important;min-height:auto!important;
  word-break:break-word!important;hyphens:auto!important;
}
.product-card.horizontal-product .product-description{font-size:12px!important;line-height:1.3!important;color:#6b7280!important;margin-top:5px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:31px!important}
.product-card.horizontal-product .product-bottom{margin-top:auto!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:8px!important}
.product-card.horizontal-product .product-price{position:static!important;color:#c8101d!important;font-size:15px!important;font-weight:1000!important;white-space:nowrap!important}
.product-card.horizontal-product .product-actions{position:static!important;display:flex!important;gap:6px!important;flex:none!important}
.product-card.horizontal-product .product-actions .btn-icon,
.product-card.horizontal-product .product-actions .btn-icon[data-action="info"],
.product-card.horizontal-product .product-actions .btn-icon[data-action="favorite"],
.product-card.horizontal-product .product-actions .btn-icon[data-action="add"]{
  display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:13px!important;border:0!important;
  background:#fff1f2!important;color:#e71922!important;box-shadow:none!important;font-size:13px!important;
}
.product-card.horizontal-product .product-actions .btn-add{background:linear-gradient(135deg,#e71922,#b60912)!important;color:#fff!important;box-shadow:0 8px 16px rgba(231,25,34,.25)!important}
.product-card.horizontal-product .product-actions .is-favorite{background:#e71922!important;color:#fff!important}
.bottom-nav{left:50%!important;right:auto!important;bottom:14px!important;transform:translateX(-50%)!important;width:min(520px,calc(100vw - 32px))!important;border-radius:24px!important;padding:9px 10px!important}
@media(max-width:380px){.product-card.horizontal-product{grid-template-columns:92px minmax(0,1fr)!important}.product-card.horizontal-product .product-image{width:92px!important;height:104px!important}.product-card.horizontal-product .product-actions .btn-icon{width:31px!important;height:31px!important;min-width:31px!important}.product-card.horizontal-product .product-title{font-size:14px!important}}


/* PATCH 003: Bestellungen wiederherstellen + kompakte App-Bar */
/* 2026-06 App order page polish */
.desktop-nav{display:none!important}
.app-view{margin:0 auto!important;width:100%!important;max-width:528px!important}
.ko-orders-page{padding:8px 0 110px!important;background:#fff!important}
.ko-orders-page .ko-page-head{align-items:flex-start!important;gap:12px!important;margin:0 0 18px!important;padding:4px 2px 0!important}
.ko-orders-page .ko-page-head h1{font-size:30px!important;line-height:1.05!important;margin:0 0 8px!important;font-weight:1000!important;letter-spacing:-.8px!important;color:#101828!important}
.ko-orders-page .ko-page-head p{margin:0!important;color:#667085!important;font-weight:750!important}
.ko-orders-page .ko-stats{margin-left:auto!important;display:flex!important;flex-direction:column!important;gap:6px!important;align-items:flex-end!important}
.ko-orders-page .ko-stats span{border-radius:999px!important;background:#fff4f4!important;color:var(--ko-red)!important;padding:7px 11px!important;font-size:12px!important;font-weight:950!important}
.ko-order-tabs{display:flex!important;gap:8px!important;overflow:auto!important;padding:2px 2px 14px!important;margin:0 0 8px!important;scrollbar-width:none!important}
.ko-order-tabs::-webkit-scrollbar{display:none!important}
.ko-order-tabs a{flex:0 0 auto!important;text-decoration:none!important;border:1px solid #eef1f5!important;background:#fff!important;color:#344054!important;border-radius:999px!important;padding:9px 12px!important;font-weight:900!important;font-size:13px!important;box-shadow:0 8px 18px rgba(17,24,39,.06)!important}
.ko-order-tabs a:first-child{background:linear-gradient(135deg,var(--ko-red),var(--ko-red-dark))!important;color:#fff!important;border-color:transparent!important}
.ko-order-section{margin:18px 0 6px!important}
.ko-order-section h2{font-size:21px!important;line-height:1.1!important;margin:0 0 12px!important;padding-bottom:12px!important;border-bottom:2px solid var(--ko-yellow)!important;font-weight:1000!important;color:#101828!important}
.ko-order-list{display:grid!important;gap:13px!important}
.ko-order-card{border:0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 14px 34px rgba(17,24,39,.10)!important;padding:16px!important;overflow:hidden!important}
.ko-order-topline,.ko-order-bottomline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.ko-order-main small{display:block!important;color:#98a2b3!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin-bottom:3px!important}
.ko-order-main h3{font-size:18px!important;line-height:1.2!important;margin:0!important;font-weight:1000!important;color:#101828!important;word-break:break-word!important}
.ko-status{border-radius:999px!important;padding:7px 10px!important;font-size:12px!important;font-weight:950!important;white-space:nowrap!important;background:#eef4ff!important;color:#175cd3!important}
.ko-status.wait,.ko-status.warn{background:#fff7e6!important;color:#b54708!important}
.ko-status.ok{background:#ecfdf3!important;color:#027a48!important}
.ko-status.cancel{background:#fff1f3!important;color:#c01048!important}
.ko-order-date{display:flex!important;align-items:center!important;gap:8px!important;color:#667085!important;font-weight:800!important;font-size:13px!important;margin:12px 0 10px!important}
.ko-order-date i{color:var(--ko-red)!important}
.ko-order-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 14px!important}
.ko-order-meta span{display:inline-flex!important;align-items:center!important;gap:6px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid #edf1f5!important;color:#475467!important;padding:7px 10px!important;font-size:12px!important;font-weight:850!important}
.ko-order-meta i{color:#111827!important}
.ko-order-bottomline strong{font-size:17px!important;font-weight:1000!important;color:var(--ko-red)!important;white-space:nowrap!important}
.ko-order-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.ko-order-actions .btn-ghost,.ko-order-actions .btn-primary{min-height:34px!important;border-radius:999px!important;padding:0 13px!important;font-size:12px!important;font-weight:950!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.ko-order-actions .btn-ghost{background:#fff!important;border:1px solid #d0d5dd!important;color:#475467!important}
.ko-order-actions .btn-primary{background:linear-gradient(135deg,var(--ko-red),var(--ko-red-dark))!important;color:#fff!important;border:0!important;box-shadow:0 10px 20px rgba(227,6,19,.18)!important}
.bottom-nav{position:fixed!important;left:50%!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(520px,calc(100vw - 48px))!important;max-width:520px!important;height:76px!important;border-radius:26px!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px)!important;box-shadow:0 18px 45px rgba(17,24,39,.18)!important;padding:8px 10px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px!important;z-index:1200!important}
.bottom-nav button{border:0!important;background:transparent!important;color:#5f6673!important;border-radius:18px!important;font-size:11px!important;font-weight:900!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0!important}
.bottom-nav button.active{color:var(--ko-red)!important;background:#fff6f6!important}
.bottom-nav .cart-float{width:68px!important;height:68px!important;border-radius:50%!important;justify-self:center!important;margin-top:-34px!important;background:linear-gradient(135deg,var(--ko-red),var(--ko-red-dark))!important;color:#fff!important;box-shadow:0 18px 35px rgba(227,6,19,.32)!important}
.bottom-nav .cart-float.active{color:#fff!important;background:linear-gradient(135deg,var(--ko-red),var(--ko-red-dark))!important}
.bottom-nav i{font-size:20px!important}.bottom-nav .cart-float i{font-size:28px!important}
@media (max-width:480px){.ko-orders-page .ko-page-head h1{font-size:28px!important}.ko-orders-page .ko-stats{display:none!important}.ko-order-topline{align-items:flex-start!important}.ko-order-bottomline{align-items:flex-start!important;flex-direction:column!important}.ko-order-actions{justify-content:flex-start!important}.bottom-nav{width:calc(100vw - 36px)!important}}


/* PATCH 003: horizontale Produktliste verfeinert */
.category-select-wrap{margin:-18px 0 20px!important}
.product-list-horizontal{display:flex!important;flex-direction:column!important;gap:12px!important}
.product-card.horizontal-product{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;width:100%!important;min-height:132px!important}
.product-card.horizontal-product .product-title{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;line-height:1.2!important;max-height:none!important;word-break:normal!important;hyphens:auto!important}
.product-card.horizontal-product .product-description{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.product-card.horizontal-product .product-bottom{margin-top:auto!important}
.desktop-nav{display:none!important}
@media (max-width:480px){.app-view{padding-bottom:118px!important}.hero h1{font-size:31px!important}.product-card.horizontal-product{grid-template-columns:96px minmax(0,1fr)!important}.product-card.horizontal-product .product-image{width:96px!important;height:106px!important}}

/* patch_004: Startseite + Produktinfo final polish */
.product-section-head{align-items:flex-end!important;margin:8px 0 12px!important;padding:0 2px!important}
.product-section-head small{display:block!important;color:#e71922!important;font-size:12px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin-bottom:4px!important}
.product-section-head h2{font-size:25px!important;line-height:1.05!important;margin:0!important;color:#101828!important;font-weight:1000!important;letter-spacing:-.6px!important}
.category-products-wrapper{display:grid!important;gap:18px!important}
.category-products-section{display:grid!important;gap:10px!important}
.category-cover{position:relative!important;min-height:118px!important;border-radius:24px!important;overflow:hidden!important;background:#111827!important;display:flex!important;align-items:flex-end!important;padding:16px!important;box-shadow:0 14px 34px rgba(17,24,39,.12)!important}
.category-cover:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.35),rgba(0,0,0,.05))!important;z-index:1!important}
.category-cover img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:.82!important}
.category-cover div{position:relative!important;z-index:2!important;color:#fff!important;max-width:75%!important}
.category-cover small{display:inline-flex!important;border-radius:999px!important;background:#e71922!important;color:#fff!important;padding:6px 10px!important;font-size:11px!important;font-weight:1000!important;margin-bottom:8px!important}
.category-cover h2{font-size:24px!important;line-height:1.05!important;margin:0 0 4px!important;font-weight:1000!important;color:#fff!important;letter-spacing:-.6px!important}
.category-cover p{margin:0!important;color:#fff!important;opacity:.88!important;font-weight:850!important;font-size:13px!important}
.product-list-horizontal{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}
.product-card.horizontal-product{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important;width:100%!important;min-height:126px!important;padding:9px!important;border-radius:23px!important;background:#fff!important;box-shadow:0 12px 30px rgba(15,23,42,.10)!important;border:1px solid rgba(226,232,240,.72)!important;overflow:hidden!important}
.product-card.horizontal-product .product-image{width:96px!important;height:108px!important;border-radius:18px!important;overflow:hidden!important;background:#f1f5f9!important;position:relative!important;flex:none!important}
.product-card.horizontal-product .product-image:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:7px!important;background:linear-gradient(90deg,#e71922,#b60912)!important;z-index:1!important}
.product-card.horizontal-product .product-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.product-card.horizontal-product .product-info{padding:2px 0!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important}
.product-card.horizontal-product .product-title{font-size:15.5px!important;line-height:1.18!important;font-weight:1000!important;color:#101828!important;margin:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;max-height:none!important;word-break:normal!important;hyphens:auto!important}
.product-card.horizontal-product .product-description{font-size:12px!important;line-height:1.25!important;color:#667085!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:auto!important}
.product-card.horizontal-product .product-bottom{margin-top:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.product-card.horizontal-product .product-price{position:static!important;color:#c8101d!important;font-size:16px!important;font-weight:1000!important;white-space:nowrap!important;letter-spacing:-.2px!important}
.product-card.horizontal-product .product-actions{position:static!important;display:flex!important;gap:7px!important;flex:none!important}
.product-card.horizontal-product .product-actions .btn-icon{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;border-radius:14px!important;border:0!important;background:#fff3f4!important;color:#e71922!important;box-shadow:none!important}
.product-card.horizontal-product .product-actions .btn-icon[data-action="info"]{display:grid!important;background:#fff7ed!important;color:#f97316!important}
.product-card.horizontal-product .product-actions .btn-add{background:linear-gradient(135deg,#e71922,#b60912)!important;color:#fff!important;box-shadow:0 8px 16px rgba(231,25,34,.25)!important}
.product-card.horizontal-product .product-actions .is-favorite{background:#e71922!important;color:#fff!important}
.ko-product-info-modal{border-radius:28px!important;max-width:min(440px,calc(100vw - 28px))!important;overflow:hidden!important}
.ko-product-info-modal .ko-modal-head{padding:18px 18px 10px!important}
.ko-product-info-hero{margin:0 18px 14px!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 12px 30px rgba(15,23,42,.13)!important}
.ko-product-info-hero img{width:100%!important;max-height:260px!important;object-fit:cover!important;display:block!important}
.ko-info-grid{display:grid!important;gap:10px!important;padding:0 18px!important}
.ko-info-grid > div{border:1px solid #edf1f5!important;border-radius:18px!important;padding:13px!important;background:#fbfcfe!important}
.ko-info-grid h3{margin:0 0 6px!important;font-size:14px!important;font-weight:1000!important;color:#101828!important}
.ko-info-grid p{margin:0!important;color:#667085!important;font-weight:650!important;line-height:1.45!important}
.ko-product-info-modal .ko-modal-actions{display:grid!important;grid-template-columns:1fr 1.2fr!important;gap:10px!important;padding:14px 18px 18px!important;background:#fff!important}
@media(max-width:390px){.category-cover{min-height:104px!important}.category-cover h2{font-size:21px!important}.product-card.horizontal-product{grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important}.product-card.horizontal-product .product-image{width:88px!important;height:102px!important}.product-card.horizontal-product .product-title{font-size:14.5px!important}.product-card.horizontal-product .product-actions .btn-icon{width:32px!important;height:32px!important;min-width:32px!important}}

/* PATCH 005: Produktliste ohne Einzelbilder – nur Kategorie-Foto + Produktname */
.product-list-horizontal{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.product-card.horizontal-product.no-product-photo{
  display:block!important;
  grid-template-columns:1fr!important;
  min-height:0!important;
  width:100%!important;
  padding:14px 14px 12px!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid rgba(226,232,240,.85)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
  overflow:visible!important;
}
.product-card.horizontal-product.no-product-photo .product-image{
  display:none!important;
}
.product-card.horizontal-product.no-product-photo .product-info{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  padding:0!important;
  min-width:0!important;
}
.product-card.horizontal-product.no-product-photo .product-title{
  display:block!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:1000!important;
  color:#101828!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-height:none!important;
  word-break:normal!important;
  hyphens:auto!important;
}
.product-card.horizontal-product.no-product-photo .product-description{
  display:block!important;
  font-size:12.5px!important;
  color:#667085!important;
  line-height:1.35!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  min-height:0!important;
}
.product-card.horizontal-product.no-product-photo .product-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-top:5px!important;
}
.product-card.horizontal-product.no-product-photo .product-price{
  color:#d90416!important;
  font-size:16px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
.product-card.horizontal-product.no-product-photo .product-actions{
  display:flex!important;
  gap:8px!important;
  flex:none!important;
}
.product-card.horizontal-product.no-product-photo .product-actions .btn-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:15px!important;
}
.category-cover{
  margin-bottom:10px!important;
}
@media(max-width:390px){
  .product-card.horizontal-product.no-product-photo{padding:13px 12px 11px!important;border-radius:20px!important}
  .product-card.horizontal-product.no-product-photo .product-title{font-size:15px!important}
  .product-card.horizontal-product.no-product-photo .product-actions .btn-icon{width:34px!important;height:34px!important;min-width:34px!important}
}

/* PATCH 007: Startseite kompakter + Bestellungen Header/Filter platzsparend */
/* Startseite: Produkte und Kategorie-Bereich weiter nach oben/kompakter */
.category-select-wrap{
  margin:-24px 0 14px!important;
  padding:12px 14px!important;
  border-radius:22px!important;
}
.category-select-box select{
  height:50px!important;
  border-radius:17px!important;
  font-size:15px!important;
}
.product-section-head{
  margin:4px 0 8px!important;
  padding:0 2px!important;
}
.product-section-head small{
  font-size:11px!important;
  margin-bottom:3px!important;
}
.product-section-head h2{
  font-size:23px!important;
}
.category-products-wrapper{
  gap:12px!important;
}
.category-products-section{
  gap:8px!important;
}
.category-cover{
  min-height:96px!important;
  border-radius:21px!important;
  padding:13px 14px!important;
  margin-bottom:6px!important;
}
.category-cover small{
  padding:5px 9px!important;
  font-size:10px!important;
  margin-bottom:6px!important;
}
.category-cover h2{
  font-size:21px!important;
}
.category-cover p{
  font-size:12px!important;
}
.product-list-horizontal{
  gap:8px!important;
}
.product-card.horizontal-product.no-product-photo{
  padding:12px 13px 10px!important;
  border-radius:20px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.075)!important;
}
.product-card.horizontal-product.no-product-photo .product-info{
  gap:5px!important;
}
.product-card.horizontal-product.no-product-photo .product-title{
  font-size:15.5px!important;
  line-height:1.18!important;
}
.product-card.horizontal-product.no-product-photo .product-description{
  font-size:12px!important;
  line-height:1.25!important;
}
.product-card.horizontal-product.no-product-photo .product-bottom{
  margin-top:2px!important;
}
.product-card.horizontal-product.no-product-photo .product-price{
  font-size:15px!important;
}
.product-card.horizontal-product.no-product-photo .product-actions{
  gap:6px!important;
}
.product-card.horizontal-product.no-product-photo .product-actions .btn-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:13px!important;
}

/* Bestellungen: Statistik und Tabs kompakter */
.ko-orders-page{
  padding-top:4px!important;
}
.ko-orders-page .ko-page-head{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:0 0 12px!important;
}
.ko-orders-page .ko-page-head h1{
  font-size:28px!important;
  margin-bottom:6px!important;
}
.ko-orders-page .ko-page-head p{
  font-size:13px!important;
}
.ko-orders-page .ko-stats{
  margin-left:auto!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  max-width:155px!important;
}
.ko-orders-page .ko-stats span{
  padding:5px 9px!important;
  font-size:11px!important;
  line-height:1!important;
}
.ko-order-tabs{
  gap:6px!important;
  padding:1px 2px 10px!important;
  margin:0 0 5px!important;
}
.ko-order-tabs a{
  padding:7px 10px!important;
  font-size:12px!important;
  box-shadow:0 6px 14px rgba(17,24,39,.05)!important;
}
.ko-order-section{
  margin:12px 0 6px!important;
}
.ko-order-section h2{
  font-size:20px!important;
  padding-bottom:10px!important;
  margin-bottom:10px!important;
}
.ko-order-list{
  gap:10px!important;
}
.ko-order-card{
  border-radius:22px!important;
  padding:14px!important;
}
.ko-status{
  padding:6px 9px!important;
  font-size:11px!important;
}
.ko-order-meta span{
  padding:6px 9px!important;
  font-size:11.5px!important;
}

@media (max-width:480px){
  .ko-orders-page .ko-stats{display:flex!important;max-width:150px!important}
  .ko-orders-page .ko-page-head h1{font-size:27px!important}
  .category-select-wrap{margin:-22px 0 12px!important}
}
@media (max-width:390px){
  .category-cover{min-height:88px!important}
  .category-cover h2{font-size:19px!important}
  .product-card.horizontal-product.no-product-photo{padding:11px 12px 9px!important}
  .product-card.horizontal-product.no-product-photo .product-actions .btn-icon{width:32px!important;height:32px!important;min-width:32px!important}
  .ko-orders-page .ko-stats{max-width:136px!important;gap:5px!important}
  .ko-orders-page .ko-stats span{font-size:10.5px!important;padding:5px 8px!important}
  .ko-order-tabs a{font-size:11.5px!important;padding:7px 9px!important}
}

/* PATCH 008: finaler Feinschliff - mehr Platz, kompakter Header/Hero/Produkte/Bestellungen */
.app-header{
  padding:10px 14px 14px!important;
  border-radius:0 0 22px 22px!important;
  box-shadow:0 12px 30px rgba(185,4,15,.20)!important;
}
.top-row{
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:10px!important;
}
.brand-pill.logo-only,
.brand-pill.logo-only img{
  width:70px!important;
  height:56px!important;
}
.address-pill{
  height:50px!important;
  border-radius:25px!important;
  padding:0 14px!important;
  gap:9px!important;
}
.address-pill i:first-child{
  width:28px!important;
  height:28px!important;
}
.address-pill small{
  font-size:10px!important;
  line-height:1!important;
}
.address-pill b{
  font-size:14px!important;
  line-height:1.05!important;
}
.app-view{
  padding-top:10px!important;
  padding-bottom:98px!important;
}
.hero{
  min-height:194px!important;
  margin:0 0 10px!important;
  border-radius:22px!important;
}
.hero-content{
  max-width:66%!important;
  padding:24px 18px 22px!important;
}
.hero-badge{
  padding:7px 11px!important;
  font-size:11px!important;
}
.hero h1{
  margin-top:9px!important;
  font-size:27px!important;
  line-height:1.02!important;
  color: #e4682d;
}
.hero .cta,
.cta{
  min-height:44px!important;
  padding:0 14px!important;
  font-size:13px!important;
}
.category-select-wrap{
  margin:-18px 0 10px!important;
  padding:10px 12px!important;
  border-radius:20px!important;
}
.category-select-wrap label{
  margin-bottom:6px!important;
  font-size:12px!important;
}
.category-select-box select{
  height:46px!important;
  border-radius:16px!important;
  font-size:14.5px!important;
}
.product-section-head{
  margin:0 0 7px!important;
  padding-bottom:7px!important;
}
.product-section-head small{
  font-size:10.5px!important;
}
.product-section-head h2{
  font-size:22px!important;
}
.category-products-wrapper{
  gap:10px!important;
}
.category-products-section{
  gap:7px!important;
}
.category-cover{
  min-height:82px!important;
  padding:12px 14px!important;
  border-radius:19px!important;
  margin-bottom:4px!important;
}
.category-cover small{
  padding:4px 8px!important;
  font-size:9.5px!important;
  margin-bottom:5px!important;
}
.category-cover h2{
  font-size:19px!important;
  line-height:1.05!important;
}
.category-cover p{
  font-size:11.5px!important;
}
.product-list-horizontal{
  gap:7px!important;
}
.product-card.horizontal-product,
.product-card.horizontal-product.no-product-photo{
  min-height:auto!important;
  padding:11px 12px!important;
  border-radius:18px!important;
  box-shadow:0 7px 20px rgba(15,23,42,.07)!important;
}
.product-card.horizontal-product .product-image,
.product-card.horizontal-product.no-product-photo .product-image{
  display:none!important;
}
.product-card.horizontal-product .product-info,
.product-card.horizontal-product.no-product-photo .product-info{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"title actions" "price actions"!important;
  gap:5px 10px!important;
  padding:0!important;
  align-items:center!important;
}
.product-card.horizontal-product .product-title,
.product-card.horizontal-product.no-product-photo .product-title{
  grid-area:title!important;
  font-size:15px!important;
  line-height:1.2!important;
  margin:0!important;
  min-height:0!important;
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
}
.product-card.horizontal-product .product-description,
.product-card.horizontal-product.no-product-photo .product-description{
  display:none!important;
}
.product-card.horizontal-product .product-bottom,
.product-card.horizontal-product.no-product-photo .product-bottom{
  display:contents!important;
}
.product-card.horizontal-product .product-price,
.product-card.horizontal-product.no-product-photo .product-price{
  grid-area:price!important;
  position:static!important;
  font-size:14.5px!important;
  line-height:1!important;
}
.product-card.horizontal-product .product-actions,
.product-card.horizontal-product.no-product-photo .product-actions{
  grid-area:actions!important;
  position:static!important;
  align-self:center!important;
  display:flex!important;
  gap:5px!important;
}
.product-card.horizontal-product .product-actions .btn-icon,
.product-card.horizontal-product.no-product-photo .product-actions .btn-icon,
.product-card.horizontal-product .product-actions .btn-icon[data-action="info"],
.product-card.horizontal-product .product-actions .btn-icon[data-action="favorite"],
.product-card.horizontal-product .product-actions .btn-icon[data-action="add"]{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  border-radius:12px!important;
}
.product-card.horizontal-product .product-actions .btn-icon i{
  font-size:12px!important;
}
.delivery-banner{
  margin-top:8px!important;
}
.bottom-nav{
  height:68px!important;
  width:min(500px,calc(100vw - 42px))!important;
  border-radius:24px!important;
  padding:7px 9px!important;
  bottom:calc(10px + env(safe-area-inset-bottom))!important;
}
.bottom-nav button{
  font-size:10.5px!important;
  gap:3px!important;
  border-radius:16px!important;
}
.bottom-nav i{
  font-size:18px!important;
}
.bottom-nav .cart-float{
  width:62px!important;
  height:62px!important;
  margin-top:-31px!important;
}
.bottom-nav .cart-float i{
  font-size:25px!important;
}
.ko-orders-page .ko-page-head{
  margin:0 0 9px!important;
  gap:8px!important;
}
.ko-orders-page .ko-page-head h1{
  font-size:25px!important;
  margin-bottom:4px!important;
}
.ko-orders-page .ko-page-head p{
  font-size:12.5px!important;
}
.ko-orders-page .ko-stats{
  flex-direction:row!important;
  max-width:none!important;
  gap:5px!important;
  margin-top:2px!important;
}
.ko-orders-page .ko-stats span{
  padding:4px 8px!important;
  font-size:10.5px!important;
}
.ko-order-tabs{
  gap:5px!important;
  padding:0 1px 8px!important;
}
.ko-order-tabs a{
  padding:6px 9px!important;
  font-size:11.5px!important;
}
.ko-order-section{
  margin:9px 0 5px!important;
}
.ko-order-section h2{
  font-size:19px!important;
  padding-bottom:8px!important;
  margin-bottom:9px!important;
}
.ko-order-card{
  padding:12px!important;
  border-radius:20px!important;
}
.ko-order-main h3{
  font-size:16px!important;
}
.ko-status{
  padding:5px 8px!important;
  font-size:10.5px!important;
}
.ko-order-date{
  margin:9px 0 8px!important;
  font-size:12px!important;
}
.ko-order-meta{
  gap:6px!important;
  margin-bottom:10px!important;
}
.ko-order-meta span{
  padding:5px 8px!important;
  font-size:10.5px!important;
}
.ko-order-bottomline strong{
  font-size:15.5px!important;
}
.ko-order-actions .btn-ghost,
.ko-order-actions .btn-primary{
  min-height:31px!important;
  padding:0 11px!important;
  font-size:11px!important;
}
@media(max-width:480px){
  .top-row{grid-template-columns:66px minmax(0,1fr)!important}
  .brand-pill.logo-only,.brand-pill.logo-only img{width:64px!important;height:52px!important}
  .address-pill{height:48px!important}
  .hero{min-height:184px!important}
  .hero-content{padding:22px 16px 20px!important}
  .hero h1{font-size:25px!important}
  .category-cover{min-height:78px!important}
  .bottom-nav{width:calc(100vw - 46px)!important;height:66px!important}
}
@media(max-width:390px){
  .hero h1{font-size:23px!important}
  .product-card.horizontal-product .product-info,.product-card.horizontal-product.no-product-photo .product-info{gap:4px 7px!important}
  .product-card.horizontal-product .product-title,.product-card.horizontal-product.no-product-photo .product-title{font-size:14px!important}
  .product-card.horizontal-product .product-actions .btn-icon,.product-card.horizontal-product.no-product-photo .product-actions .btn-icon{width:29px!important;height:29px!important;min-width:29px!important}
  .ko-orders-page .ko-page-head h1{font-size:24px!important}
  .ko-order-tabs a{font-size:11px!important;padding:6px 8px!important}
}

/* patch_009: Produktinfo Modal sauber und kompakt */
.ko-info-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  background:rgba(15,23,42,.58)!important;
  backdrop-filter:blur(8px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  overflow:hidden!important;
}
.ko-info-overlay .ko-product-info-modal{
  width:min(430px,calc(100vw - 28px))!important;
  max-height:min(820px,calc(100vh - 34px))!important;
  min-height:auto!important;
  margin:0!important;
  padding:0!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 24px 80px rgba(15,23,42,.34)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.ko-info-head{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 38px!important;
  gap:8px!important;
  align-items:start!important;
  padding:16px 16px 11px!important;
  border-bottom:2px solid #d9aa13!important;
  background:#fff!important;
  flex:0 0 auto!important;
}
.ko-info-title span{
  display:block!important;
  color:#6b7280!important;
  font-size:12px!important;
  font-weight:900!important;
  margin-bottom:4px!important;
}
.ko-info-title h2{
  margin:0!important;
  font-size:19px!important;
  line-height:1.15!important;
  letter-spacing:-.25px!important;
  color:#111827!important;
}
.ko-info-back,
.ko-info-close{
  width:38px!important;
  height:38px!important;
  border:0!important;
  border-radius:50%!important;
  background:#f4f6f9!important;
  color:#111827!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
.ko-info-back{color:#e30613!important;background:#fff1f2!important}
.ko-info-body{
  padding:14px 16px 12px!important;
  overflow:auto!important;
  flex:1 1 auto!important;
  scrollbar-width:thin!important;
}
.ko-info-image-card{
  border-radius:20px!important;
  overflow:hidden!important;
  background:#111!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
  margin:0 0 12px!important;
}
.ko-info-image-card img{
  width:100%!important;
  height:215px!important;
  object-fit:cover!important;
  display:block!important;
}
.ko-info-summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px 12px!important;
  align-items:start!important;
  padding:2px 0 12px!important;
  border-bottom:1px solid #eef2f6!important;
}
.ko-info-summary h3{
  margin:0!important;
  font-size:18px!important;
  line-height:1.2!important;
  color:#111827!important;
}
.ko-info-summary strong{
  color:#e30613!important;
  font-size:17px!important;
  white-space:nowrap!important;
  font-weight:1000!important;
}
.ko-info-summary p{
  grid-column:1 / -1!important;
  margin:2px 0 0!important;
  color:#667085!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.ko-info-details{
  display:grid!important;
  gap:9px!important;
  padding-top:12px!important;
}
.ko-info-details section{
  background:#f8fafc!important;
  border:1px solid #edf1f5!important;
  border-radius:16px!important;
  padding:11px 12px!important;
}
.ko-info-details h4{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 6px!important;
  color:#111827!important;
  font-size:14px!important;
  font-weight:1000!important;
}
.ko-info-details h4 i{color:#d6aa1b!important;font-size:13px!important}
.ko-info-details p{
  margin:0!important;
  color:#667085!important;
  font-size:13.5px!important;
  line-height:1.42!important;
  font-weight:650!important;
}
.ko-info-actions{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:1fr 1.25fr!important;
  gap:10px!important;
  padding:12px 16px 16px!important;
  background:#fff!important;
  border-top:1px solid #eef2f6!important;
}
.ko-info-actions .btn-secondary,
.ko-info-actions .btn-primary{
  height:48px!important;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:1000!important;
}
.ko-info-actions .btn-secondary{
  background:#f8fafc!important;
  color:#111827!important;
  border:1px solid #dfe7f1!important;
}
.ko-info-actions .btn-primary{
  background:linear-gradient(135deg,#d8b12f,#c89c0c)!important;
  color:#fff!important;
  border:0!important;
}
@media(max-width:480px){
  .ko-info-overlay{align-items:flex-end!important;padding:10px!important}
  .ko-info-overlay .ko-product-info-modal{width:100%!important;max-height:calc(100vh - 20px)!important;border-radius:24px 24px 18px 18px!important}
  .ko-info-image-card img{height:190px!important}
  .ko-info-title h2{font-size:18px!important}
}

/* PATCH 010: Bestelldetail-Modal komplett Deutsch & kompakt */
.kc-order-detail-v2.order-detail-modal-container{
  position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:18px;
}
.kc-order-detail-v2 .modal-overlay{position:absolute; inset:0; background:rgba(15,23,42,.66); backdrop-filter:blur(6px)}
.kc-order-detail-v2 .modal-content{
  position:relative; width:min(92vw, 720px); max-height:86vh; background:#fff; border-radius:22px; overflow:hidden;
  box-shadow:0 28px 90px rgba(0,0,0,.32); transform:translateY(14px) scale(.98); opacity:0; transition:.22s ease;
}
.kc-order-detail-v2 .modal-content.show{transform:none; opacity:1}
.kc-order-detail-v2 .modal-header{
  background:linear-gradient(135deg,#d9ad1d,#c79b12); color:#fff; padding:18px 22px 16px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
}
.kc-order-detail-v2 .modal-kicker{display:block; font-size:12px; font-weight:800; opacity:.9; margin-bottom:4px; letter-spacing:.04em; text-transform:uppercase}
.kc-order-detail-v2 .modal-header h2{margin:0; font-size:22px; line-height:1.15; color:#fff; border:0; padding:0}
.kc-order-detail-v2 .close-btn{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;font-size:18px;display:grid;place-items:center}
.kc-order-detail-v2 .modal-body{max-height:calc(86vh - 168px); overflow:auto; padding:20px 22px 16px; background:#fff}
.kc-order-detail-v2 h3{font-size:18px; margin:0 0 12px; color:#111827; display:flex; gap:9px; align-items:center}
.kc-order-detail-v2 h3 i{color:#d6aa20; font-size:16px}
.kc-order-detail-v2 .order-summary-section,
.kc-order-detail-v2 .delivery-section,
.kc-order-detail-v2 .notes-section,
.kc-order-detail-v2 .items-section{margin-bottom:18px; padding-bottom:16px; border-bottom:1px solid #edf0f5}
.kc-order-detail-v2 .summary-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:10px}
.kc-order-detail-v2 .summary-item{background:#f8fafc; border:1px solid #eef2f7; border-radius:14px; padding:12px}
.kc-order-detail-v2 .summary-item label{display:block; font-size:11px; color:#7a8494; font-weight:800; margin-bottom:5px; text-transform:uppercase}
.kc-order-detail-v2 .summary-item span{font-size:14px; font-weight:800; color:#172033}
.kc-order-detail-v2 .status-badge{display:inline-flex; align-items:center; gap:6px; background:#fff7e6; border-radius:999px; padding:5px 9px; font-size:13px!important}
.kc-order-detail-v2 .address-box,.kc-order-detail-v2 .note-box{display:flex; gap:12px; align-items:center; background:#f8fafc; border:1px solid #eef2f7; border-radius:15px; padding:14px; font-weight:700}
.kc-order-detail-v2 .address-box i,.kc-order-detail-v2 .note-box i{color:#d6aa20}
.kc-order-detail-v2 .order-item{background:#f8fafc; border:1px solid #e5eaf2; border-radius:16px; padding:14px 16px; margin-bottom:12px}
.kc-order-detail-v2 .item-header{display:flex; justify-content:space-between; gap:12px; align-items:flex-start; margin-bottom:10px}
.kc-order-detail-v2 .item-name{font-weight:900; font-size:16px; color:#111827; line-height:1.25}
.kc-order-detail-v2 .item-quantity{white-space:nowrap; font-weight:800; color:#6b7280; font-size:14px}
.kc-order-detail-v2 .item-extras{border-left:3px solid #d6aa20; padding-left:12px; margin:8px 0; color:#647084}
.kc-order-detail-v2 .extra-item{display:flex; justify-content:space-between; gap:12px; padding:3px 0; font-size:14px}
.kc-order-detail-v2 .item-note{margin-top:10px; background:#eef8ff; color:#0b6fae; border-radius:10px; padding:8px 10px}
.kc-order-detail-v2 .item-total{margin-top:10px; display:flex; justify-content:space-between; align-items:center; font-size:14px; color:#6b7280}
.kc-order-detail-v2 .item-total strong{color:#d6aa20; font-size:16px}
.kc-order-detail-v2 .modal-footer{display:flex; align-items:center; justify-content:flex-end; gap:10px; padding:14px 22px; background:#f8fafc; border-top:1px solid #e8edf5}
.kc-order-detail-v2 .order-modal-total{margin-right:auto; display:flex; flex-direction:column; line-height:1.15}
.kc-order-detail-v2 .order-modal-total span{font-size:12px; color:#7a8494; font-weight:800}
.kc-order-detail-v2 .order-modal-total strong{font-size:18px; color:#d80016; font-weight:950}
.kc-order-detail-v2 .btn-secondary,.kc-order-detail-v2 .btn-danger,.kc-order-detail-v2 .btn-primary{border:0; border-radius:14px; padding:12px 16px; font-weight:900; cursor:pointer; min-height:44px}
.kc-order-detail-v2 .btn-secondary{background:#fff; color:#1f2937; border:1px solid #dfe5ee}
.kc-order-detail-v2 .btn-danger,.kc-order-detail-v2 .btn-primary{background:#e30016; color:#fff; box-shadow:0 10px 22px rgba(227,0,22,.18)}
@media (max-width:640px){
  .kc-order-detail-v2.order-detail-modal-container{align-items:flex-end; padding:0}
  .kc-order-detail-v2 .modal-content{width:100%; max-height:90vh; border-radius:24px 24px 0 0}
  .kc-order-detail-v2 .modal-header{padding:16px 18px 14px}
  .kc-order-detail-v2 .modal-header h2{font-size:20px}
  .kc-order-detail-v2 .modal-body{max-height:calc(90vh - 166px); padding:16px 18px}
  .kc-order-detail-v2 .summary-grid{grid-template-columns:repeat(2,1fr)}
  .kc-order-detail-v2 .item-header{display:block}
  .kc-order-detail-v2 .item-quantity{display:inline-block; margin-top:6px}
  .kc-order-detail-v2 .modal-footer{padding:12px 14px; gap:8px; flex-wrap:wrap}
  .kc-order-detail-v2 .order-modal-total{width:100%; margin:0 0 4px}
  .kc-order-detail-v2 .btn-secondary,.kc-order-detail-v2 .btn-danger,.kc-order-detail-v2 .btn-primary{flex:1; padding:11px 10px; font-size:14px}
}


/* PATCH 011: Bottom-Navigation Favoriten + Bestelldetails zentriert */
.bottom-nav #bottomFavorites{color:#5f6673}
.bottom-nav #bottomFavorites.active{color:#e30016;background:rgba(227,0,22,.07);border-radius:18px}
.ko-bottom-nav button[data-tab="favorites"]{color:#5f6673!important}
.ko-bottom-nav button[data-tab="favorites"].active{color:#e30016!important;background:rgba(227,0,22,.07)!important;border-radius:18px!important}

.kc-order-detail-v2.order-detail-modal-container{
  position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  padding:18px!important; z-index:99999!important;
}
.kc-order-detail-v2 .order-detail-modal{
  position:static!important; width:100%!important; height:100%!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
}
.kc-order-detail-v2 .modal-content{
  position:relative!important; top:auto!important; left:auto!important; right:auto!important; bottom:auto!important;
  margin:0 auto!important; width:min(94vw, 680px)!important; max-height:86vh!important;
  transform:translateY(10px) scale(.98)!important; border-radius:24px!important;
}
.kc-order-detail-v2 .modal-content.show{transform:translateY(0) scale(1)!important; opacity:1!important}
.kc-order-detail-v2 .modal-header{padding:16px 20px 14px!important}
.kc-order-detail-v2 .modal-body{max-height:calc(86vh - 160px)!important}
@media (max-width:640px){
  .kc-order-detail-v2.order-detail-modal-container{align-items:center!important; padding:12px!important}
  .kc-order-detail-v2 .order-detail-modal{align-items:center!important}
  .kc-order-detail-v2 .modal-content{width:min(96vw, 430px)!important; max-height:88vh!important; border-radius:24px!important}
  .kc-order-detail-v2 .modal-body{max-height:calc(88vh - 160px)!important}
}

/* PATCH 012: Favoriten-Seite kompakt und app-artig */
.kc-favorites-v2{padding-top:18px!important;padding-bottom:110px!important}
.kc-fav-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin:0 0 16px!important}
.kc-page-kicker{display:inline-flex;align-items:center;gap:7px;color:#e30016;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}
.kc-fav-head h1{margin:0!important;font-size:30px!important;line-height:1.05!important;color:#0f172a!important;font-weight:950!important}
.kc-fav-head p{margin:6px 0 0!important;color:#657184!important;font-size:14px!important;font-weight:800!important}
.kc-small-link{border:0;background:#fff1f2;color:#e30016;border-radius:999px;padding:10px 12px;font-weight:950;box-shadow:0 8px 20px rgba(227,0,22,.08);white-space:nowrap}
.kc-fav-list{display:flex!important;flex-direction:column!important;gap:12px!important}
.kc-fav-card{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:12px!important;background:#fff!important;border:1px solid #e9eef5!important;border-radius:22px!important;padding:12px!important;box-shadow:0 12px 30px rgba(15,23,42,.07)!important;overflow:hidden!important}
.kc-fav-card::before{display:none!important}
.kc-fav-thumb{width:92px;height:92px;border-radius:17px;overflow:hidden;background:#f3f4f6;position:relative;align-self:center}
.kc-fav-thumb::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:#e30016;z-index:1}
.kc-fav-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;margin:0!important;border-radius:0!important}
.kc-fav-info{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}
.kc-fav-info h3{margin:0!important;color:#111827!important;font-size:16px!important;line-height:1.22!important;font-weight:950!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.kc-fav-info p{margin:0!important;color:#647084!important;font-size:13px!important;font-weight:750!important;display:flex;align-items:center;gap:6px}
.kc-fav-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.kc-fav-bottom strong{color:#e30016!important;font-size:16px!important;font-weight:950!important;white-space:nowrap}
.kc-fav-actions{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important}
.kc-fav-actions .btn-primary{min-height:38px!important;border-radius:14px!important;padding:9px 12px!important;font-size:13px!important;background:#e30016!important;color:#fff!important;border:0!important;box-shadow:0 10px 20px rgba(227,0,22,.18)!important;white-space:nowrap!important}
.kc-fav-actions .btn-ghost{width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #dfe6ef!important;color:#647084!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.favorites-page .favorites-grid>article.favorite-card>img{display:none!important}
@media (max-width:420px){
  .kc-favorites-v2{padding-left:14px!important;padding-right:14px!important}
  .kc-fav-head h1{font-size:28px!important}
  .kc-small-link{padding:9px 10px;font-size:12px}
  .kc-fav-card{grid-template-columns:78px minmax(0,1fr)!important;border-radius:20px!important;padding:10px!important;gap:10px!important}
  .kc-fav-thumb{width:78px;height:78px;border-radius:15px}
  .kc-fav-info h3{font-size:15px!important}
  .kc-fav-bottom{align-items:flex-start;flex-direction:column;gap:7px}
  .kc-fav-actions{width:100%!important}
  .kc-fav-actions .btn-primary{flex:1!important}
}

/* PATCH 013: kein Fallback-Katalog, ruhiger Header, Kategorie-Texte reduziert */
:root{
  --ko-red:#d90416;
  --ko-red-dark:#b80012;
  --ko-logo-yellow:#f4c400;
}
.app-header{
  background:linear-gradient(135deg,#d90416 0%,#c70012 58%,#a90010 100%)!important;
  box-shadow:0 12px 28px rgba(184,0,18,.18)!important;
}
.app-header:after{
  content:""!important;
  position:absolute!important;
  left:18px!important;right:18px!important;bottom:-1px!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(244,196,0,.75),transparent)!important;
}
.brand-pill.logo-only img{filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))!important}
.address-pill{
  box-shadow:0 10px 24px rgba(0,0,0,.11)!important;
  border:1px solid rgba(255,255,255,.75)!important;
}
.category-select-wrap{
  display:block!important;
  padding:10px!important;
  margin:-16px 0 8px!important;
}
.category-select-wrap label{display:none!important}
.category-select-box{width:100%!important}
.category-select-box select{
  width:100%!important;
  height:44px!important;
  padding-left:18px!important;
  border-color:#eef1f5!important;
  background:#fff!important;
}
.product-section-head.compact-only{
  margin:0 0 8px!important;
  padding:0 0 6px!important;
  border-bottom:2px solid var(--ko-logo-yellow)!important;
}
.product-section-head.compact-only h2{display:none!important}
.product-section-head.compact-only small{font-size:11px!important;margin:0!important;color:#e30613!important}
.category-cover small{display:none!important}
.category-cover{min-height:82px!important;padding:14px!important;border-radius:18px!important}
.category-cover h2{font-size:20px!important;margin:0 0 3px!important}
.category-cover p{font-size:12px!important}
.ko-no-catalog{
  margin:16px 0 110px!important;
  padding:24px 18px!important;
  text-align:center!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 14px 35px rgba(17,24,39,.10)!important;
}
.ko-no-catalog i{
  width:54px!important;height:54px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;margin:0 auto 12px!important;
  color:#d90416!important;background:#fff1f2!important;font-size:22px!important;
}
.ko-no-catalog h3{margin:0 0 8px!important;font-size:20px!important;color:#101828!important}
.ko-no-catalog p{margin:0 0 18px!important;color:#667085!important;line-height:1.45!important}
@media(max-width:430px){
  .app-header{padding:8px 12px 12px!important;border-radius:0 0 20px 20px!important}
  .top-row{grid-template-columns:64px minmax(0,1fr)!important;gap:8px!important}
  .brand-pill.logo-only,.brand-pill.logo-only img{width:62px!important;height:50px!important}
  .address-pill{height:46px!important;border-radius:23px!important}
  .category-cover{min-height:76px!important}
  .category-cover h2{font-size:18px!important}
}

/* PATCH 014 – kompakter Warenkorb */
.ko-cart{padding:12px 16px 120px!important;max-width:520px;margin:0 auto;color:#0f172a}
.ko-cart-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:6px 0 14px!important}
.ko-cart-top h1{font-size:28px!important;line-height:1.05!important;margin:2px 0 0!important;letter-spacing:-.6px!important;color:#111827!important}
.ko-section-kicker{font-size:12px;font-weight:900;color:#e30613;text-transform:uppercase;letter-spacing:.5px}
.ko-cart-top-badge{background:#fff1f2;color:#e30613;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900;box-shadow:0 8px 22px rgba(15,23,42,.07)}
.ko-cart-card,.ko-cart-summary-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:22px;padding:14px!important;margin:0 0 12px!important;box-shadow:0 14px 35px rgba(15,23,42,.07)}
.ko-cart-card h2{font-size:18px!important;margin:0 0 12px!important;display:flex;align-items:center;gap:9px;color:#111827!important;line-height:1.15!important}
.ko-cart-card h2 i,.ko-card-title-row h2 i{color:#d7ad18!important;font-size:16px!important}.ko-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ko-card-title-row h2{margin:0!important}
.ko-link-btn{border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;border-radius:10px;padding:7px 10px;font-weight:800;font-size:12px}
.ko-cart-items{display:flex;flex-direction:column;gap:10px}.ko-cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;background:#f8fafc;border:1px solid #e5edf6;border-radius:18px;padding:12px!important}.ko-cart-item-title{font-size:15.5px;font-weight:900;line-height:1.25;color:#111827;margin-bottom:6px}.ko-cart-item-price{font-size:15px;font-weight:900;color:#e30613;margin-top:8px}.ko-cart-item-extra,.ko-cart-item-note{font-size:12px;color:#64748b;margin-top:4px;line-height:1.35}.ko-cart-item-extra i,.ko-cart-item-note i{color:#d7ad18}.ko-cart-item-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px;min-width:86px}.ko-cart-item-side strong{color:#111827;font-size:14px}.ko-qty-controls{display:flex!important;align-items:center!important;gap:6px!important;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px!important}.ko-qty-controls .qty-btn{width:24px!important;height:24px!important;border-radius:50%!important;border:0!important;background:#f1f5f9!important;color:#0f172a!important}.ko-qty-controls .quantity{font-weight:900;min-width:16px;text-align:center}.ko-remove-btn{width:30px!important;height:30px!important;border:0!important;border-radius:10px!important;background:#fff1f2!important;color:#e30613!important}
.ko-saved-data{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(215,173,24,.55);background:#fffaf0;border-radius:16px;margin-bottom:12px}
.ko-saved-data i{color:#d7ad18;font-size:20px}.ko-saved-data strong{display:block;font-size:14px}.ko-saved-data small{display:block;color:#64748b;font-weight:700;margin-top:2px;line-height:1.3}.ko-form-grid{display:grid;grid-template-columns:1fr;gap:10px}.ko-form-grid.two{grid-template-columns:1fr 1fr}.ko-field{display:block;margin:0 0 10px}.ko-field span{display:block;font-size:12px;font-weight:900;color:#334155;margin:0 0 6px}.ko-field input,.ko-field textarea{width:100%!important;box-sizing:border-box!important;border:1px solid #dbe5ef!important;background:#fff!important;border-radius:12px!important;padding:11px 12px!important;font-size:14px!important;color:#0f172a!important;outline:none!important}.ko-field textarea{resize:vertical;min-height:46px}.ko-field input:focus,.ko-field textarea:focus{border-color:#d7ad18!important;box-shadow:0 0 0 3px rgba(215,173,24,.14)!important}.ko-field.no-label{margin-bottom:0}
.ko-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px;font-size: 10px;}
.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px;font-size: 10px;}
.ko-choice-grid-korb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px;font-size: 10px;}
.ko-choice-grid-Extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px;font-size: 10px;}
.ko-choice-grid.payment-method-selector{grid-template-columns:repeat(4,minmax(0,1fr))}.ko-choice{display:block;cursor:pointer}.ko-choice input{position:absolute;opacity:0;pointer-events:none}.ko-choice span{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #dbe5ef;border-radius:15px;background:#fff;color:#111827;font-weight:900;font-size:13px;text-align:center;padding:8px}.ko-choice span i{font-size:18px;color:#d7ad18}.ko-choice span small{font-size:11px;color:#64748b;font-weight:800;line-height:1.2}.ko-choice input:checked+span{border-color:#d7ad18;background:#fffaf0;box-shadow:0 8px 18px rgba(215,173,24,.12)}.ko-address-box{margin-top:2px}.ko-pickup-box{display:flex;gap:12px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.ko-pickup-box i{color:#d7ad18;font-size:20px}.ko-pickup-box strong{display:block}.ko-pickup-box small{display:block;color:#64748b;margin-top:2px}.ko-cart-summary-card{position:sticky;bottom:90px;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);padding:12px!important}.ko-cart-summary-card .summary-details{margin:0 0 10px!important}.ko-cart-summary-card .summary-row{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:#64748b;font-size:13px;margin:4px 0}.ko-cart-summary-card .summary-row.total{font-size:18px;color:#111827;border-top:1px solid #e2e8f0;padding-top:8px;margin-top:8px}.ko-cart-summary-card .summary-row.total span:last-child{color:#e30613;font-size:20px}.ko-cart-actions{display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:10px!important;margin:0!important}.ko-primary-btn,.ko-secondary-btn{border:0;border-radius:14px;padding:12px 14px;font-weight:900;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.ko-primary-btn{background:linear-gradient(135deg,#e30613,#b8000b);color:#fff;box-shadow:0 14px 28px rgba(227,6,19,.22)}.ko-secondary-btn{background:#f8fafc;color:#111827;border:1px solid #e2e8f0}.ko-cart-empty{text-align:center;background:#fff;border-radius:24px;padding:34px 20px;margin:20px 16px;box-shadow:0 14px 35px rgba(15,23,42,.08)}.ko-cart-empty-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#fff1f2;color:#e30613;font-size:30px}.ko-cart-empty h2{font-size:24px;margin:0 0 8px}.ko-cart-empty p{color:#64748b;margin:0 0 18px}.hidden{display:none!important}
@media(max-width:430px){.ko-cart{padding-left:12px!important;padding-right:12px!important}.ko-cart-top h1{font-size:25px!important}.ko-form-grid.two{grid-template-columns:1fr 1fr}.ko-choice-grid.payment-method-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.ko-cart-item{grid-template-columns:1fr;}.ko-cart-item-side{flex-direction:row;align-items:center;justify-content:space-between;min-width:0}.ko-cart-actions{grid-template-columns:1fr!important}.ko-cart-summary-card{bottom:82px}}

/* PATCH 015 - Warenkorb komplett modernisiert */
.ko-cart-modern{padding:10px 14px 132px!important;max-width:500px!important}
.ko-cart-headline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 12px!important}
.ko-cart-headline h1{font-size:25px!important;line-height:1!important;margin:0!important;letter-spacing:-.5px!important;color:#0f172a!important}
.ko-cart-headline p{margin:5px 0 0!important;font-size:13px!important;font-weight:800!important;color:#64748b!important}
.ko-clear-mini{border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:7px 10px;color:#64748b;font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.05)}
.ko-modern-card{background:#fff;border:1px solid #e7edf4;border-radius:20px;padding:13px!important;margin:0 0 10px!important;box-shadow:0 12px 28px rgba(15,23,42,.055)}
.ko-modern-section-title{display:flex;align-items:center;gap:8px;margin:0 0 11px!important;font-weight:950;color:#111827;font-size:15px!important;line-height:1.1}
.ko-modern-section-title i{color:#d7ad18;font-size:14px;width:18px;text-align:center}
.ko-items-card{padding-bottom:10px!important}.ko-cart-items{gap:8px!important}
.ko-cart-item{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;background:#f9fbfd!important;border:1px solid #e5edf6!important;border-radius:17px!important;padding:11px 12px!important;box-shadow:none!important}
.ko-cart-item-title{font-size:14.5px!important;line-height:1.25!important;margin:0 0 5px!important;color:#0f172a!important;font-weight:950!important}
.ko-cart-item-price{font-size:14px!important;margin:5px 0 0!important;color:#e30613!important;font-weight:950!important}
.ko-cart-item-extra,.ko-cart-item-note{font-size:11.5px!important;color:#64748b!important;margin-top:3px!important}.ko-cart-item-side{min-width:72px!important;gap:6px!important;align-items:flex-end!important}.ko-cart-item-side strong{font-size:13px!important;color:#111827!important}
.ko-qty-controls{padding:2px!important;gap:4px!important;border-radius:999px!important}.ko-qty-controls .qty-btn{width:21px!important;height:21px!important;font-size:10px!important}.ko-qty-controls .quantity{font-size:12px!important;min-width:14px!important}.ko-remove-btn{width:26px!important;height:26px!important;border-radius:9px!important;font-size:11px!important}
.ko-saved-data-modern{padding:10px!important;border-radius:15px!important;margin-bottom:10px!important;background:#fffaf0!important}.ko-saved-data-modern i{font-size:17px!important}.ko-saved-data-modern strong{font-size:13px!important}.ko-saved-data-modern small{font-size:12px!important}
.ko-compact-grid{gap:8px!important}.ko-field{margin-bottom:8px!important}.ko-field span{font-size:11px!important;margin-bottom:5px!important;color:#64748b!important}.ko-field input,.ko-field textarea{border-radius:12px!important;padding:10px 11px!important;font-size:13.5px!important;min-height:40px!important}.ko-field textarea{min-height:58px!important}
.ko-segment-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px!important}.ko-segment input,.ko-pay input{position:absolute;opacity:0;pointer-events:none}.ko-segment span{height:42px;border:1px solid #dbe5ef;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:950;color:#334155}.ko-segment span i{color:#d7ad18;font-size:15px}.ko-segment input:checked+span{border-color:#e30613;background:#fff1f2;color:#e30613;box-shadow:0 8px 18px rgba(227,6,19,.10)}
.ko-address-modern{border:1px solid #e7edf4;background:#f8fafc;border-radius:17px;padding:11px!important;margin-top:4px}.ko-address-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}.ko-address-head i{width:30px;height:30px;border-radius:10px;background:#fff;color:#d7ad18;display:grid;place-items:center;box-shadow:0 5px 14px rgba(15,23,42,.04)}.ko-address-head b{display:block;font-size:13.5px;color:#0f172a}.ko-address-head small{display:block;font-size:11.5px;color:#64748b;font-weight:800;margin-top:1px}
.ko-pay-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ko-pay span{height:39px;border:1px solid #dbe5ef;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:950;color:#334155}.ko-pay span i{font-size:14px;color:#d7ad18}.ko-pay input:checked+span{border-color:#e30613;background:#fff1f2;color:#e30613;box-shadow:0 8px 18px rgba(227,6,19,.10)}
.ko-modern-summary{position:sticky!important;bottom:82px!important;border-radius:20px!important;padding:11px 12px!important;box-shadow:0 -8px 26px rgba(15,23,42,.10)!important}.ko-modern-summary .summary-details{margin-bottom:9px!important}.ko-modern-summary .summary-row{font-size:12.5px!important;margin:3px 0!important}.ko-modern-summary .summary-row.total{font-size:16px!important;padding-top:7px!important;margin-top:7px!important}.ko-modern-summary .summary-row.total span:last-child{font-size:18px!important}.ko-cart-actions{gap:8px!important}.ko-primary-btn,.ko-secondary-btn{min-height:42px!important;border-radius:13px!important;padding:10px 12px!important;font-size:13px!important}
@media(max-width:430px){.ko-cart-modern{padding-left:10px!important;padding-right:10px!important}.ko-cart-headline h1{font-size:23px!important}.ko-pay-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ko-cart-item{grid-template-columns:1fr!important}.ko-cart-item-side{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;min-width:0!important}.ko-modern-summary{bottom:78px!important}.ko-cart-actions{grid-template-columns:1fr!important}}

/* PATCH 016: Header anthrazit statt rot */
:root{
  --ko-header-bg:#20242a;
  --ko-header-bg-dark:#111418;
  --ko-header-line:#f4c400;
}
.app-header{
  background:linear-gradient(135deg,var(--ko-header-bg),var(--ko-header-bg-dark))!important;
  box-shadow:0 16px 34px rgba(15,23,42,.18)!important;
}
.app-header:after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--ko-header-line),transparent)!important;
  opacity:.75!important;
}
.app-header .location-pill,
.app-header .address-pill,
.app-header .store-select,
.app-header .cart-btn,
.app-header #tabCart{
  background:#fff!important;
}
.brand-pill.logo-only{
  background:transparent!important;
  box-shadow:none!important;
}
.brand-pill.logo-only img{
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.34))!important;
}
@media(max-width:430px){
  .app-header{border-radius:0 0 18px 18px!important}
  .app-header:after{left:14px!important;right:14px!important}
}

/* PATCH 017 – Warenkorb komplett neu und kompakt */
.ko-cart.ko-cart-modern{
  padding:10px 12px 126px!important;
  max-width:500px!important;
}
.ko-cart-headline{
  margin:2px 0 10px!important;
  align-items:center!important;
}
.ko-cart-headline h1{
  font-size:28px!important;
  letter-spacing:-.8px!important;
}
.ko-cart-headline p{
  font-size:12px!important;
  margin-top:4px!important;
  color:#6b7280!important;
}
.ko-clear-mini{
  height:32px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:12px!important;
  background:#f8fafc!important;
  border:1px solid #e5e7eb!important;
  color:#64748b!important;
  box-shadow:none!important;
}
.ko-modern-card{
  margin:0 0 10px!important;
  padding:12px!important;
  border-radius:18px!important;
  border:1px solid #edf1f5!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}
.ko-modern-section-title{
  margin:0 0 10px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#111827!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.ko-modern-section-title i{font-size:14px!important;color:#d4a81e!important}
.ko-cart-items{gap:8px!important}
.ko-cart-item.ko-cart-line{
  display:block!important;
  padding:11px 12px!important;
  border-radius:16px!important;
  border:1px solid #e8edf3!important;
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
  box-shadow:none!important;
}
.ko-line-top,.ko-line-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.ko-cart-item-title{
  font-size:14px!important;
  line-height:1.22!important;
  font-weight:950!important;
  color:#101828!important;
  margin:0!important;
}
.ko-cart-item-extra{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin:7px 0 0!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.ko-cart-item-extra span,
.ko-cart-item-note{
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  padding:4px 7px!important;
  background:#f5f7fa!important;
  color:#64748b!important;
  font-weight:800!important;
}
.ko-line-bottom{margin-top:9px!important}
.ko-cart-item-price{
  font-size:15px!important;
  color:#e30613!important;
  margin:0!important;
  font-weight:950!important;
}
.ko-qty-controls{
  height:30px!important;
  padding:2px!important;
  gap:3px!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  border:1px solid #e5eaf0!important;
}
.ko-qty-controls .qty-btn{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:0!important;
  background:#fff!important;
  color:#111827!important;
  font-size:10px!important;
  box-shadow:0 1px 3px rgba(15,23,42,.08)!important;
}
.ko-qty-controls .quantity{font-size:12px!important;font-weight:950!important;min-width:18px!important;text-align:center!important}
.ko-remove-btn{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:50%!important;
  background:#fff1f2!important;
  color:#e30613!important;
  border:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:11px!important;
}
.ko-saved-data.ko-saved-data-modern{
  padding:10px 11px!important;
  border-radius:14px!important;
  gap:10px!important;
  margin:0 0 10px!important;
  background:#fffaf0!important;
}
.ko-saved-data-modern i{font-size:17px!important}
.ko-saved-data-modern strong{font-size:13px!important}
.ko-saved-data-modern small{font-size:11.5px!important;line-height:1.25!important}
.ko-form-grid.two.ko-compact-grid{gap:8px!important}
.ko-field{margin:0 0 8px!important}
.ko-field span{font-size:11px!important;margin-bottom:5px!important;color:#475467!important;letter-spacing:.01em!important}
.ko-field input,.ko-field textarea{
  min-height:38px!important;
  border-radius:11px!important;
  padding:8px 10px!important;
  font-size:13px!important;
  border-color:#dce5ef!important;
}
.ko-field textarea{min-height:56px!important}
.ko-segment-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-bottom:8px!important;
}
.ko-segment span{
  min-height:38px!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:12.5px!important;
  font-weight:900!important;
  gap:6px!important;
  border:1px solid #e0e7ef!important;
  background:#fff!important;
  box-shadow:none!important;
}
.ko-segment span i{font-size:14px!important;color:#d4a81e!important}
.ko-segment input:checked+span{
  background:#111827!important;
  border-color:#111827!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(17,24,39,.12)!important;
}
.ko-segment input:checked+span i{color:#f4c400!important}
.ko-address-modern{
  padding:10px!important;
  border-radius:15px!important;
  background:#f9fafb!important;
  border:1px solid #edf1f5!important;
}
.ko-address-head{gap:8px!important;margin:0 0 8px!important}
.ko-address-head i{font-size:15px!important;color:#d4a81e!important}
.ko-address-head b{font-size:13px!important}.ko-address-head small{font-size:11px!important;color:#667085!important}
.ko-pay-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}
.ko-pay span{
  min-height:36px!important;
  padding:6px 6px!important;
  border-radius:999px!important;
  border:1px solid #e0e7ef!important;
  background:#fff!important;
  color:#111827!important;
  font-size:12px!important;
  font-weight:900!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  gap:5px!important;
  box-shadow:none!important;
}
.ko-pay span i{font-size:13px!important;color:#d4a81e!important}
.ko-pay input:checked+span{
  background:#111827!important;
  border-color:#111827!important;
  color:#fff!important;
}
.ko-pay input:checked+span i{color:#f4c400!important}
.ko-note-card{display:none!important}
.ko-cart-summary-card.ko-modern-summary{
  position:sticky!important;
  bottom:78px!important;
  z-index:30!important;
  border-radius:22px!important;
  padding:12px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid #e7edf4!important;
  box-shadow:0 -12px 34px rgba(15,23,42,.12)!important;
}
.ko-modern-summary .summary-row{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  font-size:12px!important;
  margin:2px 0!important;
  color:#667085!important;
  font-weight:850!important;
}
.ko-modern-summary .summary-row.total{
  font-size:15px!important;
  color:#111827!important;
  padding-top:7px!important;
  margin-top:6px!important;
}
.ko-modern-summary .summary-row.total span:last-child{font-size:18px!important;color:#e30613!important}
.ko-cart-actions{grid-template-columns:.8fr 1.2fr!important;gap:8px!important}
.ko-primary-btn,.ko-secondary-btn{
  min-height:42px!important;
  border-radius:999px!important;
  font-size:13px!important;
  padding:9px 12px!important;
}
@media(max-width:430px){
  .ko-cart.ko-cart-modern{padding-left:10px!important;padding-right:10px!important}
  .ko-pay-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ko-cart-actions{grid-template-columns:1fr!important}
  .ko-form-grid.two.ko-compact-grid{grid-template-columns:1fr 1fr!important}
}

/* PATCH 018 – Warenkorb wirklich neu: kompakt, sauber, mobil */
.kc-cart-page{
  max-width:500px!important;
  margin:0 auto!important;
  padding:12px 14px 138px!important;
  color:#101828!important;
}
.kc-cart-header{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:4px 0 12px!important;
}
.kc-cart-header h1{
  margin:0!important;
  font-size:27px!important;
  line-height:1!important;
  letter-spacing:-.7px!important;
  font-weight:950!important;
}
.kc-cart-header p{margin:5px 0 0!important;font-size:13px!important;font-weight:800!important;color:#667085!important}
.kc-mini-link{
  border:1px solid #e5e7eb!important;
  background:#fff!important;
  color:#667085!important;
  border-radius:999px!important;
  height:31px!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:850!important;
}
.kc-cart-section{
  background:#fff!important;
  border:1px solid #edf1f5!important;
  border-radius:20px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.055)!important;
  padding:12px!important;
  margin:0 0 10px!important;
}
.kc-section-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:13.5px!important;
  font-weight:950!important;
  color:#111827!important;
  margin:0 0 10px!important;
}
.kc-section-title i{font-size:13px!important;color:#d3a51a!important}
.kc-cart-lines{display:flex!important;flex-direction:column!important;gap:8px!important}
.kc-cart-line{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:10px!important;
  align-items:center!important;
  background:#f9fafb!important;
  border:1px solid #e8eef5!important;
  border-radius:17px!important;
  padding:11px 12px!important;
}
.kc-cart-line-title{font-size:14.5px!important;line-height:1.23!important;font-weight:950!important;color:#101828!important;margin:0 0 5px!important}
.kc-cart-extras{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:5px 0 0!important}
.kc-cart-extras span,.kc-cart-note{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  background:#fff!important;
  border:1px solid #edf1f5!important;
  color:#667085!important;
  border-radius:999px!important;
  padding:3px 7px!important;
  font-size:11px!important;
  font-weight:800!important;
}
.kc-cart-line-price{font-size:15px!important;font-weight:950!important;color:#e30613!important;margin-top:7px!important}
.kc-cart-line-tools{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important}
.kc-qty-pill{display:flex!important;align-items:center!important;gap:4px!important;background:#fff!important;border:1px solid #e5eaf0!important;border-radius:999px!important;padding:3px!important;height:30px!important}
.kc-qty-pill button{width:23px!important;height:23px!important;border:0!important;border-radius:50%!important;background:#f3f4f6!important;color:#111827!important;display:grid!important;place-items:center!important;font-size:10px!important}
.kc-qty-pill strong{font-size:12px!important;min-width:18px!important;text-align:center!important;font-weight:950!important}
.kc-trash-btn{width:30px!important;height:30px!important;border:0!important;border-radius:50%!important;background:#fff1f2!important;color:#e30613!important;font-size:12px!important;display:grid!important;place-items:center!important}
.kc-saved-compact{display:flex!important;align-items:center!important;gap:10px!important;background:#fffaf0!important;border:1px solid rgba(211,165,26,.45)!important;border-radius:15px!important;padding:10px!important;margin-bottom:10px!important}
.kc-saved-compact i{color:#d3a51a!important;font-size:16px!important}.kc-saved-compact b{display:block!important;font-size:12.5px!important}.kc-saved-compact small{display:block!important;font-size:11.5px!important;color:#667085!important;margin-top:2px!important;line-height:1.25!important}
.kc-input-grid{display:grid!important;gap:8px!important}.kc-input-grid.two{grid-template-columns:1fr 1fr!important}.kc-input-grid label,.kc-field{display:block!important}.kc-input-grid label span,.kc-field span{display:block!important;font-size:11px!important;font-weight:900!important;color:#475467!important;margin:0 0 5px!important}
.kc-input-grid input,.kc-field input,.kc-address-box input,.kc-address-box textarea,.kc-note-section input{
  width:100%!important;box-sizing:border-box!important;min-height:38px!important;border-radius:12px!important;border:1px solid #dce5ef!important;background:#fff!important;padding:8px 10px!important;font-size:13px!important;color:#101828!important;outline:none!important;
}
.kc-address-box textarea{min-height:58px!important;resize:vertical!important}.kc-field{margin-top:8px!important}.kc-input-grid.no-labels{margin-top:8px!important}
.kc-segment,.kc-payment-grid{display:grid!important;gap:8px!important}.kc-segment{grid-template-columns:1fr 1fr!important}.kc-payment-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.kc-segment label,.kc-payment-grid label{display:block!important}.kc-segment input,.kc-payment-grid input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.kc-segment span,.kc-payment-grid span{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:36px!important;border-radius:999px!important;border:1px solid #e0e7ef!important;background:#fff!important;color:#111827!important;font-size:12px!important;font-weight:900!important;padding:6px 8px!important;box-shadow:none!important;
}
.kc-segment span i,.kc-payment-grid span i{color:#d3a51a!important;font-size:13px!important}.kc-segment input:checked+span,.kc-payment-grid input:checked+span{background:#111827!important;color:#fff!important;border-color:#111827!important}.kc-segment input:checked+span i,.kc-payment-grid input:checked+span i{color:#f4c400!important}
.kc-address-box{margin-top:9px!important;background:#f9fafb!important;border:1px solid #edf1f5!important;border-radius:16px!important;padding:10px!important}.kc-address-title{display:flex!important;align-items:center!important;gap:7px!important;font-size:12.5px!important;font-weight:950!important;color:#111827!important;margin-bottom:7px!important}.kc-address-title i{color:#d3a51a!important}.kc-pickup-info{margin-top:9px!important;background:#f9fafb!important;border:1px solid #edf1f5!important;border-radius:14px!important;padding:10px!important;display:flex!important;gap:8px!important;align-items:center!important;font-size:12.5px!important;font-weight:850!important;color:#475467!important}.kc-pickup-info i{color:#d3a51a!important}
.kc-note-section input{min-height:38px!important}.kc-checkout-bar{position:sticky!important;bottom:80px!important;z-index:40!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(14px)!important;border:1px solid #e7edf4!important;border-radius:22px!important;box-shadow:0 -12px 34px rgba(15,23,42,.13)!important;padding:12px!important;margin-top:12px!important}.kc-totals{display:grid!important;gap:4px!important;margin-bottom:10px!important}.kc-totals div{display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:12px!important;color:#667085!important;font-weight:850!important}.kc-totals b{color:#111827!important}.kc-totals .kc-total{border-top:1px solid #edf1f5!important;padding-top:7px!important;margin-top:3px!important;font-size:15px!important;color:#101828!important}.kc-totals .kc-total b{font-size:18px!important;color:#e30613!important}.kc-btn{border:0!important;border-radius:999px!important;min-height:43px!important;padding:10px 14px!important;font-size:13px!important;font-weight:950!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.kc-btn-primary{background:linear-gradient(135deg,#e30613,#b8000b)!important;color:#fff!important;box-shadow:0 12px 26px rgba(227,6,19,.22)!important;width:100%!important}.kc-cart-empty{text-align:center!important;background:#fff!important;border-radius:24px!important;margin:20px 14px!important;padding:34px 20px!important;box-shadow:0 14px 35px rgba(15,23,42,.08)!important}.kc-empty-ico{width:68px!important;height:68px!important;border-radius:50%!important;background:#fff1f2!important;color:#e30613!important;display:grid!important;place-items:center!important;margin:0 auto 14px!important;font-size:28px!important}.hidden{display:none!important}
@media(max-width:430px){.kc-cart-page{padding-left:10px!important;padding-right:10px!important}.kc-cart-header h1{font-size:25px!important}.kc-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kc-cart-line{grid-template-columns:1fr!important}.kc-cart-line-tools{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.kc-checkout-bar{bottom:78px!important}.kc-input-grid.two{grid-template-columns:1fr 1fr!important}}