.elementor-8070101 .elementor-element.elementor-element-830cd79{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8070101 .elementor-element.elementor-element-29626b7{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8070101 .elementor-element.elementor-element-29626b7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8070101 .elementor-element.elementor-element-67689ca > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8070101 .elementor-element.elementor-element-77b55f0{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8070101 .elementor-element.elementor-element-77b55f0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8070101 .elementor-element.elementor-element-0b3e2e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-4194efc */.mpp-vip-page {
      --ink: #171a18;
      --ink-soft: #3f4641;
      --muted: #68706a;
      --line: #dfe4df;
      --paper: #ffffff;
      --cream: #fbf7ef;
      --lime: #c1d82f;
      --lime-deep: #9eb51f;
      --soft-lime: #f1f6cf;
      --shadow: 0 18px 50px rgba(24, 31, 27, .09);
      --radius-xl: 32px;
      --radius-lg: 24px;
      --radius-md: 16px;
      --page: min(1180px, calc(100% - 40px));
    }

    .mpp-vip-page * {
      box-sizing: border-box;
    }

    .mpp-vip-page {
      scroll-behavior: auto;
      scroll-padding-top: 92px;
    }

    .mpp-vip-page {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: "Manrope", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }

    .mpp-vip-page img {
      display: block;
      max-width: 100%;
    }

    .mpp-vip-page a {
      color: inherit;
    }

    .mpp-vip-page button,
.mpp-vip-page a {
      -webkit-tap-highlight-color: transparent;
    }

    .mpp-vip-page .skip-link {
      position: fixed;
      z-index: 100;
      top: 12px;
      left: 12px;
      padding: 10px 14px;
      border-radius: 10px;
      color: white;
      background: var(--ink);
      transform: translateY(-160%);
    }

    .mpp-vip-page .skip-link:focus {
      transform: none;
    }

    .mpp-vip-page .site-header {
      position: sticky;
      z-index: 20;
      top: 0;
      border-bottom: 1px solid rgba(23, 26, 24, .08);
      background: rgba(255, 255, 255, .96);
      backdrop-filter: blur(16px);
    }

    .mpp-vip-page .header-inner {
      width: var(--page);
      min-height: 76px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .mpp-vip-page .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
      font-size: 21px;
      font-weight: 800;
      letter-spacing: -.04em;
    }

    .mpp-vip-page .brand-mark {
      width: 30px;
      aspect-ratio: 1;
      display: grid;
      place-items: center;
      border-radius: 10px 10px 15px 10px;
      color: var(--ink);
      background: var(--lime);
    }

    .mpp-vip-page .brand-mark svg {
      width: 18px;
      height: 18px;
    }

    .mpp-vip-page .header-nav {
      display: flex;
      align-items: center;
      gap: 30px;
    }

    .mpp-vip-page .header-nav > a {
      text-decoration: none;
      font-size: 14px;
      font-weight: 700;
    }

    .mpp-vip-page .header-actions {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .mpp-vip-page .btn {
      min-height: 50px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      padding: 0 22px;
      border: 1px solid transparent;
      border-radius: 14px;
      text-align: center;
      text-decoration: none;
      font-size: 15px;
      font-weight: 800;
      line-height: 1.2;
      cursor: pointer;
    }

    .mpp-vip-page .btn-primary {
      color: var(--ink);
      border-color: var(--lime);
      background: var(--lime);
      box-shadow: 0 8px 24px rgba(157, 181, 31, .2);
    }

    .mpp-vip-page .btn-dark {
      color: #fff;
      background: var(--ink);
    }

    .mpp-vip-page .btn-secondary {
      color: var(--ink);
      border-color: var(--line);
      background: #fff;
    }

    .mpp-vip-page .btn-text {
      min-height: 44px;
      padding-inline: 8px;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    .mpp-vip-page .btn svg {
      width: 17px;
      height: 17px;
      flex: 0 0 auto;
    }

    .mpp-vip-page main {
      overflow: hidden;
    }

    .mpp-vip-page .hero {
      padding: 0;
      background: var(--cream);
    }

    .mpp-vip-page .hero-banner {
      width: 100%;
      min-height: 630px;
      margin: 0 auto;
      padding: 68px clamp(28px, 8vw, 154px) 104px;
      position: relative;
      display: grid;
      grid-template-columns: minmax(470px, 650px) minmax(270px, 310px);
      justify-content: space-between;
      align-items: center;
      gap: clamp(28px, 4vw, 64px);
      overflow: hidden;
      isolation: isolate;
      background: #e7e0d6;
    }

    .mpp-vip-page .hero-backdrop {
      position: absolute;
      z-index: -3;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 55% 54%;
    }

    .mpp-vip-page .hero-scrim {
      position: absolute;
      z-index: -2;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(90deg, rgba(251, 247, 239, .99) 0%, rgba(251, 247, 239, .96) 25%, rgba(251, 247, 239, .77) 40%, rgba(251, 247, 239, .12) 69%, rgba(23, 26, 24, .08) 100%),
        linear-gradient(0deg, rgba(251, 247, 239, .56) 0%, transparent 28%);
    }

    .mpp-vip-page .hero-copy {
      position: relative;
      z-index: 2;
      max-width: 650px;
    }

    .mpp-vip-page .eyebrow {
      margin: 0 0 18px;
      display: inline-flex;
      align-items: center;
      align-self: flex-start;
      gap: 9px;
      color: #7b8d15;
      font-size: 14px;
      font-weight: 800;
      letter-spacing: .15em;
      text-transform: uppercase;
    }

    .mpp-vip-page .eyebrow-dot {
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: var(--lime);
      box-shadow: 0 0 0 6px rgba(193, 216, 47, .18);
    }

    .mpp-vip-page h1,
.mpp-vip-page h2,
.mpp-vip-page h3,
.mpp-vip-page p {
      margin-top: 0;
    }

    .mpp-vip-page h1 {
      max-width: 650px;
      margin-bottom: 12px;
      font-size: clamp(46px, 4.2vw, 68px);
      font-weight: 800;
      line-height: 1.01;
      letter-spacing: -.052em;
      text-transform: uppercase;
    }

    .mpp-vip-page .hero-subtitle {
      margin-bottom: 12px;
      color: var(--ink);
      font-size: clamp(20px, 1.55vw, 25px);
      font-weight: 500;
      line-height: 1.35;
      letter-spacing: -.025em;
    }

    .mpp-vip-page .hero-lead {
      max-width: 570px;
      margin-bottom: 24px;
      color: var(--ink-soft);
      font-size: 16px;
      line-height: 1.6;
    }

    .mpp-vip-page .vip-mini-steps {
      max-width: 340px;
      margin-bottom: 28px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
    }

    .mpp-vip-page .vip-mini-step {
      min-height: 70px;
      padding: 10px 8px;
      display: grid;
      place-items: center;
      align-content: center;
      border: 1px solid rgba(255, 255, 255, .78);
      border-radius: 9px;
      text-align: center;
      background: rgba(255, 255, 255, .88);
      box-shadow: 0 8px 24px rgba(33, 37, 34, .05);
    }

    .mpp-vip-page .vip-mini-step strong {
      display: block;
      font-size: 18px;
      line-height: 1;
    }

    .mpp-vip-page .vip-mini-step span {
      margin-top: 7px;
      color: var(--muted);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .08em;
      line-height: 1;
      text-transform: uppercase;
    }

    .mpp-vip-page .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }

    .mpp-vip-page .hero-actions .btn-primary {
      min-width: 322px;
      min-height: 54px;
      border-radius: 4px;
      text-transform: uppercase;
    }

    .mpp-vip-page .hero-side {
      position: relative;
      z-index: 2;
      width: 100%;
      display: grid;
      gap: 12px;
    }

    .mpp-vip-page .hero-side-card {
      min-height: 80px;
      padding: 15px 17px;
      display: grid;
      grid-template-columns: 46px minmax(0, 1fr);
      align-items: center;
      gap: 14px;
      border: 1px solid rgba(255, 255, 255, .82);
      border-radius: 14px;
      background: rgba(255, 255, 255, .94);
      box-shadow: 0 10px 30px rgba(23, 26, 24, .09);
      backdrop-filter: blur(12px);
    }

    .mpp-vip-page .hero-side-card.is-highlight {
      min-height: 142px;
      align-items: start;
      border: 2px solid var(--lime);
      background: rgba(255, 255, 255, .97);
    }

    .mpp-vip-page .hero-side-icon,
.mpp-vip-page .hero-proof-icon,
.mpp-vip-page .benefit-icon {
      flex: 0 0 auto;
      display: grid;
      place-items: center;
      color: #7d9211;
      background: #f4f8e7;
    }

    .mpp-vip-page .hero-side-icon {
      width: 46px;
      height: 46px;
      border-radius: 50%;
    }

    .mpp-vip-page .is-highlight .hero-side-icon {
      color: #fff;
      background: var(--lime);
    }

    .mpp-vip-page .hero-side-icon svg,
.mpp-vip-page .hero-proof-icon svg,
.mpp-vip-page .benefit-icon svg {
      width: 22px;
      height: 22px;
    }

    .mpp-vip-page .hero-side-title {
      display: block;
      margin-bottom: 3px;
      font-size: 15px;
      font-weight: 800;
      line-height: 1.25;
      letter-spacing: .015em;
    }

    .mpp-vip-page .is-highlight .hero-side-title {
      margin-top: 1px;
      margin-bottom: 7px;
      font-size: 15px;
      letter-spacing: .07em;
      text-transform: uppercase;
    }

    .mpp-vip-page .hero-side-card p {
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }

    .mpp-vip-page .is-highlight p {
      color: #6f7e21;
      font-size: 13px;
      font-weight: 700;
    }

    .mpp-vip-page .hero-proof {
      position: absolute;
      z-index: 3;
      right: 0;
      bottom: 0;
      left: 0;
      min-height: 72px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid rgba(23, 26, 24, .1);
      background: rgba(251, 247, 239, .84);
      backdrop-filter: blur(14px);
    }

    .mpp-vip-page .hero-proof-item {
      min-height: 72px;
      padding: 14px clamp(18px, 3vw, 48px);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
    }

    .mpp-vip-page .hero-proof-item + .hero-proof-item {
      border-left: 1px solid rgba(23, 26, 24, .1);
    }

    .mpp-vip-page .hero-proof-icon {
      width: 34px;
      height: 34px;
      border-radius: 50%;
    }

    .mpp-vip-page .hero-proof-item strong {
      display: block;
      font-size: 13px;
      line-height: 1.35;
    }

    .mpp-vip-page .hero-proof-item div span {
      color: var(--muted);
      font-size: 11px;
      line-height: 1.35;
    }

    .mpp-vip-page .benefit-icon {
      width: 50px;
      height: 50px;
      border-radius: 15px;
    }

    .mpp-vip-page .section {
      padding: 108px 0;
    }

    .mpp-vip-page .section-inner {
      width: var(--page);
      margin: 0 auto;
    }

    .mpp-vip-page .section-head {
      max-width: 720px;
      margin-bottom: 48px;
    }

    .mpp-vip-page .section-kicker {
      margin-bottom: 10px;
      color: #77831a;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .mpp-vip-page h2 {
      margin-bottom: 16px;
      font-size: clamp(35px, 4.4vw, 56px);
      line-height: 1.08;
      letter-spacing: -.05em;
    }

    .mpp-vip-page .section-head > p:last-child {
      margin-bottom: 0;
      color: var(--muted);
      font-size: 18px;
    }

    .mpp-vip-page .path-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
    }

    .mpp-vip-page .path-card {
      padding: clamp(28px, 4vw, 44px);
      border: 1px solid var(--line);
      border-radius: var(--radius-lg);
      background: #fff;
      box-shadow: 0 14px 38px rgba(24, 31, 27, .055);
    }

    .mpp-vip-page .path-card.featured {
      border-color: transparent;
      background: var(--cream);
    }

    .mpp-vip-page .path-label {
      margin-bottom: 26px;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .mpp-vip-page .path-label-icon {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 13px;
      color: #fff;
      background: var(--ink);
    }

    .mpp-vip-page .path-label-icon svg {
      width: 21px;
      height: 21px;
    }

    .mpp-vip-page .path-label strong {
      font-size: 20px;
      letter-spacing: -.02em;
    }

    .mpp-vip-page .steps {
      margin: 0 0 30px;
      padding: 0;
      list-style: none;
    }

    .mpp-vip-page .step {
      position: relative;
      min-height: 82px;
      padding: 0 0 24px 58px;
    }

    .mpp-vip-page .step:last-child {
      min-height: 58px;
      padding-bottom: 0;
    }

    .mpp-vip-page .step:not(:last-child)::before {
      content: "";
      position: absolute;
      top: 38px;
      bottom: 0;
      left: 20px;
      width: 1px;
      background: var(--line);
    }

    .mpp-vip-page .step-number {
      position: absolute;
      top: 0;
      left: 0;
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      border: 1px solid var(--line);
      border-radius: 50%;
      background: #fff;
      font-size: 14px;
      font-weight: 800;
    }

    .mpp-vip-page .step:last-child .step-number {
      border-color: var(--lime);
      background: var(--lime);
    }

    .mpp-vip-page .step strong {
      display: block;
      margin-bottom: 3px;
      font-size: 16px;
    }

    .mpp-vip-page .step p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.5;
    }

    .mpp-vip-page .benefits {
      color: #fff;
      background: var(--ink);
    }

    .mpp-vip-page .benefits .section-kicker {
      color: var(--lime);
    }

    .mpp-vip-page .benefits .section-head > p:last-child {
      color: #bfc6c1;
    }

    .mpp-vip-page .benefit-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }

    .mpp-vip-page .benefit-card {
      min-height: 300px;
      padding: 28px;
      display: flex;
      flex-direction: column;
      border: 1px solid rgba(255, 255, 255, .13);
      border-radius: 22px;
      background: #202522;
    }

    .mpp-vip-page .benefit-icon {
      width: 50px;
      height: 50px;
      margin-bottom: auto;
      border-radius: 15px;
    }

    .mpp-vip-page .benefit-card h3 {
      margin: 36px 0 10px;
      font-size: 20px;
      line-height: 1.25;
      letter-spacing: -.025em;
    }

    .mpp-vip-page .benefit-card p {
      margin: 0;
      color: #bac2bc;
      font-size: 14px;
      line-height: 1.55;
    }

    .mpp-vip-page .profile-section {
      background: var(--cream);
    }

    .mpp-vip-page .profile-layout {
      display: grid;
      grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
      gap: clamp(48px, 8vw, 100px);
      align-items: center;
    }

    .mpp-vip-page .profile-copy h2 {
      max-width: 580px;
    }

    .mpp-vip-page .profile-copy > p {
      max-width: 560px;
      margin-bottom: 28px;
      color: var(--muted);
      font-size: 18px;
    }

    .mpp-vip-page .profile-points {
      margin: 0 0 34px;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 13px;
    }

    .mpp-vip-page .profile-points li {
      display: flex;
      align-items: center;
      gap: 11px;
      font-weight: 700;
    }

    .mpp-vip-page .profile-points svg {
      width: 20px;
      height: 20px;
      color: #77831a;
      flex: 0 0 auto;
    }

    .mpp-vip-page .profile-preview {
      padding: 28px;
      border: 1px solid rgba(23, 26, 24, .1);
      border-radius: 28px;
      background: #fff;
      box-shadow: var(--shadow);
    }

    .mpp-vip-page .preview-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 25px;
    }

    .mpp-vip-page .preview-head span {
      color: var(--muted);
      font-size: 13px;
      font-weight: 700;
    }

    .mpp-vip-page .preview-head strong {
      display: block;
      margin-top: 2px;
      font-size: 21px;
    }

    .mpp-vip-page .progress-value {
      padding: 6px 10px;
      border-radius: 999px;
      color: #fff !important;
      background: var(--ink);
      font-size: 12px !important;
    }

    .mpp-vip-page .progress-track {
      height: 8px;
      margin-bottom: 28px;
      overflow: hidden;
      border-radius: 999px;
      background: #e8ebe7;
    }

    .mpp-vip-page .progress-track span {
      display: block;
      width: 25%;
      height: 100%;
      border-radius: inherit;
      background: var(--lime);
    }

    .mpp-vip-page .question {
      padding: 24px;
      border: 1px solid var(--line);
      border-radius: 20px;
    }

    .mpp-vip-page .question + .question {
      margin-top: 12px;
    }

    .mpp-vip-page .question h3 {
      margin-bottom: 18px;
      font-size: 18px;
      letter-spacing: -.02em;
    }

    .mpp-vip-page .option-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .mpp-vip-page .option {
      min-height: 52px;
      padding: 12px 14px;
      display: flex;
      align-items: center;
      border: 1px solid #d7ddd7;
      border-radius: 13px;
      background: #fff;
      font-size: 14px;
      font-weight: 700;
    }

    .mpp-vip-page .option.selected {
      border-color: var(--lime-deep);
      background: var(--soft-lime);
      box-shadow: inset 0 0 0 1px var(--lime-deep);
    }

    .mpp-vip-page .assurance {
      padding: 92px 0;
      background: #fff;
    }

    .mpp-vip-page .assurance-grid {
      width: var(--page);
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.2fr repeat(3, .8fr);
      align-items: stretch;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }

    .mpp-vip-page .assurance-intro,
.mpp-vip-page .assurance-stat {
      padding: 36px 28px;
    }

    .mpp-vip-page .assurance-intro {
      padding-left: 0;
    }

    .mpp-vip-page .assurance-intro h2 {
      margin: 0;
      font-size: 30px;
    }

    .mpp-vip-page .assurance-stat {
      border-left: 1px solid var(--line);
    }

    .mpp-vip-page .assurance-stat strong {
      display: block;
      margin-bottom: 5px;
      font-size: 25px;
      line-height: 1.15;
      letter-spacing: -.04em;
    }

    .mpp-vip-page .assurance-stat span {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }

    .mpp-vip-page .faq-layout {
      display: grid;
      grid-template-columns: .72fr 1.28fr;
      gap: clamp(50px, 9vw, 120px);
      align-items: start;
    }

    .mpp-vip-page .faq-intro {
      position: sticky;
      top: 112px;
    }

    .mpp-vip-page .faq-intro p {
      color: var(--muted);
      font-size: 17px;
    }

    .mpp-vip-page .faq-list {
      border-top: 1px solid var(--line);
    }

    .mpp-vip-page .faq-list details {
      border-bottom: 1px solid var(--line);
    }

    .mpp-vip-page .faq-list summary {
      min-height: 78px;
      padding: 23px 48px 23px 0;
      position: relative;
      display: flex;
      align-items: center;
      cursor: pointer;
      list-style: none;
      font-size: 17px;
      font-weight: 800;
    }

    .mpp-vip-page .faq-list summary::-webkit-details-marker {
      display: none;
    }

    .mpp-vip-page .faq-list summary::before,
.mpp-vip-page .faq-list summary::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 6px;
      width: 16px;
      height: 2px;
      background: var(--ink);
    }

    .mpp-vip-page .faq-list summary::after {
      transform: rotate(90deg);
    }

    .mpp-vip-page .faq-list details[open] summary::after {
      display: none;
    }

    .mpp-vip-page .faq-answer {
      max-width: 700px;
      padding: 0 54px 25px 0;
      color: var(--muted);
    }

    .mpp-vip-page .faq-answer p {
      margin-bottom: 0;
    }

    .mpp-vip-page .closing {
      padding: 0 0 100px;
    }

    .mpp-vip-page .closing-card {
      width: var(--page);
      margin: 0 auto;
      padding: clamp(42px, 7vw, 78px);
      position: relative;
      overflow: hidden;
      border-radius: var(--radius-xl);
      color: #fff;
      background: var(--ink);
    }

    .mpp-vip-page .closing-card::after {
      content: "";
      position: absolute;
      right: -90px;
      bottom: -130px;
      width: 380px;
      height: 380px;
      border-radius: 50%;
      background: var(--lime);
      opacity: .92;
    }

    .mpp-vip-page .closing-content {
      max-width: 720px;
      position: relative;
      z-index: 2;
    }

    .mpp-vip-page .closing .section-kicker {
      color: var(--lime);
    }

    .mpp-vip-page .closing h2 {
      max-width: 660px;
    }

    .mpp-vip-page .closing p {
      max-width: 610px;
      margin-bottom: 28px;
      color: #c7cec9;
      font-size: 18px;
    }

    .mpp-vip-page .site-footer {
      padding: 30px 0 36px;
      border-top: 1px solid var(--line);
      background: #fff;
    }

    .mpp-vip-page .footer-inner {
      width: var(--page);
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      color: var(--muted);
      font-size: 13px;
    }

    .mpp-vip-page .footer-inner .brand {
      color: var(--ink);
      font-size: 18px;
    }

    .mpp-vip-page :focus-visible {
      outline: 3px solid rgba(126, 145, 18, .45);
      outline-offset: 3px;
    }

    @media (max-width: 1050px) {
      .mpp-vip-page .header-nav {
        display: none;
      }

      .mpp-vip-page .hero-banner {
        min-height: auto;
        grid-template-columns: 1fr;
        align-items: start;
        padding: 58px 46px 0;
        gap: 34px;
      }

      .mpp-vip-page .hero-copy {
        max-width: 650px;
      }

      .mpp-vip-page .hero-scrim {
        background:
          linear-gradient(90deg, rgba(251, 247, 239, .99) 0%, rgba(251, 247, 239, .94) 55%, rgba(251, 247, 239, .46) 100%),
          linear-gradient(0deg, rgba(251, 247, 239, .5) 0%, transparent 34%);
      }

      .mpp-vip-page .hero-side {
        max-width: 760px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .mpp-vip-page .hero-side-card.is-highlight {
        min-height: 110px;
      }

      .mpp-vip-page .hero-proof {
        position: relative;
        grid-column: 1 / -1;
        width: calc(100% + 92px);
        margin-left: -46px;
      }

      .mpp-vip-page .benefit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .mpp-vip-page .profile-layout {
        grid-template-columns: 1fr;
      }

      .mpp-vip-page .profile-copy {
        max-width: 700px;
      }

      .mpp-vip-page .assurance-grid {
        grid-template-columns: repeat(3, 1fr);
      }

      .mpp-vip-page .assurance-intro {
        grid-column: 1 / -1;
        padding: 0 0 24px;
      }

      .mpp-vip-page .assurance-stat:first-of-type {
        border-left: 0;
      }
    }

    @media (max-width: 760px) {
      .mpp-vip-page {
        --page: min(100% - 28px, 1180px);
      }

      .mpp-vip-page .site-header {
        position: static;
      }

      .mpp-vip-page .header-inner {
        min-height: 68px;
      }

      .mpp-vip-page .header-actions .btn-text {
        display: none;
      }

      .mpp-vip-page .header-actions .btn-primary {
        min-height: 44px;
        padding-inline: 14px;
        font-size: 13px;
      }

      .mpp-vip-page .hero-banner {
        padding: 38px 18px 0;
        gap: 24px;
      }

      .mpp-vip-page .hero-backdrop {
        object-position: 58% center;
      }

      .mpp-vip-page .hero-scrim {
        background:
          linear-gradient(90deg, rgba(251, 247, 239, .99) 0%, rgba(251, 247, 239, .94) 72%, rgba(251, 247, 239, .54) 100%),
          linear-gradient(0deg, rgba(251, 247, 239, .62) 0%, transparent 34%);
      }

      .mpp-vip-page h1 {
        font-size: clamp(40px, 12vw, 56px);
      }

      .mpp-vip-page .hero-subtitle {
        font-size: 19px;
      }

      .mpp-vip-page .vip-mini-steps {
        max-width: none;
        margin-bottom: 22px;
      }

      .mpp-vip-page .hero-actions {
        display: grid;
      }

      .mpp-vip-page .hero-actions .btn {
        width: 100%;
        min-width: 0;
      }

      .mpp-vip-page .hero-side {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .mpp-vip-page .hero-side-card,
.mpp-vip-page .hero-side-card.is-highlight {
        min-height: 84px;
        align-items: center;
      }

      .mpp-vip-page .hero-proof {
        width: calc(100% + 36px);
        margin-top: 10px;
        margin-left: -18px;
        grid-template-columns: 1fr;
      }

      .mpp-vip-page .hero-proof-item {
        min-height: 68px;
        justify-content: flex-start;
        padding: 14px 18px;
      }

      .mpp-vip-page .hero-proof-item + .hero-proof-item {
        border-left: 0;
        border-top: 1px solid rgba(23, 26, 24, .1);
      }

      .mpp-vip-page .section {
        padding: 78px 0;
      }

      .mpp-vip-page .section-head {
        margin-bottom: 34px;
      }

      .mpp-vip-page h2 {
        font-size: clamp(34px, 11vw, 46px);
      }

      .mpp-vip-page .path-grid,
.mpp-vip-page .benefit-grid {
        grid-template-columns: 1fr;
      }

      .mpp-vip-page .benefit-card {
        min-height: 245px;
      }

      .mpp-vip-page .profile-preview {
        padding: 18px;
        border-radius: 22px;
      }

      .mpp-vip-page .question {
        padding: 18px;
      }

      .mpp-vip-page .option-grid {
        grid-template-columns: 1fr;
      }

      .mpp-vip-page .assurance {
        padding: 72px 0;
      }

      .mpp-vip-page .assurance-grid {
        grid-template-columns: 1fr;
      }

      .mpp-vip-page .assurance-intro,
.mpp-vip-page .assurance-stat {
        padding: 24px 0;
      }

      .mpp-vip-page .assurance-stat {
        border-top: 1px solid var(--line);
        border-left: 0;
      }

      .mpp-vip-page .faq-layout {
        grid-template-columns: 1fr;
        gap: 22px;
      }

      .mpp-vip-page .faq-intro {
        position: static;
      }

      .mpp-vip-page .closing {
        padding-bottom: 70px;
      }

      .mpp-vip-page .closing-card::after {
        right: -160px;
        bottom: -220px;
      }

      .mpp-vip-page .footer-inner {
        align-items: flex-start;
        flex-direction: column;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .mpp-vip-page {
        scroll-behavior: auto;
      }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67689ca *//* =========================================================
   MYPRINTPIX VIP KLUB – HERO 01
   Benefits blokk vizuális világához igazítva
   HTML változatlan: #vip01Hero / .vip01...
   ========================================================= */


/* ---------------------------------------------------------
   RESET
   --------------------------------------------------------- */

html body #vip01Hero,
html body #vip01Hero * {
    box-sizing: border-box;
}


/* =========================================================
   HERO
   ========================================================= */

html body #vip01Hero.vip01 {
    --vip-lime: #c1e800;
    --vip-lime-main: #a9db00;
    --vip-lime-hover: #caef12;

    --vip-dark: #0b120d;
    --vip-dark-2: #131d14;
    --vip-panel: rgba(24, 33, 26, .88);

    --vip-white: #ffffff;
    --vip-muted: rgba(255, 255, 255, .76);
    --vip-border: rgba(255, 255, 255, .16);

    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 500px !important;
    min-height: 500px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: var(--vip-dark) !important;

    box-shadow: none !important;

    transform: none !important;
    translate: none !important;

    isolation: isolate;
}


/* =========================================================
   HÁTTÉRKÉP
   Sötét olíva tónus, mint az előnyök blokknál
   ========================================================= */

html body #vip01Hero .vip01__photo {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background-image:

        /* teljes képet egységesítő olíva réteg */
        linear-gradient(
            90deg,
            rgba(8, 15, 10, .96) 0%,
            rgba(10, 18, 12, .93) 27%,
            rgba(13, 22, 15, .80) 52%,
            rgba(14, 23, 15, .55) 76%,
            rgba(9, 14, 10, .38) 100%
        ),

        /* középső kontraszt */
        radial-gradient(
            ellipse at 50% 45%,
            rgba(9, 16, 10, .56) 0%,
            rgba(9, 16, 10, .25) 46%,
            rgba(9, 16, 10, 0) 76%
        ),

        url("/img/cms/slider/fotokonyv-slider-202609.jpg") !important;

    background-size:
        cover,
        cover,
        cover !important;

    background-position:
        center,
        center,
        center center !important;

    background-repeat:
        no-repeat !important;

    transform: none !important;
    translate: none !important;

    z-index: 0 !important;
}


/* finom alsó sötét tónus */

html body #vip01Hero .vip01__photo::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(3, 7, 4, .03) 0%,
            rgba(3, 7, 4, .03) 50%,
            rgba(3, 7, 4, .42) 100%
        );

    pointer-events: none;
}


