/* Eyup Express V12.14 focused mobile/account/favorites/assistant fixes. No admin styles. */
:root{--ee-green:#079447;--ee-green2:#10b957;--ee-ink:#0e1b2b;--ee-muted:#7b8794;--ee-line:#e2e8e5;--ee-soft:#f5fbf7;--ee-shadow:0 10px 30px rgba(17,53,34,.09)}
#accountBackdrop,.notification-center,.mobile-notification-button{display:none!important}
.ee-clean-hidden{display:none!important}
.ee-location-bar{border:1px solid #dfe7e2;background:#fff;border-radius:15px;min-height:56px;padding:8px 12px;display:flex;align-items:center;gap:10px;color:var(--ee-ink);cursor:pointer;box-shadow:0 3px 12px rgba(12,54,32,.04)}
.ee-location-icon{width:38px;height:38px;border-radius:12px;background:#e8f8ee;color:var(--ee-green);display:grid;place-items:center;flex:0 0 auto}.ee-location-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.ee-location-copy{min-width:0;display:flex;flex-direction:column;text-align:left;line-height:1.12}.ee-location-copy small{font-size:10px;color:#7a8680;font-weight:700}.ee-location-copy b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.ee-location-chevron{margin-left:auto;font-size:18px;color:#1a2f25}
.ee-clean-overlay{position:fixed;inset:0;background:rgba(8,24,17,.54);backdrop-filter:blur(5px);z-index:1000000;display:none;align-items:center;justify-content:center;padding:18px}.ee-clean-overlay.open{display:flex}.ee-clean-card{background:#fff;border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.25);width:min(930px,96vw);max-height:92vh;overflow:auto;position:relative}.ee-clean-close{position:absolute;right:14px;top:14px;border:0;background:#fff;color:#21322a;width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer;z-index:5;box-shadow:0 2px 10px #0001}.ee-auth-card{width:min(430px,96vw);padding:20px}.ee-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f3f7f4;border-radius:12px;padding:4px;margin:18px 0}.ee-auth-tabs button{height:42px;border:0;border-radius:9px;background:transparent;font-weight:800;color:#536159}.ee-auth-tabs button.active{background:linear-gradient(135deg,#0b8f45,#10b957);color:white}.ee-auth-card h2{font-size:24px;margin:4px 0 8px}.ee-auth-card p{color:#68766e;font-size:14px;line-height:1.45}.ee-auth-phone{display:grid;grid-template-columns:auto 1fr;border:1px solid #dbe4df;border-radius:14px;overflow:hidden;height:54px;margin:18px 0 12px}.ee-auth-phone b{display:flex;align-items:center;padding:0 12px;border-right:1px solid #e4eae6}.ee-auth-phone input{border:0!important;outline:0!important;padding:0 12px!important;font-size:15px!important;min-width:0}.ee-clean-btn{width:100%;height:50px;border:0;border-radius:13px;background:linear-gradient(135deg,#078f44,#0ebd58);color:#fff;font-weight:800;font-size:15px;cursor:pointer}.ee-clean-btn.secondary{background:#eff8f3;color:#087e3e;border:1px solid #cce8d8}.ee-clean-msg{min-height:22px;margin-top:10px;font-size:13px;color:#a12626}.ee-clean-msg.ok{color:#078443}.ee-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ee-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:750;color:#34463d}.ee-form-grid input,.ee-form-grid select,.ee-form-grid textarea{width:100%;border:1px solid #dbe4df;border-radius:11px;min-height:44px;padding:9px 11px;font:inherit;background:#fff}.ee-form-grid .full{grid-column:1/-1}.ee-form-grid textarea{min-height:80px;resize:vertical}
.ee-account-card{overflow:hidden}.ee-account-head{background:linear-gradient(135deg,#078d43,#0cb955);color:#fff;min-height:108px;display:flex;align-items:center;gap:18px;padding:18px 28px;position:relative}.ee-account-head-logo{background:#fff;border-radius:26px 26px 16px 16px;padding:12px 18px;display:flex;align-items:center;justify-content:center}.ee-account-head-logo img{display:block;width:150px;max-height:70px;object-fit:contain}.ee-account-head h2{font-size:30px;margin:0}.ee-account-bell{margin-left:auto;background:transparent;border:0;color:#fff;width:50px;height:50px}.ee-account-bell svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8}.ee-account-body{padding:20px;background:#f8faf9}.ee-profile-card{background:#fff;border:1px solid #e5ebe7;border-radius:18px;min-height:94px;padding:16px 20px;display:flex;align-items:center;gap:14px;box-shadow:var(--ee-shadow);margin-bottom:22px}.ee-profile-avatar{width:54px;height:54px;border-radius:50%;background:#e9f8ef;color:#078c43;display:grid;place-items:center}.ee-profile-avatar svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2}.ee-profile-card small{display:block;color:#7c8982;font-size:12px}.ee-profile-card b{font-size:20px;color:#111c27}.ee-section{margin:18px 0}.ee-section-title{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:900;color:#111c27;margin:0 0 12px}.ee-section-title:before{content:"";width:6px;height:26px;border-radius:8px;background:#0fbd58}.ee-section-title.dark:before{background:#102235}.ee-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ee-account-tile{border:1px solid #e5eae7;background:#fff;border-radius:16px;min-height:108px;padding:13px 14px;display:grid;grid-template-columns:54px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:left;box-shadow:0 4px 14px rgba(24,54,38,.06);cursor:pointer}.ee-account-tile .ico{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#ebf9f0;color:#079447}.ee-account-tile .ico.orange{background:#fff1e6;color:#f16918}.ee-account-tile .ico.purple{background:#f2ebff;color:#6531d5}.ee-account-tile .ico.blue{background:#eaf6ff;color:#149bd5}.ee-account-tile .ico.gray{background:#f0f2f4;color:#66717f}.ee-account-tile .ico.red{background:#fff0ef;color:#ef242d}.ee-account-tile svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8}.ee-account-tile b{display:block;color:#101a25;font-size:15px;margin-bottom:4px}.ee-account-tile small{display:block;color:#87918c;font-size:11px;line-height:1.35}.ee-account-tile .go{font-size:24px;color:#59655e}.ee-account-tile.danger b{color:#e5242d}.ee-account-sub{background:#fff;border:1px solid #e4eae6;border-radius:18px;padding:16px;box-shadow:var(--ee-shadow)}.ee-subhead{display:flex;align-items:center;gap:10px;margin-bottom:14px}.ee-subhead button{width:38px;height:38px;border-radius:50%;border:0;background:#eef6f1;font-size:24px;cursor:pointer}.ee-subhead h3{font-size:22px;margin:0}.ee-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ee-kpi{background:#f7fbf8;border:1px solid #e4ece7;border-radius:14px;padding:14px}.ee-kpi small{display:block;color:#7a8680}.ee-kpi b{display:block;font-size:22px;color:#087f3f;margin-top:4px}.ee-ledger{margin-top:12px}.ee-ledger-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid #eef2ef}.ee-ledger-row small{display:block;color:#7b8781}.ee-empty{padding:24px;text-align:center;color:#748178}.ee-inline-form{display:grid;gap:10px}.ee-inline-form input,.ee-inline-form select,.ee-inline-form textarea{border:1px solid #dce5df;border-radius:11px;padding:10px;min-height:44px;width:100%}
.ee-location-card{width:min(520px,96vw);padding:20px}.ee-location-card h2{margin:0 0 5px}.ee-location-live{display:flex;gap:12px;align-items:center;border:1px solid #cfe8da;background:#f1fbf5;color:#087b3e;border-radius:15px;padding:13px;width:100%;cursor:pointer;text-align:left;margin:16px 0}.ee-location-live svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2}.ee-location-status{font-size:13px;min-height:18px;margin:8px 0;color:#087b3e}
.floating .whatsapp{display:none!important}.floating{position:fixed!important;right:18px!important;bottom:22px!important;z-index:99990!important}.floating .assistant{border:2px solid #fff!important;background:linear-gradient(135deg,#08a34b,#0bc75b)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 10px 30px rgba(0,117,57,.28)!important;display:flex!important;align-items:center!important;gap:8px!important;padding:11px 15px!important;font-weight:900!important}.floating .assistant svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.8}.assistant-panel{z-index:1000001!important}
@media(min-width:801px){.header-inner{grid-template-columns:190px minmax(300px,1fr) auto!important;grid-template-areas:"brand location nav" "brand search nav"!important}.header .brand{grid-area:brand!important}.ee-location-bar{grid-area:location!important}.search{grid-area:search!important}.pro-desktop-nav{grid-area:nav!important}.ee-account-card{width:min(850px,92vw)}.ee-account-body{padding:22px 26px}.floating{bottom:20px!important}.footer-grid .brand-wordmark-img{max-width:170px!important}}
@media(max-width:800px){
 body{padding-bottom:76px!important}.topbar{display:none!important}.header{background:#fff!important}.header-inner{width:100%!important;padding:12px 14px 10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand quick" "search search" "location location"!important;gap:9px 10px!important}.header .brand{grid-area:brand!important}.brand-wordmark-img{width:136px!important;height:auto!important;max-height:64px!important;object-fit:contain!important}.mobile-quick-actions{grid-area:quick!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important}.mobile-quick-actions button{display:none!important}.mobile-quick-actions #mobileFavoritesTop,.mobile-quick-actions #mobileNotifyTop,.mobile-quick-actions #mobileCartTop{display:flex!important;width:42px!important;min-width:42px!important;height:48px!important;align-items:center!important;justify-content:center!important;position:relative!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.mobile-quick-actions button span{display:none!important}.mobile-quick-actions .qicon{width:28px!important;height:28px!important}.mobile-quick-actions svg{width:28px!important;height:28px!important;stroke:#0f1e2c!important;fill:none!important;stroke-width:1.8!important}.mobile-quick-actions em{position:absolute!important;right:1px!important;top:1px!important;background:#f11!important;color:#fff!important;border:2px solid white!important;border-radius:15px!important;min-width:18px!important;height:18px!important;font-size:9px!important;display:grid!important;place-items:center!important}.search{grid-area:search!important;width:100%!important;height:43px!important;margin:0!important}.search button{width:50px!important;background:var(--ee-green)!important}.ee-location-bar{grid-area:location!important;min-height:50px!important;border-radius:13px!important}.ee-location-icon{width:34px;height:34px!important}.ee-location-copy b{max-width:calc(100vw - 120px)!important;font-size:12px!important}
 .container{width:calc(100% - 22px)!important}.hero.hero-ad-host,.hero{margin-top:8px!important;border-radius:17px!important}.hero.hero-ad-host,.hero.hero-ad-host .ad-slide{height:232px!important;min-height:232px!important;overflow:hidden!important}.hero.hero-ad-host .ad-slide>div{padding:22px 18px!important;max-width:70%!important}.hero.hero-ad-host .ad-slide h3{font-size:25px!important;line-height:1.08!important}.hero.hero-ad-host .ad-slide p{font-size:11px!important}.hero.hero-ad-host .ad-slide .primary-btn{min-height:36px!important;font-size:11px!important;padding:8px 13px!important}.fresh-ticker{margin:9px 0 17px!important;min-height:34px!important}.section-head h2{font-size:22px!important}.categories{gap:9px!important}.category-card{min-width:84px!important;flex-basis:84px!important}.category-card img{width:84px!important;height:78px!important}.product{border-radius:14px!important}.product-image{height:118px!important}
 .delivery-zones{padding:16px!important;margin-top:18px!important}.delivery-zones h2{font-size:20px!important}.business-callout{padding:16px!important;display:block!important}.business-callout .primary-btn{width:100%!important;margin-top:12px!important}.service-row{grid-template-columns:1fr 1fr!important;gap:8px!important}.service{min-height:74px!important;padding:10px!important}.service:last-child{grid-column:1/-1!important}.footer-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 18px!important;padding:20px 0!important}.footer-grid>div:first-child{display:none!important}.footer-grid h4{font-size:12px!important;margin:0 0 6px!important}.footer-grid a{font-size:10px!important;margin:4px 0!important}.copyright{font-size:10px!important;padding:10px 0 16px!important}
 .mobile-bottom{z-index:99980!important;height:calc(68px + env(safe-area-inset-bottom))!important;padding:7px 5px calc(6px + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;background:#fff!important}.mobile-bottom button{height:50px!important;font-size:9px!important;gap:3px!important}.mobile-bottom svg{width:24px!important;height:24px!important}.mobile-bottom button.active{background:#eaf8ef!important;color:#078d43!important;border-radius:12px!important}.floating{right:12px!important;bottom:82px!important}.floating .assistant{width:62px!important;height:62px!important;padding:0!important;border-radius:50%!important;justify-content:center!important}.floating .assistant span{display:none!important}.floating .assistant svg{width:31px!important;height:31px!important}
 .ee-clean-overlay{padding:0!important;align-items:flex-end!important}.ee-clean-card{width:100%!important;max-height:94dvh!important;border-radius:24px 24px 0 0!important}.ee-auth-card,.ee-location-card{padding:18px!important}.ee-form-grid{grid-template-columns:1fr!important}.ee-form-grid .full{grid-column:auto!important}.ee-account-card{height:94dvh!important;max-height:94dvh!important;border-radius:24px 24px 0 0!important}.ee-account-head{min-height:92px!important;padding:12px 16px!important;gap:10px!important}.ee-account-head-logo{padding:8px 10px!important;border-radius:20px 20px 12px 12px!important}.ee-account-head-logo img{width:118px!important;max-height:56px!important}.ee-account-head h2{font-size:25px!important}.ee-account-bell{width:42px!important;height:42px!important}.ee-account-body{padding:14px 12px 90px!important}.ee-profile-card{min-height:76px!important;padding:12px 14px!important;margin-bottom:15px!important}.ee-profile-avatar{width:46px!important;height:46px!important}.ee-profile-card b{font-size:17px!important}.ee-section{margin:14px 0!important}.ee-section-title{font-size:17px!important;margin-bottom:9px!important}.ee-account-grid{gap:9px!important}.ee-account-tile{min-height:94px!important;padding:10px!important;grid-template-columns:46px minmax(0,1fr) 14px!important;gap:8px!important;border-radius:14px!important}.ee-account-tile .ico{width:46px!important;height:46px!important;border-radius:13px!important}.ee-account-tile .ico svg{width:25px!important;height:25px!important}.ee-account-tile b{font-size:13px!important}.ee-account-tile small{font-size:10px!important}.ee-account-tile .go{font-size:20px!important}.ee-subhead h3{font-size:19px!important}.ee-kpis{grid-template-columns:1fr!important}.ee-kpi b{font-size:20px!important}
}


/* V12.13: categories stay in one horizontal row on desktop and mobile. */
#categoriesSection .categories,#categories{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:12px!important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:6px!important;
}
#categoriesSection .categories::-webkit-scrollbar,#categories::-webkit-scrollbar{display:none!important}
#categoriesSection .category-card,#categories .category-card{flex:0 0 122px!important;min-width:122px!important;scroll-snap-align:start}

/* Keep page behind account/location/auth fixed while the open panel itself scrolls. */
html.ee-clean-lock{overflow:hidden!important;overscroll-behavior:none!important}
body.ee-clean-lock{overflow:hidden!important;overscroll-behavior:none!important}
.ee-clean-overlay{overscroll-behavior:contain!important}
.ee-clean-card{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}

@media(max-width:800px){
  /* Mobile header has only Favorites + Notifications. Cart exists only in bottom nav. */
  .pro-desktop-nav,.legacy-actions,.header-actions.legacy-actions{display:none!important}
  .mobile-quick-actions button{display:none!important}
  .mobile-quick-actions #mobileFavoritesTop,
  .mobile-quick-actions #mobileNotifyTop{display:flex!important}
  .mobile-quick-actions #mobileCartTop,
  .mobile-quick-actions #mobileAccountTop,
  .mobile-quick-actions #mobileRegisterTop,
  .mobile-quick-actions #mobileTrackingTop{display:none!important}

  /* Five bottom items remain on one row: Home, Categories, Cart, Orders, Account. */
  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;min-width:0!important}

  /* Mobile categories are one compact horizontal row. */
  #categoriesSection .categories,#categories{gap:9px!important;padding-right:10px!important}
  #categoriesSection .category-card,#categories .category-card{flex:0 0 90px!important;min-width:90px!important}

  /* Account panel scrolls internally; background never steals the swipe. */
  #eeAccountOverlay{overflow:hidden!important;touch-action:none!important}
  #eeAccountOverlay .ee-account-card{overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;height:94dvh!important;max-height:94dvh!important}
}


/* V12.14: harden category strip so it can never wrap to a second row. */
#categoriesSection{overflow:hidden!important}
#categoriesSection #categories.categories{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
}
#categoriesSection #categories.categories>.category-card{
  flex:0 0 122px!important;
  width:122px!important;
  min-width:122px!important;
  max-width:122px!important;
  white-space:normal!important;
}

/* V12.14: account sheet itself accepts vertical swipes; the page behind stays locked. */
#eeAccountOverlay.ee-clean-overlay{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
}
#eeAccountOverlay .ee-account-card{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
  scrollbar-gutter:stable!important;
}
#eeAccountOverlay #eeAccountRoot{min-height:max-content!important}

/* V12.14: supplied EYUP Assistant portrait. */
.floating .assistant>img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  object-fit:cover!important;
  object-position:center top!important;
  border-radius:50%!important;
  background:#fff!important;
  border:2px solid rgba(255,255,255,.96)!important;
}
.floating .assistant>span{display:grid!important;text-align:left!important;line-height:1.08!important}
.floating .assistant>span b{font-size:13px!important;color:#fff!important}
.floating .assistant>span small{font-size:10px!important;color:#effff5!important;display:flex!important;align-items:center!important;gap:5px!important;margin-top:3px!important}
.ee-assistant-online{width:7px;height:7px;border-radius:50%;background:#9aff83;box-shadow:0 0 0 3px rgba(154,255,131,.18)}
.assistant-panel .assistant-avatar{padding:0!important;overflow:hidden!important;background:#fff!important;border-radius:50%!important}
.assistant-panel .assistant-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}

@media(max-width:800px){
  /* Mobile top: only Favorites + Notifications, both aligned and professional. */
  .header-inner{grid-template-columns:minmax(0,1fr) 96px!important}
  .mobile-quick-actions{
    width:96px!important;
    min-width:96px!important;
    display:grid!important;
    grid-template-columns:44px 44px!important;
    gap:8px!important;
    align-items:center!important;
    justify-content:end!important;
  }
  .mobile-quick-actions button{display:none!important}
  .mobile-quick-actions #mobileFavoritesTop,
  .mobile-quick-actions #mobileNotifyTop{
    display:flex!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #dfe7e2!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(18,55,37,.06)!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
  }
  .mobile-quick-actions #mobileCartTop,
  .mobile-quick-actions #mobileAccountTop,
  .mobile-quick-actions #mobileRegisterTop,
  .mobile-quick-actions #mobileTrackingTop{display:none!important}
  .mobile-quick-actions .qicon{width:25px!important;height:25px!important;display:grid!important;place-items:center!important}
  .mobile-quick-actions svg{width:25px!important;height:25px!important;stroke:#14261d!important;stroke-width:1.8!important}
  .mobile-quick-actions #mobileFavoritesTop em{
    right:-4px!important;top:-5px!important;min-width:18px!important;height:18px!important;font-size:9px!important;
  }
  .mobile-quick-actions button span{display:none!important}

  #categoriesSection #categories.categories{gap:9px!important;padding:0 10px 7px 0!important}
  #categoriesSection #categories.categories>.category-card{
    flex:0 0 88px!important;width:88px!important;min-width:88px!important;max-width:88px!important;
  }
  #categoriesSection #categories.categories>.category-card img{width:88px!important;height:76px!important}

  #eeAccountOverlay{align-items:flex-end!important;padding:0!important}
  #eeAccountOverlay .ee-account-card{
    width:100%!important;
    height:94dvh!important;
    max-height:94dvh!important;
    padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
  }

  .floating{right:12px!important;bottom:82px!important}
  .floating .assistant{
    display:grid!important;
    place-items:center!important;
    width:66px!important;
    min-width:66px!important;
    height:66px!important;
    min-height:66px!important;
    padding:3px!important;
    border-radius:50%!important;
    overflow:hidden!important;
    background:#fff!important;
    border:3px solid #fff!important;
  }
  .floating .assistant>img{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    border:0!important;
    border-radius:50%!important;
  }
  .floating .assistant>span{display:none!important}
}


/* V12.15: mobile top alignment + service text single-line fixes. */
@media(max-width:800px){
  .header-inner{
    grid-template-columns:minmax(0,1fr) 104px!important;
    align-items:center!important;
    padding:10px 12px 8px!important;
    gap:8px 10px!important;
  }
  .header .brand,.brand-wordmark{
    min-width:0!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
  }
  .brand-wordmark-img{
    display:block!important;
    width:min(56vw,230px)!important;
    max-width:230px!important;
    height:auto!important;
    object-fit:contain!important;
  }
  body:not(.admin-body) .mobile-quick-actions{
    width:104px!important;
    min-width:104px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:end!important;
    transform:none!important;
  }
  body:not(.admin-body) .mobile-quick-actions>button{
    font-size:0!important;
    line-height:0!important;
  }
  body:not(.admin-body) .mobile-quick-actions>button>span{
    display:none!important;
  }
  body:not(.admin-body) .mobile-quick-actions #mobileFavoritesTop,
  body:not(.admin-body) .mobile-quick-actions #mobileNotifyTop{
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
  }

  .service-row{
    grid-template-columns:1fr 1fr!important;
    gap:14px 10px!important;
  }
  .service{
    min-width:0!important;
    align-items:center!important;
    gap:10px!important;
  }
  .service>span:last-child{
    min-width:0!important;
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .service strong{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12.5px!important;
    line-height:1.15!important;
  }
  .service small{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11.5px!important;
    line-height:1.2!important;
  }
}

@media(max-width:520px){
  .service-row{
    grid-template-columns:1fr 1fr!important;
    gap:12px 8px!important;
  }
  .service{gap:8px!important;}
  .service .ico{
    flex:0 0 56px!important;
    width:56px!important;
    height:56px!important;
  }
  .service strong{font-size:12px!important;}
  .service small{font-size:11px!important;}
}


/* V12.16: category chips horizontal scroll + vivid text + white transparent footer logo. */
#products .catalog-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
#products .catalog-chips{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  padding:2px 0 8px!important;
}
#products .catalog-chips::-webkit-scrollbar{display:none!important}
#products .catalog-chips button{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  border:1px solid #cfe1d6!important;
  background:#ffffff!important;
  color:#143525!important;
  font-weight:850!important;
  font-size:12px!important;
  line-height:1.1!important;
  letter-spacing:.01em!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  box-shadow:0 4px 12px rgba(16,64,37,.06)!important;
}
#products .catalog-chips button:hover{
  border-color:#13a854!important;
  color:#0a7f43!important;
  background:#f4fcf7!important;
}
#products .catalog-chips button.active{
  background:linear-gradient(135deg,#0a9348,#10b957)!important;
  border-color:#0a9348!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(7,148,71,.22)!important;
}
#categoriesSection .category-card b,
#categories .category-card b{
  color:#143525!important;
  font-weight:850!important;
}
footer .footer-brand-white{display:inline-flex!important;align-items:center!important}
footer .footer-brand-white .brand-wordmark-img{
  width:min(100%,240px)!important;
  max-width:240px!important;
  height:auto!important;
  display:block!important;
}
@media(max-width:800px){
  #products .catalog-toolbar{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
  }
  #products .catalog-toolbar select{
    width:100%!important;
    min-width:0!important;
  }
  #products .catalog-chips{
    margin-right:-2px!important;
    padding-right:8px!important;
    touch-action:pan-x!important;
    overscroll-behavior-x:contain!important;
  }
  #products .catalog-chips button{
    font-size:11.5px!important;
    padding:9px 13px!important;
  }
  footer .footer-brand-white .brand-wordmark-img{
    max-width:200px!important;
  }
}


