/* Final customer storefront corrections. Loaded after the V12.71 styles. */
body:not(.admin-body) #adCarousel,
body:not(.admin-body) #ee1270MobileSlider,
body:not(.admin-body) #eeMobileSlider1264 { display:none!important; }

body:not(.admin-body).ee-unified-ready .main-grid .hero { display:none!important; }
body:not(.admin-body) #eeUnifiedAds {
  position:relative!important; display:block!important; isolation:isolate!important;
  width:100%!important; overflow:hidden!important; margin:12px 0 0!important;
  border-radius:22px!important; background:#fff!important;
  box-shadow:0 13px 36px rgba(16,61,37,.14)!important;
  touch-action:pan-y!important;
}
#eeUnifiedAds .ee-ad-slides { position:relative!important; width:100%!important; height:100%!important; }
#eeUnifiedAds .ee-ad-slide {
  position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
  opacity:0!important; visibility:hidden!important; transition:opacity .28s ease!important;
  background:#fff!important; border-radius:inherit!important; overflow:hidden!important;
}
#eeUnifiedAds .ee-ad-slide.active { opacity:1!important; visibility:visible!important; }
#eeUnifiedAds .ee-ad-slide .ee-ad-image {
  display:block!important; width:100%!important; height:100%!important;
  object-fit:contain!important; object-position:center!important; border-radius:inherit!important;
  background:#fff!important; transform:none!important;
}
#eeUnifiedAds .ee-ad-prev,#eeUnifiedAds .ee-ad-next {
  position:absolute!important; z-index:3!important; top:50%!important; transform:translateY(-50%)!important;
  width:38px!important; height:38px!important; display:grid!important; place-items:center!important;
  border:1px solid rgba(255,255,255,.82)!important; border-radius:50%!important;
  background:rgba(12,56,36,.55)!important; color:#fff!important; font:28px/1 system-ui!important;
  cursor:pointer!important;
}
#eeUnifiedAds .ee-ad-prev { left:12px!important; }
#eeUnifiedAds .ee-ad-next { right:12px!important; }
#eeUnifiedAds .ee-ad-dots {
  position:absolute!important; z-index:3!important; left:50%!important; bottom:10px!important;
  transform:translateX(-50%)!important; display:flex!important; gap:7px!important;
}
#eeUnifiedAds .ee-ad-dots button { width:8px!important; height:8px!important; padding:0!important; border:0!important; border-radius:50%!important; background:rgba(17,49,34,.4)!important; cursor:pointer!important; }
#eeUnifiedAds .ee-ad-dots button.active { width:22px!important; border-radius:9px!important; background:#087f42!important; }
#eeUnifiedAds button:focus-visible { outline:3px solid #ef9b2d!important; outline-offset:2px!important; }
@media(prefers-reduced-motion:reduce) { #eeUnifiedAds .ee-ad-slide { transition:none!important; } }

body:not(.admin-body).ee-unified-ready #eeUnifiedAds > .delivery-card {
  position:absolute!important; inset:auto 14px 14px auto!important; z-index:4!important;
  display:flex!important; align-items:center!important; gap:10px!important;
  width:max-content!important; max-width:min(58%,450px)!important; margin:0!important;
  padding:9px 12px!important; box-shadow:0 5px 22px rgba(15,52,31,.18)!important;
  border:1px solid rgba(215,230,219,.9)!important; border-radius:15px!important;
  background:rgba(255,255,255,.94)!important; backdrop-filter:blur(8px)!important;
}
body:not(.admin-body).ee-unified-ready #eeUnifiedAds > .delivery-card[hidden] { display:none!important; }
body:not(.admin-body) .delivery-card div { display:flex!important; align-items:baseline!important; gap:8px!important; flex-wrap:wrap!important; }
body:not(.admin-body) .delivery-card small { font-size:12px!important; white-space:nowrap!important; }
body:not(.admin-body) .delivery-card b { font-size:15px!important; margin:0!important; white-space:nowrap!important; }
body:not(.admin-body) .delivery-card div>span { font-size:12px!important; }

