.sf-home-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.sf-chips-row{display:flex;gap:6px;overflow-x:auto;padding:12px 16px;scrollbar-width:none}.sf-chips-row::-webkit-scrollbar{display:none}.sf-chip{display:inline-flex;align-items:center;height:var(--hit-min);padding:0 16px;border-radius:var(--rd-full);font-family:var(--font-ar);font-size:var(--t-body-md-size);font-weight:600;color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--surface-line);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s,border-color .15s;text-decoration:none}.sf-chip:hover{color:var(--text);background:var(--n100)}.sf-chip.active{background:var(--accent-tint,var(--primary-50));color:var(--accent-dark,var(--primary-900));border-color:var(--accent-tint-line,var(--primary-100))}[data-lang=en] .sf-chip{font-family:var(--font-en)}.sf-chips-sep{flex-shrink:0;align-self:center;width:1px;height:20px;margin:0 4px;background:var(--surface-line)}.sf-hero-wrap{padding:0 16px 4px}@media (min-width:768px){.sf-hero-wrap{padding:0;margin-bottom:24px}}.sf-hero-card{display:flex;flex-direction:row;align-items:stretch;border-radius:var(--rd-lg);overflow:hidden;border:1px solid var(--surface-line);text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow .15s,transform .12s;background:var(--surface);-webkit-tap-highlight-color:transparent;min-height:180px}.sf-hero-card:hover{box-shadow:var(--elev-3);transform:translateY(-2px)}@media (min-width:768px){.sf-hero-card{min-height:300px}}.sf-hero-img{flex:0 0 42%;background:var(--surface-muted);overflow:hidden}@media (min-width:768px){.sf-hero-img{flex:0 0 46%}}.sf-hero-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sf-hero-body{flex:1;padding:18px 16px;display:flex;flex-direction:column;justify-content:center;gap:10px}@media (min-width:768px){.sf-hero-body{padding:32px}}.sf-hero-title{font-family:var(--font-ar);font-weight:500;font-size:20px;color:var(--text);line-height:1.2;margin:0}@media (min-width:768px){.sf-hero-title{font-size:28px}}[data-lang=en] .sf-hero-title{font-family:var(--font-display)}.sf-hero-desc{font-size:var(--t-body-md-size);color:var(--text-muted);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-hero-foot{display:flex;align-items:center;gap:12px;margin-top:4px;flex-wrap:wrap}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ar);font-weight:600;border-radius:var(--rd-md);border:1px solid transparent;cursor:pointer;height:var(--hit-min);min-height:var(--hit-min);padding:0 18px;font-size:var(--t-body-lg-size);transition:background .15s,transform .08s,border-color .15s;white-space:nowrap;text-decoration:none}.sf-btn svg{width:18px;height:18px;stroke-width:2}.sf-btn:active{transform:scale(.98)}.sf-btn:disabled{opacity:.5;cursor:not-allowed}.sf-btn--primary{background:var(--cta-base,var(--primary-700));color:var(--n0)}.sf-btn--primary:hover:not(:disabled){background:var(--cta-dark,var(--primary-900))}.sf-btn--secondary{background:var(--accent-tint,var(--primary-50));color:var(--accent-dark,var(--primary-900));border-color:var(--accent-tint-line,var(--primary-100))}.sf-btn--secondary:hover:not(:disabled){background:var(--accent-tint-line,var(--primary-100))}.sf-btn--ghost{background:transparent;color:var(--accent-dark,var(--primary-900))}.sf-btn--ghost:hover:not(:disabled){background:var(--accent-tint,var(--primary-50))}.sf-btn--sm{height:36px;min-height:36px;font-size:var(--t-body-md-size);padding:0 14px}.sf-btn--block{width:100%}[data-lang=en] .sf-btn{font-family:var(--font-en)}.sf-load-more-wrap{padding:24px 16px}.sf-empty,.sf-load-more-wrap{display:flex;justify-content:center}.sf-empty{flex-direction:column;align-items:center;text-align:center;gap:16px;padding:48px 28px;flex:1;min-height:380px}.sf-empty .ic{width:80px;height:80px;border-radius:var(--rd-full);background:var(--surface-muted);color:var(--text-muted);display:grid;place-items:center;flex-shrink:0}.sf-empty .ic svg{width:34px;height:34px;stroke-width:1.5}.sf-empty.warn .ic{background:var(--accent-tint,var(--primary-50));color:var(--accent-dark,var(--primary-900))}.sf-empty h2{font-family:var(--font-ar);font-size:var(--t-h2-size);font-weight:700;color:var(--text);margin:0}.sf-empty p{font-size:var(--t-body-md-size);color:var(--text-muted);line-height:1.6;max-width:300px;margin:0}[data-lang=en] .sf-empty h2,[data-lang=en] .sf-empty p{font-family:var(--font-en)}@keyframes sf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk{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)}.sk-card{border:1px solid var(--surface-line);border-radius:var(--rd-lg);overflow:hidden}.sk-card .img{aspect-ratio:4/5}.sk-card .ln{height:12px;margin:10px 12px}.sk-card .ln.sm{width:50%}@media (min-width:768px){.sf-web-scroll{flex:1;overflow-y:auto}.sf-wrap{max-width:1080px;margin:0 auto;padding:0 28px}.sf-section-head{padding-inline:0}.sf-grid{padding:0}}.sf-section-head{display:flex;align-items:baseline;justify-content:space-between;padding:18px 16px 12px}.sf-section-head h2{font-family:var(--font-ar);font-size:var(--t-h3-size);font-weight:700;color:var(--text);margin:0;white-space:nowrap}.sf-section-head .ct{font-family:var(--font-mono);font-size:var(--t-body-sm-size);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.sf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px}@media (min-width:768px){.sf-grid--web{grid-template-columns:repeat(4,1fr);gap:20px;padding:0}.sf-section-head{padding-inline:0}}.sf-card{background:var(--surface);border:1px solid var(--surface-line);border-radius:var(--rd-lg);overflow:hidden;cursor:pointer;text-align:start;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .12s;padding:0;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;min-height:var(--hit-min)}.sf-card:hover{border-color:var(--n300);box-shadow:var(--elev-2);transform:translateY(-2px)}.sf-card:active{transform:scale(.98)}.sf-card:focus-visible{outline:2px solid var(--cta-base,var(--primary-700));outline-offset:2px}.sf-card-img{aspect-ratio:4/5;position:relative;background:var(--surface-muted);overflow:hidden}.sf-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sf-card-img.soldout:after{content:"";position:absolute;inset:0;background:rgba(249,250,251,.55);z-index:1}.sf-card-img .corner{position:absolute;top:8px;inset-inline-start:8px;z-index:2}.sf-card-img .so-tag{position:absolute;inset-inline-start:50%;top:50%;transform:translate(50%,-50%);z-index:2;white-space:nowrap}[dir=ltr] .sf-card-img .so-tag{transform:translate(-50%,-50%)}.sf-card-img .heart{position:absolute;top:8px;inset-inline-end:8px;width:32px;height:32px;border-radius:var(--rd-full);background:hsla(0,0%,100%,.85);backdrop-filter:blur(4px);display:grid;place-items:center;color:var(--text-muted);border:0;cursor:pointer;z-index:2;transition:background .15s,color .15s}.sf-card-img .heart:hover{background:var(--n0);color:var(--error-500)}.sf-card-img .heart svg{width:16px;height:16px;stroke-width:1.75}.sf-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}.sf-card-name{font-size:var(--t-body-md-size);font-weight:600;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}[data-lang=en] .sf-card-name{font-family:var(--font-en)}.sf-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}.sf-price{font-family:var(--font-mono);font-weight:700;color:var(--text);direction:ltr;unicode-bidi:isolate;display:inline-flex;align-items:baseline;gap:4px}.sf-price .amt{font-size:var(--t-body-lg-size)}.sf-price .cur{font-family:var(--font-ar);font-size:var(--t-body-sm-size);font-weight:500;color:var(--text-muted)}.sf-price--xl .amt{font-size:30px}.sf-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--rd-full);font-family:var(--font-ar);font-size:var(--t-label-sm-size);font-weight:600;white-space:nowrap;line-height:1}.sf-badge svg{width:11px;height:11px;stroke-width:2.2;flex-shrink:0}.sf-badge--new{background:var(--info-100);color:var(--info-700)}.sf-badge--best{background:var(--accent-100);color:var(--accent-700)}.sf-badge--soldout{background:var(--surface-muted);color:var(--text-muted);border:1px solid var(--surface-line)}.sf-badge--low{background:var(--warning-100);color:var(--accent-700)}.sf-badge--free{background:var(--success-100);color:var(--success-700)}@keyframes sf-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sf-card-animate{animation:sf-card-in .35s cubic-bezier(.16,1,.3,1) both}