/** Shopify CDN: Minification failed

Line 249:0 Unexpected "{"

**/
/* ==========================================================================
   WEJI Design System — measured from Apple / Polène / Gymshark, 2026-10
   Apple:  SF Pro Display · h1 28/600/32 · body 17/21 · 44pt tap · #0071E3 pill
   Polène: black square CTA h=43 · body 17.25/29 · white canvas
   We add: WEJI identity — warm sand, gulf gold, arabic-first typography
   ========================================================================== */

:root{
  /* --- surfaces: warm, never cold grey --- */
  --wj-bg:#faf7f2;
  --wj-surface:#ffffff;
  --wj-ink:#14110d;
  --wj-ink-2:#4a4239;
  --wj-ink-3:#6b6255;
  --wj-line:#e8e1d5;
  --wj-line-2:#f2ece1;
  --wj-dark:#14110d;
  --wj-dark-2:#1d1913;

  /* --- accent: gulf gold, used sparingly like Apple's single blue --- */
  --wj-gold:#8a6420;
  --wj-gold-lite:#e0b971;
  --wj-gold-soft:#c9a15a;
  --wj-sand:#efe6d6;

  /* --- semantic --- */
  --wj-success:#1f7a4d;
  --wj-danger:#b3261e;
  --wj-focus:#a97c2f;

  /* --- type ladder (Apple measured) --- */
  --wj-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,
            "Noto Kufi Arabic","Noto Naskh Arabic","Helvetica Neue",Arial,sans-serif;
  --wj-font-display:"SF Pro Display",-apple-system,"Noto Kufi Arabic",Georgia,serif;
  --wj-font-ar:"Noto Kufi Arabic","SF Pro Display","Segoe UI",sans-serif;

  --wj-page:min(1280px,92vw);
  --sp-section:clamp(56px,8vw,104px);
  --radius-media:18px;      /* Apple: large panels 18px */
  --radius-ctl:12px;        /* Apple: controls 12px */
  --radius-pill:980px;
  --tap:44px;               /* HIG minimum */
  --ease:cubic-bezier(.22,1,.36,1);
}

/* ---------------------------------------------------------------- reset */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--wj-bg);color:var(--wj-ink);
  font-family:var(--wj-font);
  font-size:17px;line-height:1.47;               /* Apple body 17/25 */
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  font-feature-settings:"kern","liga","calt";
}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.14}
h1{font-size:clamp(30px,4.6vw,44px);line-height:1.1}
h2{font-size:clamp(24px,3.2vw,32px)}
h3{font-size:20px}
p{margin:0 0 1em}
img,svg,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--wj-focus);outline-offset:2px;border-radius:4px}

[dir="rtl"] body{font-family:var(--wj-font-ar)}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{letter-spacing:0;line-height:1.28}

/* -------------------------------------------------------------- layout */
.wj-section{max-width:var(--wj-page);margin-inline:auto;padding-block:var(--sp-section)}
.wj-section--tight{padding-block:clamp(34px,5vw,56px)}
.wj-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  flex-wrap:wrap;margin-bottom:clamp(24px,3.4vw,40px)}
.wj-kicker{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--wj-gold);margin:0 0 10px}
[dir="rtl"] .wj-kicker{letter-spacing:.06em}
.wj-hd__t{margin:0;font-size:clamp(24px,3.4vw,34px);letter-spacing:-.025em}
.wj-hd__s{margin:8px 0 0;color:var(--wj-ink-3);font-size:15px;max-width:56ch}

/* --------------------------------------------------------------- cards */
.wj-grid{display:grid;gap:clamp(14px,1.6vw,22px);
  grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}
.wj-card{position:relative;display:flex;flex-direction:column;background:var(--wj-surface);
  border:1px solid var(--wj-line);border-radius:var(--radius-media);overflow:hidden;
  transition:transform .45s var(--ease),border-color .3s,box-shadow .45s var(--ease)}
.wj-card:hover{transform:translateY(-4px);border-color:var(--wj-line-2);
  box-shadow:0 14px 34px rgba(20,17,13,.09)}
.wj-card__imgwrap{position:relative;aspect-ratio:4/5;background:var(--wj-line-2);overflow:hidden}
.wj-card__img{width:100%;height:100%;object-fit:cover;
  transition:transform .8s var(--ease),opacity .4s}
.wj-card:hover .wj-card__img{transform:scale(1.05)}
.wj-card__img--alt{position:absolute;inset:0;opacity:0}
.wj-card:hover .wj-card__img--alt{opacity:1}
.wj-card__badges{position:absolute;top:10px;inset-inline-start:10px;display:flex;gap:6px;flex-wrap:wrap}
.wj-badge{font-size:11px;font-weight:650;padding:4px 9px;border-radius:var(--radius-pill);
  background:rgba(255,255,255,.94);color:var(--wj-ink);backdrop-filter:blur(8px)}
