@font-face{font-family:'Sky';src:url(/_sf/sky.1a6f4f68fd.woff) format("woff");font-weight:100 550;font-display:swap}@font-face{font-family:'Sky';src:url(/_sf/sky-bold.057c2767e6.woff) format("woff");font-weight:551 900;font-display:swap}
@font-face{font-family:mbicon;src:url(/_sf/mbotiqicon.3909355fc8.woff2) format("woff2");font-display:block}
@font-face{font-family:twsaaicons;src:url(/_sf/twsaaicons.dfa13835b4.woff2) format("woff2");font-display:block}
/* متجر ecomly — CSS واحد مضمّن في كل صفحة. ألوان التاجر في --sf-*، والباقي مشتق منها بـcolor-mix.
   كل تقنية حديثة هنا تحسين تدريجي: المتصفح اللي مابيدعمهاش بيشوف نفس الصفحة ثابتة ومن غير حركة. */
@view-transition{navigation:auto}
:root{
--sf-line:color-mix(in srgb,var(--sf-text) 12%,transparent);
--sf-line-soft:color-mix(in srgb,var(--sf-text) 7%,transparent);
--sf-soft:color-mix(in srgb,var(--sf-text) 4%,var(--sf-bg));
--sf-muted:color-mix(in srgb,var(--sf-text) 64%,var(--sf-bg));
--sf-tint:color-mix(in srgb,var(--sf-primary) 9%,var(--sf-bg));
/* حبر مقروء فوق --sf-tint: لون المتجر لوحده فوق تدرّجه بيطلع ٢٫٥:١ على خلفية داكنة */
--sf-on-tint:color-mix(in srgb,var(--sf-primary) 62%,var(--sf-text));
--sf-shadow:0 1px 2px rgb(0 0 0 / .04),0 14px 34px -20px rgb(0 0 0 / .3);
--sf-shadow-lg:0 2px 6px rgb(0 0 0 / .05),0 30px 60px -30px rgb(0 0 0 / .42);
--sf-header-h:72px;
--sf-ease:cubic-bezier(.2,.8,.2,1);
interpolate-size:allow-keywords
}

/* شعار مختلف للوضع الداكن: الاتنين في الصفحة والمخفي مابيشغّلش مساحة */
.sf-brand--2 .sf-brand__logo--dark{display:none}
:root[data-sf-dark] .sf-brand--2 .sf-brand__logo{display:none}
:root[data-sf-dark] .sf-brand--2 .sf-brand__logo--dark{display:inline-block}

/* ── الوضع الداكن ──────────────────────────────────────────────────────
   بيتفعّل بواحدة من اتنين: الزائر بيضغط زرار الوضع الداكن، أو التاجر مثبّت
   المتجر على «داكن دائمًا» (look.color_mode) فالخادم بيحط السمة في <html>.
   🔴 كانت في ثيم فليكس وحده، فباقي الثيمات كان الزرار فيها مايعملش حاجة.
   الظلال بتترسم بضوء مش بسواد: الأسود على خلفية سوداء مابيبانش. */
:root[data-sf-dark]{
--sf-bg:#09090b;
--sf-text:#f4f4f5;
--sf-muted:#a1a1aa;
--sf-line:#2a2a30;
--sf-line-soft:#232329;
--sf-soft:#18181b;
--sf-tint:color-mix(in srgb,var(--sf-primary) 26%,transparent);
--sf-shadow:0 1px 2px rgb(0 0 0 / .5),0 14px 34px -20px rgb(0 0 0 / .8);
--sf-shadow-lg:0 2px 6px rgb(0 0 0 / .55),0 30px 60px -30px rgb(0 0 0 / .9);
color-scheme:dark
}
*,*::before,*::after{box-sizing:border-box}
/* 🐞 scroll-padding على html كان بيخلّي الكتابة في بحث جوّا هيدر ثابت تسكرول الصفحة لفوق مع كل حرف
   (المتصفح بيحاول «يبيّن» الحقل تحت الحشوة). المسافة بقت على الأقسام نفسها (scroll-margin) بدل الصفحة. */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
section[id],[data-section],.sf-pdp__block,.mn-acc__body,.lx-acc__body{scroll-margin-top:calc(var(--sf-header-h) + 2rem)}
[hidden]{display:none!important}
h1,h2,h3,.sf-title,.sf-brand__name{font-family:var(--sf-font-head,var(--sf-font))}
body{margin:0;font-family:var(--sf-font);background:var(--sf-bg);color:var(--sf-text);line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
bdi{unicode-bidi:isolate}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
::selection{background:color-mix(in srgb,var(--sf-primary) 25%,transparent)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--sf-primary) 55%,transparent);outline-offset:3px}
.sf-i{width:1.15em;height:1.15em;flex:none}
.sf-wrap{width:min(1200px,100% - 2.5rem);margin-inline:auto}
.sf-narrow{width:min(780px,100% - 2.5rem)}
.sf-skip{position:absolute;inset-inline-start:1rem;top:-6rem;z-index:100;background:var(--sf-primary);color:var(--sf-primary-ink);padding:.6rem 1rem;border-radius:10px;font-weight:700;text-decoration:none}
.sf-skip:focus{top:1rem}

/* ── الأزرار ── */
.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:.7rem 1.5rem;border:1px solid transparent;border-radius:var(--sf-btn-radius);background:var(--sf-primary);color:var(--sf-primary-ink);font:inherit;font-weight:700;line-height:1.3;text-decoration:none;cursor:pointer;box-shadow:0 12px 26px -16px color-mix(in srgb,var(--sf-primary) 85%,transparent);transition:transform .25s var(--sf-ease),box-shadow .25s,filter .25s,background-color .25s}
.sf-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 16px 30px -16px color-mix(in srgb,var(--sf-primary) 90%,transparent)}
.sf-btn:active{transform:translateY(0) scale(.99)}
.sf-btn .sf-i{width:1.2em;height:1.2em}
.sf-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;filter:none;box-shadow:none}
.sf-btn--lg{min-height:54px;padding:.85rem 1.9rem;font-size:1.05rem}
.sf-btn--sm{min-height:40px;padding:.45rem 1rem;font-size:.9rem;box-shadow:none}
.sf-btn--block{width:100%}
.sf-btn--ghost{background:transparent;color:var(--sf-text);border-color:var(--sf-line);box-shadow:none}
.sf-btn--ghost:hover{background:var(--sf-soft);box-shadow:none;filter:none}
.sf-btn--soft{background:var(--sf-tint);color:var(--sf-on-tint);box-shadow:none}
.sf-btn--soft:hover{background:color-mix(in srgb,var(--sf-primary) 16%,var(--sf-bg));box-shadow:none;filter:none}
.sf-btn .sf-arrow,.sf-more .sf-i{transition:translate .25s var(--sf-ease)}
.sf-btn:hover .sf-arrow,.sf-more:hover .sf-i{translate:-4px 0}
.sf-iconbtn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--sf-line);border-radius:12px;background:var(--sf-bg);color:var(--sf-text);font:inherit;cursor:pointer;transition:background-color .2s}
.sf-iconbtn:hover{background:var(--sf-soft)}
.sf-iconbtn .sf-i{width:22px;height:22px}

/* ── الشريط العلوي والهيدر ── */
.sf-announce{background:var(--sf-primary);color:var(--sf-primary-ink);text-align:center;font-size:.88rem;font-weight:600;padding:.5rem 1rem}
.sf-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--sf-bg) 84%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--sf-line-soft)}
.sf-header__row{display:flex;align-items:center;gap:1.25rem;min-height:var(--sf-header-h)}
.sf-brand{display:flex;align-items:center;gap:.7rem;min-width:0;text-decoration:none;font-weight:800;font-size:1.15rem}
.sf-brand img{height:46px;width:auto;max-width:170px;object-fit:contain;border-radius:10px}
.sf-brand__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-nav{display:flex;align-items:center;gap:.2rem;margin-inline-end:auto;font-weight:600;font-size:.95rem}
.sf-nav a{padding:.45rem .85rem;border-radius:999px;color:var(--sf-muted);text-decoration:none;transition:color .2s,background-color .2s}
.sf-nav a:hover{color:var(--sf-text);background:var(--sf-soft)}
.sf-header__end{display:flex;align-items:center;gap:.5rem;margin-inline-start:auto}
.sf-nav+.sf-header__end{margin-inline-start:0}
.sf-menu-btn{display:none}
.sf-catbar{border-top:1px solid var(--sf-line-soft)}
.sf-catbar__row{display:flex;gap:.4rem;overflow-x:auto;padding:.55rem 0;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.sf-catbar__row::-webkit-scrollbar{display:none}
.sf-catbar a{flex:none;scroll-snap-align:start;padding:.3rem .95rem;border:1px solid var(--sf-line);border-radius:999px;font-size:.86rem;font-weight:600;white-space:nowrap;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.sf-catbar a:hover{border-color:color-mix(in srgb,var(--sf-primary) 45%,transparent);color:var(--sf-primary)}
.sf-catbar a[aria-current]{background:var(--sf-primary);border-color:var(--sf-primary);color:var(--sf-primary-ink)}
/* الهيدر بياخد ظل بعد أول تمرير — من غير سكربت */
@supports (animation-timeline:scroll()){
.sf-header{animation:sf-raise linear both;animation-timeline:scroll();animation-range:0 120px}
}
@keyframes sf-raise{to{background:color-mix(in srgb,var(--sf-bg) 95%,transparent);box-shadow:0 12px 30px -24px rgb(0 0 0 / .5)}}

/* ── قائمة الجوال: popover بيدخل من الجنب ── */
.sf-drawer{display:none}
.sf-drawer:popover-open{display:flex}
.sf-drawer{position:fixed;inset-block:0;inset-inline:0 auto;margin:0;width:min(86vw,360px);height:100dvh;max-height:none;padding:0;border:0;flex-direction:column;overflow-y:auto;background:var(--sf-bg);color:var(--sf-text);box-shadow:var(--sf-shadow-lg);translate:100% 0;transition:translate .35s var(--sf-ease),display .35s allow-discrete,overlay .35s allow-discrete}
.sf-drawer:popover-open{translate:0 0}
@starting-style{.sf-drawer:popover-open{translate:100% 0}}
.sf-drawer::backdrop{background:rgb(10 10 20 / 0);transition:background-color .35s,display .35s allow-discrete,overlay .35s allow-discrete}
.sf-drawer:popover-open::backdrop{background:rgb(10 10 20 / .45)}
@starting-style{.sf-drawer:popover-open::backdrop{background:rgb(10 10 20 / 0)}}
.sf-drawer__head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem;background:var(--sf-bg);border-bottom:1px solid var(--sf-line-soft)}
.sf-drawer__head b{font-size:1.05rem}
.sf-drawer__nav{display:grid;padding:.6rem .8rem}
.sf-drawer__nav a{padding:.7rem .85rem;border-radius:12px;font-weight:600;text-decoration:none}
.sf-drawer__nav a:hover,.sf-drawer__nav a[aria-current]{background:var(--sf-tint);color:var(--sf-on-tint)}
.sf-drawer__label{padding:1rem .85rem .3rem;font-size:.75rem;font-weight:700;color:var(--sf-muted)}
.sf-drawer__contact{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding:1rem 1.2rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--sf-line-soft)}
.sf-drawer__contact a{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--sf-soft)}
.sf-drawer__contact a:hover{color:var(--sf-primary)}

/* ── الواجهة (hero) ── */
.sf-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--sf-soft)}
.sf-hero__glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 90% at 90% 0%,color-mix(in srgb,var(--sf-primary) 24%,transparent),transparent 70%),radial-gradient(45% 80% at 0% 100%,color-mix(in srgb,var(--sf-accent) 16%,transparent),transparent 70%)}
.sf-hero__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;animation:sf-zoom 1.8s var(--sf-ease) both}
.sf-hero.has-image::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to left,rgb(8 8 16 / .74),rgb(8 8 16 / .38) 55%,rgb(8 8 16 / .12)),linear-gradient(to top,rgb(8 8 16 / .5),transparent 50%)}
.sf-hero__inner{display:grid;align-content:center;justify-items:start;min-height:clamp(300px,44svh,480px);padding-block:clamp(3rem,8vw,5.5rem)}
.sf-hero.has-image .sf-hero__inner{min-height:clamp(360px,60svh,620px);color:#fff}
.sf-hero__inner>*{max-width:660px}
.sf-hero h1{margin:0 0 .9rem;font-size:clamp(2rem,5.2vw,3.5rem);line-height:1.18;letter-spacing:-.02em;animation:sf-rise .8s var(--sf-ease) both}
.sf-hero p{margin:0 0 1.8rem;font-size:clamp(1.02rem,2vw,1.25rem);opacity:.9;animation:sf-rise .8s .08s var(--sf-ease) both}
.sf-hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;animation:sf-rise .8s .16s var(--sf-ease) both}
.sf-hero.has-image .sf-btn--ghost{color:#fff;border-color:rgb(255 255 255 / .45);background:rgb(255 255 255 / .1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sf-hero.has-image .sf-btn--ghost:hover{background:rgb(255 255 255 / .2)}
@keyframes sf-rise{from{opacity:0;translate:0 20px}}
@keyframes sf-zoom{from{scale:1.08}}

/* ── الأقسام ── */
.sf-section{padding-block:clamp(2.75rem,6vw,4.75rem)}
.sf-section--alt{background:var(--sf-soft)}
.sf-section--flush{padding-top:0}
.sf-section--product{padding-top:clamp(1.25rem,3vw,2rem)}
.sf-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:clamp(1.2rem,3vw,2rem)}
.sf-title{margin:0 0 clamp(1.2rem,3vw,2rem);font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.3;letter-spacing:-.015em}
.sf-head .sf-title{margin:0}
.sf-more{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;font-size:.95rem;color:var(--sf-primary);text-decoration:none;white-space:nowrap}
.sf-count{color:var(--sf-muted);font-size:.92rem;white-space:nowrap}
.sf-empty{color:var(--sf-muted);padding-block:1.5rem}
.sf-pagehead{padding-block:clamp(1.5rem,4vw,2.75rem) clamp(1.25rem,3vw,2rem);background:linear-gradient(180deg,var(--sf-tint),var(--sf-bg))}
.sf-pagehead .sf-head{margin:0}
.sf-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1rem;font-size:.85rem;color:var(--sf-muted)}
.sf-crumbs a{text-decoration:none}
.sf-crumbs a:hover{color:var(--sf-primary)}
.sf-crumbs [aria-hidden]{opacity:.5}

/* ── كروت المنتجات ── */
.sf-grid{--sf-gap:clamp(.8rem,2vw,1.4rem);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr));gap:var(--sf-gap)}
/* قسم منتجاته أقل من صف كامل: الافتراضي إنها تبدأ من أول السطر زي عنوان القسم،
   والتاجر يقدر يخليها في النص (look.cards_align). */
.sf-few-center .sf-grid--few{grid-template-columns:repeat(auto-fit,minmax(min(100%,232px),268px));justify-content:center}
.sf-card{container-type:inline-size;position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--sf-bg);border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius);text-decoration:none;transition:transform .35s var(--sf-ease),box-shadow .35s var(--sf-ease),border-color .35s}
.sf-card:hover{transform:translateY(-4px);box-shadow:var(--sf-shadow-lg);border-color:transparent}
.sf-card__media{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;background:var(--sf-tint)}
.sf-card__media img{width:100%;height:100%;object-fit:cover;transition:scale .6s var(--sf-ease)}
.sf-card:hover .sf-card__media img{scale:1.05}
.sf-placeholder{font-size:2.8rem;font-weight:800;color:var(--sf-primary);opacity:.85}
.sf-card__tags{position:absolute;top:.65rem;inset-inline-start:.65rem;display:flex;flex-wrap:wrap;gap:.35rem}
.sf-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .6rem;border-radius:999px;background:var(--sf-accent);color:var(--sf-accent-ink);font-size:.74rem;font-weight:700;line-height:1.5;box-shadow:0 6px 14px -8px rgb(0 0 0 / .4)}
.sf-badge--muted{background:color-mix(in srgb,var(--sf-text) 80%,transparent);color:var(--sf-bg)}
.sf-badge--soft{background:color-mix(in srgb,var(--sf-bg) 90%,transparent);color:var(--sf-primary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sf-badge .sf-i{width:.95em;height:.95em}
.sf-card__body{display:grid;flex:1;align-content:start;gap:.4rem;padding:.9rem 1rem 1.05rem}
.sf-card__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-weight:700;line-height:1.55}
.sf-card__meta{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--sf-accent)}
.sf-card__meta .sf-i{width:.95em;height:.95em}
.sf-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;color:var(--sf-primary);font-weight:800}
/* رمز الريال الجديد (store/kit.js money — الثيمات اللي بتعرضه): أيقونة بلون النص جنب الرقم */
.sf-price b{font-size:1.15rem}
.sf-price s{color:var(--sf-muted);font-size:.88rem;font-weight:500}
.sf-per{font-size:.78rem;font-weight:600;color:var(--sf-muted)}
@container (max-width:200px){
.sf-card__body{padding:.7rem .75rem .85rem}
.sf-card__name{font-size:.9rem}
.sf-price b{font-size:1rem}
.sf-card__meta{display:none}
}

/* ── التصنيفات ── */
.sf-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:1rem}
.sf-cat{display:grid;justify-items:center;align-content:start;gap:.3rem;padding:1.2rem .8rem 1rem;text-align:center;text-decoration:none;background:var(--sf-bg);border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius);transition:transform .35s var(--sf-ease),box-shadow .35s,border-color .35s}
.sf-cat:hover{transform:translateY(-4px);box-shadow:var(--sf-shadow);border-color:color-mix(in srgb,var(--sf-primary) 35%,transparent)}
.sf-cat__media{display:grid;place-items:center;width:88px;height:88px;margin-bottom:.35rem;overflow:hidden;border-radius:50%;background:var(--sf-tint);box-shadow:0 0 0 4px var(--sf-bg),0 0 0 5px var(--sf-line-soft)}
.sf-cat__media img{width:100%;height:100%;object-fit:cover;transition:scale .6s var(--sf-ease)}
.sf-cat:hover .sf-cat__media img{scale:1.08}
.sf-cat__media .sf-placeholder{font-size:2rem}
.sf-cat__name{font-weight:700;line-height:1.4}
.sf-cat small{color:var(--sf-muted);font-size:.8rem}

/* ── البنرات: scroll-snap، ونقاط تنقّل ::scroll-marker في المتصفحات اللي بتدعمها ── */
.sf-banners{padding-block:clamp(1rem,3vw,2rem)}
.sf-slider{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:var(--sf-radius)}
.sf-slider::-webkit-scrollbar{display:none}
.sf-slider.is-multi{grid-auto-columns:92%}
.sf-slide{display:block;aspect-ratio:21/8;overflow:hidden;scroll-snap-align:center;border-radius:var(--sf-radius);background:var(--sf-tint)}
.sf-slide img{width:100%;height:100%;object-fit:cover}
/* «الصورة كاملة»: صورة المنتج والبنر بيتعرضوا بالكامل جوّا إطارهم بدل ما يتقصّوا
   (شعارات المنتجات الرقمية بتتقص وحش لما تكون أبعادها مش أبعاد الإطار). */
.sf-fit-contain .sf-card__media img,
.sf-fit-contain .sf-product__frame img,
.sf-fit-contain .sf-slide img,
.sf-fit-contain .sf-line__media img,
.sf-fit-contain .sf-hit__img img{object-fit:contain}
.sf-fit-contain .sf-card__media,.sf-fit-contain .sf-product__frame{background:var(--sf-soft)}
.sf-fit-contain .sf-product__frame img{padding:clamp(.5rem,2vw,1.2rem)}
@supports (scroll-marker-group:after){
.sf-slider.is-multi{scroll-marker-group:after}
.sf-slider.is-multi::scroll-marker-group{display:flex;justify-content:center;gap:.45rem;padding-top:.85rem}
.sf-slider.is-multi .sf-slide::scroll-marker{content:"";width:8px;height:8px;border-radius:999px;background:var(--sf-line);transition:width .3s var(--sf-ease),background-color .3s}
.sf-slider.is-multi .sf-slide::scroll-marker:target-current{width:24px;background:var(--sf-primary)}
}

/* ── المميزات والأسئلة ── */
.sf-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}
.sf-feature{padding:1.5rem;background:var(--sf-bg);border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius)}
.sf-feature__icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;margin-bottom:.9rem;border-radius:14px;background:var(--sf-tint);color:var(--sf-primary)}
.sf-feature__icon .sf-i{width:1.35rem;height:1.35rem}
.sf-feature h3{margin:0 0 .3rem;font-size:1.05rem}
.sf-feature p{margin:0;color:var(--sf-muted);font-size:.95rem}

