/* قاعة الياسمين v2: كارت الدعوة والظرف */
:root{
  --f-display:"Amiri","Noto Naskh Arabic",serif;
  --f-body:"Noto Naskh Arabic","Amiri",serif;
  --f-latin:"Amiri",Georgia,serif;
  --r:6px;--r-lg:10px;
}
body{font-size:18px;line-height:1.95}
.kicker{display:none}
h1,h2,h3,h4{font-weight:700}
.btn{border-radius:4px;font-family:var(--f-display);font-size:17px;letter-spacing:0}
.logo small{font-family:var(--f-display);font-style:normal;font-size:12px}
.nav a{font-family:var(--f-display);font-size:17px}

/* hero: ظرف بيتفتح وكارت دعوة */
.hero{align-items:center;min-height:100svh}
.hero-bg::after{background:linear-gradient(0deg,rgba(16,34,29,.9),rgba(16,34,29,.55) 60%,rgba(16,34,29,.7))}
.hero .container{isolation:isolate;display:grid;grid-template-columns:minmax(0,640px) 280px;justify-content:center;gap:clamp(24px,4vw,56px);align-items:end;padding-block:110px 56px}
.env-wrap{position:relative;padding-bottom:0}
.invite{position:relative;background:#FBF8F3;color:var(--em);text-align:center;padding:clamp(36px,5vw,64px) clamp(26px,5vw,64px) clamp(150px,16vw,190px);margin-bottom:-1px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);z-index:1}
.invite::before{content:"";position:absolute;inset:12px;border:1.5px solid var(--gold);pointer-events:none}
.invite::after{content:"";position:absolute;inset:18px;border:.8px solid var(--gold-l);pointer-events:none}
.hero .invite .orn{width:180px;height:26px;color:var(--gold);margin:0 auto 6px;display:block}
.hero h1{font-size:clamp(46px,6.4vw,84px);line-height:1.2;color:var(--em)}
.hero h1 .gold{color:var(--gold)}
.hero p{color:#4A4A44;font-size:clamp(17px,1.5vw,19.5px);margin:10px auto 0;max-width:34ch}
.hero .ctas{justify-content:center;margin-top:22px}
.hero .btn-glass{color:var(--em);box-shadow:inset 0 0 0 1px var(--em);background:transparent}
.hero .btn-glass:hover{background:var(--em);color:#FBF8F3}
.env{position:absolute;inset:auto -5% 0;height:clamp(150px,17vw,200px);pointer-events:none}
.env i{position:absolute;display:block}
.env-front{z-index:3;inset:0;background:linear-gradient(180deg,#2C5547,#1F4237);clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 -2px 0 rgba(217,188,130,.5))}
.env-flap{inset:0 0 auto;height:56%;background:linear-gradient(180deg,#356454,#2C5547);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;backface-visibility:visible;z-index:4}
.env-seal{left:50%;top:56%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#E5C98C,#B8924A 60%,#8E6C2F);box-shadow:0 3px 8px rgba(0,0,0,.4);display:grid;place-items:center;color:#5a3f12;z-index:5}
.env-seal svg{width:28px;height:28px}
.hero .next-free{background:rgba(251,248,243,.94);color:var(--em);border-radius:6px;box-shadow:inset 0 0 0 1px var(--gold),0 20px 40px -20px rgba(0,0,0,.5);backdrop-filter:none;margin-bottom:12px}
.hero .next-free .lbl{color:#8a6a2c}
.hero .next-free small{color:#6b6b63}
.hero .next-free .btn-glass{color:var(--em);box-shadow:inset 0 0 0 1px var(--em);background:transparent}
.hero .cd b{color:var(--em)}
@media (max-width:980px){.hero .container{grid-template-columns:minmax(0,560px)}.hero .next-free{margin-top:10px}}
@media (max-width:560px){.invite{padding-inline:22px}.env{inset-inline:-3%}}
@media (prefers-reduced-motion:reduce){.env-flap{transform:rotateX(180deg);z-index:0}.env-seal{display:none}}
.hero .cd div{background:var(--gold-soft);color:var(--em)}
.hero .cd span{color:#7a6a45}