*{box-sizing:border-box}:root{--bg:#f7fbfa;--surface:#fff;--text:#12332b;--muted:#667773;--primary:#087f67;--primary-dark:#05604f;--border:#e3ece9;--success:#16803c;--warning:#b54708}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Arial,Noto Sans Arabic,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.header{height:82px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.96);position:-webkit-sticky;position:sticky;top:0;z-index:10}.header,.header-inner{display:flex;align-items:center}.header-inner{justify-content:space-between;width:100%;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px}.brand span{display:flex;flex-direction:column;gap:3px}.brand span small{font-size:11px;color:var(--muted);font-weight:500}.brand-logo-header{width:52px;height:52px;object-fit:contain}.nav{gap:27px;color:#344b45;font-size:14px;font-weight:700}.nav,.nav a{display:flex}.nav a{align-items:center;gap:6px}.nav a span{font-size:19px}.nav a:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:9px}.account-button,.merchant-link{border:1px solid var(--border);background:#fff;border-radius:11px;padding:12px 16px;font-weight:800;font-size:13px}.account-button{background:#07836b;color:#fff;border-color:#07836b}.merchant-link{color:var(--primary)}.hero{padding:70px 0 42px;background:radial-gradient(circle at 20% 40%,#e9f8f2 0,transparent 38%),linear-gradient(180deg,#fbfefd,#f4faf8)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:55px;gap:55px;align-items:center}.hero-copy{padding-right:15px}.hero-badge{display:inline-flex;background:#e8f6f1;color:var(--primary);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800;margin-bottom:16px}.hero h1{margin:0;font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-2px}.hero h1 strong{color:var(--primary)}.hero p{color:#596c67;font-size:18px;line-height:1.9;max-width:610px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:14px 22px;font-weight:800;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#fff;border:1px solid var(--border)}.full{width:100%}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#5d706b;font-size:12px}.hero-store-wrap{position:relative;display:flex;justify-content:center;min-height:430px;align-items:center}.hero-store-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:#d9f2e8;filter:blur(2px)}.store-mock{position:relative;width:min(420px,100%);background:#fff;border:1px solid #dce9e4;border-radius:26px;padding:22px;box-shadow:0 25px 65px rgba(13,77,63,.14)}.mock-head{justify-content:space-between;gap:12px;margin-bottom:18px}.mock-brand,.mock-head{display:flex;align-items:center}.mock-brand{gap:10px}.mock-brand>div{display:flex;flex-direction:column;gap:3px}.mock-brand small{font-size:11px;color:var(--muted)}.mock-logo{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#087f67;color:#fff;font-size:24px;font-weight:900}.mock-status{font-size:11px;background:#ecfdf3;color:#16803c;padding:7px 10px;border-radius:999px;font-weight:800}.mock-search{background:#f5f8f7;border:1px solid #edf1ef;border-radius:12px;padding:12px;color:#98a6a2;margin-bottom:20px}.mock-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mock-section a{font-size:12px;color:var(--primary);font-weight:800}.mock-products{display:grid;grid-gap:4px;gap:4px}.mock-product{display:grid;grid-template-columns:54px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:10px 0;border-bottom:1px solid #edf2f0}.mock-product:last-child{border-bottom:0}.mock-product-img{width:54px;height:54px;border-radius:13px;background:#f0f7f4;display:grid;place-items:center;overflow:hidden}.mock-product-img img{width:100%;height:100%;object-fit:cover}.mock-product>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.mock-product b{font-size:13px}.mock-product small{font-size:10px;color:var(--muted)}.mock-product>strong{font-size:12px;color:var(--primary)}.mock-order{display:flex;align-items:center;justify-content:space-between;margin-top:16px;background:#087f67;color:#fff;border-radius:12px;padding:13px 16px;font-weight:800}.quick-benefits{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}.benefits-grid>div{display:flex;align-items:center;justify-content:center;gap:9px;border-left:1px solid var(--border)}.benefits-grid>div:first-child{border-left:0}.benefit-icon{font-size:25px;color:var(--primary)}.benefits-grid b,.benefits-grid small{display:block}.benefits-grid small{color:var(--muted);font-size:11px;margin-top:3px}.section{padding:52px 0 80px}.section-title{font-size:30px;margin:0 0 12px}.section-subtitle{color:var(--muted);margin:0 0 28px;line-height:1.8}.store-types-section{background:#fff;border-bottom:1px solid var(--border)}.store-types-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.store-type-card{display:flex;align-items:center;gap:12px;background:#f8fbfa;border:1px solid var(--border);border-radius:16px;padding:16px;transition:.2s}.store-type-card:hover{transform:translateY(-2px);border-color:#a8d9ca;background:#effaf6}.store-type-card span{font-size:28px}.store-type-card strong{font-size:14px}.merchant-cta{margin-top:28px;padding:20px 22px;border-radius:18px;background:#e9f7f2;border:1px solid #c8e9dd;display:flex;align-items:center;justify-content:space-between;gap:20px}.merchant-cta div{display:flex;flex-direction:column;gap:5px}.merchant-cta strong{font-size:19px}.merchant-cta span{color:var(--muted);font-size:14px}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.feature{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px}.feature-icon{font-size:26px}.feature h3{margin:12px 0 8px}.feature p{color:var(--muted);line-height:1.7;margin:0}.footer{border-top:1px solid var(--border);padding:28px 0;color:var(--muted);font-size:13px;display:flex}.footer .container{display:flex;justify-content:space-between}.store-header{height:70px;display:flex;align-items:center}.store-header,.store-hero{background:#fff;border-bottom:1px solid var(--border)}.store-hero{padding:30px 0}.store-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:20px}.store-branding{display:flex;align-items:center;gap:16px}.store-title-row h1{font-size:38px}.store-title-row p{color:var(--muted);margin:10px 0 0;line-height:1.7}.store-logo{width:76px;height:76px;border-radius:20px;object-fit:cover;border:1px solid var(--border);background:#f5f7fa}.store-logo-placeholder{display:grid;place-items:center;font-size:34px}.catalog{padding:35px 0 80px}.catalog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.catalog-top h2{margin:0}.admin-product input,.auth-card input,.auth-card textarea,.catalog-controls input,.catalog-controls select,.catalog-top input,.checkout-card input,.checkout-card textarea{width:100%;border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px 14px;outline:none}.catalog-top input{max-width:340px}.auth-card input:focus,.catalog-controls input:focus,.catalog-top input:focus,.checkout-card input:focus,.checkout-card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(8,127,103,.1)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.product-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden}.product-image{height:160px;background:#f2f7f5;display:grid;place-items:center;font-size:48px}.product-image img{width:100%;height:100%;object-fit:cover}.product-card-body{padding:16px}.product-card h3{margin:0 0 6px}.product-card p{margin:0;color:var(--muted);font-size:13px}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.product-bottom button{border:0;background:var(--primary);color:#fff;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer}.drawer-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.35);z-index:20}.cart-drawer{position:absolute;right:0;top:0;height:100%;width:min(430px,92vw);background:#fff;padding:22px;box-shadow:-15px 0 40px rgba(0,0,0,.15);overflow:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head h2{margin:0}.drawer-head button{border:0;background:#f2f4f7;border-radius:10px;width:38px;height:38px;font-size:24px;cursor:pointer}.cart-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--border)}.cart-row small{display:block;color:var(--muted);margin-top:5px}.qty{display:flex;align-items:center;gap:10px}.qty button{width:32px;height:32px;border:1px solid var(--border);background:#fff;border-radius:9px;cursor:pointer}.cart-summary{padding-top:20px}.cart-summary>div{display:flex;justify-content:space-between;padding:7px 0}.cart-summary .total{font-size:19px;border-top:1px solid var(--border);margin-top:8px;padding-top:15px}.toast{position:fixed;bottom:22px;right:22px;background:#12332b;color:#fff;padding:12px 16px;border-radius:12px;z-index:30}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#f5fbf9,#eef7f4)}.auth-card{width:min(450px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px;box-shadow:0 15px 45px rgba(16,24,40,.08)}.auth-brand{margin-bottom:25px}.auth-card h1{font-size:32px}.auth-muted{color:var(--muted);line-height:1.7}.auth-card form label,.checkout-card form label{display:block;font-weight:700;margin:16px 0}.auth-card form input,.checkout-card form input,.checkout-card form textarea{display:block;margin-top:7px}.form-error{background:#fef3f2;color:#b42318}.form-error,.form-success{border-radius:10px;padding:11px 13px;font-size:13px}.form-success{background:#ecfdf3;color:var(--success);margin:15px 0}.switch-auth{border:0;background:none;color:var(--primary);font-weight:700;cursor:pointer;margin-top:15px;width:100%}.checkout-page{min-height:100vh}.checkout-grid{display:grid;grid-template-columns:1fr 360px;grid-gap:22px;gap:22px;padding:40px 0 80px}.checkout-card,.checkout-summary{background:#fff;border:1px solid var(--border);border-radius:20px;padding:25px}.checkout-card h1{font-size:36px}.choice-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.choice{border:1px solid var(--border);background:#fff;border-radius:12px;padding:13px;font-weight:700;cursor:pointer}.choice.active{border-color:var(--primary);background:#eaf8f3;color:var(--primary)}.optional{color:var(--muted);font-size:12px}.success-card{text-align:center}.success-icon{width:65px;height:65px;margin:0 auto 15px;border-radius:50%;background:#ecfdf3;color:var(--success);display:grid;place-items:center;font-size:34px;font-weight:800}.order-number{display:block;font-size:30px;margin:5px 0 15px}.dashboard{padding:42px 0 80px}.dashboard-title{font-size:38px}.catalog-controls{grid-template-columns:1fr 260px;margin:24px 0}.admin-products,.catalog-controls{display:grid;grid-gap:12px;gap:12px}.admin-product{display:grid;grid-template-columns:84px 2fr 150px 150px 150px 150px;grid-gap:12px;gap:12px;align-items:end;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px}.admin-product-main h3{margin:0 0 7px;font-size:16px}.admin-product label,.admin-product-main span{color:var(--muted);font-size:12px}.admin-product label{font-weight:700}.admin-product input{display:block;margin-top:6px}.visible-toggle{display:flex!important;align-items:center;gap:7px;height:45px}.visible-toggle input{width:auto}.admin-product .btn{padding:11px 12px;font-size:13px}.admin-product-image{width:84px;height:84px;border-radius:14px;overflow:hidden;background:#f2f7f5;display:grid;place-items:center;font-size:30px;border:1px solid var(--border)}.admin-product-image img{width:100%;height:100%;object-fit:cover}.merchant-page{background:linear-gradient(180deg,#f8fbfa,#f4f8f7)}.merchant-card{width:min(650px,100%)}.merchant-types{margin:20px 0}.field-title{font-weight:700;margin-bottom:10px}.merchant-type-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px}.merchant-type{border:1px solid var(--border);background:#fff;border-radius:13px;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:74px}.merchant-type span{font-size:25px}.merchant-type small{font-weight:700;color:var(--muted)}.merchant-type.active{border-color:var(--primary);background:#eaf8f3;box-shadow:0 0 0 2px rgba(8,127,103,.08)}.merchant-type.active small{color:var(--primary)}.merchant-note{font-size:12px;color:var(--muted);line-height:1.7;background:#f8fafc;border-radius:12px;padding:12px;margin:18px 0}@media(max-width:800px){.hero{padding-top:45px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{padding:0}.nav{display:none}.checkout-grid,.features,.product-grid{grid-template-columns:1fr}.header{height:72px}.brand{font-size:15px}.brand-logo-header{width:44px;height:44px}.header .btn{padding:11px 14px;font-size:13px}.trust-row{flex-direction:column;gap:7px}.catalog-top,.store-title-row{flex-direction:column;align-items:stretch}.catalog-top input{max-width:none}.store-title-row h1{font-size:32px}.store-branding{align-items:flex-start}.checkout-grid{padding-top:25px}.catalog-controls{grid-template-columns:1fr}.admin-product{grid-template-columns:1fr 1fr}.admin-product-image{width:72px;height:72px}.admin-product-main{grid-column:1/-1}.admin-product .btn{width:100%}.account-button{font-size:11px;padding:10px}.merchant-link{font-size:12px;padding:9px}.store-types-grid{grid-template-columns:repeat(2,1fr)}.merchant-cta{flex-direction:column;align-items:stretch}.merchant-cta .btn{width:100%}.merchant-type-grid{grid-template-columns:repeat(3,1fr)}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:15px}.benefits-grid>div{border-left:0}.footer .container{flex-direction:column;gap:8px}.hero-store-wrap{min-height:390px}.store-mock{width:100%}}