/* ── أرقام المتجر: لوحة بلون الهوية، وكل بند دايرة أيقونة ورقم كبير ووصفه ── */
.sf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,138px),1fr));gap:clamp(1rem,3vw,1.5rem);padding:clamp(1.3rem,3.5vw,2.1rem) clamp(1rem,3vw,1.8rem);border-radius:var(--sf-radius);background:var(--sf-primary);color:var(--sf-primary-ink)}
.sf-stat{display:grid;justify-items:center;gap:.4rem;text-align:center}
.sf-stat__icon{display:grid;place-items:center;width:44px;height:44px;margin-block-end:.15rem;border-radius:50%;background:color-mix(in srgb,var(--sf-primary-ink) 18%,transparent)}
.sf-stat__icon .sf-i{width:22px;height:22px}
.sf-stat b{font-size:clamp(1.3rem,3.4vw,1.7rem);font-weight:800;line-height:1.25}
.sf-stat small{font-size:.82rem;font-weight:700;line-height:1.5;opacity:.85}

.sf-faq{margin-bottom:.7rem;padding:0 1.2rem;background:var(--sf-bg);border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius);transition:border-color .25s,box-shadow .25s}
.sf-faq[open]{border-color:color-mix(in srgb,var(--sf-primary) 35%,transparent);box-shadow:var(--sf-shadow)}
.sf-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;font-weight:700;list-style:none;cursor:pointer}
.sf-faq summary::-webkit-details-marker{display:none}
.sf-faq summary::after{content:"";flex:none;width:.55rem;height:.55rem;border-right:2px solid var(--sf-primary);border-bottom:2px solid var(--sf-primary);rotate:45deg;translate:0 -2px;transition:rotate .3s var(--sf-ease),translate .3s}
.sf-faq[open] summary::after{rotate:225deg;translate:0 2px}
.sf-faq p{margin:0 0 1rem;color:color-mix(in srgb,var(--sf-text) 82%,var(--sf-bg))}
.sf-faq::details-content{block-size:0;overflow:hidden;transition:block-size .35s var(--sf-ease),content-visibility .35s allow-discrete}
.sf-faq[open]::details-content{block-size:auto}

/* ── صفحة المنتج ── */
.sf-product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4.5vw,3.5rem)}
.sf-product__media{position:sticky;top:calc(var(--sf-header-h) + 3.5rem)}
.sf-product__frame{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;background:var(--sf-tint);border:1px solid var(--sf-line-soft);border-radius:calc(var(--sf-radius) * 1.25)}
.sf-product__frame img{width:100%;height:100%;object-fit:cover}
.sf-product__frame .sf-placeholder{font-size:5rem}
.sf-product__badge{position:absolute;top:1rem;inset-inline-start:1rem;padding:.3rem .85rem;font-size:.85rem}
.sf-product__info{display:grid;align-content:start;gap:1.1rem}
.sf-product h1{margin:0;font-size:clamp(1.65rem,3.4vw,2.35rem);line-height:1.3;letter-spacing:-.015em}
.sf-product__price{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.sf-product__price .sf-price b{font-size:clamp(1.6rem,3vw,2rem)}
.sf-product__price .sf-price s{font-size:1rem}
.sf-save{display:inline-block;padding:.2rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--sf-accent) 14%,transparent);color:var(--sf-accent);font-size:.82rem;font-weight:700}
.sf-chips-row{display:flex;flex-wrap:wrap;gap:.5rem}
.sf-chip{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.35rem .9rem;border-radius:999px;background:color-mix(in srgb,var(--sf-accent) 12%,transparent);color:var(--sf-accent);font-size:.85rem;font-weight:700}
.sf-chip .sf-i{width:1rem;height:1rem}
.sf-buy{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
.sf-buy form{flex:1}
.sf-buy__price{display:none}
/* المنتج النافد: زرار رمادي واحد «نفد المخزون» زي زرار الكارت (render.js → buyButtons) */
.sf-btn.sf-btn--soldout[disabled]{background:var(--sf-soft);border-color:var(--sf-line-soft);color:var(--sf-muted);opacity:1;cursor:default}
.sf-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.sf-chips a{padding:.22rem .75rem;border:1px solid var(--sf-line);border-radius:999px;font-size:.82rem;text-decoration:none}
.sf-chips a:hover{border-color:var(--sf-primary);color:var(--sf-primary)}
.sf-product__details{padding-top:1.3rem;border-top:1px solid var(--sf-line-soft)}
.sf-product__details>h2{margin:0 0 .9rem;font-size:.82rem;font-weight:700;letter-spacing:.02em;color:var(--sf-muted)}

/* ── المدونة (migration 059): جوّه إطار الصفحة التعريفية بتاع كل ثيم، بمتغيّرات الثيم نفسه ── */
.sf-blog{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:clamp(.9rem,2vw,1.4rem)}
.sf-blog--compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr))}
.sf-postcard{min-width:0}
.sf-postcard__link{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius);background:var(--sf-bg);color:inherit;text-decoration:none;transition:transform .35s var(--sf-ease),box-shadow .35s var(--sf-ease),border-color .35s}
.sf-postcard__link:hover{transform:translateY(-3px);box-shadow:var(--sf-shadow-lg);border-color:transparent}
.sf-postcard__media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--sf-soft)}
.sf-postcard__media img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .5s var(--sf-ease)}
.sf-postcard__link:hover .sf-postcard__media img{scale:1.04}
.sf-postcard__body{display:flex;flex:1;flex-direction:column;gap:.45rem;padding:1rem 1.1rem 1.15rem}
.sf-postcard__date{font-size:.8rem;color:var(--sf-muted)}
.sf-postcard__title{font-size:1.08rem;font-weight:700;line-height:1.5;color:var(--sf-text)}
.sf-postcard__excerpt{display:-webkit-box;overflow:hidden;font-size:.92rem;line-height:1.75;color:var(--sf-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical}
.sf-postcard__more{margin-top:auto;padding-top:.3rem;font-size:.88rem;font-weight:600;color:var(--sf-on-tint)}
.sf-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;margin-top:1.6rem}
.sf-pager__at{font-size:.9rem;color:var(--sf-muted)}
.sf-post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.2rem;font-size:.9rem;color:var(--sf-muted)}
.sf-post__cover{margin:0 0 1.6rem;overflow:hidden;border-radius:var(--sf-radius);background:var(--sf-soft)}
.sf-post__cover img{display:block;width:100%;max-height:520px;height:auto;object-fit:cover}
.sf-post__more{margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--sf-line)}
.sf-post__more h2{margin:0 0 1rem;font-size:1.2rem}
.sf-post__back{margin:1.6rem 0 0}
.sf-post__back a{font-weight:600;color:var(--sf-on-tint)}

/* ── المحتوى الغني (الوصف والصفحات التعريفية) ── */
.sf-page h1{margin:0 0 1.5rem;font-size:clamp(1.8rem,3.8vw,2.5rem);line-height:1.25;letter-spacing:-.015em}
.sf-rich{line-height:1.9;overflow-wrap:anywhere}
.sf-rich>:first-child{margin-top:0}
.sf-rich p{margin:0 0 1rem}
.sf-rich h2{margin:2rem 0 .7rem;font-size:1.3rem;line-height:1.4}
.sf-rich h3{margin:1.6rem 0 .6rem;font-size:1.12rem;line-height:1.45}
.sf-rich h4{margin:1.3rem 0 .5rem;font-size:1rem}
.sf-rich ul,.sf-rich ol{margin:0 0 1rem;padding-inline-start:1.4rem}
.sf-rich li{margin-bottom:.35rem}
.sf-rich li::marker{color:var(--sf-primary)}
.sf-rich a{color:var(--sf-primary);text-underline-offset:3px}
.sf-rich img{display:inline-block;height:auto;margin:.5rem 0;border-radius:calc(var(--sf-radius) * .75)}
.sf-rich blockquote{margin:1.2rem 0;padding:.8rem 1.1rem;border-inline-start:4px solid var(--sf-primary);border-radius:8px;background:color-mix(in srgb,var(--sf-primary) 6%,transparent)}
.sf-rich hr{margin:1.8rem 0;border:0;border-top:1px solid var(--sf-line)}
.sf-video{margin:1.2rem 0;aspect-ratio:16/9;overflow:hidden;border-radius:var(--sf-radius);background:#000}
.sf-video iframe{display:block;width:100%;height:100%;border:0}

/* ── صفحات الرسائل ── */
.sf-message{display:grid;place-items:center;min-height:55vh;padding:4rem 0;text-align:center}
.sf-message__icon{display:grid;place-items:center;width:3.6rem;height:3.6rem;margin:0 auto 1rem;border-radius:50%;background:var(--sf-tint);color:var(--sf-primary)}
.sf-message__icon .sf-i{width:1.7rem;height:1.7rem}
.sf-message h1{margin:0 0 .6rem;font-size:1.8rem;line-height:1.35}
.sf-message p{max-width:520px;margin:0 auto 1.4rem;color:var(--sf-muted)}
.sf-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}

/* ── الفوتر وزرار واتساب ── */
.sf-footer{margin-top:clamp(2rem,5vw,3.5rem);padding:clamp(1.9rem,3.5vw,2.6rem) 0 1rem;background:var(--sf-soft);border-top:1px solid var(--sf-line-soft);font-size:.93rem}
.sf-section--alt+.sf-footer{margin-top:0}
/* 🔴 أعمدة ثابتة كانت بتسيب فراغ كبير لما المتجر مالوش صفحات تعريفية: auto-fit بيطوي
   العمود الفاضي وبيوزّع مساحته على الباقي. */
.sf-footer__grid{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(auto-fit,minmax(150px,1fr));gap:1.4rem 2rem}
.sf-footer__about{display:grid;align-content:start;gap:.7rem;max-width:440px}
.sf-footer__about p{margin:0;color:var(--sf-muted)}
.sf-brand--footer img{height:44px}
/* لوجو في الفوتر = الاسم مايتكررش تحته. النص فاضل في الصفحة عشان الرابط يفضل مقروء للقارئ الصوتي. */
.sf-footer .sf-brand--mark .sf-brand__name{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sf-footer__col{display:grid;align-content:start;gap:.7rem}
.sf-footer__col h2{margin:0;font-size:.95rem}
.sf-footer__list{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}
.sf-footer__list a{display:inline-flex;align-items:center;gap:.5rem;color:var(--sf-muted);text-decoration:none;transition:color .2s}
.sf-footer__list a:hover{color:var(--sf-primary)}
.sf-footer__list .sf-i{width:1.05rem;height:1.05rem}
.sf-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1.5rem;padding-top:.9rem;border-top:1px solid var(--sf-line-soft);font-size:.82rem;color:var(--sf-muted)}
.sf-footer__bottom>a{text-decoration:none}
.sf-footer__bottom>a:hover{color:var(--sf-primary)}
.sf-fabs{position:fixed;inset-block-end:calc(1.1rem + env(safe-area-inset-bottom));inset-inline-end:1.1rem;z-index:15;display:grid;gap:.6rem}
/* الزراير العايمة بتقف فوق آخر سطر في الفوتر (نفس الناحية) — بنسيب لها مكان */
body:has(.sf-fabs) .sf-footer__bottom{padding-inline-end:4.4rem}
.sf-fab{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 14px 30px -12px rgb(37 211 102 / .75);transition:transform .25s var(--sf-ease)}
.sf-fab--tg{background:#28a5e7;box-shadow:0 14px 30px -12px rgb(40 165 231 / .75)}
.sf-fab:hover{transform:scale(1.07)}
.sf-fab .sf-i{width:26px;height:26px}

/* ── ظهور الكروت مع التمرير ── */
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.sf-card,.sf-cat,.sf-feature,.sf-faq,.sf-stat{animation:sf-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
}
}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}

