/* Shared compact navigation for customer and partner applications. */
nav.sahla-bottom-nav{position:fixed;inset:auto 0 0;z-index:45;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.1rem;width:100%;max-width:none;height:auto;margin:0;padding:.2rem .3rem calc(.2rem + env(safe-area-inset-bottom));border:0;border-top:1px solid #dce5eb;border-radius:0;background:#fff;box-shadow:0 -4px 18px #17324508;transform:none;box-sizing:border-box}
nav.sahla-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-width:0;min-height:48px;margin:0;padding:.25rem .1rem;border:0;border-radius:7px;background:transparent;color:#71828f;box-shadow:none;font-size:.75rem;font-weight:500;line-height:1.2}
nav.sahla-bottom-nav button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
nav.sahla-bottom-nav button span{white-space:nowrap}
nav.sahla-bottom-nav button[aria-current=page]{color:#16705a;background:#edf6f1;font-weight:700}
nav.sahla-bottom-nav button:focus-visible{outline:2px solid #16705a;outline-offset:-2px}
.staff-shell .workspace{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.staff-shell .driver-map-workspace{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
.phone-shell .app-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
.staff-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}
.staff-more-grid button{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:56px;padding:.8rem;background:#f5f9f7;border:1px solid #dce8e2;border-radius:12px;color:#245347}
.staff-more-grid svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:701px){.staff-shell nav.sahla-bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(640px,100%);border:1px solid #dce5eb;border-bottom:0;border-radius:16px 16px 0 0}.phone-shell nav.sahla-bottom-nav{left:50%;right:auto;transform:translateX(-50%);max-width:600px}}

/* Keep the back arrow visible alongside the logo and language controls. */
.app-header.customer-header{display:grid;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);gap:8px;padding:8px 12px;position:sticky;top:0;z-index:40;background:#fff}
.app-header.customer-header>.page-back{position:static;justify-self:start;width:44px;height:44px;min-width:44px;padding:10px;display:grid;place-items:center;border-radius:10px}
.app-header.customer-header>.profile-logo{position:static;justify-self:start;width:44px;height:48px}
.app-header.customer-header>.header-tools{position:static;justify-self:end;min-width:0;gap:4px}
.app-header.customer-header>.app-wordmark{position:static;width:90px;height:40px}
.customer-header .location-header{width:36px;min-width:36px;padding:3px;justify-content:center}
.customer-header .location-header>span:last-child{display:none}
.page-back svg,[data-back-stores] svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[dir=ltr] .page-back svg,html[dir=ltr] [data-back-stores] svg{transform:rotate(180deg)}
.selected-store-heading [data-back-stores]{display:grid;place-items:center;width:44px;min-height:44px;padding:10px}

/* Physical left/right positions are retained in every language. */
.app-header.customer-header.live-location-header{display:flex;direction:ltr;justify-content:space-between;gap:10px;height:auto;min-height:70px;padding:10px 12px}
.live-location-header .header-language-slot{flex:0 0 auto;order:0}
.live-location-header .language-options{left:0;right:auto;inset-inline-end:auto}
.live-location-header .location-header{order:1;display:flex;direction:rtl;align-items:center;gap:8px;flex:1 1 auto;width:auto;max-width:none;min-width:0;height:auto;min-height:44px;padding:5px 8px;background:transparent;border:0;border-radius:8px;text-align:right}
.live-location-header .location-header .location-icon{flex:0 0 30px;width:30px;height:30px}
.live-location-header .location-header>span:last-child{display:block;max-width:none;min-width:0;white-space:normal;overflow:visible}
.live-location-header .location-header b{display:block;font-size:.8rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.live-location-header>.page-back{order:2;flex:0 0 40px;width:40px!important;min-width:40px!important}
.store-rating-distance{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 7px}.store-rating-distance .store-rating{margin:0}.store-rating-distance .store-distance{font-size:.78rem;color:#526c60;white-space:nowrap}.store-distance[hidden]{display:none!important}

/* Compact customer home: language left, Sahla centered, address right. */
.app-header.customer-header.balanced-customer-header{display:grid;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);direction:ltr;gap:8px;min-height:66px;padding:8px 12px}
.balanced-customer-header .header-language-slot{display:flex;align-items:center;justify-content:flex-start;gap:5px;min-width:0;grid-column:1;order:0}
.app-header.balanced-customer-header>.app-wordmark{display:block;grid-column:2;order:0;width:86px;height:40px;object-fit:contain;justify-self:center}
.balanced-customer-header>.location-header{grid-column:3;order:0;padding:2px 0;gap:5px;justify-self:stretch;min-height:44px}
.balanced-customer-header .location-header .location-icon{width:23px;height:28px;flex-basis:23px;background:transparent}
.balanced-customer-header .location-header svg{width:20px;height:20px}
.balanced-customer-header .location-header b,.balanced-customer-header .location-header small{display:block;font-size:.69rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.balanced-customer-header .location-header small{font-size:.65rem;color:#668074;font-weight:400}
.balanced-customer-header .location-header>span:last-child{flex:1;overflow:hidden}
.balanced-customer-header .header-language-slot .page-back{display:grid;place-items:center;width:36px;min-width:36px;min-height:40px;padding:6px;border-radius:8px}
.customer-home>.app-content{padding-top:6px}
.customer-home .home-hero.compact-home-hero{min-height:68px;height:auto;margin:0 0 8px;padding:8px 12px;grid-template-columns:minmax(0,1fr) 54px;border-radius:13px;box-shadow:none}
.customer-home .home-hero.compact-home-hero .hero-copy h1{margin:0 0 3px;font-size:1rem;line-height:1.4}
.customer-home .home-hero.compact-home-hero .hero-copy p{margin:0;font-size:.75rem;line-height:1.4}
.customer-home .home-hero.compact-home-hero img{width:52px;height:52px;object-fit:contain;filter:none}
.customer-home .universal-search{margin:8px 0;padding:0;border:0;background:transparent;border-radius:10px;gap:0}
.customer-home .universal-search .search-launcher{min-height:44px;height:44px;margin:0;padding:7px 11px;gap:8px;border-radius:10px;background:#f5f9f7;font-size:.8rem}
.customer-home .search-launcher svg{width:19px;height:19px}
.customer-home .free-services{margin:10px -16px 12px;padding:8px 0;background:#f6faf8;border-color:#e5eee9}
.customer-home .free-services-title{padding:0 16px 6px;align-items:center}
.customer-home .free-services-title h2{font-size:.9rem;margin:0}
.customer-home .free-services-title>span{font-size:.67rem}
.customer-home .free-services-slider{gap:10px;padding:0 16px 2px;scroll-padding-inline:16px}
.customer-home .free-services-slider button{flex:0 0 100%;min-width:0;min-height:62px;display:grid;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:8px 11px;border-radius:11px;box-shadow:none}
.customer-home .free-services-slider i{width:34px;height:34px;border-radius:9px;font-size:1.15rem}
.customer-home .free-service-copy{min-width:0}
.customer-home .free-services-slider b{margin:0 0 3px;font-size:.83rem;line-height:1.35}
.customer-home .free-services-slider small{font-size:.7rem;line-height:1.4}
.customer-home .free-service-chevron{color:#52806c;font-size:1.2rem}
@media(max-width:350px){.app-header.customer-header.balanced-customer-header{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:6px;padding-inline:9px}.app-header.balanced-customer-header>.app-wordmark{width:72px}.balanced-customer-header .header-language-slot{gap:2px}.balanced-customer-header .header-language-slot .page-back{width:32px;min-width:32px;padding:4px}}

.auto-services>button[hidden]{display:none!important}.customer-home .auto-services{display:block;overflow:hidden;touch-action:pan-y}.customer-home .auto-services>button{width:100%;animation:service-slide-in .3s ease both}@keyframes service-slide-in{from{opacity:.4;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.customer-home .auto-services>button{animation:none}}.search-businesses,.search-products{margin:16px 0}.search-businesses>h2,.search-products>h2{font-size:1rem;margin:0 0 10px}.search-businesses h2 small,.search-products h2 small{font-size:.75rem;color:#698174}.search-products .comparison-group h3{font-size:.9rem;margin:0}

.app-header.customer-header.balanced-customer-header{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.balanced-customer-header .header-language-slot{justify-self:stretch;width:100%;justify-content:flex-start;direction:ltr;gap:5px}.balanced-customer-header .header-language-slot .page-back,.selected-store-heading [data-back-stores]{display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;padding:8px;background:#086547;color:#fff;border:1px solid #086547;border-radius:10px;box-shadow:none}.balanced-customer-header .page-back svg,.selected-store-heading [data-back-stores] svg{width:25px;height:25px;stroke-width:2.6}.balanced-customer-header .page-back:focus-visible{outline:3px solid #93c8b1;outline-offset:2px}
.search-page-empty>span svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.search-launcher svg,.search svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.support-inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-admin-inbox .notification-history>article{display:block;padding:20px}.support-admin-inbox .notification-history>article>strong,.support-admin-inbox .notification-history>article>small{display:block;margin-bottom:8px}.support-transcript{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#f2f6f8;border-radius:12px;line-height:1.8}.support-admin-inbox textarea{min-height:110px}.support-admin-inbox .support-response-form{max-width:760px}
.customer-home [data-ad-slot]{width:calc(100% - 24px);margin-inline:auto}.customer-home [data-ad-slot] .ad-carousel{width:100%;margin-inline:0}
.customer-home .app-content>[data-ad-slot]{width:100%;margin-inline:0}

/* Wide customer browsing uses the available screen, including desktop mode on phones. */
@media(min-width:701px){
 body:has(#root .phone-shell){padding:0;background:#f5f9f7}
 #root .phone-shell{width:100%;max-width:none;min-height:100dvh;margin:0;border-radius:0;box-shadow:none;overflow:clip}
 #root .phone-shell .app-content{width:100%;max-width:1440px;margin-inline:auto;padding:24px 32px 104px}
 #root .phone-shell .app-header{padding-inline:32px;height:80px}
 #root .phone-shell nav.sahla-bottom-nav{width:100%;max-width:none;bottom:0;border-radius:0;padding-inline:max(24px,calc((100vw - 1200px)/2))}
 #root .customer-home .service-filter .categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 #root .customer-home .service-filter .categories button{min-width:0;min-height:120px}
 #root .phone-shell .store-list,#root .phone-shell .comparison-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
 #root .phone-shell .store-card,#root .phone-shell .comparison-group{min-width:0;margin:0}
 #root .customer-home .app-content>[data-ad-slot]{width:min(100%,900px);margin:16px auto}
 #root .customer-home .ad-carousel{width:100%;margin-inline:0}
 #root .customer-home .compact-home-hero{min-height:84px}
 #root .customer-home .compact-home-hero h1{font-size:1.25rem}
 #root .customer-home .free-services{margin-inline:0;border-radius:14px}
 #root .customer-home .free-services-slider b,#root .customer-home .search-launcher{font-size:1rem}
 #root .customer-home .free-services-slider small{font-size:.875rem}
 #root .phone-shell .search-page-head{max-width:900px;margin-inline:auto}
 #root .phone-shell .search-cart-bar{width:calc(100% - 64px);max-width:1376px}
}
@media(min-width:1200px){#root .phone-shell .store-list,#root .phone-shell .comparison-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(min-width:701px){#root .customer-home .ad-slide img,#root .customer-home .ad-slide video{object-fit:contain;background:#f0f6f3}#root .customer-home .service-copy b{font-size:1rem}#root .customer-home .service-copy small{font-size:.875rem}}

.cash-summary{display:block;padding:14px;margin:12px 0;border:1px solid #b6d5c3;border-radius:12px;background:#edf7f1;color:#075c40}
