.sx-set.sx-set,.sx-hub.sx-hub{--f-mono:"Saudi Riyal", "IBM Plex Mono", ui-monospace, Menlo, monospace;--f-en:"Saudi Riyal", "Fraunces", Georgia, serif;--f-disp:"Saudi Riyal", "Fraunces", Georgia, "Times New Roman", serif;--f-ar:"Saudi Riyal", "Tajawal", system-ui, "Segoe UI", Tahoma, sans-serif;--f-body:"Saudi Riyal", "DM Sans", system-ui, "Segoe UI", Helvetica, Arial, sans-serif}.sx-set .price small.sx-sign-lead{margin-left:0;margin-right:8px}:is(html:has(.sx-set),html:has(.sx-hub)){background:#0a0a0d}.sx-set,.sx-hub{min-height:100vh}.sx-set a,.sx-hub a{-webkit-tap-highlight-color:transparent}:where(.sx-set,.sx-hub) .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}:where(.sx-set,.sx-hub) .ring{box-shadow:none}:where(.sx-set,.sx-hub) ol{list-style:decimal}:where(.sx-set,.sx-hub) ul{list-style:outside}:where(.sx-set,.sx-hub) :where(p,span,h1,h2,h3,h4,h5,h6,li,button){line-height:inherit}.sx-langs{align-items:center;gap:6px;display:flex}.sx-langs>nav{display:contents}.sx-set .sx-langs{z-index:20;top:calc(env(safe-area-inset-top,0px) + 14px);position:fixed}.sx-set[data-l=en] .sx-langs{left:14px}.sx-set[data-l=ar] .sx-langs{right:14px}.sx-set .sx-langs .lang{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line,#dce6ee1f);color:var(--ink-2,#a7aab3);font:500 13px/1 var(--f-ar,"Tajawal", sans-serif);background:#0a0a0d99;border-radius:999px;padding:9px 14px 8px;text-decoration:none;transition:color .2s,border-color .2s;position:static}.sx-set .sx-langs .lang:lang(en),.sx-set .sx-langs .lang:lang(fr){font-family:var(--f-mono,"IBM Plex Mono", monospace);letter-spacing:.08em}.sx-set .sx-langs .lang:hover{color:var(--gold-l,#e8c97a);border-color:#c9a84c66}.sx-hub .sx-langs .lang{text-decoration:none;display:inline-block}.sx-langs .sx-mkt{white-space:nowrap;align-items:center;display:inline-flex}.sx-langs .sx-mkt button{all:unset;cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit}.sx-langs .sx-mkt button:hover{color:var(--gold-l,#e8c97a)}.sx-langs .sx-mkt button.on{color:var(--gold-l,#e8c97a);cursor:default}.sx-langs .sx-mkt button:focus-visible{outline:2px solid var(--gold,#c9a84c);outline-offset:3px}.sx-langs .sx-mkt[aria-busy=true]{opacity:.7}.sx-set .sx-langs .sx-mkt:lang(en),.sx-set .sx-langs .sx-mkt:lang(fr){letter-spacing:.04em}@media (width<=520px){.sx-set .sx-langs{flex-wrap:nowrap;gap:4px;max-width:calc(100vw - 84px)}.sx-set .sx-langs .lang{align-items:center;min-height:36px;padding:0 10px;font-size:12px;display:inline-flex}.sx-set .sx-langs .sx-mkt button{padding:10px 2px}.sx-set .sound{min-height:36px;padding-inline:12px}.sx-set .sound #soundLabel{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.sx-set footer .sx-legal{font:500 11px/1.5 var(--f-mono,"IBM Plex Mono", monospace);letter-spacing:.04em;color:var(--ink-3,#6f6c7a);border:1px dashed #c9a84c59;border-radius:2px;flex-basis:100%;padding:6px 8px}.sx-set .sx-langs .lang:focus-visible,.sx-set footer a:focus-visible,.sx-set .next a:focus-visible,.sx-set .verdict a:focus-visible,.sx-card-toggle:focus-visible,.sx-set .sx-field input:focus-visible{outline:2px solid var(--gold,#c9a84c);outline-offset:3px}.sx-set footer a,.sx-set .verdict a{color:inherit;text-decoration:none}.sx-set footer a:hover,.sx-set .verdict a:hover{color:var(--gold-l,#e8c97a)}.sx-set .next a{color:inherit;text-decoration:none}.sx-set .next a:hover b,.sx-set .next b a:hover{color:var(--gold-l,#e8c97a)}.sx-card-toggle{cursor:pointer;color:var(--ink-2,#a7aab3);font:500 15px/1.5 var(--f-body,var(--f-ar,"Tajawal", sans-serif));text-underline-offset:.3em;background:0 0;border:0;padding:4px 0;-webkit-text-decoration:underline #c9a84c80;text-decoration:underline #c9a84c80}.sx-card-toggle:hover{color:var(--gold-l,#e8c97a)}.sx-card-form{border:1px solid var(--line,#dce6ee1f);background:var(--plate-2,#121319);border-radius:3px;gap:10px;width:100%;max-width:440px;margin:0;padding:14px 16px 16px;display:grid}.sx-card-form legend{font:700 16px/1.3 var(--f-body,var(--f-ar,"Tajawal", sans-serif));color:var(--gold-l,#e8c97a);margin-inline-start:-6px;padding:0 6px}.sx-field{gap:4px;display:grid}.sx-field label{font:500 13px/1.4 var(--f-body,var(--f-ar,"Tajawal", sans-serif));color:var(--ink-2,#a7aab3);justify-content:space-between;gap:8px;display:flex}.sx-field label span:last-child{font-family:var(--f-mono,"IBM Plex Mono", monospace);font-size:12px}.sx-field input{border:1px solid var(--line,#dce6ee1f);background:var(--plate,#0a0a0d);min-height:44px;color:var(--ink,#f1eee7);font:400 16px/1.4 var(--f-body,var(--f-ar,"Tajawal", sans-serif));border-radius:2px;padding:0 12px}.sx-field input:focus{border-color:var(--gold,#c9a84c);outline:none}.sx-failed{color:#f07a98!important}.sx-set .ch.sx-open{height:auto!important}.sx-set .ch.sx-open>.stage{height:auto;min-height:100svh;padding-block:72px;position:relative}.sx-dots{vertical-align:middle;gap:4px;margin-inline-end:8px;display:inline-flex}.sx-dots i{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite sx-dot}.sx-dots i:nth-child(2){animation-delay:.15s}.sx-dots i:nth-child(3){animation-delay:.3s}@keyframes sx-dot{0%,to{opacity:.3}50%{opacity:1}}.sx-set .btn[disabled]{cursor:progress;opacity:.85}@media (prefers-reduced-motion:reduce){.sx-dots i{opacity:.8;animation:none}}.sx-loading{color:#f0edf8;background:#0a0a0d;align-content:center;gap:12px;min-height:100svh;padding:0 clamp(16px,5vw,64px);font-family:Tajawal,DM Sans,system-ui,sans-serif;display:grid}.sx-loading h1{color:#c9a84c;margin:0;font:800 clamp(54px,11vw,140px)/.95 Tajawal,Fraunces,serif}.sx-loading p{margin:0;font-size:clamp(20px,2.6vw,28px)}.sx-set .perf-grid.sx-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-inline:0;padding:0;list-style:none;display:grid}@media (width>=720px){.sx-set .perf-grid.sx-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=1100px){.sx-set .perf-grid.sx-cards{grid-template-columns:repeat(5,minmax(0,1fr))}}.sx-set .sx-cards ul{margin:0;padding:0;list-style:none}.sx-set .sx-cards :where(p,span,li,button){line-height:revert-layer}.sx-set .sx-card{transition:opacity .25s;display:flex}.sx-set .sx-card.dim{opacity:.35}.sx-set .sx-card.pick>*{box-shadow:0 0 0 2px var(--gold,#c9a35a);border-radius:1rem}.sx-set .sx-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-surface:#0a0a0d;--color-surface-raised:#141413;--color-surface-deep:#141413;--color-surface-sunk:#08080b;--color-surface-invert:#f0edf8;--color-ink:#f0edf8;--color-ink-support:#c9c9d1;--color-ink-muted:#a3a3a3;--color-ink-faint:#6e6e6e;--color-ink-invert:#0a0a0d;--color-ink-invert-muted:#5c5c5c;--color-line:#26262b;--color-line-strong:#3a3a42;--color-yellow-warm:#f76b15;--color-red-brand:#e5484d;--color-set:#f76b15;--background:240 10% 4%;--foreground:255 45% 95%;--card:60 2% 8%;--card-foreground:255 45% 95%;--muted:240 6% 4%;--muted-foreground:0 0% 64%;--border:240 9% 16%;--primary:255 45% 95%;--primary-foreground:240 10% 4%}html:has(.sx-set) .scent-drawer{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-surface:#0a0a0d;--color-surface-raised:#141413;--color-surface-deep:#141413;--color-surface-sunk:#08080b;--color-surface-invert:#f0edf8;--color-ink:#f0edf8;--color-ink-support:#c9c9d1;--color-ink-muted:#a3a3a3;--color-ink-faint:#6e6e6e;--color-ink-invert:#0a0a0d;--color-ink-invert-muted:#5c5c5c;--color-line:#26262b;--color-line-strong:#3a3a42;--color-yellow-warm:#f76b15;--color-red-brand:#e5484d;--color-set:#f76b15;--background:240 10% 4%;--foreground:255 45% 95%;--card:60 2% 8%;--card-foreground:255 45% 95%;--muted:240 6% 4%;--muted-foreground:0 0% 64%;--border:240 9% 16%;--primary:255 45% 95%;--primary-foreground:240 10% 4%}.sx-set .sx-dark .bottle-plate{mix-blend-mode:normal;background-color:#fff;border-radius:.5rem}html:has(.sx-set) .scent-drawer .bottle-plate{mix-blend-mode:normal;background-color:#fff;border-radius:.5rem}.sx-set .tile:has(.sx-bottle){container-type:inline-size}.sx-set .tile .back .sx-bottle{object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 16px #0000008c)}@container (width>=150px){.sx-set .tile .back:has(.sx-bottle){padding-inline-end:34%}.sx-set .tile .back .sx-bottle{inset-inline-end:6%;width:28%;height:74%;max-height:132px;position:absolute;top:50%;transform:translateY(-50%)}}@container (width<=149.98px){.sx-set .tile .back .sx-bottle{align-self:center;width:auto;max-width:100%;height:38px;margin-block:2px;display:block}.sx-set .tile .back .p{overflow-wrap:anywhere}}.sx-set .result:has(.sx-bottle){padding-inline-end:calc(clamp(20px,4vw,32px) + 30%);position:relative}.sx-set .result .sx-bottle{inset-inline-end:clamp(16px,3vw,28px);object-fit:contain;pointer-events:none;filter:drop-shadow(0 14px 22px #0009);width:26%;height:78%;position:absolute;top:50%;transform:translateY(-50%)}.sx-set .sx-dark .bottle-plate{background-color:#0000}.sx-set .sx-others{padding-block:clamp(48px,8vw,96px) clamp(24px,4vw,40px)}.sx-set .sx-others-head{text-align:start;justify-items:start;gap:8px;margin-bottom:24px;display:grid}.sx-set .sx-others-head .eyebrow{direction:inherit;text-align:start}.sx-set .sx-others-head h2{font:700 clamp(28px, 4.4vw, 48px)/1.15 var(--f-ar,inherit);color:var(--ink,#f0edf8);margin:0}.sx-set .sx-others-row{scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;grid-auto-columns:min(80vw,380px);grid-auto-flow:column;gap:18px;margin:0;padding:8px max(16px,50vw - 600px) 28px;scroll-padding-inline:max(16px,50vw - 600px);list-style:none;display:grid;overflow-x:auto}.sx-set .sx-others-row>li{scroll-snap-align:start;display:flex}.sx-set .sx-other{aspect-ratio:4/5;perspective:1400px;width:100%;color:var(--ink,#f0edf8);outline:none;text-decoration:none;display:block}.sx-set .sx-other-in{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:block;position:relative}@media (hover:hover){.sx-set .sx-other:hover .sx-other-in{transform:rotateY(180deg)}}.sx-set .sx-other:focus-visible .sx-other-in,.sx-set .sx-other.turned .sx-other-in{transform:rotateY(180deg)}.sx-set .sx-other-face{backface-visibility:hidden;border:1px solid var(--line,#ffffff1f);background:var(--plate-2,#141413);border-radius:20px;position:absolute;inset:0;overflow:hidden}.sx-set .sx-other-front img{object-fit:cover;object-position:30% 60%;width:100%;height:100%;position:absolute;inset:0}.sx-set .sx-other-front:after{content:"";background:linear-gradient(#0000 45%,#08080beb);position:absolute;inset:0}.sx-set .sx-other-title{inset-inline:22px;z-index:1;gap:6px;display:grid;position:absolute;bottom:22px}.sx-set .sx-other b{font:700 clamp(28px, 3vw, 36px)/1.15 var(--f-ar,inherit)}.sx-set .sx-other-code{font:500 13px/1.3 var(--f-ar,inherit);color:color-mix(in srgb, var(--acc,#c9a35a) 55%, #f0edf8)}.sx-set .sx-other-code .mono{font-family:var(--f-mono,monospace);letter-spacing:.08em}.sx-set .sx-other-back{border-color:color-mix(in srgb, var(--acc,#c9a35a) 60%, transparent);background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--acc,#c9a35a) 28%, transparent), transparent 70%), var(--plate-2,#141413);flex-direction:column;gap:12px;padding:28px 24px;display:flex;transform:rotateY(180deg)}.sx-set .sx-other-motto{font:500 clamp(17px, 1.6vw, 20px)/1.6 var(--f-ar,inherit);color:var(--ink-2,#c9c9d1)}.sx-set .sx-other-box{font:500 14px/1.4 var(--f-ar,inherit);color:var(--ink-2,#c9c9d1)}.sx-set .sx-other-price{font:700 clamp(24px, 2.4vw, 30px)/1.2 var(--f-ar,inherit);color:var(--ink,#f0edf8);margin-top:auto}.sx-set .sx-other-open{background:color-mix(in srgb, var(--acc,#c9a35a) 70%, #f0edf8);color:#0a0a0d;font:700 15px/1 var(--f-ar,inherit);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;display:inline-flex}@media (prefers-reduced-motion:reduce){.sx-set .sx-other-in{transition:none}}.sx-set .sx-other-back>:not(.sx-other-ghost){z-index:1;position:relative}.sx-set .sx-other-ghost{object-fit:cover;object-position:30% 60%;opacity:.16;filter:blur(2px)saturate(.8);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}@media (width<=900px){.sx-set:is(.sx-m1,.sx-eg-m1) .week{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;grid-template-rows:auto 1fr;grid-template-columns:repeat(5,clamp(150px,42%,220px));gap:8px;padding-bottom:2px;overflow-x:auto}.sx-set:is(.sx-m1,.sx-eg-m1) .week::-webkit-scrollbar{display:none}.sx-set:is(.sx-m1,.sx-eg-m1) .wk-label{grid-column:1/-1;position:sticky;inset-inline-start:0}.sx-set:is(.sx-m1,.sx-eg-m1) .week .tile{scroll-snap-align:start;min-height:128px}}
