/* ==========================================================
   ANDALUS_STAINLESS_SALES_V1 — /stainless_steel_tables/ (19 Oct 2026)
   Same reading rules as the homepage, /24 and the offers page:
   - Scale 13 · 14 · 15 · 17 · 19 · 22 · 28 · 36 px. Nothing to read under 13px.
   - English digits, WhatsApp buttons always green.
   Every class starts with .sst- so the older shared sheets do not reach it.
   The shared readability sheet puts line-height !important on p/li/h* inside <main>;
   inside .sst rules set --sst-lh and one rule applies it.
   ========================================================== */
:root{
  --sst-ink:#1f1a17;
  --sst-text:#3a2d25;
  --sst-soft:#6b5b50;
  --sst-dark:#24212b;
  --sst-brand:#6f442f;
  --sst-gold:#a8792c;
  --sst-gold-bg:#fbf3e3;
  --sst-line:#eadfd3;
  --sst-paper:#fff;
  --sst-bg:#f7f3ee;
  --sst-wa:#128c4a;
  --sst-wa-hover:#0e7a3f;
  --sst-radius:18px;
  --sst-shadow:0 8px 24px rgba(36,22,15,.07);
  --sst-font:var(--andalus-font-ui,"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif);
}
html body.sst-page{background:var(--sst-bg)!important;color:var(--sst-text)!important}
.sst,.sst button,.sst input,.sst select,.sst-sheet,.sst-sheet button,.sst-sheet input,.sst-bar{font-family:var(--sst-font)!important}
.sst{font-size:16px;line-height:1.6;color:var(--sst-text);padding-bottom:84px}
.sst *,.sst *::before,.sst *::after,.sst-sheet *,.sst-bar *{box-sizing:border-box}
.sst img{display:block;max-width:100%}
.sst a{color:inherit;text-decoration:none}
.sst :where(h1,h2,h3,p,ul,ol,figure){margin:0}
.sst :where(ul,ol){padding:0;list-style:none}
.sst :where(ul,ol)>li+li{margin-top:0}
.sst :where(p,li,h1,h2,h3,dd,summary){line-height:var(--sst-lh,1.6)!important}
.sst bdi{unicode-bidi:isolate}
.sst-wrap{width:min(1180px,100% - 32px);margin-inline:auto}

/* ---------- buttons ---------- */
.sst-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:12px;border:1px solid transparent;font-size:15px;font-weight:800;line-height:1.3;cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:background .15s,transform .1s}
.sst-btn:active{transform:translateY(1px)}
.sst-btn--lg{min-height:52px;font-size:17px;padding:12px 22px}
.sst-btn--buy{background:var(--sst-dark);color:#fff!important}
.sst-btn--buy:hover{background:#383443}
.sst-btn--wa{background:var(--sst-wa);color:#fff!important}
.sst-btn--wa:hover{background:var(--sst-wa-hover)}
.sst-btn--wa svg{width:20px;height:20px;fill:currentColor;flex:0 0 auto}
.sst-btn--ghost{background:#fff;color:var(--sst-ink)!important;border-color:var(--sst-line-2,#d9c9b9)}
.sst-btn--call{background:#fff;color:var(--sst-ink)!important;border-color:#d9c9b9}
.sst-btn:focus-visible,.sst-chip:focus-visible,.sst-seg__opt input:focus-visible+span{outline:3px solid var(--sst-gold);outline-offset:2px}

/* ---------- hero ---------- */
.sst-hero{padding:22px 0 18px;background:linear-gradient(180deg,#fff 0,var(--sst-bg) 100%);border-bottom:1px solid var(--sst-line)}
.sst-hero__kicker{font-size:14px;font-weight:800;color:var(--sst-gold)}
.sst-hero h1{margin-top:6px;font-size:28px;font-weight:800;color:var(--sst-ink);--sst-lh:1.3;letter-spacing:-.01em}
.sst-hero__lead{margin-top:10px;font-size:17px;color:var(--sst-text);max-width:720px;--sst-lh:1.65}
.sst-hero__lead b{color:var(--sst-ink)}
.sst-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.sst-hero__actions .sst-btn{flex:1 1 200px}
.sst-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.sst-facts li{background:#fff;border:1px solid var(--sst-line);border-radius:12px;padding:10px 12px;--sst-lh:1.45}
.sst-facts b{display:block;font-size:15px;color:var(--sst-ink)}
.sst-facts span{display:block;font-size:13px;color:var(--sst-soft);margin-top:2px}

/* ---------- featured model (?m=) ---------- */
.sst-feature{padding:18px 0 4px}
.sst-feature__more{margin-top:10px;text-align:center;font-size:15px;font-weight:800}
.sst-feature__more a{color:var(--sst-brand)!important;text-decoration:underline!important}

/* ---------- models ---------- */
.sst-models{padding:22px 0 8px}
.sst-models__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.sst-models__head h2{font-size:22px;font-weight:800;color:var(--sst-ink);--sst-lh:1.35}
.sst-models__count{font-size:15px;color:var(--sst-soft);font-weight:700}
.sst-tools{position:relative;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;margin:12px -16px 14px;padding:10px 16px;background:rgba(247,243,238,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--sst-line)}
.sst-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0;padding-bottom:2px}
.sst-chips::-webkit-scrollbar{display:none}
.sst-chip{flex:0 0 auto;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid #d9c9b9;background:#fff;color:var(--sst-text);font-size:14px;font-weight:700;cursor:pointer}
.sst-chip.is-on{background:var(--sst-dark);border-color:var(--sst-dark);color:#fff}
.sst-sort{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--sst-soft)}
.sst-sort select{min-height:40px;border:1px solid #d9c9b9;border-radius:10px;background:#fff;padding:6px 10px;font-size:15px;color:var(--sst-ink)}
.sst-grid{display:grid;grid-template-columns:1fr;gap:14px}
.sst-empty{padding:18px;border:1px dashed #d9c9b9;border-radius:14px;text-align:center;font-size:15px}
.sst-empty button{border:0;background:none;color:var(--sst-brand);font-weight:800;text-decoration:underline;cursor:pointer;font-size:15px}
.sst-models__note{margin-top:14px;font-size:13px;color:var(--sst-soft);--sst-lh:1.6}

/* ---------- card ---------- */
.sst-card{display:flex;flex-direction:column;background:var(--sst-paper);border:1px solid var(--sst-line);border-radius:var(--sst-radius);overflow:hidden;box-shadow:var(--sst-shadow);content-visibility:auto;contain-intrinsic-size:auto 520px}
.sst-card[hidden]{display:none!important}
.sst-card__photo{position:relative;background:#f1ebe4}
.sst-card .anp-gal{--anp-ratio:4/3;--anp-fit:cover;--anp-pad:0;--anp-radius:0}
.sst-card .anp-gal__box{position:relative;aspect-ratio:4/3;overflow:hidden}
.sst-card .anp-gal__track{display:flex;height:100%}
.sst-card .anp-gal__slide img{width:100%;height:100%;object-fit:cover;padding:0}
.sst-card__tag{position:absolute;z-index:3;top:10px;inset-inline-start:10px;background:rgba(255,255,255,.95);color:var(--sst-ink);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800;pointer-events:none}
.sst-card__body{display:flex;flex-direction:column;gap:12px;padding:14px 14px 16px;flex:1 1 auto}
.sst-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.sst-card__title{font-size:19px;font-weight:800;color:var(--sst-ink);--sst-lh:1.35}
.sst-card__kind{font-size:13px;font-weight:800;color:var(--sst-gold);background:var(--sst-gold-bg);border-radius:999px;padding:3px 10px;white-space:nowrap}
.sst-seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;background:#f4eee7;border-radius:12px;padding:4px}
.sst-seg__opt{position:relative;display:block;cursor:pointer}
.sst-seg__opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.sst-seg__opt span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px;border-radius:9px;font-size:14px;font-weight:700;color:var(--sst-soft);line-height:1.3;text-align:center}
.sst-seg__opt span b{font-size:15px;color:var(--sst-ink)}
.sst-seg__opt input:checked+span{background:#fff;color:var(--sst-ink);box-shadow:0 1px 4px rgba(36,22,15,.12)}
.sst-price{display:flex;flex-direction:column;gap:2px}
.sst-price__cash{font-size:28px;font-weight:800;color:var(--sst-ink);line-height:1.2}
.sst-price__cash small{font-size:15px;font-weight:700;color:var(--sst-soft)}
.sst-price__monthly{font-size:14px;font-weight:700;color:var(--sst-brand)}
.sst-card__actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto}
.sst-card__actions .sst-btn--wa{padding-inline:14px}

/* featured card: photo beside text on wide screens */
.sst-card--feature{border-color:var(--sst-gold);box-shadow:0 12px 32px rgba(36,22,15,.10)}
.sst-card--feature .sst-card__title{font-size:22px}
.sst-card--feature .sst-price__cash{font-size:36px}
.sst-card--feature .sst-card__actions .sst-btn{min-height:52px;font-size:17px}
.sst-card__points{display:grid;gap:6px;font-size:15px;color:var(--sst-text);--sst-lh:1.5}
.sst-card__points li{position:relative;padding-inline-start:24px}
.sst-card__points li::before{content:"✓";position:absolute;inset-inline-start:0;top:0;color:var(--sst-wa);font-weight:800}

/* ---------- steps / visit / faq ---------- */
.sst-how,.sst-visit,.sst-faq{padding:22px 0}
.sst-how h2,.sst-visit h2,.sst-faq h2{font-size:22px;font-weight:800;color:var(--sst-ink);--sst-lh:1.35}
.sst-steps{display:grid;gap:10px;margin-top:12px;counter-reset:sst}
.sst-steps li{position:relative;background:#fff;border:1px solid var(--sst-line);border-radius:14px;padding:12px 14px 12px 14px;padding-inline-start:58px;--sst-lh:1.5;counter-increment:sst}
.sst-steps li::before{content:counter(sst);position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--sst-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.sst-steps b{display:block;font-size:17px;color:var(--sst-ink)}
.sst-steps span{display:block;font-size:15px;color:var(--sst-soft)}
.sst-visit__box{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--sst-line);border-radius:var(--sst-radius);padding:16px}
.sst-visit p{font-size:15px;color:var(--sst-text);margin-top:4px}
.sst-visit__actions{display:flex;gap:8px;flex-wrap:wrap}
.sst-faq details{background:#fff;border:1px solid var(--sst-line);border-radius:14px;margin-top:10px}
.sst-faq summary{cursor:pointer;padding:14px 16px;font-size:17px;font-weight:800;color:var(--sst-ink);list-style:none;--sst-lh:1.45}
.sst-faq summary::-webkit-details-marker{display:none}
.sst-faq summary::after{content:"+";float:left;font-size:22px;line-height:1;color:var(--sst-gold)}
.sst-faq details[open] summary::after{content:"−"}
.sst-faq details p{padding:0 16px 14px;font-size:15px;color:var(--sst-text);--sst-lh:1.7}
.sst-faq__wood{margin-top:14px;font-size:15px}
.sst-faq__wood a{color:var(--sst-brand)!important;text-decoration:underline!important;font-weight:800}

/* ---------- sticky bar (phone) ---------- */
.sst-bar{position:fixed;z-index:60;inset-inline:0;bottom:0;display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--sst-line);box-shadow:0 -6px 20px rgba(36,22,15,.08);transform:translateY(110%);transition:transform .2s}
.sst-bar.is-on{transform:none}
.sst-bar .sst-btn{min-height:48px;font-size:17px}
.sst-bar .sst-btn--call{padding-inline:22px}

/* ---------- order sheet ---------- */
.sst-sheet{width:min(520px,100%);max-width:100%;max-height:100dvh;margin:auto auto 0;padding:0;border:0;border-radius:20px 20px 0 0;background:#fff;color:var(--sst-text);box-shadow:0 -10px 40px rgba(0,0,0,.2);overflow:auto;font-size:16px}
.sst-sheet [hidden],.sst [hidden]{display:none!important}
.sst-sheet::backdrop{background:rgba(20,16,14,.55)}
.sst-sheet__form,.sst-done{display:flex;flex-direction:column;gap:14px;padding:16px 16px calc(18px + env(safe-area-inset-bottom))}
.sst-sheet__top{display:flex;align-items:center;justify-content:space-between}
.sst-sheet h2{margin:0;font-size:22px;font-weight:800;color:var(--sst-ink);line-height:1.35}
.sst-sheet__close{width:44px;height:44px;border-radius:50%;border:1px solid var(--sst-line);background:#fff;font-size:26px;line-height:1;cursor:pointer;color:var(--sst-ink)}
.sst-sum{display:flex;gap:12px;align-items:center;background:#f8f4ef;border-radius:14px;padding:8px}
.sst-sum img{width:96px;height:72px;object-fit:cover;border-radius:10px;background:#eee;flex:0 0 auto}
.sst-sum b{display:block;font-size:17px;color:var(--sst-ink);line-height:1.4}
.sst-sum span{display:block;font-size:15px;color:var(--sst-soft);line-height:1.45}
.sst-field{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0;min-width:0}
.sst-field__label{font-size:15px;font-weight:800;color:var(--sst-ink);padding:0}
.sst-field__label small{font-weight:600;color:var(--sst-soft);font-size:13px}
.sst-field input:not([type=radio]){min-height:50px;border:1px solid #d3c2b2;border-radius:12px;padding:10px 14px;font-size:17px;color:var(--sst-ink);background:#fff;width:100%}
.sst-field input:not([type=radio]):focus{outline:none;border-color:var(--sst-dark);box-shadow:0 0 0 3px rgba(36,33,43,.12)}
.sst-field input[dir=ltr]{text-align:right}
.sst-field input[aria-invalid=true]{border-color:#b3261e}
.sst-field--row{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}
.sst-qty{display:inline-flex;align-items:center;border:1px solid #d3c2b2;border-radius:12px;overflow:hidden}
.sst-qty button{width:44px;height:44px;border:0;background:#f6f1eb;font-size:22px;cursor:pointer;color:var(--sst-ink)}
.sst-qty output{min-width:40px;text-align:center;font-size:17px;font-weight:800}
.sst-total{margin-inline-start:auto;font-size:15px;color:var(--sst-soft)}
.sst-total b{font-size:19px;color:var(--sst-ink)}
.sst-pay{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sst-pay legend{margin-bottom:6px}
.sst-pay label{display:flex;align-items:flex-start;gap:8px;border:1px solid #d3c2b2;border-radius:12px;padding:12px;cursor:pointer;font-size:15px;font-weight:700;color:var(--sst-ink);line-height:1.4}
.sst-pay label:has(input:checked){border-color:var(--sst-dark);background:#f6f4f8;box-shadow:inset 0 0 0 1px var(--sst-dark)}
.sst-pay input{flex:0 0 auto;width:20px;height:20px;min-height:0;margin:2px 0 0;padding:0;accent-color:var(--sst-dark)}
.sst-pay small{display:block;font-size:13px;font-weight:600;color:var(--sst-soft)}
.sst-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.sst-sheet__err{margin:0;background:#fdecea;color:#8c1d18;border-radius:10px;padding:10px 12px;font-size:15px;line-height:1.5}
.sst-sheet__send{width:100%}
.sst-sheet__send[disabled]{opacity:.65;cursor:wait}
.sst-sheet__fine{margin:0;text-align:center;font-size:13px;color:var(--sst-soft);line-height:1.5}
.sst-done{align-items:center;text-align:center;padding-top:28px}
.sst-done__icon{width:64px;height:64px;border-radius:50%;background:#eaf6ee;color:var(--sst-wa);font-size:34px;font-weight:800;display:flex;align-items:center;justify-content:center}
.sst-done p{margin:0;font-size:17px;line-height:1.7}
.sst-done .sst-btn{width:100%}

/* ---------- wider screens ---------- */
@media (min-width:640px){
  .sst-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sst-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sst-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sst-sheet{border-radius:20px;margin:auto}
}
@media (min-width:900px){
  .sst{font-size:18px}
  .sst-hero{padding:34px 0 26px}
  .sst-hero h1{font-size:36px}
  .sst-hero__lead{font-size:19px}
  .sst-hero__actions .sst-btn{flex:0 0 auto}
  .sst-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sst-card--feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .sst-card--feature .sst-card__body{padding:24px;justify-content:center}
  .sst-card--feature .anp-gal,.sst-card--feature .anp-gal__box{height:100%}
  .sst-tools{position:sticky;top:0;margin-inline:0;padding-inline:0;border-radius:0}
  .sst-bar{display:none}
  .sst{padding-bottom:0}
  .sst-steps span,.sst-visit p,.sst-faq details p{font-size:17px}
}
@media (min-width:1180px){
  .sst-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.sst-bar,.sst-btn{transition:none}}

/* ANDALUS_STAINLESS_AD_LOOK_V1 (21 Oct 2026) — card look taken from the ad designs (ad-cards.php):
   bigger product photo, split price box (cash on coral, installment on white). */
.sst{--sst-coral:#f23849}
.sst-card .anp-gal{--anp-ratio:1/1}
.sst-card .anp-gal__box{aspect-ratio:1/1}
.sst-card--feature .anp-gal__box{aspect-ratio:auto}
.sst-price--split{flex-direction:row;align-items:stretch;gap:0;border-radius:16px;overflow:hidden;border:1px solid var(--sst-line);background:#fff;box-shadow:0 8px 22px rgba(36,33,43,.08)}
.sst-price__cashbox{flex:1.15 1 0;min-width:0;background:var(--sst-coral);color:#fff;padding:10px 12px}
.sst-price__instbox{flex:1 1 0;min-width:0;padding:10px 12px;display:flex;flex-direction:column}
.sst-price__lbl{display:block;font-size:12.5px;font-weight:700;opacity:.92;line-height:1.4}
.sst-price__instbox .sst-price__lbl{color:var(--sst-soft)}
.sst-price--split .sst-price__cash{display:block;color:#fff;font-size:26px;line-height:1.15;white-space:nowrap}
.sst-price--split .sst-price__cash small{color:#fff;opacity:.9;font-size:13px}
.sst-price__inst{display:block;color:var(--sst-ink);font-size:22px;font-weight:800;line-height:1.15;white-space:nowrap}
.sst-price__inst small{font-size:12.5px;font-weight:700;color:var(--sst-soft)}
.sst-price__sub{font-size:12px;font-weight:600;color:var(--sst-soft);line-height:1.4;white-space:normal}
/* ANDALUS_TABLES_CARD_LIKE_STAINLESS_V1: on a narrow phone «لحد 36 شهر مع [logo]» wraps instead of pushing the logo out of its box */
.sst-price__sub bdi{white-space:nowrap}
.sst-price--cash-only .sst-price__cashbox{flex:1 1 auto}
.sst-card--feature .sst-price--split .sst-price__cash{font-size:34px}
.sst-card--feature .sst-price__inst{font-size:28px}

/* ANDALUS_STAINLESS_PAIR_TOGGLE_V1 (21 Oct 2026): وسط / جانبي is a small toggle in the card head (the price box shows the chosen price),
   so pair cards are the same height as single ones and the price is not shown twice. */
.sst-card__head .sst-seg{display:inline-flex;gap:3px;padding:3px;border-radius:999px;flex:0 0 auto}
.sst-card__head .sst-seg__opt span{min-height:0;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:800}
.sst-card__head{align-items:center}

/* ANDALUS_STAINLESS_SALE_V1: 30% badge on the photo + "بدل" old price in the cash box */
.sst-card__off{position:absolute;z-index:3;top:10px;inset-inline-end:10px;background:var(--sst-coral,#f23849);color:#fff;border-radius:10px;padding:4px 12px;font-size:14px;font-weight:800;pointer-events:none;box-shadow:0 4px 12px rgba(242,56,73,.3)}
.sst-price__was{display:block;font-size:13px;font-weight:600;opacity:.92;line-height:1.3}
.sst-price__was s{text-decoration-thickness:2px}

/* ANDALUS_STAINLESS_6_PER_ROW_V1 (23 Oct 2026): 6 models per row on computers (was 4).
   The models list gets a wider box than the rest of the page, and the card is made compact
   (smaller text/price, WhatsApp button icon-only) so a ~200px card still reads well. */
@media (min-width:1280px){
  .sst-models .sst-wrap{width:min(1680px,100% - 40px)}
  .sst-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
  .sst-grid .sst-card{contain-intrinsic-size:auto 420px}
  .sst-grid .sst-card__body{gap:9px;padding:10px 10px 12px}
  .sst-grid .sst-card__head{flex-wrap:wrap;gap:6px}
  .sst-grid .sst-card__title{font-size:16px}
  .sst-grid .sst-card__kind{font-size:11.5px;padding:2px 8px}
  .sst-grid .sst-card__head .sst-seg__opt span{padding:3px 9px;font-size:12px}
  .sst-grid .sst-card__off{font-size:12px;padding:3px 9px;top:8px;inset-inline-end:8px}
  .sst-grid .sst-card__tag{font-size:11.5px;padding:3px 8px;top:8px;inset-inline-start:8px}
  .sst-grid .sst-price--split{border-radius:12px}
  .sst-grid .sst-price__cashbox,.sst-grid .sst-price__instbox{padding:7px 8px}
  .sst-grid .sst-price__lbl{font-size:11px}
  .sst-grid .sst-price__was{font-size:11.5px}
  .sst-grid .sst-price--split .sst-price__cash{font-size:19px}
  .sst-grid .sst-price--split .sst-price__cash{white-space:normal}
  .sst-grid .sst-price--split .sst-price__cash bdi{white-space:nowrap}
  .sst-grid .sst-price--split .sst-price__cash small{font-size:11px}
  .sst-grid .sst-price__inst{font-size:16px}
  .sst-grid .sst-price__inst small{font-size:10.5px}
  .sst-grid .sst-price__sub{font-size:10.5px;white-space:normal}
  .sst-grid .sst-card__actions{gap:6px}
  .sst-grid .sst-card__actions .sst-btn{min-height:40px;padding:8px 10px;font-size:13.5px;border-radius:10px}
  .sst-grid .sst-card__actions .sst-btn--wa{padding-inline:10px}
  .sst-grid .sst-card__actions .sst-btn--wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}

/* ANDALUS_PAYMOB_SITE_PAY_V1 — «ادفع أونلاين» (free delivery) / «عند الاستلام» / تقسيط */
.sst-pay__online{grid-column:1 / -1}
.sst-pay__online b{font-weight:900}
.sst-pay .sst-free{display:inline;color:#17663a;font-weight:900}
.sst-select{min-height:50px;border:1px solid #d3c2b2;border-radius:12px;padding:10px 14px;font:inherit;font-size:17px;color:var(--sst-ink);background:#fff;width:100%}
.sst-select:focus{outline:none;border-color:var(--sst-dark);box-shadow:0 0 0 3px rgba(36,33,43,.12)}
.sst-sheet__note{margin:0;padding:10px 12px;border-radius:10px;background:#f6f1eb;color:var(--sst-ink);font-size:15px;font-weight:700;line-height:1.5}
.sst-sheet__note.is-free{background:#eaf6ee;color:#17663a}
@media (max-width:359px){.sst-pay{grid-template-columns:1fr}}

/* ANDALUS_STAINLESS_GIFT_CLEAR_V1 — the online-payment gift (free delivery), one green everywhere */
.sst-page{--sst-gift:#17663a;--sst-gift-bg:#e9f7ee;--sst-gift-line:#9fd8b3}
.sst-gift{display:grid;gap:4px;justify-items:start;margin:14px 0 4px;padding:14px 16px;border-radius:16px;background:var(--sst-gift-bg);border:2px solid var(--sst-gift-line);box-shadow:0 8px 22px rgba(23,102,58,.10)}
.sst-gift__tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--sst-gift);color:#fff;font-size:13px;font-weight:900;letter-spacing:.2px}
.sst-gift__big{font-size:clamp(20px,5.2vw,26px);font-weight:900;color:var(--sst-gift);line-height:1.35}
.sst-gift__sub{font-size:15px;font-weight:700;color:#2f5a40}
.sst-card__gift{margin:8px 0 0;padding:7px 10px;border-radius:10px;background:var(--sst-gift-bg);color:#2f5a40;font-size:14px;font-weight:700;line-height:1.5}
.sst-card__gift b{color:var(--sst-gift);font-weight:900}
.sst-pay label.sst-pay__online{border:2px solid var(--sst-gift-line);background:#f6fcf8}
.sst-pay label.sst-pay__online:has(input:checked){border-color:var(--sst-gift);background:var(--sst-gift-bg);box-shadow:0 0 0 2px rgba(23,102,58,.18)}
.sst-pay__online input{accent-color:var(--sst-gift)}
.sst-pay__body{display:grid;gap:3px;justify-items:start}
.sst-pay__tag{display:inline-flex;padding:2px 9px;border-radius:999px;background:var(--sst-gift);color:#fff;font-size:12.5px;font-weight:900}
.sst-pay__title{font-size:17px;font-weight:900;color:var(--sst-ink)}
.sst-pay__online small{color:#2f5a40}
.sst-total__ship{display:block;font-style:normal;font-size:13px;font-weight:800;color:var(--sst-soft)}
.sst-total__ship.is-free{color:var(--sst-gift)}
.sst-sheet__note.is-free{border:1px solid var(--sst-gift-line);font-weight:900}

/* ==========================================================
   ANDALUS_STAINLESS_EN_V1 (owner 1 Nov 2026 17:17) — the language switch on both pages, and the English page
   (/stainless_steel_tables/en/): LTR, its own slim header and footer, Latin type settings.
   ========================================================== */
.sst-hero__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sst-lang{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid #d9c9b9;background:#fff;color:var(--sst-ink)!important;font-size:14px;font-weight:800;text-decoration:none!important;white-space:nowrap}
.sst-lang::before{content:"";width:16px;height:16px;flex:0 0 auto;background:currentColor;opacity:.75;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 6h-3a15.7 15.7 0 0 0-1.4-3.6A8 8 0 0 1 18.9 8ZM12 4a13.6 13.6 0 0 1 1.9 4h-3.8A13.6 13.6 0 0 1 12 4ZM4.3 14a8 8 0 0 1 0-4h3.4a16.5 16.5 0 0 0 0 4H4.3Zm.8 2h3a15.7 15.7 0 0 0 1.4 3.6A8 8 0 0 1 5.1 16Zm3-8h-3a8 8 0 0 1 4.4-3.6A15.7 15.7 0 0 0 8.1 8ZM12 20a13.6 13.6 0 0 1-1.9-4h3.8A13.6 13.6 0 0 1 12 20Zm2.3-6H9.7a14.7 14.7 0 0 1 0-4h4.6a14.7 14.7 0 0 1 0 4Zm.2 5.6a15.7 15.7 0 0 0 1.4-3.6h3a8 8 0 0 1-4.4 3.6Zm1.8-5.6a16.5 16.5 0 0 0 0-4h3.4a8 8 0 0 1 0 4h-3.4Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 6h-3a15.7 15.7 0 0 0-1.4-3.6A8 8 0 0 1 18.9 8ZM12 4a13.6 13.6 0 0 1 1.9 4h-3.8A13.6 13.6 0 0 1 12 4ZM4.3 14a8 8 0 0 1 0-4h3.4a16.5 16.5 0 0 0 0 4H4.3Zm.8 2h3a15.7 15.7 0 0 0 1.4 3.6A8 8 0 0 1 5.1 16Zm3-8h-3a8 8 0 0 1 4.4-3.6A15.7 15.7 0 0 0 8.1 8ZM12 20a13.6 13.6 0 0 1-1.9-4h3.8A13.6 13.6 0 0 1 12 20Zm2.3-6H9.7a14.7 14.7 0 0 1 0-4h4.6a14.7 14.7 0 0 1 0 4Zm.2 5.6a15.7 15.7 0 0 0 1.4-3.6h3a8 8 0 0 1-4.4 3.6Zm1.8-5.6a16.5 16.5 0 0 0 0-4h3.4a8 8 0 0 1 0 4h-3.4Z'/%3E%3C/svg%3E") center/contain no-repeat}
.sst-lang:hover{border-color:var(--sst-gold)}
.sst-lang:focus-visible{outline:3px solid var(--sst-gold);outline-offset:2px}

/* English page: type and direction */
.sst-page--en{--sst-font:"IBM Plex Sans Arabic","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
html[dir=ltr] body.sst-page--en{direction:ltr}
.sst-page--en .sst-faq summary::after{float:right}
.sst-page--en .sst-field input[dir=ltr]{text-align:left}
.sst-page--en .an-hp{direction:ltr}
.sst-page--en .sst-hero__kicker{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.sst-page--en .sst-hero h1{font-size:clamp(28px,4.4vw,44px);font-weight:700;letter-spacing:-.025em;--sst-lh:1.12;max-width:16ch}
.sst-page--en .sst-hero__lead{font-size:17.5px;max-width:640px}
.sst-page--en h2{letter-spacing:-.015em}
.sst-page--en .sst-btn{font-weight:700;letter-spacing:.005em}
.sst-page--en .sst-card__title{letter-spacing:-.01em}
.sst-page--en .sst-price__lbl{text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.sst-page--en .sst-pay__tag,.sst-page--en .sst-card__off{letter-spacing:.02em}
.sst-page--en .sst{padding-bottom:84px}

/* English header */
.sst-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--sst-ink);padding:8px 14px;border-radius:8px}
.sst-skip:focus{left:8px}
.sst-eh{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--sst-line);font-family:var(--sst-font)}
.sst-eh *{box-sizing:border-box}
.sst-eh__row{display:flex;align-items:center;gap:16px;min-height:64px}
.sst-eh__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--sst-ink);min-width:0}
.sst-eh__brand img{display:block;width:auto;height:40px}
.sst-eh__name{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.sst-eh__name b{font-size:16px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.sst-eh__name small{font-size:12.5px;color:var(--sst-soft);white-space:nowrap}
.sst-eh__nav{display:none;gap:22px;margin-inline-start:auto}
.sst-eh__nav a{color:var(--sst-text);text-decoration:none;font-size:15px;font-weight:600}
.sst-eh__nav a:hover{color:var(--sst-ink);text-decoration:underline;text-underline-offset:4px}
.sst-eh__actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.sst-eh__nav+.sst-eh__actions{margin-inline-start:0}
.sst-eh__wa{min-height:40px;padding:8px 14px;font-size:14.5px;border-radius:10px}
.sst-eh__wa svg{width:18px;height:18px;fill:currentColor}
@media (max-width:420px){.sst-eh__name small{display:none}.sst-eh__wa span{display:none}.sst-eh__wa{padding:8px 10px}.sst-eh__brand img{height:34px}}
@media (min-width:900px){.sst-eh__nav{display:flex}}

/* English footer */
.sst-ef{background:var(--sst-dark);color:#d9d4cf;padding:40px 0 calc(96px + env(safe-area-inset-bottom));font-family:var(--sst-font);font-size:15px;line-height:1.6}
.sst-ef *{box-sizing:border-box}
.sst-ef__grid{display:grid;gap:24px;grid-template-columns:1fr}
.sst-ef b{display:block;color:#fff;font-size:15px;margin-bottom:6px}
.sst-ef .sst-ef__brand{font-size:19px;letter-spacing:-.01em}
.sst-ef p{margin:0 0 4px}
.sst-ef a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sst-ef__copy{margin-top:28px!important;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;color:#a9a2a8}
@media (min-width:760px){.sst-ef__grid{grid-template-columns:1.4fr 1fr 1fr}}
.sst-page--en .sst-qty{flex-direction:row-reverse}

/* ANDALUS_STAINLESS_HERO_INFO_V1 (owner 1 Nov 2026 17:26): the hero photos are small product cards with the facts that sell. */
.sst-pick{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,74%);gap:12px;margin-top:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:thin;overscroll-behavior-x:contain}
.sst-pick__card{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid var(--sst-line);border-radius:18px;overflow:hidden;box-shadow:var(--sst-shadow);color:var(--sst-ink)!important;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.sst-pick__card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(36,22,15,.12)}
.sst-pick__card:focus-visible{outline:3px solid var(--sst-gold);outline-offset:2px}
.sst-pick__ph{position:relative;display:block;aspect-ratio:4/3;background:#efe7de;overflow:hidden}
.sst-pick__ph img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.sst-pick__off{position:absolute;top:10px;inset-inline-end:10px;background:var(--sst-coral,#f23849);color:#fff;border-radius:10px;padding:3px 10px;font-size:13px;font-weight:800}
.sst-pick__tag{position:absolute;bottom:10px;inset-inline-start:10px;background:rgba(255,255,255,.95);color:var(--sst-ink);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800}
.sst-pick__info{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}
.sst-pick__name{font-size:15px;font-weight:800;line-height:1.35}
.sst-pick__name em{font-style:normal;font-weight:600;color:var(--sst-soft);font-size:14px}
.sst-pick__name em::before{content:"· "}
.sst-pick__price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;line-height:1.3}
.sst-pick__price small{font-size:13px;color:var(--sst-soft);font-weight:700}
.sst-pick__price b{font-size:22px;font-weight:800;color:var(--sst-ink);letter-spacing:-.01em}
.sst-pick__price s{font-size:14px;color:#9a8b80}
.sst-pick__inst{font-size:13.5px;color:var(--sst-wa);font-weight:700;line-height:1.4}
.sst-pick__go{margin-top:6px;font-size:14px;font-weight:800;color:var(--sst-brand)}
@media (min-width:760px){.sst-pick{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}}
.sst-sheet__policy{margin-bottom:-4px!important}.sst-sheet__policy a{color:var(--sst-soft);text-decoration:underline;text-underline-offset:3px}
/* ANDALUS_TABLE_ORDER_SHEET_V1 (3 Nov 2026): the order sheet's anti-bot field — never seen, never filled by a person */
.sst-sheet .sst-hp{position:absolute!important;inset-inline-start:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

/* ANDALUS_STAINLESS_SAME_FRAME_V1 (أ. محمد 3 Nov 22:56 «صفحة الاستنلس واخدة ابعاد مختلفة وكمان تقريبا خلفية مختلفة فاول ما بندوس
   عليها بنشعر باختلاف التقسيم والقايمة»): the same frame as every section page — no browser 8px body margin (the page did not
   load the site reset), the site's canvas instead of the beige one, the hero on that canvas, the title at the sections' size. */
html body.sst-page{margin-top:0!important;margin-bottom:0!important;margin-left:0!important;
  background:radial-gradient(circle at 92% -10%,rgba(45,42,53,.045),transparent 31rem),radial-gradient(circle at 4% 9%,rgba(45,42,53,.025),transparent 27rem),linear-gradient(180deg,#fff 0,var(--an-canvas,#f7f7f9) 48%,#fff 100%)!important}
html:not(.an-has-rail) body.sst-page,html.an-rail-flat body.sst-page{margin-right:0!important}
.sst-hero{background:transparent!important}
@media (min-width:900px){.sst-hero h1{font-size:clamp(34px,4vw,60px);--sst-lh:1.2}}

/* ANDALUS_STAINLESS_HERO_BOX_V1 (أ. محمد 3 Nov 23:42 «الهيرو في باقي الصفحات جوا مستطيل… لازم تبقى زيهم»): the hero sits in the
   same white card as every section page (.an-cat-hero__box: white, 1px line, 30px corners, the soft shadow, 34px inside, the thin
   top line) — the page's width stays the same as the cards under it. */
.sst-hero{padding:34px 0 22px!important;border-bottom:0!important}
.sst-hero>.sst-wrap{width:min(1500px,calc(100% - 32px));position:relative;overflow:hidden;background:#fff;border:1px solid #ded9d4;border-radius:30px;box-shadow:0 16px 36px rgba(23,21,28,.1);padding:34px}
.sst-hero>.sst-wrap::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--an-accent-gradient,linear-gradient(112deg,#ff7a3d 0%,#f23849 58%,#eb3152 100%))}
@media (max-width:850px){.sst-hero>.sst-wrap{width:calc(100% - 20px);padding:23px}}
@media (max-width:570px){.sst-hero{padding-top:16px!important}.sst-hero>.sst-wrap{border-radius:22px;padding:20px 16px}}