/* V12.17: force the product category chip rail to be a real horizontal viewport. */
#products{overflow-x:hidden!important;}
#products .catalog-toolbar{
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}
#products .catalog-chips{
  box-sizing:border-box!important;
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:scroll!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  cursor:grab!important;
}
#products .catalog-chips.ee-dragging{cursor:grabbing!important;user-select:none!important;}
#products .catalog-chips::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
#products .catalog-chips>button{flex:0 0 auto!important;}
@media(max-width:800px){
  #products .catalog-chips{
    width:calc(100vw - 30px)!important;
    max-width:calc(100vw - 30px)!important;
    touch-action:pan-y!important;
  }
}


/* V12.18: PC/Desktop horizontal category rails. */
@media(min-width:801px){
  #categoriesSection{overflow:hidden!important;}
  #categoriesSection #categories.categories,
  #products .catalog-chips{
    cursor:grab!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    overscroll-behavior-x:contain!important;
    scroll-behavior:smooth!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  #categoriesSection #categories.categories::-webkit-scrollbar,
  #products .catalog-chips::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
  #categoriesSection #categories.categories.ee-dragging,
  #products .catalog-chips.ee-dragging{cursor:grabbing!important;scroll-behavior:auto!important;}
  #categoriesSection #categories.categories{
    display:flex!important;
    flex-flow:row nowrap!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
  }
  #categoriesSection #categories.categories>.category-card{
    flex:0 0 122px!important;
    min-width:122px!important;
    max-width:122px!important;
  }
  #products .catalog-toolbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    min-width:0!important;
  }
  #products .catalog-chips{
    display:flex!important;
    flex-flow:row nowrap!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  #products .catalog-chips>button{flex:0 0 auto!important;}
}


