@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-arabic-400-normal-CyCXRvzh.woff2) format("woff2"),url(/assets/tajawal-arabic-400-normal-DCQxawbB.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-arabic-500-normal-BZ8ojJNu.woff2) format("woff2"),url(/assets/tajawal-arabic-500-normal-CbVEaYEW.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-arabic-700-normal-D2-eand5.woff2) format("woff2"),url(/assets/tajawal-arabic-700-normal-9L7Zusdl.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/tajawal-arabic-800-normal-TQp-UTiE.woff2) format("woff2"),url(/assets/tajawal-arabic-800-normal-Bp_4IW2m.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-latin-400-normal-BVNSOH3d.woff2) format("woff2"),url(/assets/tajawal-latin-400-normal-BdYcZznU.woff) format("woff")}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-latin-700-normal-BypgxfGb.woff2) format("woff2"),url(/assets/tajawal-latin-700-normal-CV3bxpHe.woff) format("woff")}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #fbfbfc;--bg-alt: #f2f5f7;--surface: #ffffff;--surface-2: #fff0e8;--ink: #071c2d;--ink-soft: #2b3f50;--muted: #586b7a;--line: #e2e8ed;--line-strong: #8394a1;--accent: #fe5504;--accent-hover: #e04a02;--accent-text: #c23c00;--accent-ink: #071c2d;--accent-ink-lg: #ffffff;--cta-bg: #fe5504;--cta-bg-hover: #e04a02;--accent-soft: #fff0e8;--focus: #c23c00;--ok: #1f6b47;--warn: #c0341b;--wa: #128c4b;--shadow-1: 0 1px 2px rgba(7, 28, 45, .06);--shadow-2: 0 2px 6px rgba(7, 28, 45, .08), 0 1px 2px rgba(7, 28, 45, .05);--shadow-3: 0 12px 32px -14px rgba(7, 28, 45, .3), 0 2px 6px rgba(7, 28, 45, .06);--font-ar: "Tajawal", system-ui, sans-serif;--font-la: "Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--font-scale: 1;--text-xs: calc(.75rem * var(--font-scale));--text-sm: calc(.875rem * var(--font-scale));--text-base: calc(1rem * var(--font-scale));--text-lg: calc(1.125rem * var(--font-scale));--text-xl: clamp(1.15rem, .4vw + 1.05rem, 1.35rem);--text-2xl: clamp(1.4rem, 1vw + 1.15rem, 1.85rem);--text-3xl: clamp(1.75rem, 2vw + 1.3rem, 2.6rem);--text-4xl: clamp(2.1rem, 3.4vw + 1.4rem, 3.6rem);--text-hero: clamp(2.4rem, 5.2vw + 1.2rem, 4.6rem);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 96px;--s10: 128px;--section-y: clamp(var(--s8), 9vw, var(--s10));--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-full: 999px;--header-h: 86px;--wrap: 1200px;--ease: cubic-bezier(.22, 1, .36, 1);--dur-micro: .15s;--dur-base: .3s;--dur-entrance: .7s}:root:lang(ar),[dir=rtl]{--font-scale: 1.06}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-block-start:calc(var(--header-h) + var(--s4))}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-ar);font-size:var(--text-base);line-height:1.65;-webkit-font-smoothing:antialiased}[dir=ltr] body,[dir=ltr] button,[dir=ltr] input,[dir=ltr] select,[dir=ltr] textarea{font-family:var(--font-la)}h1,h2,h3,h4{font-weight:800;line-height:1.16;letter-spacing:-.01em;text-wrap:balance;margin:0}[dir=ltr] h1,[dir=ltr] h2,[dir=ltr] h3{letter-spacing:-.025em}p{text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}img{max-inline-size:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}ul{margin:0;padding:0;list-style:none}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-sm)}.tnum{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:fixed;inset-block-start:var(--s3);inset-inline-start:var(--s3);z-index:100;padding:var(--s2) var(--s4);background:var(--ink);color:#fff;border-radius:var(--radius);transform:translateY(-200%);transition:transform var(--dur-base) var(--ease)}.skip-link:focus{transform:none}.wrap{max-inline-size:var(--wrap);margin-inline:auto;padding-inline:var(--s5)}@media(min-width:768px){.wrap{padding-inline:var(--s6)}}.section{padding-block:var(--section-y)}.section--alt{background:var(--bg-alt)}.section--tight{padding-block:clamp(var(--s7),6vw,var(--s9))}.section__head{max-inline-size:60ch;margin-block-end:var(--s7);display:grid;gap:var(--s3)}.section__head--center{margin-inline:auto;text-align:center;justify-items:center}.section__head--row{max-inline-size:none;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s4)}.eyebrow{font-family:var(--font-la);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);display:inline-flex;align-items:center;gap:var(--s2)}.eyebrow:before{content:"";inline-size:18px;block-size:2px;border-radius:2px;background:var(--accent)}[dir=rtl] .eyebrow{font-family:var(--font-ar);font-size:var(--text-sm);letter-spacing:0;text-transform:none}.section__title{font-size:var(--text-3xl)}.section__lede{color:var(--muted);font-size:var(--text-lg);max-inline-size:58ch}.page-top{padding-block-start:calc(var(--header-h) + clamp(var(--s6),5vw,var(--s8)))}.js .reveal{opacity:0;transform:translate3d(var(--reveal-x, 0),var(--reveal-y, 20px),0);transition:opacity var(--dur-entrance) var(--ease),transform var(--dur-entrance) var(--ease);transition-delay:var(--reveal-delay, 0ms);will-change:transform,opacity}.js .reveal.is-visible{opacity:1;transform:translateZ(0);will-change:auto}.reveal--start{--reveal-x: -24px;--reveal-y: 0}.reveal--end{--reveal-x: 24px;--reveal-y: 0}[dir=rtl] .reveal--start{--reveal-x: 24px}[dir=rtl] .reveal--end{--reveal-x: -24px}.js .reveal--scale{--reveal-y: 12px;transform:translate3d(0,var(--reveal-y),0) scale(.985)}.js .reveal--scale.is-visible{transform:translateZ(0) scale(1)}@keyframes drift{0%{transform:translate3d(-50%,0,0) scale(1)}to{transform:translate3d(-50%,-3%,0) scale(1.06)}}[dir=rtl] .hero__wash{animation-name:drift-rtl}@keyframes drift-rtl{0%{transform:translate3d(50%,0,0) scale(1)}to{transform:translate3d(50%,-3%,0) scale(1.06)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.js .reveal,.js .reveal--scale{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-block-size:48px;padding:var(--s3) var(--s5);border-radius:var(--radius-full);border:1px solid transparent;font-weight:700;font-size:var(--text-base);line-height:1.2;white-space:nowrap;text-align:center;transition:background-color var(--dur-micro) var(--ease),border-color var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease),transform var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-2)}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn--ghost:hover{border-color:var(--accent);background:var(--surface-2)}.btn--quiet{background:transparent;color:var(--accent-text);padding-inline:var(--s3)}.btn--quiet:hover{background:var(--surface-2)}.btn--dark{background:var(--ink);color:#fff}.btn--dark:hover{background:#0e2b41}.btn--wa{background:var(--wa);color:#fff}.btn--wa:hover{background:#0e7a40}.btn--lg{min-block-size:56px;padding-inline:var(--s6);font-size:var(--text-lg)}.btn--sm{min-block-size:40px;padding:var(--s2) var(--s4);font-size:var(--text-sm)}.btn--block{inline-size:100%}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn__spin{inline-size:18px;block-size:18px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:spin .8s linear infinite}.icon{inline-size:20px;block-size:20px;flex:none}.hdr{position:fixed;inset-block-start:0;inset-inline:0;z-index:50;padding-block:var(--s3);padding-inline:var(--s4);pointer-events:none}.hdr__bar{pointer-events:auto;display:flex;align-items:center;gap:var(--s4);inline-size:100%;max-inline-size:1320px;margin-inline:auto;min-block-size:62px;padding-inline:var(--s5) var(--s2);border-radius:var(--radius-full);border:1px solid var(--line);background:color-mix(in oklab,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:var(--shadow-1);transition:box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),background-color var(--dur-base) var(--ease)}.hdr.is-scrolled .hdr__bar{background:color-mix(in oklab,var(--surface) 94%,transparent);border-color:color-mix(in oklab,var(--line-strong) 40%,var(--line));box-shadow:var(--shadow-3)}.brand{display:inline-flex;align-items:center;gap:var(--s2);flex:none;color:var(--ink)}.brand__mark{inline-size:34px;block-size:34px;flex:none}.brand__word{font-size:1.3rem;font-weight:800;line-height:1;letter-spacing:-.01em;white-space:nowrap}[dir=ltr] .brand__word{font-size:1.15rem;letter-spacing:-.03em}.hdr__nav{display:none;align-items:center;gap:var(--s5);margin-inline:auto;font-size:var(--text-sm);color:var(--muted);font-weight:500}.hdr__nav a{position:relative;padding-block:var(--s2);white-space:nowrap;transition:color var(--dur-micro) var(--ease)}.hdr__nav a:after{content:"";position:absolute;inset-block-end:2px;inset-inline:0;block-size:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform var(--dur-micro) var(--ease)}.hdr__nav a:hover,.hdr__nav a.active{color:var(--ink)}.hdr__nav a:hover:after,.hdr__nav a.active:after{transform:scaleX(1)}.hdr__actions{display:flex;align-items:center;gap:var(--s2);margin-inline-start:auto;flex:none}.hdr__icon,.hdr__lang{position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:40px;border-radius:var(--radius-full);border:1px solid var(--line);background:transparent;color:var(--ink-soft);transition:color var(--dur-micro) var(--ease),border-color var(--dur-micro) var(--ease),background-color var(--dur-micro) var(--ease)}.hdr__icon{inline-size:40px}.hdr__lang{min-inline-size:44px;padding-inline:var(--s3);font-size:var(--text-sm);font-weight:700;color:var(--ink)}.hdr__icon:hover,.hdr__lang:hover{color:var(--ink);border-color:var(--accent);background:var(--accent-soft)}.hdr__badge{position:absolute;inset-block-start:-4px;inset-inline-end:-4px;min-inline-size:19px;block-size:19px;padding-inline:5px;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:800;display:grid;place-items:center;font-family:var(--font-la);line-height:1}.hdr__menuBtn{display:inline-flex}@media(min-width:1040px){.hdr__nav{display:flex}.hdr__actions{margin-inline-start:0}.hdr__menuBtn{display:none}}@media(max-width:480px){.hdr{padding-inline:var(--s3)}.hdr__bar{padding-inline:var(--s4) var(--s2);gap:var(--s2)}.brand__mark{inline-size:28px;block-size:28px}.brand__word{font-size:1.12rem}.hdr__actions{gap:6px}.hdr__icon{inline-size:38px;block-size:38px}.hdr__lang{block-size:38px;min-inline-size:38px;padding-inline:var(--s2)}}@media(max-width:360px){.hdr__wish{display:none}}.sheet{position:fixed;inset:0;z-index:90}.sheet__backdrop{position:absolute;inset:0;background:color-mix(in oklab,var(--ink) 55%,transparent);animation:fade-in var(--dur-base) var(--ease)}.sheet__panel{position:absolute;inset-block-start:var(--s3);inset-inline:var(--s3);padding:var(--s5);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-3);animation:rise var(--dur-base) var(--ease);display:grid;gap:var(--s2)}.sheet__top{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--s2)}.sheet__link{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s2);font-size:var(--text-xl);font-weight:700;border-block-end:1px solid var(--line)}.sheet__link.active{color:var(--accent-text)}@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.hero{position:relative;padding-block-start:calc(var(--header-h) + clamp(32px,5vw,64px));padding-block-end:clamp(var(--s7),6vw,var(--s9));overflow:hidden}.hero__wash{position:absolute;inset-block-start:-34%;inset-inline-start:50%;inline-size:min(90vw,900px);aspect-ratio:1;background:radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--accent) 20%,transparent),transparent 64%);filter:blur(40px);pointer-events:none;transform:translate3d(-50%,0,0);animation:drift 22s var(--ease) infinite alternate}[dir=rtl] .hero__wash{transform:translate3d(50%,0,0)}.hero__inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s4);max-inline-size:900px;margin-inline:auto;padding-inline:var(--s5)}.hero__pill{display:inline-flex;align-items:center;gap:var(--s2);padding:6px var(--s4) 6px 6px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--line);font-size:var(--text-sm);color:var(--ink-soft);box-shadow:var(--shadow-1)}[dir=rtl] .hero__pill{padding:6px 6px 6px var(--s4)}.hero__pillTag{padding:2px 10px;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:var(--text-xs)}.hero__h1{font-size:var(--text-hero);font-weight:800;line-height:1.08;margin-block-start:var(--s3)}[dir=rtl] .hero__h1{line-height:1.26}.hero__h1 em{font-style:normal;color:var(--accent-text)}.hero__sub{font-size:var(--text-xl);color:var(--muted);max-inline-size:58ch;line-height:1.65}.hero__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3);margin-block-start:var(--s4)}.hero__trust{font-size:var(--text-sm);color:var(--muted);font-style:italic}.hero__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2) var(--s5);margin-block-start:var(--s3)}.hero__chip{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);font-weight:500;color:var(--ink-soft)}.hero__chipIcon{display:inline-flex;align-items:center;justify-content:center;inline-size:20px;block-size:20px;flex:none;border-radius:50%;background:var(--accent);color:var(--accent-ink)}.showcase{margin-block-start:clamp(48px,6vw,88px)}.showcase__viewport{position:relative;overflow:hidden;direction:ltr}.showcase__track{display:flex;inline-size:max-content;animation:showcase-scroll 48s linear infinite}[dir=rtl] .showcase__track{animation-name:showcase-scroll-rtl}.showcase__track:hover{animation-play-state:paused}@keyframes showcase-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-25%,0,0)}}@keyframes showcase-scroll-rtl{0%{transform:translate3d(-25%,0,0)}to{transform:translateZ(0)}}.showcase__row{display:flex;gap:16px;padding-inline:8px}.showcase__card{position:relative;flex:none;inline-size:clamp(200px,22vw,290px);aspect-ratio:.81;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-3);background:var(--surface-2);transition:transform var(--dur-base) var(--ease)}.showcase__card:hover{transform:translateY(-8px)}.showcase__img{inline-size:100%;block-size:100%;object-fit:cover}.showcase__scrim{position:absolute;inset:0;background:linear-gradient(to top,#140c04c7,#140c0447 38%,#140c0400 62%)}.showcase__text{position:absolute;inset-block-end:0;inset-inline:0;display:flex;flex-direction:column;gap:2px;padding:var(--s4);color:#fff}[dir=rtl] .showcase__text{direction:rtl;text-align:right}.showcase__category{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd1}[dir=rtl] .showcase__category{letter-spacing:0;text-transform:none}.showcase__title{font-size:var(--text-lg);font-weight:700;line-height:1.3;color:#fff}@media(prefers-reduced-motion:reduce){.showcase__viewport{overflow-x:auto;overscroll-behavior-inline:contain}.showcase__track{animation:none}.showcase__track>[aria-hidden=true]{display:none}}.grid{display:grid;gap:var(--s5)}.grid--products{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.grid--features{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}@media(max-width:560px){.grid--products{grid-template-columns:1fr 1fr;gap:var(--s3)}}.feature{display:grid;gap:var(--s3);align-content:start;padding:var(--s5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);transition:transform var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.feature:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--accent) 50%,var(--line));box-shadow:var(--shadow-3)}.feature__icon{inline-size:48px;block-size:48px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink)}.feature__title{font-size:var(--text-lg);font-weight:800}.feature__body{color:var(--muted);font-size:var(--text-sm)}.pcard{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-3);border-color:color-mix(in oklab,var(--accent) 40%,var(--line))}.pcard__media{position:relative;aspect-ratio:1;background:var(--bg-alt);overflow:hidden}.pcard__media img,.pcard__media svg{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .6s var(--ease)}.pcard:hover .pcard__media img,.pcard:hover .pcard__media svg{transform:scale(1.04)}.pcard__body{display:grid;gap:6px;padding:var(--s4);flex:1;align-content:start}.pcard__name{font-size:var(--text-lg);font-weight:800;line-height:1.3}.pcard__notes{font-size:var(--text-sm);color:var(--muted);line-height:1.5}.pcard__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-block-start:auto;padding-block-start:var(--s2)}.pcard__price{font-weight:800;font-size:var(--text-base)}.pcard__price small{font-weight:500;color:var(--muted);font-size:var(--text-xs);margin-inline-end:4px}.pcard__link:after{content:"";position:absolute;inset:0;z-index:1}.pcard__fav{position:absolute;inset-block-start:var(--s3);inset-inline-end:var(--s3);z-index:2}.pcard__tags{position:absolute;inset-block-start:var(--s3);inset-inline-start:var(--s3);z-index:2;display:flex;gap:6px;flex-wrap:wrap}@media(max-width:560px){.pcard__body{padding:var(--s3)}.pcard__name{font-size:var(--text-base)}.pcard__notes{display:none}}.favbtn{inline-size:40px;block-size:40px;border-radius:50%;border:1px solid var(--line);background:color-mix(in oklab,var(--surface) 92%,transparent);display:grid;place-items:center;color:var(--ink-soft);box-shadow:var(--shadow-1);transition:color var(--dur-micro) var(--ease),border-color var(--dur-micro) var(--ease),transform var(--dur-micro) var(--ease)}.favbtn:hover{border-color:var(--accent);color:var(--accent-text)}.favbtn.is-on{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 50%,var(--line))}.favbtn.is-on svg{fill:currentColor}.favbtn:active{transform:scale(.92)}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap}.pill--accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pill--soft{background:var(--surface-2);border-color:transparent;color:var(--accent-text)}.pill--ok{background:#e6f4ec;border-color:transparent;color:var(--ok)}.pill--warn{background:#fdecea;border-color:transparent;color:var(--warn)}.pill--dark{background:var(--ink);border-color:var(--ink);color:#fff}.roast{display:inline-flex;align-items:center;gap:3px}.roast i{inline-size:9px;block-size:9px;border-radius:50%;background:var(--line)}.roast i.on{background:#7a4a2a}.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.chip{display:inline-flex;align-items:center;gap:6px;min-block-size:40px;padding:6px var(--s4);border-radius:var(--radius-full);border:1px solid var(--line-strong);background:var(--surface);font-size:var(--text-sm);font-weight:600;color:var(--ink);transition:border-color var(--dur-micro) var(--ease),background-color var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease)}.chip:hover{border-color:var(--accent)}.chip[aria-pressed=true],.chip[aria-checked=true],.chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.chip[disabled]{opacity:.45;cursor:not-allowed;text-decoration:line-through}.chip small{font-weight:500;opacity:.75}.field{display:grid;gap:6px}.field__label{font-size:var(--text-sm);font-weight:700;color:var(--ink)}.field__label small{font-weight:500;color:var(--muted)}.field__hint{font-size:var(--text-xs);color:var(--muted)}.field__error{font-size:var(--text-xs);color:var(--warn);font-weight:600}.input,.select,.textarea{inline-size:100%;min-block-size:50px;padding:var(--s3) var(--s4);border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:var(--text-base);transition:border-color var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}.textarea{min-block-size:110px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--warn)}.input--ltr{direction:ltr;text-align:start}[dir=rtl] .input--ltr{text-align:right}.form-grid{display:grid;gap:var(--s4);grid-template-columns:1fr 1fr}.form-grid>.full{grid-column:1 / -1}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(var(--s5),3vw,var(--s6))}.notice{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);font-size:var(--text-sm)}.notice--ok{background:#e6f4ec}.notice--warn{background:#fdecea;color:#7a1f10}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--s4)}.modal__backdrop{position:absolute;inset:0;background:color-mix(in oklab,var(--ink) 62%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--dur-base) var(--ease)}.modal__panel{position:relative;inline-size:100%;max-inline-size:560px;max-block-size:min(88vh,900px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(24px,4vw,32px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);animation:rise var(--dur-base) var(--ease)}.modal__panel--wide{max-inline-size:760px}.modal__panel:focus{outline:none}.modal__close{position:absolute;inset-block-start:16px;inset-inline-end:16px;display:inline-flex;align-items:center;justify-content:center;inline-size:38px;block-size:38px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);transition:color var(--dur-micro) var(--ease),border-color var(--dur-micro) var(--ease)}.modal__close:hover{color:var(--ink);border-color:var(--line-strong)}.modal__title{font-size:var(--text-2xl);padding-inline-end:56px}.modal__sub{margin:8px 0 24px;font-size:var(--text-sm);color:var(--muted)}.fab{position:fixed;inset-block-end:24px;right:24px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:12px 24px;min-block-size:52px;border:0;border-radius:999px;background:var(--cta-bg);color:var(--accent-ink-lg);font-size:19px;font-weight:700;box-shadow:var(--shadow-3);transition:transform .3s var(--ease),opacity .3s var(--ease),background-color .15s var(--ease)}.fab:before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--cta-bg);animation:fab-ring 1.8s var(--ease) infinite;pointer-events:none}.fab__inner{display:inline-flex;align-items:center;gap:8px;animation:fab-pop 1.8s ease-in-out infinite}@keyframes fab-ring{0%{transform:scale(1);opacity:.65}to{transform:scale(1.6);opacity:0}}@keyframes fab-pop{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fab:hover:before,.fab:focus-visible:before,.fab:hover .fab__inner,.fab:focus-visible .fab__inner{animation-play-state:paused}.fab:hover{background:var(--cta-bg-hover);transform:translateY(-2px)}.fab:active{transform:translateY(0) scale(.98)}.fab.is-hidden{opacity:0;transform:translateY(140%);pointer-events:none;visibility:hidden}.fab.is-hidden:before,.fab.is-hidden .fab__inner{animation:none}@media(max-width:480px){.fab{inset-block-end:16px;right:16px;padding-inline:16px;gap:4px;min-block-size:50px}.fab__inner svg{inline-size:16px;block-size:16px}.fab:before{animation-name:fab-ring-sm}.fab__inner{animation-name:fab-pop-sm}}@keyframes fab-ring-sm{0%{transform:scale(1);opacity:.6}to{transform:scale(1.32);opacity:0}}@keyframes fab-pop-sm{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.fab:before,.fab__inner{animation:none}.fab:before{opacity:0}}.wa-float{position:fixed;inset-block-end:24px;left:24px;z-index:59;inline-size:52px;block-size:52px;border-radius:50%;display:grid;place-items:center;background:var(--wa);color:#fff;box-shadow:var(--shadow-3);transition:transform var(--dur-base) var(--ease),opacity var(--dur-base) var(--ease)}.wa-float:hover{transform:translateY(-2px)}.wa-float.is-hidden{opacity:0;transform:translateY(140%);visibility:hidden}@media(max-width:480px){.wa-float{inset-block-end:16px;left:16px;inline-size:50px;block-size:50px}}.footer{background:var(--bg-alt);padding-block:var(--s8) var(--s9);border-block-start:1px solid var(--line)}.footer__grid{display:grid;gap:var(--s6);grid-template-columns:1.4fr repeat(3,1fr)}@media(max-width:860px){.footer__grid{grid-template-columns:1fr 1fr}.footer__about{grid-column:1 / -1}}.footer__about p{color:var(--muted);font-size:var(--text-sm);margin-block-start:var(--s3);max-inline-size:38ch}.footer__h{font-size:var(--text-sm);font-weight:800;margin-block-end:var(--s3)}.footer__links{display:grid;gap:var(--s2);font-size:var(--text-sm);color:var(--muted)}.footer__links a:hover{color:var(--ink)}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s3);margin-block-start:var(--s7);padding-block-start:var(--s5);border-block-start:1px solid var(--line);font-size:var(--text-xs);color:var(--muted)}.footer__status{color:var(--accent-text);font-weight:600}.split{display:grid;gap:clamp(var(--s6),5vw,var(--s8));grid-template-columns:1.05fr 1fr;align-items:center}@media(max-width:860px){.split{grid-template-columns:1fr}}.photo{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-3);background:var(--surface-2)}.photo img{inline-size:100%;block-size:100%;object-fit:cover}.prose{display:grid;gap:var(--s4);color:var(--ink-soft);font-size:var(--text-lg);line-height:1.8}.offer{position:relative;display:grid;gap:var(--s3);padding:var(--s5);border-radius:var(--radius-lg);overflow:hidden;background:var(--ink);color:#fff;min-block-size:200px;align-content:end}.offer:before{content:"";position:absolute;inset-block-start:-60%;inset-inline-end:-30%;inline-size:340px;aspect-ratio:1;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 55%,transparent),transparent 65%);filter:blur(20px)}.offer>*{position:relative}.offer__tag{color:#ffb089;font-weight:700;font-size:var(--text-sm)}.offer__title{font-size:var(--text-2xl);color:#fff}.offer__body{color:#c3d3e0;font-size:var(--text-sm)}.offer--light{background:var(--surface-2);color:var(--ink)}.offer--light .offer__title{color:var(--ink)}.offer--light .offer__tag{color:var(--accent-text)}.offer--light .offer__body{color:var(--ink-soft)}.faq{display:grid;gap:var(--s3);max-inline-size:75ch}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:0 var(--s5);transition:border-color var(--dur-micro) var(--ease)}.faq details[open]{border-color:color-mix(in oklab,var(--accent) 45%,var(--line))}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-block:var(--s4);font-weight:700;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary svg{flex:none;transition:transform var(--dur-base) var(--ease);color:var(--accent-text)}.faq details[open] summary svg{transform:rotate(180deg)}.faq details p{padding-block-end:var(--s4);color:var(--muted)}.visit{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line)}.visit__body{padding:clamp(var(--s5),4vw,var(--s7));display:grid;gap:var(--s4);align-content:center}.visit__img{min-block-size:320px}.visit__img img{inline-size:100%;block-size:100%;object-fit:cover}@media(max-width:760px){.visit{grid-template-columns:1fr}.visit__img{min-block-size:220px;aspect-ratio:16 / 10}}.info-row{display:flex;gap:var(--s3);align-items:flex-start;color:var(--ink-soft)}.info-row svg{color:var(--accent-text);margin-block-start:3px}.menu-tabs{position:sticky;inset-block-start:calc(var(--header-h) - 6px);z-index:20;padding-block:var(--s3);background:color-mix(in oklab,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-block-end:var(--s5);overflow-x:auto;scrollbar-width:none}.menu-tabs .chips{flex-wrap:nowrap}.menu-cat{margin-block-end:var(--s7)}.menu-cat__title{font-size:var(--text-2xl);margin-block-end:var(--s4);display:flex;align-items:center;gap:var(--s3)}.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s7)}@media(max-width:760px){.menu-list{grid-template-columns:1fr}}.menu-item{display:grid;grid-template-columns:1fr auto;gap:2px var(--s3);padding-block:var(--s4);border-block-end:1px dashed var(--line-strong)}.menu-item__name{font-weight:700;font-size:var(--text-lg);display:flex;align-items:baseline;gap:var(--s2)}.menu-item__desc{grid-column:1 / -1;color:var(--muted);font-size:var(--text-sm)}.menu-item__price{font-weight:800;color:var(--accent-text);white-space:nowrap}.menu-item.is-out{opacity:.55}.shop-bar{display:grid;gap:var(--s4);margin-block-end:var(--s6)}.shop-bar__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}.shop-bar__label{font-size:var(--text-sm);font-weight:700;color:var(--muted);min-inline-size:64px}.shop-bar .select{inline-size:auto;min-block-size:40px;padding-block:6px;border-radius:var(--radius-full);font-size:var(--text-sm)}.count-line{color:var(--muted);font-size:var(--text-sm)}.pdp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--s6),5vw,var(--s8));align-items:start}@media(max-width:860px){.pdp{grid-template-columns:1fr}}.pdp__media{position:sticky;inset-block-start:calc(var(--header-h) + var(--s4));border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-alt);aspect-ratio:1;border:1px solid var(--line)}@media(max-width:860px){.pdp__media{position:relative;inset-block-start:0}}.pdp__media img,.pdp__media svg{inline-size:100%;block-size:100%;object-fit:cover}.pdp__info{display:grid;gap:var(--s5)}.pdp__title{font-size:var(--text-4xl)}.pdp__price{font-size:var(--text-3xl);font-weight:800;display:flex;align-items:baseline;gap:var(--s3)}.pdp__price small{font-size:var(--text-sm);color:var(--muted);font-weight:500}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.spec{padding:var(--s3);border-radius:var(--radius);background:var(--bg-alt);display:grid;gap:2px}.spec span{font-size:var(--text-xs);color:var(--muted)}.spec strong{font-size:var(--text-sm)}@media(max-width:480px){.specs{grid-template-columns:1fr 1fr}}.qty{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface)}.qty button{inline-size:44px;block-size:46px;border:0;background:transparent;font-size:1.2rem;font-weight:700;color:var(--ink);border-radius:var(--radius-full)}.qty button:hover{color:var(--accent-text)}.qty span{min-inline-size:30px;text-align:center;font-weight:800}.qty--sm button{inline-size:34px;block-size:34px}.buy-row{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}.buy-row .btn--primary{flex:1;min-inline-size:200px}.stock{font-size:var(--text-sm);font-weight:700;display:inline-flex;align-items:center;gap:6px}.stock:before{content:"";inline-size:8px;block-size:8px;border-radius:50%;background:currentColor}.stock--ok{color:var(--ok)}.stock--low{color:var(--accent-text)}.stock--out{color:var(--warn)}.bundle-hint{display:flex;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4);border-radius:var(--radius);border:1px dashed color-mix(in oklab,var(--accent) 60%,var(--line));background:var(--surface-2);font-size:var(--text-sm);font-weight:600}.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--s6);align-items:start}@media(max-width:960px){.cart-layout{grid-template-columns:1fr}}.cart-line{display:grid;grid-template-columns:88px 1fr auto;gap:var(--s4);align-items:center;padding-block:var(--s4);border-block-end:1px solid var(--line)}.cart-line__img{inline-size:88px;block-size:88px;border-radius:var(--radius);overflow:hidden;background:var(--bg-alt)}.cart-line__img img,.cart-line__img svg{inline-size:100%;block-size:100%;object-fit:cover}.cart-line__name{font-weight:800}.cart-line__meta{font-size:var(--text-sm);color:var(--muted)}.cart-line__side{display:grid;gap:var(--s2);justify-items:end}@media(max-width:520px){.cart-line{grid-template-columns:64px 1fr}.cart-line__img{inline-size:64px;block-size:64px}.cart-line__side{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center}}.summary{position:sticky;inset-block-start:calc(var(--header-h) + var(--s4));display:grid;gap:var(--s3)}.summary__row{display:flex;justify-content:space-between;gap:var(--s3);font-size:var(--text-sm);color:var(--ink-soft)}.summary__row--save{color:var(--ok);font-weight:700}.summary__row--total{font-size:var(--text-xl);font-weight:800;color:var(--ink);padding-block-start:var(--s3);border-block-start:1px solid var(--line)}.coupon{display:flex;gap:var(--s2)}.coupon .input{min-block-size:46px;text-transform:uppercase}.pay-opt{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer}.pay-opt:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,transparent)}.pay-opt input{accent-color:var(--accent);inline-size:18px;block-size:18px;margin-block-start:3px}.pay-opt strong{display:block}.pay-opt span{font-size:var(--text-sm);color:var(--muted)}.steps{display:grid;gap:var(--s3);counter-reset:s}.steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;gap:var(--s3);align-items:start}.steps li:before{content:counter(s);inline-size:34px;block-size:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800;display:grid;place-items:center;font-family:var(--font-la)}.copybox{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--radius);background:var(--bg-alt);border:1px solid var(--line);font-weight:800;direction:ltr}.timeline{display:flex;gap:var(--s2);flex-wrap:wrap}.timeline span{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--muted)}.timeline span.on{color:var(--ink);font-weight:700}.timeline span.on:before{background:var(--accent)}.timeline span:before{content:"";inline-size:10px;block-size:10px;border-radius:50%;background:var(--line)}.timeline span+span:after{content:none}.empty{display:grid;justify-items:center;gap:var(--s3);text-align:center;padding:var(--s8) var(--s4);color:var(--muted)}.empty__icon{inline-size:64px;block-size:64px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--accent-text)}.empty h2,.empty h3{color:var(--ink);font-size:var(--text-2xl)}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--bg-alt) 0%,#e9eef2 50%,var(--bg-alt) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.loader{display:grid;place-items:center;padding:var(--s9) 0}.loader span{inline-size:32px;block-size:32px;border-radius:50%;border:3px solid var(--line);border-block-start-color:var(--accent);animation:spin .8s linear infinite}.crumbs{display:flex;flex-wrap:wrap;gap:var(--s2);font-size:var(--text-sm);color:var(--muted);margin-block-end:var(--s5)}.crumbs a:hover{color:var(--ink)}.map{border:0;inline-size:100%;block-size:100%;min-block-size:320px;border-radius:var(--radius-lg);background:var(--bg-alt)}.toast{position:fixed;inset-block-end:96px;inset-inline:0;margin-inline:auto;inline-size:max-content;max-inline-size:calc(100vw - 32px);z-index:120;display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s3) var(--s3) var(--s5);border-radius:var(--radius-full);background:var(--ink);color:#fff;box-shadow:var(--shadow-3);font-size:var(--text-sm);font-weight:600;animation:rise var(--dur-base) var(--ease)}[dir=rtl] .toast{padding:var(--s3) var(--s5) var(--s3) var(--s3)}.toast a{color:#ffb089;font-weight:800;padding-inline:var(--s3)}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.chip.is-dim{opacity:.55}fieldset.card>legend{float:inline-start;inline-size:100%;padding:0!important;margin-block-end:var(--s4);font-size:var(--text-lg);font-weight:800}fieldset.card>legend+*{clear:both}.chip{white-space:nowrap}#main{min-block-size:100vh;min-block-size:100svh}.chip--ph{inline-size:92px;border-color:transparent;background:var(--bg-alt)}