/* ── الشاشات الصغيرة ── */
@media (max-width:900px){
.sf-product{grid-template-columns:minmax(0,1fr)}
.sf-product__media{position:static}
.sf-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sf-footer__about{grid-column:1/-1}
}
@media (max-width:760px){
:root{--sf-header-h:62px}
.sf-wrap,.sf-narrow{width:min(1200px,100% - 2rem)}
.sf-header__row{gap:.6rem}
.sf-brand{font-size:1.02rem}
.sf-brand img{height:38px;max-width:150px}
/* 🔴 على الجوال الاسم جنب اللوجو كان بيتزنق لحد «م…» (١٩ بكسل لكلمة عرضها ٩٤):
   اللوجو بيقول الاسم أصلًا، فبنخفي النص ونسيب مساحته للزراير. النص فاضل للقارئ الصوتي. */
.sf-brand--mark .sf-brand__name{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sf-header__contact span{display:none}
.sf-header__contact{width:44px;padding:0}
.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.sf-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.sf-cat{padding:.8rem .35rem}
.sf-cat__media{width:64px;height:64px}
.sf-cat__name{font-size:.86rem}
.sf-slide{aspect-ratio:16/9}
.sf-head{align-items:center}
.sf-hero.has-image .sf-hero__inner{min-height:clamp(320px,52svh,480px)}
.sf-hero .sf-btn--lg{min-height:50px;padding-inline:1.4rem;font-size:1rem}
/* زرار الشراء بيفضل تحت الشاشة وانت بتقرا الوصف */
/* 🔴 الشريط كان شبه شفاف فالنص اللي تحته بيبان من وراه، فالسطر الأخير باين مقصوص نُصّين.
   خلفية مصمتة + ظل خفيف = شريط واقف فوق الصفحة، مش قصّة في المحتوى. */
.sf-buy{order:10;position:sticky;bottom:0;z-index:6;flex-wrap:nowrap;margin-inline:-1rem;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:var(--sf-bg);border-top:1px solid var(--sf-line);box-shadow:0 -10px 24px -18px rgb(0 0 0 / .55)}
.sf-buy__price{display:block;color:var(--sf-primary);font-size:1.15rem;white-space:nowrap}
.sf-buy .sf-btn{min-height:50px}
body:has(.sf-buy) .sf-fabs{inset-block-end:calc(5.6rem + env(safe-area-inset-bottom))}
.sf-footer__bottom{justify-content:center;text-align:center}
/* روابط الفوتر كانت ٢٢–٢٧ بكسل ارتفاع: مساحة صغيرة على الصباع */
/* شريط التصنيفات بيتقص عند حافة الهامش فبيبان مكسور: بيوصل لحافة الشاشة وبيتموّه
   عشان يبان إنه بيتزحلق — نفس أسلوب شريط المنتجات الأفقي.
   width:100% مش هامش سالب: الشريط عليه .sf-wrap بعرض ثابت (100% - 2rem)، فالهامش
   السالب كان بيزقّه ١٦ بكسل بره الشاشة يمين — أول تصنيف متقصوص — ويسيب ٤٨ فاضية شمال. */
.sf-catbar__row{width:100%;padding-inline:1rem;-webkit-mask-image:linear-gradient(to left,#000 92%,transparent);mask-image:linear-gradient(to left,#000 92%,transparent)}
.sf-footer__list{gap:.1rem}
.sf-footer__list a{min-height:38px}
/* الزراير العايمة بتقف فوق آخر الفوتر: بنسيب لها مكان تحت */
body:has(.sf-fabs) .sf-footer{padding-bottom:5rem}
/* قسم فيه منتج واحد: على عمودين كان بياخد نص الشاشة ويسيب النص التاني فاضي */
.sf-grid--few>.sf-card:only-child{grid-column:1/-1}
/* السعر القديم كان بينزل سطر في كارت وبيفضل جنب السعر في اللي جنبه، فالصف بيبان غير مستوي */
.sf-card .sf-price{flex-wrap:nowrap}
.sf-card .sf-price s{min-width:0;overflow:hidden;text-overflow:ellipsis}
}
@supports selector(:popover-open){
@media (max-width:760px){
.sf-nav,.sf-header__contact{display:none}
.sf-menu-btn{display:grid}
}
}
@media (max-width:420px){
.sf-grid{gap:.55rem}
}
@media (prefers-reduced-motion:reduce){
@view-transition{navigation:none}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ── السلة: زرار الهيدر، زرار الكارت، صفحة السلة، ورسالة «اتضاف» ── */
.sf-cartbtn{position:relative;text-decoration:none}
.sf-cartbtn__count{position:absolute;top:-7px;inset-inline-end:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--sf-primary);color:var(--sf-primary-ink);font-size:.7rem;font-weight:800;line-height:20px;text-align:center;box-shadow:0 0 0 2px var(--sf-bg)}
.sf-card__link{display:flex;flex:1;flex-direction:column;color:inherit;text-decoration:none}
.sf-card__form{margin:0}
/* 🔴 لون المتجر فوق تدرّجه نفسه كان ٣٫١:١ على خلفية داكنة — بنمزجه بلون النص عشان يقرا في الوضعين */
.sf-card__action{display:flex;align-items:center;justify-content:center;gap:.4rem;width:calc(100% - 2rem);min-height:40px;margin:0 1rem 1rem;padding:.45rem .8rem;border:1px solid color-mix(in srgb,var(--sf-primary) 30%,transparent);border-radius:var(--sf-btn-radius);background:var(--sf-tint);color:var(--sf-on-tint);font:inherit;font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.sf-card__action:hover{background:var(--sf-primary);border-color:var(--sf-primary);color:var(--sf-primary-ink)}
.sf-card__action.is-muted{background:var(--sf-soft);border-color:transparent;color:var(--sf-muted);cursor:default}
.sf-card__action .sf-i{width:1.05em;height:1.05em}
@container (max-width:200px){.sf-card__action{width:calc(100% - 1.5rem);margin:0 .75rem .75rem;font-size:.8rem}}
.sf-buy form+form{flex:.8}

.sf-cart{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:clamp(1rem,3vw,2rem)}
.sf-cart__lines{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}
.sf-line{display:grid;grid-template-columns:84px minmax(0,1fr) auto auto auto;align-items:center;gap:1rem;padding:.8rem;background:var(--sf-bg);border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius)}
.sf-line.is-unavailable{background:var(--sf-soft)}
.sf-line.is-unavailable .sf-line__media,.sf-line.is-unavailable .sf-line__unit{opacity:.55}
.sf-line__media{display:grid;place-items:center;width:84px;aspect-ratio:1;overflow:hidden;border-radius:calc(var(--sf-radius) * .75);background:var(--sf-tint)}
.sf-line__media img{width:100%;height:100%;object-fit:cover}
.sf-line__media .sf-placeholder{font-size:1.8rem}
.sf-line__info{display:grid;gap:.15rem;min-width:0}
/* اسم المنتج على سطرين بدل ما يتقص من نص الكلمة (الأسماء الطويلة كانت بتتقص عند ١٧٠ بكسل) */
.sf-line__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;line-height:1.45;text-decoration:none}
.sf-line__name:hover{color:var(--sf-primary)}
.sf-line__unit{color:var(--sf-muted);font-size:.86rem}
.sf-line__unit s{margin-inline-start:.3rem}
.sf-line__problem{color:#dc2626;font-size:.8rem;font-weight:600}
.sf-qty{display:inline-flex;align-items:center;border:1px solid var(--sf-line);border-radius:999px;background:var(--sf-bg)}
.sf-qty form{margin:0}
.sf-qty button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--sf-text);cursor:pointer;transition:background-color .2s,color .2s}
.sf-qty button:hover:not([disabled]){background:var(--sf-soft);color:var(--sf-primary)}
.sf-qty button[disabled]{opacity:.35;cursor:not-allowed}
.sf-qty button .sf-i{width:18px;height:18px}
.sf-qty output{min-width:2rem;font-weight:700;text-align:center}
.sf-line__total{min-width:6.5rem;color:var(--sf-primary);text-align:end}
.sf-line__remove{margin:0}
.sf-line__remove button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--sf-muted);cursor:pointer;transition:background-color .2s,color .2s}
.sf-line__remove button:hover{background:color-mix(in srgb,#dc2626 10%,transparent);color:#dc2626}
.sf-line__remove .sf-i{width:18px;height:18px}
.sf-cart__summary{position:sticky;top:calc(var(--sf-header-h) + 3.5rem);display:grid;gap:1rem;padding:1.25rem;background:var(--sf-bg);border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow)}
.sf-cart__summary h2{margin:0;font-size:1.1rem}
.sf-cart__summary dl{display:grid;gap:.55rem;margin:0}
.sf-cart__summary dl div{display:flex;justify-content:space-between;gap:1rem}
.sf-cart__summary dt{color:var(--sf-muted)}
.sf-cart__summary dd{margin:0;font-weight:700}
.sf-cart__summary .is-total{padding-top:.75rem;border-top:1px solid var(--sf-line-soft);font-size:1.15rem}
.sf-cart__summary .is-total dt{color:var(--sf-text);font-weight:700}
.sf-cart__summary .is-total dd{color:var(--sf-primary)}
.sf-cart__summary form{margin:0}
/* كود الخصم في ملخص السلة (store/cart-code.js) */
.sf-cart__summary .is-discount dd{color:#16a34a}
.sf-promo{display:grid;gap:.55rem}
.sf-promo summary{width:fit-content;color:var(--sf-primary);font-size:.9rem;font-weight:700;list-style:none;cursor:pointer;text-decoration:underline;text-underline-offset:.25em}
.sf-promo summary::-webkit-details-marker{display:none}
.sf-promo__row{display:flex;gap:.5rem}
.sf-promo__row .sf-input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.04em}
.sf-promo__row .sf-input::placeholder{text-transform:none;letter-spacing:0}
.sf-promo__row .sf-btn{flex:none;min-height:0;padding-inline:1.1rem}
.sf-promo__err{margin:0;color:#dc2626;font-size:.84rem;font-weight:600}
.sf-promo.is-applied{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border:1px solid color-mix(in srgb,#16a34a 35%,transparent);border-radius:12px;background:color-mix(in srgb,#16a34a 9%,transparent);font-size:.88rem}
.sf-promo.is-applied>.sf-i{flex:none;width:1.05rem;height:1.05rem;color:#16a34a}
.sf-promo.is-applied>span{flex:1;min-width:0}
.sf-promo__remove{appearance:none;padding:0;border:0;background:none;color:var(--sf-muted);font:inherit;font-size:.85rem;font-weight:700;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.sf-promo__remove:hover{color:var(--sf-text)}
.sf-cart__note{display:flex;align-items:flex-start;gap:.45rem;margin:0;color:var(--sf-muted);font-size:.84rem}
.sf-cart__note .sf-i{margin-top:.2rem;color:var(--sf-accent)}
.sf-cart__continue{justify-self:center;color:var(--sf-primary);font-size:.92rem;font-weight:700;text-decoration:none}
.sf-cart__continue:hover{text-decoration:underline;text-underline-offset:3px}
.sf-cart__plans{display:grid;gap:.65rem}
.sf-cart__plan{display:grid;gap:.45rem;padding:.8rem;background:var(--sf-soft);border:1px solid var(--sf-line-soft);border-radius:calc(var(--sf-radius) * .75)}
.sf-cart__plan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}
.sf-cart__plan-head b{font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}
.sf-cart__plan-head span{color:var(--sf-primary);font-weight:800;white-space:nowrap}
.sf-cart__plan form{margin:0}
.sf-cart-empty .sf-message__icon{width:4.4rem;height:4.4rem}
.sf-cart-empty .sf-message__icon .sf-i{width:2rem;height:2rem}

.sf-toast{position:fixed;top:calc(var(--sf-header-h) + 1rem);inset-inline:0;z-index:30;display:flex;align-items:center;gap:.6rem;width:fit-content;max-width:calc(100% - 2rem);margin-inline:auto;padding:.7rem 1rem;border-radius:14px;background:var(--sf-text);color:var(--sf-bg);box-shadow:var(--sf-shadow-lg);font-size:.92rem;font-weight:600;animation:sf-toast 6s var(--sf-ease) both}
.sf-toast .sf-i{color:var(--sf-accent)}
.sf-toast a{margin-inline-start:.3rem;color:inherit;font-weight:800;text-underline-offset:3px}
@keyframes sf-toast{0%{opacity:0;translate:0 -12px}8%,85%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -12px;visibility:hidden}}

@media (max-width:760px){
.sf-cart{grid-template-columns:minmax(0,1fr)}
.sf-cart__summary{position:static}
.sf-line{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"media info remove" "media qty total";gap:.55rem .75rem}
.sf-line__media{grid-area:media;width:64px}
.sf-line__info{grid-area:info}
.sf-qty{grid-area:qty;justify-self:start}
.sf-line__total{grid-area:total;min-width:0}
.sf-line__remove{grid-area:remove;justify-self:end}
.sf-buy:has(form+form) .sf-buy__price{display:none}
.sf-buy .sf-btn span{white-space:nowrap}
}

/* شريط الشراء على الجوال بزرارين: الأزرار بتصغر بدل ما تطلع برّه الشاشة (في RTL الزيادة بتتقص من ناحية البداية ومش بتبان في scrollWidth) */
@media (max-width:760px){
.sf-buy form{min-width:0}
.sf-buy .sf-btn{min-width:0;padding-inline:.6rem;gap:.35rem;font-size:.94rem}
.sf-buy .sf-btn span{overflow:hidden;text-overflow:ellipsis}
/* 🔴 «أضف إلى السلة» أطول من «اشترِ الآن» وكان واخد ٨٠٪ من عرض أخوه، فبيتقص («أضف إلى الس…»).
   الزرارين بقوا بالتساوي والخط بيصغر بالتدريج — بدل ما نخفي كلمة أو أيقونة. */
.sf-buy form+form{flex:1}
}
@media (max-width:360px){
.sf-buy .sf-btn{padding-inline:.45rem;gap:.25rem;font-size:.88rem}
.sf-buy .sf-btn .sf-i{width:1em;height:1em}
}

/* ══ مكونات مشتركة بين بناء الثيمات (store/layouts) ══ */
.sf-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sf-thumb{display:grid;place-items:center;width:40px;height:40px;flex:none;overflow:hidden;border-radius:12px;background:var(--sf-tint);color:var(--sf-primary);font-weight:800}
.sf-thumb img{width:100%;height:100%;object-fit:cover}

/* ── البحث ── */
.sf-search{position:relative;display:flex;align-items:center;min-width:0}
.sf-search input{width:100%;min-width:0;height:46px;padding-block:0;padding-inline:1.1rem 3.1rem;border:1px solid var(--sf-line);border-radius:999px;background:var(--sf-soft);color:var(--sf-text);font:inherit;font-size:.95rem;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .2s,background-color .2s,box-shadow .2s}
.sf-search input::placeholder{color:var(--sf-muted)}
.sf-search input:focus{border-color:var(--sf-primary);background:var(--sf-bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--sf-primary) 16%,transparent)}
.sf-search input::-webkit-search-cancel-button{display:none}
.sf-search button{position:absolute;inset-inline-end:5px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--sf-primary);color:var(--sf-primary-ink);cursor:pointer}
.sf-search button .sf-i{width:18px;height:18px}
.sf-search--page{max-width:560px;margin-top:1.1rem}
.sf-drawer__search{margin:.8rem 1.2rem 0}

/* ── «كل الأقسام»: popover، ومكانه تحت الزرار بـanchor positioning في المتصفحات اللي بتدعمه ── */
.sf-catpop{display:none;margin:auto;padding:0;width:min(720px,100% - 2rem);max-height:min(72dvh,560px);overflow:auto;border:1px solid var(--sf-line);border-radius:calc(var(--sf-radius) + 4px);background:var(--sf-bg);color:var(--sf-text);box-shadow:var(--sf-shadow-lg);opacity:0;translate:0 8px;transition:opacity .2s,translate .25s var(--sf-ease),display .25s allow-discrete,overlay .25s allow-discrete}
.sf-catpop:popover-open{display:block;opacity:1;translate:0 0}
@starting-style{.sf-catpop:popover-open{opacity:0;translate:0 8px}}
.sf-catpop::backdrop{background:rgb(10 10 20 / .3)}
@supports (position-area:block-end){
.sf-catpop-anchor{anchor-name:--sf-cats}
.sf-catpop{position-anchor:--sf-cats;position-area:block-end span-inline-end;position-try-fallbacks:flip-inline;margin:.55rem 0 0;width:min(620px,100vw - 2rem)}
.sf-catpop::backdrop{background:transparent}
}
.sf-catpop__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;background:var(--sf-bg);border-bottom:1px solid var(--sf-line-soft)}
.sf-catpop__head .sf-iconbtn{width:36px;height:36px}
.sf-catpop__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.3rem;padding:.55rem}
.sf-catpop__grid a{display:flex;align-items:center;gap:.65rem;padding:.45rem .55rem;border-radius:12px;text-decoration:none;transition:background-color .2s,color .2s}
.sf-catpop__grid a:hover,.sf-catpop__grid a[aria-current]{background:var(--sf-tint);color:var(--sf-on-tint)}
.sf-catpop__grid span{display:grid;line-height:1.35;min-width:0}
.sf-catpop__grid b{font-size:.92rem}
.sf-catpop__grid small{color:var(--sf-muted);font-size:.76rem}

/* ══ أشكال الثيمات (design.look): اختيارات «تخصيص الثيم» ══ */

/* ── شريط التواصل العلوي وشريط الثقة ── */
.sf-topbar{background:var(--sf-text);color:var(--sf-bg);font-size:.8rem}
.sf-topbar__row{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.2rem;min-height:36px;flex-wrap:wrap}
.sf-topbar__links{display:flex;align-items:center;gap:.4rem 1.1rem;flex-wrap:wrap}
.sf-topbar a{display:inline-flex;align-items:center;gap:.35rem;color:inherit;text-decoration:none;opacity:.85;transition:opacity .2s}
.sf-topbar a:hover{opacity:1}
.sf-topbar .sf-i{width:15px;height:15px}
.sf-trust{background:var(--sf-bg);border-bottom:1px solid var(--sf-line-soft)}
.sf-trust__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-block:.7rem}
.sf-trust__item{display:flex;align-items:center;gap:.65rem;min-width:0}
.sf-trust__item>.sf-i{width:36px;height:36px;padding:8px;border-radius:11px;background:var(--sf-tint);color:var(--sf-primary)}
.sf-trust__item span{min-width:0}
.sf-trust__item b{display:block;font-size:.88rem;line-height:1.35}
.sf-trust__item small{display:block;overflow:hidden;color:var(--sf-muted);font-size:.76rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}

/* ── الهيدر: الشعار في المنتصف ── */
.sf-header--centered .sf-header__row{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"nav brand end";min-height:84px;padding-block:.7rem}
.sf-header--centered .sf-brand{grid-area:brand;justify-self:center;flex-direction:column;gap:.3rem;font-size:1.15rem;line-height:1.2;text-align:center}
.sf-header--centered .sf-brand img{height:40px}
.sf-header--centered .sf-nav{grid-area:nav;justify-self:start;margin:0}
.sf-header--centered .sf-header__end{grid-area:end;justify-self:end;margin:0}
.sf-header--centered .sf-catbar__row{justify-content:center}

/* ── الهيدر: صفّين (الشعار، ثم قائمة التنقل بالتصنيفات) ── */
.sf-header--stacked .sf-header__row{min-height:76px}
.sf-mainnav{border-top:1px solid var(--sf-line-soft)}
.sf-mainnav__row{display:flex;align-items:center;gap:.2rem;overflow-x:auto;padding-block:.35rem;scrollbar-width:none;overscroll-behavior-x:contain}
.sf-mainnav__row::-webkit-scrollbar{display:none}
.sf-mainnav a{flex:none;padding:.45rem .9rem;border-radius:10px;color:var(--sf-muted);font-size:.92rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:color .2s,background-color .2s}
.sf-mainnav a:hover{color:var(--sf-text);background:var(--sf-soft)}
.sf-mainnav a[aria-current]{color:var(--sf-on-tint);background:var(--sf-tint)}
.sf-mainnav__sep{flex:none;width:1px;height:1.2rem;margin-inline:.35rem;background:var(--sf-line)}

/* ── الواجهة: في المنتصف، والنص بجانب الصورة ── */
.sf-hero--centered .sf-hero__inner{justify-items:center;text-align:center}
.sf-hero--centered .sf-hero__actions{justify-content:center}
.sf-hero--centered.has-image::before{background:radial-gradient(90% 90% at 50% 50%,rgb(8 8 16 / .58),rgb(8 8 16 / .28))}
.sf-hero--split{background:linear-gradient(180deg,var(--sf-tint),var(--sf-bg))}
.sf-hero--split .sf-hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;justify-items:stretch;gap:clamp(1.5rem,5vw,4rem);min-height:0;padding-block:clamp(2rem,5vw,3.75rem)}
.sf-hero--split .sf-hero__inner>*{max-width:none}
.sf-hero__text{display:grid;justify-items:start}
.sf-hero__text>*{max-width:600px}
.sf-hero__art{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border-radius:calc(var(--sf-radius) * 1.5);background:var(--sf-tint);box-shadow:var(--sf-shadow-lg);animation:sf-rise .9s .1s var(--sf-ease) both}
.sf-hero__art>img{width:100%;height:100%;object-fit:cover}
.sf-hero__mark{display:grid;place-items:center;width:38%;aspect-ratio:1;overflow:hidden;border-radius:28%;background:var(--sf-bg);box-shadow:var(--sf-shadow-lg);color:var(--sf-primary);font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800}
.sf-hero__mark img{width:72%;height:72%;object-fit:contain}