@media(min-width:801px) {
  body:not(.admin-body) .header-inner {
    grid-template-columns:220px minmax(220px,340px) minmax(510px,1fr)!important;
    grid-template-areas:"brand location nav" "brand search nav"!important;
    gap:8px 12px!important;
  }
  body:not(.admin-body) .header .brand-wordmark { width:220px!important; height:76px!important; overflow:visible!important; background:transparent!important; }
  body:not(.admin-body) .header .brand-wordmark-img { width:218px!important; height:75px!important; max-width:100%!important; object-fit:contain!important; transform:none!important; filter:none!important; background:transparent!important; }
  body:not(.admin-body) .header .search { width:min(100%,340px)!important; height:42px!important; }
  body:not(.admin-body) .pro-desktop-nav {
    grid-area:nav!important; display:flex!important; align-items:center!important;
    justify-content:space-between!important; justify-self:stretch!important;
    width:100%!important; gap:clamp(3px,.4vw,8px)!important; min-width:0!important;
    padding:8px 10px!important;
  }
  body:not(.admin-body) .pro-desktop-nav [data-target="home"],
  body:not(.admin-body) .pro-desktop-nav [data-target="campaigns"] { display:none!important; }
  body:not(.admin-body) .pro-desktop-nav > button { display:flex!important; flex:1 1 0!important; flex-direction:column!important; align-items:center!important; gap:4px!important; min-width:50px!important; padding:5px 2px!important; background:transparent!important; border:0!important; box-shadow:none!important; color:#35443f!important; }
  body:not(.admin-body) .pro-desktop-nav > button>b { display:block!important; width:100%!important; font-size:11px!important; text-align:center!important; white-space:nowrap!important; }
  body:not(.admin-body) .pro-desktop-nav > button .pro-nav-icon {
    width:clamp(42px,2.7vw,50px)!important; height:clamp(42px,2.7vw,50px)!important;
    display:grid!important; place-items:center!important;
    background:#eff9f3!important; border:1px solid #ccebd8!important; border-radius:12px!important;
    box-shadow:none!important; color:#087f42!important;
  }
  body:not(.admin-body) .pro-desktop-nav svg { width:26px!important; height:26px!important; stroke:#087f42!important; fill:none!important; }
  body:not(.admin-body) .pro-desktop-nav button:hover .pro-nav-icon { background:#def4e7!important; border-color:#a6ddbc!important; }
  body:not(.admin-body) .pro-desktop-nav #desktopNotifyTop { order:1; }
  body:not(.admin-body) .pro-desktop-nav #desktopFavoritesTop { order:2; }
  body:not(.admin-body) .pro-desktop-nav [data-target="account"] { order:3; }
  body:not(.admin-body) .pro-desktop-nav #desktopOrdersTop { order:3; }
  body:not(.admin-body) .pro-desktop-nav #desktopCurrentAccountTop { order:4; }
  body:not(.admin-body) .pro-desktop-nav #desktopRegisterTop { order:5; }
  body:not(.admin-body) .pro-desktop-nav [data-target="tracking"] { order:6; }
  body:not(.admin-body) .pro-desktop-nav [data-target="cart"] { order:7; }
  body:not(.admin-body) .pro-desktop-nav .ee-auth-actions {
    grid-area:auto!important; display:flex!important; align-items:center!important;
    order:0!important; flex:0 0 auto!important;
    gap:5px!important; margin-right:4px!important; padding-right:7px!important;
    border-right:1px solid #dcebe1!important; white-space:nowrap!important;
  }
  body:not(.admin-body) .pro-desktop-nav .ee-auth-actions button {
    width:auto!important; min-width:0!important; flex:0 0 auto!important;
    padding:10px 11px!important; font-size:12px!important; min-height:37px!important;
  }
  body:not(.admin-body) .pro-desktop-nav #eeRegisterTop { color:#fff!important; }
  body:not(.admin-body) .pro-desktop-nav .ee-account-auth { display:none!important; }
}
body:not(.admin-body) .ee-auth-actions button { border:1px solid #d2e0d8; border-radius:10px; background:#fff; color:#174b31; padding:9px 8px; font-size:12px; font-weight:750; white-space:nowrap; cursor:pointer; }
body:not(.admin-body) .ee-auth-actions button:last-child { background:#087f42; color:#fff; }
body:not(.admin-body) .ee-auth-actions[hidden] { display:none!important; }
body:not(.admin-body) .ee-account-auth:has(button[hidden]) { display:none!important; }

@media(min-width:801px) and (max-width:1100px) {
  body:not(.admin-body) .header-inner {
    grid-template-columns:175px minmax(0,1fr)!important;
    grid-template-areas:"brand location" "brand search" "nav nav"!important;
  }
  body:not(.admin-body) .pro-desktop-nav { justify-self:stretch!important; }
  body:not(.admin-body) .header .brand-wordmark { width:175px!important; }
  body:not(.admin-body) .header .brand-wordmark-img { width:173px!important; }
}

@media(max-width:800px) {
  body:not(.admin-body) { padding-bottom:calc(82px + env(safe-area-inset-bottom))!important; }
  body:not(.admin-body) .header-inner { grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"brand quick" "search search" "location location"!important; }
  body:not(.admin-body) .header .brand-wordmark { width:184px!important; height:68px!important; overflow:visible!important; background:transparent!important; }
  body:not(.admin-body) .header .brand-wordmark-img { width:181px!important; height:67px!important; max-width:100%!important; object-fit:contain!important; transform:none!important; filter:none!important; background:transparent!important; }
  body:not(.admin-body) .header .search { width:100%!important; height:38px!important; }
  body:not(.admin-body) .header .search input { font-size:13px!important; padding:0 12px!important; min-width:0!important; }
  body:not(.admin-body) .header .search button { width:42px!important; }
  body:not(.admin-body) .header .mobile-quick-actions { gap:5px!important; align-self:center!important; }
  body:not(.admin-body) .header .mobile-quick-actions #mobileFavoritesTop,
  body:not(.admin-body) .header .mobile-quick-actions #mobileNotifyTop {
    width:44px!important; min-width:44px!important; height:44px!important;
    background:transparent!important; color:#087f42!important; border:0!important; box-shadow:none!important;
  }
  body:not(.admin-body) .header .mobile-quick-actions .qicon {
    width:36px!important; height:36px!important; display:grid!important; place-items:center!important;
    background:#eff9f3!important; border:1px solid #ccebd8!important; border-radius:11px!important;
    box-shadow:none!important; color:#087f42!important;
  }
  body:not(.admin-body) .header .mobile-quick-actions svg { stroke:#087f42!important; fill:none!important; }
  body:not(.admin-body) .ee-auth-actions { display:none!important; }
  body:not(.admin-body) .mobile-bottom {
    grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:2px!important;
    height:calc(78px + env(safe-area-inset-bottom))!important;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom))!important;
    align-items:center!important;
  }
  body:not(.admin-body) .mobile-bottom button {
    height:60px!important; gap:3px!important; min-width:0!important;
    color:#284439!important; line-height:1.1!important;
  }
  body:not(.admin-body) .mobile-bottom button > span:not(.bottom-icon-wrap) {
    font-size:10px!important; white-space:nowrap!important;
  }
  body:not(.admin-body) .mobile-bottom button.active { color:#087f42!important; background:#edf8f1!important; }
  body:not(.admin-body) .mobile-bottom #mobileHome,
  body:not(.admin-body) .mobile-bottom #mobileCats { display:none!important; }
  body:not(.admin-body) .mobile-bottom #mobileOrders { display:none!important; }
  body:not(.admin-body).ee-customer-signed-in .mobile-bottom #mobileOrders { display:flex!important; }
  body:not(.admin-body) .mobile-bottom #mobileAccountBottom { order:1; }
  body:not(.admin-body) .mobile-bottom #mobileRegisterBottom { order:2; }
  body:not(.admin-body) .mobile-bottom #mobileTrackingBottom { order:3; }
  body:not(.admin-body) .mobile-bottom #mobileCart { order:4; }
  body:not(.admin-body) .mobile-bottom button > svg,
  body:not(.admin-body) .mobile-bottom .bottom-icon-wrap {
    width:36px!important; height:36px!important; box-sizing:border-box!important;
    padding:6px!important; border:1px solid #ccebd8!important;
    border-radius:11px!important; background:#eff9f3!important;
  }
  body:not(.admin-body) .mobile-bottom .bottom-icon-wrap { display:grid!important; place-items:center!important; }
  body:not(.admin-body) .mobile-bottom .bottom-icon-wrap > svg { width:23px!important; height:23px!important; }
  body:not(.admin-body) .mobile-bottom button > svg *,
  body:not(.admin-body) .mobile-bottom .bottom-icon-wrap > svg * { stroke:#087f42!important; fill:none!important; }
  body:not(.admin-body) .mobile-bottom button > svg,
  body:not(.admin-body) .mobile-bottom .bottom-icon-wrap { width:40px!important; height:40px!important; color:#087f42!important; }
  body:not(.admin-body) .mobile-bottom button > svg,
  body:not(.admin-body) .mobile-bottom .bottom-icon-wrap > svg { stroke-width:1.8!important; }
  body:not(.admin-body) .mobile-bottom #mobileRegisterBottom[hidden] { display:none!important; }
  body:not(.admin-body).ee-customer-signed-in .mobile-bottom { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
  body:not(.admin-body) .mobile-bottom #mobileOrders { order:2; }
  body:not(.admin-body) #eeUnifiedAds { width:calc(100% + 20px)!important; max-width:calc(100vw - 4px)!important; border-radius:17px!important; margin:19px 0 0 -10px!important; }
  #eeUnifiedAds .ee-ad-slide { border-radius:17px!important; }
  #eeUnifiedAds .ee-ad-slide.ee-ad-packaged { background:#fff!important; }
  #eeUnifiedAds .ee-ad-slide .ee-ad-image {
    width:100%!important; height:100%!important; object-fit:fill!important;
    border-radius:inherit!important; background:#fff!important;
  }
  #eeUnifiedAds .ee-ad-prev,#eeUnifiedAds .ee-ad-next { top:8px!important; transform:none!important; width:30px!important; height:30px!important; font-size:22px!important; }
  #eeUnifiedAds .ee-ad-prev { left:6px!important; }
  #eeUnifiedAds .ee-ad-next { right:6px!important; }
  #eeUnifiedAds .ee-ad-dots { left:12px!important; bottom:10px!important; transform:none!important; }
  body:not(.admin-body).ee-unified-ready #eeUnifiedAds > .delivery-card {
    inset:auto 4px 7px auto!important; width:150px!important; max-width:calc(100% - 10px)!important;
    align-items:flex-start!important; padding:6px!important; gap:5px!important; border-radius:9px!important;
  }
  body:not(.admin-body).ee-unified-ready #eeUnifiedAds > .delivery-card > div { display:block!important; min-width:0!important; }
  body:not(.admin-body).ee-unified-ready #eeUnifiedAds > .delivery-card small,
  body:not(.admin-body).ee-unified-ready #eeUnifiedAds > .delivery-card b,
  body:not(.admin-body).ee-unified-ready #eeUnifiedAds > .delivery-card div > span { display:block!important; white-space:normal!important; line-height:1.2!important; }
  body:not(.admin-body).ee-unified-ready #eeUnifiedAds > .delivery-card .delivery-check { width:22px!important; height:22px!important; font-size:14px!important; flex:none!important; }
  body:not(.admin-body).ee-unified-ready #eeUnifiedAds > .delivery-card small { font-size:10px!important; }
  body:not(.admin-body).ee-unified-ready #eeUnifiedAds > .delivery-card b { font-size:12px!important; }
  body:not(.admin-body) .fresh-ticker { display:none!important; }
  body:not(.admin-body) .header .mobile-quick-actions {
    display:grid!important; grid-template-columns:44px 44px!important; grid-auto-rows:44px!important;
    width:96px!important; min-width:96px!important; max-width:96px!important; height:44px!important;
    gap:8px!important; align-items:center!important; justify-items:center!important;
    align-self:center!important; margin:0!important; padding:0!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;
    width:44px!important; min-width:44px!important; max-width:44px!important;
    height:44px!important; min-height:44px!important; max-height:44px!important;
    margin:0!important; padding:0!important; transform:none!important; align-self:center!important; justify-self:center!important;
  }
  body:not(.admin-body) .header .mobile-quick-actions .qicon {
    display:grid!important; place-items:center!important; width:36px!important; height:36px!important;
    margin:0!important; padding:0!important; position:static!important; transform:none!important;
  }
  body:not(.admin-body) .header .mobile-quick-actions .qicon svg { width:26px!important; height:26px!important; }
  body:not(.admin-body) .header .header-inner .mobile-quick-actions > #mobileFavoritesTop > span,
  body:not(.admin-body) .header .header-inner .mobile-quick-actions > #mobileNotifyTop > span {
    position:absolute!important; width:1px!important; height:1px!important;
    margin:-1px!important; padding:0!important; overflow:hidden!important;
    clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important;
  }
}

body:not(.admin-body) #desktopRegisterTop[hidden] { display:none!important; }

/* Brand-green action icons inside quiet, rounded boxes. */
body:not(.admin-body) .pro-desktop-nav .pro-nav-icon svg *,
body:not(.admin-body) .mobile-quick-actions .qicon svg * { stroke:#087f42!important; fill:none!important; }
body:not(.admin-body) .pro-desktop-nav em,
body:not(.admin-body) .mobile-quick-actions em { background:#087f42!important; color:#fff!important; }

/* Show working shortcuts in the unused desktop space. Cari needs a signed-in account. */
@media(min-width:801px) {
  body:not(.admin-body) .pro-desktop-nav #desktopCurrentAccountTop { display:none!important; }
  body:not(.admin-body).ee-customer-signed-in .pro-desktop-nav #desktopCurrentAccountTop { display:flex!important; }
}
body:not(.admin-body).ee-unified-ready #eeUnifiedAds > .delivery-card {
  z-index:8!important; background:#fff!important; box-shadow:0 8px 28px rgba(8,43,32,.27)!important;
}

/* Login and registration are separate dialogs on desktop and mobile. */
body:not(.admin-body) #eeAuthOverlay .ee-auth-card,
body:not(.admin-body) #eeRegisterOverlay .ee-auth-card { padding:28px 24px 23px!important; }
body:not(.admin-body) #eeAuthOverlay .ee-auth-card h2,
body:not(.admin-body) #eeRegisterOverlay .ee-auth-card h2 { margin:5px 42px 10px 0!important; }
@media(max-width:800px) {
  body:not(.admin-body) #eeAuthOverlay .ee-auth-card,
  body:not(.admin-body) #eeRegisterOverlay .ee-auth-card {
    width:100%!important; max-height:92dvh!important; overflow-y:auto!important;
    padding:28px 20px calc(24px + env(safe-area-inset-bottom))!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body:not(.admin-body) #eeAuthOverlay .ee-auth-card h2,
  body:not(.admin-body) #eeRegisterOverlay .ee-auth-card h2 { font-size:23px!important; line-height:1.18!important; }
}

/* The account content scrolls; logout stays attached to the sheet bottom. */
body:not(.admin-body) #eeAccountOverlay .ee-account-card {
  display:grid!important; grid-template-rows:minmax(0,1fr) auto!important;
  overflow:hidden!important; box-sizing:border-box!important;
}
body:not(.admin-body) #eeAccountOverlay #eeAccountRoot {
  display:block!important; min-height:0!important; height:100%!important;
  overflow-y:auto!important; overflow-x:hidden!important; padding-bottom:0!important;
  -webkit-overflow-scrolling:touch!important; overscroll-behavior-y:contain!important;
}
body:not(.admin-body) #eeAccountOverlay #eeAccountLogout {
  position:relative!important; z-index:50!important; display:grid!important; place-items:center!important;
  grid-row:2!important; flex:none!important; pointer-events:auto!important; visibility:visible!important;
  width:calc(100% - 32px)!important; height:52px!important;
  border:0!important; border-radius:12px!important; background:#087f42!important;
  color:#fff!important; font-weight:850!important; cursor:pointer!important;
  margin:8px 16px calc(12px + env(safe-area-inset-bottom))!important;
}
@media(max-width:800px) {
  body:not(.admin-body) #eeAccountOverlay .ee-account-card { height:94dvh!important; max-height:94dvh!important; }
  body:not(.admin-body) #eeAccountOverlay .ee-account-body { padding-bottom:16px!important; }
}

/* The frame clips the baked whitespace in Cherry Gamze's catalogue image.
   Admin-uploaded product photos remain entirely visible. */
body:not(.admin-body) #products #productGrid .product .ee-product-photo {
  position:relative!important; display:block!important; width:100%!important;
  aspect-ratio:5/4!important; overflow:hidden!important; border-radius:10px!important;
  flex:none!important; background:#fff!important;
}
body:not(.admin-body) #products #productGrid .product .ee-product-photo > img.product-image {
  display:block!important; width:100%!important; height:100%!important;
  max-height:none!important; min-height:0!important; aspect-ratio:auto!important;
  object-fit:contain!important; object-position:center!important;
  margin:0!important; padding:0!important; border:0!important;
  border-radius:0!important; transform:none!important;
}
body:not(.admin-body) #products #productGrid .product .ee-product-photo > img.product-image[src$="/56.webp"] {
  object-fit:cover!important; transform:translateY(-3%) scale(1.78)!important;
  transform-origin:center center!important;
}
body:not(.admin-body) #products #productGrid .product .rating {
  display:flex!important; align-items:center!important; flex-wrap:wrap!important;
  margin:12px 2px 5px!important; padding:0!important; gap:5px!important;
}
body:not(.admin-body) #products #productGrid .product h3 {
  margin:5px 2px 7px!important; line-height:1.25!important;
}
body:not(.admin-body) #products #productGrid .product .type {
  align-self:flex-start!important; margin:0 2px 7px!important;
}
body:not(.admin-body) #products #productGrid .product .availability {
  margin:0 2px 7px!important; line-height:1.35!important;
}
body:not(.admin-body) #products #productGrid .product .pack-info {
  margin:0 2px 10px!important; line-height:1.35!important;
}

