:root{--primary:#0f766e;--secondary:#334155;--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Tahoma,Noto Sans Arabic,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border)}.header-inner{gap:16px;height:68px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:12px;font-weight:800;font-size:20px}.brand-logo{width:40px;height:40px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:cover}.search{flex:1 1;max-width:480px}.search input{width:100%;padding:11px 16px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:15px}.header-actions{display:flex;gap:10px;align-items:center;-webkit-margin-start:auto;margin-inline-start:auto}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--card);display:grid;place-items:center;cursor:pointer;font-size:18px}.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card);height:42px}.lang-switch .lang-opt{border:0;background:transparent;cursor:pointer;padding:0 12px;font-size:14px;font-weight:700;color:var(--muted);min-width:40px}.lang-switch .lang-opt.active{background:var(--primary,#0f766e);color:#fff}.lang-switch .lang-opt:not(.active):hover{background:color-mix(in srgb,var(--primary,#0f766e) 10%,transparent)}.hero{margin:24px 0;border-radius:20px;padding:48px 40px;color:#fff;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#000));position:relative;overflow:hidden}.hero h1{margin:0 0 8px;font-size:34px;font-weight:900}.hero p{margin:0;opacity:.92;font-size:17px}.hero .badge{display:inline-block;background:hsla(0,0%,100%,.18);padding:6px 14px;border-radius:999px;font-size:13px;margin-bottom:16px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.chip{padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:14px;font-weight:600}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:28px 0 16px}.section-head h2{font-size:22px;margin:0;font-weight:800}.section-head span{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:18px;gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(2,6,23,.1)}.card-media{aspect-ratio:1/1;background:#f1f5f9;display:grid;place-items:center;color:var(--muted);font-size:40px;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1 1}.card-title{font-weight:700;font-size:15px;line-height:1.35}.card-cat{font-size:12px;color:var(--muted)}.price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto}.price{font-weight:900;font-size:17px;color:var(--primary)}.price-old{color:var(--muted);text-decoration:line-through;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-weight:700;cursor:pointer;font-size:15px}.btn.block{width:100%}.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn.sold-out{background:#ef4444;cursor:not-allowed}.btn:disabled{opacity:.8;cursor:not-allowed}.stock-out{color:#b91c1c}.stock-in,.stock-out{font-size:13px;font-weight:600}.stock-in{color:#15803d}.price.price-sold{color:#ef4444;text-decoration:line-through;text-decoration-thickness:2px}.stock-left{color:#b45309;font-size:13px;font-weight:700;margin-top:8px}.pd{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;margin:28px 0}.pd-media{aspect-ratio:1/1;border-radius:18px;background:#f1f5f9;overflow:hidden;display:grid;place-items:center;font-size:80px;color:var(--muted)}.pd h1{margin:4px 0 12px}.pd .price,.pd h1{font-size:28px}.pd .desc{color:var(--secondary);margin:18px 0;white-space:pre-wrap}.variant-grid{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.variant{border:1px solid var(--border);border-radius:12px;padding:10px 14px;background:var(--card);font-size:14px}.breadcrumb{color:var(--muted);font-size:14px;margin:20px 0 0}.footer{margin-top:48px;border-top:1px solid var(--border);background:var(--card)}.footer-inner{padding:32px 0;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;color:var(--muted);font-size:14px}.badge-wl{font-size:12px}.badge-wl,.empty{color:var(--muted)}.empty{text-align:center;padding:60px 20px}@media (max-width:760px){.pd{grid-template-columns:1fr}.hero{padding:32px 22px}.hero h1{font-size:26px}.search{display:none}}.cart-btn{position:relative}.cart-badge{position:absolute;top:-6px;inset-inline-end:-6px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;padding:0 4px}.drawer-overlay{position:fixed;inset:0;background:rgba(2,6,23,.45);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:40}.drawer-overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;inset-inline-start:0;height:100vh;width:380px;max-width:90vw;background:var(--card);z-index:50;box-shadow:0 0 40px rgba(2,6,23,.2);transform:translateX(-100%);transition:transform .25s ease;display:flex;flex-direction:column}html[dir=rtl] .drawer{transform:translateX(100%)}.drawer.open{transform:translateX(0)!important}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--border)}.drawer-items{flex:1 1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.cart-item{display:flex;gap:12px;border:1px solid var(--border);border-radius:12px;padding:10px}.cart-item-media{width:64px;height:64px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;overflow:hidden;font-size:24px;flex:none}.cart-item-media img{width:100%;height:100%;object-fit:cover}.cart-item-body{flex:1 1;display:flex;flex-direction:column;gap:4px}.cart-item-name{font-weight:700;font-size:14px}.qty{display:flex;align-items:center;gap:8px;margin-top:4px}.qty button{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--bg);cursor:pointer;font-size:16px;font-weight:700}.qty button:disabled{opacity:.4;cursor:not-allowed}.qty .remove{width:auto;padding:0 10px;color:#b91c1c;border-color:transparent;background:transparent;font-size:13px}.qty .remove:disabled{opacity:1}.qty-max{color:#b45309;font-size:12px;font-weight:700;margin-top:4px}.drawer-foot{border-top:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:8px}.totline{display:flex;justify-content:space-between;font-size:14px}.totline.muted{color:var(--muted)}.totline.total{font-weight:900;font-size:18px;color:var(--text);margin-bottom:6px}.variant-active{border-color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 12%,#fff)!important;color:var(--primary);font-weight:700}button.variant{cursor:pointer}.checkout-grid{display:grid;grid-template-columns:1fr 360px;grid-gap:24px;gap:24px;margin:24px 0;align-items:start}.checkout-form h1{margin:0 0 16px}.co-panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px}.co-panel h3{margin:0 0 14px;font-size:16px}.co-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.co-field{display:flex;flex-direction:column;gap:6px}.co-field.full{grid-column:1/-1}.co-field label{font-size:13px;font-weight:600}.co-field input{padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit}.fulfil-row{display:flex;gap:12px}.fulfil-opt{flex:1 1;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;cursor:pointer;font-weight:600}.fulfil-opt.sel{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,#fff)}.checkout-summary{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;position:-webkit-sticky;position:sticky;top:84px}.checkout-summary h3{margin:0 0 12px}.co-line{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.co-line.muted{color:var(--muted)}.co-line.total{font-weight:900;font-size:18px;border-top:1px solid var(--border);margin-top:6px;padding-top:12px}@media (max-width:820px){.checkout-grid,.co-fields{grid-template-columns:1fr}}.ostatus{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#e2e8f0;color:#334155}.ostatus.PENDING{background:#fef9c3;color:#a16207}.ostatus.CONFIRMED,.ostatus.PREPARING,.ostatus.PROCESSING{background:#dbeafe;color:#1d4ed8}.ostatus.READY_FOR_PICKUP,.ostatus.SHIPPED{background:#ede9fe;color:#6d28d9}.ostatus.DELIVERED{background:#dcfce7;color:#15803d}.ostatus.CANCELLED,.ostatus.REFUNDED{background:#fee2e2;color:#b91c1c}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:8px 0;-webkit-border-start:2px solid var(--border);border-inline-start:2px solid var(--border);-webkit-padding-start:16px;padding-inline-start:16px;position:relative}.timeline li:before{content:"";position:absolute;inset-inline-start:-6px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--primary)}main input:not([type=radio]):not([type=checkbox]):not([type=color]),main select,main textarea{padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit;background:var(--card);width:100%}main input:focus,main select:focus,main textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 40%,transparent);border-color:var(--primary)}.acct-order{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--card);margin-bottom:10px}.acct-order .num{font-weight:800}.paycard input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit;direction:ltr;text-align:start}