/* =========================================================
   TELJES BELSŐ LAYOUT
   ========================================================= */

html body #vip01Hero > .vip01__body {
    position: absolute !important;

    inset: 0 !important;

    display: grid !important;

    grid-template-rows:
        minmax(0, 1fr)
        auto !important;

    width: auto !important;
    height: auto !important;

    min-height: 0 !important;
    max-width: none !important;

    margin: 0 !important;

    padding:
        30px
        34px
        22px !important;

    transform: none !important;
    translate: none !important;

    z-index: 2 !important;
}


/* =========================================================
   FŐ TARTALOM
   ========================================================= */

html body #vip01Hero .vip01__content {
    position: static !important;

    align-self: center !important;
    justify-self: center !important;

    width: 100% !important;
    max-width: 1080px !important;

    min-width: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    transform: none !important;
    translate: none !important;
}


/* =========================================================
   VIP BRAND
   ========================================================= */

html body #vip01Hero .vip01__brand {
    position: static !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 12px !important;

    width: auto !important;

    margin:
        0
        0
        20px !important;

    padding: 0 !important;

    transform: none !important;
    translate: none !important;
}


html body #vip01Hero .vip01__crown {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 39px !important;

    width: 39px !important;
    height: 39px !important;

    margin: 0 !important;

    /*
       Arany helyett lime:
       összeköti a hero-t az előnyök blokkal.
    */
    color: var(--vip-lime) !important;
}