.wj-badge--dark{background:var(--wj-dark);color:#fff}
.wj-badge--gold{background:var(--wj-gold);color:#fff}
.wj-card__quick{position:absolute;inset-inline:10px;bottom:10px;display:flex;gap:8px;
  opacity:0;transform:translateY(8px);transition:.35s var(--ease)}
.wj-card:hover .wj-card__quick,.wj-card:focus-within .wj-card__quick{opacity:1;transform:none}
.wj-card__body{padding:14px 15px 17px;display:flex;flex-direction:column;gap:5px;flex:1}
.wj-card__t{font-size:14.5px;font-weight:600;line-height:1.35;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wj-card__meta{font-size:12.5px;color:var(--wj-ink-3)}
.wj-card__price{margin-top:auto;padding-top:7px;font-size:15.5px;font-weight:700}

/* ------------------------------------------------------------- buttons */
.wj-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:var(--tap);padding:0 24px;border-radius:var(--radius-pill);
  font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:pointer;border:1px solid transparent;
  transition:transform .28s var(--ease),background .28s,border-color .28s,opacity .2s;text-align:center}
.wj-btn:active{transform:scale(.975)}
.wj-btn--solid{background:var(--wj-dark);color:#fff}          /* Polène: black, square-ish */
.wj-btn--solid:hover{background:#241f18}
.wj-btn--ghost{border-color:var(--wj-line);background:var(--wj-surface);color:var(--wj-ink)}
.wj-btn--ghost:hover{border-color:var(--wj-ink-3)}
.wj-btn--gold{background:var(--wj-gold);color:#fff}
.wj-btn--gold:hover{background:#8f6524}
.wj-btn--block{width:100%}
.wj-btn[disabled],.wj-btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.wj-btn--sq{border-radius:var(--radius-ctl);height:43px;padding-inline:30px}  /* Polène h=43 */

/* --------------------------------------------------------- PDP upgrade */
.wj-pdp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:clamp(24px,4vw,64px);max-width:var(--wj-page);margin-inline:auto;
  padding-block:clamp(20px,3vw,40px)}
.wj-pdp__gallery{display:grid;gap:12px}
.wj-pdp__thumbs{display:grid;grid-auto-flow:column;gap:10px;overflow-x:auto;padding-bottom:6px}
.wj-pdp__thumbs button{width:64px;height:64px;flex:0 0 64px;border-radius:10px;overflow:hidden;
  border:1px solid var(--wj-line);background:var(--wj-line-2);cursor:pointer;padding:0;
  transition:border-color .25s}
.wj-pdp__thumbs button[aria-current="true"]{border-color:var(--wj-ink)}
.wj-pdp__thumbs img{width:100%;height:100%;object-fit:cover}
.wj-pdp__rail{position:sticky;top:88px;align-self:start;display:flex;flex-direction:column;gap:16px}
.wj-pdp__title{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.025em;margin:0}
.wj-pdp__price{font-size:22px;font-weight:700}
.wj-pdp__opt{border-top:1px solid var(--wj-line);padding-top:16px}
.wj-pdp__optlbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--wj-ink-3);margin:0 0 9px}
[dir="rtl"] .wj-pdp__optlbl{letter-spacing:.04em}
.wj-pdp__chips{display:flex;flex-wrap:wrap;gap:8px}
.wj-chip{min-width:var(--tap);min-height:38px;padding:0 16px;border-radius:var(--radius-pill);
  border:1px solid var(--wj-line);background:var(--wj-surface);cursor:pointer;font-size:14px;
  transition:.22s}
.wj-chip[aria-pressed="true"]{border-color:var(--wj-ink);background:var(--wj-ink);color:#fff}
.wj-pdp__trust{display:grid;gap:9px;padding:16px 0;border-top:1px solid var(--wj-line)}
.wj-pdp__trust div{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--wj-ink-2)}
.wj-pdp__trust b{color:var(--wj-ink);font-weight:600}

/* sticky ATC — Apple 56px bar / Gymshark mobile pattern */
.wj-sticky{position:fixed;inset-inline:0;bottom:0;z-index:60;background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(18px);border-top:1px solid var(--wj-line);
  padding:10px max(16px,env(safe-area-inset-left));display:flex;gap:12px;align-items:center;
  transform:translateY(110%);transition:transform .4s var(--ease);box-shadow:0 -8px 26px rgba(20,17,13,.07)}
.wj-sticky.is-in{transform:none}
.wj-sticky__t{font-size:13px;color:var(--wj-ink-2);min-width:0}
.wj-sticky__t b{display:block;color:var(--wj-ink);font-size:14.5px;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.wj-sticky .wj-btn{flex:0 0 auto}

/* ----------------------------------------------------------- misc bits */
.wj-marquee{overflow:hidden;border-block:1px solid var(--wj-line);background:var(--wj-surface);
  padding-block:13px}
.wj-marquee__track{display:flex;gap:44px;white-space:nowrap;animation:wjSlide 34s linear infinite;
  font-size:12.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;color:var(--wj-ink-3)}
@keyframes wjSlide{to{transform:translateX(-50%)}}
.wj-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:14px;
  overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.wj-rail>*{scroll-snap-align:start}
.wj-rail::-webkit-scrollbar{height:5px}
.wj-rail::-webkit-scrollbar-thumb{background:var(--wj-line);border-radius:99px}

.wj-note{border:1px solid var(--wj-line);border-radius:var(--radius-media);
  background:var(--wj-surface);padding:22px}
.wj-skel{background:linear-gradient(90deg,var(--wj-line-2) 25%,#fff 50%,var(--wj-line-2) 75%);
  background-size:200% 100%;animation:wjShimmer 1.4s infinite;border-radius:8px}
@keyframes wjShimmer{to{background-position:-200% 0}}

/* --------------------------------------------------------------- mobile */
@media(max-width:989px){
  .wj-pdp{grid-template-columns:1fr;gap:20px}
  .wj-pdp__rail{position:static}
  body{font-size:16px}
  .wj-card__quick{opacity:1;transform:none;position:static;padding:0 15px 14px}
  .wj-card__thumbs{display:none}
}
@media(max-width:749px){
  :root{--sp-section:52px;--radius-media:14px}
  h1{font-size:27px}
  .wj-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .wj-card__t{font-size:13px}
  .wj-card__price{font-size:14px}
  .wj-btn{min-height:46px}                 /* comfortable thumb target */
  .wj-rail{grid-auto-columns:minmax(158px,1fr);gap:10px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;
    scroll-behavior:auto!important}
}

/* ==========================================================================
   WEJI RTL v2 — Arabic typography correctness + WCAG AA contrast
   Root cause fixed: <html dir="rtl" lang="ar"> was missing (was dir=ltr lang=en).
   ========================================================================== */

/* 1. Arabic must NEVER be letter-spaced: tracking breaks cursive joining */
[dir="rtl"] .wj2__kicker,
[dir="rtl"] .wj-kicker,
[dir="rtl"] .wj-pdp__optlbl,
[dir="rtl"] .wjt-title,
[dir="rtl"] .wjc__t,
[dir="rtl"] .wj-hd__t,
[dir="rtl"] .wj-marquee__track,
[dir="rtl"] .wj-hero__kicker { letter-spacing:0 !important; }

/* headings: no negative tracking (crashes Arabic descenders) */
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4,
[dir="rtl"] .wj2__title,[dir="rtl"] .wjc__t,[dir="rtl"] .wj-hd__t {
  letter-spacing:0 !important;
}

/* 2. Arabic line-height must be looser (tall ascenders/descenders) */
[dir="rtl"] h1,[dir="rtl"] .wj2__title{line-height:1.32 !important}
[dir="rtl"] h2,[dir="rtl"] h3{line-height:1.4 !important}
[dir="rtl"] p,[dir="rtl"] li{line-height:1.75}

/* 3. Arabic full stop: use Arabic comma-free flow, drop Latin period spacing */
[dir="rtl"] h1::after,[dir="rtl"] h2::after{content:none}

/* 4. Bilingual headings: keep ONE type category, Arabic takes the lead */
.wj2__title,[dir="rtl"] .wjc__t,[dir="rtl"] .wjt-title{
  font-family:var(--wj-font-ar,-apple-system,"Noto Kufi Arabic",sans-serif);
}

/* 5. RTL anchors: hero copy hugs the RIGHT (was left = fatal defect) */
[dir="rtl"] .wj2__copy{text-align:right}
[dir="rtl"] .wj2__grid{direction:rtl}
[dir="rtl"] .wj-hero__copy{text-align:right}
[dir="rtl"] .wj-hd{flex-direction:row}
[dir="rtl"] .wjc__hd{flex-direction:row}
[dir="rtl"] .wjt-head{flex-direction:row}
[dir="rtl"] .wj2__actions,[dir="rtl"] .wj-hero__actions{justify-content:flex-start}
{flex-direction:row}

/* 6. Trust list order must read RTL (priority order preserved) */
[dir="rtl"] .wj2__trust li,
[dir="rtl"] .wj-hero__trust li{flex-direction:row}
[dir="rtl"] .wj2__trust li::before{inset-inline-start:0}

/* 7. Badges flip with the page (rank/platform were reversed in RTL) */
[dir="rtl"] .wjt-rank{left:auto;right:9px}
[dir="rtl"] .wjt-src{right:auto;left:9px}

/* 8. Single accent: kill competing orange/gold variants */
.wj-badge--gold,.wj-badge--dark{background:var(--wj-gold) !important;color:#fff !important}
.wj-badge{background:rgba(255,255,255,.94) !important;color:var(--wj-ink) !important;
  border:1px solid var(--wj-line)}

/* 9. Gold on cream now AA (5.07:1); keep decorative soft gold for DARK bg only */
.wj-kicker,.wj2__kicker,.wjt-tab.is-on,.wj2__tag i{color:var(--wj-gold)}

/* 10. Section rhythm: kill the 140px void the audit found */
.wjc,.wj-hero,.wj2{padding-block-start:clamp(48px,6vw,72px) !important}

/* 11. Chat widget collides with scrollbar -> pin inside safe area */
.wj-chat,[id*=chat][class*=bubble]{inset-inline-end:20px !important;right:auto !important}