html{scroll-behavior:smooth}
body.store{--g:#123D33;--pearl:#F5F6F2;--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}}