html body #vip01Hero .vip01__crown svg {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
}


html body #vip01Hero .vip01__brand > div:last-child {
    text-align: left !important;
}


html body #vip01Hero .vip01__brand-small {
    display: block !important;

    margin:
        0
        0
        5px !important;

    font-size: 9px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

    letter-spacing: .23em !important;

    color:
        rgba(255,255,255,.64) !important;
}


html body #vip01Hero .vip01__brand-main {
    display: block !important;

    margin: 0 !important;

    font-size: 17px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

    letter-spacing: .06em !important;

    color: #fff !important;
}


/* =========================================================
   COPY
   Desktopon 2 oszlop:
   bal: cím
   jobb: leírás + CTA
   ========================================================= */

html body #vip01Hero .vip01__copy {
    position: static !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.18fr)
        minmax(320px, .82fr) !important;

    grid-template-areas:
        "eyebrow lead"
        "title lead"
        "title button";

    column-gap: 66px !important;

    align-items: start !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    translate: none !important;

    text-align: left !important;
}


/* =========================================================
   EYEBROW
   ========================================================= */

html body #vip01Hero .vip01__eyebrow {
    grid-area: eyebrow;

    display: flex !important;

    align-items: center !important;

    gap: 11px !important;

    width: 100% !important;

    margin:
        0
        0
        10px !important;

    padding: 0 !important;

    text-align: left !important;

    font-size: 11px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    letter-spacing: .13em !important;

    text-transform: uppercase !important;

    color: var(--vip-lime) !important;
}