/* Give mobile product photos more room and place the rating below them. */
@media(max-width:600px) {
  body:not(.admin-body) #products #productGrid {
    width:calc(100% + 12px)!important; margin-left:-6px!important; gap:8px!important;
  }
  body:not(.admin-body) #products #productGrid .product .ee-product-photo {
    aspect-ratio:5/4!important;
  }
  body:not(.admin-body) #products #productGrid .product .rating {
    margin-top:14px!important; margin-bottom:7px!important;
  }
  body:not(.admin-body) #products #productGrid .product h3 {
    font-size:14px!important; min-height:35px!important;
  }
  body:not(.admin-body) #products #productGrid .product .type,
  body:not(.admin-body) #products #productGrid .product .availability,
  body:not(.admin-body) #products #productGrid .product .pack-info {
    font-size:11px!important;
  }
  body:not(.admin-body) #products #productGrid .product .pack-info {
    padding:7px 8px!important; border-radius:9px!important;
  }
  body:not(.admin-body) #products #productGrid .product .rating-stars button {
    font-size:15px!important;
  }
}

/* Hesabım: support and the single logout tile share the final row. */
body:not(.admin-body) #eeAccountOverlay .ee-account-card{grid-template-rows:minmax(0,1fr)!important}
body:not(.admin-body) #eeAccountOverlay #eeAccountLogout{display:none!important}
body:not(.admin-body) #eeAccountOverlay .ee-account-grid [data-ee-action="logout"]{align-self:stretch}

