:root{--ink:#26160e;--brown:#4a2718;--deep:#1b100b;--gold:#c99943;--gold2:#e4c176;--cream:#f7f0df;--sand:#ead9b8;--green:#263d2a;--white:#fffdf8;--shadow:0 24px 60px rgba(42,22,11,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Tajawal",sans-serif;line-height:1.8;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.announcement{background:linear-gradient(90deg,#8b6223,#d2a851,#8b6223);color:#1c1008;text-align:center;font-weight:800;padding:.42rem 1rem;font-size:.92rem;letter-spacing:.02em}.site-header{height:92px;padding:0 clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;background:rgba(250,246,235,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(91,54,27,.12);backdrop-filter:blur(14px)}.brand img{width:142px;height:76px;object-fit:cover;object-position:center}.site-header nav{display:flex;gap:2rem;font-weight:700}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;right:0;bottom:.1rem;width:0;height:1px;background:var(--gold);transition:.3s}.site-header nav a:hover:after{width:100%}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:2px;font:700 1rem "Tajawal";padding:.75rem 1.35rem;transition:transform .25s,box-shadow .25s,background .25s}.header-cta{background:var(--deep);color:var(--gold2)}.header-cta:hover,.button:hover{transform:translateY(-2px)}.menu-toggle{display:none;background:transparent;border:0;font-size:1.6rem;color:var(--ink)}
.hero{min-height:calc(100vh - 126px);position:relative;display:grid;align-items:center;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/hero.jpg") center 55%/cover no-repeat;z-index:-3}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,16,11,.1) 0%,rgba(27,16,11,.35) 42%,rgba(27,16,11,.92) 100%);z-index:-2}.hero-content{width:min(1240px,90%);margin:auto;color:var(--white);padding:6rem 0}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:.6rem;color:var(--gold2);font-weight:800;letter-spacing:.08em}.eyebrow:before,.section-kicker:before{content:"";width:34px;height:1px;background:currentColor}.hero h1{font:700 clamp(3.2rem,7vw,7rem)/1.15 "Aref Ruqaa",serif;margin:1rem 0 1.2rem;max-width:750px}.hero h1 em{font-style:normal;color:var(--gold2)}.hero-content>p{font-size:clamp(1.05rem,1.6vw,1.32rem);max-width:590px;color:#f3e7d0}.hero-actions{display:flex;gap:1rem;margin:2rem 0}.button-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#21130c;box-shadow:0 12px 30px rgba(201,153,67,.25)}.button-ghost{color:var(--white);border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.06)}.button-dark{background:var(--deep);color:var(--gold2)}.hero-points{display:flex;flex-wrap:wrap;gap:1.6rem;color:#ebdac0;font-size:.95rem}.hero-points span:before{content:"✦";color:var(--gold2);margin-left:.45rem}.arabesque{position:absolute;border:1px solid rgba(227,193,118,.22);width:310px;height:310px;transform:rotate(45deg);left:-170px;bottom:-170px}.arabesque:after{content:"";position:absolute;inset:22px;border:1px solid rgba(227,193,118,.2)}
.heritage-strip{background:var(--deep);color:var(--cream);display:flex;justify-content:center;align-items:center;gap:clamp(1rem,6vw,6rem);padding:1.3rem}.heritage-strip div:not(.diamond){display:flex;gap:.65rem;align-items:baseline}.heritage-strip strong{font:700 1.5rem "Aref Ruqaa"}.heritage-strip span{color:#cdbb9e;font-size:.9rem}.diamond{color:var(--gold);font-size:.65rem}.section{padding:clamp(4.5rem,9vw,8rem) clamp(1rem,7vw,7rem)}.story,.product{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,7vw,7rem);align-items:center;max-width:1500px;margin:auto}.section-kicker{color:#9a6b25}.story h2,.product h2,.section-heading h2,.order h2{font:700 clamp(2.4rem,4.4vw,4.6rem)/1.25 "Aref Ruqaa",serif;margin:.7rem 0 1.4rem}.story-copy>p{font-size:1.12rem;color:#5a4639;max-width:620px}.note{font-size:.93rem!important;padding:1rem 1.2rem;border-right:3px solid var(--gold);background:#efe4cf}.text-link{font-weight:800;color:#895c21}.story-visual{position:relative}.story-visual img{aspect-ratio:4/5;object-fit:cover;box-shadow:var(--shadow)}.seal{position:absolute;left:-35px;bottom:45px;background:var(--deep);color:var(--gold2);width:118px;height:118px;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid var(--gold);font:700 1.45rem "Aref Ruqaa";box-shadow:0 0 0 8px rgba(255,255,255,.6)}.seal small{font:500 .7rem "Tajawal"}.product{background:#efe2c8;max-width:none}.product-image img{width:100%;max-height:760px;object-fit:cover;box-shadow:var(--shadow)}.lead{font-size:1.2rem;color:#5b4434}.feature-list{list-style:none;padding:0;margin:2rem 0}.feature-list li{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(59,34,19,.12)}.feature-list li>span{font:700 1.1rem "Aref Ruqaa";color:#a6752e}.feature-list strong,.feature-list small{display:block}.feature-list strong{font-size:1.1rem}.feature-list small{color:#715b4c}.quality{background:var(--deep);color:var(--cream);position:relative}.quality:before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(45deg,transparent 45%,#d9af62 45%,#d9af62 55%,transparent 55%);background-size:60px 60px}.section-heading{position:relative;text-align:center;max-width:780px;margin:0 auto 3.2rem}.section-heading h2{margin-bottom:.6rem}.quality-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1350px;margin:auto}.quality-card{border:1px solid rgba(231,198,132,.25);padding:2.2rem 1.5rem;background:rgba(255,255,255,.035);min-height:230px}.quality-card .icon{color:var(--gold2);font-size:2rem}.quality-card h3{font:700 1.5rem "Aref Ruqaa";color:var(--gold2);margin:.7rem 0}.quality-card p{color:#cfbea7}.gallery{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:1rem;background:#e7d5b6}.gallery img{width:100%;height:620px;object-fit:cover}.gallery img:nth-child(2){transform:translateY(-30px)}.reviews{background:#fbf7ec}.demo-notice{font-size:.88rem;color:#7a6658;background:#f0e7d6;padding:.55rem 1rem;border-radius:4px}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;max-width:1250px;margin:auto}.review-card{padding:1.8rem;background:#fff;border:1px solid #e9dcc4;box-shadow:0 15px 38px rgba(50,30,16,.07)}.review-head{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-content:center;background:linear-gradient(135deg,#3b2417,#a47835);color:var(--gold2);font:700 1.35rem "Aref Ruqaa"}.review-head strong,.review-head small{display:block}.review-head small{color:#887365}.flag{font-size:1.4rem}.stars{color:#bd8b38;letter-spacing:.15em;margin:.9rem 0}.review-card p{color:#57463b}.order{background:linear-gradient(120deg,rgba(30,17,11,.97),rgba(76,42,24,.94)),url("assets/delivery.jpg") center/cover;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,8rem);align-items:center;color:var(--white)}.section-kicker.light{color:var(--gold2)}.order-copy p{color:#d7c7af;max-width:580px}.contact-line{border-top:1px solid rgba(255,255,255,.18);margin-top:2rem;padding-top:1.2rem;display:flex;justify-content:space-between;max-width:450px}.contact-line a{color:var(--gold2);font-weight:800}.order-form{background:#fffaf0;color:var(--ink);padding:clamp(1.4rem,3vw,2.5rem);box-shadow:var(--shadow)}.order-form label{font-weight:700;display:block;margin-bottom:1rem}.order-form input,.order-form select,.order-form textarea{width:100%;display:block;margin-top:.35rem;border:1px solid #d9c8aa;background:#fff;padding:.85rem;font:500 1rem "Tajawal";outline:none}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,153,67,.15)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.button-full{width:100%}.form-privacy{display:block;text-align:center;color:#7f6d5f;margin-top:.8rem}footer{text-align:center;padding:3.5rem 1rem 2rem;background:#110a07;color:#cdbb9e}.footer-brand img{width:180px;height:100px;object-fit:cover;margin:auto;filter:sepia(.2)}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin:1.3rem 0;color:var(--gold2)}.whatsapp-float{position:fixed;left:20px;bottom:20px;z-index:30;background:#1f9d55;color:white;border-radius:50px;padding:.65rem .8rem .65rem 1rem;display:flex;gap:.65rem;align-items:center;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.25)}.whatsapp-float b{font-size:1.4rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.site-header{height:78px}.brand img{width:120px;height:64px}.menu-toggle{display:block}.site-header nav{position:absolute;top:78px;right:0;left:0;background:#fbf7eb;padding:1rem 1.5rem;display:none;flex-direction:column;gap:.65rem;border-bottom:1px solid #dfd1b8}.site-header nav.open{display:flex}.header-cta{display:none}.hero{min-height:760px}.hero-overlay{background:linear-gradient(0deg,rgba(27,16,11,.9),rgba(27,16,11,.15) 85%)}.hero-content{align-self:end;padding-bottom:4rem}.story,.product,.order{grid-template-columns:1fr}.quality-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:520px}.gallery img:nth-child(2){transform:none}.gallery img:last-child{grid-column:1/-1;height:420px}.reviews-grid{grid-template-columns:1fr}.story-visual{max-width:650px}.order-copy{text-align:center}.contact-line{margin-left:auto;margin-right:auto}}
@media(max-width:620px){.announcement{font-size:.78rem}.hero{min-height:680px}.hero-content{width:88%}.hero h1{font-size:3rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-points{gap:.7rem 1rem}.heritage-strip{gap:.7rem;justify-content:space-around}.heritage-strip div:not(.diamond){display:block;text-align:center}.heritage-strip strong,.heritage-strip span{display:block}.heritage-strip .diamond{display:none}.section{padding:4.5rem 1.15rem}.story h2,.product h2,.section-heading h2,.order h2{font-size:2.6rem}.seal{left:8px;bottom:18px;width:98px;height:98px}.quality-grid{grid-template-columns:1fr}.quality-card{min-height:auto}.gallery{grid-template-columns:1fr;padding:1rem}.gallery img,.gallery img:last-child{height:460px;grid-column:auto}.form-row{grid-template-columns:1fr}.whatsapp-float span{display:none}.whatsapp-float{border-radius:50%;width:54px;height:54px;padding:0;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}