@font-face{font-family:'Amiri';font-weight:700;font-display:swap;src:url(fonts/amiri-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Amiri';font-weight:700;font-display:swap;src:url(fonts/amiri-700-latin.woff2) format('woff2');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}
@font-face{font-family:'Tajawal';font-weight:400;font-display:swap;src:url(fonts/tajawal-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';font-weight:400;font-display:swap;src:url(fonts/tajawal-400-latin.woff2) format('woff2');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}
@font-face{font-family:'Tajawal';font-weight:700;font-display:swap;src:url(fonts/tajawal-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';font-weight:700;font-display:swap;src:url(fonts/tajawal-700-latin.woff2) format('woff2');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}
@font-face{font-family:'Tajawal';font-weight:800;font-display:swap;src:url(fonts/tajawal-800-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Tajawal';font-weight:800;font-display:swap;src:url(fonts/tajawal-800-latin.woff2) format('woff2');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{--cream:#fbf6ec;--cream2:#f3ead8;--teal:#0f5c5a;--teal2:#16807c;--gold:#c79a3b;--gold2:#e9d29b;--ink:#2a2a28;--muted:#6d6a62;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Tajawal',system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.75;font-size:17px;overflow-x:hidden}
img{max-width:100%;display:block}a{color:var(--teal)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:8px}
.top{position:sticky;top:0;z-index:10;background:rgba(251,246,236,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--cream2)}
.top-in{display:flex;align-items:center;justify-content:space-between;height:62px;gap:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--teal);font-weight:800;font-size:20px;white-space:nowrap}
.logo-mark{width:36px;height:36px;border-radius:50%;background:var(--teal);color:var(--gold2);display:grid;place-items:center;font-family:'Amiri',serif;font-size:22px;line-height:1}
nav{display:flex;gap:16px}nav a{text-decoration:none;color:var(--ink);font-size:15px;font-weight:700}
.hero{background:radial-gradient(120% 90% at 50% 0%,#14706d 0%,var(--teal) 55%,#0b4645 100%);color:#fff;text-align:center;padding:64px 0 72px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:28px;background:var(--cream);border-radius:50% 50% 0 0/100% 100% 0 0}
.eyebrow{display:inline-block;margin:0 0 14px;padding:4px 14px;border:1px solid rgba(233,210,155,.5);border-radius:99px;color:var(--gold2);font-size:14px}
.hero h1{font-family:'Amiri',serif;font-size:clamp(46px,11vw,76px);line-height:1.25;margin:0;color:#fff}
.tagline{font-size:clamp(19px,4.6vw,24px);font-weight:700;color:var(--gold2);margin:6px 0 14px}
.mission{max-width:560px;margin:0 auto 26px;color:#e3efee;font-size:16px}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 24px;border-radius:99px;font-weight:800;font-size:16px;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:inherit}
.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:#b48729}
.hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}
.btn-ghost{color:var(--teal);border-color:var(--teal);background:transparent}
.btn-wa{background:var(--teal);color:#fff}.btn-wa:hover{background:var(--teal2)}
.sec{padding:56px 0}.sec-tint{background:var(--cream2)}
h2{font-family:'Amiri',serif;color:var(--teal);font-size:clamp(30px,7vw,40px);margin:0 0 6px;line-height:1.3}
h2::after{content:"";display:block;width:56px;height:3px;background:var(--gold);border-radius:3px;margin-top:8px}
.lead{color:var(--muted);margin:0 0 26px}
.series{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.s-card{background:#fff;border:1px solid #eadfc8;border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:6px}
.s-card h3{margin:4px 0 0;color:var(--teal);font-size:20px}.s-card p{margin:0;color:var(--muted);font-size:15px;flex:1}
.s-ico{width:46px;height:46px;border-radius:14px;background:var(--cream);border:1px solid var(--gold2);color:var(--gold);display:grid;place-items:center;font-family:'Amiri',serif;font-size:24px}
.chip{align-self:flex-start;margin-top:10px;font-size:13px;font-weight:700;padding:3px 12px;border-radius:99px}
.chip-soon{background:#f6ecd4;color:#8a6516}.chip-ok{background:#dcefed;color:var(--teal)}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.p-card{background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid #eadfc8;display:flex;flex-direction:column;box-shadow:0 6px 20px rgba(15,92,90,.06)}
.p-img{position:relative;background:var(--cream);aspect-ratio:4/4.4;overflow:hidden}
.p-img img{width:100%;height:100%;object-fit:cover;object-position:top}
.ribbon{position:absolute;top:14px;right:14px;background:var(--gold);color:#fff;font-weight:800;font-size:14px;padding:4px 14px;border-radius:99px}
.p-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.p-series{margin:0;color:var(--gold);font-weight:700;font-size:14px}
.p-body h3{margin:0;color:var(--teal);font-size:21px;line-height:1.45}
.p-desc{margin:0;color:var(--muted);font-size:15px;flex:1}
.p-price{margin:4px 0;font-size:24px;font-weight:800;color:var(--ink)}.p-price small{font-size:14px;color:var(--muted);font-weight:400}
.name-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:var(--teal)}
.name-field input{font:inherit;font-weight:400;font-size:16px;padding:10px 14px;border:1.5px solid #dccfb3;border-radius:12px;background:var(--cream)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.steps li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #eadfc8;border-radius:var(--r);padding:18px}
.steps .n{flex:none;width:40px;height:40px;border-radius:50%;background:var(--teal);color:var(--gold2);display:grid;place-items:center;font-weight:800;font-size:19px}
.steps h3{margin:0;font-size:18px;color:var(--teal)}.steps p{margin:2px 0 0;color:var(--muted);font-size:15px}
.about p{max-width:720px;font-size:17px}.dua{color:var(--teal);font-weight:700}
details{background:#fff;border:1px solid #eadfc8;border-radius:14px;margin-bottom:10px;padding:0 18px}
summary{cursor:pointer;font-weight:800;color:var(--teal);padding:14px 0;list-style:none}
summary::-webkit-details-marker{display:none}summary::before{content:"+";color:var(--gold);font-weight:800;margin-left:10px}
details[open] summary::before{content:"–"}details p{margin:0 0 14px;color:var(--muted)}
.legal dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:12px 0 0}
.legal dt{font-weight:700;color:var(--teal)}.legal dd{margin:0}.todo{color:#a3762a;font-style:italic}
.muted{color:var(--muted);font-size:14px}
.foot{background:var(--teal);color:#e3efee;text-align:center;padding:28px 0 90px;font-size:15px}
.foot a{color:var(--gold2)}.foot .muted{color:#b9d3d1}
.wa-float{position:fixed;bottom:18px;left:18px;z-index:20;background:#1f8f5f;color:#fff;font-weight:800;text-decoration:none;padding:12px 20px;border-radius:99px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
@media (max-width:560px){nav{display:none}.sec{padding:44px 0}.hero{padding:48px 0 64px}.legal dl{grid-template-columns:1fr}.legal dd{margin-bottom:8px}}

/* ===== تفاصيل المنتج ===== */
.pay-note{background:#fff8e8;border:1px solid #ecd9a8;border-radius:14px;padding:.8rem 1rem;margin:0 0 1.2rem;font-size:.95rem;line-height:1.8}
.pay-note-end{margin:1.4rem 0 0}
.pay-note a{color:#0f5c5a;font-weight:700}
.p-more{margin:.2rem 0 1rem;border:1px solid #e6ddcc;border-radius:14px;background:#fffdf8;overflow:hidden}
.p-more>summary{cursor:pointer;list-style:none;padding:.75rem 1rem;font-weight:700;color:#0f5c5a;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.p-more>summary::-webkit-details-marker{display:none}
.p-more>summary::after{content:"＋";font-size:1.1rem;line-height:1}
.p-more[open]>summary::after{content:"－"}
.p-more>summary:focus-visible{outline:3px solid #d9a441;outline-offset:-3px}
.p-more-in{padding:0 1rem 1rem}
.p-more h4{margin:1rem 0 .5rem;font-size:1rem;color:#0f5c5a}
.specs{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.specs li{display:flex;gap:.6rem;align-items:baseline;background:#f6f1e6;border-radius:10px;padding:.45rem .7rem;font-size:.93rem;line-height:1.6}
.specs b{min-width:6.2em;color:#5b4a2e;flex-shrink:0}
.learn{margin:0;padding-inline-start:1.2rem;line-height:1.8;font-size:.95rem}
.learn li{margin-bottom:.2rem}
.learn li::marker{color:#d9a441}
.gallery{display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem;-webkit-overflow-scrolling:touch}
.g-item{flex:0 0 46%;max-width:180px;scroll-snap-align:start;border:1px solid #e6ddcc;border-radius:10px;padding:0;background:#fff;cursor:zoom-in;overflow:hidden}
.g-item:focus-visible{outline:3px solid #d9a441}
.g-item img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.g-note{font-size:.8rem;color:#7a6c55;margin:.4rem 0 0}
#lightbox{border:0;padding:0;background:transparent;max-width:96vw;max-height:94vh}
#lightbox::backdrop{background:rgba(20,30,30,.82)}
#lightbox img{display:block;max-width:96vw;max-height:90vh;width:auto;height:auto;border-radius:8px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.lb-close{position:fixed;top:.8rem;left:.8rem;width:2.6rem;height:2.6rem;border-radius:50%;border:0;background:#fff;color:#0f5c5a;font-size:1.2rem;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.policy ul{line-height:1.9;padding-inline-start:1.2rem}
.p-more{padding:0}.p-more>summary::before{content:none}.p-more>summary{font-size:.98rem}.g-item{flex-basis:42%}
.p-more>summary::before,.p-more[open]>summary::before{content:none!important;display:none}