/* Kebap product family: shared colors with the kebap-online.de landing page. */
:root{--ko-red:#ed6b2c;--ko-red-dark:#cf4f18;--ko-yellow:#dce85b;--ko-logo-yellow:#dce85b;--red:#ed6b2c;--red2:#cf4f18;--yellow:#dce85b;--orange:#ed6b2c;--ink:#171411;--ko-ink:#171411;--ko-bg:#f6f1e8}
html,body{background:#f2f1ed!important;color:#171411!important}
.app-shell{background:#fffdf9!important;box-shadow:0 22px 70px rgba(39,25,13,.14)!important}
.app-header{background: linear-gradient(135deg, #e76b30 0%, #6f2b0b 72%, #734016 100%) !important;box-shadow:0 12px 28px rgba(39,25,13,.2)!important}
.app-header:after{background:linear-gradient(90deg,transparent,rgba(220,232,91,.9),transparent)!important}
.address-pill i,.address-pill b,.app-address-pill i,.app-address-pill b{color:#ed6b2c!important}
.bottom-nav button.active{color:#ed6b2c!important;background:#fff4ec!important}
.bottom-nav .cart-float,.bottom-nav .cart-float.active{background:linear-gradient(135deg,#f47a3d,#cf4f18)!important;color:#fff!important;box-shadow:0 12px 28px rgba(237,107,44,.3)!important}
.hero-badge,.category-cover small,.product-section-head small,.kc-page-kicker,.ko-section-kicker{background:#fff1e8!important;color:#cf4f18!important}
.hero-btn,.btn-primary,.ko-primary-btn,.kc-fav-actions .btn-primary,.ko-order-actions .btn-primary,.product-actions .btn-add,.product-card .btn-add{background:linear-gradient(135deg,#f47a3d,#cf4f18)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 22px rgba(237,107,44,.2)!important}
.product-price,.ko-cart-item-price,.ko-order-bottomline strong,.kc-fav-bottom strong,.summary-row.total span:last-child{color:#cf4f18!important}
.product-actions .btn-icon,.kc-small-link,.ko-cart-top-badge,.ko-cart-empty-icon,.ko-remove-btn,.ko-info-back{background:#fff2e9!important;color:#ed6b2c!important}
.product-actions .is-favorite,.bottom-nav #bottomFavorites.active{background:#fff2e9!important;color:#ed6b2c!important}
.category-select-box i,.ko-order-date i,.ko-card-title-row i,.ko-modern-section-title i{color:#ed6b2c!important}
.product-section-head.compact-only{border-bottom-color:#dce85b!important}
.ko-choice input:checked+span,.ko-segment input:checked+span,.ko-pay input:checked+span{border-color:#ed6b2c!important;background:#fff4ec!important;color:#cf4f18!important;box-shadow:0 8px 18px rgba(237,107,44,.12)!important}
.ko-no-catalog i{color:#ed6b2c!important;background:#fff2e9!important}
.delivery-banner,.promo-banner{background:linear-gradient(135deg,#24201c,#171411)!important}
.promo-banner b,.hero-title span{color:#dce85b!important}
#koBottomNav,.ko-bottom-nav{display:none!important}

/* Header: the dark logo needs its own warm, readable surface. */
.top-row{grid-template-columns:94px minmax(0,1fr)!important;gap:10px!important}
/*.brand-pill.logo-only{width:94px!important;height:62px!important;padding:3px!important;border-radius:18px!important;background:#fffdf9!important;overflow:hidden!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important}
*/
.brand-pill.logo-only img{width:86px!important;height:58px!important;object-fit:contain!important;filter:none!important;transform:scale(1.06)!important}
.address-pill{height:52px!important}

/* Account: replace the tall empty hero-card with one compact identity row. */
.account-container{padding:10px 16px 120px!important}
.account-header{min-height:0!important;margin:0 0 12px!important;padding:11px 13px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;flex-direction:row!important;text-align:left!important;border:1px solid rgba(39,25,13,.08)!important;border-radius:18px!important;background:#fffdf9!important;box-shadow:0 8px 22px rgba(39,25,13,.07)!important;color:#171411!important}
.account-header .user-avatar{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:12px!important;background:#fff1e8!important}
.account-header .user-avatar i{font-size:24px!important;color:#ed6b2c!important;opacity:1!important}
.account-header .user-info{display:block!important;min-width:0!important}
.account-header .user-info h2{margin:0!important;color:#171411!important;font-size:18px!important;line-height:1.1!important}
.account-header .user-info p{margin:3px 0 0!important;color:#746d66!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.account-header .account-status{position:static!important;margin:0!important;padding:7px 9px!important;border-radius:999px!important;font-size:11px!important;white-space:nowrap!important;backdrop-filter:none!important}
.account-header .status-inactive{background:#fff1e8!important;color:#cf4f18!important}
.account-header .status-active{background:#eef6cf!important;color:#526313!important}
.account-sections{gap:12px!important}.account-section{padding:18px!important;border-radius:20px!important}
@media(max-width:390px){.top-row{grid-template-columns:82px minmax(0,1fr)!important}.brand-pill.logo-only{width:82px!important}.brand-pill.logo-only img{width:74px!important}.account-header{grid-template-columns:34px minmax(0,1fr)!important}.account-header .account-status{grid-column:2!important;justify-self:start!important}.account-header .user-avatar{grid-row:1 / span 2!important}}

/* Logo card: text stays framed while the kebap illustration deliberately breaks the lower edge. */
.brand-pill.logo-only.logo-overflow{position:relative!important;width:94px!important;height:70px!important;padding:0!important;overflow:visible!important;border-radius:17px!important;background:#f2f5f3!important;box-shadow:0 8px 20px rgba(0,0,0,.17)!important;z-index:4!important}
.brand-pill.logo-only.logo-overflow:after{
content:""!important;
position:absolute!important;
left:13px!important;
right:13px!important;
bottom:-8px!important;
height:3px!important;
border-radius:999px!important;
/*background:#dce85b!important;*/
box-shadow:0 5px 13px rgba(220,232,91,.34)!important;
z-index:-1!important
}
.brand-pill.logo-only.logo-overflow img{position:absolute!important;left:50%!important;top:50%!important;width:90px!important;height:90px!important;max-width:none!important;object-fit:contain!important;transform:translate(-50%,-42%) scale(1.03)!important;transform-origin:center!important;filter:drop-shadow(0 7px 8px rgba(39,25,13,.16))!important;pointer-events:none!important}
@media(max-width:390px){.brand-pill.logo-only.logo-overflow{width:82px!important;height:52px!important}.brand-pill.logo-only.logo-overflow img{width:82px!important;height:82px!important}.brand-pill.logo-only.logo-overflow:after{left:11px!important;right:11px!important}}