.sf-gallery-wrap{display:flex;flex-direction:column;gap:12px}.sf-gallery{position:relative;aspect-ratio:4/5;background:var(--surface-muted);overflow:hidden;border-radius:var(--rd-lg);border:1px solid var(--surface-line);direction:ltr}.sf-gallery-track{display:flex;direction:ltr;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);will-change:transform}.sf-gallery-slide{min-width:100%;height:100%;position:relative;flex-shrink:0;cursor:zoom-in;border:0;padding:0;background:none}.sf-gallery-slide:focus-visible{outline:2px solid var(--accent-dark,var(--primary-900));outline-offset:-2px}.sf-gallery-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sf-gallery-dots{position:absolute;inset-inline:0;bottom:12px;display:flex;justify-content:center;gap:2px;z-index:3;pointer-events:none}.sf-gallery-dot{width:7px;height:7px;border-radius:50%;background:hsla(0,0%,100%,.55);transition:width .25s,background .25s;pointer-events:auto;cursor:pointer;border:0;padding:0;display:block;flex-shrink:0;position:relative;outline-offset:2px}.sf-gallery-dot:before{content:"";position:absolute;inset:-18px -10px;border-radius:var(--rd-full)}.sf-gallery-dot:focus-visible{outline:2px solid var(--n0);outline-offset:3px;border-radius:50%}.sf-gallery-dot.active{width:20px;border-radius:4px;background:var(--n0)}.sf-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:var(--rd-full);background:hsla(0,0%,100%,.85);backdrop-filter:blur(4px);border:0;display:grid;place-items:center;color:var(--text);cursor:pointer;z-index:3;box-shadow:var(--elev-1);transition:background .15s}.sf-gallery-nav:hover{background:var(--n0)}.sf-gallery-nav svg{width:18px;height:18px;stroke-width:2}.sf-gallery-nav.prev{inset-inline-start:10px}.sf-gallery-nav.next{inset-inline-end:10px}.sf-gallery-corner{position:absolute;top:12px;inset-inline-start:12px;z-index:3;display:flex;gap:6px}.sf-gallery-share{position:absolute;top:12px;inset-inline-end:12px;z-index:3;width:38px;height:38px;border-radius:var(--rd-full);background:hsla(0,0%,100%,.85);backdrop-filter:blur(4px);border:0;display:grid;place-items:center;color:var(--text);cursor:pointer;transition:background .15s}.sf-gallery-share:hover{background:var(--n0)}.sf-gallery-share svg{width:17px;height:17px;stroke-width:1.75}.sf-gallery-zoom{position:absolute;bottom:12px;inset-inline-end:12px;z-index:3;width:38px;height:38px;border-radius:var(--rd-full);background:hsla(0,0%,100%,.85);backdrop-filter:blur(4px);border:0;display:grid;place-items:center;color:var(--text);cursor:zoom-in;transition:background .15s}.sf-gallery-zoom:hover{background:var(--n0)}.sf-gallery-zoom svg{width:18px;height:18px;stroke-width:1.75}.sf-lb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:grid;place-items:center;overflow:hidden;direction:ltr;animation:sf-lb-fade .18s ease}@keyframes sf-lb-fade{0%{opacity:0}to{opacity:1}}.sf-lb-stage{width:100%;height:100%;display:grid;place-items:center;touch-action:none;overflow:hidden}.sf-lb-img{max-width:100vw;max-height:100vh;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.sf-lb-close{position:absolute;top:max(14px,env(safe-area-inset-top));inset-inline-end:14px;z-index:2;width:44px;height:44px;border-radius:var(--rd-full);background:hsla(0,0%,100%,.14);border:0;display:grid;place-items:center;color:var(--n0);cursor:pointer;transition:background .15s}.sf-lb-close:hover{background:hsla(0,0%,100%,.28)}.sf-lb-close svg{width:22px;height:22px;stroke-width:2}.sf-lb-counter{top:max(20px,env(safe-area-inset-top));inset-inline-start:16px;color:hsla(0,0%,100%,.85);font-family:var(--font-mono);font-size:var(--t-body-sm-size)}.sf-lb-counter,.sf-lb-nav{position:absolute;z-index:2}.sf-lb-nav{top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:var(--rd-full);background:hsla(0,0%,100%,.14);border:0;display:grid;place-items:center;color:var(--n0);cursor:pointer;transition:background .15s}.sf-lb-nav:hover{background:hsla(0,0%,100%,.28)}.sf-lb-nav svg{width:24px;height:24px;stroke-width:2}.sf-lb-nav.prev{inset-inline-start:12px}.sf-lb-nav.next{inset-inline-end:12px}.sf-pd-thumbs{display:flex;gap:10px;flex-wrap:wrap;direction:ltr}.sf-pd-thumb{width:64px;height:80px;border-radius:var(--rd-md);border:2px solid transparent;cursor:pointer;overflow:hidden;background:var(--surface-muted);padding:0;transition:border-color .15s}.sf-pd-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sf-pd-thumb.active{border-color:var(--accent-dark,var(--primary-900))}.sf-pd-thumb:hover:not(.active){border-color:var(--n300)}.sf-pd-body{padding:16px}.sf-pd-name{font-family:var(--font-ar);font-size:var(--t-h1-size);font-weight:700;color:var(--text);line-height:1.25;margin:0 0 8px}[data-lang=en] .sf-pd-name{font-family:var(--font-display);font-size:var(--t-display-xl-size)}.sf-pd-meta{margin-bottom:14px;flex-wrap:wrap}.sf-pd-meta,.sf-pd-price-row{display:flex;align-items:center;gap:10px}.sf-pd-price-row{margin-bottom:18px}.sf-pd-desc{font-size:var(--t-body-md-size);color:var(--text-muted);line-height:1.65;margin-bottom:20px}[data-lang=en] .sf-pd-desc{font-family:var(--font-en)}.sf-field-label{font-size:var(--t-label-md-size);font-weight:600;color:var(--text);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.sf-field-label .hint{font-size:var(--t-body-sm-size);font-weight:400;color:var(--text-faint);cursor:pointer}.sf-variants{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.sf-variant{min-width:56px;min-height:var(--hit-min);padding:8px 16px;border:1px solid var(--n300);border-radius:var(--rd-md);background:var(--surface);cursor:pointer;font-family:var(--font-ar);font-size:var(--t-body-md-size);font-weight:600;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.1;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.sf-variant .vsub{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-faint);direction:ltr;unicode-bidi:isolate}.sf-variant.selected{border-color:var(--accent-dark,var(--primary-900));background:var(--accent-tint,var(--primary-50));box-shadow:0 0 0 1px var(--accent-dark,var(--primary-900))}.sf-variant.selected,.sf-variant.selected .vsub{color:var(--accent-dark,var(--primary-900))}.sf-variant.out{opacity:.55;cursor:not-allowed;background:var(--surface-muted);text-decoration:line-through}.sf-variant.out .vsub{text-decoration:none;color:var(--text-muted)}.sf-variant.low{border-color:var(--warning-500)}.sf-variant--swatch{padding:6px 6px 8px;gap:6px}.sf-swatch-img{width:52px;height:52px;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--rd-md) - 3px);display:block;background:var(--surface-muted)}.sf-variant--swatch.out .sf-swatch-img{filter:grayscale(1)}[data-lang=en] .sf-variant{font-family:var(--font-en)}.sf-stepper{display:inline-flex;align-items:center;border:1px solid var(--n300);border-radius:var(--rd-md);overflow:hidden;margin-bottom:22px}.sf-stepper button{width:var(--hit-min);height:var(--hit-min);min-width:var(--hit-min);min-height:var(--hit-min);display:grid;place-items:center;background:var(--surface);border:0;color:var(--text);cursor:pointer;transition:background .12s}.sf-stepper button:hover{background:var(--surface-muted)}.sf-stepper button:disabled{color:var(--text-faint);cursor:not-allowed}.sf-stepper button svg{width:16px;height:16px;stroke-width:2.5}.sf-stepper .n{min-width:40px;text-align:center;font-family:var(--font-mono);font-weight:700;font-size:var(--t-body-lg-size);color:var(--text);direction:ltr;unicode-bidi:isolate;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sf-trust{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:8px 0 20px}.sf-trust .item{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 6px;background:var(--surface-muted);border-radius:var(--rd-md)}.sf-trust .item svg{width:20px;height:20px;color:var(--accent-dark,var(--primary-900));stroke-width:1.75}.sf-trust .item .t{font-size:var(--t-body-sm-size);font-weight:600;color:var(--text)}.sf-trust .item .s{font-size:10px;color:var(--text-muted)}.sf-acc{border-top:1px solid var(--surface-line)}.sf-acc-row{border-bottom:1px solid var(--surface-line)}.sf-acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 0;background:transparent;border:0;cursor:pointer;font-family:var(--font-ar);font-size:var(--t-body-md-size);font-weight:600;color:var(--text);text-align:start;transition:color .12s}.sf-acc-head:hover{color:var(--accent-dark,var(--primary-900))}.sf-acc-head svg{width:18px;height:18px;color:var(--text-muted);transition:transform .2s;flex-shrink:0}.sf-acc-row.open .sf-acc-head svg{transform:rotate(180deg)}.sf-acc-panel{max-height:0;overflow:hidden;transition:max-height .25s ease}.sf-acc-row.open .sf-acc-panel{max-height:300px}.sf-acc-panel-inner{padding:0 0 16px;font-size:var(--t-body-md-size);color:var(--text-muted);line-height:1.65}[data-lang=en] .sf-acc-head,[data-lang=en] .sf-acc-panel-inner{font-family:var(--font-en)}.sf-sticky{position:sticky;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--surface-line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;box-shadow:0 -4px 16px rgba(0,0,0,.06);z-index:8}.sf-sticky,.sf-sticky .sf-btn{flex-shrink:0;align-items:center}.sf-sticky .sf-btn{display:inline-flex;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;white-space:nowrap;text-decoration:none}.sf-sticky .sf-btn svg{width:18px;height:18px;stroke-width:2}.sf-sticky .sf-btn:active{transform:scale(.98)}.sf-sticky .sf-btn:disabled{opacity:.5;cursor:not-allowed}.sf-sticky .sf-btn--primary{background:var(--cta-base,var(--primary-700));color:var(--n0);flex:1;height:52px;min-height:52px}.sf-sticky .sf-btn--primary:hover:not(:disabled){background:var(--cta-dark,var(--primary-900))}.sf-sticky .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));flex:0 0 auto}.sf-sticky .sf-btn--secondary:hover:not(:disabled){background:var(--accent-tint-line,var(--primary-100))}.sf-sticky .sf-btn--outline{background:var(--surface);color:var(--text);border-color:var(--n300);flex:0 0 auto}.sf-sticky .sf-btn--wa{background:var(--ch-wa);color:var(--n0);flex:1;height:52px;min-height:52px}.sf-sticky .sf-btn--wa:hover{filter:brightness(.95)}[data-lang=en] .sf-sticky .sf-btn{font-family:var(--font-en)}.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-h2-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-pd-oos{display:flex;align-items:flex-start;gap:8px;margin:2px 0 18px;padding:11px 13px;border-radius:var(--rd-md);background:var(--warning-100);border:1px solid var(--warning-500);color:var(--warning-700);font-family:var(--font-ar);font-size:var(--t-label-md-size,.875rem);line-height:1.55}.sf-pd-oos svg{width:17px;height:17px;flex-shrink:0;margin-top:1px;stroke:currentColor}.sf-pd-oos .sf-pd-oos-wa{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.sf-pd-oos .sf-pd-oos-wa:hover{opacity:.8}@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)}.sf-pd-back{padding:12px 16px 4px}.sf-pd-back .sf-btn-ghost{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--accent-dark,var(--primary-900));font-family:var(--font-ar);font-size:var(--t-body-md-size);font-weight:500;cursor:pointer;padding:8px 0;min-height:var(--hit-min);text-decoration:none;transition:color .12s}.sf-pd-back .sf-btn-ghost:hover{color:var(--accent-base,var(--primary-700))}.sf-pd-back .sf-btn-ghost svg{width:18px;height:18px;stroke-width:2;transition:transform .15s}[dir=ltr] .sf-pd-back .sf-btn-ghost svg{transform:scaleX(-1)}[data-lang=en] .sf-pd-back .sf-btn-ghost{font-family:var(--font-en)}.sf-pd-page{display:flex;flex-direction:column;min-height:100%}.sf-pd-scroll{flex:1;overflow-y:auto;overflow-x:hidden}@media (min-width:768px){.sf-pd-desktop-wrap{max-width:980px;margin:0 auto;padding:24px 28px}.sf-pd-desktop-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.sf-pd-col-right{position:sticky;top:96px}.sf-pd-body{padding:0}.sf-pd-col-right .sf-pd-name{font-size:var(--t-display-xl-size)}.sf-sticky{max-width:980px;margin-inline:auto;padding-inline:28px}.sf-sticky .sf-btn--primary,.sf-sticky .sf-btn--wa{flex:0 1 360px}}.sf-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:48px 28px;min-height:400px}.sf-unavailable .ic{width:80px;height:80px;border-radius:var(--rd-full);background:var(--surface-muted);color:var(--text-muted);display:grid;place-items:center}.sf-unavailable .ic svg{width:34px;height:34px;stroke-width:1.5}.sf-unavailable h2{font-family:var(--font-ar);font-size:var(--t-h2-size);font-weight:700;color:var(--text);margin:0}.sf-unavailable p{font-size:var(--t-body-md-size);color:var(--text-muted);line-height:1.6;max-width:300px;margin:0}