/* Modals Overlay */
    .modal-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(4, 2, 3, 0.82);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1000;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .modal-overlay.active {
      opacity: 1;
      pointer-events: all;
    }

    .modal-card {
      background: rgba(18, 11, 15, 0.95);
      border: 1px solid rgba(255, 43, 91, 0.4);
      border-radius: 24px;
      width: 90%;
      max-width: 520px;
      padding: 34px;
      box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8), 0 0 50px rgba(255, 43, 91, 0.25);
      transform: scale(0.9) translateY(20px);
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
      position: relative;
    }

    .modal-overlay.active .modal-card {
      transform: scale(1) translateY(0);
    }

    .modal-close {
      position: absolute;
      top: 22px;
      right: 22px;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
      color: var(--mf-text-muted);
      width: 32px;
      height: 32px;
      border-radius: 50%;
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .modal-close:hover {
      background: rgba(255, 43, 91, 0.2);
      color: var(--mf-accent);
      border-color: var(--mf-accent);
      transform: rotate(90deg);
    }

    .modal-title {
      font-size: 24px;
      font-weight: 800;
      margin-bottom: 8px;
      color: #fff;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .modal-subtitle {
      color: #8c8c9e;
      font-size: 14px;
      margin-bottom: 24px;
    }

    /* Shop Modal Specifics */
    .products-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-bottom: 26px;
    }

    .product-card {
      background: rgba(255, 43, 91, 0.04);
      border: 1px solid rgba(255, 43, 91, 0.2);
      border-radius: 14px;
      padding: 18px 12px;
      text-align: center;
      cursor: pointer;
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .product-card:hover, .product-card.selected {
      border-color: var(--mf-accent);
      background: rgba(255, 43, 91, 0.15);
      box-shadow: 0 0 20px rgba(255, 43, 91, 0.35);
      transform: translateY(-2px);
    }

    .product-name {
      font-size: 13.5px;
      font-weight: 700;
      margin-bottom: 6px;
      color: #e2e2ec;
    }

    .product-price {
      font-size: 20px;
      font-weight: 900;
      color: var(--mf-accent);
    }


    /* Support Channels */
    .support-channels {
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-bottom: 24px;
    }

    .support-btn {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: rgba(255, 43, 91, 0.06);
      border: 1px solid rgba(255, 43, 91, 0.2);
      padding: 16px 20px;
      border-radius: 12px;
      color: #fff;
      text-decoration: none;
      font-weight: 600;
      font-size: 14.5px;
      transition: all 0.3s ease;
    }

    .support-btn:hover {
      background: rgba(255, 43, 91, 0.18);
      border-color: var(--mf-accent);
      transform: translateX(4px);
      box-shadow: 0 0 20px rgba(255, 43, 91, 0.2);
    }



/* Store checkout refinements */
.product-card { appearance:none; color:inherit; font:inherit; width:100%; position:relative; overflow:hidden; }
.product-card::before { content:''; position:absolute; inset:0; opacity:0; background:linear-gradient(135deg,rgba(255,43,91,.10),transparent 58%); transition:opacity .25s ease; }
.product-card:hover::before,.product-card.selected::before { opacity:1; }
.product-plan-kicker { position:relative; z-index:1; color:#737386; font-size:9px; letter-spacing:1.15px; font-weight:900; margin-bottom:8px; }
.product-card.selected .product-plan-kicker { color:var(--mf-accent-light); }
.product-name,.product-price { position:relative; z-index:1; }
.checkout-summary { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:-4px 0 14px; padding:13px 15px; border:1px solid rgba(255,43,91,.13); border-radius:11px; background:rgba(255,255,255,.025); }
.checkout-summary > div { display:flex; flex-direction:column; gap:3px; }
.checkout-label { color:#737386; font-size:10px; text-transform:uppercase; letter-spacing:.8px; font-weight:700; }
.checkout-summary strong { color:#f5f5f8; font-size:13px; }
.checkout-secure { color:#62e8aa; font-size:11px; white-space:nowrap; }
.checkout-button { width:100%; justify-content:center; }
.checkout-button:disabled { opacity:.65; cursor:wait; transform:none; }
.checkout-note { color:#68687b; font-size:10.5px; line-height:1.55; margin-top:12px; text-align:center; }
.checkout-message { min-height:0; margin:0 0 12px; padding:0; border-radius:9px; font-size:11.5px; line-height:1.45; }
.checkout-message:not(:empty) { padding:10px 12px; }
.checkout-message.error { color:#ff879d; border:1px solid rgba(255,43,91,.25); background:rgba(255,43,91,.07); }
.checkout-message.success { color:#7bf0bd; border:1px solid rgba(0,255,136,.22); background:rgba(0,255,136,.06); }
@media (max-width:600px){.products-grid{grid-template-columns:1fr}.checkout-summary{align-items:flex-start;flex-direction:column}.checkout-secure{white-space:normal}}