.cps-main{max-width:1040px;margin:40px auto;padding:20px}.cps-main .panel{padding:26px;margin-bottom:22px}.cps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cps-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px;border:1px solid #8f7143;border-radius:12px;background:#101821;color:#f3dfad;cursor:pointer}.cps-card img{width:235px;max-width:100%;height:auto;object-fit:contain}.cps-card[aria-pressed=true]{outline:2px solid #d4aa55;box-shadow:0 0 24px #ba884033}.cps-main form{display:flex;flex-direction:column;gap:13px;max-width:600px;margin:24px auto}.cps-main form[hidden]{display:none}.cps-main input,.cps-main select,.cps-main textarea{padding:12px;border:1px solid #6c7180;border-radius:8px;background:#071019;color:#fff}.cps-main .button{margin-top:8px}.cps-order,.cps-review{border:1px solid #514c3f;padding:18px;margin:12px 0;border-radius:8px;overflow-wrap:anywhere}.cps-review img{max-width:100%;max-height:420px;object-fit:contain}.cps-review textarea{display:block;width:95%;margin:14px 0}.cps-review button{margin:8px}.cps-main [role=status]{color:#e5c46c;white-space:pre-line}.cps-main [hidden]{display:none!important}@media(max-width:700px){.cps-grid{grid-template-columns:1fr}.cps-main{padding:12px}.cps-main .panel{padding:18px}}
@media(min-width:701px) and (max-width:1500px){.cps-main{margin-right:270px;max-width:calc(100% - 310px)}}

.cp-package-grid {
  display: grid;

  grid-template-columns:
    repeat(5, minmax(0, 1fr));

  gap: 16px;

  align-items: stretch;
}


/* =========================
   PACKAGE CARD
========================= */

