/* ESHTRIHA v1.7 — unified customer storefront, geolocation and operation panels. */
:root{--ex-green:#c7f36b;--ex-dark:#141914;--ex-ink:#162019;--ex-paper:#f8faf6;--ex-line:#e3e9df}
body{background:#fafbf8;color:var(--ex-ink);font-family:'Tajawal','Segoe UI',Tahoma,Arial,sans-serif}main{min-height:65vh}
.site-header{padding:0 22px!important;background:#101411!important;position:relative!important;z-index:1050!important;display:block!important;box-shadow:0 7px 24px #0b190b1c}
.site-header .header-inner{max-width:1336px;min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:24px!important}
.site-header .brand{display:flex;gap:12px;flex:0 0 auto;color:#fff;font-size:20px;font-weight:900;line-height:1.2}
.site-header .brand img{width:46px;height:46px;border-radius:13px}.site-header .primary-nav{display:flex!important;align-items:center;gap:4px;flex:0 1 auto;min-width:0;flex-wrap:nowrap!important;width:auto;max-width:fit-content}
.site-header .primary-nav a{font-size:13px;white-space:nowrap;padding:10px 12px;color:#eaf3e5;font-weight:800}
.site-header .header-actions{display:flex!important;gap:10px;align-items:center;margin-inline-start:auto!important;white-space:nowrap;flex:0 0 auto}.site-header .header-actions .account-label{font-size:12px;max-width:165px;overflow:hidden;text-overflow:ellipsis}.site-header .header-actions .nav-login{background:#c7f36b;color:#16220e!important;padding:10px 15px;border-radius:11px}
.site-header .mobile-menu{display:none!important}.ex-home{max-width:1330px;margin:0 auto}.ex-home section{scroll-margin-top:25px}
.ex-hero{position:relative;min-height:420px;overflow:hidden;display:grid;grid-template-columns:57% 43%;background:#161d17;border-radius:29px;margin:18px 0 24px;color:white;isolation:isolate}
.ex-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 0%,#5f7e253f,transparent 35%),linear-gradient(110deg,#111812 5%,#1d261e 100%);z-index:-2}
.ex-hero-copy{padding:52px 60px 48px 35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:2}
.ex-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1px;color:#d0f695;background:#c7f36b18;border:1px solid #c7f36b33;border-radius:100px;padding:7px 14px;font-weight:850}
.ex-hero h1{font-size:clamp(37px,4.2vw,63px);margin:20px 0 10px;color:#fff;line-height:1.28;font-weight:950;max-width:700px}.ex-hero h1 span{display:block;color:var(--ex-green)}.ex-hero p{color:#d3dbd0;max-width:540px;font-size:15px;line-height:2;margin:5px 0 22px}
.ex-hero-search{display:flex;align-items:stretch;gap:7px;background:#fff;padding:6px;width:100%;max-width:530px;border-radius:14px;box-shadow:0 12px 38px #0004}.ex-hero-search input{min-width:0;flex:1;border:0!important;margin:0!important;padding:12px 13px;box-shadow:none;background:white;color:#233526;font-size:14px;outline:none}.ex-hero-search button{white-space:nowrap;background:var(--ex-green);color:#1b2b0f;border-radius:10px;padding:10px 20px}.ex-hero-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.ex-hero-trust span{font-size:11px;border:1px solid #ffffff23;border-radius:50px;color:#dce8d7;padding:5px 11px}
.ex-hero-art{background:linear-gradient(90deg,#1017106b 0%,transparent 25%),url('/assets/eshtriha-rider.jpg') center/cover no-repeat;position:relative;min-height:385px;filter:saturate(.95)}.ex-hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#1111,#121a1588)}.ex-hero-art-badge{position:absolute;bottom:36px;left:32px;background:#fff;color:#23341f;box-shadow:0 14px 30px #0005;border-radius:15px;font-weight:850;padding:14px 19px;transform:rotate(-3deg)}
.ex-locator{background:#f1f8e9;border:1px solid #d5e9b9;border-radius:22px;padding:22px 26px;margin:0 0 37px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:22px;row-gap:10px;align-items:center}.ex-locator-head{display:flex;align-items:center;gap:15px}.ex-locator-head .ex-round-icon{background:#d4fba6;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;font-size:23px}.ex-locator h2{font-size:19px;margin:0 0 3px}.ex-locator p{margin:0;color:#56664d;font-size:12px}.ex-locator-buttons{display:flex;gap:8px;flex-wrap:wrap}.ex-locator-buttons .btn{font-weight:800;font-size:12px;padding:11px 15px}.ex-locator-status{grid-column:1/-1;color:#567243!important}.ex-distance-alert{color:#8f4408;background:#fff1dd;border:1px solid #f7d4a5;border-radius:11px;padding:10px 13px;margin:8px 0}
.ex-section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 21px}.ex-section-title>div>span{font-size:12px;font-weight:850;color:#638729}.ex-section-title h2{font-size:clamp(23px,2.5vw,31px);line-height:1.25;margin:4px 0}.ex-section-title>a{font-weight:800;color:#3e751d;font-size:13px}.ex-section-title small{font-size:12px;color:#668066}
.ex-categories{margin:28px 0 46px}.ex-category-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.ex-category-track a{min-width:0;border:1px solid #e3e9dc;background:#fff;border-radius:17px;padding:19px 8px;display:flex;gap:9px;align-items:center;flex-direction:column;text-align:center;transition:transform .2s,border-color .2s}.ex-category-track a:hover{transform:translateY(-4px);border-color:#a4d566}.ex-category-track span{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#f2fae8;font-size:23px}.ex-category-track strong{font-size:12px;white-space:nowrap}
.ex-stores{margin:30px 0 55px}.ex-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.ex-shop{background:#fff;border:1px solid var(--ex-line);overflow:hidden;border-radius:20px;box-shadow:0 9px 26px #263d2110;display:flex;flex-direction:column;transition:transform .17s,box-shadow .17s}.ex-shop:hover{transform:translateY(-3px);box-shadow:0 15px 34px #233d211c}.ex-shop-cover{height:150px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 70% 0%,#51652d 0%,#253026 50%,#192019 100%)}.ex-shop-cover span{display:grid;place-items:center;font-size:48px;width:85px;height:85px;background:#ffffff15;border-radius:25px;border:1px solid #ffffff20}.ex-shop-cover small{position:absolute;left:12px;bottom:10px;border-radius:30px;background:#c7f36b;color:#28371d;padding:4px 10px;font-size:11px;font-weight:800}.ex-shop-body{padding:17px;display:flex;flex-direction:column;flex:1;gap:10px}.ex-shop-title{display:flex;align-items:start;justify-content:space-between;gap:7px}.ex-shop h3{font-size:16px;margin:0;line-height:1.5;font-weight:900}.ex-stars{color:#916a00;font-size:13px;white-space:nowrap}.ex-shop-body>p{color:#647160;font-size:12px;margin:0}.ex-shop-meta{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:#43691c}.ex-shop-btn{display:flex;justify-content:space-between;align-items:center;margin-top:auto;background:#c7f36b;color:#24340f;border-radius:11px;padding:10px 13px;font-weight:900;font-size:13px}.ex-shop-btn:hover{background:#b4ea4b}
.ex-empty{grid-column:1/-1;padding:54px 24px;border-radius:20px;background:#fff;border:1px dashed #cee2be;text-align:center}.ex-empty>span{font-size:44px}.ex-empty h3{font-size:19px;margin:12px 0}.ex-empty p{color:#647564}
.ex-top-products,.ex-steps{margin:35px 0 60px}.ex-top-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ex-top-product{min-width:0;display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid var(--ex-line);padding:10px;border-radius:17px}.ex-top-pic{height:115px;display:grid;place-items:center;background:#f2f9e9;border-radius:12px;font-size:36px;overflow:hidden}.ex-top-pic img{width:100%;height:100%;object-fit:cover}.ex-top-product h3{font-size:13px;margin:3px 0;min-height:41px}.ex-top-product b{color:#336c12}.ex-top-product small{font-size:10px;color:#697b60}.ex-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ex-step-grid article{background:#fff;border:1px solid var(--ex-line);border-radius:20px;padding:24px}.ex-step-grid article span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#c7f36b;color:#304518;font-size:19px;font-weight:900}.ex-step-grid h3{font-size:18px;margin:17px 0 6px}.ex-step-grid p{font-size:13px;color:#607365;margin:0;line-height:1.9}.ex-partner{display:flex;justify-content:space-between;align-items:center;gap:22px;border-radius:25px;background:#182019;color:white;padding:37px;margin:28px 0}.ex-partner span{font-weight:800;color:#c7f36b}.ex-partner h2{font-size:25px;margin:6px 0}.ex-partner p{margin:0;color:#d1dcc9}.ex-partner>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.ex-partner .btn-success{background:#c7f36b;color:#182618;border:0}.ex-map{min-height:340px;height:340px;border:1px solid #e4e9df;border-radius:16px;overflow:hidden;z-index:1}.modal .modal-content{border-radius:19px;border:1px solid #dae6d7}.modal .btn{width:auto}.ex-muted{font-size:12px;color:#68776c}
.ex-profile-head{display:flex;align-items:center;gap:18px;margin-bottom:24px;flex-wrap:wrap}.ex-profile-head h2{margin:0;font-size:24px}.ex-avatar{width:65px;height:65px;background:#eafbdb;color:#4c6e24;display:grid;place-items:center;font-size:30px;border-radius:18px;font-weight:900}.ex-state{margin-inline-start:auto;border-radius:50px;font-size:12px;padding:8px 14px;font-weight:800}.ex-state.on{background:#eff9df;color:#487821}.ex-state.off{background:#fff0ee;color:#a34538}.ex-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ex-admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ex-admin-form>label{font-size:13px;font-weight:800}.ex-admin-form input,.ex-admin-form select,.ex-admin-form textarea{margin:6px 0 2px;max-width:100%;font-size:13px}.ex-admin-form>button{width:max-content;align-self:end}.ex-admin-form label:has(textarea),.ex-admin-form .ex-check{grid-column:1/-1}.ex-admin-form .ex-check{display:flex;align-items:center;gap:10px}.ex-admin-form .ex-check input{margin:0;width:18px;height:18px;flex:0 0 18px}.ex-review-inline{border-radius:10px;background:#fff8df;border:1px solid #f2e8b6;color:#62541c;margin-bottom:18px;padding:9px 15px;font-size:13px;font-weight:750}.ex-review-panel h3{font-size:16px}.ex-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ex-rating-form{border:1px solid #e9efe3;padding:15px;border-radius:14px;background:#fbfcf9;display:grid;gap:6px}.ex-rating-form label{font-size:12px}.ex-rating-form select,.ex-rating-form textarea{margin:6px 0 12px}.ex-rating-form button{width:max-content}.ex-rating-item{background:#fff;border:1px solid #e6eee0;border-radius:10px;padding:13px;margin:8px 0}.ex-rating-item>summary{cursor:pointer;font-weight:800}.ex-ai-preview{max-width:min(420px,100%);height:auto;border:1px solid #dce9d7;border-radius:13px;display:block;margin:12px 0}.ex-partner a:focus-visible,.ex-locator button:focus-visible,.ex-category-track a:focus-visible{outline:3px solid #659c2f;outline-offset:3px}
/* Override intrusive Bootstrap default buttons within an existing custom frontend */
.ex-home .btn.btn-dark{background:#1c271e;color:#fff;border:1px solid #1c271e}.ex-home .btn.btn-outline-dark{background:white;border:1px solid #becdb7;color:#273723}.ex-home .btn:hover{filter:brightness(.97)}
@media(max-width:1180px){.ex-category-track{grid-template-columns:repeat(5,1fr)}.ex-shop-grid{grid-template-columns:repeat(3,1fr)}.ex-top-grid{grid-template-columns:repeat(3,1fr)}.site-header .primary-nav{gap:0}.site-header .primary-nav a{font-size:12px;padding:9px 7px}}
@media(max-width:950px){.site-header .primary-nav{display:none!important}.site-header .mobile-menu{display:block!important}.site-header .account-label{display:none!important}.ex-hero{grid-template-columns:1fr 38%}.ex-hero-copy{padding:32px}.ex-hero-art{min-height:350px}.ex-hero h1{font-size:40px}.ex-locator{grid-template-columns:1fr}.ex-locator-status{grid-column:1}}
@media(max-width:720px){.site-header .header-inner{min-height:66px!important;gap:8px!important}.site-header .brand{font-size:17px}.site-header .brand img{width:39px;height:39px}.site-header .header-actions .nav-login{font-size:11px;padding:9px 12px}.ex-hero{display:block;min-height:410px;background:linear-gradient(270deg,#101810ed,#101810a4),url('/assets/eshtriha-rider.jpg') center/cover}.ex-hero-art{display:none}.ex-hero-copy{padding:35px 23px;min-height:410px}.ex-hero h1{font-size:37px}.ex-hero p{font-size:13px}.ex-hero-search{flex-wrap:wrap;box-shadow:none;background:transparent;padding:0}.ex-hero-search input{flex:1 1 100%;border-radius:10px}.ex-hero-search button{width:100%}.ex-locator{padding:18px}.ex-locator-head{align-items:start}.ex-locator-buttons .btn{flex:1}.ex-category-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.ex-category-track a{padding:12px 4px}.ex-category-track span{width:38px;height:38px;font-size:20px}.ex-category-track strong{font-size:10px;white-space:normal}.ex-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ex-shop-cover{height:103px}.ex-shop-cover span{font-size:33px;width:63px;height:63px}.ex-shop-cover small{font-size:9px}.ex-shop-body{padding:12px}.ex-shop h3{font-size:13px}.ex-shop-btn{font-size:11px}.ex-shop-meta{font-size:10px}.ex-step-grid{grid-template-columns:1fr}.ex-partner{padding:25px;flex-direction:column;align-items:start}.ex-two,.ex-review-grid{grid-template-columns:1fr}.ex-admin-form{grid-template-columns:1fr}.ex-admin-form>label{grid-column:1/-1}}
@media(max-width:460px){.ex-category-track{grid-template-columns:repeat(3,1fr)}.ex-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-locator-buttons{flex-direction:column}.ex-locator-buttons .btn{width:100%}.ex-hero h1{font-size:32px}.ex-hero-copy{padding:26px 18px}.ex-section-title h2{font-size:23px}}