/* ugyanaz a lime vonal, mint az előnyök fejlécében */

html body #vip01Hero .vip01__eyebrow::before {
    content: "";

    display: block;

    flex: 0 0 28px;

    width: 28px;
    height: 2px;

    background: var(--vip-lime);
}


/* =========================================================
   FŐCÍM
   ========================================================= */

html body #vip01Hero .vip01__copy h1 {
    grid-area: title;

    position: static !important;

    display: block !important;

    width: 100% !important;
    max-width: 620px !important;

    margin: 0 !important;

    padding: 0 !important;

    transform: none !important;
    translate: none !important;

    text-align: left !important;

    font-family: inherit !important;

    font-size: 50px !important;
    line-height: 1.00 !important;

    font-weight: 500 !important;

    letter-spacing:
        -.045em !important;

    color: #fff !important;
}


/*
   A cím második része lime,
   ugyanúgy mint:
   "Neked válogatva."
*/

html body #vip01Hero .vip01__copy h1 span {
    display: block !important;

    color: var(--vip-lime) !important;
}


/* =========================================================
   LEÍRÁS
   ========================================================= */

html body #vip01Hero .vip01__copy p {
    grid-area: lead;

    position: static !important;

    display: block !important;

    width: 100% !important;
    max-width: 420px !important;

    margin:
        8px
        0
        0 !important;

    padding: 0 !important;

    text-align: left !important;

    font-size: 15px !important;
    line-height: 1.55 !important;

    font-weight: 400 !important;

    color:
        rgba(255,255,255,.88) !important;
}


/* =========================================================
   CTA
   ========================================================= */

html body #vip01Hero .vip01__cta {
    grid-area: button;

    position: static !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    justify-self: start !important;

    gap: 11px !important;

    width: auto !important;

    margin:
        20px
        0
        0 !important;

    padding:
        14px
        24px !important;

    border: 0 !important;

    border-radius: 10px !important;

    background:
        var(--vip-lime) !important;

    color:
        #12180d !important;

    text-decoration: none !important;

    font-size: 13px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

    box-shadow: none !important;

    transform: none !important;
    translate: none !important;

    transition:
        background-color .2s ease,
        transform .2s ease !important;
}


html body #vip01Hero .vip01__cta svg {
    width: 18px !important;
    height: 18px !important;

    transition:
        transform .2s ease;
}


html body #vip01Hero .vip01__cta:hover {
    background:
        var(--vip-lime-hover) !important;

    color:
        #12180d !important;

    transform:
        translateY(-1px) !important;
}


html body #vip01Hero .vip01__cta:hover svg {
    transform:
        translateX(3px);
}


/* =========================================================
   ALSÓ ELŐNYKÁRTYÁK
   A benefits blokk kártyáihoz igazítva
   ========================================================= */

html body #vip01Hero .vip01__features {
    position: static !important;

    align-self: end !important;
    justify-self: center !important;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    width: 100% !important;
    max-width: 1080px !important;

    margin:
        27px
        auto
        0 !important;

    padding: 0 !important;

    gap: 12px !important;

    transform: none !important;
    translate: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    overflow: visible !important;
}


/* =========================================================
   EGY ELŐNY KÁRTYA
   ========================================================= */

html body #vip01Hero .vip01__feature {
    position: relative !important;

    display: grid !important;

    grid-template-columns:
        42px
        minmax(0, 1fr) !important;

    align-items: center !important;

    gap: 13px !important;

    min-width: 0 !important;
    min-height: 74px !important;

    margin: 0 !important;

    padding:
        13px
        16px !important;

    border:
        1px solid
        var(--vip-border) !important;

    border-radius:
        13px !important;

    background:
        rgba(24,33,26,.88) !important;

    box-shadow: none !important;

    transform: none !important;

    text-align: left !important;
}


/* első elem kicsit erősebb, mint az előnyök blokkban */

html body #vip01Hero .vip01__feature:first-child {
    border-color:
        rgba(193,232,0,.58) !important;

    background:
        rgba(27,38,26,.94) !important;
}


html body #vip01Hero .vip01__feature +
.vip01__feature {
    border-left:
        1px solid
        var(--vip-border) !important;
}


/* =========================================================
   IKON
   ========================================================= */

html body #vip01Hero .vip01__feature-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 42px !important;

    width: 42px !important;
    height: 42px !important;

    margin: 0 !important;

    border:
        1px solid
        rgba(193,232,0,.38) !important;

    border-radius:
        10px !important;

    background:
        rgba(193,232,0,.07) !important;

    color:
        var(--vip-lime) !important;
}


/* első ikon kitöltött lime */

html body #vip01Hero
.vip01__feature:first-child
.vip01__feature-icon {
    border-color:
        var(--vip-lime) !important;

    background:
        var(--vip-lime) !important;

    color:
        #131a0e !important;
}


html body #vip01Hero .vip01__feature-icon svg {
    width: 18px !important;
    height: 18px !important;
}


/* =========================================================
   ELŐNY CÍM
   ========================================================= */

html body #vip01Hero .vip01__feature strong {
    display: block !important;

    margin:
        0
        0
        4px !important;

    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.25 !important;

    font-weight: 700 !important;

    color: #fff !important;
}


/* =========================================================
   ELŐNY LEÍRÁS
   ========================================================= */

html body #vip01Hero .vip01__feature span {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 11px !important;
    line-height: 1.4 !important;

    font-weight: 400 !important;

    color:
        rgba(255,255,255,.70) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) and (min-width: 768px) {

    html body #vip01Hero.vip01 {
        height: 500px !important;
        min-height: 500px !important;
    }


    html body #vip01Hero > .vip01__body {
        padding:
            27px
            26px
            20px !important;
    }


    html body #vip01Hero .vip01__content {
        max-width: 94% !important;
    }


    html body #vip01Hero .vip01__copy {
        grid-template-columns:
            minmax(0,1.1fr)
            minmax(280px,.9fr) !important;

        column-gap:
            38px !important;
    }


    html body #vip01Hero .vip01__copy h1 {
        font-size:
            43px !important;
    }


    html body #vip01Hero .vip01__copy p {
        font-size:
            14px !important;
    }


    html body #vip01Hero .vip01__features {
        max-width:
            94% !important;
    }


    html body #vip01Hero .vip01__feature {
        grid-template-columns:
            36px
            minmax(0,1fr) !important;

        gap:
            10px !important;

        padding:
            11px
            12px !important;
    }


    html body #vip01Hero .vip01__feature-icon {
        width: 36px !important;
        height: 36px !important;
    }


    html body #vip01Hero .vip01__feature strong {
        font-size:
            12px !important;
    }


    html body #vip01Hero .vip01__feature span {
        font-size:
            10px !important;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    html body #vip01Hero.vip01 {
        position: relative !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        overflow: hidden !important;

        background:
            #0b120d !important;
    }


    /* -----------------------------------------------------
       MOBIL HÁTTÉR
       ----------------------------------------------------- */

    html body #vip01Hero .vip01__photo {
        position: absolute !important;

        inset: 0 !important;

        background-image:

            linear-gradient(
                180deg,
                rgba(7,14,9,.22) 0%,
                rgba(7,14,9,.36) 18%,
                rgba(7,14,9,.72) 34%,
                rgba(7,14,9,.96) 52%,
                #0b120d 70%
            ),

            url("/img/cms/slider/fotokonyv-slider-202609.jpg") !important;

        background-size:
            auto,
            auto 250px !important;

        background-position:
            center,
            top center !important;

        background-repeat:
            no-repeat,
            no-repeat !important;
    }


    html body #vip01Hero .vip01__photo::after {
        background:
            linear-gradient(
                180deg,
                transparent 0%,
                rgba(0,0,0,.04) 35%,
                rgba(0,0,0,.20) 100%
            );
    }


    /* -----------------------------------------------------
       MOBIL FLOW
       ----------------------------------------------------- */

    html body #vip01Hero > .vip01__body {
        position: relative !important;

        inset: auto !important;

        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;

        padding:
            18px
            16px
            16px !important;
    }


    html body #vip01Hero .vip01__content {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
    }


    /* -----------------------------------------------------
       LOGÓ
       ----------------------------------------------------- */

    html body #vip01Hero .vip01__brand {
        justify-content:
            flex-start !important;

        margin:
            0
            0
            86px !important;
    }


    html body #vip01Hero .vip01__crown {
        flex-basis:
            34px !important;

        width:
            34px !important;

        height:
            34px !important;
    }


    html body #vip01Hero .vip01__brand-small {
        font-size:
            8px !important;
    }


    html body #vip01Hero .vip01__brand-main {
        font-size:
            15px !important;
    }


    /* -----------------------------------------------------
       COPY MOBILON ÚJRA EGY OSZLOP
       ----------------------------------------------------- */

    html body #vip01Hero .vip01__copy {
        display: block !important;

        width: 100% !important;

        text-align: left !important;
    }


    html body #vip01Hero .vip01__eyebrow {
        margin:
            0
            0
            9px !important;

        text-align:
            left !important;

        font-size:
            10px !important;
    }


    html body #vip01Hero .vip01__eyebrow::before {
        flex-basis:
            20px;

        width:
            20px;
    }


    html body #vip01Hero .vip01__copy h1 {
        width: 100% !important;
        max-width: none !important;

        margin:
            0 !important;

        text-align:
            left !important;

        font-size:
            31px !important;

        line-height:
            1.02 !important;

        letter-spacing:
            -.03em !important;
    }


    html body #vip01Hero .vip01__copy h1 span {
        display:
            block !important;
    }


    html body #vip01Hero .vip01__copy p {
        width: 100% !important;
        max-width: none !important;

        margin:
            13px
            0
            0 !important;

        text-align:
            left !important;

        font-size:
            13px !important;

        line-height:
            1.5 !important;
    }


    html body #vip01Hero .vip01__cta {
        margin:
            17px
            0
            0 !important;

        padding:
            13px
            18px !important;

        border-radius:
            9px !important;

        font-size:
            12px !important;
    }


    /* -----------------------------------------------------
       MOBIL ELŐNYÖK
       ----------------------------------------------------- */

    html body #vip01Hero .vip01__features {
        display:
            block !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            21px
            0
            0 !important;
    }


    html body #vip01Hero .vip01__feature {
        grid-template-columns:
            38px
            minmax(0,1fr) !important;

        width:
            100% !important;

        min-height:
            0 !important;

        gap:
            12px !important;

        margin-bottom:
            9px !important;

        padding:
            12px
            13px !important;

        border-radius:
            11px !important;
    }


    html body #vip01Hero .vip01__feature:last-child {
        margin-bottom:
            0 !important;
    }


    html body #vip01Hero .vip01__feature-icon {
        width:
            38px !important;

        height:
            38px !important;

        border-radius:
            9px !important;
    }


    html body #vip01Hero .vip01__feature-icon svg {
        width:
            16px !important;

        height:
            16px !important;
    }


    html body #vip01Hero .vip01__feature strong {
        font-size:
            13px !important;
    }


    html body #vip01Hero .vip01__feature span {
        font-size:
            11px !important;
    }

}


