@font-face{font-family:El Messiri;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/el-messiri-arabic-500-normal.e61d26aa.woff2) format("woff2"),url(/_next/static/media/el-messiri-arabic-500-normal.c9bd81c0.woff) format("woff")}@font-face{font-family:El Messiri;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/el-messiri-arabic-600-normal.cee04f52.woff2) format("woff2"),url(/_next/static/media/el-messiri-arabic-600-normal.f8355006.woff) format("woff")}@font-face{font-family:El Messiri;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/el-messiri-arabic-700-normal.45af3123.woff2) format("woff2"),url(/_next/static/media/el-messiri-arabic-700-normal.fd08dbac.woff) format("woff")}@font-face{font-family:El Messiri;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/el-messiri-latin-500-normal.3de52798.woff2) format("woff2"),url(/_next/static/media/el-messiri-latin-500-normal.a4e77937.woff) format("woff")}@font-face{font-family:El Messiri;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/el-messiri-latin-600-normal.e131fa82.woff2) format("woff2"),url(/_next/static/media/el-messiri-latin-600-normal.811dc3db.woff) format("woff")}@font-face{font-family:El Messiri;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/el-messiri-latin-700-normal.6c5d0890.woff2) format("woff2"),url(/_next/static/media/el-messiri-latin-700-normal.e0d0fc90.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-sans-arabic-arabic-400-normal.38ca8bfd.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-arabic-arabic-400-normal.6f06c484.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/ibm-plex-sans-arabic-arabic-500-normal.0010010b.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-arabic-arabic-500-normal.eb266b38.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/ibm-plex-sans-arabic-arabic-600-normal.5cb8243e.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-arabic-arabic-600-normal.a4ab1537.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/ibm-plex-sans-arabic-arabic-700-normal.3de711fd.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-arabic-arabic-700-normal.79d42d34.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/ibm-plex-sans-arabic-latin-400-normal.b6806de1.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-arabic-latin-400-normal.fd859050.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/ibm-plex-sans-arabic-latin-500-normal.eae03735.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-arabic-latin-500-normal.9947ea32.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/ibm-plex-sans-arabic-latin-600-normal.bd28e874.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-arabic-latin-600-normal.c93b1dd1.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/ibm-plex-sans-arabic-latin-700-normal.7b6a1bb2.woff2) format("woff2"),url(/_next/static/media/ibm-plex-sans-arabic-latin-700-normal.b8f1016b.woff) format("woff")}:root{--f-display:"El Messiri";--f-body:"IBM Plex Sans Arabic";--primary:#1F5C4A;--base:#F5EFE6;--accent:#C9A96E;--surface:#FFFFFF;--surface-2:#F6F5F1;--ink:#17201D;--muted:#5C6862;--line:#DCDDD5;--on-primary:#FFFFFF;--primary-soft:color-mix(in srgb,var(--primary) 12%,white);--ok:#2C7A4D;--ok-soft:#E1F0E6;--warn:#8A5A0C;--warn-soft:#FAEED6;--bad:#B0372D;--bad-soft:#F7E0DC;--info:#2D5B88;--info-soft:#E0E9F3;color-scheme:light}*{box-sizing:border-box}body,html{margin:0}body{background:var(--surface-2);color:var(--ink);font-family:var(--f-body),system-ui,sans-serif;font-size:15px;line-height:1.55}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}img,svg{max-width:100%}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.shell{max-width:560px;margin:0 auto;min-height:100dvh;background:var(--surface);display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--line)}.page{flex:1 1;padding:14px max(16px,env(safe-area-inset-left,0px)) 24px max(16px,env(safe-area-inset-right,0px));display:grid;grid-gap:18px;gap:18px;align-content:start}.head{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border-bottom:1px solid var(--line);padding:max(10px,env(safe-area-inset-top,0px)) 16px 10px}.logo{font-family:var(--f-display),serif;font-size:26px;font-weight:700;color:var(--primary);line-height:1}.logo small{font-family:var(--f-body);font-size:11px;color:var(--muted);font-weight:500;-webkit-margin-start:6px;margin-inline-start:6px}.iconbtn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);display:grid;place-items:center}.iconbtn svg{width:19px;height:19px}.iconbtn.lang{font-family:var(--f-body);font-weight:700;font-size:14px;color:var(--primary);cursor:pointer}.tabbar{position:-webkit-sticky;position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0)}.tabbar a{display:grid;justify-items:center;grid-gap:2px;gap:2px;padding:9px 0 8px;font-size:11.5px;font-weight:600;color:var(--muted)}.tabbar a[aria-current=page]{color:var(--primary)}.tabbar svg{width:21px;height:21px}h1,h2,h3{margin:0;line-height:1.3;text-wrap:balance}.title{font-size:23px}.sec,.title{font-family:var(--f-display),serif}.sec{font-size:19px}.h4{font-weight:700;font-size:14.5px;margin:0 0 8px}.muted{color:var(--muted);font-size:13px}.small{font-size:12.5px}.btn{border:0;border-radius:12px;padding:12px 16px;font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.btn.primary{background:var(--primary);color:var(--on-primary)}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn.block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.chip{flex:0 0 auto;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:8px 14px;min-height:38px;font-size:13px;font-weight:600;display:inline-flex;align-items:center}.chip[aria-current=true],.chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.hero{background:var(--primary);color:var(--on-primary);border-radius:18px;padding:16px;display:grid;grid-template-columns:112px 1fr;grid-gap:14px;gap:14px;align-items:center}.hero .art{background:rgba(255,255,255,.14);border-radius:14px;aspect-ratio:1;display:grid;place-items:center}.hero h2{font-family:var(--f-display),serif;font-size:22px;margin:2px 0 4px}.hero p{margin:0 0 10px;font-size:13px;opacity:.92}.hero .btn{background:var(--surface);color:var(--primary);min-height:40px;padding:8px 14px;font-size:14px}.price{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.price b{font-size:19px}.price s{opacity:.7;font-size:13px}.how{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.how div{border-top:3px solid var(--primary);padding-top:6px;font-size:12px;line-height:1.4}.how b{display:block;font-size:13px}.grid{grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.card,.grid{display:grid}.card{border:1px solid var(--line);border-radius:14px;padding:8px;grid-gap:3px;gap:3px;background:var(--surface)}.pimg{background:var(--base);border-radius:10px;aspect-ratio:1;display:grid;place-items:center}.pimg svg{width:64%;height:64%}.big,.pimg{overflow:hidden}.slogo{width:22px;height:22px;border-radius:50%;vertical-align:middle;-webkit-margin-end:6px;margin-inline-end:6px}.photo,.slogo{object-fit:cover}.photo{width:100%;height:100%;display:block}.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;grid-gap:8px;gap:8px;border-radius:16px}.gallery img{width:100%;aspect-ratio:1/1.1;object-fit:cover;scroll-snap-align:center;border-radius:16px;background:var(--base)}.pname{font-weight:600;font-size:13px;line-height:1.35}.pby,.pmeta{font-size:11.5px;color:var(--muted)}.pprice{font-weight:700;color:var(--primary)}.big{background:var(--base);border-radius:16px;aspect-ratio:1/.85;display:grid;place-items:center}.big svg{width:54%;height:64%}.lead{background:var(--primary-soft);border-radius:12px}.eta,.lead{padding:10px 12px;font-size:14px}.eta{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;display:grid;grid-gap:2px;gap:2px}.eta span{font-size:12.5px;color:var(--muted)}.jump{position:-webkit-sticky;position:sticky;top:63px;z-index:5;display:flex;gap:2px;background:var(--surface);border-bottom:1px solid var(--line);margin:0 -16px;padding:4px 12px;overflow-x:auto}.jump a{padding:9px 11px;font-weight:600;font-size:13px;color:var(--muted);white-space:nowrap}[id^=sec-]{scroll-margin-top:120px}.sizes{display:flex;gap:8px;flex-wrap:wrap}.sz{min-width:56px;min-height:48px;border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:6px 12px;font-weight:700;display:grid;justify-items:center}.sz small{font-weight:500;font-size:11px;color:var(--muted)}.sz[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft)}.sz[disabled]{opacity:.4}.spec{width:100%;border-collapse:collapse;font-size:13.5px}.spec td{padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:top}.spec td:first-child{color:var(--muted);width:38%}.rev{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;grid-gap:4px;gap:4px;font-size:13.5px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11.5px;border-radius:6px;padding:1px 8px;background:var(--surface-2);border:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:9px 0;font-size:14px}summary{font-weight:600;cursor:pointer}details p{margin:6px 0 0;color:var(--muted)}.sticky{position:-webkit-sticky;position:sticky;bottom:58px;z-index:4;border-top:1px solid var(--line);padding:10px 16px;margin:0 -16px;grid-gap:6px;gap:6px}.finder,.sticky{background:var(--surface);display:grid}.finder{border:1.5px solid var(--primary);border-radius:14px;padding:12px;grid-gap:8px;gap:8px}.line{display:grid;grid-template-columns:58px 1fr auto;grid-gap:10px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px}.line .pimg svg{width:74%;height:74%}.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.qty button{border:0;background:var(--surface-2);width:32px;height:32px;font-weight:700}.qty span{min-width:26px;text-align:center}.box{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;grid-gap:8px;gap:8px}.soon{text-align:center;justify-items:center;padding:28px 16px;gap:12px}.soon b{font-family:var(--f-display),serif;font-size:22px;color:var(--primary)}.soon .muted{max-width:34ch}.row{display:flex;justify-content:space-between;gap:10px;font-size:14px}.row.total{font-weight:700;font-size:16px;border-top:1px solid var(--line);padding-top:8px}.note{border-radius:12px;padding:10px 12px;font-size:13.5px}.note.warn{background:var(--warn-soft);color:var(--warn)}.note.ok{background:var(--ok-soft);color:var(--ok)}.note.info{background:var(--info-soft);color:var(--info)}.note.bad{background:var(--bad-soft);color:var(--bad)}.field{display:grid;grid-gap:4px;gap:4px;font-size:13px;color:var(--muted)}.field input,.field select{font:inherit;font-size:16px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}.field input[aria-invalid=true]{border-color:var(--bad)}.ferr{color:var(--bad);font-size:12.5px}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.radio{display:flex;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px;cursor:pointer}.radio:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.radio b{display:block}.tl,.tl>div{display:grid}.tl>div{grid-template-columns:24px 1fr;grid-gap:10px;gap:10px;padding-bottom:14px;position:relative;font-size:14px}.tl>div:before{content:"";position:absolute;inset-inline-start:11px;top:22px;bottom:0;width:2px;background:var(--line)}.tl>div:last-child:before{display:none}.tl i{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);background:var(--surface);font-style:normal;display:grid;place-items:center;font-size:12px}.tl .on i{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.sbox{display:flex;gap:8px}.sbox input{flex:1 1;min-width:0;font:inherit;font-size:16px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.label{font-size:12px;font-weight:600;color:var(--muted)}.foot{border-top:1px solid var(--line);padding-top:16px;display:grid;grid-gap:10px;gap:10px}.trust{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.trust div{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px 6px;font-size:12px;text-align:center;line-height:1.35}.links{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--primary);font-weight:600}.demo{background:var(--warn-soft);color:var(--warn);font-size:12px;text-align:center;padding:6px 12px}@media (min-width:900px){body{background:var(--surface-2)}.shell{max-width:1120px;box-shadow:none}.page{padding:24px 32px 40px;gap:22px}.grid{grid-template-columns:repeat(4,1fr);gap:16px}.how{max-width:760px}.page.product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;grid-auto-flow:row dense}.page.product>*{grid-column:2}.page.product>.big,.page.product>.gallery{grid-column:1;grid-row:1/span 40;align-self:start}.page.product>.big{position:-webkit-sticky;position:sticky;top:84px}.page.product>.gallery-hint{display:none}.page.product .gallery{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr 1fr;overflow:visible;scroll-snap-type:none}.page.product .gallery img:first-child{grid-column:1/-1}.page.product .sticky{border:0;padding:0}.page.product .jump,.page.product .sticky{position:static;margin:0}.page.narrow,.tabbar{max-width:600px;width:100%;margin:0 auto}.tabbar{border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0}}.notes{display:flex;flex-wrap:wrap;gap:4px}.notes span{font-size:11.5px;line-height:1.2;padding:3px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:600}.taste{display:grid;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface)}.taste .fam{display:grid;grid-gap:2px;gap:2px}.taste .fam b{font-family:var(--f-display),serif;font-size:17px;color:var(--primary)}.scale{display:grid;grid-template-columns:64px 1fr;align-items:center;grid-gap:4px 10px;gap:4px 10px}.scale .dots{display:flex;gap:5px}.scale .dots i{flex:1 1;height:8px;border-radius:4px;background:var(--line)}.scale .dots i.on{background:var(--primary)}.scale .ends{grid-column:2;display:flex;justify-content:space-between;margin-top:-2px}.per100{font-size:12.5px;color:var(--muted)}.trustbar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-gap:8px;gap:8px}.trustbar li{display:grid;justify-items:center;align-content:start;grid-gap:6px;gap:6px;text-align:center;font-size:12.5px;font-weight:600;line-height:1.35;padding:12px 8px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.trustbar .ti{width:40px;height:40px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.trustbar .ti svg{width:22px;height:22px}.families{display:grid;grid-gap:8px;gap:8px}.family{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:2px 10px;gap:2px 10px;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface)}.family b{font-family:var(--f-display),serif;font-size:17px;color:var(--primary)}.family .muted{grid-column:1;font-size:12.5px}.family .go{grid-row:1/span 2;grid-column:2;font-size:20px;color:var(--primary)}[dir=ltr] .family .go{transform:scaleX(-1)}.roaster{display:grid;grid-template-columns:56px 1fr;grid-gap:12px;gap:12px;align-items:center;border-radius:16px;padding:14px;background:var(--surface);border:1px solid var(--line)}.roaster .av{width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-family:var(--f-display),serif;font-size:22px;overflow:hidden}.roaster .av img{width:100%;height:100%;object-fit:cover}.roaster p{margin:4px 0 0;font-size:13px;color:var(--muted)}.cta-band{border-radius:16px;padding:16px;background:var(--accent);color:#24160F;display:grid;grid-gap:6px;gap:6px}.cta-band b{font-family:var(--f-display),serif;font-size:19px}.guides{display:grid;grid-gap:8px;gap:8px}.guide-link{display:grid;grid-gap:2px;gap:2px;border-bottom:1px solid var(--line);padding:10px 0}.guide-link b{font-size:15px}.article{display:grid;grid-gap:14px;gap:14px;line-height:1.75}.article h2{font-family:var(--f-display),serif;font-size:19px;margin:6px 0 0}.article ol,.article p,.article ul{margin:0}.article .short{background:var(--primary-soft);border-radius:14px;padding:12px 14px}.article .short b{display:block;color:var(--primary);margin-bottom:2px}.steps4{grid-gap:10px;counter-reset:s}.steps4,.steps4 div{display:grid;gap:10px}.steps4 div{grid-template-columns:34px 1fr;grid-gap:10px;align-items:start}.steps4 div:before{counter-increment:s;content:counter(s);width:34px;height:34px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-weight:700}