:root{--p:#632d8d;--m:#a4288b;--o:#f37446;--o2:#d95a2c;--cream:#fbf6ee;--ink:#25172a;--mut:#6b5a70;
--s1:8px;--s2:13px;--s3:21px;--s4:34px;--s5:55px;--s6:89px;--f1:16px;--f2:26px;--f3:42px;--f4:68px;--r:13px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:400 var(--f1)/1.618 Cairo,"IBM Plex Sans Arabic",sans-serif;padding-bottom:var(--s6)}
body.en{font-family:Inter,sans-serif}
h1,h2,h3{font-family:Cairo,"IBM Plex Sans Arabic",sans-serif;line-height:1.3;margin:0 0 var(--s2)}
.en h1,.en h2,.en h3{font-family:Inter,sans-serif;letter-spacing:-.01em}
h1{font-size:var(--f3)}.hero h1{line-height:1.32}h2{font-size:var(--f2);color:var(--p)}h3{font-size:var(--f1)}
a{color:inherit}img{max-width:100%;display:block}
.wrap{max-width:1280px;margin:auto;padding:0 var(--s3)}.narrow{max-width:800px}
.proto{background:var(--ink);color:#fff;text-align:center;font-size:13px;padding:4px}
.hdr{position:sticky;top:0;z-index:9;background:rgba(251,246,238,.95);backdrop-filter:blur(8px);border-bottom:1px solid #eadfd0}
.hrow{display:flex;align-items:center;gap:var(--s3);padding-top:var(--s1);padding-bottom:var(--s1)}
.logo{flex-shrink:0}.logo img{height:56px;width:auto;display:block}.nav{display:none;gap:var(--s4);margin-inline-start:auto}.nav a{text-decoration:none;font-weight:500}
.hact{display:flex;gap:var(--s2);align-items:center;margin-inline-start:auto}.nav+.hact{margin-inline-start:0}
.lang{border:1.5px solid var(--p);color:var(--p);border-radius:99px;padding:4px var(--s2);text-decoration:none;font-weight:600;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);background:var(--o);color:#fff;text-decoration:none;font-weight:600;border-radius:99px;padding:var(--s2) var(--s3);border:0;white-space:nowrap}
.btn:hover{background:var(--o2)}.btn-wa{background:var(--p)}.btn-wa:hover{background:#4b1f6d}.btn-wa2{background:var(--m)}
.btn-sm{padding:var(--s1) var(--s3);font-size:14px}.btn-lg{padding:var(--s2) var(--s4)}
.btn-ghost{background:transparent;color:var(--p);border:1.5px solid var(--p)}.btn-ghost:hover{background:var(--p);color:#fff}
.hide-m{display:none}
.hero{padding:var(--s4) 0 var(--s5)}.hgrid{display:grid;gap:var(--s4)}
.himg{position:relative;border-radius:var(--s3);overflow:hidden;background:#fff;aspect-ratio:1.618/1}.himg img{width:100%;height:100%;object-fit:cover}
.phnote,.todo{font-size:12px;color:var(--mut)}.phnote{position:absolute;bottom:8px;inset-inline-end:8px;background:#fff;padding:2px 8px;border-radius:99px}
.eyebrow,.kick{color:var(--o2);font-weight:600;margin:0 0 var(--s1);font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.lead{font-size:18px;color:var(--mut);margin:0 0 var(--s4)}.ctas{display:flex;flex-wrap:wrap;gap:var(--s2)}.ctas.c{justify-content:center}
.trust{background:var(--p);color:#fff}.trust ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);padding:var(--s3)}
.trust li{display:flex;gap:var(--s1);align-items:center;font-weight:500;font-size:14px}.trust li:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--o);flex:none}
.sec{padding:var(--s5) 0}.alt{background:#f4ece0}.intro{max-width:680px;color:var(--mut);margin:0 0 var(--s4)}.center{text-align:center;margin-top:var(--s4)}
.steps,.how{list-style:none;padding:0;margin:0;display:grid;gap:var(--s3)}
.steps li,.how li,.dcard{background:#fff;border-radius:var(--r);padding:var(--s3);border-top:3px solid var(--o)}
.num{display:inline-grid;place-items:center;font-family:Cairo,Inter,sans-serif;color:var(--m);font-weight:700;font-size:var(--f2);margin-bottom:var(--s1)}
.steps p,.how p,.dcard p{margin:0;color:var(--mut)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.card{background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.cimg{aspect-ratio:1;background:#fff}.cimg img{width:100%;height:100%;object-fit:cover}
.ph{display:grid;place-items:center;height:100%;background:repeating-linear-gradient(45deg,#f4ece0 0 13px,#efe4d4 13px 26px);color:var(--mut);font-size:13px;text-align:center;padding:var(--s2);border:1.5px dashed #cdb9a0;border-radius:var(--r)}
.cimg .ph{border-radius:0;border:0}
.cb{padding:var(--s2);display:flex;flex-direction:column;flex:1}.cb .btn{margin-top:auto;align-self:flex-start}.cb h3{margin:4px 0 0}
.tag{font-size:12px;color:var(--m);font-weight:600}.muted{color:var(--mut);font-size:14px;margin:0 0 var(--s2)}
.boxes{display:grid;gap:var(--s3)}.box{position:relative;background:#fff;border-radius:var(--s3);padding:var(--s4) var(--s3) var(--s3);border:1.5px solid #eadfd0}
.box.pop{border:2px solid var(--o)}.badge{position:absolute;top:-13px;inset-inline-start:var(--s3);background:var(--o);color:#fff;font-size:13px;font-weight:600;padding:2px var(--s2);border-radius:99px}
.price{margin:0 0 var(--s2);color:var(--mut)}.price b{font-family:Cairo,Inter,sans-serif;font-size:var(--f3);color:var(--p)}
.box ul{list-style:none;padding:0;margin:0 0 var(--s3)}.box li{padding:4px 0;border-bottom:1px solid #f1e8dc}.box li:before{content:"✓ ";color:var(--o)}.box li.gift{color:var(--m);font-weight:600}.box .btn{width:100%}
.purple{background:var(--p);color:#fff}.purple h2{color:#fff}.purple .kick{color:#ffb38f}.purple .todo{color:#e2d3ef}
.nuts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.nut{border:1.5px dashed rgba(255,255,255,.5);border-radius:var(--r);padding:var(--s3);text-align:center}
.nut b{display:block;font-family:Cairo,Inter,sans-serif;font-size:var(--f2);color:#ffb38f}
.how .num{width:55px;height:55px;border-radius:50%;background:var(--o);color:#fff}
.dgrid{display:grid;gap:var(--s4)}.dcards{display:grid;gap:var(--s2)}.carre{border-radius:var(--s3);max-height:520px;width:auto;margin:auto}
.revs{display:grid;gap:var(--s2)}.rev{min-height:144px}
details{background:#fff;border-radius:var(--r);padding:var(--s2) var(--s3);margin-bottom:var(--s2)}summary{font-weight:600;cursor:pointer}details p{margin:var(--s1) 0 0;color:var(--mut)}
.final{background:linear-gradient(135deg,var(--p),var(--m));color:#fff;text-align:center;padding:var(--s6) 0}.final h2{color:#fff;font-size:var(--f3)}.final .btn-wa{background:#fff;color:var(--p)}
.ftr{background:var(--ink);color:#e9dff0;padding:var(--s5) 0 var(--s3)}.fgrid{display:grid;gap:var(--s4)}.ftr h3{color:#fff}.ftr p{margin:0 0 var(--s1)}
.flogo{height:55px;width:auto;background:#fff;border-radius:var(--s1);padding:4px;margin-bottom:var(--s2)}
.walink{display:inline-flex;gap:var(--s1);align-items:center;color:#ffb38f;text-decoration:none;direction:ltr}.rights{font-size:13px;opacity:.7;margin-top:var(--s4)}
.mbar{position:fixed;bottom:0;inset-inline:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s1);padding:var(--s1);background:#fff;box-shadow:0 -4px 21px rgba(0,0,0,.08);z-index:9}.mbar .btn{padding:var(--s1);font-size:13px}
@media(min-width:900px){
 body{padding-bottom:0}.mbar{display:none}.hrow{padding-top:10px;padding-bottom:10px}.logo img{height:92px}.nav{display:flex}.hide-m{display:inline-flex}
 h1{font-size:var(--f4)}h2{font-size:var(--f3)}h3{font-size:var(--f2);font-size:21px}
 .hero{padding:var(--s6) 0}.hgrid{grid-template-columns:38fr 62fr;align-items:center;gap:var(--s5)}
 .htext{order:0}.himg{order:1}
 .trust ul{grid-template-columns:repeat(4,1fr);padding:var(--s3)}.trust li{font-size:var(--f1);justify-content:center}
 .sec{padding:var(--s6) 0}.steps{grid-template-columns:repeat(4,1fr)}.how{grid-template-columns:repeat(3,1fr)}
 .grid{grid-template-columns:repeat(3,1fr);gap:var(--s3)}.boxes{grid-template-columns:repeat(3,1fr)}
 .nuts{grid-template-columns:repeat(4,1fr)}.dgrid{grid-template-columns:62fr 38fr;align-items:center}.dcards{grid-template-columns:1fr 1fr}
 .revs{grid-template-columns:repeat(3,1fr)}.fgrid{grid-template-columns:1.618fr 1fr 1fr 1fr}
}
.price.ask{font-weight:600;color:var(--p)}
.price .unit{white-space:nowrap;font-size:.85em}
.card .price{white-space:nowrap}.card .price b{font-size:1.6rem}
/* v2 photography + sections */
.himg{background:#3a1656;aspect-ratio:1;box-shadow:0 34px 89px -34px rgba(60,20,90,.55)}
.hbadge{position:absolute;bottom:var(--s3);inset-inline-start:var(--s3);background:rgba(255,255,255,.94);color:var(--p);font-weight:600;font-size:14px;padding:var(--s1) var(--s3);border-radius:99px;box-shadow:0 8px 21px rgba(0,0,0,.15)}
.card{border:1px solid #efe5d6;box-shadow:0 13px 34px -21px rgba(60,30,80,.25)}
.cimg{background:#f6efe4}.cimg .ph{flex-direction:column;gap:var(--s1);background:linear-gradient(160deg,#fbf6ee,#efe4d4);color:#a8957c;display:flex;align-items:center;justify-content:center}
.boximg{width:100%;border-radius:var(--s3);margin:0 0 var(--s4);aspect-ratio:1.618/1;object-fit:cover}
.lgrid{display:grid;gap:var(--s4);align-items:center}.lph{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--s2)}.lph img{border-radius:var(--r);width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.cutg{display:grid;gap:var(--s3)}.cutg img{border-radius:var(--r);width:100%;height:auto;box-shadow:0 13px 34px -21px rgba(60,30,80,.3)}
.revs{gap:var(--s3)}.q{position:relative;margin:0;background:#fff;border-radius:var(--s3);padding:var(--s4) var(--s3) var(--s3);border:1px solid #efe5d6}
.q:after{content:"";position:absolute;bottom:-9px;inset-inline-start:34px;width:18px;height:18px;background:#fff;border-inline-end:1px solid #efe5d6;border-bottom:1px solid #efe5d6;transform:rotate(45deg)}
.qm{position:absolute;top:-8px;inset-inline-start:var(--s3);font:700 68px/1 Georgia,serif;color:var(--o)}
.q blockquote{margin:0 0 var(--s2);font-size:17px;line-height:1.7}.q figcaption{color:var(--m);font-weight:600;font-size:14px}
.revs .q:nth-child(n+7){display:none}
@media(min-width:900px){.lgrid{grid-template-columns:38fr 62fr}.cutg{grid-template-columns:1.414fr 1fr;align-items:start}.revs{grid-template-columns:repeat(3,1fr)}}

/* journey photos + box card photos */
.steps.journey li{padding:0;overflow:hidden;display:flex;flex-direction:column}
.steps.journey img{width:100%;aspect-ratio:1.618;object-fit:cover;height:auto}
.steps.journey .jbody{padding:var(--s3)}
.steps.journey .jbody .num{margin-bottom:var(--s1)}
.box{overflow:hidden;padding:0;background:#fff}
.box h3{color:var(--p)}
.box .bimg img{width:100%;aspect-ratio:1.618;object-fit:cover;display:block;background:#f6efe4}
.box .bbody{padding:var(--s4) var(--s3) var(--s3)}
.box.pop .bbody{padding-top:calc(var(--s4) + 8px)}
.badge{top:var(--s2);z-index:1}

/* trust claim line + press / in-the-news */
.claim{background:#fff;border-bottom:1px solid #eadfd0;text-align:center;padding:var(--s3) 0}
.claim .claim-line{font-family:Cairo,"IBM Plex Sans Arabic",sans-serif;font-weight:700;color:var(--p);font-size:21px;line-height:1.35;margin:0 0 var(--s1)}
.en .claim .claim-line{font-family:Inter,sans-serif}
.claim .claim-sub{margin:0;color:var(--mut);font-size:15px}
.claim .claim-sub a{color:var(--m);font-weight:600;text-decoration:none}
.claim .claim-sub a:hover{text-decoration:underline}
.lic-meta{list-style:none;padding:0;margin:var(--s3) 0 0;display:grid;gap:var(--s2)}
.lic-meta li{background:#fff;border-radius:var(--r);padding:var(--s2) var(--s3);border-inline-start:3px solid var(--o);color:var(--ink)}
.lic-meta b{display:block;color:var(--m);font-size:13px;font-weight:600;margin-bottom:4px}
.pressg{display:grid;gap:var(--s3)}
.pcard{background:#fff;border-radius:var(--r);padding:var(--s3);border:1px solid #efe5d6;display:flex;flex-direction:column;box-shadow:0 13px 34px -21px rgba(60,30,80,.25)}
.poutlet{font-family:Cairo,Inter,sans-serif;font-weight:700;letter-spacing:.02em;margin:0 0 var(--s1);font-size:18px}
.poutlet.ahram{color:var(--p)}
.poutlet.akhbar{color:var(--m)}
.poutlet.youm7{color:var(--o2)}
.pdate{margin:0 0 var(--s2);color:var(--mut);font-size:13px;font-weight:500}
.pcard h3{font-size:17px;color:var(--ink);margin:0 0 var(--s2);line-height:1.45}
.pcard p{margin:0 0 var(--s3);color:var(--mut);flex:1}
.pcard .btn{align-self:flex-start;margin-top:auto}
@media(min-width:900px){
 .claim{padding:var(--s4) 0}
 .claim .claim-line{font-size:var(--f2)}
 .pressg{grid-template-columns:1fr 1fr;gap:var(--s3)}
}

/* 2026-11-15 links fix: mobile nav row, anchor offset under sticky header, footer links */
section[id],footer[id]{scroll-margin-top:140px}
.ftr a{color:#ffb38f}
.nav .nshop{color:var(--p);font-weight:600}
@media(max-width:899px){
 .hrow{flex-wrap:wrap;row-gap:4px}
 .nav{display:flex;order:3;width:100%;overflow-x:auto;gap:var(--s3);white-space:nowrap;font-size:14px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .nav::-webkit-scrollbar{display:none}
}
@media(min-width:900px){section[id],footer[id]{scroll-margin-top:130px}}