/* =========================================================
   KISEBB MOBIL
   ========================================================= */

@media (max-width: 420px) {

    html body #vip01Hero > .vip01__body {
        padding-left:
            14px !important;

        padding-right:
            14px !important;
    }


    html body #vip01Hero .vip01__brand {
        margin-bottom:
            78px !important;
    }


    html body #vip01Hero .vip01__copy h1 {
        font-size:
            29px !important;
    }


    html body #vip01Hero .vip01__copy p {
        font-size:
            12px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b3e2e1 *//* =========================================================
   MYPRINTPIX VIP – ÍGY CSATLAKOZHATSZ
   TELJES JAVÍTOTT CSS
   ========================================================= */

.mpp-vip-process,
.mpp-vip-process * {
    box-sizing: border-box;
}


/* =========================================================
   TELJES SZAKASZ
   ========================================================= */

.mpp-vip-process {
    --mpp-green: #a9db00;
    --mpp-green-dark: #8fb900;
    --mpp-text: #171717;
    --mpp-muted: #747770;
    --mpp-border: #e7e9e2;
    --mpp-soft: #fafbf7;

    width: 100%;
    max-width: 100%;

    margin: 0;

    padding:
        48px
        0
        56px;

    background: transparent !important;

    overflow: hidden;
}


/* =========================================================
   FEJLÉC
   ========================================================= */

.mpp-vip-process__head {
    width: min(720px, calc(100% - 32px));

    margin:
        0
        auto
        34px;

    padding: 0;

    text-align: center;
}


.mpp-vip-process__eyebrow {
    display: block;

    margin:
        0
        0
        10px;

    font-size: 12px;
    line-height: 1.2;

    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;

    color:
        var(--mpp-green-dark);
}


.mpp-vip-process__head h2 {
    margin:
        0
        0
        12px !important;

    padding: 0 !important;

    font-size:
        clamp(34px, 3.2vw, 46px) !important;

    line-height: 1.08 !important;

    font-weight: 650 !important;

    letter-spacing:
        -.035em !important;

    color:
        var(--mpp-text) !important;
}


.mpp-vip-process__head p {
    width: min(640px, 100%);

    margin:
        0
        auto !important;

    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;

    font-weight: 400 !important;

    color:
        var(--mpp-muted) !important;
}


/* =========================================================
   3 OSZLOPOS GRID
   ========================================================= */

.mpp-vip-process__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    align-items: stretch;

    gap: 18px;

    /*
       Nem engedjük kifutni a CMS konténerből.
       16-16 px levegő marad két oldalon.
    */

    width: calc(100% - 32px);
    max-width: 1160px;

    margin:
        0
        auto;

    padding: 0;

    min-width: 0;
}


/* =========================================================
   KÁRTYA
   ========================================================= */

.mpp-vip-process__card {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 100%;
    max-width: none;

    min-width: 0;
    min-height: 455px;

    margin: 0;

    padding:
        28px
        24px
        22px;

    border:
        1px solid
        var(--mpp-border);

    border-radius: 15px;

    background:
        #fff;

    box-shadow:
        0 5px 22px
        rgba(20, 25, 15, .035);

    overflow: hidden;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}


.mpp-vip-process__card:hover {
    transform:
        translateY(-2px);

    border-color:
        #dce1d2;

    box-shadow:
        0 11px 30px
        rgba(20, 25, 15, .065);
}


/* =========================================================
   KIEMELT KÖZÉPSŐ KÁRTYA
   ========================================================= */

.mpp-vip-process__card--accent {
    border-color:
        rgba(169,219,0,.72);

    box-shadow:
        0 7px 24px
        rgba(169,219,0,.055);
}


/* =========================================================
   GYORSABB ÚT CÍMKE
   ========================================================= */

.mpp-vip-process__tag {
    position: absolute;

    top: 0;
    right: 17px;

    padding:
        8px
        12px;

    border-radius:
        0
        0
        8px
        8px;

    background:
        var(--mpp-green);

    font-size: 10px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: .07em;

    color:
        #20251a;
}


/* =========================================================
   KÁRTYAFEJLÉC
   ========================================================= */

.mpp-vip-process__card-head {
    display: flex;

    align-items: center;

    gap: 14px;

    width: 100%;

    min-width: 0;

    margin:
        0
        0
        24px;
}


/* nagy kör ikon */

.mpp-vip-process__main-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    flex:
        0
        0
        52px;

    width: 52px;
    height: 52px;

    border-radius: 50%;

    background:
        #fafbf7;

    color:
        var(--mpp-green);
}


.mpp-vip-process__main-icon svg {
    width: 23px;
    height: 23px;
}


/* =========================================================
   KIS FELSŐ FELIRAT
   pl. MÁR REGISZTRÁLTÁL?
   ========================================================= */

.mpp-vip-process__card-head span {
    display: block;

    margin:
        0
        0
        7px;

    font-size: 12px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    letter-spacing: .09em !important;

    color:
        var(--mpp-green-dark) !important;

    text-transform: uppercase;
}


/* =========================================================
   KÁRTYACÍM
   ========================================================= */

.mpp-vip-process__card h3 {
    margin: 0 !important;

    padding: 0 !important;

    font-size: 23px !important;
    line-height: 1.16 !important;

    font-weight: 650 !important;

    letter-spacing:
        -.025em !important;

    color:
        var(--mpp-text) !important;
}


/* =========================================================
   LÉPÉSEK
   ========================================================= */

.mpp-vip-process__steps {
    display: flex;

    flex-direction: column;

    flex: 1;

    width: 100%;

    min-width: 0;
}


.mpp-vip-process__step {
    display: grid;

    grid-template-columns:
        43px
        minmax(0, 1fr);

    align-items: start;

    gap: 13px;

    width: 100%;

    min-width: 0;

    padding:
        15px
        0;

    border-bottom:
        1px solid
        #eff0eb;
}


.mpp-vip-process__step:first-child {
    padding-top: 5px;
}


.mpp-vip-process__step:last-child {
    border-bottom: 0;

    padding-bottom: 7px;
}


/* =========================================================
   LÉPÉS IKON
   ========================================================= */

.mpp-vip-process__step-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    border:
        1px solid
        rgba(169,219,0,.60);

    border-radius: 50%;

    background:
        #fff;

    color:
        var(--mpp-green);
}


.mpp-vip-process__step-icon svg {
    width: 18px;
    height: 18px;
}


/* =========================================================
   LÉPÉS CÍM
   ========================================================= */

.mpp-vip-process__step strong {
    display: block;

    margin:
        0
        0
        5px;

    font-size: 15px !important;
    line-height: 1.35 !important;

    font-weight: 650 !important;

    color:
        #20211f !important;
}


/* =========================================================
   LÉPÉS LEÍRÁS
   ========================================================= */

.mpp-vip-process__step p {
    margin: 0 !important;

    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.5 !important;

    font-weight: 400 !important;

    color:
        #73766f !important;

    overflow-wrap: break-word;
}


/* =========================================================
   GOMB
   ========================================================= */

.mpp-vip-process__button {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    width: 100%;

    margin:
        auto
        0
        0;

    padding:
        14px
        18px;

    border:
        1px solid
        var(--mpp-green);

    border-radius: 10px;

    background:
        #fff;

    color:
        #1d1f1b !important;

    text-decoration: none !important;

    font-size: 14px !important;
    line-height: 1 !important;

    font-weight: 650 !important;

    transition:
        background .2s ease,
        border-color .2s ease;
}


.mpp-vip-process__button span {
    font-size: 18px !important;

    color:
        var(--mpp-green-dark) !important;

    transition:
        transform .2s ease;
}


.mpp-vip-process__button:hover {
    background:
        #fbfdf6;

    border-color:
        var(--mpp-green-dark);

    color:
        #1d1f1b !important;
}


.mpp-vip-process__button:hover span {
    transform:
        translateX(3px);
}


/* zöld fő CTA */

.mpp-vip-process__button--green {
    background:
        var(--mpp-green);

    border-color:
        var(--mpp-green);

    color:
        #171b11 !important;
}


.mpp-vip-process__button--green span {
    color:
        #171b11 !important;
}


.mpp-vip-process__button--green:hover {
    background:
        #b7e817;

    border-color:
        #b7e817;

    color:
        #171b11 !important;
}


/* =========================================================
   VIP ELŐNY LISTA
   ========================================================= */

.mpp-vip-process__benefits {
    display: flex;

    flex-direction: column;

    flex: 1;

    width: 100%;

    min-width: 0;
}


.mpp-vip-process__benefit {
    display: grid;

    grid-template-columns:
        43px
        minmax(0, 1fr);

    align-items: start;

    gap: 13px;

    width: 100%;

    min-width: 0;

    padding:
        16px
        0;

    border-bottom:
        1px solid
        #eff0eb;
}


.mpp-vip-process__benefit:first-child {
    padding-top: 5px;
}


.mpp-vip-process__benefit:last-child {
    border-bottom: 0;
}


/* =========================================================
   VIP ELŐNY IKON
   ========================================================= */

.mpp-vip-process__benefit-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 43px;
    height: 43px;

    border:
        1px solid
        rgba(169,219,0,.60);

    border-radius: 50%;

    background:
        #fff;

    color:
        var(--mpp-green);

    font-size: 16px;

    font-weight: 700;
}


.mpp-vip-process__benefit-icon svg {
    width: 18px;
    height: 18px;
}


/* =========================================================
   VIP ELŐNY CÍM
   ========================================================= */

.mpp-vip-process__benefit strong {
    display: block;

    margin:
        0
        0
        5px;

    font-size: 15px !important;
    line-height: 1.35 !important;

    font-weight: 650 !important;

    color:
        #20211f !important;
}


/* =========================================================
   VIP ELŐNY LEÍRÁS
   ========================================================= */

