/* EYUP EXPRESS V11.4 - reference design parity */
:root{--pro-green:#079447;--pro-green-dark:#05773b;--pro-orange:#f25a18;--pro-ink:#10231b;--pro-muted:#66766e;--pro-line:#e6ece8;--pro-soft:#f7faf8}
body:not(.admin-body){background:#fff!important;color:var(--pro-ink)!important}
body:not(.admin-body) .topbar{background:linear-gradient(90deg,#087d40,#0daf59)!important}
body:not(.admin-body) .header{background:#fff!important;box-shadow:0 2px 16px rgba(17,59,42,.07)!important;border-bottom:1px solid #eef2f0!important}
body:not(.admin-body) .header-inner{max-width:1440px!important;min-height:94px!important;display:grid!important;grid-template-columns:190px minmax(300px,1fr) minmax(520px,auto)!important;gap:22px!important;align-items:center!important}
body:not(.admin-body) .brand-wordmark-img{width:168px!important;height:70px!important;background:transparent!important;object-fit:contain!important}
body:not(.admin-body) .search{height:50px!important;border:1px solid #dfe6e2!important;border-radius:16px!important;background:#f7f9f8!important;box-shadow:none!important}
body:not(.admin-body) .search input{font-size:14px!important;background:transparent!important}
body:not(.admin-body) .search button{width:58px!important;background:var(--pro-green)!important}
.pro-desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}
.pro-desktop-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:58px;padding:6px 5px;border:0;background:transparent;color:#12231c;cursor:pointer;border-radius:12px}
.pro-desktop-nav button:hover{background:#f1f8f4;color:var(--pro-green)}
.pro-nav-icon{position:relative;display:grid;place-items:center;width:29px;height:29px;color:currentColor}
.pro-nav-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pro-desktop-nav b{font-size:11px;white-space:nowrap}
.pro-desktop-nav em{position:absolute;right:-8px;top:-7px;background:var(--pro-orange);color:#fff;min-width:18px;height:18px;padding:0 4px;border-radius:99px;font-size:10px;line-height:18px;font-style:normal;font-weight:900;border:2px solid #fff}
body:not(.admin-body) .legacy-actions{display:none!important}
body:not(.admin-body) .mobile-quick-actions{display:none!important}
body:not(.admin-body) .main-grid{padding-top:12px!important}
body:not(.admin-body) #categoriesSection{order:-1;margin:0 0 12px!important;padding:0!important}
body:not(.admin-body) #categoriesSection .section-head{margin-bottom:10px!important}
body:not(.admin-body) #categoriesSection .section-head h2{font-size:28px!important;margin:0!important}
body:not(.admin-body) .categories{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto!important;padding:2px 2px 10px!important;scrollbar-width:none!important}
body:not(.admin-body) .categories::-webkit-scrollbar{display:none}
body:not(.admin-body) .category-card{flex:0 0 102px!important;min-width:102px!important;border:1px solid #edf1ef!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
body:not(.admin-body) .category-card img{width:100%!important;height:78px!important;object-fit:cover!important;background:#f5f7f6!important;border-radius:0!important}
body:not(.admin-body) .category-card b{display:grid!important;place-items:center!important;min-height:38px!important;padding:7px 5px!important;font-size:11px!important;line-height:1.08!important;text-align:center!important}
body:not(.admin-body) .hero{min-height:365px!important;border-radius:22px!important;background-image:url('assets/eyup-express-hero-v2.webp')!important;background-position:center 52%!important;background-size:cover!important;box-shadow:none!important;border:0!important}
body:not(.admin-body) .hero:after{background:linear-gradient(90deg,rgba(3,46,27,.94),rgba(7,111,55,.74) 43%,rgba(7,92,47,.10) 76%)!important}
body:not(.admin-body) .hero-content{width:min(600px,62%)!important;padding:44px 45px!important}
body:not(.admin-body) .hero-kicker{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.42)!important}
body:not(.admin-body) .hero h1{font-size:clamp(39px,4vw,61px)!important;line-height:1!important;letter-spacing:-1.8px!important;margin-bottom:16px!important}
body:not(.admin-body) .hero h1 span{color:#ffe07a!important}
body:not(.admin-body) .hero p{font-size:17px!important;line-height:1.42!important;max-width:540px!important}
body:not(.admin-body) .hero .primary-btn{background:#fff!important;color:#0a7e42!important;box-shadow:none!important;border-radius:12px!important}
body:not(.admin-body) .hero .secondary-btn{border-color:rgba(255,255,255,.68)!important;background:rgba(255,255,255,.10)!important}
body:not(.admin-body) .trust-strip{margin-top:12px!important;border-radius:16px!important;background:#fff!important;border:1px solid #edf1ef!important;box-shadow:none!important;gap:0!important}
body:not(.admin-body) .trust-item{border-right:1px solid #edf1ef!important;padding:14px!important}
body:not(.admin-body) .trust-item:last-child{border-right:0!important}
body:not(.admin-body) .fresh-ticker{border-radius:12px!important;margin-top:14px!important;background:linear-gradient(90deg,#08753d,#11ad58)!important}
body:not(.admin-body) .products{gap:14px!important}
body:not(.admin-body) .product{border-radius:14px!important;border:1px solid #e7ece9!important;box-shadow:none!important;min-height:0!important;padding:10px!important}
body:not(.admin-body) .product .product-image{border:0!important;background:#fff!important;height:165px!important;min-height:165px!important;padding:5px!important}
body:not(.admin-body) .product .add{background:linear-gradient(135deg,#078d46,#0bae57)!important;border-radius:10px!important}

/* Account dashboard to match reference */
body:not(.admin-body) .account-dashboard{background:#f6f8f7!important}
body:not(.admin-body) .account-dashboard-head{background:linear-gradient(90deg,#087d40,#0cc35d)!important;color:#fff!important;border-radius:0 0 18px 18px!important;padding:18px!important}
body:not(.admin-body) .v11-finance-summary article{background:#fff!important;border:1px solid #e5ebe7!important;border-radius:13px!important;box-shadow:none!important}
body:not(.admin-body) .v10-account-menu{gap:10px!important}
body:not(.admin-body) .v10-account-menu button{background:#fff!important;border:1px solid #e3e9e5!important;border-radius:15px!important;box-shadow:0 3px 10px rgba(17,56,39,.05)!important}

@media(max-width:1100px) and (min-width:721px){
 body:not(.admin-body) .header-inner{grid-template-columns:165px 1fr!important;grid-template-areas:"brand search" "nav nav"!important;gap:10px 18px!important;padding:10px 18px!important}
 .brand-wordmark{grid-area:brand}.search{grid-area:search}.pro-desktop-nav{grid-area:nav;justify-content:space-between;border-top:1px solid #eef2ef;padding-top:8px}
}

@media(max-width:720px){
 body:not(.admin-body){padding-bottom:72px!important;background:#fff!important}
 body:not(.admin-body) .topbar-inner{height:34px!important;padding:0 2px!important}.top-points{min-width:0!important}.top-points span{font-size:11px!important}.top-phone{font-size:12px!important;white-space:nowrap!important}
 body:not(.admin-body) .header{position:sticky!important;top:0!important;z-index:90!important}
 body:not(.admin-body) .header-inner{min-height:0!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"brand actions" "search search" "address address"!important;gap:7px 8px!important;padding:7px 12px 9px!important}
 body:not(.admin-body) .brand-wordmark{grid-area:brand!important;align-self:center!important;justify-self:start!important;max-width:145px!important;overflow:hidden!important}
 body:not(.admin-body) .brand-wordmark-img{width:138px!important;height:50px!important;background:transparent!important;object-fit:contain!important;object-position:left center!important}
 body:not(.admin-body) .mobile-quick-actions{grid-area:actions!important;display:flex!important;gap:4px!important;align-items:center!important;justify-content:flex-end!important}
 body:not(.admin-body) .mobile-quick-actions button{display:none!important}
 body:not(.admin-body) .mobile-quick-actions button:nth-child(4),body:not(.admin-body) .mobile-quick-actions button:nth-child(5){display:grid!important;place-items:center!important;position:relative!important;width:38px!important;height:38px!important;padding:5px!important;border:0!important;background:transparent!important;box-shadow:none!important}
 body:not(.admin-body) .mobile-quick-actions .qicon{width:25px!important;height:25px!important;color:#14261e!important}
 body:not(.admin-body) .mobile-quick-actions em{top:0!important;right:0!important}
 .pro-desktop-nav{display:none!important}
 body:not(.admin-body) .search{grid-area:search!important;height:44px!important;border-radius:14px!important;margin:0!important}.search input{font-size:13px!important}.search button{width:52px!important}
 body:not(.admin-body) .active-delivery-address{grid-area:address!important;margin:0!important}
 body:not(.admin-body) .main-grid{width:100%!important;padding:8px 12px 0!important;margin:0!important}
 body:not(.admin-body) #categoriesSection{padding:0!important;margin:0 0 8px!important}
 body:not(.admin-body) #categoriesSection .section-head h2{font-size:20px!important}.section-head a{font-size:11px!important}
 body:not(.admin-body) .categories{gap:7px!important;padding-bottom:8px!important}
 body:not(.admin-body) .category-card{flex:0 0 76px!important;min-width:76px!important;border-radius:11px!important}
 body:not(.admin-body) .category-card img{height:58px!important}
 body:not(.admin-body) .category-card b{min-height:31px!important;font-size:9px!important;padding:5px 3px!important}
 body:not(.admin-body) .hero{min-height:300px!important;border-radius:16px!important;background-position:68% center!important;margin-top:4px!important}
 body:not(.admin-body) .hero:after{background:linear-gradient(90deg,rgba(3,46,27,.95),rgba(6,103,52,.70) 55%,rgba(7,92,47,.18) 90%)!important}
 body:not(.admin-body) .hero-content{width:72%!important;padding:24px 17px!important}
 body:not(.admin-body) .hero-kicker{font-size:9px!important;padding:6px 8px!important;margin-bottom:10px!important}
 body:not(.admin-body) .hero h1{font-size:28px!important;line-height:1.02!important;letter-spacing:-1px!important;margin-bottom:10px!important}
 body:not(.admin-body) .hero p{font-size:12px!important;line-height:1.35!important;margin-bottom:12px!important}
 body:not(.admin-body) .hero-actions{gap:7px!important;margin-top:12px!important}.hero-actions>*{font-size:11px!important;padding:10px 12px!important}.hero-actions .secondary-btn{display:none!important}
 body:not(.admin-body) .hero-proof{display:none!important}.delivery-card{display:none!important}
 body:not(.admin-body) .trust-strip{display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:9px!important}.trust-item{padding:9px!important}.trust-item:nth-child(5){grid-column:1/-1!important}.trust-item .ico{font-size:20px!important}.trust-item strong{font-size:10px!important}.trust-item small{font-size:8px!important}
 body:not(.admin-body) .fresh-ticker{margin:10px 0 14px!important;border-radius:10px!important}.fresh-ticker .ticker-item{font-size:10px!important}
 body:not(.admin-body) .section{margin-top:18px!important}
 body:not(.admin-body) .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 body:not(.admin-body) .product{padding:7px!important;border-radius:11px!important}.product .product-image{height:112px!important;min-height:112px!important}.product h3{font-size:12px!important;min-height:31px!important}.product .price{font-size:17px!important}.product .add{font-size:10px!important;padding:9px 4px!important}
 body:not(.admin-body) .catalog-toolbar{top:116px!important;padding:7px 0!important;background:rgba(255,255,255,.96)!important}
 body:not(.admin-body) .v11-finance-summary{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.v11-finance-summary article{padding:9px 5px!important}.v11-finance-summary small{font-size:8px!important}.v11-finance-summary b{font-size:13px!important}
 body:not(.admin-body) .v10-account-menu{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.v10-account-menu button{min-height:92px!important;padding:10px!important}.v10-account-menu button>b{width:42px!important;height:42px!important;border-radius:13px!important}.v10-account-menu button span{font-size:11px!important}.v10-account-menu button small{font-size:8px!important}
 body:not(.admin-body) .mobile-bottom{height:70px!important;background:#fff!important;border-top:1px solid #e8edea!important;box-shadow:0 -7px 24px rgba(15,54,37,.08)!important;padding:5px 3px max(6px,env(safe-area-inset-bottom))!important}
 body:not(.admin-body) .mobile-bottom button{color:#34453d!important;gap:3px!important}.mobile-bottom svg{width:22px!important;height:22px!important}.mobile-bottom span{font-size:8.5px!important}.mobile-bottom button.active{color:var(--pro-green)!important}
 body:not(.admin-body) .floating{bottom:78px!important}.floating .assistant{display:none!important}
}
/* V11.6 professional trust/service icons */
.trust-strip .ico.pro-svg,.service-row .ico.pro-svg{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eaf8ef;color:#08743f;flex:0 0 46px;border:1px solid #d3eedf}
.trust-strip .ico.pro-svg svg,.service-row .ico.pro-svg svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trust-strip .trust-item:nth-child(2) .ico.pro-svg{background:#fff6e7;color:#d67b00;border-color:#ffe4b6}
.trust-strip .trust-item:nth-child(3) .ico.pro-svg{background:#eaf4ff;color:#2474c7;border-color:#d4e8fb}
.trust-strip .trust-item:nth-child(4) .ico.pro-svg{background:#f4edff;color:#7d4bc0;border-color:#e5d8fb}
.trust-strip .trust-item:nth-child(5) .ico.pro-svg{background:#fff0f0;color:#c84f4f;border-color:#f7dada}
@media(max-width:760px){.trust-strip .ico.pro-svg,.service-row .ico.pro-svg{width:40px;height:40px;flex-basis:40px;border-radius:12px}.trust-strip .ico.pro-svg svg,.service-row .ico.pro-svg svg{width:22px;height:22px}}

/* V11.8 mobile cleanup requested: compact home + always visible bottom icons. */
@media(max-width:720px){
  body:not(.admin-body) .trust-strip{display:none!important}
  body:not(.admin-body) .mobile-bottom{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;visibility:visible!important;opacity:1!important}
  body:not(.admin-body) .mobile-bottom button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#30443a!important;visibility:visible!important;opacity:1!important}
  body:not(.admin-body) .mobile-bottom button svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body:not(.admin-body) .mobile-bottom button.active{color:#079447!important}
}