html{scroll-behavior:smooth}
body.store{--g:#123D33;--pearl:#FBFAF6;--gold:#C9A96B;--gd:#8A6A2F;--sage:#E3EAE3;--ink:#17261F;background:var(--pearl);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;line-height:1.8}
.store h1,.store h2,.store h3,.store .nm{font-family:Amiri,'Noto Naskh Arabic',serif;font-weight:700;line-height:1.4}
.store main{max-width:none;padding:0}
.store header{background:var(--g);border:0;padding:10px 20px}
.brand{display:flex;align-items:center;gap:10px}.brand img{width:38px;height:38px}
.brand b{font:600 24px/1 'Cormorant Garamond',serif;letter-spacing:.3em;color:var(--pearl)}
.store #cb{background:transparent;border:1px solid var(--gold);color:var(--gold);border-radius:99px;padding:8px 16px}
.store #ann{background:var(--gold);color:var(--g);font-weight:500}
.store button,.store .btn{background:var(--g);color:var(--pearl);border-radius:99px;padding:12px 28px;font-weight:600;font-family:inherit;transition:background .2s}
.store button:hover,.store .btn:hover{background:#1B5446}
.store button.alt,.store .btn.alt{background:transparent;color:var(--g);border:1px solid var(--g)}
.store :focus-visible{outline:2px solid var(--gd);outline-offset:2px}
.hero2{background:var(--g);color:var(--pearl);overflow:hidden}
.hero2 .in{max-width:1080px;margin:auto;padding:56px 20px 72px;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hero2 h1{font-size:clamp(34px,6vw,60px);margin:0 0 16px}.hero2 p{color:#cfdcd4;max-width:34ch;margin:0 0 24px;font-size:17px}
.halo{position:relative;display:grid;place-items:center;min-height:320px}
.halo::before{content:'';position:absolute;width:96%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ecd9a8 0%,rgba(201,169,107,.32) 42%,transparent 68%);animation:glow 2.4s ease-out both}
@keyframes glow{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.arch{border-radius:999px 999px 14px 14px;overflow:hidden;background:var(--sage);aspect-ratio:3/4}
.arch img{width:100%;height:100%;object-fit:contain;padding:9%;mix-blend-mode:multiply;display:block}
.halo .arch{position:relative;width:min(290px,72%);box-shadow:0 0 0 1px var(--gold),0 0 0 10px rgba(201,169,107,.2)}
.trust{display:flex;justify-content:center;flex-wrap:wrap;border-bottom:1px solid #dfe5dd}
.trust span{padding:14px 26px;font-size:14px;color:var(--gd);font-weight:500}.trust span+span{border-inline-start:1px solid var(--gold)}
.sec{max-width:1000px;margin:0 auto;padding:44px 20px}
.sec h2{font-size:30px;margin:0 0 24px}.sec h2::after{content:'';display:block;width:48px;height:2px;background:var(--gold);margin-top:8px}
.store .grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:30px 18px}
.pc{display:block;text-align:center}.pc .arch{transition:box-shadow .3s}.pc:hover .arch{box-shadow:0 0 0 1px var(--gold),0 0 0 7px rgba(201,169,107,.18)}
.pc .nm{font-size:18px;margin:12px 4px 2px;min-height:2.8em}.store .price{color:var(--gd);font-weight:600}
.about p{max-width:60ch;font-size:17px}
.store details{background:none;border:0;border-bottom:1px solid #d9dfd6;border-radius:0;padding:14px 4px}.store summary{cursor:pointer;font-weight:600}
.store .pg{gap:36px}.store .pg .arch{max-width:420px;margin:auto}.store .th img{border-radius:50%;width:52px;height:52px}
.store .desc{max-width:60ch;margin-top:20px}.store .desc ul{padding-inline-start:20px}
.store input,.store select,.store textarea{border-color:#cfd7cd;background:#fff;border-radius:10px}.store input:focus,.store textarea:focus{border-color:var(--gd);outline:0}
.store .zone div{border-color:#cfd7cd;border-radius:14px}.store .zone .on{border-color:var(--g);background:var(--sage)}
.store #dr{background:var(--pearl)}.store .tot{border-color:var(--gold)}
.store .modal>div{border-radius:20px}
.store footer{background:var(--g);color:#bccfc4;padding:32px 16px}.store footer a{color:var(--gold)}
@media(max-width:760px){.hero2 .in{grid-template-columns:1fr;text-align:center}.hero2 p{margin-inline:auto 0;margin-inline:auto}.halo{min-height:280px}}
@media(prefers-reduced-motion:reduce){.halo::before{animation:none}html{scroll-behavior:auto}}

.nav{display:flex;gap:22px}.nav a{color:#cfdcd4;font-size:15px}.nav a:hover{color:var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.store .chip{background:transparent;color:var(--g);border:1px solid var(--g);padding:6px 18px}.store .chip.on{background:var(--g);color:var(--pearl)}
.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-8px 0 18px;color:var(--gd)}.bar select{width:auto;margin:0;padding:8px 12px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.steps div{border-top:2px solid var(--gold);padding-top:12px}.steps b{font:700 34px Amiri,serif;color:var(--gd)}.steps h3{margin:0}.steps p{margin:4px 0 0;color:#4b5a53}
.bnav{display:none}.fl{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:12px 0}
@media(max-width:760px){.nav{display:none}body.store{padding-bottom:62px}.bnav{display:flex;position:fixed;bottom:0;inset-inline:0;background:var(--g);z-index:8;justify-content:space-around;align-items:center;height:56px;border-top:1px solid var(--gold)}.bnav a,.store .bnav button{color:var(--pearl);background:none;padding:8px;font-size:14px;border-radius:0;font-weight:500}.store .bnav button:hover{background:none;color:var(--gold)}}

.hero2{background:linear-gradient(180deg,#E6EFE9,#FBFAF6);color:var(--ink)}.hero2 p{color:#3f5148}
.halo::before{background:radial-gradient(circle,rgba(236,217,168,.9) 0%,rgba(201,169,107,.25) 45%,transparent 70%)}
.store button,.store .btn{min-height:48px;font-size:16px}
.trust{background:#fff}.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.why div{background:#fff;border:1px solid #e3e9e1;border-radius:14px;padding:16px}.why h3{margin:0 0 4px;color:var(--g)}.why p{margin:0;font-size:15px;color:#4b5a53}
.ok{list-style:none;padding:0;margin:16px 0}.ok li{padding:4px 0}.ok li::before{content:"✓";color:var(--g);font-weight:700;margin-inline-end:8px}
.assure{background:#EAF3EE;border:1px solid #cfe1d6;border-radius:12px;padding:12px 16px;margin-bottom:20px;color:var(--g)}
.note{font-size:13px;color:#6b7a72;text-align:center;margin:8px 0 0}
.wa{position:fixed;inset-inline-end:14px;bottom:76px;background:#1f9d55;color:#fff;border-radius:99px;padding:10px 18px;font-weight:600;z-index:7;box-shadow:0 4px 14px #0003}
.sticky{display:none}
@media(max-width:760px){.sticky{display:flex;justify-content:space-between;align-items:center;gap:12px;position:fixed;bottom:56px;inset-inline:0;background:#fff;border-top:1px solid #e3e9e1;padding:8px 16px;z-index:7}.sticky b{color:var(--gd);font-size:18px}.sticky button{flex:1}body.store{padding-bottom:128px}.wa{bottom:130px}}
@media(min-width:761px){.wa{bottom:20px}}

.offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:14px 0}
.offer{border:2px solid #cfd7cd;border-radius:14px;padding:10px;text-align:center;cursor:pointer;background:#fff}.offer.on{border-color:var(--g);background:#EAF3EE}
.offer b{display:block}.offer span{color:var(--gd);font-weight:700}.offer small{display:block;color:#15803d}