.mpp-vip-process__benefit p {
    margin: 0 !important;

    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.5 !important;

    font-weight: 400 !important;

    color:
        #73766f !important;

    overflow-wrap: break-word;
}


/* =========================================================
   1020 PX ALATT
   ========================================================= */

@media (max-width: 1020px) {

    .mpp-vip-process__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        width:
            calc(100% - 28px);
    }


    .mpp-vip-process__card:last-child {
        grid-column:
            1 / -1;

        min-height: 0;
    }


    .mpp-vip-process__card:last-child
    .mpp-vip-process__benefits {
        display: grid;

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 18px;
    }


    .mpp-vip-process__card:last-child
    .mpp-vip-process__benefit {
        border-bottom: 0;

        padding:
            8px
            0;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .mpp-vip-process {
        padding:
            40px
            0
            45px;
    }


    .mpp-vip-process__head {
        width:
            calc(100% - 28px);

        margin-bottom:
            25px;
    }


    .mpp-vip-process__eyebrow {
        font-size:
            11px;
    }


    .mpp-vip-process__head h2 {
        font-size:
            30px !important;
    }


    .mpp-vip-process__head p {
        font-size:
            14px !important;
    }


    .mpp-vip-process__grid {
        display: block;

        width:
            calc(100% - 24px);

        max-width:
            none;
    }


    .mpp-vip-process__card {
        width: 100%;

        min-height: 0;

        margin:
            0
            0
            14px;

        padding:
            23px
            19px
            20px;

        border-radius:
            13px;
    }


    .mpp-vip-process__card:last-child {
        margin-bottom: 0;
    }


    .mpp-vip-process__card-head {
        margin-bottom:
            19px;
    }


    .mpp-vip-process__main-icon {
        flex-basis: 48px;

        width: 48px;
        height: 48px;
    }


    .mpp-vip-process__card-head span {
        font-size:
            11px !important;
    }


    .mpp-vip-process__card h3 {
        font-size:
            21px !important;
    }


    .mpp-vip-process__step,
    .mpp-vip-process__benefit {
        grid-template-columns:
            39px
            minmax(0, 1fr);

        gap: 12px;

        padding:
            12px
            0;
    }


    .mpp-vip-process__step-icon,
    .mpp-vip-process__benefit-icon {
        width: 39px;
        height: 39px;
    }


    .mpp-vip-process__step strong,
    .mpp-vip-process__benefit strong {
        font-size:
            14px !important;
    }


    .mpp-vip-process__step p,
    .mpp-vip-process__benefit p {
        font-size:
            13px !important;
    }


    .mpp-vip-process__card:last-child
    .mpp-vip-process__benefits {
        display: block;
    }


    .mpp-vip-process__button {
        margin-top:
            17px;

        font-size:
            13px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80497b4 *//* MyPrintPix VIP – kompakt prémium előnyök blokk */

@property --mpp-vip-light-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.mpp-vip-value,
.mpp-vip-value * {
  box-sizing: border-box;
}

.mpp-vip-value {
  --vip-lime: #c5df24;
  --vip-lime-light: #e5f66e;
  --vip-lime-dark: #839b0d;
  --vip-white: #ffffff;
  --vip-body: #d8e0da;
  --vip-muted: #aeb9b2;
  --vip-background: #111713;
  --vip-card: #1a221d;

  width: 100% !important;
  max-width: none !important;
  height: 500px;
  max-height: 500px;
  margin: 0 !important;
  overflow: hidden;
  color: var(--vip-white);
  border: 1px solid rgba(197, 223, 36, 0.17);
  background:
    radial-gradient(
      circle at 90% 0,
      rgba(197, 223, 36, 0.13),
      transparent 35%
    ),
    radial-gradient(
      circle at 0 100%,
      rgba(197, 223, 36, 0.05),
      transparent 30%
    ),
    linear-gradient(135deg, #101612 0%, #161e19 100%);
  font-family: Manrope, Arial, sans-serif;
}

.mpp-vip-value__inner {
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 24px clamp(22px, 2.7vw, 32px) 18px;
  display: grid;
  grid-template-rows: 118px 224px 82px;
  gap: 12px;
}

/* Fejléc */

.mpp-vip-value__header {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: center;
  gap: 42px;
}

.mpp-vip-value .mpp-vip-value__kicker {
  margin: 0 0 8px !important;
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--vip-lime) !important;
  -webkit-text-fill-color: var(--vip-lime) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  opacity: 1 !important;
}

.mpp-vip-value__kicker > span {
  width: 28px;
  height: 2px;
  flex: 0 0 auto;
  background: var(--vip-lime);
}

html body .mpp-vip-value .mpp-vip-value__title {
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(38px, 3.35vw, 46px) !important;
  font-weight: 750 !important;
  line-height: 0.99 !important;
  letter-spacing: -0.045em;
  opacity: 1 !important;
}

html body .mpp-vip-value .mpp-vip-value__title em {
  color: var(--vip-lime-light) !important;
  -webkit-text-fill-color: var(--vip-lime-light) !important;
  font-style: normal;
}

html body .mpp-vip-value .mpp-vip-value__intro {
  max-width: 450px;
  margin: 0 !important;
  color: #e4eae6 !important;
  -webkit-text-fill-color: #e4eae6 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
}

/* Kártyák */

.mpp-vip-value__grid {
  width: 100%;
  height: 224px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.mpp-vip-value__card {
  --mpp-vip-card-fill:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.06),
      rgba(255, 255, 255, 0.015)
    ),
    #1a221d;

  min-width: 0;
  height: 224px;
  padding: 18px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(224, 235, 228, 0.19);
  border-radius: 17px;
  background: var(--mpp-vip-card-fill);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 13px 28px rgba(0, 0, 0, 0.14);
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

/* Belső háttér az animált keret felett */

.mpp-vip-value__card::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 1px;
  border-radius: 15px;
  background: var(--mpp-vip-card-fill);
  pointer-events: none;
}

/* Körbefutó fénycsík */

.mpp-vip-value__card::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: -1px;
  padding: 2px;
  border-radius: 18px;
  opacity: 0;
  pointer-events: none;
  background:
    conic-gradient(
      from var(--mpp-vip-light-angle),
      transparent 0deg,
      transparent 278deg,
      rgba(197, 223, 36, 0.18) 300deg,
      #f7ffd0 324deg,
      var(--vip-lime) 342deg,
      transparent 360deg
    );

  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;

  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.mpp-vip-value__card > * {
  position: relative;
  z-index: 2;
}

.mpp-vip-value__card--featured {
  --mpp-vip-card-fill:
    radial-gradient(
      circle at 12% 0,
      rgba(197, 223, 36, 0.17),
      transparent 45%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.015)
    ),
    #1a221b;

  border-color: rgba(197, 223, 36, 0.5);
}

.mpp-vip-value__card-top {
  height: 48px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.mpp-vip-value__icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(197, 223, 36, 0.3);
  border-radius: 14px;
  color: var(--vip-lime);
  background: rgba(197, 223, 36, 0.09);
}

.mpp-vip-value__card--featured .mpp-vip-value__icon {
  color: #111510;
  background: var(--vip-lime);
  border-color: var(--vip-lime);
}

.mpp-vip-value__icon svg {
  width: 23px;
  height: 23px;
}

html body .mpp-vip-value .mpp-vip-value__card-kicker {
  margin: 0 !important;
  color: var(--vip-lime) !important;
  -webkit-text-fill-color: var(--vip-lime) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  opacity: 1 !important;
}

.mpp-vip-value__card-content {
  margin-top: 17px;
}

html body .mpp-vip-value .mpp-vip-value__card h3 {
  margin: 0 0 8px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em;
  opacity: 1 !important;
}

html body .mpp-vip-value .mpp-vip-value__card-content > p {
  margin: 0 !important;
  color: #d8e0da !important;
  -webkit-text-fill-color: #d8e0da !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
  opacity: 1 !important;
}

/* Hover */

@media (hover: hover) and (pointer: fine) {
  .mpp-vip-value__card:hover {
    transform: translateY(-3px);
    border-color: transparent;
    box-shadow:
      0 0 0 1px rgba(197, 223, 36, 0.2),
      0 0 24px rgba(197, 223, 36, 0.14),
      0 18px 34px rgba(0, 0, 0, 0.2);
  }

  .mpp-vip-value__card:hover::before {
    opacity: 1;
    animation: mpp-vip-border-light 1.8s linear infinite;
  }
}

@keyframes mpp-vip-border-light {
  to {
    --mpp-vip-light-angle: 360deg;
  }
}

/* Beépített CTA */

.mpp-vip-value__join {
  width: 100%;
  height: 82px;
  min-height: 82px;
  padding: 10px 14px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  overflow: hidden;
  border: 1px solid rgba(197, 223, 36, 0.36);
  border-radius: 15px;
  background:
    linear-gradient(
      90deg,
      rgba(197, 223, 36, 0.11),
      rgba(255, 255, 255, 0.035)
    ),
    #18201b;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 26px rgba(0, 0, 0, 0.14);
}

.mpp-vip-value__join-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(197, 223, 36, 0.3);
  border-radius: 14px;
  color: var(--vip-lime);
  background: rgba(197, 223, 36, 0.1);
}

.mpp-vip-value__join-icon svg {
  width: 21px;
  height: 21px;
}

.mpp-vip-value__join-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

html body .mpp-vip-value .mpp-vip-value__join-kicker {
  margin: 0 !important;
  color: var(--vip-lime) !important;
  -webkit-text-fill-color: var(--vip-lime) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 1 !important;
}

html body .mpp-vip-value .mpp-vip-value__join-copy h3 {
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em;
  opacity: 1 !important;
}

html body .mpp-vip-value .mpp-vip-value__join-copy > p:last-child {
  margin: 0 !important;
  color: #d7dfda !important;
  -webkit-text-fill-color: #d7dfda !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
}

.mpp-vip-value__join-button {
  min-width: 218px;
  min-height: 48px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 1px solid var(--vip-lime);
  border-radius: 10px;
  color: #111510 !important;
  -webkit-text-fill-color: #111510 !important;
  background: var(--vip-lime);
  box-shadow: 0 8px 20px rgba(197, 223, 36, 0.14);
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
}

.mpp-vip-value__join-button svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

/* Tablet */