.cp-package-card {
  position: relative;

  overflow: hidden;

  display: flex;
  flex-direction: column;

  min-width: 0;

  border: 1px solid var(--line);
  border-radius: 16px;

  background:
    linear-gradient(
      180deg,
      rgba(7, 20, 31, .97),
      rgba(2, 9, 15, .97)
    );

  box-shadow:
    0 20px 45px
    rgba(0, 0, 0, .38);

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

.cp-package-card:hover {
  transform: translateY(-8px);

  border-color:
    rgba(216, 180, 90, .58);

  box-shadow:
    0 30px 60px rgba(0, 0, 0, .55),
    0 0 28px rgba(47, 137, 168, .13);
}

.cp-package-card.featured,
.cp-package-card.best-value {
  border-color:
    rgba(216, 180, 90, .58);
}


/* =========================
   CP IMAGE
========================= */

.cp-package-art {
  position: relative;

  width: 100%;

  aspect-ratio: 230 / 132;

  overflow: hidden;

  border-bottom:
    1px solid
    rgba(216, 180, 90, .22);

  background:
    rgba(216, 180, 90, .10);
}

.cp-package-image {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;

  object-fit: cover;
  object-position: center;

  transition:
    transform .35s ease,
    filter .35s ease;
}

.cp-package-card:hover .cp-package-image {
  transform: scale(1.035);

  filter:
    saturate(1.06)
    brightness(1.03);
}


/* =========================
   CARD CONTENT
========================= */

.cp-package-content {
  flex: 1;

  display: flex;
  flex-direction: column;
  align-items: center;

  padding: 22px 16px 18px;

  text-align: center;
}

.cp-amount {
  display: block;

  color: var(--gold-strong);

  font-family:
    Cinzel,
    Georgia,
    serif;

  font-size: 1.6rem;
  line-height: 1;
}

.cp-package-content > small {
  display: block;

  margin-top: 8px;

  color: var(--muted);

  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .12em;
}


/* =========================
   PRICE
========================= */

.cp-price {
  min-height: 55px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 13px 0 16px;

  color: #fff;
}

.cp-currency-symbol {
  margin-right: 2px;

  font-size: 1rem;
  font-weight: 900;
}

.cp-price > strong {
  font-size: 1.15rem;
}

.cp-price small {
  margin-left: 5px;

  color: var(--muted);

  font-size: .58rem;
}


/* =========================
   BUY BUTTON
========================= */

.cp-buy-button {
  width: 100%;
  min-height: 42px;

  margin-top: auto;
}


/* =========================
   BADGES
========================= */

.cp-package-badge {
  position: absolute;

  top: 10px;
  right: 10px;

  z-index: 4;

  padding: 5px 9px;

  border:
    1px solid
    rgba(255, 235, 177, .38);

  border-radius: 999px;

  background: var(--gold-strong);

  color: #07101a;

  font-size: .52rem;
  font-weight: 900;
  letter-spacing: .05em;

  box-shadow:
    0 6px 18px
    rgba(0, 0, 0, .28);
}

.cps-main{max-width:1200px;margin:36px auto;padding:0 28px}.cps-main>.panel:first-of-type{background:transparent;border:0;box-shadow:none;padding:0}.cps-main .page-heading{text-align:center;margin:40px auto 28px}.cps-main .page-heading h1{font-family:Cinzel,Georgia,serif;color:#f0c96c;font-size:46px}.cps-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(520px,100%);margin:30px auto;gap:16px}.cp-currency-switch{width:max-content;margin:0 auto}.cp-package-card{min-height:390px}.cp-package-content{padding:22px 16px 18px}.cp-price{margin:18px 0 24px}.manual-price-offer{display:flex;align-items:center;justify-content:center;gap:10px;min-height:30px;margin:8px 0}.manual-price-offer del{color:#9aa3ab}.manual-price-offer strong{background:#8c2525;color:white;border-radius:5px;padding:4px 8px;font-size:11px}.vip-package-card .cp-package-art{background:rgba(3,13,21,.96)}.vip-package-card .cp-package-image{object-fit:contain;padding:8px;filter:drop-shadow(0 0 9px #ff821833)}.cps-payment{position:fixed;inset:0;z-index:10000;background:#000b;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.cps-payment-box{position:relative;width:min(580px,100%);max-height:90vh;overflow:auto;padding:36px;border:1px solid #987841;border-radius:18px;background:linear-gradient(160deg,#102330,#030b12);box-shadow:0 30px 80px #0009}.cps-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#e9c46c;font-size:30px;cursor:pointer}#cps-currency-note{text-align:center;color:#e9c46c}.cp-buy-button:disabled{opacity:.5;cursor:not-allowed}.cps-main .cp-buy-button{font-size:12px;border-color:#a88742}.cps-main .cp-package-image{height:100%!important}.cps-main .cp-package-art{aspect-ratio:235/132}.cps-main .cp-amount{color:#f0c96c}.cps-main [data-cps-intro]{color:#afb8c0}body:has([data-vip-store]) .page-heading h1{background:linear-gradient(90deg,#f0c96c,#ff551a,#f0c96c);background-clip:text;color:transparent}@media(max-width:700px){.cps-main{margin:24px auto;padding:0 16px}.cps-grid{width:min(480px,100%);gap:12px}.cp-package-content{padding:20px 10px}.cp-amount{font-size:24px}.cp-price>strong{font-size:15px}.cps-main .page-heading h1{font-size:34px}}@media(max-width:380px){.cps-grid{grid-template-columns:1fr;width:250px}}@media(min-width:701px) and (max-width:1500px){.cps-main{margin-inline:auto;max-width:calc(100% - 40px)}}

.cps-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px auto;max-width:1000px}.cps-benefits>div{padding:22px 18px;border:1px solid #42607566;background:#07121c66;border-radius:14px;text-align:center;backdrop-filter:blur(10px)}.cps-benefits strong{color:#edca7d;font-size:13px}.cps-benefits p{font-size:12px;color:#a1aab4;line-height:1.8;margin-top:10px}@media(max-width:650px){.cps-benefits{grid-template-columns:1fr}}

.cps-main>.cps-catalog{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;backdrop-filter:none!important}.cps-catalog::before,.cps-catalog::after{display:none!important}.cps-main .page-heading{display:block!important;visibility:visible!important;text-align:center;padding:20px 0!important}.cps-main .cp-buy-button{background:transparent!important;color:#f0c96c!important;border:1px solid #78633b!important;border-radius:8px!important}.cps-main .cp-buy-button.button-primary,.cps-main .cp-buy-button:hover{background:linear-gradient(135deg,#155c7a,#2f89a8 55%,#d8b45a)!important;color:#fff!important;border-color:#d8b45a!important}.cps-benefits>div{background:rgba(22,31,40,.23)!important;backdrop-filter:blur(10px)!important}.cps-main .cp-package-card{min-height:370px}.cps-main{padding-top:8px!important}

.cps-main .cp-currency-switch{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:max-content!important;max-width:100%;padding:9px 12px!important;margin:0 auto 20px!important;background:rgba(3,14,22,.94)!important;border:1px solid rgba(216,180,90,.34)!important;border-radius:14px!important;box-shadow:0 12px 28px rgba(0,0,0,.45)!important;backdrop-filter:blur(12px)!important}.cps-main .cp-currency-switch button{min-width:112px!important;min-height:46px!important;background:rgba(3,13,21,.72)!important;color:#e9ddc8!important;border:1px solid rgba(216,180,90,.28)!important}.cps-main .cp-currency-switch button.active{background:linear-gradient(135deg,#155c7a,#2f89a8 55%,#d8b45a)!important;border-color:#d8b45a!important;color:#fff!important}.cps-main .cp-currency-switch button:focus-visible{outline:2px solid #f0c96c;outline-offset:3px}
