:root{--noir:#000;--ivory:#f6f2ea;--sand:#e8dcc8;--shea:#d4bc96;--clay:#a88b6a;--graphite:#2a2a2a;--bg:var(--ivory);--ink:var(--noir);--ink-soft:#0000009e;--line:#00000021;--paper:var(--sand);--accent:var(--shea);--serif:"Bodoni Moda", "Didot", serif;--display:"Bodoni Moda", "Didot", serif;--sans:"Jost", system-ui, sans-serif;--pad:clamp(16px, 4vw, 56px);--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:0}em,.italic{font-family:var(--serif);font-style:italic;font-weight:400}::selection{background:var(--ink);color:var(--bg)}.logo-lockup,.logo-symbol,.logo-badge{-webkit-mask:var(--logo) center / contain no-repeat;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;background:currentColor;display:inline-block}.logo-lockup{--logo:url(/brand/jf-lockup-black.png);aspect-ratio:1100/332;height:38px}.logo-symbol{--logo:url(/brand/jf-symbol-black.png);aspect-ratio:583/760;height:40px}.logo-badge{--logo:url(/brand/jf-badge-black.png);aspect-ratio:656/760;height:120px}.logo-lockup--xl{width:min(100%,1100px);height:auto}:is(html:has(.intro),body:has(.intro)){overflow:hidden}.intro{z-index:100;background:var(--noir);color:var(--ivory);align-content:center;place-items:center;gap:28px;display:grid;position:fixed;inset:0}.intro.is-playing{animation:.7s ease-in 3s forwards intro-out}.intro__mark{aspect-ratio:1100/332;width:min(78vw,520px);position:relative}.intro__jf,.intro__word{background:currentColor;position:absolute;inset:0;-webkit-mask:url(/brand/jf-lockup-ivory.png) 50%/contain no-repeat;mask:url(/brand/jf-lockup-ivory.png) 50%/contain no-repeat}.intro__jf{clip-path:inset(0 76% 0 0);transform-origin:12%}.intro__word{clip-path:inset(0 0 0 24%)}.intro__tag{font-family:var(--serif);color:var(--shea);opacity:0;font-size:clamp(16px,2vw,22px);font-style:italic}.intro.is-playing .intro__jf{animation:1s cubic-bezier(.2,.7,.2,1) both jf-in,1s cubic-bezier(.7,0,.2,1) 1s both jf-move}.intro.is-playing .intro__word{animation:1.1s cubic-bezier(.7,0,.2,1) 1.15s both word-in}.intro.is-playing .intro__tag{animation:.8s ease-out 2s both tag-in}@keyframes jf-in{0%{opacity:0;filter:blur(6px);transform:translate(38%)scale(1.6)}to{opacity:1;filter:blur();transform:translate(38%)scale(1.6)}}@keyframes jf-move{0%{transform:translate(38%)scale(1.6)}to{transform:none}}@keyframes word-in{0%{clip-path:inset(0 100% 0 24%);opacity:0}30%{opacity:1}to{clip-path:inset(0 0 0 24%);opacity:1}}@keyframes tag-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes intro-out{0%,99%{visibility:visible}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.intro{display:none}}.page-bg{z-index:-1;background:var(--bg);pointer-events:none;position:fixed;inset:0}.nav.is-dark{--ink:var(--ivory);--bg:var(--noir);--line:#f6f2ea2e;color:var(--ink)}.webgl{z-index:0;pointer-events:none;width:100%;height:100lvh;position:fixed;top:0;left:0}main,.footer{z-index:1;position:relative}.btn{letter-spacing:.02em;isolation:isolate;transition:color .5s var(--ease);border-radius:100px;align-items:center;gap:14px;padding:15px 26px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn i{transition:transform .5s var(--ease);font-style:normal;display:inline-block}.btn:hover i{transform:translate(3px,-3px)rotate(0)}.btn:before{content:"";z-index:-1;border-radius:inherit;transition:transform .6s var(--ease);position:absolute;inset:0;transform:translateY(101%)}.btn:hover:before{transform:translateY(0)}.btn--ink{background:var(--ink);color:var(--bg)}.btn--ink:before{background:var(--accent)}.btn--ink:hover{color:var(--ink)}.btn--pill{border:1px solid var(--ink);padding:11px 20px}.btn--pill:before{background:var(--ink)}.btn--pill:hover{color:var(--bg)}.btn--ghost{border:1px solid}.btn--ghost:before{background:var(--ink)}.btn--ghost:hover{color:var(--bg)}.btn--lg{padding:20px 34px;font-size:15px}.round-btn{border:1px solid var(--line);border-radius:50%;width:58px;height:58px;font-size:18px;transition:background .4s,color .4s,border-color .4s}.round-btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.nav{z-index:50;padding:18px var(--pad);transition:transform .6s var(--ease), color .4s;justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;top:0;left:0;right:0}.nav.is-hidden{transform:translateY(-110%)}.nav:before{content:"";z-index:-1;opacity:0;background:color-mix(in srgb, var(--bg) 94%, transparent);border-bottom:1px solid var(--line);transition:opacity .4s;position:absolute;inset:0}.nav.is-scrolled:before{opacity:1}.nav__logo{color:var(--ink);line-height:0;display:block}.nav__links{letter-spacing:.04em;flex:1;justify-content:center;gap:34px;font-size:13px;font-weight:500;display:flex}.nav__links a{padding:4px 0;position:relative}.nav__links a:after{content:"";transform-origin:100%;height:1px;transition:transform .5s var(--ease);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav__links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav__search,.nav__icon{cursor:pointer;width:42px;height:42px;color:var(--ink);border-radius:50%;place-items:center;margin-inline-end:-10px;transition:background .3s;display:grid}.nav__search:hover,.nav__icon:hover{background:#0000000f}.nav.is-dark .nav__search:hover,.nav.is-dark .nav__icon:hover{background:#f6f2ea1f}.nav__search svg,.nav__icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:19px;height:19px}.nav__burger{width:44px;height:44px;display:none;position:relative}.nav__burger span{background:var(--ink);height:1.5px;transition:transform .5s var(--ease);position:absolute;left:10px;right:10px}.nav__burger span:first-child{top:17px}.nav__burger span:last-child{top:26px}.menu-open .nav__burger span:first-child{transform:translateY(4.5px)rotate(45deg)}.menu-open .nav__burger span:last-child{transform:translateY(-4.5px)rotate(-45deg)}.menu{z-index:45;background:var(--bg);padding:100px var(--pad) 48px;clip-path:inset(0 0 100%);transition:clip-path .8s var(--ease);align-items:flex-end;display:flex;position:fixed;inset:0}.menu-open .menu{clip-path:inset(0)}.menu nav{flex-direction:column;gap:4px;display:flex}.menu a{font-family:var(--serif);align-items:baseline;gap:14px;font-size:clamp(44px,12vw,72px);line-height:1.05;display:flex}.menu small{font-family:var(--sans);opacity:.5;font-size:12px}section{position:relative}.eyebrow{letter-spacing:.18em;text-transform:uppercase;opacity:.6;font-size:12px;font-weight:600}.section-title{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(44px,7vw,108px);font-weight:400;line-height:.95}.line-mask{padding-bottom:.06em;display:block;overflow:hidden}.line-mask>span{display:block}.char{will-change:transform;display:inline-block}.hero{height:100svh;min-height:620px;padding:0 var(--pad);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero:before,.manifesto:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f6f2eae0 0%,#f6f2eab8 38%,#f6f2ea00 62%);position:absolute;inset:0}.manifesto:before{background:linear-gradient(270deg,#f6f2ead9 0%,#f6f2eaa6 45%,#f6f2ea00 70%)}.hero>*,.manifesto>*{position:relative}.hero__meta{top:108px;left:var(--pad);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex;position:absolute}.hero__meta em{opacity:.4}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.hero__title{font-family:var(--display);letter-spacing:-.035em;font-optical-sizing:none;font-variation-settings:"opsz" 28;grid-column:1;align-self:center;margin-top:40px;font-size:clamp(56px,min(11.5vw,17vh),196px);font-weight:500;line-height:.86}.hero__title .line{margin-bottom:-.1em;padding:.04em 0 .08em;display:block;overflow:hidden}.hero__title .word{white-space:nowrap;display:inline-block}.hero__title .italic{font-family:var(--serif);letter-spacing:-.02em;font-size:1.12em}.hero__aside{left:var(--pad);max-width:360px;color:var(--ink-soft);flex-direction:column;align-items:flex-start;gap:22px;font-size:15px;display:flex;position:absolute;bottom:48px}.hero__scroll{right:var(--pad);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:48px}.hero__scroll i{background:var(--line);width:1px;height:54px;position:relative;overflow:hidden}.hero__scroll i:after{content:"";background:var(--ink);position:absolute;inset:0 0 50%}.manifesto{min-height:100vh;padding:16vh var(--pad);flex-direction:column;justify-content:center;align-items:flex-end;display:flex;position:relative}.manifesto__eyebrow{letter-spacing:.18em;text-transform:uppercase;opacity:.6;width:min(760px,58%);margin-bottom:16px;padding:0 40px;font-size:12px;font-weight:600}.manifesto__text{width:min(760px,58%);font-family:var(--serif);letter-spacing:-.005em;font-optical-sizing:none;font-variation-settings:"opsz" 24;background:#e8dcc8b8;border-radius:26px;padding:34px 40px;font-size:clamp(28px,3.2vw,50px);font-weight:500;line-height:1.16;box-shadow:0 20px 50px #0000000d}.collections{z-index:2;background:var(--bg);padding-bottom:14vh;position:relative}.collections__head{padding:16vh var(--pad) 6vh;flex-direction:column;gap:18px;display:flex}.coll-grid{padding:0 var(--pad);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);display:grid}.coll{--c-bg:var(--ivory);--c-ink:var(--noir);--c-accent:var(--clay);--c-halo:var(--sand);background:var(--c-bg);min-height:min(78vh,680px);color:var(--c-ink);border-radius:26px;flex-direction:column;padding:26px 24px 28px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.coll--blackline{--c-bg:var(--noir);--c-ink:var(--ivory);--c-accent:var(--shea);--c-halo:#1d1d1d}.coll--posttreat{--c-bg:var(--sand);--c-accent:var(--clay);--c-halo:var(--shea)}.coll--scrubs{--c-bg:#efe7da;--c-accent:var(--clay);--c-halo:var(--sand)}.coll--men{--c-bg:var(--graphite);--c-ink:var(--ivory);--c-accent:var(--shea);--c-halo:#383838}.coll__stage{flex:auto;order:-1;justify-content:center;align-items:flex-end;height:46%;min-height:250px;margin-bottom:22px;display:flex;position:relative}.coll__halo{aspect-ratio:1;background:var(--c-halo);border-radius:50%;width:82%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.coll__pic{cursor:pointer;will-change:transform;animation:6s ease-in-out infinite float;position:relative}.coll__pic img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 20px 20px #0003);width:100%;height:100%;transition:transform .6s var(--ease);display:block}.coll__pic:hover img{transform:translateY(-8px)}.coll__pic--0{z-index:2;width:56%;height:86%}.coll__pic--1{width:40%;height:62%;margin-inline-start:-6%;animation-delay:-3s}.coll__tag{letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent);margin-bottom:12px;font-size:11px;font-weight:600}.coll__title{font-family:var(--serif);letter-spacing:-.01em;margin-bottom:12px;font-size:clamp(26px,2.3vw,36px);font-weight:400;line-height:1.02}.coll__copy{opacity:.72;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.coll__list{flex-direction:column;gap:8px;margin-top:auto;list-style:none;display:flex}.coll__list button{cursor:pointer;text-align:start;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:inline-flex}.coll__list button:before{content:"";width:14px;height:1px;transition:width .4s var(--ease);background:currentColor;flex:none}.coll__list button:hover:before{width:24px}@media (width>=901px) and (width<=1180px){.coll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes float{50%{transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){.coll__pic{animation:none}}.range{touch-action:pan-y;height:160vh}.range__pin{height:100vh;min-height:640px;padding:11vh var(--pad) 0;position:sticky;top:0}.range__head .section-title{font-size:clamp(40px,5.4vw,84px)}.range__head{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.range__stage{position:absolute;inset:0}.range__info{left:var(--pad);right:var(--pad);z-index:2;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;display:grid;position:absolute;bottom:5vh}.range__counter{letter-spacing:.1em;align-items:center;gap:14px;font-size:13px;font-weight:600;display:flex}.range__counter i{opacity:.4;background:currentColor;width:40px;height:1px}.range__name{text-align:center}.range__line{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.range__name h3{cursor:pointer;font-family:var(--serif);font-size:clamp(32px,3.6vw,54px);font-weight:400;line-height:1.05}.range__vol{opacity:.6;font-size:13px}.range__ctrl{justify-content:flex-end;gap:10px;display:flex}.range__hint{text-align:center;letter-spacing:.14em;text-transform:uppercase;opacity:.5;z-index:2;font-size:12px;font-weight:600;position:absolute;bottom:1.6vh;left:0;right:0}.shop{background:var(--ivory);padding:16vh var(--pad) 12vh;z-index:2}.shop__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.shop__head .eyebrow{margin-bottom:18px}.shop__tabs{border:1px solid var(--line);scrollbar-width:none;border-radius:100px;gap:4px;max-width:100%;padding:5px;display:flex;overflow-x:auto}.shop__tabs::-webkit-scrollbar{display:none}.tab{cursor:pointer;white-space:nowrap;border-radius:100px;flex-shrink:0;padding:11px 20px;font-size:14px;font-weight:600;transition:background .35s,color .35s}.tab[aria-selected=true]{background:var(--ink);color:var(--ivory)}.shop.is-searching .tab[aria-selected=true]{color:inherit;box-shadow:inset 0 0 0 1px var(--line);background:0 0}.tab:not([aria-selected=true]):hover{background:#0000000f}.shop__bar{border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:16px;margin-bottom:36px;padding-bottom:24px;display:flex}.shop__layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,56px);display:grid}.shop__side{scrollbar-width:thin;max-height:calc(100vh - 120px);position:sticky;top:96px;overflow-y:auto}.tree summary{display:none}.tree__list{flex-direction:column;gap:2px;display:flex}.tree__item{text-align:start;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:baseline;gap:10px;width:100%;padding:9px 14px;font-size:14.5px;font-weight:500;transition:background .3s,color .3s;display:flex}.tree__item sup{opacity:.45;font-size:11px}.tree__item:hover{background:#0000000d}.tree__item[aria-current=true]{background:var(--ink);color:var(--ivory)}.tree__item--all{margin-bottom:6px;font-weight:600}.tree__group{margin:4px 0}.tree__item--group{font-family:var(--serif);padding-top:10px;font-size:19px}.tree__kids{border-inline-start:1px solid var(--shea);flex-direction:column;gap:2px;margin:2px 0 6px 14px;padding-inline-start:10px;display:flex}.tree__item--kid{padding:7px 12px;font-size:13.5px}.tree__item--kid[aria-current=true]{background:var(--sand);color:var(--ink)}.shop.is-searching .tree{opacity:.45}.shop__main{min-width:0}.shop__tools{margin-bottom:28px}.shop__group{margin-bottom:56px}.shop__group-title{font-family:var(--serif);border-bottom:1px solid var(--shea);margin-bottom:26px;padding-bottom:14px;font-size:clamp(30px,3vw,44px);font-weight:400;line-height:1}.shop__sec{margin-bottom:52px}.shop__sec-title{font-family:var(--serif);align-items:baseline;gap:6px;margin-bottom:20px;font-size:24px;font-weight:400;display:flex}.shop__group .shop__sec-title{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--clay);font-size:13px;font-weight:600}.shop__sec-title sup{font-family:var(--sans);opacity:.5;letter-spacing:0;font-size:11px}.shop__cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:40px 22px;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chip{border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:100px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .3s,color .3s,border-color .3s}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ivory)}.chip sup{opacity:.55;margin-inline-start:3px;font-size:10px}.shop__tools{justify-content:space-between;align-items:center;gap:18px;display:flex}.shop__search{border:1px solid var(--line);border-radius:100px;align-items:center;gap:8px;height:40px;padding:0 14px;transition:border-color .3s;display:flex}.shop__search:focus-within{border-color:var(--ink)}.shop__search svg{fill:none;stroke:currentColor;stroke-width:1.8px;opacity:.55;width:16px;height:16px}.shop__search input{font:inherit;width:170px;color:inherit;background:0 0;border:0;outline:none;font-size:14px}.shop__count{opacity:.55;white-space:nowrap;font-size:13px}.shop__grid{display:block}.shop__empty{text-align:center;opacity:.6;padding:60px 0}.shop__more{justify-content:center;margin-top:56px;display:flex}.shop__more [hidden]{display:none}.pcard{flex-direction:column;gap:16px;display:flex}.pcard__img{aspect-ratio:4/5;cursor:pointer;background:0 0;border-radius:20px;width:100%;display:block;position:relative;overflow:hidden}.photo-ph{color:#00000059;background:var(--sand);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.photo-ph b{font-family:var(--display);letter-spacing:-2px;border:1.5px solid;padding:10px 12px 6px;font-size:26px;font-weight:500;line-height:1}.photo-ph small{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}.pview__img{min-height:320px;position:relative}.pcard__img img{object-fit:contain;filter:drop-shadow(0 18px 18px #00000024);width:100%;height:100%;transition:transform .9s var(--ease)}.pcard:hover .pcard__img img{transform:translateY(-8px)}.pcard__body{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pcard__sub{letter-spacing:.16em;text-transform:uppercase;color:var(--clay);font-size:11px;font-weight:700}.pcard h3{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.08}.pcard h3 button{font:inherit;text-align:start;cursor:pointer}.pcard h3 button:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.pcard__meta{opacity:.6;font-size:13px}.pcard__price{margin-top:4px;font-size:14px;font-weight:600}.pcard__price.is-empty,.pview__price.is-empty{opacity:.45;font-style:italic;font-weight:500}.pcard__store{border:1px solid var(--line);cursor:pointer;border-radius:100px;align-items:center;gap:7px;margin-top:6px;padding:9px 14px 9px 11px;font-size:12.5px;font-weight:600;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.pcard__store:hover{background:var(--ink);border-color:var(--ink);color:var(--ivory)}.pcard__store svg,.pview svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:15px;height:15px}.colorbar{width:100%;margin-top:6px}.colorbar__label{margin-bottom:7px;font-size:12.5px}.colorbar__label b{font-weight:600}.colorbar__label span{opacity:.5}.colorbar--lg .colorbar__label{font-size:14px}.swatches{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.swatch{background:var(--sw);cursor:pointer;outline-offset:2px;border-radius:50%;width:18px;height:18px;transition:transform .25s;box-shadow:inset 0 0 0 1px #00000026}.swatch[aria-pressed=true]{outline:1.5px solid var(--ink)}.swatch:hover{transform:scale(1.15)}.colorbar--lg .swatch{width:26px;height:26px}.swatches--lg span{opacity:.7;margin-inline-start:6px;font-size:13px}.pview{background:var(--ivory);width:min(980px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--noir);border:0;border-radius:28px;margin:auto;padding:0;overflow:auto}.pview::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073}.pview[open]{animation:pview-in .45s var(--ease)}@keyframes pview-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.pview__close{cursor:pointer;z-index:2;background:#fffc;border-radius:50%;width:42px;height:42px;font-size:26px;line-height:1;position:absolute;top:14px;right:16px}.pview__close:hover{background:#fff}.pview__body{grid-template-columns:1fr 1fr;display:grid}.pview__img{background:var(--sand)}.pview__img img{object-fit:contain;aspect-ratio:4/5;filter:drop-shadow(0 24px 24px #00000029);width:100%;height:100%}.pview__info{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:clamp(28px,4vw,52px);display:flex}.pview__crumb{letter-spacing:.16em;text-transform:uppercase;opacity:.55;font-size:11px;font-weight:700}.pview h2{font-family:var(--serif);font-size:clamp(32px,3.4vw,46px);font-weight:400;line-height:1.02}.pview__meta{opacity:.65;font-size:14px}.pview__price{font-size:20px;font-weight:600}.pview__desc{color:#111010b8;border-top:1px solid #1110101f;border-bottom:1px solid #1110101f;width:100%;padding:16px 0;font-size:15px;line-height:1.6}.pview__desc.is-empty{opacity:.6;font-style:italic}.pview .btn{gap:10px}.pview .btn svg{stroke:currentColor}.pview__note{opacity:.5;font-size:12px}.nview{width:min(940px,100% - 32px)}.nview__body{flex-direction:column;gap:18px;padding:clamp(24px,3.4vw,44px);display:flex}.nview__eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.6;align-items:center;gap:8px;padding-inline-end:48px;font-size:11px;font-weight:700;display:flex}.nview__eyebrow svg{width:15px;height:15px}.nview h2{font-size:clamp(30px,3.2vw,42px)}.nview__wait{align-items:center;gap:14px;padding:40px 0 52px;font-size:16px;display:flex}.nview__spin{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite nspin}@keyframes nspin{to{transform:rotate(360deg)}}.nview__msg{opacity:.75;max-width:520px;font-size:15px;line-height:1.6}.nview__grid{grid-template-columns:1fr 1.15fr;align-items:stretch;gap:clamp(20px,3vw,40px);display:grid}.nview__info{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.nview__info .store__tag{margin:0}.nview__area{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:12px;font-weight:600}.nview__km{margin-top:6px;font-size:16px}.nview__km b{font-family:var(--serif);margin-inline-end:4px;font-size:44px;font-weight:600;line-height:1}.nview__ctas{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.nview__alts{width:100%;margin-top:auto;padding-top:18px}.nview__alts p{letter-spacing:.16em;text-transform:uppercase;opacity:.5;margin-bottom:4px;font-size:11px;font-weight:700}.nview__alts button{border-top:1px solid var(--line);text-align:start;cursor:pointer;justify-content:space-between;gap:12px;width:100%;padding:10px 0;font-size:14px;display:flex}.nview__alts button span:last-child{white-space:nowrap;opacity:.6;font-weight:600}.nview__alts button:hover span:first-child{text-underline-offset:3px;text-decoration:underline}.nview__map{background:var(--sand);border-radius:20px;min-height:340px;overflow:hidden}.nview__map iframe{border:0;width:100%;height:100%;min-height:340px;display:block}.socials{justify-content:center;gap:18px;margin-top:18px;display:flex;position:relative}.socials a{background:var(--noir);width:68px;height:68px;color:var(--ivory);transition:transform .4s var(--ease), background .3s, color .3s;border-radius:50%;place-items:center;display:grid}.socials a:hover{background:var(--shea);color:var(--noir);transform:translateY(-4px)}.socials svg{width:28px;height:28px}.socials .ig{fill:none;stroke:currentColor;stroke-width:1.8px}.socials .fill{fill:currentColor}.stores{background:var(--ivory);padding:16vh var(--pad);z-index:2}.stores__head{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:56px;display:flex}.stores__body{grid-template-columns:1fr 1.15fr;align-items:start;gap:clamp(24px,4vw,64px);display:grid}.stores__count{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:13px;font-weight:600}.stores__list{border-top:1px solid var(--line);overscroll-behavior:contain;scrollbar-width:thin;max-height:min(640px,72vh);list-style:none;overflow-y:auto}.store{border-bottom:1px solid var(--line)}.store button{text-align:start;cursor:pointer;width:100%;transition:padding .4s var(--ease);grid-template-columns:64px 1fr;align-items:baseline;gap:6px 16px;padding:20px 0;display:grid}.store__n{opacity:.45;font-size:12px;font-weight:600}.store__name{font-family:var(--serif);font-size:25px;line-height:1.1}.store__area{letter-spacing:.12em;text-transform:uppercase;opacity:.55;grid-column:2;font-size:12px;font-weight:600}.store__details{transition:grid-template-rows .5s var(--ease), opacity .4s;opacity:0;color:var(--ink-soft);grid-template-rows:0fr;padding-inline-start:80px;font-size:14px;display:grid}.store__details>div{flex-direction:column;gap:4px;display:flex;overflow:hidden}.store__details a{color:var(--ink);text-underline-offset:3px;align-self:flex-start;margin-top:10px;font-weight:600;text-decoration:underline}.store__details .is-disabled{opacity:.4;pointer-events:none;text-decoration:none}.store.is-active button{padding-inline-start:12px}.store.is-active .store__details{opacity:1;grid-template-rows:1fr;padding-bottom:24px}.store__links{flex-wrap:wrap;gap:4px 22px;display:flex}.store--featured{box-shadow:inset 3px 0 0 var(--shea);background:linear-gradient(90deg,#d4bc9652,#d4bc961a)}.store--featured button{padding-inline:16px 12px}.store--featured .store__details{padding-inline:96px 12px}.store--featured.is-active button{padding-inline-start:22px}.store__tag{vertical-align:middle;background:var(--noir);color:var(--ivory);font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border-radius:100px;margin-inline-start:10px;padding:4px 9px 3px;font-style:normal;display:inline-block}.stores__map{aspect-ratio:4/3;border:1px solid var(--line);background-color:#ebe6de;background-image:linear-gradient(#1110100d 1px,#0000 1px),linear-gradient(90deg,#1110100d 1px,#0000 1px);background-size:40px 40px;border-radius:24px;position:sticky;top:100px;overflow:hidden}.stores__map iframe{border:0;width:100%;height:100%}.stores__map-ph{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.stores__map-ph span{font-family:var(--display);letter-spacing:-2px;border:1.5px solid var(--ink);margin-bottom:8px;padding:10px 12px 6px;font-size:30px;line-height:1}.stores__map-ph p{font-family:var(--serif);font-size:26px}.stores__map-ph small{opacity:.55;font-size:13px}.ritual{background:var(--noir);color:var(--ivory);z-index:2;padding:16vh var(--pad);--line:#f6f2ea29}.ritual__grid{grid-template-columns:1.1fr repeat(3,1fr);align-items:stretch;gap:clamp(16px,2vw,28px);display:grid}.ritual__intro{flex-direction:column;justify-content:center;gap:22px;padding-inline-end:3vw;display:flex}.ritual__intro p:last-child{opacity:.6}.step{border:1px solid var(--line);background:radial-gradient(120% 70% at 50% 0,#f6f2ea12,#0000 70%);border-radius:28px;flex-direction:column;gap:12px;padding:clamp(24px,2.6vw,36px);display:flex;position:relative;overflow:hidden}.step__num{font-family:var(--display);opacity:.1;letter-spacing:-.05em;font-size:clamp(80px,8vw,130px);line-height:1;position:absolute;top:14px;right:24px}.step__pic{cursor:pointer;justify-content:center;align-items:flex-end;height:250px;margin-bottom:8px;display:flex}.step__pic img{object-fit:contain;filter:drop-shadow(0 24px 24px #00000073);max-width:80%;max-height:100%;transition:transform .6s var(--ease)}.step__pic:hover img{transform:translateY(-8px)scale(1.03)}.step__verb{letter-spacing:.18em;text-transform:uppercase;color:#cfdbb0;font-size:11px;font-weight:700}.step h3{font-family:var(--serif);font-size:clamp(34px,2.8vw,48px);font-weight:400;line-height:1}.step p{opacity:.65}.step__product{border-top:1px solid var(--line);text-align:start;cursor:pointer;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;font-size:13px;font-weight:600;display:flex}.step__product i{transition:transform .4s var(--ease);font-style:normal}.step__product:hover i{transform:translate(4px)}.numbers{padding:16vh var(--pad);background:var(--paper);z-index:2;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.stat{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:22px;display:flex}.stat b{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(64px,9vw,150px);font-weight:400;line-height:.9}.stat span{opacity:.6;max-width:220px;font-size:14px}.find{min-height:130vh;padding:0 var(--pad) 14vh;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:24px;display:flex}.find__stage{position:absolute;inset:0}.find__title{font-family:var(--display);letter-spacing:-.045em;font-size:clamp(60px,10vw,170px);font-weight:400;line-height:.9;position:relative}.find__title em{font-family:var(--serif)}.find__copy{color:var(--ink-soft);max-width:420px;position:relative}.find__ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex;position:relative}.footer{background:var(--noir);color:var(--ivory);padding:80px var(--pad) 28px;z-index:2;overflow:hidden}.footer__top{flex-wrap:wrap;justify-content:space-between;gap:32px;font-size:14px;display:flex}.footer__top p{opacity:.6;max-width:360px}.footer__top nav{flex-wrap:wrap;gap:28px;display:flex}.footer__top nav a{opacity:.8;transition:opacity .3s}.footer__top nav a:hover{opacity:1}.footer__word{color:var(--ivory);justify-content:center;margin:7vw 0 4vw;display:flex}.footer__bottom{opacity:.5;letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:12px;display:flex}.tp3-sign{align-items:center;gap:8px;display:inline-flex}.tp3-sign b{letter-spacing:.08em;font-weight:600}.tp3-sign__mark{background:currentColor;width:11px;height:16px;-webkit-mask:url(/brand/tp3-monogram.svg) 50%/contain no-repeat;mask:url(/brand/tp3-monogram.svg) 50%/contain no-repeat}.hero__title,.section-title,.manifesto__text,.coll__title,.range__name h3,.tree__item--group,.tree summary b,.shop__group-title,.shop__sec-title,.pcard h3,.pview h2,.store__name,.stores__map-ph p,.step h3,.stat b,.find__title,.menu a{font-optical-sizing:none;font-variation-settings:"opsz" 28;font-weight:600}.hero__title .italic,.find__title em,.section-title em{font-weight:600}.shop__group .shop__sec-title{font-variation-settings:normal;font-weight:600}@media (pointer:coarse){.coll__pic{will-change:auto;animation:none}.pcard__img img,.coll__pic img{filter:none}.pcard__img{background-image:radial-gradient(50% 6% at 50% 94%,#0000001f,#0000)}}@media (width<=900px){.nav__links,.nav__cta{display:none}.nav__burger{display:block}.nav__search{margin-inline:auto -6px}.hero{grid-template-columns:1fr;align-items:start}.hero:before{background:linear-gradient(#f6f2eae6 0%,#f6f2eabf 42%,#f6f2ea00 62%)}.manifesto:before{background:#f6f2eab8}.hero__title{align-self:start;margin-top:150px;font-size:clamp(62px,18vw,120px)}.hero__meta{font-size:10px;top:92px}.hero__aside{bottom:32px;right:var(--pad);max-width:none}.hero__aside p,.hero__scroll{display:none}.manifesto{align-items:stretch;min-height:90vh}.manifesto__eyebrow,.manifesto__text{width:100%}.manifesto__text{border-radius:20px;padding:24px 22px}.manifesto__eyebrow{padding:0 22px}.manifesto__text{font-size:clamp(28px,7.4vw,40px)}.coll-grid{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.coll-grid::-webkit-scrollbar{display:none}.coll{scroll-snap-align:start;min-height:560px}.range__info{grid-template-columns:1fr 1fr;bottom:5vh}.range__hint{display:none}.range__name{grid-area:1/1/auto/-1}.range__ctrl,.range__counter{grid-row:2}.numbers{grid-template-columns:1fr;gap:40px}.shop__tabs{max-width:none;margin:0 calc(-1 * var(--pad));width:calc(100% + 2 * var(--pad));border-inline:0;border-radius:0}.tab{padding:10px 14px;font-size:13px}.shop__bar{flex-direction:column;align-items:stretch}.shop__tools{justify-content:space-between}.shop__search{flex:1}.shop__search input{width:100%}.pcard__store{padding:8px 11px 8px 9px;font-size:11.5px}.pview__body{grid-template-columns:1fr}.pview__img img{aspect-ratio:1;object-fit:contain}.shop__layout{grid-template-columns:1fr;gap:18px}.shop__side{max-height:none;position:static;overflow:visible}.tree{border:1px solid var(--line);border-radius:22px;padding:5px}.tree summary{cursor:pointer;background:var(--ink);color:var(--ivory);border-radius:100px;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;font-size:14px;list-style:none;display:flex}.tree summary::-webkit-details-marker{display:none}.tree summary span{opacity:.7}.tree summary b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tree summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:7px;height:7px;transform:rotate(45deg)translateY(-2px)}.tree[open] summary:after{transform:rotate(-135deg)translateY(-2px)}.tree__list{padding:8px 4px 4px}.shop__cards{grid-template-columns:repeat(2,1fr);gap:28px 12px}.chip{flex-shrink:0}.pcard h3{font-size:19px}.stores__body{grid-template-columns:1fr}.stores__map{order:-1;position:relative;top:0}.store button{grid-template-columns:54px 1fr}.store__name{font-size:21px}.store__tag{margin:6px 0 0;display:table}.store__details,.store--featured .store__details{padding-inline-start:70px}.stores__list{max-height:62vh}.nview__grid{grid-template-columns:1fr}.nview__map{order:-1;min-height:220px}.nview__map iframe{min-height:220px}.nview__km b{font-size:36px}.nview__ctas .btn{flex:auto;justify-content:center}.socials a{width:60px;height:60px}.ritual__grid{grid-template-columns:1fr}.step__pic{height:210px}}.pview{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pview__share svg{width:17px;height:17px}@media (width<=900px){.pview{border-radius:26px 26px 0 0;width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0}.pview[open]{animation:pview-sheet .45s var(--ease)}.nview{width:100%}.pview__close{margin:12px 12px -54px auto;background:#ffffffeb;margin-inline:auto 12px;display:block;position:sticky;top:12px;box-shadow:0 4px 14px #0000001f}.pview__img{min-height:0}.pview__img img{aspect-ratio:auto;height:min(42dvh,360px)}.pview__info{padding:22px 20px calc(26px + env(safe-area-inset-bottom));gap:12px}.pview h2{font-size:clamp(28px,8vw,36px)}.pview__desc{padding:12px 0;font-size:14.5px}.pview__ctas{width:100%}.pview__ctas .btn{flex:100%;justify-content:center;padding:17px 24px}.pview__ctas [data-pfind],.pview__ctas .pview__share{flex:40%;padding:15px 14px;font-size:13.5px}.nview__body{padding:26px 20px calc(26px + env(safe-area-inset-bottom))}}@keyframes pview-sheet{0%{opacity:0;transform:translateY(60px)}}.lang{border:1px solid var(--line);cursor:pointer;min-width:46px;height:34px;font:600 13px/1 "Cairo", var(--sans);color:var(--ink);border-radius:100px;padding:0 12px;transition:background .3s,color .3s}.lang[lang=en]{font-family:var(--sans);letter-spacing:.08em}.lang:hover{background:var(--ink);color:var(--bg)}.nav.is-dark .lang{border-color:#f6f2ea4d}.menu__lang,.lang--menu{display:none}@media (width<=900px){.nav__lang{min-width:0;height:30px;padding:0 9px;font-size:12px}.lang--menu{top:96px;height:40px;padding:0 18px;font-size:15px;display:inline-block;position:absolute;inset-inline-end:var(--pad)}}:root[lang=ar]{--serif:"Bodoni Moda", "Cairo", serif;--display:"Bodoni Moda", "Cairo", serif;--sans:"Jost", "Cairo", system-ui, sans-serif}[lang=ar] body{line-height:1.7}[lang=ar] *,[lang=ar] :before{letter-spacing:0!important}[lang=ar] em,[lang=ar] .italic{font-style:normal}[lang=ar] .eyebrow,[lang=ar] .hero__meta,[lang=ar] .pview__crumb,[lang=ar] .nview__eyebrow,[lang=ar] .store__tag,[lang=ar] .shop__group .shop__sec-title,[lang=ar] .status,[lang=ar] .range__hint{text-transform:none;font-size:13px}[lang=ar] .hero__title{font-size:clamp(54px,min(10vw,15vh),170px);font-weight:700;line-height:1.15}[lang=ar] .hero__title .line{margin-bottom:0;padding:.02em 0 .12em}[lang=ar] .hero__title .italic{font-size:1em}[lang=ar] .section-title,[lang=ar] .find__title{font-weight:700;line-height:1.2}[lang=ar] .line-mask{padding-bottom:.14em}[lang=ar] .manifesto__text{font-weight:700;line-height:1.55}[lang=ar] .coll__title,[lang=ar] .step h3,[lang=ar] .page__title,[lang=ar] .pview h2{line-height:1.25}[lang=ar] .menu a{line-height:1.35}[dir=rtl] .btn>i,[dir=rtl] .step__product i,[dir=rtl] .round-btn{display:inline-block;transform:scaleX(-1)}[dir=rtl] .round-btn:hover{transform:scaleX(-1)}[dir=rtl] .step__product:hover i{transform:scaleX(-1)translate(4px)}[dir=rtl] .pview__close{left:16px;right:auto}[dir=rtl] .step__num{left:24px;right:auto}[dir=rtl] .nview__eyebrow{padding-left:48px;padding-right:0}[dir=rtl] .hero,[dir=rtl] .manifesto{direction:ltr}[dir=rtl] .hero>*,[dir=rtl] .manifesto>*{direction:rtl}[dir=rtl] .hero__aside{align-items:flex-start}@media (width>=901px){[dir=rtl] .hero__title{text-align:left}}@media (width<=900px){[dir=rtl] .hero__title{justify-self:end}}[dir=rtl] .tree__kids{margin:2px 14px 6px 0}@media (width<=900px){[dir=rtl] .pview__close{margin-inline:auto 12px;left:auto}}.no-shop [data-shop-only]{display:none!important}.nav__icon{position:relative}.nav__icon.is-in:after{content:"";background:var(--shea);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:9px;right:9px}.nav__cart b{background:var(--noir);min-width:18px;height:18px;color:var(--ivory);font:600 10.5px/18px var(--sans);text-align:center;border-radius:9px;padding:0 5px;position:absolute;top:3px;right:1px}.nav.is-dark .nav__cart b{background:var(--ivory);color:var(--noir)}.pcard__price b,.pview__price b{font-weight:700}.pcard__price s,.pview__price s{opacity:.45;margin-inline-start:4px;font-weight:500}.sale{color:#fff;font:700 11px/1.3 var(--sans);letter-spacing:.04em;vertical-align:2px;background:#b3261e;border-radius:100px;margin-inline-start:6px;padding:3px 8px 2px;display:inline-block}.sale-note{color:#b3261e;margin-top:-2px;font-size:12px;font-weight:600}.pview .sale-note{margin-top:-8px}.pcard__actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.pcard__add{cursor:pointer;background:var(--noir);color:var(--ivory);transition:background .3s, transform .3s var(--ease);border-radius:100px;align-items:center;gap:7px;padding:9px 15px 9px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.pcard__add:hover{transform:translateY(-1px)}.pcard__add.is-added,.pview .btn.is-added{background:#2f6b3a}.pcard__add svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:15px;height:15px}.pview__ctas{flex-wrap:wrap;gap:10px;display:flex}.nview__dir{padding:12px 18px;font-size:13.5px}.nview__ctas--sub{margin-top:0}.nview .btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:17px;height:17px}.linkbtn{font:inherit;text-underline-offset:3px;cursor:pointer;color:inherit;background:0 0;padding:0;font-size:13.5px;font-weight:600;text-decoration:underline}.cart{z-index:120;visibility:hidden;background:0 0;transition:background .4s,visibility .4s;position:fixed;inset:0}.cart.is-open{visibility:visible;background:#0006}.cart__panel{background:var(--ivory);width:min(440px,100%);color:var(--noir);transition:transform .5s var(--ease);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.cart.is-open .cart__panel{transform:none}.cart__head{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.cart__head h2{font-family:var(--serif);font-size:28px;font-weight:600}.cart__close{cursor:pointer;border-radius:50%;width:40px;height:40px;font-size:26px}.cart__close:hover{background:#0000000f}.cart__lines{overscroll-behavior:contain;flex:1;padding:8px 24px;list-style:none;overflow-y:auto}.cart__empty{text-align:center;opacity:.7;padding:60px 0;line-height:2}.cart__empty a{font-weight:600;text-decoration:underline}.cline{border-bottom:1px solid #00000014;grid-template-columns:76px 1fr auto;gap:14px;padding:16px 0;display:grid}.cline__img{background:var(--sand);border-radius:12px;width:76px;height:94px;overflow:hidden}.cline__img img{object-fit:contain;width:100%;height:100%}.cline__info{flex-direction:column;gap:3px;font-size:13px;display:flex}.cline__info b{font-size:14.5px;font-weight:600}.cline__info>span{opacity:.6}.cline__price{font-weight:600;opacity:1!important}.cline__price s{opacity:.45;font-weight:500}.cline__rm{opacity:.5;cursor:pointer;border-radius:50%;width:30px;height:30px;font-size:20px}.cline__rm:hover{opacity:1;background:#0000000f}.qty{border:1px solid #00000026;border-radius:100px;align-items:center;width:max-content;margin-top:6px;display:inline-flex}.qty button{cursor:pointer;width:32px;height:30px;font-size:16px}.qty span{text-align:center;min-width:22px;font-weight:600}.cart__foot{border-top:1px solid #0000001a;flex-direction:column;gap:8px;padding:20px 24px 24px;display:flex}.cart__saved{color:#2f6b3a;font-size:13px;font-weight:600}.cart__saved:empty{display:none}.cart__total{justify-content:space-between;align-items:baseline;font-size:15px;display:flex}.cart__total b{font-family:var(--serif);font-size:28px;font-weight:600}.cart__note{opacity:.55;font-size:12px}.cart__checkout{justify-content:center;margin-top:6px}.is-disabled{opacity:.4;pointer-events:none}.page{min-height:100vh;padding:130px var(--pad) 90px;background:var(--ivory);color:var(--noir)}.page__wrap{max-width:1080px;margin:0 auto}.page__title{font-family:var(--serif);letter-spacing:-.02em;font-optical-sizing:none;font-variation-settings:"opsz" 28;margin-bottom:14px;font-size:clamp(40px,6vw,76px);font-weight:600;line-height:.95}.page__lead{opacity:.65;max-width:560px;margin-bottom:40px}.page .nav{position:fixed}.page .nav:before{opacity:1}.panel{background:#fff;border-radius:24px;padding:clamp(22px,3vw,36px);box-shadow:0 20px 50px #0000000d}.panel h2{font-family:var(--serif);margin-bottom:18px;font-size:26px;font-weight:600}.form{gap:14px;display:grid}.form--2{grid-template-columns:1fr 1fr}.form .full{grid-column:1/-1}.field{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.field input,.field textarea,.field select{font:400 15px/1.4 var(--sans);background:var(--ivory);color:var(--noir);border:1px solid #00000029;border-radius:12px;padding:13px 15px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--shea);outline-offset:1px;border-color:#0000}.field textarea{resize:vertical;min-height:86px}.form .btn{justify-content:center}.form__msg{border-radius:12px;padding:12px 14px;font-size:14px}.form__msg:empty{display:none}.form__msg.is-error{color:#8c1d18;background:#fbe9e7}.form__msg.is-ok{color:#23512c;background:#e8f3ea}.tabs2{background:var(--sand);border-radius:100px;margin-bottom:22px;padding:4px;display:inline-flex}.tabs2 button{cursor:pointer;border-radius:100px;padding:10px 20px;font-size:14px;font-weight:600}.tabs2 button[aria-selected=true]{background:var(--noir);color:var(--ivory)}.auth{max-width:480px}.checkout{grid-template-columns:1.25fr 1fr;align-items:start;gap:28px;display:grid}.summary{position:sticky;top:110px}.summary__lines{margin-bottom:16px;list-style:none}.summary__lines .cline{grid-template-columns:60px 1fr auto}.summary__lines .cline__img{width:60px;height:72px}.summary__row{justify-content:space-between;padding:6px 0;font-size:14.5px;display:flex}.summary__row.is-save{color:#2f6b3a;font-weight:600}.summary__row.is-total{border-top:1px solid #0000001a;margin-top:8px;padding-top:14px;font-weight:600}.summary__row.is-total b{font-family:var(--serif);font-size:30px}.pay{border:2px solid var(--noir);background:var(--ivory);border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.pay b{display:block}.pay small{opacity:.6}.orders{gap:12px;list-style:none;display:grid}.orow{background:var(--ivory);cursor:pointer;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:6px 16px;padding:18px 20px;transition:background .3s;display:grid}.orow:hover{background:var(--sand)}.orow b{font-size:16px}.orow small{opacity:.6;font-size:13px}.orow__total{text-align:end;font-weight:600}.status{font:700 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;background:var(--sand);color:var(--noir);border-radius:100px;padding:5px 11px 4px;display:inline-block}.status--confirmed,.status--preparing{color:#7a5300;background:#fdf0d5}.status--shipped{color:#1d4f91;background:#e3eefc}.status--delivered{color:#23512c;background:#e3f2e5}.status--cancelled{color:#8c1d18;background:#f5e1df}.track{justify-content:space-between;margin:26px 0 30px;display:flex;position:relative}.track:before{content:"";background:#0000001f;height:2px;position:absolute;top:15px;left:15px;right:15px}.track__bar{background:var(--noir);height:2px;transition:width .6s var(--ease);position:absolute;top:15px;left:15px}.track__step{text-align:center;opacity:.45;flex-direction:column;align-items:center;gap:8px;width:20%;font-size:12px;font-weight:600;display:flex;position:relative}.track__step i{background:#fff;border:2px solid #0000002e;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-style:normal;display:grid}.track__step.is-done{opacity:1}.track__step.is-done i{background:var(--noir);border-color:var(--noir);color:var(--ivory)}.track__step small{opacity:.7;font-weight:400}.history{border-inline-start:2px solid var(--sand);gap:12px;padding-inline-start:18px;font-size:14px;list-style:none;display:grid}.history time{opacity:.55;font-size:12px;display:block}.odetail{grid-template-columns:1.3fr 1fr;align-items:start;gap:24px;display:grid}.back{cursor:pointer;gap:6px;margin-bottom:18px;font-size:14px;font-weight:600;display:inline-flex}@media (width<=900px){.page{padding-top:104px}.checkout,.odetail{grid-template-columns:1fr}.summary{order:-1;position:static}.form--2{grid-template-columns:1fr}.track__step span{font-size:10.5px}.track__step small{display:none}}[dir=rtl] .cart__panel{left:0;right:auto;transform:translate(-100%)}[dir=rtl] .cart.is-open .cart__panel{transform:none}[dir=rtl] .track__bar{left:auto;right:15px}[dir=rtl] .nav__icon.is-in:after{left:9px;right:auto}[dir=rtl] .nav__cart b{left:1px;right:auto}[dir=rtl] .back{flex-direction:row}[lang=ar] .page__title{font-weight:700;line-height:1.2}.nview__share{align-items:center;gap:6px;display:inline-flex}.nview__share svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:15px;height:15px}.nview__ctas--sub{gap:18px}.summary__row small.muted{opacity:.55;margin-inline-start:4px;font-size:12.5px;font-weight:400}.summary__vat{opacity:.6;text-align:end;margin-top:6px;font-size:12.5px}.gbox{margin-bottom:22px}.gbtn{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #0000002e;border-radius:100px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 18px;font:500 15px/1 inherit;transition:background .2s;display:flex}.gbtn:hover{background:#f7f7f7}.gbox__note{opacity:.6;text-align:center;margin-top:8px;font-size:12.5px}.gbox__in{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.gbox__in .linkbtn{margin-inline-start:auto}
