.sf-shell *,.sf-shell :after,.sf-shell :before{box-sizing:border-box}.sf-shell{min-height:100dvh;display:flex;flex-direction:column;font-family:var(--font-ar);color:var(--text);background:var(--surface);position:relative}.sf-shell[data-lang=en]{font-family:var(--font-en)}.sf-announce{background:var(--accent-tint,var(--primary-50));color:var(--accent-dark,var(--primary-900));border-bottom:1px solid var(--accent-tint-line,var(--primary-100));font-family:var(--font-ar);font-size:var(--t-body-sm-size);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;text-align:center;line-height:1.4}.sf-head{flex-shrink:0;background:var(--surface);position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--surface-line)}.sf-appbar{display:flex;align-items:center;gap:8px;padding:10px 14px}.sf-logo{width:40px;height:40px;border-radius:var(--rd-md);background:linear-gradient(135deg,var(--cta-base,var(--primary-700)),var(--cta-dark,var(--primary-900)));display:grid;place-items:center;color:var(--n0);font-family:var(--font-display);font-weight:500;font-size:20px;flex-shrink:0;box-shadow:var(--elev-1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.sf-store-id{flex:1;min-width:0;overflow:hidden}.sf-store-name{font-family:var(--font-display);font-weight:500;font-size:var(--t-h3-size);color:var(--text);line-height:1.1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-store-rating{font-family:var(--font-mono);font-size:var(--t-body-sm-size);color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-top:2px;direction:ltr;unicode-bidi:isolate}.sf-store-rating svg{width:12px;height:12px;color:var(--accent-500);flex-shrink:0}.sf-icon-btn{width:var(--hit-min);height:var(--hit-min);min-width:var(--hit-min);min-height:var(--hit-min);border-radius:var(--rd-full);display:grid;place-items:center;color:var(--text);background:transparent;border:0;cursor:pointer;position:relative;flex-shrink:0;transition:background .15s}.sf-icon-btn:hover{background:var(--surface-muted)}.sf-icon-btn svg{width:22px;height:22px;stroke-width:1.75}.sf-lang-btn{height:var(--hit-min);min-width:var(--hit-min);padding:0 10px;border-radius:var(--rd-full);border:1px solid var(--surface-line);background:transparent;color:var(--text);font-family:var(--font-en);font-size:var(--t-body-sm-size);font-weight:700;letter-spacing:.02em;cursor:pointer;flex-shrink:0;display:inline-grid;place-items:center;transition:background .15s,border-color .15s}.sf-lang-btn:hover{background:var(--surface-muted);border-color:var(--text-faint)}.sf-cart-count{position:absolute;top:5px;inset-inline-end:5px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--rd-full);background:var(--cta-base,var(--primary-700));color:var(--n0);font-family:var(--font-mono);font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid var(--surface);direction:ltr;unicode-bidi:isolate;pointer-events:none}.sf-web-head{flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--surface-line);position:sticky;top:0;z-index:10}.sf-web-nav{max-width:1080px;margin:0 auto;gap:24px;padding:14px 28px}.sf-web-brand,.sf-web-nav{display:flex;align-items:center}.sf-web-brand{gap:10px;cursor:pointer;text-decoration:none;color:inherit;flex-shrink:0}.sf-web-cats{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none}.sf-web-cats::-webkit-scrollbar{display:none}.sf-web-actions{flex-shrink:0}.sf-web-actions,.sf-web-search-btn{display:flex;align-items:center;gap:8px}.sf-web-search-btn{height:40px;background:var(--surface-muted);border:1px solid var(--surface-line);border-radius:var(--rd-md);padding:0 12px;color:var(--text-faint);font-family:var(--font-ar);font-size:var(--t-body-md-size);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.sf-web-search-btn:hover{background:var(--n100);border-color:var(--n300)}.sf-web-search-btn svg{width:16px;height:16px;flex-shrink:0}[data-lang=en] .sf-web-search-btn{font-family:var(--font-en)}.sf-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.sf-footer{background:var(--surface-muted);border-top:1px solid var(--surface-line);padding:28px 16px 24px}.sf-footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.sf-footer-brand .sf-logo{width:34px;height:34px;font-size:17px}.sf-footer-brand .nm{font-family:var(--font-display);font-weight:500;font-size:var(--t-body-lg-size);color:var(--text)}.sf-footer-tag{font-size:var(--t-body-sm-size);color:var(--text-muted);line-height:1.5;margin-bottom:16px;max-width:320px}.sf-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin-bottom:18px}.sf-footer-links a{font-size:var(--t-body-md-size);color:var(--text-muted);padding:8px 0;min-height:var(--hit-min);display:inline-flex;align-items:center;cursor:pointer;text-decoration:none;transition:color .15s}.sf-footer-links a:hover{color:var(--accent-dark,var(--primary-900))}.sf-footer-social{display:flex;gap:10px;margin-bottom:18px}.sf-social-btn{width:40px;height:40px;border-radius:var(--rd-md);display:grid;place-items:center;color:var(--n0);cursor:pointer;border:0;transition:filter .15s;text-decoration:none}.sf-social-btn:hover{filter:brightness(.9)}.sf-social-btn svg{width:18px;height:18px}.sf-social-btn.wa{background:var(--ch-wa)}.sf-social-btn.ig{background:linear-gradient(135deg,var(--ch-ig-from),var(--ch-ig-via),var(--ch-ig-to))}.sf-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--surface-line);flex-wrap:wrap}.sf-footer-legal{font-size:var(--t-body-sm-size);color:var(--text-faint)}.sf-footer-legal a{color:var(--text-muted);text-decoration:none;font-family:var(--font-display)}.sf-cart-fab{position:fixed;inset-inline:16px;bottom:16px;z-index:20;background:var(--cta-base,var(--primary-700));color:var(--n0);border:0;border-radius:var(--rd-full);height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 18px;box-shadow:0 12px 28px -8px rgba(0,0,0,.35);cursor:pointer;font-family:var(--font-ar);text-decoration:none;transition:background .15s,transform .1s;animation:sf-fab-in .3s cubic-bezier(.16,1,.3,1)}.sf-cart-fab:hover{background:var(--cta-dark,var(--primary-900));transform:translateY(-2px)}.sf-cart-fab:active{transform:scale(.98)}.sf-cart-fab .fab-label{display:flex;align-items:center;gap:10px;font-weight:600;font-size:var(--t-body-md-size)}.sf-cart-fab .fab-label svg{width:20px;height:20px;stroke-width:2}.sf-cart-fab .fab-count{background:hsla(0,0%,100%,.2);border-radius:var(--rd-full);padding:6px 14px;font-family:var(--font-mono);font-weight:700;direction:ltr;unicode-bidi:isolate;font-size:var(--t-body-md-size)}@keyframes sf-fab-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width:768px){.sf-footer{padding-inline:28px}.sf-footer-inner{max-width:1080px;margin:0 auto}.sf-head{display:none}.sf-web-head{display:block}.sf-cart-fab{inset-inline:auto;right:24px;left:auto;width:auto;min-width:200px;bottom:24px}}@media (max-width:767px){.sf-web-head{display:none}.sf-head{display:block}}@keyframes sf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sf-skeleton{background:linear-gradient(90deg,var(--n100) 25%,var(--n200) 37%,var(--n100) 63%);background-size:200% 100%;animation:sf-shimmer 1.4s ease infinite;border-radius:var(--rd-sm)}.sf-head-skeleton{height:64px;padding:10px 14px;display:flex;align-items:center;gap:10px;background:var(--surface);border-bottom:1px solid var(--surface-line)}