@media (max-width: 1050px) {
  .mpp-vip-value {
    height: auto;
    max-height: none;
  }

  .mpp-vip-value__inner {
    height: auto;
    padding: 36px 24px 28px;
    display: block;
  }

  .mpp-vip-value__header {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 26px;
  }

  .mpp-vip-value__grid {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mpp-vip-value__card {
    height: auto;
    min-height: 224px;
  }

  .mpp-vip-value__join {
    margin-top: 18px;
  }
}

/* Mobil */

@media (max-width: 620px) {
  .mpp-vip-value__inner {
    padding: 32px 16px 20px;
  }

  html body .mpp-vip-value .mpp-vip-value__title {
    font-size: 36px !important;
    line-height: 1.04 !important;
  }

  html body .mpp-vip-value .mpp-vip-value__intro {
    font-size: 15px !important;
  }

  .mpp-vip-value__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .mpp-vip-value__card {
    min-height: 218px;
  }

  html body .mpp-vip-value .mpp-vip-value__card h3 {
    font-size: 21px !important;
  }

  .mpp-vip-value__join {
    height: auto;
    min-height: 0;
    padding: 16px;
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .mpp-vip-value__join-button {
    width: 100%;
    min-width: 0;
    margin-top: 8px;
    grid-column: 1 / -1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mpp-vip-value__card,
  .mpp-vip-value__card::before {
    transition: none;
    animation: none !important;
  }
}
/* =====================================================
   MYPRINTPIX VIP – VÉGLEGES MÉRET- ÉS ELRENDEZÉSKORREKCIÓ
   Ezt a teljes jelenlegi CSS legvégére kell beilleszteni.
===================================================== */

.mpp-vip-value {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Minden fontos szövegszín rögzítése */

html body .mpp-vip-value .mpp-vip-value__title,
html body .mpp-vip-value .mpp-vip-value__card h3,
html body .mpp-vip-value .mpp-vip-value__join-copy h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body .mpp-vip-value .mpp-vip-value__title em {
  color: #e5f66e !important;
  -webkit-text-fill-color: #e5f66e !important;
}

html body .mpp-vip-value .mpp-vip-value__kicker,
html body .mpp-vip-value .mpp-vip-value__card-kicker,
html body .mpp-vip-value .mpp-vip-value__join-kicker {
  color: #c5df24 !important;
  -webkit-text-fill-color: #c5df24 !important;
  opacity: 1 !important;
}

html body .mpp-vip-value .mpp-vip-value__intro {
  color: #e7ece9 !important;
  -webkit-text-fill-color: #e7ece9 !important;
  opacity: 1 !important;
}

html body .mpp-vip-value .mpp-vip-value__card-content > p,
html body .mpp-vip-value .mpp-vip-value__join-copy > p:last-child {
  color: #d8e0da !important;
  -webkit-text-fill-color: #d8e0da !important;
  opacity: 1 !important;
}

/* =====================================================
   ASZTALI NÉZET – PONTOSAN 500 PX MAGAS
===================================================== */

@media (min-width: 1051px) {
  .mpp-vip-value {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
    overflow: hidden !important;
  }

  .mpp-vip-value__inner {
    width: 100% !important;
    height: 500px !important;
    padding: 20px 32px 16px !important;
    display: grid !important;
    grid-template-rows: 130px 224px 82px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    align-content: start !important;
  }

  /* Fejléc */

  .mpp-vip-value__header {
    width: 100% !important;
    height: 130px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns:
      minmax(0, 1.25fr)
      minmax(300px, 0.75fr) !important;
    align-items: center !important;
    gap: 42px !important;
    overflow: visible !important;
  }

  .mpp-vip-value__heading {
    height: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  html body .mpp-vip-value .mpp-vip-value__kicker {
    margin: 0 0 9px !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  html body .mpp-vip-value .mpp-vip-value__title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 40px !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em !important;
  }

  html body .mpp-vip-value .mpp-vip-value__intro {
    max-width: 440px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  /* Kártyák */

  .mpp-vip-value__grid {
    width: 100% !important;
    height: 224px !important;
    min-height: 224px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .mpp-vip-value__card {
    width: 100% !important;
    height: 224px !important;
    min-height: 224px !important;
    margin: 0 !important;
    padding: 17px !important;
  }

  .mpp-vip-value__card-top {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
  }

  .mpp-vip-value__card-content {
    margin: 14px 0 0 !important;
    padding: 0 !important;
  }

  html body .mpp-vip-value .mpp-vip-value__card h3 {
    margin: 0 0 8px !important;
    padding: 0 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.16 !important;
    letter-spacing: -0.025em !important;
  }

  html body .mpp-vip-value .mpp-vip-value__card-content > p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.46 !important;
  }

  /* Alsó CTA */

  .mpp-vip-value__join {
    width: 100% !important;
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    grid-template-rows: 62px !important;
    align-items: center !important;
    gap: 14px !important;
    overflow: hidden !important;
  }

  .mpp-vip-value__join-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  .mpp-vip-value__join-copy {
    height: 62px !important;
    min-width: 0 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 2px !important;
  }

  html body .mpp-vip-value .mpp-vip-value__join-kicker {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  html body .mpp-vip-value .mpp-vip-value__join-copy h3 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  html body .mpp-vip-value .mpp-vip-value__join-copy > p:last-child {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .mpp-vip-value__join-button {
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }
}

/* =====================================================
   TABLET
===================================================== */

@media (min-width: 621px) and (max-width: 1050px) {
  .mpp-vip-value {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .mpp-vip-value__inner {
    height: auto !important;
    padding: 36px 24px 26px !important;
    display: block !important;
  }

  .mpp-vip-value__header {
    height: auto !important;
    margin: 0 0 26px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .mpp-vip-value__heading {
    height: auto !important;
    display: block !important;
  }

  html body .mpp-vip-value .mpp-vip-value__title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 40px !important;
    line-height: 1.02 !important;
  }

  html body .mpp-vip-value .mpp-vip-value__intro {
    max-width: 650px !important;
    margin: 0 !important;
    font-size: 16px !important;
  }

  .mpp-vip-value__grid {
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .mpp-vip-value__card {
    width: 100% !important;
    height: auto !important;
    min-height: 235px !important;
    padding: 20px !important;
  }

  .mpp-vip-value__card-content {
    margin-top: 20px !important;
  }

  html body .mpp-vip-value .mpp-vip-value__card h3 {
    font-size: 22px !important;
  }

  .mpp-vip-value__join {
    width: 100% !important;
    height: 92px !important;
    min-height: 92px !important;
    margin: 18px 0 0 !important;
    padding: 12px 16px !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
  }

  .mpp-vip-value__join-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .mpp-vip-value__join-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .mpp-vip-value__join-button {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }
}

/* =====================================================
   MOBIL
===================================================== */

@media (max-width: 620px) {
  .mpp-vip-value {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .mpp-vip-value__inner {
    height: auto !important;
    padding: 30px 16px 18px !important;
    display: block !important;
  }

  .mpp-vip-value__header {
    height: auto !important;
    margin: 0 0 24px !important;
    display: block !important;
  }

  .mpp-vip-value__heading {
    height: auto !important;
    display: block !important;
  }

  html body .mpp-vip-value .mpp-vip-value__kicker {
    margin-bottom: 12px !important;
  }

  html body .mpp-vip-value .mpp-vip-value__title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 35px !important;
    line-height: 1.02 !important;
  }

  html body .mpp-vip-value .mpp-vip-value__intro {
    max-width: none !important;
    margin: 18px 0 0 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .mpp-vip-value__grid {
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .mpp-vip-value__card {
    width: 100% !important;
    height: auto !important;
    min-height: 218px !important;
    padding: 20px !important;
  }

  .mpp-vip-value__card-content {
    margin-top: 18px !important;
  }

  html body .mpp-vip-value .mpp-vip-value__card h3 {
    font-size: 22px !important;
  }

  html body .mpp-vip-value .mpp-vip-value__card-content > p {
    font-size: 15px !important;
  }

  .mpp-vip-value__join {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 14px 0 0 !important;
    padding: 16px !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .mpp-vip-value__join-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .mpp-vip-value__join-copy {
    min-width: 0 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  html body .mpp-vip-value .mpp-vip-value__join-copy h3 {
    font-size: 19px !important;
  }

  html body .mpp-vip-value .mpp-vip-value__join-copy > p:last-child {
    margin-top: 3px !important;
    font-size: 13px !important;
  }

  .mpp-vip-value__join-button {
    width: 100% !important;
    min-width: 0 !important;
    margin: 2px 0 0 !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59e5358 *//* =========================================================
   MYPRINTPIX VIP – FAQ
   Meglévő MyPrintPix GYIK stílushoz igazítva
   ========================================================= */

.mpp-vip-faq,
.mpp-vip-faq * {
    box-sizing: border-box;
}


/* =========================================================
   SZAKASZ
   ========================================================= */

.mpp-vip-faq {
    --faq-green: #a9db00;
    --faq-green-dark: #8fb900;

    --faq-text: #171717;
    --faq-muted: #666a63;

    --faq-border: #e8eae4;

    width: 100%;

    margin: 0;

    padding:
        52px
        16px
        68px;

    background: transparent;
}


/* =========================================================
   FEJLÉC
   ========================================================= */

.mpp-vip-faq__head {
    width: 100%;
    max-width: 900px;

    margin:
        0
        auto
        34px;

    text-align: left;
}


.mpp-vip-faq__eyebrow {
    display: block;

    margin-bottom: 9px;

    font-size: 12px;
    line-height: 1.2;

    font-weight: 700;

    letter-spacing: .11em;

    text-transform: uppercase;

    color:
        var(--faq-green-dark);
}


.mpp-vip-faq__head h2 {
    margin:
        0
        0
        13px !important;

    padding: 0 !important;

    font-size:
        clamp(34px, 3.2vw, 44px) !important;

    line-height: 1.08 !important;

    font-weight: 650 !important;

    letter-spacing:
        -.035em !important;

    color:
        var(--faq-text) !important;
}


.mpp-vip-faq__head p {
    width: 100%;
    max-width: 680px;

    margin: 0 !important;

    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;

    font-weight: 400 !important;

    color:
        var(--faq-muted) !important;
}


/* =========================================================
   FAQ LISTA
   ========================================================= */

.mpp-vip-faq__list {
    display: flex;

    flex-direction: column;

    gap: 14px;

    width: 100%;
    max-width: 900px;

    margin: 0 auto;
}


/* =========================================================
   EGY FAQ ELEM
   ========================================================= */

.mpp-vip-faq__item {
    position: relative;

    width: 100%;

    margin: 0;

    border: 0;

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 8px 28px
        rgba(20, 25, 15, .06);

    overflow: hidden;
}


/* =========================================================
   KÉRDÉS
   ========================================================= */

.mpp-vip-faq__item summary {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        34px;

    align-items: center;

    gap: 20px;

    width: 100%;

    min-height: 68px;

    margin: 0;

    padding:
        20px
        24px;

    cursor: pointer;

    list-style: none;

    background: #fff;

    color:
        var(--faq-text);

    transition:
        background-color .2s ease;
}


.mpp-vip-faq__item summary::-webkit-details-marker {
    display: none;
}


.mpp-vip-faq__item summary::marker {
    display: none;
}


.mpp-vip-faq__item summary > span:first-child {
    font-size: 16px;
    line-height: 1.4;

    font-weight: 650;

    letter-spacing: .005em;

    color:
        var(--faq-text);
}


/* =========================================================
   + / − IKON
   ========================================================= */

.mpp-vip-faq__toggle {
    position: relative;

    display: block;

    width: 30px;
    height: 30px;
}


.mpp-vip-faq__toggle::before,
.mpp-vip-faq__toggle::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    width: 12px;
    height: 2px;

    border-radius: 2px;

    background:
        #20221f;

    transform:
        translate(-50%, -50%);

    transition:
        transform .2s ease;
}


.mpp-vip-faq__toggle::after {
    transform:
        translate(-50%, -50%)
        rotate(90deg);
}


/* nyitott = mínusz */

.mpp-vip-faq__item[open]
.mpp-vip-faq__toggle::after {
    transform:
        translate(-50%, -50%)
        rotate(0deg);
}


/* =========================================================
   NYITOTT ÁLLAPOT
   ZÖLD BAL OLDALI JELZÉS
   ========================================================= */

.mpp-vip-faq__item[open]::before {
    content: "";

    position: absolute;

    top: 7px;
    bottom: 7px;
    left: 0;

    width: 4px;

    border-radius:
        0
        4px
        4px
        0;

    background:
        var(--faq-green);

    z-index: 3;
}


.mpp-vip-faq__item[open] summary {
    background:
        #fff;
}


/* =========================================================
   VÁLASZ
   ========================================================= */

.mpp-vip-faq__answer {
    position: relative;

    padding:
        0
        58px
        21px
        30px;

    border-top:
        1px solid
        #f0f1ed;

    background:
        #fff;
}


.mpp-vip-faq__answer p {
    width: 100%;
    max-width: 760px;

    margin:
        14px
        0
        0 !important;

    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.65 !important;

    font-weight: 400 !important;

    color:
        #646861 !important;
}


/* =========================================================
   KÉRDŐÍV LINK A FAQ-BAN
   ========================================================= */

.mpp-vip-faq__link {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    width: fit-content;

    margin-top: 14px;

    padding:
        11px
        17px;

    border:
        1px solid
        var(--faq-green);

    border-radius: 9px;

    background:
        #fff;

    color:
        #20231d !important;

    text-decoration: none !important;

    font-size: 13px;
    line-height: 1;

    font-weight: 650;

    transition:
        background-color .2s ease,
        border-color .2s ease;
}


.mpp-vip-faq__link > span {
    font-size: 17px;

    color:
        var(--faq-green-dark);

    transition:
        transform .2s ease;
}


.mpp-vip-faq__link:hover {
    background:
        #fbfdf5;

    border-color:
        var(--faq-green-dark);

    color:
        #20231d !important;
}


.mpp-vip-faq__link:hover > span {
    transform:
        translateX(3px);
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) {

    .mpp-vip-faq__item:not([open]) summary:hover {
        background:
            #fcfcfa;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .mpp-vip-faq {
        padding:
            42px
            12px
            50px;
    }


    .mpp-vip-faq__head {
        margin-bottom:
            25px;
    }


    .mpp-vip-faq__eyebrow {
        font-size:
            11px;
    }


    .mpp-vip-faq__head h2 {
        font-size:
            30px !important;
    }


    .mpp-vip-faq__head p {
        font-size:
            14px !important;

        line-height:
            1.55 !important;
    }


    .mpp-vip-faq__list {
        gap: 11px;
    }


    .mpp-vip-faq__item {
        border-radius:
            15px;
    }


    .mpp-vip-faq__item summary {
        grid-template-columns:
            minmax(0,1fr)
            28px;

        gap: 12px;

        min-height: 62px;

        padding:
            17px
            18px;
    }


    .mpp-vip-faq__item summary > span:first-child {
        font-size:
            14px;
    }


    .mpp-vip-faq__toggle {
        width: 28px;
        height: 28px;
    }


    .mpp-vip-faq__answer {
        padding:
            0
            18px
            18px
            22px;
    }


    .mpp-vip-faq__answer p {
        margin-top:
            13px !important;

        font-size:
            13px !important;

        line-height:
            1.6 !important;
    }


    .mpp-vip-faq__link {
        width: 100%;

        justify-content: center;

        margin-top:
            13px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-850f6fd *//* =========================================================
   MYPRINTPIX VIP – ZÁRÓ CTA
   ========================================================= */

.mpp-vip-final,
.mpp-vip-final * {
    box-sizing: border-box;
}


/* =========================================================
   FŐ BLOKK
   ========================================================= */

.mpp-vip-final {
    --vip-green: #a9db00;
    --vip-green-hover: #b7e817;
    --vip-gold: #d8ba72;
    --vip-cream: #f7f3ea;

    position: relative;

    width: calc(100% - 32px);
    max-width: 1160px;

    margin: 12px auto 58px;

    overflow: hidden;

    border-radius: 20px;

    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(169, 219, 0, .10) 0%,
            rgba(169, 219, 0, .025) 35%,
            transparent 65%
        ),
        linear-gradient(
            135deg,
            #151a12 0%,
            #0d110c 55%,
            #151913 100%
        );

    box-shadow:
        0 15px 38px
        rgba(15, 20, 12, .12);

    color: #fff;
}


/* finom keret */

.mpp-vip-final::before {
    content: "";

    position: absolute;
    inset: 0;

    border:
        1px solid
        rgba(255, 255, 255, .07);

    border-radius: inherit;

    pointer-events: none;
}


/* finom fény a felső részen */

.mpp-vip-final::after {
    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 420px;
    height: 1px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(216, 186, 114, .72),
            transparent
        );

    pointer-events: none;
}


/* =========================================================
   BELSŐ TARTALOM
   ========================================================= */

.mpp-vip-final__inner {
    position: relative;
    z-index: 2;

    width: min(720px, calc(100% - 40px));

    margin: 0 auto;

    padding:
        42px
        0
        40px;

    text-align: center;
}


/* =========================================================
   KORONA
   ========================================================= */

.mpp-vip-final__crown {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    margin:
        0
        auto
        10px;

    color:
        var(--vip-gold);
}


.mpp-vip-final__crown svg {
    width: 100%;
    height: 100%;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.mpp-vip-final__eyebrow {
    display: block;

    margin-bottom: 11px;

    font-size: 11px;
    line-height: 1.2;

    font-weight: 700;

    letter-spacing: .16em;

    text-transform: uppercase;

    color:
        rgba(216, 186, 114, .94);
}


/* =========================================================
   CÍM
   ========================================================= */

.mpp-vip-final h2 {
    width: 100%;

    margin:
        0
        0
        13px !important;

    padding: 0 !important;

    font-size:
        clamp(34px, 3.4vw, 48px) !important;

    line-height: 1.06 !important;

    font-weight: 550 !important;

    letter-spacing:
        -.038em !important;

    color: #fff !important;
}


/* =========================================================
   LEÍRÁS
   ========================================================= */

.mpp-vip-final p {
    width: min(600px, 100%);

    margin:
        0
        auto !important;

    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;

    font-weight: 400 !important;

    color:
        rgba(255, 255, 255, .76) !important;
}


/* =========================================================
   GOMBOK
   ========================================================= */

.mpp-vip-final__actions {
    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 14px;

    margin-top: 25px;
}


/* =========================================================
   FŐ CTA
   ========================================================= */

.mpp-vip-final__primary {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 11px;

    min-width: 245px;

    padding:
        14px
        24px;

    border-radius: 10px;

    background:
        var(--vip-green);

    box-shadow:
        0 8px 22px
        rgba(0, 0, 0, .18);

    color:
        #151a10 !important;

    text-decoration: none !important;

    font-size: 14px;
    line-height: 1;

    font-weight: 700;

    transition:
        background-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


.mpp-vip-final__primary svg {
    width: 18px;
    height: 18px;

    transition:
        transform .2s ease;
}


.mpp-vip-final__primary:hover {
    background:
        var(--vip-green-hover);

    color:
        #151a10 !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 11px 28px
        rgba(0, 0, 0, .22);
}


.mpp-vip-final__primary:hover svg {
    transform:
        translateX(3px);
}


/* =========================================================
   BELÉPÉS LINK
   ========================================================= */

.mpp-vip-final__login {
    display: inline-flex;

    align-items: center;

    gap: 5px;

    color:
        rgba(255, 255, 255, .60) !important;

    text-decoration: none !important;

    font-size: 13px;
    line-height: 1.4;

    transition:
        color .2s ease;
}


.mpp-vip-final__login strong {
    font-weight: 650;

    color:
        rgba(255, 255, 255, .92);
}


.mpp-vip-final__login > span {
    margin-left: 3px;

    color:
        var(--vip-green);

    font-size: 16px;

    transition:
        transform .2s ease;
}


.mpp-vip-final__login:hover {
    color:
        #fff !important;
}


.mpp-vip-final__login:hover > span {
    transform:
        translateX(3px);
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    .mpp-vip-final {
        width:
            calc(100% - 24px);

        margin:
            8px
            auto
            42px;

        border-radius:
            16px;
    }


    .mpp-vip-final__inner {
        width:
            calc(100% - 32px);

        padding:
            32px
            0
            30px;
    }


    .mpp-vip-final__crown {
        width: 36px;
        height: 36px;

        margin-bottom:
            8px;
    }


    .mpp-vip-final__eyebrow {
        font-size:
            10px;
    }


    .mpp-vip-final h2 {
        font-size:
            30px !important;
    }


    .mpp-vip-final p {
        font-size:
            13px !important;

        line-height:
            1.55 !important;
    }


    .mpp-vip-final__actions {
        margin-top:
            21px;
    }


    .mpp-vip-final__primary {
        width: 100%;

        min-width: 0;

        padding:
            14px
            18px;

        font-size:
            13px;
    }


    .mpp-vip-final__login {
        font-size:
            12px;

        flex-wrap: wrap;

        justify-content: center;
    }

}/* End custom CSS */