/* =========================================================
   ولعي الليلة — EasyOrders two-part landing
   External CSS only / RTL / Mobile First / No JS CTA
========================================================= */

html { scroll-behavior: smooth; }

.wl-page,
.wl-page * { box-sizing: border-box; }

.wl-page{
  --bg:#10050b;
  --bg2:#180810;
  --surface:#211019;
  --surface2:#2a101d;
  --wine:#731638;
  --wine2:#a92256;
  --pink:#f06491;
  --pink2:#ff9ab8;
  --gold:#e0b46f;
  --gold2:#f5d7a3;

  /* تحسين لون الخط */
  --text:#fffaf7;
  --body:#f5e9ed;
  --muted:#e5d2d8;
  --soft:#cdb9c0;

  direction:rtl;
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 100% 4%,rgba(240,100,145,.17),transparent 28%),
    radial-gradient(circle at 0 30%,rgba(224,180,111,.08),transparent 30%),
    var(--bg);
  overflow:hidden;
}

.wl-wrap{
  width:min(1080px,calc(100% - 28px));
  margin:auto;
}

.wl-sec{padding:66px 0;}
.wl-soft{background:rgba(255,255,255,.025);}
.wl-center{text-align:center;}

.wl-kicker{
  margin-bottom:8px;
  color:#ffabc4;
  font-size:12px;
  font-weight:900;
}

.wl-title{
  margin:0 0 14px;
  color:var(--text);
  font-size:clamp(28px,7.5vw,48px);
  line-height:1.45;
  font-weight:900;
}

.wl-grad{
  background:linear-gradient(90deg,var(--gold2),#ff7da4);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.wl-copy{
  max-width:760px;
  margin:0 auto;
  color:var(--body);
  font-size:14px;
  line-height:2.05;
}

.wl-copy strong{color:#fff;}

.wl-hero{
  position:relative;
  padding:62px 0 54px;
  text-align:center;
}

.wl-badge{
  display:inline-block;
  padding:7px 14px;
  border:1px solid rgba(255,154,184,.24);
  border-radius:999px;
  background:rgba(240,100,145,.09);
  color:#ffdce7;
  font-size:12px;
  font-weight:900;
}

.wl-hero h1{
  max-width:850px;
  margin:18px auto 15px;
  color:#fff;
  font-size:clamp(39px,10vw,70px);
  line-height:1.27;
  font-weight:900;
}

.wl-hero-lead{
  max-width:730px;
  margin:auto;
  color:#fff1f5;
  font-size:16px;
  line-height:2.1;
}

.wl-box{
  max-width:770px;
  margin:23px auto 0;
  padding:19px 17px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  color:#f4e6eb;
  font-size:14px;
  line-height:2;
}

.wl-cta{
  display:inline-flex;
  width:min(100%,440px);
  min-height:60px;
  margin-top:23px;
  padding:14px 19px;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:linear-gradient(90deg,#a82154,#ef5f8b);
  box-shadow:0 15px 40px rgba(229,87,131,.26);
  color:#fff !important;
  text-decoration:none !important;
  font-size:16px;
  font-weight:900;
}

.wl-note{
  margin-top:9px;
  color:#d7c2c9;
  font-size:10.5px;
  line-height:1.8;
}

.wl-grid2,.wl-grid3,.wl-grid4{
  display:grid;
  gap:11px;
}

.wl-card{
  padding:20px 17px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:17px;
  background:rgba(255,255,255,.038);
}

.wl-card .wl-icon{font-size:26px;}

.wl-card h3{
  margin:8px 0 6px;
  color:#fff;
  font-size:16px;
  line-height:1.65;
}

.wl-card p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.95;
}

.wl-checks{
  max-width:790px;
  margin:22px auto 0;
  padding:0;
  list-style:none;
}

.wl-checks li{
  position:relative;
  padding:11px 31px 11px 0;
  border-bottom:1px solid rgba(255,255,255,.065);
  color:#f4e8ec;
  font-size:13px;
  line-height:1.85;
}

.wl-checks li:before{
  content:"✓";
  position:absolute;
  right:0;
  color:#ff83a8;
  font-weight:900;
}

.wl-message{
  max-width:850px;
  margin:auto;
  padding:31px 20px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 0,rgba(240,100,145,.13),transparent 48%),
    #190911;
  text-align:center;
}

.wl-message h2{
  margin:0 0 12px;
  color:#fff;
  font-size:clamp(27px,7vw,43px);
  line-height:1.48;
}

.wl-message p{
  max-width:710px;
  margin:auto;
  color:#f0dfe5;
  font-size:14px;
  line-height:2.05;
}

.wl-form-intro{
  padding:42px 0 24px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 100%,rgba(240,100,145,.11),transparent 60%),
    var(--bg2);
}

.wl-form-intro h2{
  max-width:760px;
  margin:0 auto 10px;
  color:#fff;
  font-size:clamp(26px,7vw,42px);
  line-height:1.5;
}

.wl-form-intro p{
  max-width:680px;
  margin:auto;
  color:#f0dfe5;
  font-size:13px;
  line-height:2;
}

/* marker before native EasyOrders form */
.wl-form-anchor{
  height:1px;
  scroll-margin-top:22px;
}

.wl-preview-card{
  min-height:190px;
  position:relative;
  overflow:hidden;
}

.wl-tag{
  display:inline-block;
  margin-top:11px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(240,100,145,.10);
  color:#ffb1c9;
  font-size:9.5px;
  font-weight:900;
}

.wl-compare{
  display:grid;
  gap:13px;
}

.wl-col{
  padding:23px 19px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:19px;
}

.wl-col.before{background:#160c11;}
.wl-col.after{
  background:
    radial-gradient(circle at 100% 0,rgba(240,100,145,.11),transparent 42%),
    #1e0b15;
}

.wl-col h3{
  margin:0 0 12px;
  color:#fff;
  font-size:20px;
}

.wl-col ul{
  margin:0;
  padding-right:20px;
  color:#ead9df;
  font-size:12.5px;
  line-height:2;
}

.wl-faq details{
  margin-bottom:9px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}

.wl-faq summary{
  padding:16px 0;
  color:#fff;
  cursor:pointer;
  font-weight:800;
}

.wl-faq p{
  margin:0;
  padding:0 0 16px;
  color:#ead9df;
  font-size:12.5px;
  line-height:1.95;
}

.wl-safety{
  max-width:810px;
  margin:auto;
  padding:17px 18px;
  border:1px solid rgba(224,180,111,.19);
  border-radius:15px;
  background:rgba(224,180,111,.05);
  color:#eadcc8;
  font-size:11.5px;
  line-height:1.95;
}

@media(min-width:760px){
  .wl-sec{padding:84px 0;}
  .wl-grid2{grid-template-columns:repeat(2,1fr);}
  .wl-grid3{grid-template-columns:repeat(3,1fr);}
  .wl-grid4{grid-template-columns:repeat(4,1fr);}
  .wl-compare{grid-template-columns:1fr 1fr;}
}