/* EYUP EXPRESS V11.48 - visual polish only; AI untouched */
body:not(.admin-body) .brand-wordmark{display:flex!important;align-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
body:not(.admin-body) .brand-wordmark-img{display:block!important;width:260px!important;height:auto!important;max-height:92px!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 5px 10px rgba(8,55,32,.09))!important}
body:not(.admin-body) .header-inner{gap:20px!important}
body:not(.admin-body) .pro-desktop-nav{border:1px solid #e6eee9!important;border-radius:22px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 12px 30px rgba(13,73,43,.08)!important;padding:8px!important}
body:not(.admin-body) .pro-desktop-nav button{min-width:100px!important;border-radius:16px!important;padding:10px 9px!important;transition:.18s ease!important}
body:not(.admin-body) .pro-desktop-nav button:hover{transform:translateY(-1px)!important;background:#f4fbf7!important}
body:not(.admin-body) .pro-nav-icon{width:38px!important;height:38px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#f7faf8!important;box-shadow:inset 0 0 0 1px #e8efeb!important}
body:not(.admin-body) .pro-nav-icon svg{width:27px!important;height:27px!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;shape-rendering:geometricPrecision!important}
body:not(.admin-body) .pro-desktop-nav button:nth-child(1) .pro-nav-icon svg{stroke:#0a9c49!important}
body:not(.admin-body) .pro-desktop-nav button:nth-child(2) .pro-nav-icon svg{stroke:#f28a00!important}
body:not(.admin-body) .pro-desktop-nav button:nth-child(3) .pro-nav-icon svg{stroke:#ef3b3b!important}
body:not(.admin-body) .pro-desktop-nav button:nth-child(4) .pro-nav-icon svg{stroke:#1687e8!important}
body:not(.admin-body) .pro-desktop-nav button:nth-child(5) .pro-nav-icon svg{stroke:#f14862!important}
body:not(.admin-body) .pro-desktop-nav button:nth-child(6) .pro-nav-icon svg{stroke:#0ba84f!important}
body:not(.admin-body) .pro-desktop-nav button:nth-child(7) .pro-nav-icon svg{stroke:#7138d8!important}

/* Product and category media: larger, never crop */
body:not(.admin-body) .product{overflow:hidden!important;padding:12px!important}
body:not(.admin-body) .product .product-image{display:block!important;width:100%!important;height:245px!important;min-height:245px!important;object-fit:contain!important;object-position:center!important;padding:8px!important;margin:16px 0 8px!important;background:#fff!important;border-radius:12px!important;box-sizing:border-box!important}
body:not(.admin-body) .product h3{margin-top:12px!important;line-height:1.25!important;min-height:2.5em!important}
body:not(.admin-body) .category-card{flex:0 0 132px!important;min-width:132px!important;border-radius:15px!important;overflow:hidden!important}
body:not(.admin-body) .category-card img{width:100%!important;height:112px!important;object-fit:cover!important;object-position:center!important;background:#f7faf8!important}
body:not(.admin-body) .category-card b{min-height:42px!important;padding:9px 6px!important;display:grid!important;place-items:center!important}

/* Mobile icon precision */
body:not(.admin-body) .mobile-bottom{backdrop-filter:blur(16px)!important;background:rgba(255,255,255,.97)!important;border-top:1px solid #e7eeea!important;box-shadow:0 -9px 28px rgba(13,64,42,.09)!important}
body:not(.admin-body) .mobile-bottom button{min-width:0!important;gap:4px!important;color:#34464e!important}
body:not(.admin-body) .mobile-bottom svg{width:27px!important;height:27px!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;shape-rendering:geometricPrecision!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))!important}
body:not(.admin-body) #mobileHome svg{stroke:#0a9c49!important}
body:not(.admin-body) #mobileCats svg{stroke:#f28a00!important}
body:not(.admin-body) #mobileCart svg{stroke:#0ba84f!important}
body:not(.admin-body) #mobileOrders svg{stroke:#1687e8!important}
body:not(.admin-body) #mobileAccountBottom svg{stroke:#7138d8!important}
body:not(.admin-body) .mobile-bottom button.active{color:#078443!important;background:#eff9f2!important;border-radius:14px!important}
body:not(.admin-body) .mobile-quick-actions .qicon{border-radius:12px!important;background:#f7faf8!important;border:1px solid #e6eee9!important;box-shadow:0 4px 10px rgba(10,80,44,.06)!important}
body:not(.admin-body) .mobile-quick-actions svg{width:23px!important;height:23px!important;stroke-width:1.8!important;shape-rendering:geometricPrecision!important}

/* Admin vector icons */
.admin-body .admin-brand-pro img{width:152px!important;height:auto!important;object-fit:contain!important;background:transparent!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.16))!important}
.admin-body .admin-nav button i,.admin-body .admin-nav .admin-link i{width:31px!important;height:31px!important;border-radius:10px!important;background:rgba(255,255,255,.075)!important;padding:5px!important;box-sizing:border-box!important;display:grid!important;place-items:center!important}
.admin-body .admin-nav i img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;image-rendering:auto!important}
.admin-body .admin-nav button,.admin-body .admin-nav .admin-link{min-height:46px!important;border-radius:12px!important}
.admin-body .admin-nav button.active{background:linear-gradient(90deg,rgba(18,169,87,.26),rgba(18,169,87,.10))!important;border-color:rgba(74,222,128,.24)!important}

@media(max-width:800px){
 body:not(.admin-body) .brand-wordmark-img{width:184px!important;max-height:70px!important}
 body:not(.admin-body) .product .product-image{height:180px!important;min-height:180px!important;padding:5px!important;margin-top:14px!important}
 body:not(.admin-body) .product h3{margin-top:10px!important}
 body:not(.admin-body) .category-card{flex:0 0 112px!important;min-width:112px!important}
 body:not(.admin-body) .category-card img{height:96px!important;object-fit:cover!important}
 .admin-body .admin-sidebar{height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important;padding-bottom:90px!important}
 .admin-body .admin-sidebar .admin-nav{height:auto!important;min-height:max-content!important;overflow:visible!important;touch-action:pan-y!important;padding-bottom:56px!important}
 .admin-body .admin-sidebar .nav-group,.admin-body .admin-sidebar button,.admin-body .admin-sidebar a,.admin-body .admin-sidebar span,.admin-body .admin-sidebar i{touch-action:pan-y!important}
}
@media(max-width:480px){
 body:not(.admin-body) .brand-wordmark-img{width:164px!important}
 body:not(.admin-body) .product .product-image{height:165px!important;min-height:165px!important}
 body:not(.admin-body) .category-card{flex-basis:104px!important;min-width:104px!important}
 body:not(.admin-body) .category-card img{height:90px!important}
 body:not(.admin-body) .mobile-bottom svg{width:25px!important;height:25px!important}
}


/* V11.51 mobile category alignment + compact AI + admin HD polish */
body:not(.admin-body) .category-card b{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 7px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.16!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  transform:none!important;
}
body:not(.admin-body) .category-card img{display:block!important;margin:0!important}
body:not(.admin-body) .pro-desktop-nav button[data-target="categories"] b{display:block!important;text-align:center!important;line-height:1.1!important;transform:none!important}
@media(max-width:800px){
  body:not(.admin-body) .category-card b{min-height:40px!important;font-size:11px!important;padding:7px 5px 8px!important}
  body:not(.admin-body) .floating{right:9px!important;bottom:82px!important}
  body:not(.admin-body) .floating .assistant{display:flex!important;width:auto!important;height:42px!important;min-height:42px!important;padding:4px 9px 4px 4px!important;gap:6px!important;border:2px solid #fff!important;border-radius:999px!important;overflow:visible!important;box-shadow:0 8px 20px rgba(7,91,45,.23)!important}
  body:not(.admin-body) .floating .assistant>img{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;margin:0!important;border:0!important;object-fit:cover!important}
  body:not(.admin-body) .floating .assistant>span{display:grid!important;line-height:1.05!important;text-align:left!important}
  body:not(.admin-body) .floating .assistant b{font-size:10.5px!important;line-height:1!important}
  body:not(.admin-body) .floating .assistant small{font-size:7.5px!important;line-height:1.05!important;margin-top:2px!important;white-space:nowrap!important}
  body:not(.admin-body) .floating .assistant .online-dot{width:5px!important;height:5px!important;margin-right:3px!important}
}
@media(max-width:480px){
  body:not(.admin-body) .category-card b{min-height:38px!important;font-size:10.5px!important}
  body:not(.admin-body) .floating .assistant{height:39px!important;min-height:39px!important;padding-right:8px!important}
  body:not(.admin-body) .floating .assistant>img{width:29px!important;height:29px!important;min-width:29px!important}
  body:not(.admin-body) .floating .assistant b{font-size:10px!important}
  body:not(.admin-body) .floating .assistant small{font-size:7px!important}
}

/* Admin: crisp vector icon presentation */
.admin-body .admin-nav i{overflow:visible!important}
.admin-body .admin-nav i img{width:22px!important;height:22px!important;object-fit:contain!important;filter:none!important;image-rendering:auto!important}
.admin-body .admin-nav button i,.admin-body .admin-nav .admin-link i{width:34px!important;height:34px!important;border-radius:11px!important;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055))!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.admin-body .analytics-card{border:1px solid #e3ece7!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(20,74,49,.07)!important;background:linear-gradient(180deg,#fff,#fbfdfc)!important}
.admin-body .chart-stage svg{width:100%!important;height:auto!important;display:block!important;overflow:visible!important;shape-rendering:geometricPrecision!important}
.admin-body .chart-line{fill:none!important;stroke:#079447!important;stroke-width:4!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 4px 5px rgba(7,148,71,.14))!important}
.admin-body .chart-area{fill:url(#revenueGradient)!important}
.admin-body .chart-grid{stroke:#e6eee9!important;stroke-width:1!important;vector-effect:non-scaling-stroke!important}
.admin-body .chart-dot{fill:#fff!important;stroke:#079447!important;stroke-width:3!important;vector-effect:non-scaling-stroke!important}
.admin-body .chart-label{fill:#6e7d75!important;font-size:12px!important;font-weight:700!important}
.admin-body .rank-track{height:10px!important;border-radius:999px!important;background:#edf3ef!important;overflow:hidden!important}
.admin-body .rank-track i{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#079447,#31c46f)!important;box-shadow:0 2px 7px rgba(7,148,71,.2)!important}
