@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#10252b;--muted:#64747a;--paper:#f7f8f5;--white:#fff;--teal:#0c615d;--teal-dark:#093d3b;--lime:#e9f9b9;--amber:#ffc874;--line:#e4eae6;--shadow:0 18px 56px rgba(6,45,42,.08);--radius:22px;--red:#be3731}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Cairo',Tahoma,Arial,sans-serif;font-size:15px;line-height:1.7}body[dir=rtl]{direction:rtl}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{text-decoration:none;color:inherit}a:hover{color:var(--teal)}img{display:block;max-width:100%}.container{width:min(1170px,calc(100% - 32px));margin:auto}.site-header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:23px;letter-spacing:-.6px;flex-shrink:0}.brand-mark{display:grid;place-items:center;border-radius:15px;width:45px;height:45px;background:var(--teal);color:white;font-size:24px}.brand small{font-size:11px;display:block;font-weight:700;color:#74908d;line-height:1}.navlinks{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:800}.nav-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;padding:11px 19px;border-radius:12px;background:var(--teal);color:white;min-height:44px;font-weight:800;font-size:13px;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px);color:white}.btn-outline{background:white;border-color:#bed1cd;color:var(--teal)}.btn-outline:hover{color:var(--teal);background:#f2f9f7}.btn-light{background:var(--lime);color:#153d31}.btn-light:hover{color:#153d31}.btn-danger{background:#c83e38}.btn-xs{min-height:34px;padding:5px 10px;font-size:12px}.btn-block{width:100%}.hero{background:radial-gradient(circle at 12% 40%,#2c8070 0%,transparent 37%),linear-gradient(115deg,#083d3a 0%,#0d5650 55%,#123d39 100%);color:white;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.22fr .78fr;align-items:center;gap:50px;padding:86px 0 82px;min-height:480px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.4px;color:var(--amber)}.hero h1{font-size:clamp(34px,4.3vw,60px);line-height:1.4;letter-spacing:-1.7px;margin:15px 0 12px;font-weight:900}.hero p{font-size:17px;color:#c6e0da;max-width:600px;margin:0 0 25px}.hero strong{color:var(--lime)}.hero-art{min-height:345px;position:relative;display:grid;place-items:center}.orbit{width:300px;height:300px;border:1px solid #80b8a455;border-radius:50%;position:absolute;display:grid;place-items:center;transform:rotate(-18deg)}.orbit:before{content:'';position:absolute;width:240px;height:240px;border:1px dashed #98c8a355;border-radius:50%}.hero-icon{width:160px;height:160px;background:#ebf9bd;border-radius:40px;display:grid;place-items:center;font-size:82px;box-shadow:0 25px 60px #001e1a55;z-index:1;transform:rotate(10deg)}.floating{position:absolute;background:white;color:#184942;padding:12px 15px;border-radius:14px;box-shadow:var(--shadow);font-size:13px;font-weight:900;z-index:2}.float1{right:4%;top:18%}.float2{left:3%;bottom:19%}.search-panel{background:white;box-shadow:0 24px 70px #001f1a2b;padding:12px;border-radius:18px;display:flex;gap:10px;align-items:center;max-width:710px}.search-panel input,.search-panel select{border:0;background:#f5f8f4;padding:13px;border-radius:10px;outline:0;min-width:0;color:var(--ink)}.search-panel input{flex:1}.search-panel select{width:140px}.search-panel .btn{white-space:nowrap}.section{padding:65px 0}.section-sm{padding:32px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-head h2{font-size:32px;margin:0;letter-spacing:-.8px;line-height:1.4}.section-head p{color:var(--muted);margin:5px 0}.pill{border-radius:30px;background:#e6f2eb;color:#18634e;display:inline-block;font-weight:800;padding:5px 12px;font-size:12px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{padding:26px;background:white;border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;gap:15px;transition:transform .15s,box-shadow .15s}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-card .symbol{height:63px;width:63px;border-radius:17px;display:grid;place-items:center;background:#eff6dd;font-size:33px;flex-shrink:0}.category-card:nth-child(2) .symbol{background:#fbead4}.category-card:nth-child(3) .symbol{background:#dfeff0}.category-card strong{display:block;font-size:17px}.category-card small{font-size:12px;color:var(--muted)}.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.business-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:white;transition:transform .15s,box-shadow .15s}.business-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);color:inherit}.card-photo{height:198px;position:relative;overflow:hidden;background:#d6eae3}.card-photo>img{width:100%;height:100%;object-fit:cover}.category-tag{position:absolute;right:14px;top:14px;padding:5px 12px;background:#ffffffed;border-radius:30px;font-size:11px;font-weight:900}.art-placeholder{height:100%;width:100%;display:grid;place-content:center;gap:3px;text-align:center;background:linear-gradient(135deg,#d1f0d5,#8cc0ac);color:#195745}.art-placeholder.shop{background:linear-gradient(135deg,#fae1ba,#e7bb75);color:#74511e}.art-placeholder.craft{background:linear-gradient(135deg,#d5e9f5,#8bbabf);color:#225368}.art-placeholder>span{font-size:58px}.art-placeholder>small{font-size:13px;font-weight:900}.card-body{padding:20px}.card-body h3{margin:0 0 5px;font-size:19px}.card-body p{color:var(--muted);font-size:13px;margin:0 0 13px;min-height:45px}.mini-facts{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;font-size:11px;font-weight:800;color:#367367}.callout{background:#0c5650;color:white;border-radius:26px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 45px}.callout h2{font-size:27px;margin:0 0 4px}.callout p{margin:0;color:#c1ded5}.site-footer{background:#102a2e;color:#c6dbd8;margin-top:55px;padding:32px 0}.footer-content{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-content strong{color:white;font-size:18px}.muted{color:var(--muted)}.page-hero{padding:45px 0 23px}.page-hero h1{font-size:33px;margin:0 0 4px}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:white;padding:14px;border-radius:18px;border:1px solid var(--line);margin:15px 0 23px}.filters input{flex:1;min-width:180px}.input,textarea,select{width:100%;padding:11px 13px;border:1px solid #cbdad2;border-radius:11px;background:#fff;color:var(--ink);outline:0;min-height:45px}.input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0c615d18}textarea{min-height:105px;resize:vertical}.field{display:grid;gap:5px}.field label{font-weight:800;font-size:12px;color:#274943}.field-hint{font-size:11px;color:#74877e}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.span2{grid-column:span 2}.surface{background:white;border:1px solid var(--line);border-radius:22px;padding:24px}.surface h2,.surface h3{margin-top:0}.stack{display:grid;gap:17px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start;padding-top:35px}.sidebar{background:white;border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;gap:5px;position:sticky;top:95px}.side-link{padding:11px 14px;border-radius:10px;font-size:13px;font-weight:800;background:transparent;text-align:right;border:none;color:#43645e}.side-link.active,.side-link:hover{background:#e6f2ea;color:#125b4e}.dashboard-main{min-width:0}.notice{padding:13px 15px;border:1px solid #e6c9a4;border-radius:13px;background:#fff6e9;color:#7c4b1b;font-size:13px;margin:15px 0}.notice.success{background:#edf9ed;border-color:#c1dfc7;color:#24623b}.notice.error{background:#fff0ef;border-color:#f1cbc6;color:#a32c25}.notice[hidden]{display:none}.empty{padding:45px 20px;text-align:center;background:white;border:1px dashed #bacfc8;border-radius:18px;color:var(--muted)}.empty .symbol{font-size:46px;display:block;margin-bottom:8px}.tag{display:inline-block;padding:4px 10px;background:#eef3ec;border-radius:20px;font-size:11px;font-weight:900;color:#496960}.tag.approved,.tag.completed{background:#e2f5e9;color:#167642}.tag.pending,.tag.new{background:#fff2d7;color:#856125}.tag.suspended,.tag.cancelled{background:#ffe5e3;color:#a33131}.tag.accepted,.tag.in_progress,.tag.out_for_delivery{background:#e6ecfb;color:#3564a4}.biz-banner{height:290px;position:relative;overflow:hidden;border-radius:25px;background:linear-gradient(110deg,#0d625b,#82b3a0)}.biz-banner img{width:100%;height:100%;object-fit:cover}.biz-banner .art-placeholder{height:100%}.biz-header{padding:25px 0;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.biz-header h1{font-size:34px;margin:0}.biz-layout{display:grid;grid-template-columns:1fr 320px;align-items:start;gap:22px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card{border:1px solid var(--line);padding:17px;border-radius:17px;background:white;display:grid;gap:10px}.product-card h3{font-size:16px;margin:0}.product-card p{margin:0;color:var(--muted);font-size:12px}.product-card .product-photo{width:100%;height:140px;border-radius:10px;object-fit:cover;background:#eff3ee}.product-card strong{color:var(--teal)}.sticky-panel{position:sticky;top:98px}.cart-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.stepper{display:flex;gap:7px;align-items:center}.stepper button{border:1px solid #c8dbd2;background:white;border-radius:8px;width:28px;height:28px;font-weight:900}.total{font-size:23px;font-weight:900;color:var(--teal)}.order-card{border:1px solid var(--line);border-radius:15px;padding:16px;background:#fff;display:grid;gap:8px}.order-card h3{font-size:16px;margin:0}.subtle{font-size:11px;color:var(--muted)}.auth-card{width:min(470px,calc(100% - 32px));margin:65px auto}.auth-card h1{margin:0}.line{border:0;border-top:1px solid var(--line);margin:15px 0}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{font-size:12px;padding:5px 11px;background:#f1f6f0;border:1px solid #deebe2;border-radius:999px}.price{font-weight:900;font-size:18px;color:var(--teal)}.checkline{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px}.checkline input{width:17px;height:17px}.hidden{display:none!important}#setup-notice{background:#fff1d2;color:#6c4a0e;padding:9px 0;text-align:center;font-size:12px;font-weight:800}.loading{color:#6d8179;padding:25px;text-align:center}.small{font-size:12px}.map-link{font-weight:800;color:var(--teal);font-size:12px}.cards-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stat{padding:14px;border:1px solid var(--line);border-radius:12px}.stat strong{display:block;font-size:22px}.separator{height:1px;background:var(--line);margin:18px 0}
@media(max-width:940px){.hero-inner{gap:18px}.hero-art{transform:scale(.8)}.business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.biz-layout{grid-template-columns:1fr}.sticky-panel{position:static}.dashboard-layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;flex-wrap:wrap}.navlinks{display:none}}@media(max-width:640px){.container{width:min(100% - 24px,1170px)}.hero-inner{grid-template-columns:1fr;min-height:0;padding:55px 0}.hero-art{display:none}.hero h1{font-size:34px}.hero p{font-size:14px}.search-panel{flex-wrap:wrap}.search-panel input{flex-basis:100%}.search-panel select{flex:1}.search-panel .btn{flex:1}.section{padding:42px 0}.section-head h2{font-size:24px}.categories,.business-grid,.catalog-grid,.form-grid,.cards-two{grid-template-columns:1fr}.span2{grid-column:span 1}.nav{min-height:65px}.brand{font-size:19px}.brand-mark{width:37px;height:37px}.nav-actions .btn{padding:8px;font-size:11px}.callout,.footer-content{flex-direction:column;align-items:stretch}.callout{padding:28px}.biz-banner{height:200px}.biz-header{display:block}.biz-header h1{font-size:25px}.surface{padding:17px}.card-photo{height:180px}.page-hero h1{font-size:26px}}
