:root{--primary:#0f766e;--dark:#0f172a;--muted:#64748b;--bg:#f8fafc;--card:#fff;--line:#e2e8f0;--accent:#f97316}*{box-sizing:border-box}body{margin:0;font-family:Tajawal,Arial,sans-serif;background:var(--bg);color:var(--dark)}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:18px;min-height:74px}.brand{font-size:24px;font-weight:900;color:var(--primary);display:flex;gap:8px;align-items:center;white-space:nowrap}.search{display:flex;flex:1;background:#f1f5f9;border-radius:18px;padding:6px;border:1px solid #e5e7eb}.search input{flex:1;border:0;background:transparent;padding:12px;outline:0;font-family:inherit}.search button,.btn{border:0;background:linear-gradient(135deg,var(--primary),#14b8a6);color:#fff;padding:12px 18px;border-radius:14px;font-weight:800;cursor:pointer;font-family:inherit;display:inline-block}.btn.secondary{background:#111827}.btn.light{background:#fff;color:var(--primary);border:1px solid #ccfbf1}.btn.danger{background:#dc2626}.btn.small{padding:8px 12px;font-size:14px}.nav nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav nav a{font-weight:700;color:#334155}.vendors-grid{grid-template-columns:repeat(3,1fr)}.vendor-card{padding:22px}.vendor-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.vendor-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#14b8a6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900}.vendor-card h3{margin:0;font-size:18px}.vendor-meta{display:flex;align-items:center;gap:10px;margin:12px 0}.cta-box{background:linear-gradient(135deg,#0f766e,#0f172a);border-radius:28px;padding:48px;text-align:center;color:#fff;margin:40px 0}.cta-box h2{font-size:32px;margin:0 0 12px}.cta-box p{font-size:18px;color:#d1fae5;margin:0 0 22px}.cta-box .hero-actions{justify-content:center}.vendor-profile{background:linear-gradient(135deg,#f0fdfa,#ecfeff);border:1px solid #99f6e4;border-radius:24px;padding:28px;margin-bottom:24px}.vendor-profile-header{display:flex;align-items:center;gap:16px}.vendor-avatar.large{width:70px;height:70px;font-size:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#14b8a6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.vendor-profile-info h1{margin:0 0 4px;font-size:26px}.vendor-profile-desc{margin:14px 0 0;line-height:1.8;color:var(--muted)}.vendor-hours{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);flex-wrap:wrap}.vendor-hours span{font-size:15px;color:var(--muted)}.store-badge{font-size:14px;padding:4px 12px;border-radius:999px;font-weight:800;margin-right:10px;display:inline-block;vertical-align:middle}.store-badge.open{background:#dcfce7;color:#166534}.store-badge.closed{background:#fee2e2;color:#991b1b}.store-status-box{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin-bottom:18px}.store-status-info{display:flex;align-items:center;gap:10px}.status-indicator{width:12px;height:12px;border-radius:50%;display:inline-block}.status-indicator.open{background:#22c55e;box-shadow:0 0 8px #22c55e88}.status-indicator.closed{background:#ef4444;box-shadow:0 0 8px #ef444488}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.working-hours-form label{display:block;margin:10px 0 5px;font-weight:800}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.category-card{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:1;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:.3s}.category-card:hover{transform:translateY(-6px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.category-img-wrap{width:100%;height:100%;background:linear-gradient(135deg,var(--primary),#14b8a6)}.category-img-wrap img{width:100%;height:100%;object-fit:cover;transition:.5s}.category-card:hover .category-img-wrap img{transform:scale(1.1)}.category-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px}.category-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,118,110,.9),rgba(15,118,110,.3) 50%,transparent);display:flex;align-items:flex-end;padding:20px;opacity:0;transition:.3s}.category-card:hover .category-overlay{opacity:1}.category-name{color:#fff;font-size:18px;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.3)}@media(max-width:560px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.vendor-link{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f0fdfa;border:1px solid #99f6e4;border-radius:14px;margin:12px 0;transition:.2s}.vendor-link:hover{background:#ccfbf1}.vendor-avatar.small{width:36px;height:36px;font-size:16px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#14b8a6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.product-rating{font-size:18px;font-weight:800;margin:8px 0}.product-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}.add-cart-form{display:flex;gap:8px;align-items:center}.wishlist-btn{background:#fff;color:#333;border:1px solid var(--line)}.wishlist-btn.active{background:#fef2f2;color:#dc2626;border-color:#fecaca}.review-form{padding:20px;margin-bottom:20px}.review-form h3{margin:0 0 12px}.rating-input{margin-bottom:12px}.review-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:10px}.review-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:560px){.order-detail-grid{grid-template-columns:1fr}}.vendor-logo-img{border-radius:50%;object-fit:cover;border:2px solid var(--line)}.vendor-logo-img:not(.small):not(.tiny){width:70px;height:70px}.vendor-logo-img.small{width:50px;height:50px}.vendor-logo-img.tiny{width:36px;height:36px}.vendor-dashboard-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:18px}.vendor-logo-section{display:flex;align-items:center;gap:16px}.logo-upload-form{display:flex;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.image-upload-box{position:relative;border:2px dashed var(--line);border-radius:18px;overflow:hidden;cursor:pointer;min-height:180px;display:flex;align-items:center;justify-content:center;background:#fafafa;transition:.2s}.image-upload-box:hover{border-color:var(--primary);background:#f0fdfa}.upload-placeholder{text-align:center;color:var(--muted);padding:24px}.upload-placeholder span{display:block;font-size:18px;margin:4px 0}.upload-placeholder span:first-child{font-size:36px}.file-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.current-image{width:100%;height:200px;object-fit:contain;border-radius:14px}.gallery-preview,.gallery-current{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.gallery-thumb{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.gallery-thumb img{width:100%;height:80px;object-fit:cover}.gallery-delete{position:absolute;top:4px;left:4px;background:rgba(220,38,38,.9);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;text-decoration:none;font-weight:800}.main-product-img{width:100%;border-radius:28px;background:#fff;border:1px solid var(--line);object-fit:contain;max-height:420px}.product-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.thumb{width:70px;height:70px;border-radius:12px;overflow:hidden;border:2px solid var(--line);cursor:pointer;opacity:.6;transition:.2s}.thumb:hover,.thumb.active{border-color:var(--primary);opacity:1}.thumb img{width:100%;height:100%;object-fit:cover}.product-img-wrap{position:relative;border-radius:18px;overflow:hidden}.discount-badge{position:absolute;top:10px;right:10px;background:#dc2626;color:#fff;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800}.price-row{display:flex;align-items:center;gap:8px}.price-row.detail{align-items:flex-end;margin:8px 0}.old-price{text-decoration:line-through;color:var(--muted);font-size:14px}.price-row.detail .discount-badge{position:static;background:#dc2626;padding:4px 10px;border-radius:8px}.site-logo{height:100px;max-width:200px;object-fit:contain;transition:.2s}.brand:hover .site-logo{transform:scale(1.05)}.brand-icon{font-size:26px;color:var(--primary)}.nav nav a i{margin-left:4px}.nav-icon{position:relative;font-size:15px}.nav-icon i{font-size:18px}.nav-icon .fa-heart{color:#dc2626}.nav-icon .fa-cart-shopping{color:var(--primary)}.nav-icon b{background:var(--accent);color:#fff;font-size:11px;padding:1px 6px;border-radius:99px;margin-right:2px}.social-links a i{margin-left:6px;font-size:16px}.social-links .fa-facebook{color:#1877f2}.social-links .fa-x-twitter{color:#000}.social-links .fa-instagram{color:#e4405f}.social-links .fa-whatsapp{color:#25d366}.footer .muted i{margin-left:6px;color:var(--primary)}.social-links{display:flex;flex-direction:column;gap:8px}.social-links a{color:var(--muted);transition:.2s}.social-links a:hover{color:var(--primary)}@media(max-width:900px){.form-grid{grid-template-columns:1fr}}.hero{padding:58px 0 34px}.hero-card{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center;background:radial-gradient(circle at 20% 10%,#2dd4bf55,transparent 30%),linear-gradient(135deg,#0f766e,#0f172a);border-radius:38px;min-height:420px;padding:42px;overflow:hidden;color:#fff;position:relative}.hero h1{font-size:54px;line-height:1.15;margin:0 0 15px;font-weight:900}.hero p{font-size:19px;color:#d1fae5;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.float-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:18px;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.18)}.float-card b{display:block;font-size:28px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:32px 0 18px}.section-title h2{font-size:30px;margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 30px rgba(15,23,42,.05);overflow:hidden}.product{transition:.25s}.product:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(15,23,42,.10)}.product img{width:100%;height:210px;object-fit:cover;background:#e2e8f0}.product-body{padding:16px}.badge{display:inline-flex;background:#ecfeff;color:#0e7490;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:800}.price{font-size:22px;font-weight:900;color:var(--primary);margin:8px 0}.muted{color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category{padding:22px;text-align:center;border-radius:22px;background:#fff;border:1px solid var(--line);font-weight:900}.layout{display:grid;grid-template-columns:260px 1fr;gap:22px;margin:28px auto}.sidebar{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;height:max-content}.sidebar a{display:block;padding:12px;border-radius:12px;color:#334155;font-weight:700}.sidebar a:hover,.sidebar a.active{background:#ecfeff;color:#0f766e}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filters input,.filters select,.form-control{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;font-family:inherit;width:100%}.form{max-width:560px;margin:35px auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px}.form h1{margin-top:0}.form label{display:block;margin:14px 0 7px;font-weight:800}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--line)}.table th,.table td{padding:14px;border-bottom:1px solid var(--line);text-align:right}.table th{background:#f1f5f9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px}.stat b{display:block;font-size:28px;color:var(--primary)}.alert{padding:14px 18px;border-radius:14px;margin-top:14px;font-weight:800}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.footer{margin-top:50px;background:#0f172a;color:#cbd5e1;padding:36px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.footer a{display:block;margin:8px 0;color:#e2e8f0}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px auto}.product-detail img{width:100%;border-radius:28px;background:#fff;border:1px solid var(--line)}.qty{width:90px}.status{border-radius:999px;padding:5px 10px;background:#fef3c7;color:#92400e;font-weight:800;font-size:13px}.empty{padding:40px;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:24px}.admin-grid{display:grid;grid-template-columns:220px 1fr;gap:22px;margin-top:25px}.actions{display:flex;gap:7px;flex-wrap:wrap}@media(max-width:900px){.nav{flex-direction:column;padding:12px 0}.hero-card,.product-detail,.layout,.admin-grid{grid-template-columns:1fr}.grid,.vendors-grid{grid-template-columns:repeat(2,1fr)}.categories,.stats,.footer-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:36px}}@media(max-width:560px){.grid,.vendors-grid,.categories,.stats,.footer-grid{grid-template-columns:1fr}.cta-box{padding:28px}.product img{height:230px}.hero-card{padding:25px}}.sidebar a i{margin-left:8px;width:18px;text-align:center}.review-stars{color:#f59e0b;font-size:13px;display:inline-flex;gap:2px}.review-stars i{font-size:12px}.wishlist-btn{background:#fff;color:var(--dark);border:1px solid var(--line)}.wishlist-btn:hover{border-color:#dc2626;color:#dc2626}.wishlist-btn.active{background:#fef2f2;border-color:#dc2626;color:#dc2626}.empty-state{text-align:center;padding:60px 20px}.empty-state i{font-size:48px;color:var(--line);margin-bottom:16px}.empty-state h3{margin:0 0 8px}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:start}.cart-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card);border-radius:16px;border:1px solid var(--line);margin-bottom:12px}.cart-item-img{width:80px;height:80px;border-radius:12px;object-fit:cover}.cart-item-info{flex:1}.cart-item-info h3{margin:0 0 4px;font-size:16px}.cart-item-info h3 a{color:var(--dark)}.cart-item-info h3 a:hover{color:var(--primary)}.cart-item-qty input{width:70px;text-align:center}.cart-item-total{font-size:16px;white-space:nowrap;color:var(--primary)}.cart-actions{display:flex;gap:10px;margin-top:10px}.panel{background:var(--card);border-radius:18px;border:1px solid var(--line);padding:24px}.cart-summary{position:sticky;top:90px;background:var(--card);border-radius:18px;border:1px solid var(--line);padding:28px}.cart-summary h3{margin:0 0 20px;font-size:18px;display:flex;align-items:center;gap:8px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;color:var(--muted)}.summary-row b{color:var(--dark);font-size:16px}.summary-row.total{font-size:20px;color:var(--primary);font-weight:900;padding-top:16px}.summary-row.total b{color:var(--primary);font-size:22px}.cart-summary hr{border:none;border-top:1px dashed var(--line);margin:4px 0}.payment-options{display:flex;flex-direction:column;gap:12px}.payment-option input{display:none}.payment-box{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid var(--line);border-radius:14px;cursor:pointer;transition:.2s}.payment-option input:checked+.payment-box{border-color:var(--primary);background:#f0fdfa}.payment-box i{font-size:22px;color:var(--primary)}.inline-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.inline-form .form-control{flex:1;min-width:150px}.toggle-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.form-grid{grid-template-columns:1fr}.cart-layout{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}