:root{--jf-background: #f7f5f2;--jf-surface: #ffffff;--jf-surface-secondary: #efece7;--jf-surface-tertiary: #e4ded4;--jf-text: #1c1b19;--jf-text-muted: #6f6b65;--jf-text-subtle: #97928a;--jf-border: #ddd8d1;--jf-border-strong: #c3bdb4;--jf-button: #1c1b19;--jf-button-text: #f7f5f2;--jf-button-hover: #38352f;--jf-button-secondary-bg: transparent;--jf-button-secondary-text: #1c1b19;--jf-button-secondary-border: #1c1b19;--jf-button-secondary-hover-bg: #1c1b19;--jf-button-secondary-hover-text:#f7f5f2;--jf-focus: #1c1b19;--jf-error: #8a2f2f;--jf-success: #3d5c43;--color-surface: var(--jf-surface);--color-surface-secondary: var(--jf-surface-secondary);--color-text: var(--jf-text);--color-text-muted: var(--jf-text-muted);--color-border: var(--jf-border);--color-button-hover: var(--jf-button-hover);--jf-font-sans: var(--font-body-family, "Helvetica Neue", Helvetica, Arial, sans-serif);--jf-font-heading: var(--font-heading-family, var(--jf-font-sans));--jf-fs-nav: 1.2rem;--jf-fs-label: 1.1rem;--jf-fs-caption: 1.3rem;--jf-fs-body: clamp(1.4rem, .9vw + 1.2rem, 1.6rem);--jf-fs-body-lg: clamp(1.5rem, 1vw + 1.3rem, 1.8rem);--jf-fs-h4: clamp(1.7rem, 1vw + 1.4rem, 2rem);--jf-fs-h3: clamp(2rem, 2vw + 1.4rem, 2.6rem);--jf-fs-h2: clamp(2.4rem, 3.2vw + 1.4rem, 4.4rem);--jf-fs-h1: clamp(2.8rem, 5vw + 1.2rem, 6rem);--jf-fs-display: clamp(3rem, 6vw + 1.2rem, 9rem);--jf-lh-tight: 1.05;--jf-lh-heading: 1.12;--jf-lh-body: 1.55;--jf-ls-tight: -.02em;--jf-ls-label: .08em;--jf-fw-regular: 400;--jf-fw-medium: 500;--jf-space-2xs: .4rem;--jf-space-xs: .8rem;--jf-space-sm: 1.2rem;--jf-space-md: 2rem;--jf-space-lg: 3.2rem;--jf-space-xl: 4.8rem;--jf-space-2xl: 7.2rem;--jf-space-3xl: 10.4rem;--jf-section-y: clamp(4rem, 6vw, 8rem);--jf-gutter: clamp(1.6rem, 3vw, 4rem);--jf-page-width: 144rem;--jf-radius-none: 0;--jf-radius-sm: .4rem;--jf-radius-md: .8rem;--jf-radius-lg: 1.6rem;--jf-radius-pill: 100px;--jf-media-radius: var(--jf-radius-md);--jf-ease: cubic-bezier(.22, .61, .36, 1);--jf-dur-fast: .15s;--jf-dur: .28s;--jf-dur-slow: .48s;--jf-shadow-drawer: 0 0 40px rgba(28, 27, 25, .1);--jf-header-height: 60px;--jf-z-header: 20;--jf-z-drawer: 60;--jf-z-sticky-atc: 40;--jf-safe-bottom: env(safe-area-inset-bottom, 0px)}@media screen and (min-width:750px){:root{--jf-header-height: 76px}}.jf{box-sizing:border-box}.jf-page{max-width:var(--jf-page-width);margin-inline:auto;padding-inline:var(--jf-gutter)}.jf-section{padding-block:var(--jf-section-y)}.jf-section--flush{padding-block:0}.jf-label{font-size:var(--jf-fs-label);letter-spacing:var(--jf-ls-label);text-transform:uppercase;color:var(--jf-text-muted);font-weight:var(--jf-fw-medium);margin:0}.jf-h1,.jf-h2,.jf-h3,.jf-h4{font-family:var(--jf-font-heading);color:var(--jf-text);font-weight:var(--jf-fw-regular);letter-spacing:var(--jf-ls-tight);line-height:var(--jf-lh-heading);margin:0;text-wrap:balance;overflow-wrap:break-word}.jf-h1{font-size:var(--jf-fs-h1)}.jf-h2{font-size:var(--jf-fs-h2)}.jf-h3{font-size:var(--jf-fs-h3)}.jf-h4{font-size:var(--jf-fs-h4)}.jf-display{font-family:var(--jf-font-heading);font-size:var(--jf-fs-display);line-height:var(--jf-lh-tight);letter-spacing:var(--jf-ls-tight);font-weight:var(--jf-fw-regular);color:var(--jf-text);margin:0;text-wrap:balance;overflow-wrap:break-word}.jf-body{font-size:var(--jf-fs-body);line-height:var(--jf-lh-body);color:var(--jf-text-muted);margin:0}.jf-body--tight{max-width:56ch}html[lang=ar] .jf-body{line-height:1.9}html[lang=ar] .jf-h1,html[lang=ar] .jf-h2,html[lang=ar] .jf-h3,html[lang=ar] .jf-h4,html[lang=ar] .jf-display{letter-spacing:0;line-height:1.35}html[lang=ar] .jf-label{text-transform:none;letter-spacing:0}.jf-btn{--_bg: var(--jf-button);--_fg: var(--jf-button-text);--_bd: var(--jf-button);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--jf-space-xs);min-height:4.8rem;padding:1.2rem 2.4rem;background:var(--_bg);color:var(--_fg);border:1px solid var(--_bd);border-radius:var(--jf-radius-pill);font-family:var(--jf-font-sans);font-size:var(--jf-fs-caption);font-weight:var(--jf-fw-medium);letter-spacing:.02em;text-align:center;text-decoration:none;cursor:pointer;max-inline-size:100%;transition:background var(--jf-dur) var(--jf-ease),color var(--jf-dur) var(--jf-ease),border-color var(--jf-dur) var(--jf-ease);-webkit-appearance:none;appearance:none}.jf-btn:hover{--_bg: var(--jf-button-hover);--_bd: var(--jf-button-hover)}.jf-btn--secondary{--_bg: var(--jf-button-secondary-bg);--_fg: var(--jf-button-secondary-text);--_bd: var(--jf-button-secondary-border)}.jf-btn--secondary:hover{--_bg: var(--jf-button-secondary-hover-bg);--_fg: var(--jf-button-secondary-hover-text);--_bd: var(--jf-button-secondary-hover-bg)}.jf-btn--full{width:100%}.jf-btn--lg{min-height:5.4rem;font-size:var(--jf-fs-body);padding-inline:3.2rem}.jf-btn[disabled],.jf-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.jf-btn[data-loading=true]{pointer-events:none}.jf-btn[data-loading=true] .jf-btn__label{opacity:0}.jf-btn__spinner{display:none;position:absolute;inline-size:1.8rem;block-size:1.8rem}.jf-btn[data-loading=true] .jf-btn__spinner{display:block}@keyframes jf-spin{to{transform:rotate(360deg)}}.jf-btn__spinner svg{animation:jf-spin .7s linear infinite;inline-size:100%;block-size:100%}.jf :focus-visible,.jf-btn:focus-visible,.jf-field input:focus-visible,.jf-accordion__trigger:focus-visible{outline:2px solid var(--jf-focus);outline-offset:2px;border-radius:var(--jf-radius-sm)}.jf-field{position:relative;display:flex;flex-direction:column;gap:var(--jf-space-2xs);min-inline-size:0}.jf-field input[type=email],.jf-field input[type=text],.jf-field input[type=search]{inline-size:100%;min-inline-size:0;min-height:4.8rem;padding:1.2rem 1.6rem;background:var(--jf-surface);border:1px solid var(--jf-border);border-radius:var(--jf-radius-sm);color:var(--jf-text);font-family:var(--jf-font-sans);font-size:1.6rem;transition:border-color var(--jf-dur) var(--jf-ease)}.jf-field input::placeholder{color:var(--jf-text-subtle)}.jf-field input:hover{border-color:var(--jf-border-strong)}.jf-field__message{font-size:var(--jf-fs-caption);margin:0}.jf-field__message--error{color:var(--jf-error)}.jf-field__message--success{color:var(--jf-success)}.jf-field__message:before{margin-inline-end:.6rem;font-weight:700}.jf-field__message--error:before{content:"!"}.jf-field__message--success:before{content:"\2713"}.jf-media{position:relative;display:block;overflow:hidden;isolation:isolate;background:var(--jf-surface-secondary);border-radius:var(--jf-media-radius)}.jf-media--square{aspect-ratio:1 / 1}.jf-media--portrait{aspect-ratio:4 / 5}.jf-media--tall{aspect-ratio:3 / 4}.jf-media--wide{aspect-ratio:16 / 9}.jf-media--flush{border-radius:0}.jf-media>img,.jf-media>video,.jf-media>svg,.jf-media>.jf-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;display:block}.jf-media--contain>img{object-fit:contain}.jf-placeholder{display:block;inline-size:100%;block-size:100%;max-inline-size:100%;background:var(--jf-surface-secondary);fill:#1c1b191f}html[dir=rtl] .jf-media img,html[dir=rtl] .jf-media video{transform:none}.jf-badge{display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:var(--jf-radius-pill);font-size:var(--jf-fs-label);letter-spacing:var(--jf-ls-label);text-transform:uppercase;background:var(--jf-text);color:var(--jf-button-text);border:1px solid transparent;white-space:nowrap}.jf-badge--muted{background:var(--jf-surface);color:var(--jf-text);border-color:var(--jf-border)}html[lang=ar] .jf-badge{text-transform:none;letter-spacing:0}.jf-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(23rem,72vw,30rem);gap:var(--jf-space-sm);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--jf-gutter);padding-inline:var(--jf-gutter);padding-block-end:var(--jf-space-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none}.jf-scroller::-webkit-scrollbar{display:none}.jf-scroller>*{scroll-snap-align:start;min-inline-size:0}@media screen and (min-width:750px){.jf-scroller{grid-auto-columns:minmax(24rem,32%);gap:var(--jf-space-md)}}@media screen and (min-width:990px){.jf-scroller{grid-auto-columns:minmax(24rem,24%)}.jf-scroller--grid{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));grid-auto-columns:auto;overflow:visible}}.jf-accordion{border-block-start:1px solid var(--jf-border)}.jf-accordion__item{border-block-end:1px solid var(--jf-border)}.jf-accordion__trigger{inline-size:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--jf-space-sm);padding-block:var(--jf-space-md);background:none;border:0;cursor:pointer;color:var(--jf-text);font-family:var(--jf-font-sans);font-size:var(--jf-fs-body);font-weight:var(--jf-fw-medium);text-align:start}.jf-accordion__icon{flex:0 0 auto;inline-size:1.2rem;block-size:1.2rem;position:relative}.jf-accordion__icon:before,.jf-accordion__icon:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:0;inline-size:100%;block-size:1px;background:var(--jf-text);transition:transform var(--jf-dur) var(--jf-ease)}.jf-accordion__icon:after{transform:rotate(90deg)}.jf-accordion__trigger[aria-expanded=true] .jf-accordion__icon:after{transform:rotate(0)}.jf-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--jf-dur) var(--jf-ease)}.jf-accordion__panel[data-open=true]{grid-template-rows:1fr}.jf-accordion__panel>div{overflow:hidden}.jf-accordion__content{padding-block-end:var(--jf-space-md);font-size:var(--jf-fs-body);line-height:var(--jf-lh-body);color:var(--jf-text-muted)}.jf-card{display:flex;flex-direction:column;gap:var(--jf-space-sm);position:relative;block-size:100%;min-inline-size:0}.jf-card__media{position:relative;display:block}.jf-card__info{display:flex;flex-direction:column;gap:var(--jf-space-2xs);flex:1 1 auto}.jf-card__img--alt{opacity:0;transition:opacity var(--jf-dur) var(--jf-ease);z-index:1}@media(hover:hover){.jf-card:hover .jf-card__img--alt{opacity:1}}.jf-card__badges{position:absolute;inset-block-start:var(--jf-space-sm);inset-inline-start:var(--jf-space-sm);display:flex;gap:var(--jf-space-2xs);z-index:2}.jf-card__label{font-size:var(--jf-fs-label);letter-spacing:var(--jf-ls-label);text-transform:uppercase;color:var(--jf-text-subtle);margin:0}html[lang=ar] .jf-card__label{text-transform:none;letter-spacing:0}.jf-card__title{font-size:var(--jf-fs-body);font-weight:var(--jf-fw-medium);color:var(--jf-text);margin:0;line-height:1.35}.jf-card__title a{color:inherit;text-decoration:none}.jf-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.jf-card__subtitle{font-size:var(--jf-fs-caption);color:var(--jf-text-muted);margin:0}.jf-card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--jf-space-xs);font-size:var(--jf-fs-body);color:var(--jf-text);margin-block-start:auto}.jf-card__price del{color:var(--jf-text-subtle);text-decoration:line-through;font-size:var(--jf-fs-caption)}.jf-card__actions{position:relative;z-index:2;margin-block-start:var(--jf-space-2xs)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.jf-scroller{scroll-snap-type:none}}.jf-visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.jf-bg-base{background:var(--jf-background)}.jf-bg-surface{background:var(--jf-surface)}.jf-bg-secondary{background:var(--jf-surface-secondary)}.jf-bg-tertiary{background:var(--jf-surface-tertiary)}
/*# sourceMappingURL=/cdn/shop/t/30/assets/jf-design-system.css.map */