@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@700;800;900&family=Tajawal:wght@400;500;700;800;900&display=swap";.demo-admin{--da-bg:#f6f8fb;--da-ink:#172438;--da-muted:#79869a;--da-border:#e6eaf0;--da-blue:#345ff5;position:fixed;inset:0;z-index:1000;display:flex;direction:rtl;background:var(--da-bg);color:var(--da-ink);overflow:hidden;font-family:Tajawal,Arial,sans-serif;text-align:right}.demo-admin *{box-sizing:border-box}.demo-admin button,.demo-admin input,.demo-admin select,.demo-admin textarea{font:inherit}.demo-admin button{cursor:pointer}.da-sidebar{width:245px;flex-shrink:0;background:#172438;color:#fff;display:flex;flex-direction:column;padding:28px 16px}.da-identity{display:flex;gap:12px;align-items:center;padding:5px 9px 38px}.da-mark{background:#5675ff;border-radius:13px;width:43px;height:43px;display:grid;place-items:center;font:900 23px DM Sans,sans-serif}.da-identity strong{display:block;font-size:18px}.da-identity small{display:block;color:#a9b7cb;font:700 9px DM Sans,sans-serif;letter-spacing:1px;margin-top:4px}.da-side-label{color:#8795ac;font-size:12px;margin:0 15px 14px}.da-nav{display:flex;flex-direction:column;gap:6px}.da-nav button{border:0;background:transparent;color:#bdc9db;text-align:right;padding:14px 16px;border-radius:11px;display:flex;align-items:center;gap:14px;font-weight:700}.da-nav button:hover,.da-nav button.active{background:#2d3d55;color:#fff}.da-nav button.active{box-shadow:inset -3px 0 #7390ff}.da-nav-icon{font-size:21px;width:22px;text-align:center}.da-nav em{margin-right:auto;background:#4b6cff;border-radius:12px;padding:2px 7px;font-style:normal;font-size:11px}.da-sidebar-bottom{margin-top:auto;padding:20px 10px;border-top:1px solid #34435a;color:#d3dbe8;font-size:12px}.da-sidebar-bottom small{display:block;color:#93a1b5;margin:8px 0 20px}.da-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4bd0a0;margin-left:6px}.da-sidebar-bottom button{width:100%;border:1px solid #56647a;background:transparent;color:#fff;border-radius:9px;padding:12px}.da-workspace{flex:1;min-width:0;overflow:auto}.da-topbar{height:75px;background:#fff;border-bottom:1px solid var(--da-border);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:15px}.da-breadcrumb{font-size:13px;color:#748094;font-weight:700}.da-breadcrumb span{margin:0 12px;color:#b5c0cd}.da-top-actions{display:flex;align-items:center;gap:20px}.da-demo-tag{background:#edf7f1;color:#24845a;font:800 10px DM Sans,sans-serif;letter-spacing:1px;padding:9px 13px;border-radius:20px}.da-top-actions button{border:1px solid var(--da-border);border-radius:9px;background:#fff;padding:11px 17px;font-weight:800;color:var(--da-ink)}.da-content{max-width:1450px;margin:auto;padding:42px 5% 70px}.da-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.da-eyebrow{color:#71809b;font:800 10px DM Sans,sans-serif;letter-spacing:1.4px}.da-page-heading h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.6px;margin:10px 0}.da-page-heading p{color:#758196;margin:0;font-size:15px}.demo-admin .da-primary{border:0;background:#345ff5;color:#fff;border-radius:10px;padding:14px 21px;font-weight:800;box-shadow:0 5px 12px #345ff525}.da-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.da-kpi,.da-panel{background:#fff;border:1px solid var(--da-border);border-radius:15px;box-shadow:0 3px 16px #1e344108}.da-kpi{padding:24px}.da-kpi>div{display:flex;align-items:center;justify-content:space-between;color:#7c889b;font-size:14px}.da-kpi i{background:#eef2ff;color:#345ff5;border-radius:10px;font-style:normal;font-size:22px;width:39px;height:39px;display:grid;place-items:center}.da-kpi strong{display:block;font-size:clamp(23px,2.4vw,34px);margin:18px 0 7px}.da-kpi small{color:#9ba6b6;font-size:11px}.da-overview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:22px}.da-panel{padding:25px}.da-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.da-panel h2{font-size:20px;margin:0 0 15px}.da-panel-title h2{margin:0}.da-panel-title button,.da-text-button{border:0;background:transparent;color:#345ff5;font-weight:800}.da-mini-order{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--da-border);padding:16px 0}.da-mini-order:last-child{border:0}.da-mini-order b,.da-mini-order small{display:block}.da-mini-order small{color:var(--da-muted);margin-top:5px}.da-status{background:#f0f4ff;color:#4764a5;padding:7px 11px;border-radius:20px;font-size:12px}.da-stock-number{font-size:52px;font-weight:900;margin:35px 0 8px}.da-stock-number span{font-size:13px;font-weight:500;margin-right:12px;color:var(--da-muted)}.da-panel p{color:var(--da-muted);line-height:1.8}.da-progress{height:9px;border-radius:20px;background:#f1f2f6;margin-top:25px;overflow:hidden}.da-progress span{display:block;height:100%;background:#345ff5;border-radius:20px}.da-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.da-toolbar h2{margin:0 auto 0 0}.da-search{display:flex;align-items:center;gap:10px;border:1px solid var(--da-border);background:#f9fafc;border-radius:10px;padding:0 15px;flex:1;max-width:390px;font-size:24px;color:#8291a7}.da-search input{border:0;background:transparent;padding:14px 0;outline:none;min-width:0;width:100%;font-size:14px;color:var(--da-ink)}.da-toolbar select,.da-table select{border:1px solid var(--da-border);border-radius:9px;padding:12px;background:#fff;color:var(--da-ink)}.da-count{color:var(--da-muted);font-size:13px;margin-right:auto}.da-table-scroll{overflow:auto}.da-table{width:100%;border-collapse:collapse;min-width:680px;text-align:right}.da-table th{background:#f8fafd;color:#8995a6;font-size:12px;font-weight:800;padding:16px}.da-table td{padding:15px;border-bottom:1px solid var(--da-border);font-size:14px}.da-table tr:last-child td{border:0}.da-product-cell{display:flex;align-items:center;gap:13px}.da-product-cell img,.da-no-image{width:52px;height:56px;border-radius:8px;object-fit:cover;background:#eef1f7;display:grid;place-items:center}.da-product-cell strong{max-width:210px}.da-stock{display:inline-block;padding:7px 10px;border-radius:20px;font-size:12px;white-space:nowrap}.da-stock.ok{background:#eaf8f0;color:#248b57}.da-stock.low{background:#fff0e6;color:#d87935}.da-row-actions{display:flex;gap:8px}.da-row-actions button{border:1px solid var(--da-border);border-radius:8px;background:#fff;color:#345ff5;padding:9px 13px;font-weight:700}.da-row-actions button.danger{color:#d85062}.da-empty{padding:55px 20px;text-align:center;color:var(--da-muted);line-height:1.8}.da-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.da-settings-grid .da-panel{min-height:205px}.da-field{display:flex;flex-direction:column;gap:9px;margin:15px 0}.da-field input{padding:13px;border:1px solid var(--da-border);border-radius:9px}.da-settings-grid small{color:var(--da-muted)}.da-settings-actions{display:flex;gap:12px;flex-wrap:wrap}.da-settings-actions button,.da-file-button{border:1px solid var(--da-border);background:#f7f9fd;padding:12px 17px;border-radius:9px;font-weight:800;cursor:pointer}.da-file-button input{display:none}.da-danger-button{border:1px solid #f3c6ca;background:#fff4f5;color:#bd3445;border-radius:9px;padding:12px 17px;font-weight:800}.da-modal-backdrop{position:fixed;inset:0;background:#0c1c35a6;z-index:1100;display:flex;align-items:center;justify-content:center;padding:15px}.da-modal{background:#fff;color:var(--da-ink);border-radius:17px;width:min(670px,100%);max-height:94vh;overflow:auto;padding:27px;box-shadow:0 20px 80px #0003}.da-modal-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--da-border);padding-bottom:20px;margin-bottom:22px}.da-modal-header small{color:#8c9aae;font:800 11px DM Sans,sans-serif;letter-spacing:1.2px}.da-modal-header h2{font-size:25px;margin:8px 0 0}.da-modal-header button{border:0;background:#f2f4f8;width:35px;height:35px;border-radius:9px}.da-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.da-form-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:800}.da-form-grid input,.da-form-grid textarea{border:1px solid #d9e0e9;border-radius:9px;padding:12px;color:var(--da-ink);background:#fff;width:100%}.da-full{grid-column:1/-1}.da-image-preview{display:flex;align-items:center;gap:12px;color:var(--da-muted);font-size:12px;margin-top:15px}.da-image-preview img{width:56px;height:56px;object-fit:cover;border-radius:9px}.da-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;border-top:1px solid var(--da-border);padding-top:20px}.da-form-actions button:not(.da-primary){border:1px solid var(--da-border);background:#fff;border-radius:9px;padding:12px 20px}.da-order-lines{border-top:1px solid var(--da-border);margin-top:18px}.da-order-lines>div,.da-order-total{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--da-border)}.da-order-total{font-size:20px}.da-toast{position:fixed;bottom:24px;left:24px;background:#172438;color:#fff;padding:15px 22px;border-radius:10px;z-index:1300;box-shadow:0 10px 25px #0002}.demo-admin button:focus-visible,.demo-admin input:focus-visible,.demo-admin select:focus-visible{outline:3px solid #8aa4ff;outline-offset:2px}@media(max-width:1100px){.da-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.da-overview-grid{grid-template-columns:1fr}.da-sidebar{width:205px}}@media(max-width:700px){.demo-admin{flex-direction:column}.da-sidebar{width:100%;padding:8px 12px;flex-direction:row;align-items:center;gap:12px;overflow-x:auto}.da-identity{padding:0;flex-shrink:0}.da-identity strong{font-size:13px}.da-identity small,.da-side-label,.da-sidebar-bottom{display:none}.da-mark{width:32px;height:32px;font-size:17px}.da-nav{flex-direction:row;gap:4px}.da-nav button{white-space:nowrap;padding:10px;font-size:12px;gap:5px}.da-nav-icon{font-size:15px;width:auto}.da-topbar{height:55px;padding:0 4%}.da-top-actions{gap:5px}.da-top-actions button{padding:8px;font-size:12px}.da-demo-tag{display:none}.da-content{padding:26px 4% 60px}.da-page-heading{align-items:flex-start}.da-page-heading h1{font-size:28px}.da-page-heading p{font-size:13px}.demo-admin .da-primary{padding:11px 13px;font-size:12px}.da-kpis{gap:10px}.da-kpi{padding:16px}.da-kpi strong{font-size:22px}.da-kpi small{font-size:10px}.da-panel{padding:16px}.da-settings-grid,.da-form-grid{grid-template-columns:1fr}.da-modal{padding:18px}.da-toolbar{gap:8px}.da-search{max-width:none;flex-basis:100%}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site{font-family:Tajawal,sans-serif;background:#fff9ed;color:#57234c;overflow:hidden}.banner{background:#ed426f;color:#fff;text-align:center;padding:12px;font:800 12px DM Sans,sans-serif;letter-spacing:2px}header{height:88px;padding:0 5%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}nav{display:flex;gap:25px;font-weight:800}.logo{font:900 36px DM Sans,sans-serif;justify-self:center;letter-spacing:-2px}.logo span{color:#ed426f}.bag{justify-self:end;border:2px solid;border-radius:25px;background:transparent;padding:10px 20px;font-weight:800}.menu{display:none}.hero{display:grid;grid-template-columns:52% 48%;min-height:640px}.hero-copy{background:#fff0a8;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px 9%;position:relative}.hero-copy small,.heading small,.about small,.join small{font:800 12px DM Sans,sans-serif;letter-spacing:2px}.hero h1{font-size:clamp(65px,7vw,110px);line-height:1.04;margin:30px 0 20px;letter-spacing:-3px}.hero em,.heading em,.about em{font-style:normal;color:#ed426f}.hero p{font-size:20px;line-height:1.8;max-width:450px}.cta{display:inline-block;background:#ed426f;color:#fff;border-radius:50px;padding:18px 36px;font-weight:900;margin-top:20px}.badge{position:absolute;top:8%;left:10%;border-radius:50%;background:#ed426f;color:#fff;padding:25px;transform:rotate(-15deg);font:900 18px DM Sans,sans-serif}.hero-image{background:#f4b5d0 url(https://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=1600&q=90) center/cover;border-radius:0 0 0 160px}.ticker{background:#ed426f;color:#fff;text-align:center;padding:17px;white-space:nowrap;font:900 18px DM Sans,sans-serif;letter-spacing:3px}.shop{padding:100px 5%}.heading{text-align:center;margin-bottom:48px}.heading h2,.about h2,.join h2{font-size:clamp(40px,5vw,70px);margin:18px 0}.heading p{font-size:18px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.photo{position:relative;aspect-ratio:3/3.8;border-radius:24px;overflow:hidden;background:#f7bfd5}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.photo:hover img{transform:scale(1.06)}.heart{position:absolute;top:13px;left:13px;border:0;background:#fff;border-radius:50%;width:42px;height:42px;font-size:25px;color:#ed426f}.tag{position:absolute;bottom:14px;right:14px;background:#fff0a8;border-radius:20px;padding:9px 12px;font:800 10px DM Sans,sans-serif}.meta{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.meta h3{margin:0;font-size:19px}.meta p{margin:8px 0}.meta button{border:0;background:#ed426f;color:#fff;border-radius:50%;width:44px;height:44px;font-size:28px}.about{background:#f6bdd5;text-align:center;padding:105px 15%}.about h2{font-size:clamp(50px,6vw,90px);line-height:1.15}.about p{font-size:20px}.join{text-align:center;padding:90px 5%}.join form{max-width:500px;margin:30px auto 0;display:flex;border-bottom:2px solid #ed426f}.join input{min-width:0;flex:1;border:0;background:transparent;padding:15px}.join button{border:0;background:transparent;color:#ed426f;font-weight:900}footer{background:#57234c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:30px 5%}footer b{font:900 24px DM Sans,sans-serif}.toast{position:fixed;bottom:20px;left:20px;background:#57234c;color:#fff;padding:15px;z-index:10}.overlay{position:fixed;inset:0;background:#0008;z-index:10;display:flex}.drawer{background:#fff9ed;width:min(420px,100%);padding:25px;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head button,.cart-row button{border:0;background:transparent;font-size:22px}.cart-row{display:flex;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #ddd}.cart-row img{width:65px;height:75px;object-fit:cover}.cart-row div{flex:1}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:60px}}@media(max-width:620px){header{height:70px}.menu{display:block;background:transparent;border:0;justify-self:start;font-size:24px}nav{display:none;position:absolute;top:108px;right:0;left:0;background:#fff9ed;z-index:4;padding:22px;flex-direction:column}nav.active{display:flex}.logo{font-size:25px}.bag{font-size:12px;padding:9px}.hero{display:flex;flex-direction:column-reverse}.hero-image{min-height:365px;border-radius:0 0 0 75px}.hero-copy{padding:70px 6%}.hero h1{font-size:56px}.hero p{font-size:16px}.badge{font-size:12px;padding:16px}.ticker{font-size:12px}.shop{padding:65px 4%}.grid{gap:12px}.photo{border-radius:14px}.meta h3{font-size:15px}.meta button{width:35px;height:35px}.about{padding:75px 6%}.join{padding:70px 5%}footer{gap:10px;flex-wrap:wrap}}