/* ── الشبكة: الأعمدة، وأبعاد الصور، والشريط الأفقي ── */
@media (min-width:1000px){
.sf-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sf-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sf-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.sf-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
}
.sf-ratio-portrait .sf-card__media,.sf-product.sf-ratio-portrait .sf-product__frame{aspect-ratio:4/5}
.sf-ratio-landscape .sf-card__media,.sf-product.sf-ratio-landscape .sf-product__frame{aspect-ratio:4/3}
.sf-grid--rail{--sf-rail-n:4.35}
.sf-grid--rail.sf-cols-3{--sf-rail-n:3.3}
.sf-grid--rail.sf-cols-5{--sf-rail-n:5.4}
.sf-grid--rail.sf-cols-6{--sf-rail-n:6.4}
.sf-grid.sf-grid--rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--sf-gap) * (var(--sf-rail-n) - 1)) / var(--sf-rail-n));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-block:.5rem 1.1rem;margin-block:-.5rem -1.1rem;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--sf-primary) 40%,transparent) transparent;-webkit-mask-image:linear-gradient(to left,#000 90%,transparent);mask-image:linear-gradient(to left,#000 90%,transparent)}
.sf-grid--rail>.sf-card{scroll-snap-align:start}

/* ── بطاقة: صورة داخل إطار (مناسبة لشعارات البطاقات الرقمية) ── */
.sf-cards-tile .sf-card{border-color:var(--sf-line)}
.sf-cards-tile .sf-card__media{margin:.6rem .6rem 0;border-radius:calc(var(--sf-radius) * .7);background:var(--sf-soft)}
.sf-cards-tile .sf-card__media img{padding:9%;object-fit:contain}
.sf-cards-tile .sf-card__body{justify-items:center;padding:.8rem .8rem .9rem;text-align:center}
.sf-cards-tile .sf-price{justify-content:center}
.sf-cards-tile .sf-card__tags{top:1.1rem;inset-inline-start:1.1rem}
.sf-cards-tile .sf-card__action:not(.is-muted){background:var(--sf-primary);border-color:var(--sf-primary);color:var(--sf-primary-ink)}
.sf-cards-tile .sf-card__action:not(.is-muted):hover{filter:brightness(1.08)}

/* ── بطاقة: النص فوق الصورة ── */
.sf-cards-overlay .sf-card{border-color:transparent;background:var(--sf-soft)}
.sf-cards-overlay .sf-card__link{position:relative}
.sf-cards-overlay .sf-card__body{position:absolute;inset-inline:0;bottom:0;padding:3rem 1rem 1rem;background:linear-gradient(to top,rgb(10 8 6 / .8),rgb(10 8 6 / .4) 55%,transparent);color:#fff}
.sf-cards-overlay .sf-price,.sf-cards-overlay .sf-card__meta{color:#fff}
.sf-cards-overlay .sf-price s,.sf-cards-overlay .sf-per{color:rgb(255 255 255 / .75)}
.sf-cards-overlay .sf-card__form,.sf-cards-overlay .sf-card>.sf-card__action{position:absolute;top:.65rem;inset-inline-end:.65rem;z-index:1}
.sf-cards-overlay .sf-card__action{width:auto;min-height:36px;margin:0;padding:.3rem .75rem;border-color:transparent;background:color-mix(in srgb,var(--sf-bg) 88%,transparent);color:var(--sf-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@container (max-width:240px){
.sf-cards-overlay .sf-card__action{width:36px;padding:0;font-size:0;gap:0}
.sf-cards-overlay .sf-card__action .sf-i{width:18px;height:18px}
.sf-cards-overlay .sf-card__action.is-muted{display:none}
}

/* ── بطاقة: بدون إطار ── */
.sf-cards-minimal .sf-card{border-color:transparent;background:transparent}
.sf-cards-minimal .sf-card:hover{transform:none;box-shadow:none;border-color:transparent}
.sf-cards-minimal .sf-card__media{border-radius:var(--sf-radius);background:var(--sf-soft)}
.sf-cards-minimal .sf-card__body{padding:.75rem .15rem .6rem}
.sf-cards-minimal .sf-card__action{width:100%;margin:0 0 .25rem;background:transparent;border-color:var(--sf-line);color:var(--sf-text)}
.sf-cards-minimal .sf-card__action:not(.is-muted):hover{background:var(--sf-text);border-color:var(--sf-text);color:var(--sf-bg)}

/* ── التصنيفات: مربعات بالصور، وأزرار صغيرة ── */
.sf-cats.sf-cats--tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
.sf-cats--tiles .sf-cat{position:relative;isolation:isolate;align-content:end;justify-items:start;aspect-ratio:1;padding:1rem 1.1rem;overflow:hidden;border:0;background:var(--sf-tint);color:#fff;text-align:start}
.sf-cats--tiles .sf-cat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgb(8 8 16 / .72),rgb(8 8 16 / .1) 60%,transparent)}
.sf-cats--tiles .sf-cat__media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;border-radius:0;box-shadow:none}
.sf-cats--tiles .sf-cat__media .sf-placeholder{font-size:4.5rem;opacity:.4}
.sf-cats--tiles .sf-cat__name{font-size:1.1rem}
.sf-cats--tiles .sf-cat small{color:rgb(255 255 255 / .8)}
.sf-cats.sf-cats--chips{display:flex;flex-wrap:wrap;gap:.6rem}
.sf-cats--chips .sf-cat{display:inline-flex;align-items:center;gap:.6rem;padding-block:.35rem;padding-inline:.35rem 1.1rem;border-radius:999px}
.sf-cats--chips .sf-cat:hover{transform:none}
.sf-cats--chips .sf-cat__media{width:40px;height:40px;margin:0;box-shadow:none}
.sf-cats--chips .sf-cat__media .sf-placeholder{font-size:1rem}
.sf-cats--chips .sf-cat small{display:none}

/* ── الأزرار الرئيسية: بإطار، ومتدرّجة ── */
.sf-btns-outline .sf-btn:not(.sf-btn--ghost):not(.sf-btn--soft){background:transparent;border-color:currentColor;color:var(--sf-primary);box-shadow:none}
.sf-btns-outline .sf-btn:not(.sf-btn--ghost):not(.sf-btn--soft):hover:not([disabled]){background:var(--sf-primary);border-color:var(--sf-primary);color:var(--sf-primary-ink);filter:none}
.sf-btns-outline .sf-hero.has-image .sf-btn:not(.sf-btn--ghost){color:#fff}
.sf-btns-gradient .sf-btn:not(.sf-btn--ghost):not(.sf-btn--soft){background:linear-gradient(135deg,var(--sf-primary),color-mix(in srgb,var(--sf-primary) 58%,var(--sf-accent)))}

/* ── عناوين الأقسام: في المنتصف، ومع خط ملوّن ── */
.sf-titles-center .sf-section .sf-head{flex-direction:column;align-items:center;gap:.4rem;text-align:center}
.sf-titles-center .sf-section .sf-title{text-align:center}
.sf-titles-accent .sf-title{display:flex;align-items:center;gap:.65rem}
.sf-titles-accent .sf-title::before{content:"";flex:none;width:6px;height:1.05em;border-radius:3px;background:linear-gradient(var(--sf-primary),var(--sf-accent))}

/* ── التذييل: داكن، وفي المنتصف ── */
.sf-footer--dark{background:color-mix(in srgb,#0a0a0f 90%,var(--sf-primary));color:#f5f5f7;border-top:0}
.sf-footer--dark .sf-footer__about p,.sf-footer--dark .sf-footer__list a,.sf-footer--dark .sf-footer__bottom{color:rgb(255 255 255 / .68)}
.sf-footer--dark .sf-footer__list a:hover,.sf-footer--dark .sf-footer__bottom>a:hover{color:#fff}
.sf-footer--dark .sf-footer__bottom{border-top-color:rgb(255 255 255 / .12)}
.sf-footer--dark .sf-footer__bio p,.sf-footer--dark .sf-service__text small{color:rgb(255 255 255 / .62)}
.sf-footer--dark .sf-service__icon,.sf-footer--dark .sf-social a{background:rgb(255 255 255 / .08);border-color:rgb(255 255 255 / .12);color:#fff}
.sf-footer--centered .sf-service{justify-items:center}
.sf-footer--centered .sf-social{justify-content:center}
.sf-footer--centered .sf-footer__grid{grid-template-columns:minmax(0,1fr);justify-items:center;gap:1.6rem;text-align:center}
.sf-footer--centered .sf-footer__about{justify-items:center;max-width:560px}
.sf-footer--centered .sf-footer__col{justify-items:center}
.sf-footer--centered .sf-footer__list{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem}
.sf-footer--centered .sf-footer__bottom{justify-content:center;text-align:center}

/* ── شريط التنقل السفلي (الجوال بس) ── */
.sf-tabbar{display:none}
.sf-tabbar a{position:relative;display:grid;justify-items:center;gap:.15rem;padding:.45rem 0 .35rem;border-radius:16px;color:var(--sf-muted);font-size:.72rem;font-weight:700;text-decoration:none}
.sf-tabbar a:hover,.sf-tabbar a[aria-current]{background:var(--sf-tint);color:var(--sf-on-tint)}
.sf-tabbar .sf-i{width:22px;height:22px}
.sf-tabbar__count{position:absolute;top:.2rem;inset-inline-start:calc(50% + .35rem);min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--sf-primary);color:var(--sf-primary-ink);font-size:.66rem;line-height:18px;text-align:center}

@media (max-width:999px){
.sf-grid--rail,.sf-grid--rail.sf-cols-3,.sf-grid--rail.sf-cols-5,.sf-grid--rail.sf-cols-6{--sf-rail-n:3.2}
}
@media (max-width:900px){
.sf-footer--centered .sf-footer__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
.sf-header--centered .sf-header__row{min-height:var(--sf-header-h);padding-block:0}
.sf-header--centered .sf-brand{flex-direction:row;font-size:1.02rem}
.sf-header--stacked .sf-header__row{min-height:var(--sf-header-h)}
.sf-trust__row{display:flex;gap:1.4rem;overflow-x:auto;scrollbar-width:none}
.sf-trust__row::-webkit-scrollbar{display:none}
.sf-trust__item{flex:none}
.sf-trust__item small{display:none}
.sf-topbar__row{justify-content:center}
.sf-topbar__links:first-child a:nth-child(2){display:none}
.sf-hero--split .sf-hero__inner{grid-template-columns:minmax(0,1fr)}
.sf-hero__art{aspect-ratio:16/10}
/* من غير صورة الإطار فيه الشعار بس — على الجوال بياخد مساحة من غير فايدة */
.sf-hero__art:has(.sf-hero__mark){display:none}
.sf-grid.sf-mcols-1{grid-template-columns:minmax(0,1fr)}
.sf-grid--rail,.sf-grid--rail.sf-cols-3,.sf-grid--rail.sf-cols-5,.sf-grid--rail.sf-cols-6{--sf-rail-n:2.2}
.sf-grid--rail.sf-mcols-1{--sf-rail-n:1.3}
.sf-cats.sf-cats--tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.sf-cats--chips .sf-cat{padding-block:.3rem;padding-inline:.3rem .9rem}
.sf-cats--chips .sf-cat__media{width:34px;height:34px}
.sf-tabbar{position:fixed;inset-inline:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:25;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;padding:.35rem;background:color-mix(in srgb,var(--sf-bg) 86%,transparent);border:1px solid var(--sf-line);border-radius:22px;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 18px 40px -20px rgb(0 0 0 / .45)}
/* الأزرار العائمة بتقف فوق شريط التنقل (ومعاه شريط الشراء في صفحة المنتج) — مش بتختفي */
body:has(.sf-tabbar) .sf-fabs{inset-block-end:calc(5.4rem + env(safe-area-inset-bottom))}
body:has(.sf-tabbar):has(.sf-buy) .sf-fabs{inset-block-end:calc(9.6rem + env(safe-area-inset-bottom))}
.sf-fab{width:48px;height:48px}
.sf-fab .sf-i{width:23px;height:23px}
body:has(.sf-tabbar) .sf-footer{padding-bottom:6.5rem}
/* 🔴 :where عشان وزنها يفضل وزن .sf-buy لوحدها: ميدنايت وديجيتال حاطين الشراء جوّه لوحتهم وبيشيلوا الإطار
   والهامش، والقاعدة دي كانت بتغلبهم فبيطلع إطار زيادة حوالين الزراير لما شريط التنقل شغّال */
:where(body:has(.sf-tabbar)) .sf-buy{bottom:calc(4.9rem + env(safe-area-inset-bottom));margin-inline:0;border:1px solid var(--sf-line-soft);border-radius:18px}
body:has(.sf-tabbar) .sf-toast{top:auto;bottom:calc(5.4rem + env(safe-area-inset-bottom))}
}

/* ══ v3: التقييمات والأسئلة، لوحة البحث، صفحة البحث، طرق الدفع، خدمة العملاء، والحساب ══ */

/* ── النجوم: طبقة ملوّنة بعرض التقييم فوق نجوم رمادي (قناع SVG، من غير صور) ── */
.sf-stars{--sf-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4l-5.8 3.1 1.1-6.5-4.7-4.6 6.5-.9z'/%3E%3C/svg%3E");position:relative;display:inline-block;flex:none;width:5.5em;height:1.1em;vertical-align:-.15em}
.sf-stars::before,.sf-stars::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;-webkit-mask:var(--sf-star) right center/1.1em 1.1em repeat-x;mask:var(--sf-star) right center/1.1em 1.1em repeat-x}
.sf-stars::before{width:100%;background:color-mix(in srgb,var(--sf-text) 16%,transparent)}
.sf-stars::after{width:calc(var(--sf-rate,0) * 20%);background:#f5a524}
/* ── آراء العملاء (قسم reviews — sf-voices عشان sf-reviews بتاعة صفحة المنتج): شريط بطاقات يُسحب — دايرة بأول حرف، والنجوم، والنص، والاسم ── */
.sf-voices{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,calc((100% - 2 * var(--sf-gap,1rem)) / 3));gap:var(--sf-gap,1rem);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-block:.3rem .9rem;scrollbar-width:thin}
.sf-voice{display:grid;justify-items:start;align-content:start;gap:.55rem;padding:1.1rem 1.2rem;border:1px solid var(--sf-line);border-radius:var(--sf-radius);background:var(--sf-bg);scroll-snap-align:start}
.sf-voice__avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--sf-tint);color:var(--sf-on-tint);font-size:1.15rem;font-weight:800}
.sf-voice__stars{font-size:.92rem}
.sf-voice__text{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:1.75;color:var(--sf-text)}
.sf-voice__name{font-size:.82rem;color:var(--sf-muted)}
@media (max-width:760px){.sf-voices{grid-auto-columns:82%}}
.sf-rating{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;color:var(--sf-text);font-size:.92rem;text-decoration:none}
/* «تم الشراء ١٢٠ مرة»: شارة هادية جنب السعر — كانت سطر بأيقونة شبه أيقونة الحذف */
.sf-sold{display:inline-flex;align-items:center;gap:.38rem;margin:0;width:fit-content;padding:.22rem .6rem .22rem .5rem;border-radius:999px;background:var(--sf-soft);border:1px solid var(--sf-line-soft);color:var(--sf-muted);font-size:.82rem;font-weight:600;line-height:1.5}
.sf-sold .sf-i{width:14px;height:14px;padding:2px;border-radius:50%;background:color-mix(in srgb,var(--sf-accent) 16%,transparent);color:var(--sf-accent)}
.sf-rating small{color:var(--sf-muted)}
.sf-rating:hover small{color:var(--sf-primary);text-decoration:underline;text-underline-offset:3px}
.sf-card__rating{display:inline-flex;align-items:center;gap:.3rem;color:var(--sf-muted);font-size:.76rem}
.sf-card__rating .sf-stars{font-size:.78rem}
.sf-product__title{margin:0;font-size:clamp(1.65rem,3.4vw,2.35rem);line-height:1.3;letter-spacing:-.015em}
.sf-ratio-portrait .sf-product__frame{aspect-ratio:4/5}
.sf-ratio-landscape .sf-product__frame{aspect-ratio:4/3}

/* ── صفحة المنتج («عصري»): شريط الأقسام والبطاقات ── */
.sf-pdp{padding-top:0}
.sf-pdp>.sf-wrap{display:grid;gap:1rem}
.sf-pdp__tabs{display:flex;gap:.35rem;width:fit-content;max-width:100%;overflow-x:auto;padding:.3rem;border:1px solid var(--sf-line-soft);border-radius:999px;background:var(--sf-soft);scrollbar-width:none}
.sf-pdp__tabs a{flex:none;padding:.45rem 1rem;border-radius:999px;color:var(--sf-muted);font-size:.9rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s}
.sf-pdp__tabs a:hover{background:var(--sf-bg);color:var(--sf-primary)}
.sf-pdp__tabs bdi{margin-inline-start:.25rem;padding:0 .45rem;border-radius:999px;background:var(--sf-bg);font-size:.76rem}
.sf-pdp__block{padding:clamp(1.1rem,3vw,1.6rem);border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius);background:var(--sf-bg)}
.sf-pdp__block>h2{margin:0 0 1rem;font-size:1.2rem}

/* ── التقييمات ── */
.sf-reviews{display:grid;gap:1.1rem}
.sf-reviews__summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem 2rem;padding:1rem 1.2rem;border-radius:var(--sf-radius);background:var(--sf-soft)}
.sf-reviews__score{display:grid;justify-items:center;gap:.3rem;text-align:center}
.sf-reviews__score b{font-size:2.6rem;font-weight:800;line-height:1}
.sf-reviews__score small{color:var(--sf-muted);font-size:.8rem}
.sf-bars{display:grid;gap:.3rem;margin:0;padding:0;list-style:none;font-size:.82rem}
.sf-bars li{display:grid;grid-template-columns:2.4rem minmax(0,1fr) 2rem;align-items:center;gap:.6rem}
.sf-bars__n{display:inline-flex;align-items:center;gap:.2rem;color:var(--sf-muted)}
.sf-bars__n .sf-i{width:.95em;height:.95em;color:#f5a524;fill:currentColor}
.sf-bars__track{height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--sf-text) 10%,transparent)}
.sf-bars__track i{display:block;height:100%;border-radius:inherit;background:#f5a524}
.sf-bars__note{margin:.35rem 0 0;font-size:.78rem;color:var(--sf-muted,#6b7280)}
.sf-bars small{color:var(--sf-muted);text-align:end}
.sf-reviews__cta{display:grid;justify-items:center;gap:.5rem;text-align:center}
.sf-reviews__cta p{margin:0;color:var(--sf-muted);font-size:.86rem}
.sf-reviews__list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}
.sf-review{display:grid;gap:.6rem;padding:1rem 1.1rem;border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius)}
.sf-review__head{display:flex;align-items:center;gap:.75rem}
.sf-review__avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:var(--sf-tint);color:var(--sf-primary);font-weight:800}
.sf-review__who{display:grid;flex:1;min-width:0;line-height:1.4}
.sf-review__who small{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;color:var(--sf-muted);font-size:.78rem}
.sf-review__who small .sf-i{width:.95em;height:.95em;color:var(--sf-accent)}
.sf-review__body p{margin:0 0 .35rem}
.sf-review__reply{padding:.7rem .9rem;border-inline-start:3px solid var(--sf-primary);border-radius:10px;background:var(--sf-tint);font-size:.92rem}
.sf-review__reply b{display:flex;align-items:center;gap:.35rem;margin-bottom:.2rem;color:var(--sf-primary);font-size:.84rem}
.sf-review__reply b .sf-i{width:1em;height:1em}
.sf-review__reply p{margin:0}

/* ── الأسئلة ── */
.sf-questions{display:grid;gap:1rem}
.sf-questions__list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}
.sf-qa{display:grid;gap:.6rem;padding:1rem 1.1rem;border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius)}
.sf-qa__row{display:flex;gap:.7rem}
.sf-qa__row>div{display:grid;gap:.15rem;min-width:0}
.sf-qa__row p{margin:0}
.sf-qa__row small{color:var(--sf-muted);font-size:.78rem}
.sf-qa__mark{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:var(--sf-soft);font-size:.85rem;font-weight:800}
.sf-qa__row.is-a .sf-qa__mark{background:var(--sf-primary);color:var(--sf-primary-ink)}
.sf-ask{border:1px dashed var(--sf-line);border-radius:var(--sf-radius)}
.sf-ask>summary{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;color:var(--sf-primary);font-weight:700;list-style:none;cursor:pointer}
.sf-ask>summary::-webkit-details-marker{display:none}
.sf-ask>summary .sf-i{width:20px;height:20px}
.sf-ask__form{display:grid;gap:.6rem;padding:0 1rem 1rem}
.sf-ask__foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.sf-ask__foot small{color:var(--sf-muted);font-size:.8rem}

