*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:var(--header-height, 0px)}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin:0}:where(ul,ol)[role=list]{list-style:none;padding:0}img,picture,svg,video{display:block;max-inline-size:100%}img{block-size:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}:root{--font-display: "SW Display", "Arial Narrow", "Arial", sans-serif;--font-body: "SW Body", system-ui, -apple-system, "Segoe UI", "Arial", sans-serif;--text-xs: calc(12px * var(--body-scale, 1));--text-sm: calc(13px * var(--body-scale, 1));--text-md: calc(14.5px * var(--body-scale, 1));--text-base: calc(16px * var(--body-scale, 1));--text-lg: calc(17px * var(--body-scale, 1));--text-xl: calc(20px * var(--body-scale, 1));--text-2xl: calc(24px * var(--body-scale, 1));--display-lang-scale: 1;--display-s: calc(clamp(30px, 1.74rem + .57vw, 36px) * var(--heading-scale, 1) * var(--display-lang-scale));--display-m: calc(clamp(40px, 2.22rem + 1.15vw, 52px) * var(--heading-scale, 1) * var(--display-lang-scale));--display-l: calc(clamp(46px, 2.36rem + 2.1vw, 68px) * var(--heading-scale, 1) * var(--display-lang-scale));--display-xl: calc(clamp(62px, 2.9rem + 4vw, 104px) * var(--heading-scale, 1) * var(--display-lang-scale));--leading-display: .94;--leading-tight: 1.3;--leading-body: 1.55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--gutter: 20px;--grid-gap: 12px;--radius-badge: 3px;--radius-chip: 999px;--color-tile: #f1f2f4;--color-badge-sale: #ff5a36;--color-on-badge-sale: #0d0e11;--color-badge-dark: #0d0e11;--color-overlay: rgb(8 9 11 / .6);--color-success: #1e7a34;--color-error: #b3261e;--touch-target: 44px;--control-height: 52px;--z-header: 40;--z-overlay: 90;--z-drawer: 100;--z-toast: 110;--duration-fast: .15s;--duration: .25s;--ease: cubic-bezier(.2, .7, .2, 1)}@media screen and (min-width:750px){:root{--gutter: 32px;--grid-gap: 20px}}:root:lang(en){--display-lang-scale: .9}:root:lang(ar){--display-lang-scale: .8}body{min-block-size:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:var(--color-background);color:var(--color-text)}:lang(ar) body,body:lang(ar){line-height:1.75}a{color:inherit}::selection{background:var(--color-accent);color:var(--color-on-accent)}:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.main:focus{outline:none}.page-width{inline-size:100%;max-inline-size:calc(var(--page-width, 1440px) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:calc(var(--section-pt, 36px) * .75) calc(var(--section-pb, 36px) * .75)}@media screen and (min-width:990px){.section{padding-block:var(--section-pt, 36px) var(--section-pb, 36px)}}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-4)}.grid{display:grid;grid-template-columns:repeat(var(--grid-cols, 2),minmax(0,1fr));gap:var(--grid-row-gap, var(--space-6)) var(--grid-gap)}@media screen and (min-width:750px){.grid{grid-template-columns:repeat(var(--grid-cols-tablet, 3),minmax(0,1fr))}}@media screen and (min-width:990px){.grid{grid-template-columns:repeat(var(--grid-cols-desktop, 4),minmax(0,1fr))}}.scroller{display:flex;gap:var(--space-2);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.scroller::-webkit-scrollbar{display:none}.scroller>*{flex-shrink:0;scroll-snap-align:start}.display-xl,.display-l,.display-m,.display-s{font-family:var(--font-display);font-weight:700;line-height:var(--leading-display);letter-spacing:.005em;text-wrap:balance}.display-xl{font-size:var(--display-xl)}.display-l{font-size:var(--display-l)}.display-m{font-size:var(--display-m)}.display-s{font-size:var(--display-s)}:lang(en) :is(.display-xl,.display-l,.display-m,.display-s){text-transform:var(--latin-heading-transform, uppercase);letter-spacing:.01em}:lang(ar) :is(.display-xl,.display-l,.display-m,.display-s){line-height:1.22;letter-spacing:0}.title-l,.title-m,.title-s{font-family:var(--font-body);font-weight:800;line-height:var(--leading-tight)}.title-l{font-size:var(--text-2xl)}.title-m{font-size:var(--text-xl)}.title-s{font-size:var(--text-lg)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:800;letter-spacing:.01em}.text-muted{color:var(--color-muted)}.text-highlight{color:var(--color-highlight)}.wordmark{font-family:"SW Display",var(--font-display);font-size:27px;line-height:1;letter-spacing:.06em;direction:ltr;unicode-bidi:isolate;white-space:nowrap;text-decoration:none;text-transform:uppercase}.wordmark__end{color:var(--color-accent-text, var(--color-accent))}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-block-size:var(--control-height);padding-inline:var(--space-6);border:1.5px solid transparent;border-radius:var(--radius-button);font-family:var(--font-body);font-size:var(--text-base);font-weight:800;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.button:active{transform:translateY(1px)}.button[disabled],.button[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.button--primary{background-color:var(--color-button);color:var(--color-button-label)}.button--primary:hover{background-color:color-mix(in srgb,var(--color-button) 86%,var(--color-button-label))}.button--secondary{background-color:transparent;border-color:var(--color-secondary-button-label);color:var(--color-secondary-button-label)}.button--secondary:hover{background-color:color-mix(in srgb,var(--color-secondary-button-label) 8%,transparent)}.button--full{inline-size:100%}.button--small{min-block-size:var(--touch-target);padding-inline:var(--space-4);font-size:var(--text-md)}.button--large{min-block-size:56px;font-size:var(--text-lg)}.button--icon{inline-size:var(--touch-target);min-block-size:var(--touch-target);padding:0;background:transparent;border:0;color:inherit}.link{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.link:hover{text-decoration-thickness:2px}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:var(--touch-target);font-size:var(--text-md);font-weight:700;text-decoration:underline;text-underline-offset:3px}.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:var(--touch-target);padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-chip);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md);font-weight:600;text-decoration:none;white-space:nowrap}.chip:hover{border-color:var(--color-text)}.color-scheme-day .chip:not(.chip--active,[aria-current=true],[aria-current=page],[aria-pressed=true]){border-color:transparent}.chip--active,.chip[aria-current=true],.chip[aria-current=page],.chip[aria-pressed=true]{background:var(--color-text);border-color:var(--color-text);color:var(--color-background);font-weight:700}.badge{display:inline-flex;align-items:center;min-block-size:24px;padding-inline:9px;border-radius:var(--radius-badge);font-size:11.5px;font-weight:800;line-height:1.1;white-space:nowrap}.badge--new{background:var(--color-badge-dark);color:var(--color-accent)}.badge--sale{background:var(--color-badge-sale);color:var(--color-on-badge-sale)}.badge--sold-out{background:#fff;color:#0d0e11;box-shadow:inset 0 0 0 1px #0d0e11}.badge--highlight{background:var(--color-highlight);color:var(--color-on-highlight)}.field{display:grid;gap:var(--space-2)}.field__label{font-size:var(--text-md);font-weight:700}.field__input,.field__select,.field__textarea{inline-size:100%;min-block-size:48px;padding:10px 14px;border:1.5px solid color-mix(in srgb,var(--color-text) 52%,var(--color-background));border-radius:var(--radius-button);background:var(--color-background);color:var(--color-text);font-size:var(--text-base)}:is(.field__input,.field__select,.field__textarea)::placeholder{color:var(--color-muted);opacity:1}:is(.field__input,.field__select,.field__textarea):focus-visible{border-color:var(--color-text);outline:2px solid var(--color-text);outline-offset:1px}:is(.field__input,.field__select,.field__textarea)[aria-invalid=true]{border-color:var(--color-error)}.field__textarea{min-block-size:120px;resize:vertical}.field__select{-webkit-appearance:none;appearance:none;padding-inline-end:40px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}[dir=rtl] .field__select{background-position:15px 50%,20px 50%}.field__message{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.field__message--error{color:var(--color-error)}.form-status{padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--color-surface);font-size:var(--text-md);font-weight:600}.form-status--success{border-inline-start:3px solid var(--color-success)}.form-status--error{border-inline-start:3px solid var(--color-error)}.price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--space-2);font-weight:800;font-variant-numeric:tabular-nums}.price__current,.price__compare{unicode-bidi:plaintext}.price--sale .price__current{color:var(--color-sale)}.price__compare{color:var(--color-muted);font-size:.8em;font-weight:500}.price__from{font-size:.8em;font-weight:600;color:var(--color-muted)}.color-scheme-accent,.color-scheme-soft{--color-tile: #ffffff}.media-tile{position:relative;display:block;overflow:hidden;aspect-ratio:var(--media-ratio, var(--card-ratio, 4 / 5));border-radius:var(--radius-card);background:var(--color-tile)}.media-tile>img,.media-tile>svg{inline-size:100%;block-size:100%;object-fit:var(--media-fit, var(--card-image-fit, contain))}.media-tile>img{mix-blend-mode:multiply}.placeholder-svg{inline-size:100%;block-size:100%;fill:color-mix(in srgb,currentColor 30%,transparent);background:var(--color-tile);color:#0d0e11}.drawer{position:fixed;inset-block:0;inset-inline:auto 0;inline-size:min(420px,92vw);max-inline-size:none;block-size:100dvh;max-block-size:none;margin:0;padding:0;border:0;display:flex;flex-direction:column;background:var(--color-background);color:var(--color-text);box-shadow:0 0 40px #00000040;transform:translate(100%);transition:transform var(--duration) var(--ease),overlay var(--duration) allow-discrete,display var(--duration) allow-discrete}.drawer:not([open]){display:none}.drawer[open]{transform:translate(0)}@starting-style{.drawer[open]{transform:translate(100%)}}.drawer::backdrop{background:var(--color-overlay);opacity:0;transition:opacity var(--duration) var(--ease),overlay var(--duration) allow-discrete,display var(--duration) allow-discrete}.drawer[open]::backdrop{opacity:1}@starting-style{.drawer[open]::backdrop{opacity:0}}.drawer--start{inset-inline:0 auto;transform:translate(-100%)}@starting-style{.drawer--start[open]{transform:translate(-100%)}}[dir=rtl] .drawer{transform:translate(-100%)}[dir=rtl] .drawer[open]{transform:translate(0)}@starting-style{[dir=rtl] .drawer[open]{transform:translate(-100%)}}[dir=rtl] .drawer--start{transform:translate(100%)}@starting-style{[dir=rtl] .drawer--start[open]{transform:translate(100%)}}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:64px;padding-inline:var(--space-5) var(--space-2);border-block-end:1px solid var(--color-border)}.drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain}.drawer__footer{padding:var(--space-4) var(--space-5) var(--space-5);border-block-start:1px solid var(--color-border)}.modal{inline-size:min(640px,calc(100vw - 2 * var(--gutter)));max-block-size:min(85dvh,900px);padding:0;border:0;border-radius:calc(var(--radius-card) * 2);background:var(--color-background);color:var(--color-text)}.modal::backdrop{background:var(--color-overlay)}html:has(dialog[open]:modal){overflow:hidden}.rte{line-height:1.7}.rte>*+*{margin-block-start:1em}.rte :is(h1,h2,h3,h4){font-weight:800;line-height:var(--leading-tight);margin-block-start:1.6em}.rte h2{font-size:var(--text-2xl)}.rte h3{font-size:var(--text-xl)}.rte :is(ul,ol){padding-inline-start:1.3em}.rte li+li{margin-block-start:.35em}.rte a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.rte img{border-radius:var(--radius-card)}.rte table{inline-size:100%;border-collapse:collapse;font-size:var(--text-md);font-variant-numeric:tabular-nums}.rte :is(th,td){padding:10px 12px;border-block-end:1px solid var(--color-border);text-align:start}.rte th{font-weight:800;background:var(--color-surface)}.table-scroll{overflow-x:auto}.visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:calc(var(--z-toast) + 1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);background:var(--color-accent);color:var(--color-on-accent);font-weight:800;text-decoration:none;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.icon{flex-shrink:0}[dir=rtl] .icon--directional{transform:scaleX(-1)}.spinner{inline-size:20px;block-size:20px;border:2px solid currentColor;border-block-start-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.is-loading{position:relative;pointer-events:none}.no-js .js-only,.js .no-js-only{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.product-card{position:relative;display:flex;flex-direction:column;gap:10px;min-inline-size:0}.product-card__media{isolation:isolate}.product-card__image{transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease)}.product-card__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}@media(hover:hover){.product-card:hover .product-card__image--secondary{opacity:1}.product-card:hover .product-card__image:only-of-type{transform:scale(1.03)}}.product-card__badges{position:absolute;inset-block-start:10px;inset-inline-start:10px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.product-card__info{display:flex;flex-direction:column;gap:3px}.product-card__subtitle{color:var(--color-muted);font-size:12.5px;font-weight:600}.product-card__title{font-size:var(--text-md);font-weight:600;line-height:1.3;overflow-wrap:anywhere;text-wrap:pretty}.product-card__link{color:inherit;text-decoration:none}.product-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.product-card__link:focus-visible{outline:none}.product-card__link:focus-visible:after{outline:2px solid var(--color-text);outline-offset:3px;border-radius:var(--radius-card)}.product-card__price{margin-block-start:2px;font-size:var(--text-lg)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/base.css.map */