/* V12.19 FINAL MOBILE HEADER: override all previous mobile header rules. */
@media (max-width:800px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body:not(.admin-body) .header{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body:not(.admin-body) .header>.container,
  body:not(.admin-body) .header .header-inner{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:10px 12px 10px!important;
  }
  body:not(.admin-body) .header .header-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 94px!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:
      "brand quick"
      "search search"
      "location location"!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:8px!important;
    row-gap:9px!important;
    min-width:0!important;
  }
  body:not(.admin-body) .header .brand{
    grid-area:brand!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  body:not(.admin-body) .header .brand .brand-wordmark-img{
    display:block!important;
    width:clamp(145px,52vw,205px)!important;
    max-width:100%!important;
    height:auto!important;
    max-height:72px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
  }
  body:not(.admin-body) .header .mobile-quick-actions{
    grid-area:quick!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    float:none!important;
    width:94px!important;
    min-width:94px!important;
    max-width:94px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    justify-self:end!important;
    align-self:center!important;
    display:grid!important;
    grid-template-columns:43px 43px!important;
    grid-auto-rows:43px!important;
    gap:8px!important;
    overflow:visible!important;
  }
  body:not(.admin-body) .header .mobile-quick-actions>button{
    display:none!important;
  }
  body:not(.admin-body) .header .mobile-quick-actions>#mobileFavoritesTop,
  body:not(.admin-body) .header .mobile-quick-actions>#mobileNotifyTop{
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:43px!important;
    min-width:43px!important;
    max-width:43px!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #dce6e0!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 3px 10px rgba(14,52,32,.07)!important;
    color:#143525!important;
    font-size:0!important;
    line-height:0!important;
  }
  body:not(.admin-body) .header .mobile-quick-actions>button>span{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    font-size:0!important;
    line-height:0!important;
  }
  body:not(.admin-body) .header .mobile-quick-actions .qicon{
    display:grid!important;
    place-items:center!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body:not(.admin-body) .header .mobile-quick-actions svg{
    display:block!important;
    width:25px!important;
    height:25px!important;
    fill:none!important;
    stroke:#143525!important;
    stroke-width:1.8!important;
  }
  body:not(.admin-body) .header #mobileFavoritesTop em,
  body:not(.admin-body) .header #mobileNotifyTop em{
    position:absolute!important;
    right:-4px!important;
    top:-5px!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:#ef2323!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:14px!important;
    display:grid!important;
    place-items:center!important;
    z-index:2!important;
  }
  body:not(.admin-body) .header .search{
    grid-area:search!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body:not(.admin-body) .header .search input{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    font-size:13px!important;
  }
  body:not(.admin-body) .header .search button{
    flex:0 0 52px!important;
    width:52px!important;
    min-width:52px!important;
  }
  body:not(.admin-body) .header .ee-location-bar{
    grid-area:location!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:8px 10px!important;
    overflow:hidden!important;
  }
  body:not(.admin-body) .header .ee-location-copy{
    min-width:0!important;
    max-width:calc(100% - 58px)!important;
  }
  body:not(.admin-body) .header .ee-location-copy b,
  body:not(.admin-body) .header .ee-location-copy small{
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
}
@media (max-width:380px){
  body:not(.admin-body) .header .header-inner{
    grid-template-columns:minmax(0,1fr) 88px!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
  body:not(.admin-body) .header .mobile-quick-actions{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    grid-template-columns:40px 40px!important;
  }
  body:not(.admin-body) .header .mobile-quick-actions>#mobileFavoritesTop,
  body:not(.admin-body) .header .mobile-quick-actions>#mobileNotifyTop{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
  body:not(.admin-body) .header .brand .brand-wordmark-img{
    width:clamp(132px,50vw,180px)!important;
  }
}