:root{--bg-base:#2A2D33;--bg-deep:#22252B;--bg-soft:#32363E;--surface-1:#383C45;--surface-2:#43484F;--surface-3:#4D525A;--surface-elev:#565B63;--ink-1:#F5F1E8;--ink-2:#D4CCBC;--ink-3:#9B958A;--ink-4:#6E6A63;--gold-50:#F7F8FA;--gold-100:#E2E5EB;--gold-200:#C5CAD3;--gold-300:#9CA3AF;--gold-400:#7C8493;--gold-500:#5E6573;--gold-600:#454B57;--gold-700:#2F343D;--copper:#7C8493;--bronze:#5E6573;--success:#87A878;--success-bg:rgba(135,168,120,0.14);--warning:#C9A366;--warning-bg:rgba(201,163,102,0.14);--danger:#B87878;--danger-bg:rgba(184,120,120,0.14);--border-1:rgba(245,241,232,0.06);--border-2:rgba(245,241,232,0.12);--border-3:rgba(245,241,232,0.20);--hairline:rgba(245,241,232,0.08);--shadow-tint:0 0 0;--gold-glow:156 163 175;--copper-glow:124 132 147;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:0.875rem;--radius-xl:1.125rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-pill:999px;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-in-out:cubic-bezier(0.76,0,0.24,1);--dur-fast:150ms;--dur-base:280ms;--dur-slow:500ms}@keyframes sup-carousel-enter{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sup-carousel-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sup-carousel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sup-carousel-enter{animation:sup-carousel-enter 1s cubic-bezier(.16,1,.3,1) forwards}.sup-carousel-enter-stagger-1{animation-delay:.08s}.sup-carousel-enter-stagger-2{animation-delay:.16s}.sup-carousel-enter-stagger-3{animation-delay:.24s}.sup-carousel-float{animation:sup-carousel-float 4s ease-in-out infinite}.sup-carousel-shimmer:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(197,202,211,.1) 25%,rgba(197,202,211,.2) 50%,rgba(197,202,211,.1) 75%,transparent);background-size:200% 100%;animation:sup-carousel-shimmer 3.5s ease-in-out infinite;pointer-events:none}@keyframes sup-active-glow{0%,to{box-shadow:0 32px 80px -20px rgba(0,0,0,.55),0 12px 32px -10px rgba(0,0,0,.35),inset 0 1px 0 rgba(245,241,232,.06),0 0 0 2px rgba(197,202,211,.2),0 0 40px -10px rgba(197,202,211,.08)}50%{box-shadow:0 40px 100px -20px rgba(0,0,0,.65),0 16px 40px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(245,241,232,.08),0 0 0 2px rgba(197,202,211,.4),0 0 60px -10px rgba(197,202,211,.15)}}.sup-active-glow{animation:sup-active-glow 3s ease-in-out infinite}@keyframes sup-card-img-float{0%,to{transform:scale(1.02) translateY(0)}50%{transform:scale(1.04) translateY(-6px)}}.sup-card-img-float{animation:sup-card-img-float 5s ease-in-out infinite}@keyframes swipe-hint{0%{opacity:0;transform:translateX(8px)}15%{opacity:1;transform:translateX(0)}85%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-8px)}}.animate-swipe-hint{animation:swipe-hint 3.5s ease-in-out forwards}.sup-sticky-nav{position:sticky;top:0;z-index:40;background:rgba(42,45,51,.88);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid var(--border-1);box-shadow:0 4px 20px -6px rgba(0,0,0,.3)}@media (prefers-reduced-motion:reduce){.animate-swipe-hint,.sup-active-glow,.sup-card-img-float,.sup-carousel-enter,.sup-carousel-shimmer:after,.sup-fade-up,.sup-fade-up.is-visible,.sup-hover-lift:hover,.sup-oil-row:after,.sup-oil-row:hover,.sup-supply-card:before,.sup-supply-card:hover{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.sup-oil-row:after,.sup-supply-card:before{display:none!important}}.sup-theme-root{background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(80,75,70,.2) 0,transparent 60%),linear-gradient(180deg,#2A2D33,#252830 50%,#22252B);background-attachment:scroll;color:var(--ink-1);font-family:var(--font-tajawal),var(--font-cairo),system-ui,sans-serif;direction:rtl;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}body:has(.sup-theme-root),html:has(.sup-theme-root){background-color:#22252B;color-scheme:dark}.sup-theme-root:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 100% 60% at 50% 100%,rgba(40,30,20,.18) 0,transparent 70%)}.sup-text-gradient{background:linear-gradient(135deg,var(--gold-50) 0,var(--gold-200) 50%,var(--gold-400) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.sup-eyebrow{font-family:var(--font-montserrat),var(--font-inter),system-ui,sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--gold-200)}.sup-text-shadow{text-shadow:0 2px 8px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4)}.sup-display{font-family:var(--font-cinzel),Georgia,serif;font-weight:500;letter-spacing:-.02em;line-height:1.05}.sup-accent{font-family:var(--font-cormorant),Georgia,serif;font-style:italic}.sup-glass{background:rgba(56,60,69,.72);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid var(--border-2);box-shadow:0 4px 24px -6px rgba(0,0,0,.35),inset 0 1px 0 rgba(245,241,232,.05)}.sup-glass-light{background:rgba(67,72,79,.55);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--border-1)}.sup-shadow-sm{box-shadow:0 2px 6px -2px rgba(0,0,0,.25)}.sup-shadow{box-shadow:0 6px 18px -6px rgba(0,0,0,.35),0 2px 6px -2px rgba(0,0,0,.2)}.sup-shadow-lg{box-shadow:0 16px 40px -10px rgba(0,0,0,.45),0 4px 12px -4px rgba(0,0,0,.25)}.sup-shadow-xl{box-shadow:0 24px 60px -12px rgba(0,0,0,.5),0 8px 20px -6px rgba(0,0,0,.3)}.sup-glow-gold{box-shadow:0 0 0 1px rgba(156,163,175,.18),0 0 18px -4px rgba(156,163,175,.2),0 12px 32px -8px rgba(0,0,0,.35)}.sup-glow-copper{box-shadow:0 0 0 1px rgba(124,132,147,.22),0 0 24px -4px rgba(124,132,147,.25),0 12px 32px -8px rgba(0,0,0,.4)}.sup-hairline{height:1px;background:linear-gradient(90deg,transparent 0,var(--border-3) 50%,transparent 100%)}.sup-hairline-vertical{width:1px;background:linear-gradient(180deg,transparent 0,var(--border-3) 50%,transparent 100%)}.sup-gold-underline{position:relative;display:inline-block;padding-bottom:.15em}.sup-gold-underline:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--gold-300) 30%,var(--gold-300) 70%,transparent 100%)}.sup-hover-lift{transition:transform var(--dur-base) var(--ease-out-expo),box-shadow var(--dur-base) var(--ease-out-expo);transform-style:preserve-3d;perspective:1200px;will-change:transform}.sup-hover-lift:hover{transform:translateY(-3px);box-shadow:0 18px 40px -10px rgba(0,0,0,.45),0 4px 12px -4px rgba(0,0,0,.25)}.sup-supply-card{position:relative;overflow:hidden;background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-xl);transition:transform var(--dur-base) var(--ease-out-expo),box-shadow var(--dur-base) var(--ease-out-expo),border-color var(--dur-base) var(--ease-out-expo)}.sup-supply-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(245,241,232,.04) 50%,transparent);transform:translateX(-100%);transition:transform .9s var(--ease-out-expo);pointer-events:none;z-index:1}.sup-supply-card:hover{transform:translateY(-5px) scale(1.01);border-color:var(--border-3);box-shadow:0 24px 56px -14px rgba(0,0,0,.5),0 8px 20px -6px rgba(0,0,0,.3)}.sup-supply-card:hover:before{transform:translateX(100%)}.sup-supply-card:hover .sup-card-img{transform:scale(1.05)}.sup-oil-row{position:relative;transition:background var(--dur-base) var(--ease-out-expo)}.sup-oil-row:before{content:"";position:absolute;right:0;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,transparent 0,var(--gold-300) 50%,transparent 100%);opacity:0;transition:opacity var(--dur-base) var(--ease-out-expo);border-radius:0 2px 2px 0}.sup-oil-row:hover{background:rgba(245,241,232,.03);transform:translateY(-3px) scale(1.002);box-shadow:0 8px 24px -8px rgba(0,0,0,.25)}.sup-oil-row:hover:before{opacity:.8}.sup-oil-row:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(197,202,211,.03) 50%,transparent);transform:translateX(-100%);transition:transform .7s var(--ease-out-expo);pointer-events:none;z-index:1}.sup-oil-row:hover:after{transform:translateX(100%)}.sup-oil-row[data-featured=true]{background:rgba(156,163,175,.05);position:relative}.sup-oil-row[data-featured=true]:before{opacity:.5}.sup-oil-grid-mobile-with-order{grid-template-columns:minmax(0,1fr) minmax(82px,auto) 38px}.sup-oil-grid-mobile-no-order{grid-template-columns:minmax(0,1fr) minmax(82px,auto)}@media (min-width:768px){.sup-oil-grid-mobile-no-order,.sup-oil-grid-mobile-with-order{grid-template-columns:var(--desktop-grid)}}.sup-oil-row-mobile{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:grid}.sup-oil-row-mobile.is-pressing{background:rgba(232,181,126,.06);border-color:rgba(232,181,126,.25)}@media (min-width:768px){.sup-oil-row-mobile{display:none!important}.sup-oil-row-desktop{display:grid!important}}@media (max-width:767px){.sup-oil-row-desktop{display:none!important}.sup-oil-row-mobile{display:grid!important}}@keyframes sup-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sup-modal-pop-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sup-pack-chip{position:relative;transition:background var(--dur-fast) var(--ease-out-expo),border-color var(--dur-fast) var(--ease-out-expo),color var(--dur-fast) var(--ease-out-expo),transform var(--dur-fast) var(--ease-out-expo)}.sup-pack-chip:hover{border-color:var(--border-3);transform:translateY(-1px)}.sup-pack-chip[data-active=true]{background:linear-gradient(135deg,var(--gold-300) 0,var(--gold-400) 100%);color:var(--bg-deep);border-color:transparent;font-weight:600;box-shadow:0 4px 12px -2px rgba(156,163,175,.35)}.sup-min-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:11px;font-weight:600;border-radius:var(--radius-pill);background:rgba(201,163,102,.1);color:#C9A366;border:1px solid rgba(201,163,102,.25);box-shadow:inset 0 1px 0 rgba(245,241,232,.04);letter-spacing:.01em}.sup-qty-stepper,.sup-weight-select{background:radial-gradient(circle at 30% 0,rgba(245,241,232,.05) 0,transparent 60%),rgba(34,37,43,.75);border:1px solid var(--border-2);box-shadow:inset 0 1px 0 rgba(245,241,232,.05),inset 0 -1px 0 rgba(15,17,21,.4),inset 0 0 0 1px rgba(15,17,21,.2),0 2px 6px -2px rgba(0,0,0,.3);transition:all .28s var(--ease-out-expo)}.sup-weight-select{color:var(--ink-1);letter-spacing:.02em}.sup-weight-select:hover{background:radial-gradient(circle at 30% 0,rgba(197,202,211,.1) 0,transparent 60%),rgba(48,52,60,.85);border-color:rgba(197,202,211,.3)}.sup-weight-select:focus{border-color:rgba(232,181,126,.5);box-shadow:inset 0 1px 0 rgba(245,241,232,.08),0 0 0 3px rgba(232,181,126,.15),0 4px 12px -4px rgba(232,181,126,.3);outline:none}.sup-weight-select option{background:rgba(24,27,32,.96);color:#F5F1E8;font-weight:600;padding:.5rem}.sup-weight-select option:checked{background:linear-gradient(135deg,rgba(232,181,126,.3),rgba(196,133,95,.25));color:#F5F1E8}.sup-qty-stepper.is-below-min{border-color:rgba(184,120,120,.55);background:radial-gradient(circle at 30% 0,rgba(184,120,120,.1) 0,transparent 60%),rgba(58,30,30,.55);box-shadow:inset 0 1px 0 rgba(245,120,120,.1),inset 0 -1px 0 rgba(15,17,21,.3),0 0 0 1px rgba(184,120,120,.18)}.sup-qty-btn{color:var(--ink-2);background:transparent;border:none;cursor:pointer;transition:background .2s var(--ease-out-expo),color .2s var(--ease-out-expo),transform .2s var(--ease-out-expo)}.sup-qty-btn:hover:not(:disabled){background:rgba(197,202,211,.1);color:var(--ink-1)}.sup-qty-btn:active:not(:disabled){transform:scale(.88);background:rgba(197,202,211,.18)}@keyframes sup-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.sup-discount-banner{position:relative;animation:sup-banner-glow 3s ease-in-out infinite}@keyframes sup-banner-glow{0%,to{box-shadow:0 8px 24px -8px rgba(196,133,95,.45),inset 0 1px 0 rgba(255,255,255,.15),0 0 0 0 rgba(232,181,126,0)}50%{box-shadow:0 12px 32px -6px rgba(232,181,126,.65),inset 0 1px 0 rgba(255,255,255,.2),0 0 0 4px rgba(232,181,126,.1)}}.sup-discount-banner:hover{transform:translateY(-1px);transition:transform .2s ease-out}.sup-cat-tab{position:relative;transition:all var(--dur-base) var(--ease-out-expo);border:1px solid var(--border-1);background:rgba(56,60,69,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sup-cat-tab:hover{background:rgba(67,72,79,.7);border-color:var(--border-2);transform:translateY(-1px)}.sup-cat-tab[data-active=true]{background:linear-gradient(135deg,rgba(156,163,175,.15),rgba(124,132,147,.1));border-color:rgba(156,163,175,.35);color:var(--gold-100);box-shadow:0 4px 14px -4px rgba(0,0,0,.3),inset 0 1px 0 rgba(245,241,232,.06)}.sup-cat-tab[data-active=true]:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:var(--gold-300);border-radius:1px}.sup-sub-tab{transition:all var(--dur-fast) var(--ease-out-expo)}.sup-sub-tab:hover{background:rgba(245,241,232,.05);border-color:var(--border-2)}.sup-sub-tab[data-active=true]{background:linear-gradient(135deg,var(--gold-300) 0,var(--gold-400) 100%);color:var(--bg-deep);border-color:transparent;font-weight:600}:root{--copper-100:#E2E5EB;--copper-200:#C5CAD3;--copper-300:#9CA3AF;--copper-400:#7C8493;--copper-500:#5E6573;--copper-glow:rgba(156,163,175,0.55);--pearl-100:#F2EBDE;--pearl-200:#E5D9C3;--pearl-300:#D5C5A8}.sup-btn-ember{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:0 1.5rem;height:2.85rem;font-family:var(--font-tajawal),system-ui,sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--pearl-100);border:1px solid rgba(196,133,95,.22);border-radius:10px;background:radial-gradient(ellipse 80% 100% at 50% 0,rgba(196,133,95,.1) 0,transparent 60%),linear-gradient(180deg,#1F1A18,#161210);box-shadow:inset 0 1px 0 rgba(245,235,222,.08),inset 0 -1px 0 rgba(0,0,0,.5),0 1px 0 rgba(0,0,0,.3),0 8px 20px -6px rgba(0,0,0,.55),0 0 24px -10px var(--copper-glow);cursor:pointer;overflow:hidden;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1);will-change:transform}.sup-btn-ember>*{position:relative;z-index:2}.sup-btn-ember:before{content:"";position:absolute;left:12%;right:12%;bottom:5px;height:1px;background:linear-gradient(90deg,transparent 0,var(--copper-300) 25%,var(--copper-200) 50%,var(--copper-300) 75%,transparent 100%);opacity:.45;filter:blur(.4px);transition:opacity .36s cubic-bezier(.22,1,.36,1);z-index:1}.sup-btn-ember:hover:not(:disabled){transform:translateY(-2px) rotateX(2deg);border-color:rgba(196,133,95,.55);box-shadow:inset 0 1px 0 rgba(245,235,222,.12),inset 0 -1px 0 rgba(0,0,0,.45),0 1px 0 rgba(0,0,0,.3),0 14px 32px -6px rgba(0,0,0,.65),0 0 36px -8px var(--copper-glow)}.sup-btn-ember:hover:not(:disabled):before{opacity:1;bottom:6px}.sup-btn-ember:active:not(:disabled){transform:translateY(0) scale(.985);transition-duration:90ms;box-shadow:inset 0 2px 6px rgba(0,0,0,.55),inset 0 -1px 0 rgba(245,235,222,.05),0 1px 2px rgba(0,0,0,.4)}.sup-btn-ember:active:not(:disabled):before{opacity:.6}.sup-btn-ember:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3)}.sup-btn-ember:disabled:before{display:none}.sup-btn-ember[data-size=sm]{height:2.35rem;padding:0 1.15rem;font-size:11px;letter-spacing:.16em;gap:.45rem}.sup-btn-ember[data-size=lg]{height:3.4rem;padding:0 2rem;font-size:13.5px;letter-spacing:.22em;gap:.75rem}.sup-chip-ember{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.05rem;font-family:var(--font-tajawal),system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ink-2);border:1px solid rgba(196,133,95,.18);border-radius:8px;background:radial-gradient(ellipse 80% 100% at 50% 0,rgba(196,133,95,.06) 0,transparent 60%),rgba(15,14,13,.85);cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 0 rgba(245,235,222,.04);transition:transform .32s cubic-bezier(.22,1,.36,1),color .32s cubic-bezier(.22,1,.36,1),border-color .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1)}.sup-chip-ember:after{content:"";position:absolute;left:18%;right:18%;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,var(--copper-300),transparent);opacity:.3;transition:opacity .32s cubic-bezier(.22,1,.36,1)}.sup-chip-ember>*{position:relative;z-index:2}.sup-chip-ember:hover:not(:disabled){transform:translateY(-2px);color:var(--pearl-200);border-color:rgba(196,133,95,.5);box-shadow:inset 0 1px 0 rgba(245,235,222,.1),0 6px 18px -6px rgba(0,0,0,.5),0 0 18px -8px var(--copper-glow)}.sup-chip-ember:hover:not(:disabled):after{opacity:.85}.sup-chip-ember[data-active=true]{color:#1A1410;border-color:transparent;background:linear-gradient(180deg,#F5EBD7,#E5D2B0 50%,#C9A77A);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(75,50,25,.25),0 6px 16px -3px rgba(196,133,95,.35),0 0 0 1px rgba(196,133,95,.3)}.sup-chip-ember[data-active=true]:after{opacity:1;background:linear-gradient(90deg,transparent,var(--copper-500),transparent)}.sup-chip-ember:active:not(:disabled){transform:translateY(0) scale(.96);transition-duration:90ms}.sup-chip-ember[data-out=true]{opacity:.38;cursor:not-allowed;text-decoration:line-through;text-decoration-color:rgba(184,120,120,.55);background:rgba(15,14,13,.55);box-shadow:none}.sup-chip-ember[data-out=true]:after{display:none}.sup-chip-ember[data-size=sm]{padding:.3rem .7rem;font-size:10.5px;letter-spacing:.05em}.sup-chip-ember[data-size=lg]{padding:.8rem 1.35rem;font-size:13.5px}.sup-tab-ember{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:.6rem;padding:0 1.15rem;height:2.55rem;font-family:var(--font-tajawal),system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--pearl-100);border:1px solid rgba(196,133,95,.22);border-radius:10px;background:radial-gradient(ellipse 80% 100% at 50% 0,rgba(196,133,95,.1) 0,transparent 60%),linear-gradient(180deg,#1F1A18,#161210);box-shadow:inset 0 1px 0 rgba(245,235,222,.08),inset 0 -1px 0 rgba(0,0,0,.5),0 1px 0 rgba(0,0,0,.3),0 6px 16px -4px rgba(0,0,0,.5),0 0 18px -8px var(--copper-glow);cursor:pointer;overflow:hidden;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s cubic-bezier(.22,1,.36,1),border-color .38s cubic-bezier(.22,1,.36,1),color .38s cubic-bezier(.22,1,.36,1);will-change:transform}.sup-tab-ember>*{position:relative;z-index:2}.sup-tab-ember:before{content:"";position:absolute;left:12%;right:12%;bottom:5px;height:1px;background:linear-gradient(90deg,transparent 0,var(--copper-300) 25%,var(--copper-200) 50%,var(--copper-300) 75%,transparent 100%);opacity:.55;filter:blur(.4px);transition:opacity .36s cubic-bezier(.22,1,.36,1);z-index:1}.sup-tab-ember:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(196,133,95,.55);box-shadow:inset 0 1px 0 rgba(245,235,222,.12),inset 0 -1px 0 rgba(0,0,0,.45),0 1px 0 rgba(0,0,0,.3),0 12px 26px -4px rgba(0,0,0,.6),0 0 30px -6px var(--copper-glow)}.sup-tab-ember:hover:not(:disabled):before{opacity:1;bottom:6px}.sup-tab-ember[data-active=true]{border-color:rgba(196,133,95,.7);box-shadow:inset 0 1px 0 rgba(245,235,222,.14),inset 0 -1px 0 rgba(0,0,0,.4),0 1px 0 rgba(0,0,0,.3),0 10px 24px -4px rgba(0,0,0,.55),0 0 36px -8px var(--copper-glow)}.sup-tab-ember[data-active=true]:before{opacity:1}.sup-tab-ember:active:not(:disabled){transform:translateY(0) scale(.985);transition-duration:90ms;box-shadow:inset 0 2px 6px rgba(0,0,0,.55),inset 0 -1px 0 rgba(245,235,222,.05),0 1px 2px rgba(0,0,0,.4)}.sup-tab-ember:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3)}.sup-tab-ember:disabled:before{display:none}.sup-tab-ember[data-size=sm]{height:2.2rem;padding:0 .85rem;font-size:10.5px;letter-spacing:.13em;gap:.45rem}.sup-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .45rem;font-size:10px;font-weight:700;font-family:var(--font-montserrat),system-ui,sans-serif;letter-spacing:.04em;border-radius:6px;background:rgba(15,14,13,.7);color:var(--pearl-200);border:1px solid rgba(196,133,95,.15)}.sup-tab-ember[data-active=true] .sup-tab-count{background:rgba(26,20,16,.85);color:var(--pearl-100);border-color:rgba(26,20,16,.3)}.sup-btn-mist{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:0 1.4rem;height:2.6rem;font-family:var(--font-tajawal),system-ui,sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--pearl-200);border:1px solid rgba(196,133,95,.2);border-radius:10px;background:radial-gradient(ellipse 80% 100% at 50% 0,rgba(196,133,95,.06) 0,transparent 60%),rgba(22,18,16,.55);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);cursor:pointer;overflow:hidden;transition:transform .36s cubic-bezier(.22,1,.36,1),background .36s cubic-bezier(.22,1,.36,1),border-color .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 1px 0 rgba(245,235,222,.04)}.sup-btn-mist>*{position:relative;z-index:2}.sup-btn-mist:before{content:"";position:absolute;left:14%;right:14%;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,var(--copper-300),transparent);opacity:0;transition:opacity .36s cubic-bezier(.22,1,.36,1)}.sup-btn-mist:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(196,133,95,.45);color:var(--pearl-100);background:radial-gradient(ellipse 80% 100% at 50% 0,rgba(196,133,95,.1) 0,transparent 60%),rgba(30,25,22,.65);box-shadow:inset 0 1px 0 rgba(245,235,222,.08),0 8px 22px -6px rgba(0,0,0,.55)}.sup-btn-mist:hover:not(:disabled):before{opacity:.9}.sup-btn-mist:active:not(:disabled){transform:translateY(0) scale(.98);transition-duration:90ms}.sup-icon-ember{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:8px;background:radial-gradient(ellipse 80% 100% at 50% 0,rgba(196,133,95,.1) 0,transparent 60%),rgba(22,18,16,.85);border:1px solid rgba(196,133,95,.2);color:var(--pearl-200);cursor:pointer;overflow:hidden;transition:transform .32s cubic-bezier(.22,1,.36,1),background .32s cubic-bezier(.22,1,.36,1),border-color .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 1px 0 rgba(245,235,222,.04)}.sup-icon-ember:hover:not(:disabled){transform:translateY(-1px) scale(1.05);border-color:rgba(196,133,95,.5);color:var(--pearl-100);box-shadow:inset 0 1px 0 rgba(245,235,222,.1),0 6px 18px -4px rgba(0,0,0,.5),0 0 16px -6px var(--copper-glow)}.sup-icon-ember:active:not(:disabled){transform:translateY(0) scale(.94);transition-duration:90ms}@keyframes ember-cta-rise{0%,to{transform:translateX(-50%) scaleX(1)}50%{transform:translateX(-50%) scaleX(1.08)}}@keyframes sup-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.sup-btn-atelier,.sup-cta-aurora,.sup-cta-primary{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:0 1.5rem;height:2.85rem;font-family:var(--font-tajawal),system-ui,sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--pearl-100);border:1px solid rgba(196,133,95,.22);border-radius:10px;background:radial-gradient(ellipse 80% 100% at 50% 0,rgba(196,133,95,.1) 0,transparent 60%),linear-gradient(180deg,#1F1A18,#161210);box-shadow:inset 0 1px 0 rgba(245,235,222,.08),inset 0 -1px 0 rgba(0,0,0,.5),0 1px 0 rgba(0,0,0,.3),0 8px 20px -6px rgba(0,0,0,.55),0 0 24px -10px var(--copper-glow);cursor:pointer;overflow:hidden;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1)}.sup-btn-atelier:before,.sup-cta-aurora:before,.sup-cta-primary:before{content:"";position:absolute;left:12%;right:12%;bottom:5px;height:1px;background:linear-gradient(90deg,transparent 0,var(--copper-300) 25%,var(--copper-200) 50%,var(--copper-300) 75%,transparent 100%);opacity:.45;transition:opacity .36s cubic-bezier(.22,1,.36,1);z-index:1}.sup-btn-atelier>*,.sup-cta-aurora>*,.sup-cta-primary>*{position:relative;z-index:2}.sup-btn-atelier:hover:not(:disabled),.sup-cta-aurora:hover:not(:disabled),.sup-cta-primary:hover:not(:disabled){transform:translateY(-2px) rotateX(2deg);border-color:rgba(196,133,95,.55);box-shadow:inset 0 1px 0 rgba(245,235,222,.12),inset 0 -1px 0 rgba(0,0,0,.45),0 1px 0 rgba(0,0,0,.3),0 14px 32px -6px rgba(0,0,0,.65),0 0 36px -8px var(--copper-glow)}.sup-btn-atelier:hover:not(:disabled):before,.sup-cta-aurora:hover:not(:disabled):before,.sup-cta-primary:hover:not(:disabled):before{opacity:1;bottom:6px}.sup-btn-atelier:active:not(:disabled),.sup-cta-aurora:active:not(:disabled),.sup-cta-primary:active:not(:disabled){transform:translateY(0) scale(.985);transition-duration:90ms;box-shadow:inset 0 2px 6px rgba(0,0,0,.55),inset 0 -1px 0 rgba(245,235,222,.05),0 1px 2px rgba(0,0,0,.4)}.sup-btn-atelier:disabled,.sup-cta-aurora:disabled,.sup-cta-primary:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3)}.sup-btn-atelier[data-size=sm],.sup-cta-aurora[data-size=sm],.sup-cta-primary[data-size=sm]{height:2.35rem;padding:0 1.15rem;font-size:11px;letter-spacing:.16em;gap:.45rem}.sup-chip-luxe,.sup-chip-orbital{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.05rem;font-family:var(--font-tajawal),system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ink-2);border:1px solid rgba(196,133,95,.18);border-radius:8px;background:radial-gradient(ellipse 80% 100% at 50% 0,rgba(196,133,95,.06) 0,transparent 60%),rgba(15,14,13,.85);cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 0 rgba(245,235,222,.04);transition:transform .32s cubic-bezier(.22,1,.36,1),color .32s cubic-bezier(.22,1,.36,1),border-color .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1)}.sup-chip-luxe:after,.sup-chip-orbital:after{content:"";position:absolute;left:18%;right:18%;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,var(--copper-300),transparent);opacity:.3;transition:opacity .32s cubic-bezier(.22,1,.36,1)}.sup-chip-luxe>*,.sup-chip-orbital>*{position:relative;z-index:2}.sup-chip-luxe:hover:not(:disabled),.sup-chip-orbital:hover:not(:disabled){transform:translateY(-2px);color:var(--pearl-200);border-color:rgba(196,133,95,.5);box-shadow:inset 0 1px 0 rgba(245,235,222,.1),0 6px 18px -6px rgba(0,0,0,.5),0 0 18px -8px var(--copper-glow)}.sup-chip-luxe:hover:not(:disabled):after,.sup-chip-orbital:hover:not(:disabled):after{opacity:.85}.sup-chip-luxe[data-active=true],.sup-chip-orbital[data-active=true]{color:#1A1410;border-color:transparent;background:linear-gradient(180deg,#F5EBD7,#E5D2B0 50%,#C9A77A);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(75,50,25,.25),0 6px 16px -3px rgba(196,133,95,.35),0 0 0 1px rgba(196,133,95,.3)}.sup-chip-luxe[data-active=true]:after,.sup-chip-orbital[data-active=true]:after{opacity:1;background:linear-gradient(90deg,transparent,var(--copper-500),transparent)}.sup-chip-luxe[data-size=sm],.sup-chip-orbital[data-size=sm]{padding:.3rem .7rem;font-size:10.5px;letter-spacing:.05em}.sup-chip-luxe[data-out=true],.sup-chip-orbital[data-out=true]{opacity:.38;cursor:not-allowed;text-decoration:line-through;text-decoration-color:rgba(184,120,120,.55);background:rgba(15,14,13,.55);box-shadow:none}.sup-chip-luxe[data-out=true]:after,.sup-chip-orbital[data-out=true]:after{display:none}.sup-chip-luxe:active:not(:disabled),.sup-chip-orbital:active:not(:disabled){transform:translateY(0) scale(.96);transition-duration:90ms}.sup-tab-atelier{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:.6rem;padding:0 1.15rem;height:2.55rem;font-family:var(--font-tajawal),system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--pearl-100);border:1px solid rgba(196,133,95,.22);border-radius:10px;background:radial-gradient(ellipse 80% 100% at 50% 0,rgba(196,133,95,.1) 0,transparent 60%),linear-gradient(180deg,#1F1A18,#161210);box-shadow:inset 0 1px 0 rgba(245,235,222,.08),inset 0 -1px 0 rgba(0,0,0,.5),0 1px 0 rgba(0,0,0,.3),0 6px 16px -4px rgba(0,0,0,.5),0 0 18px -8px var(--copper-glow);cursor:pointer;overflow:hidden;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s cubic-bezier(.22,1,.36,1),border-color .38s cubic-bezier(.22,1,.36,1);will-change:transform}.sup-tab-atelier>*{position:relative;z-index:2}.sup-tab-atelier:before{content:"";position:absolute;left:12%;right:12%;bottom:5px;height:1px;background:linear-gradient(90deg,transparent 0,var(--copper-300) 25%,var(--copper-200) 50%,var(--copper-300) 75%,transparent 100%);opacity:.55;filter:blur(.4px);transition:opacity .36s cubic-bezier(.22,1,.36,1);z-index:1}.sup-tab-atelier:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(196,133,95,.55);box-shadow:inset 0 1px 0 rgba(245,235,222,.12),inset 0 -1px 0 rgba(0,0,0,.45),0 1px 0 rgba(0,0,0,.3),0 12px 26px -4px rgba(0,0,0,.6),0 0 30px -6px var(--copper-glow)}.sup-tab-atelier:hover:not(:disabled):before{opacity:1;bottom:6px}.sup-tab-atelier[data-active=true]{border-color:rgba(196,133,95,.7);box-shadow:inset 0 1px 0 rgba(245,235,222,.14),inset 0 -1px 0 rgba(0,0,0,.4),0 1px 0 rgba(0,0,0,.3),0 10px 24px -4px rgba(0,0,0,.55),0 0 36px -8px var(--copper-glow)}.sup-tab-atelier[data-active=true]:before{opacity:1}.sup-tab-atelier:active:not(:disabled){transform:translateY(0) scale(.985);transition-duration:90ms}.sup-tab-atelier:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.3)}.sup-tab-atelier:disabled:before{display:none}.sup-tab-atelier[data-size=sm]{height:2.2rem;padding:0 .85rem;font-size:10.5px;letter-spacing:.13em;gap:.45rem}.sup-btn-ghost,.sup-ghost-mist{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:0 1.4rem;height:2.6rem;font-family:var(--font-tajawal),system-ui,sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--pearl-200);border:1px solid rgba(196,133,95,.2);border-radius:10px;background:radial-gradient(ellipse 80% 100% at 50% 0,rgba(196,133,95,.06) 0,transparent 60%),rgba(22,18,16,.55);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);cursor:pointer;overflow:hidden;transition:transform .36s cubic-bezier(.22,1,.36,1),background .36s cubic-bezier(.22,1,.36,1),border-color .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 1px 0 rgba(245,235,222,.04)}.sup-btn-ghost:before,.sup-ghost-mist:before{content:"";position:absolute;left:14%;right:14%;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,var(--copper-300),transparent);opacity:0;transition:opacity .36s cubic-bezier(.22,1,.36,1)}.sup-btn-ghost>*,.sup-ghost-mist>*{position:relative;z-index:2}.sup-btn-ghost:hover:not(:disabled),.sup-ghost-mist:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(196,133,95,.45);color:var(--pearl-100);background:radial-gradient(ellipse 80% 100% at 50% 0,rgba(196,133,95,.1) 0,transparent 60%),rgba(30,25,22,.65);box-shadow:inset 0 1px 0 rgba(245,235,222,.08),0 8px 22px -6px rgba(0,0,0,.55)}.sup-btn-ghost:hover:not(:disabled):before,.sup-ghost-mist:hover:not(:disabled):before{opacity:.9}.sup-btn-ghost:active:not(:disabled),.sup-ghost-mist:active:not(:disabled){transform:translateY(0) scale(.98);transition-duration:90ms}.sup-arrow-anim{display:inline-flex;align-items:center;transition:transform .42s cubic-bezier(.22,1,.36,1)}.sup-btn-atelier:hover .sup-arrow-anim,.sup-btn-ember:hover .sup-arrow-anim,.sup-cta-aurora:hover .sup-arrow-anim,.sup-cta-primary:hover .sup-arrow-anim{transform:translateX(-3px)}.sup-arrow-down{animation:sup-arrow-bounce 2s ease-in-out infinite}.sup-topbar{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(53,57,65,.95),rgba(42,45,51,.9));backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border-bottom:1px solid rgba(245,241,232,.08);box-shadow:inset 0 1px 0 0 rgba(245,241,232,.05),0 12px 40px -10px rgba(0,0,0,.55),0 2px 8px -2px rgba(0,0,0,.3)}.sup-custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.4) transparent}.sup-custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.sup-custom-scrollbar::-webkit-scrollbar-track{background:rgba(245,241,232,.04);border-radius:3px}.sup-custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(156,163,175,.5),rgba(124,132,147,.4));border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.sup-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(197,202,211,.7),rgba(156,163,175,.6))}.sup-theme-root{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.35) transparent}.sup-theme-root::-webkit-scrollbar{width:10px;height:10px}.sup-theme-root::-webkit-scrollbar-track{background:transparent}.sup-theme-root::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(156,163,175,.4),rgba(124,132,147,.3));border-radius:5px;border:2px solid transparent;background-clip:padding-box}.sup-theme-root::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(197,202,211,.6),rgba(156,163,175,.5));background-clip:padding-box}.sup-cart-fab{position:fixed;bottom:1.5rem;left:1.5rem;z-index:40;transition:all var(--dur-base) var(--ease-out-expo);box-shadow:0 10px 28px -6px rgba(156,163,175,.45),0 0 0 1px rgba(156,163,175,.2)}.sup-cart-fab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 36px -6px rgba(156,163,175,.55),0 0 0 1px rgba(156,163,175,.3)}.sup-cart-fab:active{transform:translateY(0) scale(.98)}@keyframes sup-cart-bump{0%{transform:scale(1) rotate(0deg);box-shadow:0 10px 28px -6px rgba(156,163,175,.45),0 0 0 0 rgba(156,163,175,.55)}20%{transform:scale(1.18) rotate(-4deg);box-shadow:0 10px 28px -6px rgba(156,163,175,.55),0 0 0 12px rgba(156,163,175,.18)}40%{transform:scale(.96) rotate(3deg);box-shadow:0 10px 28px -6px rgba(156,163,175,.45),0 0 0 22px rgba(156,163,175,.08)}60%{transform:scale(1.06) rotate(-2deg);box-shadow:0 10px 28px -6px rgba(156,163,175,.45),0 0 0 28px rgba(156,163,175,0)}80%{transform:scale(.99) rotate(1deg)}to{transform:scale(1) rotate(0deg);box-shadow:0 10px 28px -6px rgba(156,163,175,.45),0 0 0 0 rgba(156,163,175,0)}}.sup-cart-fab.is-bumping{animation:sup-cart-bump .7s cubic-bezier(.34,1.56,.64,1)}@keyframes sup-fly-badge{0%{transform:translate(0) scale(.4);opacity:0}20%{transform:translateY(-30px) scale(1);opacity:1}to{transform:translate(-180px,-60px) scale(.6);opacity:0}}.sup-fly-badge{position:fixed;z-index:60;pointer-events:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#94A3B8,#64748B);box-shadow:0 4px 14px rgba(100,116,139,.55);display:flex;align-items:center;justify-content:center;animation:sup-fly-badge .7s ease-out forwards}.sup-stock-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;font-family:var(--font-montserrat),system-ui,sans-serif;letter-spacing:.01em}.sup-stock-pill[data-state=in-stock]{background:var(--success-bg);color:var(--success);box-shadow:inset 0 0 0 1px rgba(135,168,120,.22)}.sup-stock-pill[data-state=low-stock]{background:var(--warning-bg);color:var(--warning);box-shadow:inset 0 0 0 1px rgba(201,163,102,.22)}.sup-stock-pill[data-state=out]{background:var(--danger-bg);color:var(--danger);box-shadow:inset 0 0 0 1px rgba(184,120,120,.22)}.sup-fade-up{animation:sup-fade-up .7s var(--ease-out-expo) both;animation-play-state:paused;opacity:0}.sup-fade-up.is-visible{animation-play-state:running}.sup-logo-ring{position:relative;isolation:isolate}.sup-logo-ring:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--gold-300) 0,var(--gold-500) 100%);z-index:-1;opacity:.6}.sup-featured-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--gold-200) 0,var(--gold-300) 100%);color:var(--bg-deep);font-size:9px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:var(--radius-pill);text-transform:uppercase;box-shadow:0 2px 8px -2px rgba(156,163,175,.4);white-space:nowrap}@keyframes sup-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sup-skeleton{background:linear-gradient(90deg,rgba(67,72,79,.4),rgba(77,82,90,.7) 50%,rgba(67,72,79,.4));background-size:200% 100%;animation:sup-shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes sup-fade-up{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sup-fade-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes sup-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sup-anim-fade-up{animation:sup-fade-up .7s var(--ease-out-expo) forwards}.sup-anim-fade-down{animation:sup-fade-down .5s var(--ease-out-expo) forwards}.sup-anim-scale-in{animation:sup-scale-in .4s var(--ease-out-expo) forwards}@media (max-width:640px){.sup-cart-fab{bottom:max(1rem,env(safe-area-inset-bottom));left:1rem}}@media print{.sup-cart-fab,.sup-logo-ring:before,.sup-theme-root:after{display:none!important}}