:root{--bg:#f7f3ee;--card:#fffdfa;--ink:#241f1a;--mut:#7d6b5b;--acc:#a87b4f;--acc2:#8a6239;--line:#e4d9cc}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
html[lang=ar] .en,html[lang=en] .ar{display:none!important}
.w{max-width:1040px;margin:0 auto;padding:0 24px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);direction:ltr}
.brand img{width:26px;height:26px}.brand span{font-size:13px;font-weight:600;letter-spacing:5px}
svg.i{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;font-size:15px;padding:13px 22px;border-radius:12px}
.b1{background:var(--ink);color:#f7f3ee}
.serif,html[lang=en] .h,.txt h2,html[lang=en] .q{font-family:"Cormorant Garamond",Georgia,serif}
.hd .w{display:flex;align-items:center;justify-content:space-between;height:76px}
.hr{display:flex;align-items:center;gap:6px}
.ico{width:40px;height:40px;display:grid;place-items:center;color:var(--mut)}.ico svg{width:20px;height:20px}
.lng{all:unset;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:5px 13px}
.hero2{padding:96px 0 88px}
.h{font-size:56px;line-height:1.2;font-weight:600;margin:0;letter-spacing:-.5px}
html[lang=en] .h{font-size:88px;line-height:1;font-weight:500;letter-spacing:-1.5px}
.h em{font-style:normal;color:var(--acc)}html[lang=en] .h em{font-style:italic}
.sub2{color:var(--mut);font-size:18px;margin:26px 0 0;max-width:520px}
.prod2,.about2,.ft{border-top:1px solid var(--line)}
.prod2{padding:80px 0}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.shot{background:#ece2d5;border-radius:6px;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.shot img{width:58%;border:7px solid #241f1a;border-radius:34px;box-shadow:0 30px 50px rgba(60,40,20,.22);display:block}
.no{font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;color:var(--acc)}
.txt h2{font-size:58px;font-weight:500;line-height:1;margin:4px 0 18px;letter-spacing:-.5px}
.txt p{color:var(--mut);font-size:17px;max-width:440px;margin:0 0 18px}
.txt .pr2{color:var(--ink);font-size:21px;font-weight:600;margin:0 0 22px;direction:ltr;text-align:start}
html[lang=ar] .txt .pr2{direction:rtl}
.pr2 span{color:var(--mut);font-weight:400;font-size:16px}
.acts{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.tl{color:var(--acc2);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.txt .note{font-size:13.5px;margin:18px 0 0}
.about2{padding:88px 0}
.q{font-size:32px;font-weight:600;line-height:1.4;margin:0 0 18px;max-width:760px}
html[lang=en] .q{font-size:46px;font-weight:500;font-style:italic;line-height:1.15}
.ab{color:var(--mut);font-size:17px;max-width:620px;margin:0}
.ft{padding:36px 0 calc(40px + env(safe-area-inset-bottom))}
.fl1{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.fl2{display:flex;gap:24px;flex-wrap:wrap}.fl2 a{color:var(--mut);text-decoration:none;font-size:14.5px}
.cp{color:var(--mut);font-size:13px;margin-top:18px}
@media(max-width:760px){.hero2{padding:64px 0 60px}.h{font-size:40px}html[lang=en] .h{font-size:58px}.g2{grid-template-columns:1fr;gap:36px}.txt h2{font-size:48px}.q{font-size:26px}html[lang=en] .q{font-size:34px}.prod2,.about2{padding:60px 0}}
/* header extras */
.cartb{position:relative;width:40px;height:40px;display:grid;place-items:center;color:var(--ink);text-decoration:none}
.cartb svg{width:21px;height:21px}
.cartb i{position:absolute;top:3px;inset-inline-end:1px;min-width:18px;height:18px;border-radius:9px;background:var(--acc);color:#fff;font-style:normal;font-size:11px;font-weight:700;display:none;place-items:center;padding:0 5px;line-height:18px;text-align:center}
.cartb i.on{display:grid}
.b2{background:transparent;color:var(--ink);border:1px solid var(--line)}
.added{display:none;font-size:13.5px;color:var(--acc2);margin-top:12px}
.added a{color:var(--acc2);font-weight:600}
/* product page */
.pp-hero{padding:72px 0 64px}
.pp-hero .g2{align-items:start}
.pp-hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:76px;font-weight:500;line-height:1;margin:6px 0 18px;letter-spacing:-1px}
.crumb{font-size:13.5px;color:var(--mut);text-decoration:none}
.duo{display:flex;gap:14px;justify-content:center;background:#ece2d5;border-radius:6px;padding:40px 16px}
.duo img{width:44%;border:6px solid #241f1a;border-radius:28px;box-shadow:0 20px 40px rgba(60,40,20,.2);display:block}
.duo img:nth-child(2n){margin-top:40px}
.list{border-top:1px solid var(--line);padding:64px 0}
.list h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:42px;font-weight:500;margin:0 0 26px}
html[lang=ar] .list h2{font-family:inherit;font-size:28px;font-weight:600}
.fl3{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.fl3 div{padding:16px 0;border-bottom:1px solid var(--line)}
.fl3 b{display:block;font-size:16px}.fl3 span{color:var(--mut);font-size:15px}
.faq2 details{border-bottom:1px solid var(--line);padding:4px 0}
.faq2 summary{cursor:pointer;list-style:none;font-weight:600;padding:14px 0;display:flex;justify-content:space-between;gap:12px}
.faq2 summary::-webkit-details-marker{display:none}
.faq2 summary::after{content:"+";color:var(--acc);font-size:22px;line-height:1}
.faq2 details[open] summary::after{content:"−"}
.faq2 p{margin:0 0 16px;color:var(--mut);max-width:640px}
@media(max-width:760px){.pp-hero{padding:44px 0 48px}.pp-hero h1{font-size:56px}.fl3{grid-template-columns:1fr}.list{padding:48px 0}}
/* cart page */
.cartp{padding:56px 0 80px}
.cartp h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:56px;font-weight:500;margin:0 0 28px;line-height:1}
html[lang=ar] .cartp h1{font-family:inherit;font-size:36px;font-weight:600}
.cg{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}
@media(max-width:820px){.cg{grid-template-columns:1fr;gap:36px}.cartp{padding:36px 0 60px}}
.ci{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.ci:first-child{border-top:1px solid var(--line)}
.ci img{width:56px;height:56px;border-radius:14px}
.ci .nm{flex:1;min-width:0}.ci .nm b{display:block}.ci .nm span{color:var(--mut);font-size:14px}
.qs{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px}
.qs button{all:unset;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;color:var(--acc2);font-size:18px}
.qs span{min-width:22px;text-align:center;font-weight:600}
.rm{all:unset;cursor:pointer;color:var(--mut);font-size:13px;text-decoration:underline}
.sum{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;font-size:15px;color:var(--mut)}
.sum b{font-size:24px;color:var(--ink)}
.empty{padding:28px 0;color:var(--mut);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.empty a{color:var(--acc2);font-weight:600}
.form h3{font-size:17px;margin:0 0 4px}.form .hint{color:var(--mut);font-size:14px;margin:0 0 18px}
.form label{display:block;font-size:13.5px;color:var(--mut);margin:14px 0 6px}
.form label em{font-style:normal;color:var(--acc)}
.form input,.form textarea{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:0}
.form input:focus,.form textarea:focus{border-color:var(--acc)}
.form .ltr{direction:ltr;text-align:start}
html[lang=ar] .form .ltr{text-align:right}
.form .err{color:#a33a2c;font-size:13px;min-height:18px;margin-top:6px}
.form .btn{width:100%;margin-top:18px;border:0;cursor:pointer;font-family:inherit}
.form .btn[disabled]{opacity:.6;cursor:default}
.form .fine{color:var(--mut);font-size:13px;margin:14px 0 0;line-height:1.6}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.done{max-width:560px;padding:20px 0}
.done .ck{width:58px;height:58px;border-radius:50%;background:#e5efe2;color:#2f6b3a;display:grid;place-items:center;margin-bottom:18px}
.done .ck svg{width:28px;height:28px}
.done h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:48px;font-weight:500;margin:0 0 10px;line-height:1.05}
html[lang=ar] .done h2{font-family:inherit;font-size:32px;font-weight:600}
.done p{color:var(--mut);font-size:17px;margin:0 0 10px}
.done .on{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--ink);font-weight:600;direction:ltr;unicode-bidi:isolate}
.done .btn{margin-top:14px}
.txt .added{font-size:14px;margin:14px 0 0}
.txt .pr2{line-height:1.5}

.lede{color:var(--mut);font-size:17px;max-width:680px;margin:0 0 22px}
.how{list-style:none;counter-reset:h;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.how li{counter-increment:h;padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px 1fr;row-gap:2px}
.how li::before{content:counter(h);grid-row:span 2;font-family:"Cormorant Garamond",Georgia,serif;font-size:26px;color:var(--acc);line-height:1.1}
.how b{font-size:16px}.how li>span{color:var(--mut);font-size:15px}
@media(max-width:760px){.how{grid-template-columns:1fr}}
.trust2{color:var(--acc2);font-size:14.5px;font-weight:600;margin:-6px 0 22px}

.agr2{display:flex!important;gap:10px;align-items:flex-start;margin:18px 0 0!important;font-size:14px!important;color:var(--mut);cursor:pointer;line-height:1.6}
.agr2 input{width:20px!important;height:20px;flex:none;margin:2px 0 0;accent-color:var(--acc);padding:0!important}
.agr2 a{color:var(--acc2);font-weight:600}
.terms{padding:56px 0 80px}.terms .w{max-width:760px}
.terms h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:60px;font-weight:500;line-height:1;margin:8px 0 10px}
html[lang=ar] .terms h1{font-family:inherit;font-size:38px;font-weight:600}
.upd{color:var(--mut);font-size:14px;margin:0 0 30px}
.tl2{margin:0;padding:0;list-style:none;counter-reset:t}
.tl2 li{counter-increment:t;padding:18px 0;border-top:1px solid var(--line)}
.tl2 h3{font-size:17px;margin:0 0 6px}.tl2 h3::before{content:counter(t) ". ";color:var(--acc)}
.tl2 p{margin:0;color:var(--mut);font-size:15.5px;line-height:1.8}