/* EYUP EXPRESS V11 PROFESSIONAL UI */
:root{--v11-green:#079447;--v11-dark:#0b2f22;--v11-line:#e6ece8;--v11-soft:#f7faf8}
.brand-mark{background:transparent!important;box-shadow:none!important;border-radius:18px!important;overflow:hidden!important}
.brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.brand strong{color:#132b23!important}.brand strong span{color:var(--v11-green)!important}.brand small{color:#718078!important}
.topbar{background:linear-gradient(90deg,#067a3e,#10b85e)!important}
.search button,.primary-btn{background:linear-gradient(135deg,#078b45,#0bb65b)!important}
.fresh-ticker{background:linear-gradient(90deg,#06773c,#10ad57)!important;background-image:none!important;color:#fff!important;box-shadow:none!important}
.fresh-ticker::before,.fresh-ticker::after{display:none!important}
.categories{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto!important;padding:3px 2px 12px!important;scrollbar-width:thin;scroll-snap-type:x proximity}
.category-card{flex:0 0 128px!important;min-width:128px!important;border-radius:15px!important;border:1px solid var(--v11-line)!important;box-shadow:0 7px 20px rgba(19,59,41,.06)!important;scroll-snap-align:start}
.category-card img{height:104px!important;object-fit:cover!important;background:#f7faf8}.category-card b{font-size:13px!important;padding:10px 7px 12px!important}
#categoriesSection .section-head h2{font-size:32px!important;color:#132b23}.section-head a{color:#0a9149!important}
.v11-finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 18px}.v11-finance-summary article{border:1px solid #dfe8e3;border-radius:14px;padding:14px;background:linear-gradient(145deg,#fff,#f6fbf8)}.v11-finance-summary small{display:block;color:#7a8981}.v11-finance-summary b{display:block;font-size:19px;color:#087641;margin-top:5px}
.v10-account-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v10-account-menu button{border-radius:16px!important;background:#fff!important;border:1px solid #dfe8e3!important;box-shadow:0 5px 16px rgba(22,63,44,.06)!important}.v10-account-menu button>b{width:44px;height:44px;border-radius:14px;background:#eff9f3;display:grid;place-items:center;color:#079447;font-size:21px}
.v11-payment-box{margin:14px 0;padding:14px;border-radius:14px;background:#f6faf8;border:1px solid #dfe8e3}.v11-payment-box b{display:block;margin-bottom:8px}.v11-payment-options{display:flex;flex-wrap:wrap;gap:7px}.v11-payment-options label{border:1px solid #d8e5dd;border-radius:10px;background:#fff;padding:8px 10px;font-size:12px}.v11-payment-options input{accent-color:#079447}
.customer-admin-list.finance article{display:grid;gap:13px}.customer-finance-head{display:flex;justify-content:space-between;gap:15px}.finance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.finance-kpis span{padding:10px;border-radius:10px;background:#f4f9f6;border:1px solid #dfe8e3}.finance-kpis small{display:block;color:#73827a}.finance-actions{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 150px auto;gap:7px;align-items:center}.finance-actions input,.finance-actions select{min-width:0;border:1px solid #cfded6;border-radius:8px;padding:9px}.finance-actions button{border:0;border-radius:8px;background:#087f45;color:#fff;padding:9px 10px;font-weight:800}.finance-actions button:last-child{background:#233b31}
.payment-settings-card textarea{width:100%;border:1px solid #cfded6;border-radius:9px;padding:10px;resize:vertical}
@media(max-width:720px){
 .header-inner{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:10px 14px 12px!important}.brand{justify-self:start!important;gap:8px!important}.brand-mark{width:50px!important;height:50px!important}.brand>span:last-child{display:block!important}.brand strong{font-size:21px!important}.brand small{font-size:8px!important;letter-spacing:1.2px!important}.mobile-quick-actions{order:2!important;width:100%!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:6px!important}.mobile-quick-actions button{min-width:0!important;border:1px solid #dde8e2!important;border-radius:12px!important;background:#fff!important;padding:7px 2px!important}.mobile-quick-actions button b{font-size:21px!important;color:#078c45!important}.mobile-quick-actions button span{font-size:9px!important}.search{order:3!important;width:100%!important}.active-delivery-address{order:4!important;width:100%!important}
 .categories{gap:9px!important;padding-bottom:10px!important}.category-card{flex-basis:92px!important;min-width:92px!important;border-radius:13px!important}.category-card img{height:76px!important}.category-card b{font-size:10px!important;min-height:36px!important;padding:7px 4px!important}
 .fresh-ticker{margin-left:0!important;margin-right:0!important;border-radius:12px!important}
 .v11-finance-summary{grid-template-columns:1fr 1fr!important}.v11-finance-summary article:last-child{grid-column:1/-1}.v10-account-menu{grid-template-columns:repeat(2,1fr)!important}.v10-account-menu button{min-height:92px!important;padding:10px!important;align-items:flex-start!important}.v10-account-menu button>b{width:38px;height:38px;font-size:18px}.v10-account-menu button span{font-size:12px}.v10-account-menu button small{font-size:9px!important}
 .mobile-bottom{grid-template-columns:repeat(5,1fr)!important}.mobile-bottom button{font-size:20px!important}.mobile-bottom span{font-size:9px!important}.floating .assistant{display:none!important}
 .finance-actions{grid-template-columns:1fr 1fr!important}.finance-kpis{grid-template-columns:1fr 1fr 1fr!important}
}

/* V11.1 ticker hotfix */
.fresh-ticker{overflow:hidden!important;white-space:nowrap!important}
.fresh-ticker>div{display:flex!important;align-items:center!important;width:max-content!important;min-width:max-content!important;gap:18px!important;padding:0!important;animation:eyupTicker var(--ticker-speed,24s) linear infinite!important;will-change:transform}
.fresh-ticker .ticker-set{display:flex!important;align-items:center!important;gap:18px!important;flex:none!important;padding:12px 0!important}
.fresh-ticker .ticker-item{display:inline-block!important;flex:none!important;font-size:12px!important;font-weight:900!important;letter-spacing:.65px!important;line-height:1.2!important;color:#fff!important}
.fresh-ticker .ticker-dot,.fresh-ticker .ticker-loop-dot{display:block!important;flex:0 0 6px!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#b9f28d!important;margin:0!important}
@keyframes eyupTicker{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
@media(max-width:800px){.fresh-ticker>div{gap:14px!important}.fresh-ticker .ticker-set{gap:14px!important;padding:10px 0!important}.fresh-ticker .ticker-item{font-size:11px!important;letter-spacing:.45px!important}.fresh-ticker .ticker-dot,.fresh-ticker .ticker-loop-dot{flex-basis:5px!important;width:5px!important;height:5px!important}@keyframes eyupTicker{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}}


/* V11.3 reference-mobile design */
.brand-wordmark{display:flex!important;align-items:center!important;text-decoration:none!important;min-width:0!important}
.brand-wordmark-img{width:185px!important;height:86px!important;object-fit:contain!important;display:block!important;background:#fff!important}
.qicon svg,.mobile-bottom svg,.account-icon-svg svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.account-icon-svg{padding:9px!important}.account-icon-svg svg{width:23px!important;height:23px!important}
.v10-account-menu button:nth-child(1) .account-icon-svg{color:#f2a900;background:#fff8e9!important}.v10-account-menu button:nth-child(2) .account-icon-svg{color:#7258e8;background:#f4f0ff!important}.v10-account-menu button:nth-child(3) .account-icon-svg{color:#1a9d55;background:#ecfbf3!important}.v10-account-menu button:nth-child(4) .account-icon-svg{color:#e77623;background:#fff3ea!important}.v10-account-menu button:nth-child(5) .account-icon-svg{color:#8a5ce8;background:#f6f0ff!important}.v10-account-menu button:nth-child(6) .account-icon-svg{color:#687581;background:#f1f4f6!important}.v10-account-menu button:nth-child(7) .account-icon-svg{color:#18a8a8;background:#eafafa!important}.v10-account-menu button:nth-child(8) .account-icon-svg{color:#079447;background:#eafaf1!important}
.mobile-bottom button svg{width:23px;height:23px}.bottom-icon-wrap{position:relative;display:grid;place-items:center}.bottom-icon-wrap>b{position:absolute;top:-6px;right:-8px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#f05a18;color:#fff;font-size:10px;line-height:17px}
.mobile-bottom button.active{color:#079447!important}.mobile-bottom button.active span{font-weight:800}
@media(max-width:720px){
 body{padding-bottom:76px!important;background:#fff!important}
 .header{background:#fff!important;box-shadow:0 1px 0 #edf1ef!important}
 .header-inner{position:relative!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"brand actions" "search search" "address address"!important;gap:8px 10px!important;padding:7px 14px 10px!important}
 .brand-wordmark{grid-area:brand!important;justify-self:start!important}.brand-wordmark-img{width:128px!important;height:58px!important;background:#fff!important}
 .mobile-quick-actions{grid-area:actions!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;gap:8px!important;align-self:center!important}
 .mobile-quick-actions button{display:none!important;border:0!important;background:transparent!important;padding:4px!important;min-width:42px!important;box-shadow:none!important}.mobile-quick-actions button:nth-child(4),.mobile-quick-actions button:nth-child(5){display:grid!important;place-items:center!important;position:relative!important}.mobile-quick-actions button span{display:none!important}.mobile-quick-actions .qicon{width:26px!important;height:26px!important;color:#10251d!important}.mobile-quick-actions em{top:-2px!important;right:-2px!important}
 .search{grid-area:search!important;margin:0!important;border-radius:16px!important;height:48px!important;background:#f7f8f8!important;border:1px solid #ecefed!important;box-shadow:none!important}.search input{font-size:14px!important;padding-left:16px!important}.search button{width:54px!important;border-radius:0 16px 16px 0!important;font-size:0!important}.search button:after{content:'⌕';font-size:28px;color:#fff}
 .active-delivery-address{grid-area:address!important}
 #categoriesSection{padding-top:13px!important}.categories{gap:8px!important;overflow-x:auto!important;padding:3px 0 11px!important}.category-card{flex:0 0 78px!important;min-width:78px!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;border:1px solid #edf1ef!important}.category-card img{height:66px!important;border-radius:11px 11px 0 0!important}.category-card b{font-size:10px!important;min-height:31px!important;padding:6px 3px 7px!important;line-height:1.1!important}
 #categoriesSection .section-head h2{font-size:22px!important}.section-head{align-items:end!important}.section-head a{font-size:12px!important}
 .hero{border-radius:18px!important;overflow:hidden!important}.hero-copy h1{font-size:34px!important;line-height:1.02!important}.hero-copy p{font-size:14px!important}
 .v11-finance-summary{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.v11-finance-summary article{padding:10px 7px!important;text-align:center!important}.v11-finance-summary b{font-size:14px!important}.v11-finance-summary small{font-size:9px!important}
 .v10-account-menu{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.v10-account-menu button{min-height:90px!important;padding:10px!important;align-items:flex-start!important}.v10-account-menu button>b{width:42px!important;height:42px!important;border-radius:13px!important}.v10-account-menu button span{font-size:12px!important}.v10-account-menu button small{font-size:9px!important}
 .mobile-bottom{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1000!important;height:68px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;background:#fff!important;border-top:1px solid #e9eeeb!important;box-shadow:0 -8px 30px rgba(18,52,40,.08)!important;padding:6px 5px max(6px,env(safe-area-inset-bottom))!important}
 .mobile-bottom button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border:0!important;background:none!important;color:#334039!important;font-size:0!important;min-width:0!important}.mobile-bottom span{display:block!important;font-size:9px!important;line-height:1!important}.mobile-bottom svg{width:23px!important;height:23px!important}
 .floating{bottom:78px!important}
}