/* ============================================================
   باقات جوهرة العدالة — تصميم أعمدة احترافي · بدون جريدنت
   بني · ذهبي · كريمي — 3 في الصف / 2 على التابلت / 1 على الموبايل
   ============================================================ */
:root{
  --pkg-gold:#c79b43;
  --pkg-gold-soft:#e7d3a8;
  --pkg-brown:#3e2a20;
  --pkg-brown-2:#27211b;
  --pkg-cream:#f8f6f2;
  --pkg-muted:#6b635e;
  --pkg-line:#e7ddcd;
  --pkg-ink:#2b2018;
}

/* ===== Hero ===== */
.pkg-hero{
  background:var(--pkg-brown-2);
  color:#fff;text-align:center;padding:96px 0 60px;
}
@media(min-width:993px){ .pkg-hero{ padding-top:190px; } }
.pkg-eyebrow{
  display:inline-block;color:var(--pkg-gold-soft);
  font-weight:700;letter-spacing:.12em;font-size:.9rem;margin-bottom:14px;
  border:1px solid rgba(231,211,168,.35);border-radius:999px;padding:6px 18px;
}
.pkg-h1{font-family:'Amiri',serif;font-size:clamp(1.9rem,4vw,2.9rem);margin:0 0 18px;color:#fff;}
.pkg-lead{max-width:820px;margin:0 auto;line-height:2.1;color:#efe7db;font-size:1.05rem;}

/* ===== Grid ===== */
.pkg-wrap{background:var(--pkg-cream);padding:70px 0 84px;}
.pkg-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:22px;align-items:stretch;
}
@media(max-width:980px){ .pkg-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:600px){ .pkg-grid{grid-template-columns:1fr;} }

/* ===== Column (بدون شكل كارد — سطح مسطّح نظيف) ===== */
.pkg-col{
  position:relative;background:#fff;
  border:1px solid var(--pkg-line);
  border-top:3px solid var(--pkg-gold);
  border-radius:6px;
  padding:34px 26px 30px;
  display:flex;flex-direction:column;
}
.pkg-col.is-top{
  border-top-width:4px;border-color:var(--pkg-gold-soft);
  border-top-color:var(--pkg-gold);background:#fffdf8;
}
.pkg-flag{
  position:absolute;top:-1px;inset-inline-start:22px;transform:translateY(-50%);
  background:var(--pkg-gold);color:#fff;font-size:.78rem;font-weight:700;
  padding:5px 16px;border-radius:999px;letter-spacing:.03em;
}

/* Head */
.pkg-col__head{text-align:center;padding-bottom:22px;border-bottom:1px solid var(--pkg-line);margin-bottom:20px;}
.pkg-col__icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:58px;height:58px;border-radius:50%;
  background:var(--pkg-cream);border:1px solid var(--pkg-line);
  color:var(--pkg-gold);font-size:1.4rem;margin-bottom:14px;
}
.pkg-col.is-top .pkg-col__icon{background:var(--pkg-gold);color:#fff;border-color:var(--pkg-gold);}
.pkg-col__name{font-family:'Amiri',serif;font-size:1.55rem;color:var(--pkg-brown);margin:0 0 6px;}
.pkg-col__tag{
  display:inline-block;font-size:.82rem;font-weight:700;color:var(--pkg-gold);
  letter-spacing:.04em;margin-bottom:12px;
}
.pkg-col__desc{font-size:.92rem;line-height:1.9;color:var(--pkg-muted);margin:0;}

/* Blocks */
.pkg-block{margin-bottom:18px;}
.pkg-block__title{
  font-size:.82rem;font-weight:800;color:var(--pkg-brown);
  letter-spacing:.06em;margin:0 0 12px;
  padding-inline-start:12px;position:relative;
}
.pkg-block__title::before{
  content:"";position:absolute;inset-inline-start:0;top:2px;bottom:2px;
  width:3px;background:var(--pkg-gold);border-radius:2px;
}

/* Scope list */
.pkg-scope{list-style:none;margin:0;padding:0;}
.pkg-scope li{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 0;border-bottom:1px dashed var(--pkg-line);font-size:.92rem;
}
.pkg-scope li:last-child{border-bottom:0;}
.pkg-scope__label{color:var(--pkg-ink);}
.pkg-scope__val{
  flex:0 0 auto;color:var(--pkg-brown);font-weight:700;font-size:.85rem;
  background:var(--pkg-cream);border:1px solid var(--pkg-line);
  border-radius:5px;padding:3px 10px;white-space:nowrap;
}
.pkg-col.is-top .pkg-scope__val{background:#fbf3e2;border-color:var(--pkg-gold-soft);}

/* Perks list */
.pkg-perks{list-style:none;margin:0;padding:0;}
.pkg-perks li{
  display:flex;align-items:flex-start;gap:9px;
  padding:7px 0;font-size:.92rem;color:var(--pkg-ink);line-height:1.7;
}
.pkg-perks li i{color:var(--pkg-gold);font-size:.85rem;margin-top:.35em;flex:0 0 auto;}

/* CTA */
.pkg-btn{
  margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--pkg-brown);color:#fff;font-weight:700;font-size:1rem;
  padding:13px 22px;border-radius:6px;text-decoration:none;
  transition:background .25s ease,transform .25s ease;
}
.pkg-btn:hover{background:var(--pkg-gold);transform:translateY(-2px);color:#fff;}
.pkg-col.is-top .pkg-btn{background:var(--pkg-gold);}
.pkg-col.is-top .pkg-btn:hover{background:var(--pkg-brown);}
.pkg-btn i{font-size:.9rem;}

/* ===== أحكام عامة ===== */
.pkg-terms{
  margin-top:36px;background:#fff;border:1px solid var(--pkg-line);
  border-inline-start:4px solid var(--pkg-gold);border-radius:6px;
  padding:26px 28px;
}
.pkg-terms__title{
  font-family:'Amiri',serif;font-size:1.3rem;color:var(--pkg-brown);
  margin:0 0 16px;display:flex;align-items:center;gap:10px;
}
.pkg-terms__title i{color:var(--pkg-gold);font-size:1.05rem;}
.pkg-terms ul{margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;}
@media(max-width:760px){ .pkg-terms ul{grid-template-columns:1fr;} }
.pkg-terms li{
  position:relative;padding-inline-start:20px;font-size:.95rem;
  line-height:1.9;color:var(--pkg-ink);
}
.pkg-terms li::before{
  content:"";position:absolute;inset-inline-start:0;top:.7em;
  width:7px;height:7px;border-radius:50%;background:var(--pkg-gold);
}
