/* =========================================================
   GlowInvite Packages — clear visual hierarchy
   START / PREMIUM / SIGNATURE
   ========================================================= */

.package-grid{
  align-items:stretch;
}

.package-card{
  position:relative;
  overflow:hidden;
  min-height:100%;
}

/* START — clean / essential */
.package-card.package-starter{
  background:linear-gradient(180deg,#fff 0%,#fffaf4 100%);
  border:1px solid #ead5ba;
  box-shadow:0 14px 34px rgba(62,33,27,.07);
}
.package-card.package-starter::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:#cdb79f;
}
.starter-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  margin-bottom:12px;
  border-radius:999px;
  background:#f4eee7;
  color:#715e52;
  border:1px solid #e5d8ca;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.package-card.package-starter h3{
  color:#3d151b;
}

/* PREMIUM — primary seller / most popular */
.package-card.package-premium{
  background:
    radial-gradient(circle at 50% 0,rgba(214,174,95,.20),transparent 31%),
    linear-gradient(180deg,#fffdf8 0%,#fff8ee 100%);
  border:2px solid #bd8a3a;
  box-shadow:0 26px 62px rgba(100,30,43,.16);
  transform:translateY(-12px);
  z-index:2;
}
.package-card.package-premium::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:7px;
  background:linear-gradient(90deg,#8f6022,#e1b86b,#8f6022);
}
.package-card.package-premium .popular-badge{
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  margin-bottom:12px;
  border-radius:999px;
  background:linear-gradient(90deg,#641e2b,#8b3042);
  color:#fff;
  box-shadow:0 8px 22px rgba(100,30,43,.18);
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
}
.package-card.package-premium h3{
  color:#641e2b;
}
.package-card.package-premium .price-line strong{
  color:#641e2b;
}
.package-card.package-premium .btn.primary{
  background:linear-gradient(90deg,#641e2b,#8b3042);
  border-color:#641e2b;
  box-shadow:0 12px 28px rgba(100,30,43,.18);
}

/* SIGNATURE — luxury / high-end */
.package-card.package-signature{
  background:
    radial-gradient(circle at 70% 0,rgba(216,177,97,.13),transparent 34%),
    linear-gradient(155deg,#351217 0%,#4b1821 54%,#2d1015 100%);
  border:1px solid #9f7230;
  color:#fff6eb;
  box-shadow:0 26px 70px rgba(47,15,20,.24);
}
.package-card.package-signature::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:7px;
  background:linear-gradient(90deg,#7c5521,#e0b76a,#7c5521);
}
.signature-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 11px;
  margin-bottom:12px;
  border-radius:999px;
  background:rgba(229,188,105,.12);
  color:#f0ca82;
  border:1px solid rgba(229,188,105,.38);
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
}
.package-card.package-signature h3{
  color:#f4d18e;
}
.package-card.package-signature .package-desc{
  color:#eadbd5;
}
.package-card.package-signature .price-line strong{
  color:#fff;
}
.package-card.package-signature .old-price{
  color:#c7aaa4;
}
.package-card.package-signature .save-line{
  color:#f0ca82;
}
.package-card.package-signature ul{
  color:#fff6eb;
}
.package-card.package-signature li{
  border-bottom-color:rgba(255,255,255,.13);
}
.package-card.package-signature .btn.ghost.dark{
  background:linear-gradient(90deg,#d6a850,#f0cc82);
  color:#351217;
  border-color:#e6bd71;
  font-weight:950;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}

/* Micro hierarchy */
.package-card h3{
  letter-spacing:.01em;
}
.package-card .price-line strong{
  font-size:clamp(32px,3vw,44px);
}
.package-card ul{
  margin-top:22px;
}

/* Hover only on pointer devices */
@media (hover:hover) and (pointer:fine){
  .package-card.package-starter:hover{
    transform:translateY(-5px);
    box-shadow:0 22px 48px rgba(62,33,27,.11);
  }
  .package-card.package-premium:hover{
    transform:translateY(-17px);
    box-shadow:0 32px 72px rgba(100,30,43,.22);
  }
  .package-card.package-signature:hover{
    transform:translateY(-7px);
    box-shadow:0 32px 80px rgba(47,15,20,.30);
  }
}

/* Tablet/mobile: no floating card, keep contrast */
@media(max-width:950px){
  .package-card.package-premium{
    transform:none;
  }
}
@media(max-width:600px){
  .starter-badge,.popular-badge,.signature-badge{
    margin-bottom:10px;
  }
  .package-card .price-line strong{
    font-size:34px;
  }
}