/* Customer invoice details, scoped to the account sheet and print window. */
#eeAccountOverlay .ee-invoice-entry{border:1px solid #dce8e0;border-radius:14px;margin:0 0 11px;padding:12px;background:#fff}
#eeAccountOverlay .ee-invoice-entry>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
#eeAccountOverlay .ee-invoice-entry>summary::-webkit-details-marker{display:none}
#eeAccountOverlay .ee-invoice-entry>summary small{display:block;color:#718279;margin-top:4px}
#eeAccountOverlay .ee-invoice-entry>summary strong{color:#087f42;white-space:nowrap}
#eeAccountOverlay .ee-invoice-customer,#eeAccountOverlay .ee-invoice-items{margin-top:14px;padding:12px;background:#f8fbf9;border:1px solid #e2ebe5;border-radius:12px}
#eeAccountOverlay .ee-invoice-customer h4,#eeAccountOverlay .ee-invoice-items h4{margin:0 0 10px;color:#143d2a}
#eeAccountOverlay .ee-invoice-customer dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
#eeAccountOverlay .ee-invoice-customer dl>div{min-width:0;padding:7px;border-bottom:1px solid #e6eee9}
#eeAccountOverlay .ee-invoice-customer dt{font-size:11px;color:#6c7d73}
#eeAccountOverlay .ee-invoice-customer dd{margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}
#eeAccountOverlay .ee-invoice-items>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e6eee9;padding:8px 0}
#eeAccountOverlay .ee-invoice-items small{display:block;color:#718279}
#eeAccountOverlay .ee-invoice-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
#eeAccountOverlay .ee-invoice-actions button{border:0;border-radius:10px;background:#087f42;color:#fff;padding:10px 14px;font-weight:800;cursor:pointer}
@media(max-width:640px){#eeAccountOverlay .ee-invoice-customer dl{grid-template-columns:1fr}#eeAccountOverlay .ee-invoice-actions{flex-wrap:wrap}}

/* Notification deletion stays inside the notification drawer. */
body:not(.admin-body) #notificationCenter .notification-head{grid-template-columns:42px 1fr auto;gap:6px}
body:not(.admin-body) #notificationCenter .notification-head>span{display:none}
body:not(.admin-body) #notificationCenter #eeNotificationsClear{font-size:12px;font-weight:800;padding:8px 10px;border-radius:9px;background:#ffffff26;white-space:nowrap;cursor:pointer}
body:not(.admin-body) #notificationCenter #eeNotificationsClear[hidden]{display:none!important}
body:not(.admin-body) #notificationCenter .notification-list article[data-notification-id] .ee-notification-delete{grid-column:3;border:0;background:#fff0ef;color:#b83131;border-radius:7px;padding:6px 10px;font-weight:800;cursor:pointer;justify-self:end}
body:not(.admin-body) #notificationCenter .notification-list article[data-notification-id] time{grid-column:3;grid-row:1}
body:not(.admin-body) #notificationCenter .notification-list article[data-notification-id]>span{grid-column:2;grid-row:1/span 2;min-width:0}
body:not(.admin-body) #notificationCenter .ee-notification-error{margin:10px 14px 0;color:#a12626;font-size:13px;font-weight:700}

/* Slightly enlarge desktop categories without changing the mobile strip. */
@media(min-width:801px){
  body:not(.admin-body) #categoriesSection #categories.categories>.category-card{flex:0 0 124px!important;width:124px!important;min-width:124px!important;max-width:124px!important;border-radius:15px!important}
  body:not(.admin-body) #categoriesSection #categories.categories>.category-card img{width:100%!important;height:108px!important;max-height:108px!important}
  body:not(.admin-body) #categoriesSection #categories.categories>.category-card b{min-height:44px!important;font-size:13px!important;padding:8px 7px!important}
}

/* Keep the catalogue filters and products, without the tall redundant heading. */
body:not(.admin-body) #products{margin-top:0!important;padding-top:6px!important}
body:not(.admin-body) #products > .section-head{display:none!important}
body:not(.admin-body) #products > .catalog-toolbar{margin-top:0!important}

/* Place category filters between the category strip and the product cards. */
@media(min-width:801px){
  body:not(.admin-body) #products > .catalog-toolbar{
    position:static!important;top:auto!important;z-index:auto!important;
    margin:0 0 12px!important;padding:4px 0 7px!important;
    background:#fff!important;backdrop-filter:none!important;
  }
  body:not(.admin-body) #products #productGrid{position:relative!important;margin-top:0!important}
}

/* The new transparent wordmark is shared by the admin sidebar and site footer. */
body:not(.admin-body) footer .footer-brand-white .brand-wordmark-img{
  display:block!important;width:240px!important;max-width:100%!important;
  height:auto!important;object-fit:contain!important;filter:none!important;
}
@media(max-width:800px){
  body:not(.admin-body) footer .footer-grid>div:first-child{display:block!important;grid-column:1/-1!important}
  body:not(.admin-body) footer .footer-brand-white .brand-wordmark-img{width:210px!important}
}