.premium-v2-page{max-width:1200px;margin:0 auto;padding:38px 22px 70px}
.premium-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}
.premium-hero h1{max-width:720px;font-size:44px;line-height:1.05;margin:5px 0 8px}.premium-hero p{margin:0;color:var(--muted)}
.current-plan{padding:10px 14px;border:1px solid #593044;border-radius:999px;background:#1d1016;color:#d9c6ce}.current-plan b{color:#ff9ab6}
.duration-picker{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:25px 0}.duration-btn{border:1px solid #523043;background:#1a0f15;color:#ddc9d2;padding:10px 15px;border-radius:999px;font-weight:900;cursor:pointer}.duration-btn.active{background:linear-gradient(135deg,#ff315f,#d9467a);color:#fff;border-color:transparent}
.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-card{position:relative;padding:22px;border:1px solid #49303a;border-radius:24px;background:linear-gradient(180deg,#211219,#150c11);overflow:hidden}.plan-card.recommended{border-color:#a44267;box-shadow:0 18px 55px rgba(255,49,95,.10)}.plan-card.vip{background:radial-gradient(circle at 100% 0,rgba(225,177,72,.09),transparent 35%),linear-gradient(180deg,#211914,#150d0b);border-color:#695537}
.recommended-label,.vip-label{position:absolute;right:0;top:0;padding:7px 11px;border-bottom-left-radius:12px;background:#a23461;color:#fff;font-size:9px;font-weight:900;letter-spacing:.8px}.vip-label{background:#715923}
.plan-title{display:flex;gap:12px}.plan-title>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#421c2c;color:#ff9ab6;font-size:21px}.vip .plan-title>span{background:#4b3b1c;color:#f3cf76}.plan-title h2{margin:0}.plan-title p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.plan-price{margin:20px 0;padding:15px;border-radius:16px;background:#160c11}.plan-price strong,.plan-price span{display:block}.plan-price strong{font-size:31px}.plan-price span{margin-top:3px;color:var(--muted);font-size:11px}
.plan-features{display:grid;gap:8px;min-height:285px;margin-bottom:18px}.plan-features span{font-size:12px;color:#e5d3da}
.free-plan-box{margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:20px;background:#180e13}.free-plan-box h2{margin:5px 0}.free-plan-box p{margin:0;color:var(--muted)}.free-kicker{color:#ff91ad;font-size:10px;font-weight:900;letter-spacing:1px}
.premium-compare{margin-top:34px}.compare-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.compare-table{width:100%;border-collapse:collapse;min-width:700px;background:#160d12}.compare-table th,.compare-table td{padding:12px 14px;border-bottom:1px solid #2e1b24;text-align:center}.compare-table th:first-child,.compare-table td:first-child{text-align:left}.compare-table th{color:#ff9ab6;font-size:11px}
.premium-modal{display:none;position:fixed;inset:0;z-index:6000;align-items:center;justify-content:center;padding:18px;background:rgba(7,3,5,.9);backdrop-filter:blur(9px)}.premium-modal.open{display:flex}.premium-modal-card{position:relative;width:min(440px,100%);padding:28px;border:1px solid #6c3149;border-radius:24px;background:linear-gradient(145deg,#2a1420,#150b10);text-align:center}.modal-x{position:absolute;right:13px;top:9px;border:0;background:transparent;color:#fff;font-size:28px}.premium-heart{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(135deg,#ff315f,#d9467a);font-size:24px}.payment-wait{color:#ffb1c4!important;font-size:11px}
@media(max-width:900px){.plan-cards{grid-template-columns:1fr}.plan-features{min-height:0}.premium-hero{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.premium-v2-page{padding:22px 12px 55px}.premium-hero h1{font-size:33px}}
/* =========================================================
   SINGELMATCH PREMIUM – NY KORTLAYOUT
   ========================================================= */

.duration-picker{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:18px 0 26px;
}

.duration-btn{
  appearance:none;
  border:1px solid #673047;
  background:#190d12;
  color:#fff;
  border-radius:999px;
  padding:11px 18px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  transition:.18s ease;
}

.duration-btn:hover{
  border-color:#f43670;
  transform:translateY(-1px);
}

.duration-btn.active{
  background:#f43670;
  border-color:#f43670;
  color:#fff;
}


/* KORT */

.plan-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}

.plan-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:22px;
  border:1px solid #54263a;
  border-radius:22px;
  background:#1b0e14;
}

.plan-card.featured{
  border-color:#f43670;
  box-shadow:0 0 0 1px rgba(244,54,112,.12);
}

.plan-card-head{
  margin-bottom:18px;
}

.plan-card-head .eyebrow{
  color:#ff4d83;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.plan-card h2{
  margin:7px 0 15px;
  font-size:25px;
  color:#fff;
}


/* POPULÄR */

.plan-popular{
  position:absolute;
  top:17px;
  right:18px;
  background:#f43670;
  color:#fff;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.5px;
}


/* PRIS */

.plan-price{
  display:flex;
  align-items:baseline;
  gap:7px;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
}

.plan-price strong{
  font-size:38px;
  line-height:1;
  font-weight:800;
  color:#fff;
}

.plan-price span{
  font-size:14px;
  color:#cdbdc4;
}

.plan-total-price{
  margin-top:7px;
  font-size:13px;
  color:#bbaab1;
}

.plan-saving{
  display:inline-block;
  margin-top:10px;
  padding:6px 9px;
  border-radius:8px;
  background:rgba(244,54,112,.11);
  color:#ff7da3;
  font-size:12px;
  font-weight:700;
}


/* FUNKTIONER */

.plan-features{
  display:flex;
  flex-direction:column;
  gap:0;
  margin:4px 0 22px;
}

.plan-feature{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.plan-feature:last-child{
  border-bottom:0;
}

.plan-feature > span{
  flex:0 0 19px;
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  margin-top:1px;
  border-radius:50%;
  background:rgba(244,54,112,.13);
  color:#ff5b8d;
  font-size:12px;
  font-weight:900;
}

.plan-feature p{
  margin:0;
  color:#eee5e8;
  font-size:14px;
  line-height:1.4;
}


/* KNAPPEN LÄNGST NED */

.plan-card-bottom{
  margin-top:auto;
  padding-top:5px;
}

.subscription-note{
  margin-top:10px;
  text-align:center;
  font-size:11px;
  color:#8f7f85;
}


/* NUVARANDE PLAN */

.current-plan{
  display:flex;
  align-items:center;
  gap:5px;
  padding:10px 16px;
  border:1px solid #673047;
  border-radius:999px;
  background:#170c11;
}

.current-plan span{
  color:#cdbdc4;
}

.current-plan strong{
  color:#fff;
}


/* JÄMFÖRELSETABELL */

.compare-table{
  width:100%;
  border-collapse:collapse;
}

.compare-table th,
.compare-table td{
  padding:13px 12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  text-align:center;
}

.compare-table th:first-child,
.compare-table td:first-child{
  text-align:left;
}

.compare-table th{
  color:#fff;
  font-weight:800;
}

.compare-table td{
  color:#d8cbd0;
}

.compare-table tbody tr:hover{
  background:rgba(255,255,255,.025);
}


/* MOBIL */

@media(max-width:900px){

  .plan-cards{
    grid-template-columns:1fr;
  }

  .plan-card{
    max-width:600px;
    width:100%;
    margin-inline:auto;
  }

  .plan-popular{
    position:static;
    display:inline-block;
    width:max-content;
    margin-bottom:10px;
  }

  .compare-table-wrap{
    overflow-x:auto;
  }

  .compare-table{
    min-width:760px;
  }
}

@media(max-width:560px){

  .duration-picker{
    gap:7px;
  }

  .duration-btn{
    padding:9px 13px;
    font-size:13px;
  }

  .plan-card{
    padding:18px;
  }

  .plan-price strong{
    font-size:34px;
  }
}