/* Shared visual system: lightweight, local typography and responsive layouts. */
:root{--orange:#a94f2c;--ink:#173b35;--line:#dce3df;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#213d37;background:#f3f5f1;font-size:16px;line-height:1.8}
body{background:radial-gradient(ellipse at 90% 0,#e6ede4 0,transparent 45%),#f3f5f1;color:#213d37}
body::before,body::after,body:has(.shahin-hero)::before,body:has(.shahin-hero)::after,body:has(.store-banner)::before,body:has(.store-banner)::after{display:none!important}
header{background:#fbfcf9;border-bottom:1px solid var(--line);padding:22px max(calc((100vw - 1200px)/2),28px);gap:28px}
header .brand{font-size:24px;letter-spacing:0;line-height:1.35;max-width:38%;font-weight:700}
header .brand-icon{width:48px;height:48px;border-radius:14px;background:#173b35;color:#fff;box-shadow:none}
.brand-icon svg{width:31px;height:31px}.brand-icon svg path:last-child{stroke:#b9cfb2}
header .brand small{font-size:12px;color:#74847a;font-weight:400;margin-top:5px}
header nav{gap:17px;font-size:12px;color:#51635b;max-width:68%}
header nav a{font-weight:600}header nav a:hover{color:#a94f2c}
header nav .android-nav,header nav .ios-install-nav{background:#eef2ec;color:#173b35;border:1px solid #dce3d8;border-radius:9px;font-size:11px;padding:7px 10px;box-shadow:none}
.language-switch{color:#53685c;font-size:12px}.language-switch select{background:transparent;border-color:#dce3df;border-radius:9px;color:#173b35}
main{max-width:1240px;padding:34px 28px 64px}
h1,h2,h3{color:#173b35;letter-spacing:0;font-weight:700}h1{line-height:1.4}h2{font-size:27px;line-height:1.5}h3{font-size:20px;line-height:1.5}
.muted,small{color:#68796e}button,.button{border-radius:10px;font-weight:600;padding:12px 19px;box-shadow:none;transition:background .15s,box-shadow .15s}
button:hover,.button:hover{filter:brightness(.96)}.secondary{background:#eaf0e9;color:#173b35}.outline{background:#fff;color:#173b35;border-color:#dce3df}
input,select,textarea{border:1px solid #d6dfd7;border-radius:10px;color:#213d37;background:#fff;box-shadow:none;padding:12px 14px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b87a4a;outline-offset:3px}
.shahin-hero{grid-template-columns:1.1fr 1fr;min-height:475px;border:1px solid #274a3e;border-radius:22px;background:linear-gradient(90deg,#102d2866,#102d28c7 48%,#102d28f5),url('images/daraya-city-clean.webp') center/contain no-repeat,#153d32;background-size:100% 100%,contain;box-shadow:0 16px 36px #173b3512;overflow:hidden}
.hero-copy{padding:46px 46px 43px;align-self:center}
.hero-copy h1{font-size:clamp(38px,4vw,53px);font-weight:700;color:#f8faf3;line-height:1.28;margin:21px 0;letter-spacing:0}
.hero-copy h1 em{color:#d8ba8f;font-style:normal;font-weight:700}
.hero-copy p{color:#d7e3da;font-size:15px;line-height:1.95;max-width:460px;margin-bottom:25px}
.hero-copy .location-pill{background:transparent;border:1px solid #b8c8b84d;color:#e2eadb;padding:5px 12px;border-radius:7px;font-size:11px;font-weight:500;box-shadow:none}
.hero-copy .hero-cta{background:#e4c79e;color:#14392f;border:1px solid #e4c79e;border-radius:9px;font-size:14px;padding:12px 20px;box-shadow:none}
.hero-copy .hero-benefits{color:#d1dfd4;display:flex;flex-wrap:wrap;gap:6px 17px;font-size:11px;margin-top:22px;line-height:1.8}
.market-hero-art{padding:42px 28px 42px 38px;min-height:475px;display:flex;align-items:center;background:none;overflow:hidden}
.market-hero-art::before,.market-hero-art::after{display:none}
.market-hero-mosaic{transform:none;gap:10px;align-items:stretch;width:100%;max-width:470px;margin:auto}
.market-hero-tile,.market-hero-tile:nth-child(n){transform:none;border:1px solid #ffffff30;border-radius:13px;aspect-ratio:1.16;box-shadow:0 7px 18px #001c281c;background:#274d40}
.market-hero-tile:nth-child(1){border-start-start-radius:28px}.market-hero-tile:nth-child(4){border-end-end-radius:28px}
.market-hero-tile:after{inset:40% 0 0;background:linear-gradient(transparent,#082920df)}
.market-hero-tile strong{font-size:12px;font-weight:600;bottom:12px;inset-inline:13px;line-height:1.6;text-shadow:none}
.market-hero-caption{display:none}
.service-strip{background:#fbfcf9;border:1px solid #dce3df;box-shadow:none;border-radius:12px;margin:18px 0 45px;padding:16px 20px;gap:0;color:#596c60;font-size:12px}
.service-strip span{padding:3px 16px;gap:12px}.service-strip span+span{border-inline-start:1px solid #dce3df}.service-strip b{background:none;color:#a67549;border-radius:0;font-size:15px;font-weight:500}
.browse-heading{align-items:center;margin-bottom:20px}.browse-heading h2{font-size:28px;margin-bottom:5px}.browse-heading p{color:#6e7e72;font-size:14px}.store-count{background:#e7eee3;color:#46634d;border:1px solid #d8e2d2;box-shadow:none}
.filters{padding:14px;background:#fbfcf9;border:1px solid #dce3df;border-radius:14px;gap:9px;margin:20px 0 26px;box-shadow:none;align-items:center}
.filters button{background:transparent;color:#586e5e;border:1px solid transparent;border-radius:9px;padding:10px 19px;font-size:13px}.filters button.selected{background:#173b35;color:white;box-shadow:none;border-color:#173b35}.filters input{margin-top:0;border-color:#dce3df;max-width:390px;background:white;font-size:13px}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.card{border:1px solid #dce3df;border-radius:15px;background:#fff;box-shadow:0 3px 10px #173b3504;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #173b350d;border-color:#c7d5c7}
.card-cover,.card.text-only .card-cover{height:200px;background:#e4ebe2}.card-image{height:100%;width:100%;object-fit:cover}
.card-body{background:white;padding:21px}.card-category{font-size:11px;color:#897151;letter-spacing:0;font-weight:600}.card-title{margin:6px 0 10px}.card-title h3{font-size:21px;color:#173b35;font-weight:700}.card-title>span{background:#f0f4ed;color:#48624e;border-radius:8px;box-shadow:none}
.store-summary{color:#6e7d71;font-size:12px;line-height:1.9}.card-details,.card-bottom{border-color:#e5ebe2;font-size:11px;color:#627463}.card-bottom strong{color:#173b35}
.example-badge{padding:3px 8px;border:1px solid #e8dec6;border-radius:5px;color:#846638;background:#faf6ea;font-size:10px;font-weight:600;margin-bottom:9px}
.availability{background:#fbfcf5;color:#356149;border:1px solid #ffffff99;box-shadow:0 3px 10px #00000012;font-size:11px;border-radius:7px;padding:5px 10px}.availability.closed{background:#fff5ef;color:#90492c}
.tag{background:#eef3eb;color:#49644f;border-radius:6px;border:0}.tag.closed{background:#f8eee7;color:#934b2d}
.brand-note{background:#193d34;border:1px solid #284b3d;color:#f3f6ed;border-radius:17px;box-shadow:none}.brand-note p{color:#d0dfd2}
.panel,.cart,.merchant-sidebar,.stat,.product,.store-banner,.customer-order,.order{border-color:#dce3df;background:#fff;box-shadow:0 3px 12px #173b3504;border-radius:15px}
.welcome-panel{background:#193d34}.welcome-panel h1,.welcome-panel h2{color:#f8faf4}.merchant-nav a.selected{background:#eaf0e6;color:#254c37}.merchant-nav a.selected>span{color:#254c37}
.account-welcome,.product-search-results,.report-summary,.account-metrics>div{background:#eef3e9;border-color:#dce3d7}.price{color:#a04c2d}.editor-panel input,.editor-panel select,.editor-panel textarea{background:#fcfdfb}
.tabs a{border-color:#dce3df;border-radius:9px}.tabs .selected{background:#173b35}.photo-empty{background:#e8eee5;color:#667d67}.empty{background:#fbfcf9;border-color:#cad6c8}
dialog{border:1px solid #dce3df;box-shadow:0 24px 80px #0f332e33;border-radius:18px}dialog::backdrop{background:#102a2877}
.android-download,.ios-install-card{background:#e8eee3;border:1px solid #d5dfcd;border-radius:17px;box-shadow:none;color:#173b35}.android-download h2,.ios-install-card h2{color:#173b35;font-size:24px}.android-download p,.ios-install-card p{color:#64795f;font-size:14px}.android-download-icon{background:#173b35;color:#fff;border-radius:13px;box-shadow:none}.android-download-action a,.ios-install-card button{background:#173b35;color:#fff;border-radius:9px;box-shadow:none}
footer{background:#193d34;color:#e3ebdc;border-top:0;padding:32px max(calc((100vw - 1184px)/2),28px);font-size:12px;line-height:1.9}footer strong{font-size:18px}footer small{color:#b4c4b1;font-size:12px}footer span{color:#b4c4b1}
@media(max-width:1050px){header{padding:20px 28px;flex-wrap:wrap}header .brand{max-width:100%}header nav{max-width:100%;width:100%;justify-content:flex-start}.hero-copy{padding:35px 30px}.market-hero-art{padding:30px 24px;min-height:440px}.shahin-hero{min-height:440px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){:root{font-size:15px}header{padding:17px 18px;gap:15px}header .brand{font-size:22px}.brand-icon{width:42px!important;height:42px!important}header .brand small{font-size:11px}header nav{gap:10px 14px;font-size:11px;max-width:100%;justify-content:flex-start}header nav .android-nav,header nav .ios-install-nav{font-size:10px;padding:6px 8px}.language-switch{font-size:11px}main{padding:22px 16px 42px}.shahin-hero{grid-template-columns:1fr;border-radius:17px;min-height:0;background:linear-gradient(180deg,#102d28f5,#102d28af),url('images/daraya-city-clean.webp') center 54%/100% auto no-repeat,#153d32;background-size:100% 100%,100% auto}.hero-copy{padding:28px 24px 16px}.hero-copy h1{font-size:37px;line-height:1.3;margin:16px 0}.hero-copy p{font-size:13px;margin-bottom:19px;line-height:1.95}.hero-copy .hero-cta{font-size:13px;padding:11px 17px}.hero-copy .hero-benefits{font-size:10px;gap:4px 10px;margin-top:16px}.market-hero-art{padding:18px 24px 25px;height:auto;min-height:0;align-items:stretch}.market-hero-mosaic{grid-template-rows:auto auto}.market-hero-image{position:absolute;inset:0}.market-hero-mosaic{gap:8px;max-width:420px}.market-hero-tile,.market-hero-tile:nth-child(n){aspect-ratio:1.5;border-radius:10px;border-width:1px}.market-hero-tile strong{font-size:10px;bottom:8px;inset-inline:9px}.service-strip{margin:13px 0 32px;padding:12px 6px;font-size:9px;border-radius:10px;gap:0}.service-strip span{padding:0 6px;gap:4px;flex-direction:column;line-height:1.7}.service-strip b{font-size:13px}.browse-heading h2{font-size:24px}.browse-heading p{font-size:12px}.filters{padding:10px;gap:6px;border-radius:12px;margin-top:16px}.filters button{padding:8px 13px;font-size:12px}.filters input{max-width:none;width:100%;flex-basis:100%;font-size:13px;margin:5px 0 0}.grid{grid-template-columns:1fr;gap:18px}.card-cover,.card.text-only .card-cover{height:210px}.card-body{padding:19px}.card-title h3{font-size:21px}.store-summary{font-size:12px}.card-details,.card-bottom{font-size:11px}.android-download h2,.ios-install-card h2{font-size:21px}footer{padding:27px 20px}h2{font-size:24px}.panel{padding:20px}.product{padding:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.card,.market-hero-image{transition:none}.card:hover{transform:none}}

/* Align inherited controls with the shared palette. */
header .brand-icon,.android-download-icon{transform:none}
header nav .android-nav{color:#173b35!important;font-size:11px!important}
.visit-store-button{background:#173b35;color:#fff;border:1px solid #173b35;border-radius:11px;box-shadow:none;font-weight:600}
.visit-store-button:hover{background:#254d3d}
.public-hours{background:#f0f4eb;border-color:#dce3d7;color:#3a5743;border-radius:10px}
.example-notice{background:#faf6ea;border-color:#e8dec6;color:#846638}
.android-download-icon{border-color:#b6c6ad}.android-download-action small{color:#64795f}

/* Approved Daraya brand assets. */
header .brand{gap:12px}
header .brand-wordmark{display:none;object-fit:contain;width:280px;height:auto;max-width:100%}
header .brand-icon{overflow:hidden}
header .brand-icon img{display:block;width:100%;height:100%;object-fit:cover}
html[lang="ar"] header .brand-wordmark{display:block}
html[lang="ar"] header .brand-icon,html[lang="ar"] header .brand-localized-name{display:none}
.android-download-icon{width:70px;height:70px;padding:0;border:0;overflow:hidden}
.android-download-icon img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:600px){header .brand-wordmark{width:250px;max-width:calc(100vw - 48px)}header .brand{max-width:100%}.android-download-icon{width:52px;height:52px}}