/* ── حقول الفورمز (السؤال والحساب) ── */
.sf-input,.sf-ask textarea{width:100%;min-height:48px;padding:.7rem 1rem;border:1px solid var(--sf-line);border-radius:12px;background:var(--sf-bg);color:var(--sf-text);font:inherit;font-size:1rem;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
textarea.sf-input,.sf-ask textarea{min-height:110px;resize:vertical;line-height:1.7}
.sf-input:focus,.sf-ask textarea:focus{border-color:var(--sf-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--sf-primary) 16%,transparent)}
.sf-form{display:grid;gap:.85rem}
.sf-field{display:grid;gap:.35rem}
.sf-field>span{font-size:.88rem;font-weight:700}
.sf-field small{color:var(--sf-muted);font-size:.8rem}
.sf-formerror,.sf-formnote{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:.7rem .9rem;border-radius:12px;font-size:.9rem;font-weight:600}
.sf-formerror{background:color-mix(in srgb,#dc2626 10%,transparent);color:#b91c1c}
.sf-formnote{background:color-mix(in srgb,#16a34a 11%,transparent);color:#15803d}
.sf-formerror .sf-i,.sf-formnote .sf-i{margin-top:.15rem}
.sf-linkbtn{padding:0;border:0;background:none;color:var(--sf-primary);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.sf-linkbtn:hover{text-decoration:underline;text-underline-offset:3px}

/* ── لوحة البحث (popover #sf-find) — الشكل الأساسي، وكل ثيم بيبدّله ── */
.sf-find{display:none;margin:0;padding:0;border:0;background:transparent;color:var(--sf-text);width:auto;height:auto;max-width:none;max-height:none;overflow:visible}
.sf-find:popover-open{display:grid}
.sf-find::backdrop{background:rgb(10 10 20 / .42)}
.sf-find__box{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.8rem;min-height:0;padding:1rem;background:var(--sf-bg);color:var(--sf-text)}
.sf-find__head{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .6rem}
.sf-find__head b{font-size:1.02rem}
.sf-find__head small{color:var(--sf-muted);font-size:.8rem}
.sf-find__close{display:grid;place-items:center;width:40px;height:40px;margin-inline-start:auto;padding:0;border:0;border-radius:12px;background:var(--sf-soft);color:var(--sf-text);cursor:pointer}
.sf-find__close .sf-i{width:20px;height:20px}
.sf-find__form input{height:54px;font-size:1.05rem}
.sf-find__body{display:grid;align-content:start;gap:1rem;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.sf-find__idle{display:grid;gap:1rem}
.sf-find__group h2{margin:0 0 .5rem;color:var(--sf-muted);font-size:.8rem;font-weight:700}
.sf-find__chips{display:flex;flex-wrap:wrap;gap:.4rem}
.sf-find__chips a{display:inline-flex;align-items:center;gap:.45rem;padding-block:.25rem;padding-inline:.3rem .85rem;border:1px solid var(--sf-line-soft);border-radius:999px;font-size:.88rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s}
.sf-find__chips a:hover{border-color:var(--sf-primary);color:var(--sf-primary)}
.sf-find__chips .sf-thumb{width:30px;height:30px;border-radius:50%;font-size:.75rem}
.sf-live.is-loading button{animation:sf-pulse 1s ease-in-out infinite}
@keyframes sf-pulse{50%{opacity:.5}}
.sf-hits{display:grid;gap:.4rem}
.sf-hits__list{display:grid;gap:.2rem;margin:0;padding:0;list-style:none}
.sf-hit{display:flex;align-items:center;gap:.75rem;padding:.45rem .5rem;border-radius:12px;color:inherit;text-decoration:none;transition:background-color .15s}
.sf-hit:hover,.sf-hit:focus-visible{background:var(--sf-tint);outline:none}
.sf-hit__img{display:grid;place-items:center;width:48px;height:48px;flex:none;overflow:hidden;border-radius:10px;background:var(--sf-tint);color:var(--sf-primary);font-weight:800}
.sf-hit__img img{width:100%;height:100%;object-fit:cover;transition:scale .5s var(--sf-ease)}
.sf-hit__text{display:grid;min-width:0;line-height:1.45}
.sf-hit__text b{overflow:hidden;font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}
.sf-hit__text small{color:var(--sf-primary);font-size:.84rem;font-weight:700}
.sf-hit__text s{color:var(--sf-muted);font-weight:500}
.sf-hit__out{margin-inline-start:.45rem;color:var(--sf-muted);font-weight:600}
.sf-hits__empty{margin:.3rem 0;color:var(--sf-muted)}
.sf-hits__all{justify-self:start;padding:.35rem .2rem;color:var(--sf-primary);font-size:.9rem;font-weight:700;text-decoration:none}
.sf-hits__all:hover{text-decoration:underline;text-underline-offset:3px}
/* «عصري»: لوحة بتنزل تحت الهيدر */
.sf-find--drop{position:fixed;inset:.75rem 0 auto;margin-inline:auto;width:min(760px,100% - 1.5rem);max-height:calc(100dvh - 1.5rem);opacity:0;translate:0 -12px;transition:opacity .2s,translate .25s var(--sf-ease),display .25s allow-discrete,overlay .25s allow-discrete}
.sf-find--drop:popover-open{opacity:1;translate:0 0}
@starting-style{.sf-find--drop:popover-open{opacity:0;translate:0 -12px}}
.sf-find--drop .sf-find__box{border:1px solid var(--sf-line-soft);border-radius:calc(var(--sf-radius) + 4px);box-shadow:var(--sf-shadow-lg)}
.sf-find--drop .sf-hits__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}

/* ── صفحة البحث: قايمة جانبية للتصفية ── */
.sf-searchhead .sf-search--page{margin-top:1rem}
.sf-browse{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,2rem)}
.sf-browse__side{position:sticky;top:calc(var(--sf-header-h) + 1rem);display:grid;gap:.75rem}
.sf-browse__main{min-width:0}
.sf-filter{padding:.85rem;border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius);background:var(--sf-bg)}
.sf-filter h2{display:flex;align-items:center;gap:.45rem;margin:0 0 .5rem;font-size:.92rem}
.sf-filter h2 .sf-i{width:17px;height:17px;color:var(--sf-primary)}
.sf-filter__list{display:grid;gap:.15rem;margin:0;padding:0;list-style:none}
.sf-filter__list a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.42rem .6rem;border-radius:10px;color:var(--sf-muted);font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}
.sf-filter__list a:hover{background:var(--sf-soft);color:var(--sf-text)}
.sf-filter__list a[aria-current]{background:var(--sf-tint);color:var(--sf-on-tint)}
.sf-filter__list small{min-width:1.6rem;padding:0 .4rem;border-radius:999px;background:var(--sf-soft);font-size:.74rem;text-align:center}
.sf-filter__toggle::after{content:"";flex:none;width:36px;height:20px;border-radius:999px;background:radial-gradient(circle at 26px 50%,#fff 6.5px,transparent 7px),var(--sf-line);transition:background .2s}
.sf-filter__toggle[aria-current]::after{background:radial-gradient(circle at 10px 50%,#fff 6.5px,transparent 7px),var(--sf-primary)}

/* ── طرق الدفع وخدمة العملاء والحسابات ── */
.sf-paylogos{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none}
.sf-paylogos li{line-height:0}
.sf-paylogos svg{display:block;width:46px;height:29px;border-radius:4px;box-shadow:0 1px 2px rgb(0 0 0 / .08)}
.sf-paylogos.is-mono svg{filter:grayscale(1);opacity:.8}
.sf-paylogos--cart{justify-content:center}
.sf-service{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}
.sf-service a{display:flex;align-items:center;gap:.65rem;min-width:0;color:inherit;text-decoration:none}
.sf-service__icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:var(--sf-tint);color:var(--sf-primary);transition:background-color .2s,color .2s}
.sf-service__icon .sf-i{width:19px;height:19px}
.sf-service .is-whatsapp .sf-service__icon{background:color-mix(in srgb,#25d366 15%,transparent);color:#169c4a}
.sf-service .is-telegram .sf-service__icon{background:color-mix(in srgb,#229ed9 15%,transparent);color:#178cc2}
.sf-service a:hover .sf-service__icon{background:var(--sf-primary);color:var(--sf-primary-ink)}
/* البريد كان بينكسر في نصّه («support@example» / «.com»): بيتعامل كوحدة واحدة
   وبيصغر شوية بدل ما ينقسم، والطويل جدًا بيتقص بنقط في آخره. */
.sf-service__text{display:grid;min-width:0;line-height:1.35}
.sf-service__text bdi,.sf-service__text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-service__text small{color:var(--sf-muted);font-size:.74rem}
.sf-service__text b{font-size:.9rem;overflow-wrap:anywhere}
.sf-social{display:flex;flex-wrap:wrap;gap:.45rem}
.sf-social a{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--sf-line-soft);border-radius:12px;background:var(--sf-bg);color:var(--sf-text);transition:background-color .2s,color .2s,border-color .2s}
.sf-social a:hover{background:var(--sf-primary);border-color:var(--sf-primary);color:var(--sf-primary-ink)}
.sf-footer__bio p{margin:0 0 .4rem;color:var(--sf-muted)}
.sf-footer__col h2 .sf-i{width:18px;height:18px}
.sf-footer__bottom .sf-paylogos{order:1}

/* ── السلة: المنتج اللي بيتجدد بيتدفع لوحده ── */

/* ── الحساب: الدخول، ولوحة العميل بقايمة جانبية، والطلب، والتقييم ── */
.sf-auth{display:grid;place-items:center;padding-block:clamp(1.5rem,6vw,4rem)}
.sf-auth__card{display:grid;gap:1rem;width:min(460px,100%);padding:clamp(1.3rem,4vw,2rem);border:1px solid var(--sf-line-soft);border-radius:calc(var(--sf-radius) + 6px);background:var(--sf-bg);box-shadow:var(--sf-shadow-lg)}
.sf-auth__icon{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:18px;background:var(--sf-tint);color:var(--sf-primary)}
.sf-auth__icon .sf-i{width:1.6rem;height:1.6rem}
.sf-auth h1{margin:0;font-size:1.55rem;line-height:1.3}
.sf-auth p{margin:0;color:var(--sf-muted)}
.sf-auth__perks{display:grid;gap:.5rem;margin:0;padding:.9rem 0 0;border-top:1px solid var(--sf-line-soft);list-style:none}
.sf-auth__perks li{display:flex;align-items:center;gap:.55rem;color:var(--sf-muted);font-size:.9rem}
.sf-auth__perks .sf-i{width:18px;height:18px;color:var(--sf-primary)}
.sf-auth__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;font-size:.9rem}
.sf-auth__links form{margin:0}
.sf-code{direction:ltr;font-size:1.6rem!important;font-weight:800;letter-spacing:.45em;text-align:center}
/* نافذة الدخول (kit.js authDialog + assets/app.js) */
.sf-authdlg{width:min(440px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:clamp(1.2rem,4vw,1.8rem);border:1px solid var(--sf-line-soft);border-radius:calc(var(--sf-radius) + 6px);background:var(--sf-bg);color:var(--sf-text);box-shadow:var(--sf-shadow-lg);overflow:auto;opacity:1;transform:none;transition:opacity .2s,transform .2s,overlay .2s allow-discrete,display .2s allow-discrete}
.sf-authdlg[open]{display:grid;gap:.9rem}
@starting-style{.sf-authdlg[open]{opacity:0;transform:translateY(12px) scale(.98)}}
.sf-authdlg::backdrop{background:rgb(15 12 30 / .55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.sf-authdlg__close{position:absolute;top:.75rem;inset-inline-end:.75rem;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:999px;background:var(--sf-soft);color:var(--sf-muted);cursor:pointer}
.sf-authdlg__close:hover{color:var(--sf-text)}
.sf-authdlg__step{display:grid;gap:.9rem}
.sf-authdlg__step>h2{margin:0;font-size:1.4rem;line-height:1.3}
.sf-authdlg__step>p{margin:0;color:var(--sf-muted)}
.sf-names{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.sf-field .sf-field__error{color:#b91c1c;font-weight:600}
@media (max-width:420px){.sf-names{grid-template-columns:1fr}}
.sf-account{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,2rem);padding-block:clamp(1.25rem,3vw,2rem) clamp(2rem,5vw,3.5rem)}
.sf-account__side{position:sticky;top:calc(var(--sf-header-h) + 1.5rem);display:grid;gap:.8rem}
.sf-account__user{display:flex;align-items:center;gap:.7rem;padding:1rem;border-radius:var(--sf-radius);background:linear-gradient(135deg,var(--sf-primary),color-mix(in srgb,var(--sf-primary) 58%,var(--sf-accent)));color:var(--sf-primary-ink)}
.sf-account__avatar{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;background:rgb(255 255 255 / .2);font-size:1.25rem;font-weight:800}
.sf-account__user span{display:grid;min-width:0;line-height:1.4}
.sf-account__user small{overflow:hidden;opacity:.85;text-overflow:ellipsis;white-space:nowrap}
.sf-account__nav{display:grid;gap:.2rem;padding:.5rem;border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius);background:var(--sf-bg)}
.sf-account__nav a,.sf-account__nav button{display:flex;align-items:center;gap:.65rem;width:100%;padding:.6rem .7rem;border:0;border-radius:11px;background:none;color:var(--sf-text);font:inherit;font-weight:600;text-align:start;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s}
.sf-account__nav a:hover,.sf-account__nav a[aria-current]{background:var(--sf-tint);color:var(--sf-on-tint)}
.sf-account__nav .sf-i{width:20px;height:20px}
.sf-account__nav a b{margin-inline-start:auto;min-width:22px;padding:0 .4rem;border-radius:999px;background:var(--sf-primary);color:var(--sf-primary-ink);font-size:.72rem;line-height:22px;text-align:center}
.sf-account__nav form{margin:0;padding-top:.2rem;border-top:1px solid var(--sf-line-soft)}
.sf-account__nav button{color:#dc2626}
.sf-account__nav button:hover{background:color-mix(in srgb,#dc2626 9%,transparent)}
.sf-account__main{display:grid;gap:1.1rem;min-width:0}
.sf-panel{padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--sf-line-soft);border-radius:var(--sf-radius);background:var(--sf-bg)}
.sf-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1rem}
.sf-panel__head h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.15rem}
.sf-panel__head h2 .sf-i{width:22px;height:22px;color:var(--sf-primary)}
.sf-panel__head small{color:var(--sf-muted)}
.sf-orders{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}
.sf-ordercard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem 1rem;padding:.9rem 1rem;border:1px solid var(--sf-line-soft);border-radius:14px;color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.sf-ordercard:hover{border-color:color-mix(in srgb,var(--sf-primary) 40%,transparent);box-shadow:var(--sf-shadow)}
.sf-ordercard__ref{font-weight:800}
.sf-ordercard__items{grid-column:1/-1;overflow:hidden;color:var(--sf-muted);font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}
.sf-ordercard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .9rem;color:var(--sf-muted);font-size:.84rem}
.sf-ordercard__total{color:var(--sf-primary);font-weight:800}
.sf-state{display:inline-flex;align-items:center;padding:.15rem .65rem;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap}
.sf-state.is-completed{background:color-mix(in srgb,#16a34a 14%,transparent);color:#15803d}
.sf-state.is-processing{background:color-mix(in srgb,#f59e0b 16%,transparent);color:#b45309}
.sf-state.is-refunded,.sf-state.is-cancelled{background:var(--sf-soft);color:var(--sf-muted)}
.sf-toreview{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:.6rem;margin:0;padding:0;list-style:none}
.sf-toreview a{display:flex;align-items:center;gap:.6rem;padding:.55rem;border:1px dashed var(--sf-line);border-radius:14px;text-decoration:none;transition:border-color .2s,color .2s}
.sf-toreview a:hover{border-color:var(--sf-primary);color:var(--sf-primary)}
.sf-toreview .sf-thumb{width:46px;height:46px}
.sf-toreview span:not(.sf-thumb){display:grid;min-width:0;line-height:1.4}
.sf-toreview b{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}
.sf-toreview small{color:var(--sf-primary);font-size:.78rem;font-weight:700}
.sf-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.sf-profile .is-full{grid-column:1/-1}
.sf-back{display:inline-flex;align-items:center;gap:.3rem;width:fit-content;color:var(--sf-muted);font-size:.9rem;font-weight:700;text-decoration:none}
.sf-back:hover{color:var(--sf-primary)}
.sf-orderhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem}
.sf-orderhead h1{margin:0;font-size:clamp(1.3rem,3vw,1.6rem)}
.sf-orderfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin:1rem 0 0}
.sf-orderfacts div{padding:.7rem .85rem;border-radius:12px;background:var(--sf-soft)}
.sf-orderfacts dt{color:var(--sf-muted);font-size:.78rem}
.sf-orderfacts dd{margin:0;font-weight:800}
.sf-items{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}
.sf-item{display:grid;gap:.6rem;padding:.9rem 1rem;border:1px solid var(--sf-line-soft);border-radius:14px}
.sf-item__row{display:flex;align-items:center;justify-content:space-between;gap:.5rem .8rem;flex-wrap:wrap}
.sf-item__row small{color:var(--sf-muted)}
.sf-secret{border-radius:12px;background:var(--sf-soft)}
.sf-secret summary{display:flex;align-items:center;gap:.45rem;padding:.6rem .8rem;color:var(--sf-primary);font-weight:700;list-style:none;cursor:pointer}
.sf-secret summary::-webkit-details-marker{display:none}
.sf-secret summary .sf-i{width:18px;height:18px}
.sf-secret pre{margin:0;padding:0 .8rem .8rem;font:600 .95rem/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}
.sf-secret pre a{color:var(--sf-primary);-webkit-user-select:auto;user-select:auto}
.sf-secret pre.is-msg{font:500 .95rem/1.9 inherit;font-family:inherit}
.sf-secret pre+pre{padding-top:.6rem;border-top:1px dashed var(--sf-line)}
.sf-rateproduct{display:flex;align-items:center;gap:.8rem}
.sf-rateproduct .sf-thumb{width:64px;height:64px;border-radius:14px}
.sf-rate{margin:0;padding:0;border:0}
.sf-rate legend{margin-bottom:.35rem;padding:0;font-weight:700}
.sf-rate__stars{display:inline-flex;flex-direction:row-reverse;gap:.1rem}
.sf-rate input{position:absolute;width:1px;height:1px;margin:0;opacity:0}
.sf-rate label{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:color-mix(in srgb,var(--sf-text) 18%,transparent);cursor:pointer;transition:color .15s,transform .15s}
.sf-rate label .sf-i{width:34px;height:34px;fill:currentColor}
.sf-rate input:checked~label{color:#f5a524}
.sf-rate__stars:hover input:checked~label{color:color-mix(in srgb,var(--sf-text) 18%,transparent)}
.sf-rate__stars:hover label:hover,.sf-rate__stars:hover label:hover~label{color:#f5a524}
.sf-rate label:hover{transform:scale(1.08)}
.sf-rate input:focus-visible+label{outline:3px solid color-mix(in srgb,var(--sf-primary) 55%,transparent);outline-offset:1px}

/* ── خفّة: اللي تحت الشاشة بيترسم لما يقرب (content-visibility) ── */
main>section.sf-section:nth-of-type(n+4){content-visibility:auto;contain-intrinsic-size:auto 700px}

@media (max-width:900px){
.sf-reviews__summary{grid-template-columns:auto minmax(0,1fr)}
.sf-reviews__cta{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;justify-items:start;align-items:center;text-align:start}
.sf-browse{grid-template-columns:minmax(0,1fr)}
.sf-browse__side{position:static;display:flex;gap:.5rem;margin-inline:-1rem;padding:0 1rem .2rem;overflow-x:auto;scrollbar-width:none}
.sf-browse__side::-webkit-scrollbar{display:none}
/* الشريحة الأخيرة كانت بتتقص فجأة على الحافة: تمويه بيقول إنه بيتزحلق (زي شريط المنتجات) */
.sf-browse__side{-webkit-mask-image:linear-gradient(to left,#000 92%,transparent);mask-image:linear-gradient(to left,#000 92%,transparent)}
.sf-filter{flex:none;padding:0;border:0;background:none}
.sf-filter h2{display:none}
.sf-filter__list{display:flex;gap:.35rem}
.sf-filter__list a{border:1px solid var(--sf-line-soft);border-radius:999px;white-space:nowrap}
.sf-filter+.sf-filter{padding-inline-start:.5rem;border-inline-start:1px solid var(--sf-line)}
.sf-account{grid-template-columns:minmax(0,1fr)}
.sf-account__side{position:static}
.sf-account__nav{display:flex;overflow-x:auto;scrollbar-width:none}
.sf-account__nav a,.sf-account__nav button{width:auto;white-space:nowrap}
.sf-account__nav form{padding:0;border:0}
}
@media (max-width:760px){
.sf-find--drop{inset:.5rem 0 auto;width:calc(100% - 1rem);max-height:calc(100dvh - 1rem)}
.sf-reviews__summary{gap:.8rem 1rem;padding:.9rem}
.sf-reviews__score b{font-size:2.1rem}
.sf-profile{grid-template-columns:minmax(0,1fr)}
.sf-findbtn,.sf-accountbtn{width:40px;height:40px}
}

/* ثيم «ستريم»: متاجر الاشتراكات بطابع منصات البث (بطلب المستخدم 2026-10-03 — شكل powerplay-ksa.com).
   المقاسات من المتجر المرجعي نفسه: محتوى بعرض 1240px على خلفية رمادية فاتحة، هيدر أبيض بارتفاع 72px وتحته صف
   تصنيفات 58px، بنرات بحواف 6px، بطاقة منتج بيضاء بعرض ~187px وزر 38px بخط 14px، وعناوين أقسام 18px. */
.sf-theme-stream{
  --st-card:#fff;
  --st-line:color-mix(in srgb,var(--sf-text) 9%,transparent);
  --st-ink:color-mix(in srgb,var(--sf-primary) 16%,var(--sf-text));
  --sf-btn-radius:6px;
  --sf-radius:6px;
  font-size:15px;
}
.sf-theme-stream .sf-wrap{width:min(1240px,100% - 2rem)}
.sf-theme-stream .sf-section{padding-block:clamp(1.4rem,3.6vw,2.6rem)}
.sf-theme-stream .sf-section--flush{padding-top:0}

/* ── الوضع الداكن: البطاقات والهيدر بلون أغمق من الخلفية بدل الأبيض ── */
:root[data-sf-dark] .sf-theme-stream{--st-card:#17171c;--st-line:#2a2a31;--st-ink:var(--sf-text)}

/* ── شريط الإعلان: لون الثيم الثانوي، النص في المنتصف وزرار القفل في الطرف ── */
.st-announce{padding:0;background:var(--sf-accent);color:var(--sf-accent-ink,#fff)}
.st-announce__row{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding-block:.35rem;padding-inline:2.6rem}
.st-announce__text{display:inline-flex;align-items:center;gap:.45rem;font-size:.95rem;font-weight:600;text-align:center}
.st-announce__text .sf-i{flex:none;width:18px;height:18px}
.st-announce__close{position:absolute;inset-inline-end:0;top:50%;translate:0 -50%;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.st-announce__close:hover{background:rgb(255 255 255 / .16)}
.st-announce__close .sf-i{width:18px;height:18px}
.st-announce[hidden]{display:none}

/* ── الهيدر: الشعار في المنتصف، وتحته خط ثم صف التصنيفات والبحث ── */
.st-header{position:relative;z-index:20;background:var(--st-card);box-shadow:0 1px 0 var(--st-line)}
.st-header__top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:72px}
.st-header__start{display:flex;align-items:center;gap:.1rem;justify-self:start}
.st-header__end{display:flex;align-items:center;gap:.25rem;justify-self:end}
.st-header .sf-brand{justify-self:center;font-size:1.05rem}
.st-header .sf-brand img{width:auto;height:48px;max-width:170px;border-radius:0;object-fit:contain}
.st-header .sf-brand--mark .sf-brand__name{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* أيقونات من غير إطار ولا خلفية (زي المتجر المرجعي) — الأساسي sf-iconbtn بإطار */
.st-icon{position:relative;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--sf-text)}
.st-icon:hover{background:color-mix(in srgb,var(--sf-text) 6%,transparent)}
.st-icon .sf-i{width:22px;height:22px}
.st-menu,.st-find{display:none}
.st-cart__count{position:absolute;top:3px;inset-inline-start:3px;min-width:15px;height:15px;display:grid;place-items:center;padding-inline:.2rem;border-radius:999px;background:var(--sf-text);color:var(--sf-bg);font-size:.62rem;font-weight:700;line-height:1}
.st-header__bar{display:flex;align-items:center;justify-content:space-between;gap:1.2rem 2rem;min-height:58px;border-top:1px solid var(--st-line)}
.st-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem 1rem;min-width:0}
.st-nav a{padding-block:.3rem;color:var(--sf-text);font-size:.92rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:color .2s}
.st-nav a:hover,.st-nav a[aria-current]{color:var(--sf-primary)}
.st-searchbox{position:relative;flex:0 1 330px;min-width:220px}
.st-search input{height:40px;padding-inline:.85rem 2.6rem;border:1px solid var(--st-line);border-radius:6px;background:var(--st-card);font-size:.88rem}
.st-search input:focus{box-shadow:none}
.st-search button{width:32px;height:32px;background:transparent;color:var(--sf-text)}
.st-suggest{position:absolute;inset-inline:0;top:calc(100% + .4rem);z-index:30;max-height:min(70dvh,460px);overflow-y:auto;overscroll-behavior:contain;padding:.45rem;border:1px solid var(--st-line);border-radius:10px;background:var(--st-card);box-shadow:var(--sf-shadow-lg)}

/* ── الواجهة والبنرات: صور بعرض المحتوى بحواف 6px، متراصّة ── */
.st-hero{padding-block:clamp(1rem,3.4vw,3rem) 0}
.st-banners{padding-block:clamp(.9rem,2.2vw,1.9rem) 0}
.st-banners__stack{display:grid;gap:clamp(.9rem,2.2vw,1.9rem)}
.st-banner{display:block;overflow:hidden;border-radius:6px;background:var(--st-card)}
.st-banner img{display:block;width:100%;height:auto}
/* من غير صورة: لوحة بلون المتجر بخط ضوء مايل، وعنوان ضخم، وشارة «اطلب الآن» في الركن */
.st-panel{position:relative;isolation:isolate;display:grid;justify-items:center;align-content:center;gap:.5rem;min-height:clamp(230px,33vw,470px);padding:clamp(3rem,7vw,5rem) 1.2rem;overflow:hidden;border-radius:6px;background:linear-gradient(135deg,var(--sf-primary),color-mix(in srgb,var(--sf-primary) 58%,#000));color:#fff;text-align:center}
.st-panel::before{content:"";position:absolute;inset:-40% 34% -40% -20%;z-index:-1;background:linear-gradient(100deg,rgb(255 255 255 / .14),transparent 70%);transform:skewX(-20deg)}
.st-panel__title{margin:0;font-size:clamp(1.9rem,5.2vw,3.7rem);font-weight:800;line-height:1.25}
.st-panel__sub{margin:0;max-width:34ch;font-size:clamp(1.05rem,2.8vw,2.1rem);font-weight:800;line-height:1.45;color:rgb(10 10 20 / .78)}
.st-panel__tag{position:absolute;top:clamp(.9rem,3.4vw,2.6rem);inset-inline-end:clamp(.9rem,2.6vw,2rem);padding:.5rem 1.7rem .55rem 1.4rem;border-radius:999px 6px 6px 999px;background:#1d1d22;color:#fff;font-size:clamp(.82rem,1.6vw,1.05rem);font-weight:800;text-decoration:none;clip-path:polygon(0 0,100% 0,100% 100%,9% 100%)}

/* ── شريط المميزات الداكن: لاصق تحت الواجهة لو بعدها، وبحواف كاملة لوحده ── */
.st-strip__bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:center;gap:.7rem 1.5rem;padding:.85rem clamp(1rem,4vw,3rem);border-radius:6px;background:#2b2b2e;color:#fff}
.st-hero+.st-strip .st-strip__bar{border-start-start-radius:0;border-start-end-radius:0}
.st-hero:has(+.st-strip) .st-banner,.st-hero:has(+.st-strip) .st-panel{border-end-start-radius:0;border-end-end-radius:0}
.st-strip__item{display:flex;align-items:center;justify-content:center;gap:.65rem}
.st-strip__item .sf-i{flex:none;width:32px;height:32px}
.st-strip__item b{display:block;color:color-mix(in srgb,var(--sf-primary) 45%,#7cb4ff);font-size:.82rem;font-weight:700;line-height:1.4}
.st-strip__item small{display:block;color:#fff;font-size:.84rem;font-weight:700;line-height:1.4}

/* ── العنوان الضخم في المنتصف (آراء العملاء والتصنيفات) ── */
.st-display{margin:clamp(.6rem,2.5vw,2rem) 0 clamp(1.4rem,4.5vw,3.6rem);color:var(--st-ink);font-size:clamp(2.1rem,6.4vw,5.1rem);font-weight:800;line-height:1.15;text-align:center}

/* ── رأس الرف: العنوان من البداية و«عرض الكل» بخط عريض تحته ── */
.st-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-block-end:.9rem}
.st-head__title{margin:0;color:var(--sf-text);font-size:1.18rem;font-weight:800;line-height:1.5}
.st-more{position:relative;flex:none;padding-block:.1rem .65rem;color:var(--sf-text);font-size:.88rem;font-weight:600;text-decoration:none}
.st-more::after{content:"";position:absolute;bottom:0;left:50%;width:30px;height:3px;border-radius:2px;background:var(--sf-text);translate:-50% 0;transition:width .2s}
.st-more:hover::after{width:100%}
.sf-titles-center .st-head{flex-direction:column;align-items:center;text-align:center}
.st-shelf+.st-shelf{margin-block-start:clamp(1.8rem,4.2vw,3rem)}

/* ── بطاقات المنتجات: بيضاء من غير حواف، الاسم والسعر في المنتصف، وزر ممتلئ بعرض البطاقة ── */
.sf-theme-stream .sf-grid{--sf-gap:20px}
.sf-theme-stream .sf-card{border:2px solid transparent;border-radius:0;background:var(--st-card);box-shadow:none}
.sf-theme-stream .sf-card:hover{border-color:color-mix(in srgb,var(--sf-primary) 22%,transparent);box-shadow:none;transform:none}
.sf-theme-stream .sf-card__media{border-radius:0;background:var(--st-card)}
.sf-theme-stream .sf-card__body{justify-items:center;gap:.15rem;padding:.7rem .75rem .35rem;text-align:center}
.sf-theme-stream .sf-card__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;font-weight:500;line-height:24px}
.sf-theme-stream .sf-card__rating,.sf-theme-stream .sf-card__meta{display:none}
.sf-theme-stream .sf-price{justify-content:center;margin-block-start:.45rem;color:var(--sf-text);font-size:.92rem;font-weight:500}
.sf-theme-stream .sf-card .sf-price b{font-size:14px;font-weight:700}
.sf-theme-stream .sf-card__form{padding:0 .75rem .75rem}
.sf-theme-stream .sf-card__action{flex-direction:row-reverse;width:100%;min-height:38px;margin:0;padding:.35rem .6rem;border:0;border-radius:6px;background:var(--sf-primary);color:var(--sf-primary-ink);font-size:.88rem;font-weight:600}
.sf-theme-stream .sf-card__action:hover{background:var(--sf-primary);filter:brightness(1.12);color:var(--sf-primary-ink)}
.sf-theme-stream .sf-card__action .sf-i{width:17px;height:17px}
.sf-theme-stream .sf-card__action.is-muted{width:calc(100% - 1.5rem);margin:0 .75rem .75rem;background:color-mix(in srgb,var(--sf-primary) 50%,#fff);color:#fff;cursor:default;filter:none}
.sf-theme-stream.sf-btns-outline .sf-card__action:not(.is-muted){border:1px solid var(--sf-primary);background:transparent;color:var(--sf-primary)}
.sf-theme-stream .sf-card__tags{top:0;inset-inline-start:0;gap:0}
.sf-theme-stream .sf-badge{padding:.22rem .6rem;border-radius:0;background:#e56f6f;color:#fff;font-size:.74rem;font-weight:600;box-shadow:none}
/* نفد المخزون بيبان في الزرار نفسه (زي المرجعي) — من غير شارة فوق الصورة كمان */
.sf-theme-stream .sf-badge--muted{display:none}

/* ── التصنيفات كملصقات طولية: 3 في الصف، في المنتصف بمسافات واسعة ── */
.st-posters{display:grid;grid-template-columns:repeat(3,minmax(0,273px));justify-content:center;gap:13px clamp(.75rem,10vw,142px)}
.st-poster{display:block;overflow:hidden;aspect-ratio:273/360;border-radius:16px;background:var(--sf-tint);text-decoration:none;transition:transform .25s var(--sf-ease),box-shadow .25s var(--sf-ease)}
.st-poster:hover{transform:translateY(-4px);box-shadow:0 18px 34px -22px rgb(0 0 0 / .45)}
.st-poster img{display:block;width:100%;height:100%;object-fit:cover}
.st-poster__name{display:grid;place-items:center;height:100%;padding:1rem;color:var(--sf-on-tint);font-size:1.3rem;font-weight:800;text-align:center}

/* ── آراء العملاء: بطاقات بيضاء ودايرة الاسم طالعة فوقها، وأسهم في الطرف ── */
.st-reviews .st-head{align-items:center}
.st-arrows{display:flex;align-items:center;gap:.2rem}
.st-arrow{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--sf-text);cursor:pointer}
.st-arrow:hover{background:var(--st-card)}
.st-arrow .sf-i{width:22px;height:22px}
.st-reviews__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px) / 3);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-block:52px .4rem;scrollbar-width:none}
.st-reviews__rail::-webkit-scrollbar{display:none}
.st-review{position:relative;display:grid;align-content:start;gap:.55rem;min-height:172px;padding:58px 1.2rem 1.3rem;border-radius:6px;background:var(--st-card);scroll-snap-align:start}
.st-review__avatar{position:absolute;top:-48px;left:50%;display:grid;place-items:center;width:96px;height:96px;border:4px solid var(--sf-bg);border-radius:50%;background:#ff7a5c;color:#fff;font-size:2.3rem;font-weight:800;translate:-50% 0}
.st-review__stars{justify-self:center;font-size:.86rem}
.st-review__text{margin:.3rem 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--sf-text);font-size:.95rem;line-height:1.8}
.st-review__name{color:var(--sf-muted);font-size:.8rem;font-weight:600}

/* ── «العودة إلى أعلى» والتذييل (مقاسات المرجعي): عرض 1260px، والأعمدة الثلاثة بمسافات متساوية بينها وبعد آخرها،
   ونبذة المتجر في المنتصف بعرض 320px، و«روابط مهمة» عمودين كل واحد 150px، و«فريق الدعم» مربعات 56×52 ── */
.st-footer{margin-top:64px;padding:0;border-top:0;background:transparent;color:var(--sf-text)}
.st-backtop{display:flex;justify-content:center}
.st-backtop a{display:inline-flex;align-items:center;gap:8px;padding:16px 0 8px;color:var(--sf-text);font-size:15px;line-height:26px;text-decoration:none}
.st-backtop .sf-i{width:16px;height:16px}
.st-footer__wrap{width:min(1260px,100% - 20px);margin-inline:auto}
.st-footer__grid{display:grid;grid-template-columns:minmax(0,320px) 1fr auto 1fr auto 1fr;align-items:start;padding-block:32px}
.st-footer__about{grid-column:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.st-footer__links{grid-column:3}
.st-footer__support{grid-column:5}
.st-footer .sf-brand--footer{flex-direction:column;align-items:center;margin-bottom:8px}
.st-footer .sf-brand--footer img{width:auto;height:70px;max-width:200px;border-radius:0;object-fit:contain}
.st-footer .sf-footer__bio{max-width:384px;padding-inline:12px;color:var(--sf-text);font-size:15px;line-height:24px}
.st-footer .sf-footer__bio p{margin:0;color:var(--sf-text);text-align:center}
.st-social{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}
.st-social a{display:grid;place-items:center;width:24px;height:24px;color:var(--sf-text)}
.st-social .sf-i{width:18px;height:18px}
.st-footer__col h2{margin:0 0 20px;font-size:18px;font-weight:800;line-height:28px}
.st-links{display:grid;grid-template-columns:repeat(2,150px);column-gap:14px;margin:0;padding:0;list-style:none}
.st-links li{line-height:26px;text-align:center}
.st-links a{color:var(--sf-text);font-size:15px;text-decoration:none}
.st-links a:hover{color:var(--sf-primary)}
.st-support{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.st-support a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:56px;min-height:52px;padding:8px;border-radius:6px;background:color-mix(in srgb,#e5e7eb 50%,transparent);color:var(--sf-text);font-size:14px;line-height:14px;text-decoration:none;transition:background-color .2s}
.st-support a:hover{background:#e5e7eb}
.st-support .sf-i{width:16px;height:16px}
.st-footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-block:16px;border-top:1px solid var(--st-line);font-size:14px;line-height:20px}
.st-footer__bottom>span{color:color-mix(in srgb,#9ca3af 75%,var(--sf-bg))}
/* شعارات الدفع (التذييل والسلة): صور speed--star.com نفسها (pay-images.js) بترتيبهم — ماستركارد، فيزا، مدى، أبل باي —
   على مربعات بيضاء 48×28 بحشو 4px والصورة جوّاها contain */
.sf-theme-stream .sf-paylogos{gap:8px}
.sf-theme-stream .sf-paylogos li{display:flex;align-items:center;width:48px;height:28px;padding:4px;border-radius:4px;background:#fff}
.sf-theme-stream .sf-cart__summary .sf-paylogos li{box-shadow:0 0 0 1px #e5e7eb}
.sf-theme-stream .st-paylogos img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}
:root[data-sf-dark] .st-support a{background:color-mix(in srgb,var(--sf-text) 8%,transparent)}
:root[data-sf-dark] .st-footer__bottom>span{color:var(--sf-muted)}

/* ── مسار الصفحة: أيقونة البيت قبل «الرئيسية»، والصفحة الحالية بخط عريض (15px زي المرجعي) ── */
.sf-theme-stream{--st-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5L12 4l8 6.5'/%3E%3Cpath d='M6 9.5V20h12V9.5'/%3E%3Cpath d='M10 20v-5h4v5'/%3E%3C/svg%3E")}
.sf-theme-stream .sf-crumbs{gap:.2rem .55rem;margin:0;color:var(--sf-text);font-size:15px;line-height:26px}
.sf-theme-stream .sf-crumbs a{color:var(--sf-text)}
.sf-theme-stream .sf-crumbs [aria-hidden]{opacity:1}
.sf-theme-stream .sf-crumbs [aria-current]{font-weight:700}
.sf-theme-stream .sf-crumbs>a:first-child{display:inline-flex;align-items:center;gap:4px}
.sf-theme-stream .sf-crumbs>a:first-child::before{content:"";flex:none;width:17px;height:17px;background:currentColor;-webkit-mask:var(--st-home) center/contain no-repeat;mask:var(--st-home) center/contain no-repeat}

/* ── صفحة المنتج (مقاسات المرجعي): الصورة يمين 448px في عمود 620px وبتفضل ظاهرة وانت بتنزل، والعمود التاني 588px:
   الاسم 20px، والنجوم، والوصف 15px مطوي عند 300px و«أظهر المزيد» بيفرده، والسعر 20px بعد 40px، والمبيعات والشراء
   في صناديق بيضاء، وتبويب التقييمات ── */
.sf-theme-stream .st-pdp{padding-block:20px 0}
.st-product{display:grid;grid-template-columns:minmax(0,620fr) minmax(0,588fr);align-items:start;gap:32px;margin-top:40px}
.st-product__media{position:sticky;top:64px}
.st-product__media .sf-product__frame{max-width:448px;margin-inline:auto;border:0;border-radius:0;background:transparent;box-shadow:none}
.st-product__media .sf-product__frame img{border-radius:0}
.st-product__info{min-width:0;padding-bottom:64px}
.st-product__head{display:grid;justify-items:start}
.st-pdp .sf-product__title{font-size:20px;font-weight:800;line-height:28px;letter-spacing:0}
.st-rating{display:inline-flex;align-items:center;gap:6px;margin-top:2px;color:var(--sf-text);font-size:15px;line-height:26px;text-decoration:none}
.st-rating__stars{font-size:15px}
.st-desc{margin-top:24px;color:var(--sf-text);font-size:15px;line-height:26px}
.st-desc p{margin:0}
.st-desc.is-long{position:relative}
.st-desc.is-long .st-desc__body{max-height:300px;overflow:hidden}
.st-desc__more{position:absolute;inset-inline:0;bottom:-18px;display:flex;justify-content:center;padding:34px 0 10px;background:linear-gradient(to bottom,transparent,var(--sf-bg) 62%);cursor:pointer}
.st-desc__more span{display:inline-flex;align-items:center;min-height:38px;padding:8px;border:1px solid #000;border-radius:6px;background:#000;color:#fff;font-size:13px;font-weight:700;line-height:20px}
.st-desc__toggle:checked~.st-desc__body,.st-desc.is-fit .st-desc__body{max-height:none}
.st-desc__toggle:checked~.st-desc__more,.st-desc.is-fit .st-desc__more{display:none}
.st-desc__toggle:focus-visible~.st-desc__more span{outline:2px solid var(--sf-primary);outline-offset:2px}
.st-product__price{margin-top:33px}
.st-pdp .sf-product__price{margin:0}
.st-pdp .sf-product__price .sf-price{color:var(--sf-text)}
.st-pdp .sf-product__price .sf-price b{font-size:20px;font-weight:800;line-height:28px}
.st-sold{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:16px;padding:11px 20px;border-radius:6px;background:var(--st-card);font-size:14px;line-height:26px}
.st-sold__label{display:inline-flex;align-items:center;gap:4px}
.st-sold .sf-i{width:16px;height:16px}
.st-sold b{font-weight:400}
.st-buybox{display:flex;align-items:center;gap:16px;margin-top:16px;padding:20px;border-radius:6px;background:var(--st-card)}
.st-qty{display:flex;flex:0 0 138px;height:40px;border:1px solid #e5e7eb;border-radius:6px}
.st-qty button{display:grid;place-items:center;flex:0 0 44px;padding:0;border:0;background:transparent;color:var(--sf-text);cursor:pointer}
.st-qty button .sf-i{width:16px;height:16px}
.st-qty input{width:100%;min-width:0;padding:0 8px;border:0;background:transparent;color:var(--sf-text);font:inherit;font-size:14px;text-align:center;-moz-appearance:textfield;appearance:textfield}
.st-qty input::-webkit-outer-spin-button,.st-qty input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}
.st-btn{flex:1 1 0;min-width:0;min-height:40px;padding:8px 8px 10px;border-radius:6px;font-size:14px;font-weight:600;line-height:20px;box-shadow:none}
.st-btn .sf-i{width:16px;height:16px}
.st-btn--solid{border:1px solid #000;background:#000;color:#fff}
.st-btn--solid:hover{border-color:#000;background:#000;color:#fff;filter:brightness(1.35)}
.st-btn--line{border:1px solid #000;background:transparent;color:#000}
.st-btn--line:hover{border-color:#000;background:#000;color:#fff}
.st-btn--muted{width:100%;border:0;background:color-mix(in srgb,var(--sf-primary) 50%,#fff);color:#fff;cursor:default}
:root[data-sf-dark] .st-btn--solid{border-color:var(--sf-text);background:var(--sf-text);color:var(--sf-bg)}
:root[data-sf-dark] .st-btn--line{border-color:var(--sf-text);color:var(--sf-text)}
:root[data-sf-dark] .st-qty{border-color:var(--st-line)}
.st-pdp .sf-chips{margin-top:16px}

/* تبويب «التقييمات»: لسان رمادي فوق لوحة بيضاء، والكتابة في خانة رمادي فاتح وزرار «إرسال» جوّاها */
.st-tabs{margin-top:16px}
.st-tabs__bar{display:flex}
.st-tabs__tab{display:inline-flex;align-items:center;gap:6px;margin:0;padding:8px 10px;border-radius:4px 4px 0 0;background:#e5e7eb;color:var(--sf-text);font-size:14px;font-weight:700;line-height:20px}
.st-tabs__tab .sf-i{width:14px;height:14px;fill:currentColor}
.st-tabs__panel{padding:10px;border-radius:6px;border-start-start-radius:0;background:var(--st-card)}
.st-rate{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .7rem;width:fit-content;margin:4px 0 12px;color:var(--sf-muted);font-size:13px;text-decoration:none}
.st-rate__stars{font-size:17px}
.st-rate .sf-stars::after{background:var(--sf-text)}
.st-rate:hover span{color:var(--sf-text);text-decoration:underline;text-underline-offset:3px}
.st-ask{position:relative}
.st-ask textarea{display:block;width:100%;min-height:80px;padding:8px 12px 54px;border:1px solid #f3f4f6;border-radius:6px;background:#f9fafb;color:var(--sf-text);font:inherit;font-size:14px;line-height:20px;resize:vertical}
.st-ask textarea:focus{outline:2px solid color-mix(in srgb,var(--sf-text) 22%,transparent);outline-offset:0}
.st-ask .st-btn{position:absolute;inset-inline-end:8px;bottom:8px;flex:none;padding-inline:12px}
.st-ask__hint{display:block;margin-top:6px;color:var(--sf-muted);font-size:12px}
.st-tabs__title{margin:20px 0;color:var(--sf-text);font-size:20px;font-weight:800;line-height:28px}
.st-comments{display:grid;gap:20px;margin:0;padding:0;list-style:none}
.st-comment{display:flex;align-items:flex-start;gap:8px}
.st-comment__avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:13px;font-weight:800}
.st-comment__avatar .sf-i{width:17px;height:17px}
.st-comment__bubble{flex:1;min-width:0;padding:12px;border-radius:10px;background:#f9fafb}
.st-comment__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.st-comment__name{color:var(--sf-text);font-size:14px;font-weight:800;line-height:1.6;overflow-wrap:anywhere}
.st-comment__meta{display:grid;justify-items:start;gap:2px;flex:none;color:#9ca3af;font-size:13px;line-height:20px}
.st-comment__ok{display:inline-flex;align-items:center;gap:4px;color:var(--sf-text);font-size:14px}
.st-comment__ok .sf-i{width:15px;height:15px;padding:2px;border:1.5px solid #f5b400;border-radius:50%;color:#f5b400}
.st-comment__stars{display:block;margin:10px 0 6px;font-size:13.5px}
.st-comment__body{color:var(--sf-text);font-size:14px;line-height:1.7}
.st-comment__body p{margin:0}
.st-comment__reply{margin-top:10px;padding:8px 10px;border-inline-start:3px solid var(--sf-primary);border-radius:6px;background:var(--st-card);font-size:13.5px;line-height:1.7}
.st-comment__reply b{display:block;margin-bottom:2px;font-size:12.6px}
.st-comment__reply p{margin:0}
:root[data-sf-dark] .st-tabs__tab{background:var(--st-line)}
:root[data-sf-dark] .st-ask textarea,:root[data-sf-dark] .st-comment__bubble{border-color:var(--st-line);background:color-mix(in srgb,var(--sf-text) 5%,var(--st-card))}
:root[data-sf-dark] .st-comment__avatar{background:var(--st-line);color:var(--sf-muted)}

/* ── صفحة التصنيف: المسار، والعنوان 25.6px، وتحته «ترتيب:» وعدد المنتجات (مقاسات المرجعي) ── */
.sf-theme-stream .sf-pagehead{padding-block:20px 0;background:none}
.sf-theme-stream .sf-pagehead .sf-head{margin-top:32px}
.sf-theme-stream .sf-pagehead .sf-title{font-size:25.6px;font-weight:800;line-height:36px}
.sf-theme-stream .sf-pagehead:not(.sf-searchhead) .sf-count{display:none}
.st-tools{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:48px 0 26px}
.st-sort{display:flex;align-items:center;gap:12px;margin:0}
.st-sort label{color:var(--sf-text);font-size:15px;font-weight:800;white-space:nowrap}
.st-sort select{width:197px;max-width:100%;height:40px;padding:0 12px 2px 40px;border:1px solid #f3f4f6;border-radius:6px;background:#f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231f1e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") left 12px center/16px no-repeat;color:var(--sf-text);font:inherit;font-size:14px;appearance:none;cursor:pointer}
.st-sort__go{height:40px;padding-inline:14px;border:1px solid #000;border-radius:6px;background:#000;color:#fff;font:inherit;font-size:14px}
.st-tools__count{color:var(--sf-text);font-size:15px;font-weight:800}
:root[data-sf-dark] .st-sort select{border-color:var(--st-line);background-color:var(--st-card)}

/* ── «كل المنتجات» والبحث: الرأس في شريط رمادي بعرض 1260px (زي «المنتجات» في المرجعي)، والتصفية صف شرائح فوق
   شبكة بعرض الصفحة بدل العمود الجانبي — البطاقات بتفضل 6 في الصف ── */
.sf-theme-stream .sf-searchhead{padding-top:20px}
.sf-theme-stream .sf-searchhead>.sf-wrap{width:min(1260px,100% - 20px);padding:24px 26px;background:color-mix(in srgb,var(--st-card) 45%,var(--sf-bg))}
.sf-theme-stream .sf-searchhead .sf-head{margin-top:14px}
.sf-theme-stream .sf-searchhead .sf-title{font-size:20px;line-height:28px}
.sf-theme-stream .sf-searchhead .sf-count{color:var(--sf-text);font-size:15px;font-weight:700}
.sf-theme-stream .sf-search--page{max-width:560px;margin-top:16px}
.sf-theme-stream .sf-search--page input{height:42px;padding-inline:14px 46px;border:1px solid var(--st-line);border-radius:6px;background:var(--st-card);box-shadow:none;font-size:14px}
.sf-theme-stream .sf-search--page button{width:36px;height:36px;border-radius:6px;background:transparent;color:var(--sf-text);box-shadow:none}
.sf-theme-stream .sf-browse{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:26px}
.sf-theme-stream .sf-browse__side{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;-webkit-mask-image:none;mask-image:none}
.sf-theme-stream .sf-filter{display:flex;flex:none;padding:0;border:0;background:none}
.sf-theme-stream .sf-filter h2{display:none}
.sf-theme-stream .sf-filter__list{display:flex;flex-wrap:wrap;gap:6px}
.sf-theme-stream .sf-filter__list a{gap:.4rem;padding:7px 12px;border:1px solid transparent;border-radius:6px;background:var(--st-card);color:var(--sf-text);font-size:14px;font-weight:500;white-space:nowrap}
.sf-theme-stream .sf-filter__list a:hover{border-color:var(--st-line);background:var(--st-card);color:var(--sf-text)}
.sf-theme-stream .sf-filter__list a[aria-current]{background:#000;color:#fff}
.sf-theme-stream .sf-filter__list small{min-width:0;padding:0;background:none;color:inherit;opacity:.7}
.sf-theme-stream .sf-filter+.sf-filter{padding-inline-start:16px;border-inline-start:1px solid var(--st-line)}
:root[data-sf-dark] .sf-theme-stream .sf-filter__list a[aria-current]{background:var(--sf-text);color:var(--sf-bg)}

/* ── الصفحات العامة (السلة والدخول والحساب والرسائل): كروت بيضاء بحواف 6px من غير إطار ولا ظل، وأزرار من غير توهّج،
   وعدّاد الكمية في السلة بنفس شكل صفحة المنتج ── */
.sf-theme-stream .sf-btn{box-shadow:none}
.sf-theme-stream .sf-btn--lg{min-height:44px;font-size:15px}
.sf-theme-stream .sf-input{border-color:#e5e7eb;border-radius:6px;background:#f9fafb}
:root[data-sf-dark] .sf-theme-stream .sf-input{border-color:var(--st-line);background:color-mix(in srgb,var(--sf-text) 5%,var(--st-card))}
.sf-theme-stream .sf-auth__card,.sf-theme-stream .sf-panel,.sf-theme-stream .sf-account__nav,.sf-theme-stream .sf-ordercard,
.sf-theme-stream .sf-line,.sf-theme-stream .sf-cart__summary{border:0;border-radius:6px;background:var(--st-card);box-shadow:none}
.sf-theme-stream .sf-auth__icon,.sf-theme-stream .sf-message__icon{background:var(--st-card);color:var(--sf-text)}
.sf-theme-stream .sf-auth__card .sf-auth__icon{background:var(--sf-bg)}
.sf-theme-stream .sf-line__media,.sf-theme-stream .sf-line__media img{border-radius:0}
.sf-theme-stream .sf-qty{border-color:#e5e7eb;border-radius:6px;background:transparent}
.sf-theme-stream .sf-qty button{border-radius:0}
.sf-theme-stream .sf-line__total,.sf-theme-stream .sf-cart__summary .is-total dd{color:var(--sf-text)}
.sf-theme-stream .sf-cart__continue{color:var(--sf-text)}
.sf-theme-stream .sf-cart__plan{border:0;border-radius:6px;background:var(--sf-bg)}
/* رأس السلة بنفس مسافات ومقاس عنوان صفحة التصنيف */
.sf-theme-stream .sf-section--product{padding-top:20px}
.sf-theme-stream .sf-section--product>.sf-wrap>.sf-crumbs+.sf-head{margin-top:32px}
.sf-theme-stream .sf-section--product>.sf-wrap>.sf-head .sf-title{font-size:25.6px;font-weight:800;line-height:36px}

/* ── الصفحات التعريفية: العنوان في شريط رمادي بعرض 1260px، والمحتوى في بطاقة بيضاء ── */
.st-pagehead__band{width:min(1260px,100% - 20px);margin-inline:auto;padding:24px 26px;background:color-mix(in srgb,var(--st-card) 45%,var(--sf-bg))}
.st-pagehead__band h1{margin:0;color:var(--sf-text);font-size:20px;font-weight:800;line-height:28px}
.st-page{padding-block:48px 0}
.st-page__card{width:100%;padding:32px;border-radius:4px;background:var(--st-card);color:var(--sf-text);font-size:15px;line-height:26px;text-align:justify}
.st-page__card .sf-rich>:first-child{margin-top:0}
@media (min-width:1024px){
  .st-page__card{width:83.333%}
}

/* ── الجوال: القائمة والبحث يمين، الشعار في المنتصف، والحساب والسلة شمال — من غير صف التصنيفات ── */
@media (max-width:900px){
  .st-menu,.st-find{display:inline-flex}
  .st-header__top{min-height:64px}
  .st-header .sf-brand img{height:44px}
  .st-header__bar{display:none}
  .st-footer{margin-top:32px}
  .st-footer__grid{display:flex;flex-direction:column;align-items:stretch;gap:16px}
  .st-footer__col{text-align:center}
  .st-footer__col h2{margin-bottom:12px}
  .st-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-footer__bottom{flex-direction:column;justify-content:center;text-align:center}
  .st-product{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px}
  .st-product__media{position:static}
  .st-product__media .sf-product__frame{max-width:none}
  .st-product__info{padding-bottom:32px}
  .st-buybox{flex-direction:column;align-items:stretch;padding:17px}
  .st-qty{flex-basis:auto;width:100%}
  .st-btn{flex:none;width:100%}
  .st-ask .st-btn{width:auto}
  .st-tools{margin-top:28px}
}
@media (max-width:760px){
  .sf-theme-stream .sf-grid{--sf-gap:12px}
  /* منتج واحد في الرف ياخد عمود واحد (نص الشاشة) زي المرجعي — الأساسي بيفرده على العمودين */
  .sf-theme-stream .sf-grid--few>.sf-card:only-child{grid-column:auto}
  .st-announce__text{font-size:.86rem}
  .st-posters{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
  .st-poster{border-radius:10px}
  .st-reviews__rail{grid-auto-columns:100%;gap:12px}
  .st-strip__bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.6rem .7rem}
  .st-strip__item{flex-direction:column;gap:.25rem;text-align:center}
  .st-strip__item .sf-i{width:24px;height:24px}
  .st-strip__item b,.st-strip__item small{font-size:.7rem}
  .st-pdp .sf-crumbs{padding-inline:4px}
  .st-product__media{margin-inline:-6px}
  .sf-theme-stream .sf-pagehead .sf-head{margin-top:20px}
  .st-tools{gap:.6rem}
  .st-sort select{width:auto;min-width:150px}
  .st-page{padding-top:16px}
  .st-page__card{padding:20px}
  .sf-theme-stream .sf-searchhead>.sf-wrap{padding:18px 16px}
  .sf-theme-stream .sf-browse__side{flex-wrap:nowrap;margin-inline:-1rem;padding:0 1rem .2rem;overflow-x:auto;scrollbar-width:none}
  .sf-theme-stream .sf-filter__list{flex-wrap:nowrap}
}

/* ══ شكل speed--star.com (النسخة المؤقتة — المستخدم 2026-10-08: «التصميم بتاع ستريم يبقى بالظبط زي speed--star.com في
   كل حاجة»). المقاسات من المرجعي بالبكسل: هيدر 253px بشعار 170px في المنتصف، وروابط 15px، وبحث 330×40 أيقونته في
   البداية ونصه بلون المتجر، ومبلغ السلة جنبها، وبطاقات 187px بمسافة 24px وزر بإطار 40px، وعناوين التذييل بلون المتجر،
   وأزرار التواصل عائمة في الطرف (تيليجرام فوق واتساب)، وأزرار صفحة المنتج بلون المتجر بدل الأسود. ══ */

/* الهيدر: الشعار كبير في المنتصف */
.sf-theme-stream .st-header__top{min-height:194px}
.sf-theme-stream .st-header .sf-brand img{height:170px;max-width:340px}
.st-cartlink{display:inline-flex;align-items:center;gap:2px;color:var(--sf-text);text-decoration:none}
.st-cartlink .st-cart{pointer-events:none}
.st-cart__count{background:var(--sf-primary);color:var(--sf-primary-ink,#fff);font-size:12px;font-weight:400;min-width:14px;height:14px;padding:0 1.6px;top:4px;inset-inline-start:4px}
.st-cart__total{display:inline-block;color:var(--sf-text);font-size:15px;font-weight:400;line-height:20px;white-space:nowrap}
.sf-theme-stream .st-header__bar{min-height:59px}
.sf-theme-stream .st-nav{gap:0 16px}
.sf-theme-stream .st-nav a{font-size:15px;font-weight:600;line-height:26px}
/* البحث: الأيقونة في بداية الخانة (يمين)، والنص الإرشادي بلون المتجر */
.sf-theme-stream .st-search input{height:40px;padding-inline:40px 12px;border:1px solid #f3f4f6;border-radius:6px;background:#fff;font-size:14px}
.sf-theme-stream .st-search input::placeholder{color:var(--sf-primary);opacity:1}
.sf-theme-stream .st-search button{inset-inline-start:4px;inset-inline-end:auto;width:32px;height:32px;border-radius:6px;background:transparent;color:var(--sf-text)}
:root[data-sf-dark] .sf-theme-stream .st-search input{border-color:var(--st-line);background:var(--st-card)}

/* رأس الرف: العنوان 18px، وخط «عرض الكل» بلون المتجر */
.sf-theme-stream .st-head__title{font-size:18px;font-weight:700;line-height:1.4}
.sf-theme-stream .st-more{font-size:14px;font-weight:400}
.sf-theme-stream .st-more::after{background:var(--sf-primary)}

/* البطاقات: 6 بمسافة 24px، الاسم 14px على سطرين، السعر 14px برمز الريال، وزر بإطار بلون المتجر */
.sf-theme-stream .sf-grid{--sf-gap:24px}
.sf-theme-stream .sf-card__body{gap:4px;padding:12px 14px 0}
.sf-theme-stream .sf-card__name{min-height:40px;color:#1f2937;font-size:14px;font-weight:400;line-height:20px}
.sf-theme-stream .sf-price{margin-block:4px 8px;font-size:14px;font-weight:400}
.sf-theme-stream .sf-card .sf-price b{font-size:14px;font-weight:400}
.sf-theme-stream .sf-card__form{padding:0 14px 14px}
.sf-theme-stream .sf-card__action{flex-direction:row;gap:4px;min-height:40px;padding:8px 8px 10px;font-size:14px;font-weight:400;line-height:20px}
:root[data-sf-dark] .sf-theme-stream .sf-card__name{color:var(--sf-text)}

/* صفحة المنتج: الأزرار و«أظهر المزيد» بلون المتجر */
.st-btn--solid{border-color:var(--sf-primary);background:var(--sf-primary);color:var(--sf-primary-ink,#fff)}
.st-btn--solid:hover{border-color:var(--sf-primary);background:var(--sf-primary);color:var(--sf-primary-ink,#fff);filter:brightness(1.08)}
.st-btn--line{border-color:var(--sf-primary);color:var(--sf-primary)}
.st-btn--line:hover{border-color:var(--sf-primary);background:var(--sf-primary);color:var(--sf-primary-ink,#fff)}
.st-btn{font-weight:400}
.st-desc__more span{border-color:var(--sf-primary);background:var(--sf-primary);color:var(--sf-primary-ink,#fff);font-weight:700}
.st-ask textarea::placeholder{color:var(--sf-primary);opacity:1}
.st-sort__go{border-color:var(--sf-primary);background:var(--sf-primary)}
.sf-theme-stream .sf-filter__list a[aria-current]{background:var(--sf-primary);color:var(--sf-primary-ink,#fff)}
:root[data-sf-dark] .st-btn--solid{border-color:var(--sf-primary);background:var(--sf-primary);color:var(--sf-primary-ink,#fff)}
:root[data-sf-dark] .st-btn--line{border-color:var(--sf-primary);color:var(--sf-primary)}

/* التذييل: العناوين بلون المتجر، ورقم التوثيق في الطرف */
.sf-theme-stream .st-footer__col h2{color:var(--sf-primary);font-weight:700}
.sf-theme-stream .st-footer__grid{grid-template-columns:minmax(0,320px) 1fr auto 1fr auto 1fr auto}
.st-footer__cr{grid-column:7;display:inline-flex;align-items:center;gap:8px;color:var(--sf-text);font-size:14px;line-height:20px}
.st-footer__cr .sf-i{width:22px;height:22px;color:var(--sf-primary)}
.sf-theme-stream .st-footer__bottom>span{color:#9ca3af}

/* أزرار التواصل العائمة: في الطرف (شمال) تحت، تيليجرام فوق واتساب، 55px */
.sf-theme-stream .sf-fabs{inset-inline-end:20px;inset-block-end:20px;z-index:40;gap:12px}
.sf-theme-stream .sf-fab{width:55px;height:55px;box-shadow:0 6px 16px -6px rgb(0 0 0 / .35)}
.sf-theme-stream .sf-fab--tg{order:-1}
.sf-theme-stream .sf-fab .sf-i{width:24px;height:24px}

@media (max-width:900px){
  /* الجوال: الشعار كبير في المنتصف (212px زي المرجعي)، والقائمة بلون المتجر، ومبلغ السلة جنبها */
  .sf-theme-stream .st-header__top{min-height:236px}
  .sf-theme-stream .st-header .sf-brand img{height:212px;max-width:min(260px,60vw)}
  .sf-theme-stream .st-menu{color:var(--sf-primary)}
  .st-cart__total{font-size:12.8px}
  .sf-theme-stream .st-footer__cr{justify-content:center}
  .sf-theme-stream .sf-fabs{inset-inline-end:12px;inset-block-end:70px;gap:10px}
  .sf-theme-stream .sf-fab{width:48px;height:48px}
  .sf-theme-stream .sf-fab .sf-i{width:22px;height:22px}
}
@media (max-width:760px){
  .sf-theme-stream .sf-grid{--sf-gap:12px}
  .sf-theme-stream .sf-card__body{padding:10px 10px 0}
  .sf-theme-stream .sf-card__form{padding:0 10px 10px}
}

/* ── ضبط بالبكسل بعد المقارنة بالمرجعي (probe على الصفحتين) ── */
/* الهيدر على عرض 1260px (زي المرجعي)، والمحتوى 1240px */
.sf-theme-stream .st-header .sf-wrap{width:min(1260px,100% - 20px)}
/* 48px بين الهيدر والبنر، وبين البنر والرف وبعده */
.sf-theme-stream .st-banners,.sf-theme-stream .st-hero{padding-top:48px}
.sf-theme-stream .st-banners__stack{gap:48px}
.sf-theme-stream .st-shelves{padding-block:48px 0}
/* البطاقة: 16px بعد الصورة، الاسم 40px، 14px للسعر، 8px للزر، و12px تحت — بطاقة 337px بإطارها زي المرجعي */
.sf-theme-stream .sf-card__body{gap:0;padding:16px 12px 0}
.sf-theme-stream .sf-card .sf-price{min-height:20px;margin-block:14px 0;line-height:20px}
.sf-theme-stream .sf-card__form{padding:8px 12px 12px}
/* التذييل: أربع أعمدة على المسافات (نبذة 320، روابط 343 في عمودين من فوق لتحت، دعم 208، توثيق 165) */
.sf-theme-stream .st-footer__grid{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-block:32px}
.sf-theme-stream .st-footer__about{flex:0 1 320px;order:1}
.sf-theme-stream .st-footer__links{flex:0 0 343px;order:2}
.sf-theme-stream .st-footer__support{flex:0 0 208px;order:3}
.sf-theme-stream .st-footer__cr{flex:0 0 165px;order:4;align-self:flex-start;justify-content:flex-end;padding-top:2px}
.sf-theme-stream .st-footer__col h2{text-align:center}
.sf-theme-stream .st-links{display:block;columns:2;column-gap:15px}
.sf-theme-stream .st-links li{break-inside:avoid;line-height:26px;text-align:center;white-space:nowrap}
@media (max-width:900px){
  .sf-theme-stream .st-banners,.sf-theme-stream .st-hero{padding-top:20px}
  .sf-theme-stream .st-banners__stack{gap:24px}
  .sf-theme-stream .st-shelves{padding-top:28px}
  .sf-theme-stream .st-footer__grid{flex-direction:column;align-items:stretch}
  .sf-theme-stream .st-footer__about,.sf-theme-stream .st-footer__links,.sf-theme-stream .st-footer__support,.sf-theme-stream .st-footer__cr{flex:none}
  .sf-theme-stream .st-footer__cr{justify-content:center}
}
/* «أزرار بإطار» في ستريم للبطاقات بس (زي المرجعي): أزرار الصفحات (أضف إلى السلة، إرسال، الدفع…) ممتلئة بلون المتجر،
   و«اشترِ الآن» بإطار، و«نفد المخزون» بلونه الباهت */
.sf-theme-stream.sf-btns-outline .sf-btn:not(.sf-btn--ghost):not(.sf-btn--soft):not(.st-btn--line):not(.st-btn--muted){border-color:var(--sf-primary);background:var(--sf-primary);color:var(--sf-primary-ink,#fff)}
.sf-theme-stream.sf-btns-outline .sf-btn:not(.sf-btn--ghost):not(.sf-btn--soft):not(.st-btn--line):not(.st-btn--muted):hover:not([disabled]){filter:brightness(1.08)}
.sf-theme-stream.sf-btns-outline .st-btn--line{border-color:var(--sf-primary)}

/* ── الجولة التالتة (probe على الجوال 390px وصفحة المنتج) ── */
/* رأس الرف 43px والبطاقات تحته على طول، و«عرض الكل» داخل بـ24px وخطه بنص عرضه من البداية وتحت النص بـ4px */
.sf-theme-stream .st-shelf .st-head{align-items:center;min-height:43px;margin-block-end:0}
/* بطاقات الرف 187px: مسافة 20px وداخلة 9px من الناحيتين (عرض المرجعي 1222px جوه الـ1240) */
.sf-theme-stream .st-shelf .sf-grid{--sf-gap:20px;gap:20px;padding-inline:9px}
.sf-theme-stream .st-more{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-inline-end:24px;padding-block:8px;line-height:20px}
.sf-theme-stream .st-more::after{position:static;width:50%;translate:none}
.sf-theme-stream .st-more:hover::after{width:100%}
/* صفحة المنتج: الوصف بعد الاسم بـ20px وسطوره 26px، و«أضف إلى السلة» 43px، وخانة السؤال 80px وزرارها جوّاها */
.sf-theme-stream .st-desc{margin-top:20px}
.sf-theme-stream .st-desc .sf-rich,.sf-theme-stream .st-desc.sf-rich{line-height:26px}
.sf-theme-stream .st-buybox .st-btn--solid{min-height:43px}
.sf-theme-stream .st-ask textarea{height:80px;min-height:80px;padding-bottom:8px}
/* «أظهر المزيد» على لوحة بيضاء متدرّجة (60% لـ100%) بتغبّش النص اللي وراها، والزرار في نصها بـ10px فوق وتحت */
.sf-theme-stream .st-desc__more{padding:10px 0;background:linear-gradient(rgb(255 255 255 / .6),#fff);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
:root[data-sf-dark] .sf-theme-stream .st-desc__more{background:linear-gradient(color-mix(in srgb,var(--st-card) 60%,transparent),var(--st-card))}
@media (max-width:760px){
  /* الجوال: المحتوى بهامش 20px (صورة المنتج والتذييل 10px)، والبنر بعد الهيدر بـ24px، والبطاقات 165px بمسافة 10px
     وجوّاها 8px (بطاقة 303px)، واسم المنتج 18px، وصندوق الشراء بمسافات 10px */
  .sf-theme-stream .sf-wrap{width:calc(100% - 40px)}
  .sf-theme-stream .st-banners,.sf-theme-stream .st-hero{padding-top:24px}
  .sf-theme-stream .st-shelves{padding-top:24px}
  .sf-theme-stream .st-shelf .sf-grid{--sf-gap:10px;gap:10px;padding-inline:5px}
  .sf-theme-stream .sf-card__body{padding:8px 8px 0}
  .sf-theme-stream .sf-card .sf-price{min-height:24px;margin-block:10px 0;line-height:24px}
  .sf-theme-stream .sf-card__form{padding:8px}
  .sf-theme-stream .st-footer .sf-footer__bio{max-width:none;padding-inline:0}
  .st-product{gap:16px}
  .st-product__media{margin-inline:-10px}
  .st-pdp .sf-crumbs{padding-inline:10px}
  .st-pdp .sf-product__title{font-size:18px;line-height:27px}
  .st-buybox{gap:10px}
}
/* سعر البطاقة من البداية (يمين) تحت الاسم اللي في المنتصف — زي المرجعي في الرئيسية وصفحة المنتجات */
.sf-theme-stream .sf-card .sf-price{justify-self:stretch;justify-content:flex-start}

/* ── «المنتجات» زي /products في المرجعي: شريط المسار 100px بلون #f3f4f6 تحت الهيدر على طول، و«ترتيب:» والعدد بعده
   بـ24px وبهامش 10px، والبطاقات على عرض 1260px بمسافة 16px (197px) — وعلى الجوال بهامش 10px ومسافة 12px (179px) ── */
.st-listhead__band{width:min(1260px,100% - 20px);margin-inline:auto;padding:50px 16px 24px;background:#f3f4f6}
:root[data-sf-dark] .st-listhead__band{background:color-mix(in srgb,var(--st-card) 45%,var(--sf-bg))}
.sf-theme-stream .st-listing>.sf-wrap{width:min(1260px,100% - 20px)}
.sf-theme-stream .st-listing .st-tools{margin:24px 0;padding-inline:10px}
.sf-theme-stream .st-listing .sf-grid{--sf-gap:16px;gap:16px}
@media (max-width:760px){
  .sf-theme-stream .st-listing .sf-grid{--sf-gap:12px;gap:12px}
  .sf-theme-stream .st-listing .st-sort select{width:197px;min-width:0}
}

/* ── المسافات قبل «العودة إلى أعلى» (من آخر المحتوى للتذييل زي المرجعي في كل صفحة) والصفحات التعريفية ── */
/* «المنتجات»: البطاقات آخر حاجة من غير حشو تحتها */
.sf-theme-stream .st-listing{padding-bottom:0}
/* الصفحة التعريفية: شريط العنوان 80px بلون #f3f4f6، والبطاقة بعده بـ48px وتحتها 112px، والنص بسطور 26px من غير هوامش
   بين الفقرات (الفراغات من فقرات المحرّر الفاضية زي المرجعي) */
.st-pagehead__band{background:#f3f4f6}
:root[data-sf-dark] .st-pagehead__band{background:color-mix(in srgb,var(--st-card) 45%,var(--sf-bg))}
.st-pagehead__band h1{margin-bottom:4px}
.sf-theme-stream .st-page{padding-block:48px 112px}
.sf-theme-stream .st-page__card .sf-rich{line-height:26px}
.sf-theme-stream .st-page__card .sf-rich p{margin:0}
@media (max-width:760px){
  .sf-theme-stream .st-page{padding-block:16px 64px}
  .sf-theme-stream .st-page__card{padding:24px}
  /* صفحة المنتج على الجوال: التقييمات آخر حاجة من غير حشو تحتها */
  .st-product__info{padding-bottom:0}
}

/* ── أيقونات توسع (خط mbicon) ورمز الريال (twsaaicons) زي speed--star.com: نفس الكلاسات والحروف، والمقاسات من المرجعي.
   layouts/stream.js → icons بيحطها مكان أيقونات المتجر، والخطوط في render.js (THEME_FACES) ── */
.sf-theme-stream [class^="icon-"],.sf-theme-stream [class*=" icon-"]{display:inline-block;flex:none;font-family:mbicon!important;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.sf-theme-stream .icon-user::before{content:"\f078"}
.sf-theme-stream .icon-cart::before{content:"\e96a"}
.sf-theme-stream .icon-search::before{content:"\ef09"}
.sf-theme-stream .icon-menu::before{content:"\ed7f"}
.sf-theme-stream .icon-arrow-up::before{content:"\e94a"}
.sf-theme-stream .icon-whatsapp2::before{content:"\e916"}
.sf-theme-stream .icon-whatsapp::before{content:"\e967"}
.sf-theme-stream .icon-phone::before{content:"\ee41"}
.sf-theme-stream .icon-mail::before{content:"\ed57"}
.sf-theme-stream .icon-sales-presentation::before{content:"\e959"}
.sf-theme-stream .icon-add::before{content:"\e90b"}
.sf-theme-stream .icon-minus::before{content:"\ed91"}
.sf-theme-stream .icon-star2::before{content:"\e972"}
.twicon-sar-new{display:inline-block;font-family:twsaaicons!important;font-style:normal;font-weight:400;line-height:1;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.twicon-sar-new::before{content:"\e9bc"}
/* الهيدر: الحساب والسلة 16px أسود، والبحث 15px جوه الخانة (16px أسود في زرار الجوال)، والقائمة 24px بلون المتجر */
.sf-theme-stream .st-header .icon-user,.sf-theme-stream .st-header .icon-cart{font-size:16px;line-height:24px;color:#000}
.sf-theme-stream .st-search .icon-search{font-size:15px;color:var(--sf-text)}
.sf-theme-stream .st-find .icon-search{font-size:16px;color:#000}
.sf-theme-stream .st-menu .icon-menu{font-size:24px}
/* البطاقة وصندوق الشراء والتقييمات */
.sf-theme-stream .sf-card__action .icon-cart{font-size:14px}
.sf-theme-stream .st-qty [class^="icon-"],.sf-theme-stream .st-buybox .icon-add{font-size:14px}
/* «أضف إلى السلة»: علامة + قبل الكلام (يمين) وبينهم مسافة كلمة زي المرجعي */
.sf-theme-stream .st-buybox .st-btn--solid{gap:4px}
.sf-theme-stream .st-sold .icon-sales-presentation{font-size:12px}
.sf-theme-stream .st-tabs__tab .icon-star2{font-size:12px}
/* المسار: بيت توسع 15px بدل القناع */
.sf-theme-stream .sf-crumbs>a:first-child::before{content:"\ecb7";width:auto;height:auto;background:none;-webkit-mask:none;mask:none;font-family:mbicon;font-size:15px;font-weight:400;line-height:1}
/* النجوم: نجمة توسع 15px وبينها 4px — الفاضية رمادي والمليانة بعرض التقييم من البداية */
.sf-theme-stream .sf-stars{width:auto;height:auto;font-size:15px;line-height:1;vertical-align:-.1em}
.sf-theme-stream .sf-stars::before,.sf-theme-stream .sf-stars::after{content:"\e972\e972\e972\e972\e972";-webkit-mask:none;mask:none;background:none;font-family:mbicon;font-weight:400;letter-spacing:4px;white-space:nowrap;overflow:hidden}
.sf-theme-stream .sf-stars::before{position:static;display:block;color:color-mix(in srgb,var(--sf-text) 16%,transparent)}
.sf-theme-stream .sf-stars::after{color:#f5a524}
.sf-theme-stream .st-rate .sf-stars::after{background:none;color:var(--sf-text)}
/* التذييل والأزرار العائمة */
.sf-theme-stream .st-backtop .icon-arrow-up{font-size:15px;color:#000}
.sf-theme-stream .st-support [class^="icon-"]{font-size:14px;color:#000}
.sf-theme-stream .st-tg{width:15px;height:15px;flex:none;color:#000}
.sf-theme-stream .sf-fab .icon-whatsapp{font-size:15px;color:#fff}
.sf-theme-stream .sf-fab .st-tg-logo{width:24px;height:24px;color:#fff}
/* أزرار الهيدر 32×32 (القائمة 24) زي المرجعي: السلة والحساب لازقين في بعض، والقائمة والبحث بينهم 4px، وعدد السلة في ركن زرارها */
.sf-theme-stream .st-icon{width:32px;height:32px}
.sf-theme-stream .st-menu{width:24px}
.sf-theme-stream .st-header__start{gap:4px}
.sf-theme-stream .st-header__end,.sf-theme-stream .st-cartlink{gap:0}
.sf-theme-stream .st-cart__count{top:0;inset-inline-start:0;min-width:14.4px;height:14.4px}
/* رمز الريال بعد الرقم بـ4px، ومبلغ السلة الرقم والرمز في نص بعض */
.sf-theme-stream .twicon-sar-new{margin-inline-start:4px}
.sf-theme-stream .st-cart__total{display:inline-flex;align-items:center}

/* ── من غير حركات زي speed--star.com (المستخدم 2026-10-08): مفيش انتقال بين الصفحات (ولا صورة المنتج «بتطير» من
   البطاقة لصفحته)، ولا ظهور الكروت مع التمرير، ولا حركة الهيدر والواجهة، ولا دخول نافذة الدخول ── */
@view-transition{navigation:none}
.sf-theme-stream .sf-card,.sf-theme-stream .sf-cat,.sf-theme-stream .sf-feature,.sf-theme-stream .sf-faq,.sf-theme-stream .sf-stat,
.sf-theme-stream .sf-header,.sf-theme-stream .sf-hero h1,.sf-theme-stream .sf-hero p,.sf-theme-stream .sf-hero__actions,.sf-theme-stream .sf-hero__bg{animation:none}
.sf-theme-stream .sf-product__frame{view-transition-name:none!important}

/* ── إشعار «تم بنجاح» بشكل toastr زي المرجعي: أخضر 300px فوق يمين، وعلامة صح بيضا في البداية (يمين) ── */
#toast-container{position:fixed;top:12px;right:12px;z-index:999999;pointer-events:none}
#toast-container *{box-sizing:border-box}
#toast-container>.toast{position:relative;overflow:hidden;width:300px;margin:0 0 6px;padding:15px 50px 15px 15px;border-radius:3px;background:#51a351 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") right 15px center no-repeat;box-shadow:0 0 12px #999;color:#fff;font-size:15px;font-weight:700;line-height:26px;direction:rtl;opacity:.8;pointer-events:auto;cursor:pointer}
#toast-container>.toast:hover{box-shadow:0 0 12px #000;opacity:1}
.toast-message{overflow-wrap:break-word}
@media (max-width:480px){#toast-container>.toast{width:18em;padding:8px 50px 8px 8px}}
@media (min-width:481px) and (max-width:768px){#toast-container>.toast{width:25em}}
/* إشعارات السيرفر (بعد الدخول، أو الإضافة من غير سكربت) بنفس الشكل */
.sf-theme-stream .sf-toast{top:12px;right:12px;left:auto;width:300px;max-width:calc(100% - 24px);margin:0;padding:15px 50px 15px 15px;border:0;border-radius:3px;background:#51a351 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") right 15px center no-repeat;box-shadow:0 0 12px #999;color:#fff;font-size:15px;font-weight:700;line-height:26px}
.sf-theme-stream .sf-toast>svg{display:none}
.sf-theme-stream .sf-toast a{color:#fff}

/* ── «أظهر المزيد» بعد ما يفتح: نفس اللوحة تحت آخر الوصف (مكانها في الصفحة) وزرارها «تظهر أقل» ── */
.sf-theme-stream .st-desc__close{display:none}
.sf-theme-stream .st-desc__toggle:checked~.st-desc__more{position:static;display:flex}
.sf-theme-stream .st-desc__toggle:checked~.st-desc__more .st-desc__open{display:none}
.sf-theme-stream .st-desc__toggle:checked~.st-desc__more .st-desc__close{display:inline-flex}

/* ── نافذة الدخول زي المرجعي: 380px بيضا وزوايا 6px، والصفحة متغبّشة 20px وراها، وX أحمر في الركن، وأيقونة الحساب في
   دايرة 80px، والعنوان 18px، والخانة والزرار 40px بعرض النافذة ── */
.sf-theme-stream .icon-cancel::before{content:"\ea47"}
.sf-theme-stream .sf-authdlg{width:min(380px,calc(100% - 2rem));padding:24px 16px 16px;border:0;border-radius:6px;background:#fff;color:var(--sf-text);box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);transition:none}
.sf-theme-stream .sf-authdlg[open]{gap:0;opacity:1;transform:none}
/* الصفحة ماتتحركش وشريط التمرير بيختفي طول ما النافذة مفتوحة (زي المرجعي — فالنافذة في نص الشاشة بالظبط) */
html:has(.sf-theme-stream .sf-authdlg[open]){overflow:hidden}
.sf-theme-stream .sf-authdlg::backdrop{background:rgb(0 0 0 / .1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.sf-theme-stream .sf-authdlg__close{top:12px;inset-inline-end:0;width:32px;height:32px;padding:0 8px;border-radius:50%;background:transparent;color:#f87171}
.sf-theme-stream .sf-authdlg__close .icon-cancel{font-size:15px}
.sf-theme-stream .sf-authdlg__step{gap:0}
.sf-theme-stream .sf-authdlg .sf-auth__icon{justify-self:center;width:80px;height:80px;border:1px solid #e5e7eb;border-radius:50%;background:transparent;color:var(--sf-text)}
.sf-theme-stream .sf-authdlg .sf-auth__icon .icon-user{font-size:15px}
.sf-theme-stream .sf-authdlg__step>h2{margin:16px 0 0;color:#111827;font-size:18px;font-weight:700;line-height:24px;text-align:center}
.sf-theme-stream .sf-authdlg__step>p{margin:12px 0 0;color:var(--sf-muted);font-size:13px;line-height:20px;text-align:center}
.sf-theme-stream .sf-authdlg .sf-form{gap:8px;margin-top:28px}
.sf-theme-stream .sf-authdlg .sf-field{gap:8px}
.sf-theme-stream .sf-authdlg .sf-field>span{color:#374151;font-size:14px;font-weight:700;line-height:20px}
.sf-theme-stream .sf-authdlg .sf-input{height:40px;min-height:40px;padding:8px 12px;border:1px solid #f3f4f6;border-radius:6px;background:#f9fafb;font-size:14px;line-height:20px}
.sf-theme-stream .sf-authdlg .sf-btn{min-height:40px;height:40px;padding:8px 8px 10px;border:1px solid var(--sf-primary);border-radius:6px;background:var(--sf-primary);color:var(--sf-primary-ink,#fff);font-size:14px;font-weight:700;line-height:20px}
.sf-theme-stream .sf-authdlg .sf-auth__links{margin-top:12px}
/* «يمكنك إعادة الإرسال بعد<العدّاد>» تحت الزرار زي توسع، وبعد العدّاد «إعادة إرسال رمز التحقق» مكانه */
.sf-theme-stream .sf-authdlg .st-resend{margin:0;color:var(--sf-text);font-size:14px;font-weight:400;line-height:20px}
.sf-theme-stream .sf-authdlg .st-resend__btn{height:40px;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--sf-primary);font:inherit;font-size:14px;font-weight:700;line-height:20px;cursor:pointer}
/* خانة الرمز زي خانة البريد (عندهم input عادي)، مش الأرقام الكبيرة المتباعدة بتاعة صفحة الرمز، والخطأ نص أحمر تحتها */
.sf-theme-stream .sf-authdlg .sf-code{font-size:14px!important;font-weight:400;letter-spacing:normal;text-align:start}
.sf-theme-stream .sf-authdlg .st-fielderror{margin:0;color:#ef4444;font-size:13px;line-height:20px}
:root[data-sf-dark] .sf-theme-stream .sf-authdlg{background:var(--st-card)}
/* الجوال (زي المرجعي): لوحة تحت الشاشة بعرضها، والأيقونة في دايرة 48px يمين وجنبها العنوان في سطر واحد */
@media (max-width:640px){
  .sf-theme-stream .sf-authdlg{width:100%;max-width:none;margin:auto 0 0;border-radius:12px 12px 0 0}
  .sf-theme-stream .sf-authdlg__step{grid-template-columns:48px minmax(0,1fr);column-gap:8px;align-items:center}
  .sf-theme-stream .sf-authdlg__step>*{grid-column:1/-1}
  .sf-theme-stream .sf-authdlg .sf-auth__icon{grid-column:1;width:48px;height:48px}
  .sf-theme-stream .sf-authdlg__step>h2{grid-column:2;margin:0;text-align:start}
  .sf-theme-stream .sf-authdlg .sf-form{margin-top:20px}
}

/* ── تكبير صورة المنتج (assets/app.js) زي المرجعي: عدسة بيضا 40% بإطار أسود رفيع، ونافذة 400px بإطار رمادي 4px ── */
.st-zoom-lens,.st-zoom-window{position:absolute;z-index:100;box-sizing:border-box;pointer-events:none}
.st-zoom-lens{border:1px solid #000;background:#fff;opacity:.4}
.st-zoom-window{border:4px solid #888;background-color:#fff;background-repeat:no-repeat}
.st-zoom-lens[hidden],.st-zoom-window[hidden]{display:none}

/* ── زرار «En | ﷼» (اللغة والعملة) زي المرجعي: على الكمبيوتر بس (من 1024px)، 14px وحشو 8×12، و«En» عادي و«|» عريض ── */
.st-lang{display:none;padding:8px 12px 10px;border:0;background:transparent;color:var(--sf-text);font:inherit;font-size:14px;font-weight:700;line-height:20px;white-space:nowrap;cursor:pointer}
@media (min-width:1024px){.sf-theme-stream .st-lang{display:inline-block}}
.st-lang__code{margin-left:6px;font-weight:400}
.st-lang__cur{margin:0 8px 0 4px}
.sf-theme-stream .st-lang .twicon-sar-new{margin:0;font-size:14px}
/* نافذته بشكل نافذة المرجعي (نفس نافذة الدخول): «اللغة» والاختيار، و«العملة» وقايمتها، و«حفظ» */
.sf-theme-stream .st-langdlg{padding:24px}
.st-langdlg__form{display:grid;margin:0}
.st-langdlg fieldset{min-width:0;margin:0;padding:0;border:0}
.st-langdlg fieldset+fieldset{margin-top:33px}
.st-langdlg legend{margin:0 0 18px;padding:0;color:#111827;font-size:15px;font-weight:700;line-height:24px}
.st-radio{display:flex;align-items:center;gap:12px;color:#374151;font-size:14px;line-height:20px;cursor:pointer}
.st-radio input{flex:none;width:16px;height:16px;margin:0;border:1px solid #d1d5db;border-radius:50%;background:#fff;-webkit-appearance:none;appearance:none;cursor:pointer}
.st-radio input:checked{border-color:var(--sf-primary);background:radial-gradient(circle,#fff 0 3px,var(--sf-primary) 3.5px)}
.st-langdlg__select{width:100%;height:40px;padding:0 12px 2px 40px;border:1px solid #f3f4f6;border-radius:6px;background:#f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231f1e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat left 12px center/16px;color:var(--sf-text);font:inherit;font-size:14px;-webkit-appearance:none;appearance:none}
.sf-theme-stream .st-langdlg .sf-btn{margin-top:32px}