* {
      box-sizing: border-box
    }

    html, body {
      overflow-x: hidden
    }

    html {
      height: 100%
    }

    /* ── Seats typewriter ── */
    .max-seats.is-vertical.is-zacatecnik { display: flex !important; }
    .typewriter-cursor {
      display: inline-block;
      width: .15em;
      height: 1em;
      background: currentColor;
      border-radius: 2px;
      vertical-align: text-bottom;
      animation: tw-blink .6s step-end infinite;
    }
    @keyframes tw-blink { 50% { opacity: 0; } }

    /* ── Legal pages (obchodni-podminky, zasady) ── */
    .container-2 {
      width: 100%;
      max-width: 95rem;
      margin-left: auto;
      margin-right: auto;
    }
    .padding-vertical.normal-2 {
      padding-top: 7rem;
      padding-bottom: 7rem;
    }
    .logo-docs-wrapper {
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%;
      max-width: 48rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }
    .logo-link {
      max-width: 100%;
      display: inline-block;
    }
    .zoou-rich-text {
      max-width: 48rem;
      margin-top: 2.5rem;
      margin-left: auto;
      margin-right: auto;
    }
    .zoou-rich-text h2 {
      letter-spacing: -1px;
      margin-bottom: 1rem;
      font-size: 2.5rem;
    }
    .zoou-rich-text h3 {
      margin-top: 1rem;
      margin-bottom: 1rem;
      font-size: 1.875rem;
    }
    .zoou-rich-text p {
      margin-bottom: 0;
      margin-top: 0;
    }
    @media (max-width: 991px) {
      .padding-vertical.normal-2 {
        padding-top: 4rem;
        padding-bottom: 4rem;
      }
      .zoou-rich-text h2 {
        letter-spacing: -.5px;
        font-size: 2rem;
      }
      .zoou-rich-text h3 {
        letter-spacing: 0;
        font-size: 1.5rem;
      }
    }
    @media (max-width: 767px) {
      .padding-vertical.normal-2 {
        padding-top: 3rem;
        padding-bottom: 3rem;
      }
      .zoou-rich-text h2 {
        letter-spacing: 0;
        font-size: 1.5rem;
      }
      .zoou-rich-text h3 {
        font-size: 1.125rem;
      }
    }

    /* "Pořád váháš?" heading above video */
    .stale-vahas-heading {
      text-align: center;
      padding: 0 1rem;
      margin-bottom: 40px;
    }
    .stale-vahas-h2 {
      font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
      font-weight: 900;
      font-size: clamp(28px, 13.42px + 3.89vw, 52px);
      line-height: 120%;
      letter-spacing: -0.03em;
      text-align: center;
      color: var(--text, #1e1e1e);
      margin: 0;
    }

    /* Override 200svh – use entrance animations instead of scroll-scrub */
    .app-show-trails {
      height: auto !important;
    }
    .app-show-content {
      position: relative !important;
    }

    :root {
      --color--background: var(--bg);
      --text: #111;
      --radius--12: .75rem;
      --radius--16: 1rem;
      --green--40: #55e655;
      --green--base: #00d900;
      --green--30: #80ec80;
      --white: white;
      --primary-color\<deleted\|variable-28ccbb21-5fad-4bcd-c899-c47d8e9ec746\>: #0d0221;
      --radius--8: .5rem;
      --color--text: var(--text);
      --bg: #fffdec;
      --_theme---text-highlight--yellow: var(--yellow--base);
      --purple--base: #9e49ff;
      --radius--20: 1.25rem;
      --transparent: #fff0;
      --yellow--base: #ffdc00;
      --red--base: #ff0018;
      --border: #e4e3d7;
      --cards-bg: #fcf9e1;
      --orange--base: #ff7b0b;
      --yellow--40: #ffe855;
      --black--50: #7c7c83;
      --radius--40: 2.5rem;
      --radius--30: 1.875rem;
      --orange--50: #ff9134;
      --purple--40: #be86ff;
      --green--10: #ccf7cc;
      --purple--30: #cfa4ff;
      --yellow--20: #fff3aa;
      --purple--10: #ecdbff;
      --orange--40: #ffa75c;
      --yellow--10: #fff8cc;
      --purple--20: #dfc2ff;
      --orange--20: #ffd3ae;
      --black--40: #96969c;
      --purple--60: #843dd5;
      --blue--10: #ccf0ff;
      --dark-blue--base: #5c39ff;
      --red--10: #ffccd1;
      --orange--10: #ffe5ce;
      --light-blue--base: #00b6ff;
      --black: #000;
      --color--box-bg: var(--border);
      --black--90: #212123;
      --black--20: #cbcbcd;
      --yellow--30: #ffee80;
      --green--60: #00b500;
      --green--20: #aaf2aa;
      --green--50: #2adf2a;
      --red--30: #ff808b;
      --radius--24: 1.5rem;
      --radius--4: .25rem;
      --light-blue--20: #aae7ff;
      --_cards---card--border: #fff0;
      --_cards---card--bg: white;
      --_cards---card--text: var(--text);
      --light-blue--30: #80daff;
      --_theme---text-highlight--blue: var(--dark-blue--base)
    }

    body {
      background-color: var(--color--background);
      color: var(--text);
      font-family: Inter Variablefont Opsz Wght, Arial, sans-serif;
      font-size: 1rem;
      line-height: 1.5
    }

/* ── next extracted block ── */

/* Apply font smoothing */
          body {
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            -o-font-smoothing: antialiased;
          }

          /* Reset apple form styles */
          input,
          textarea,
          select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 0;
            background-image: none;
          }

          /* Adjust input autofill to brand colors */
          input:-webkit-autofill,
          input:-webkit-autofill:focus {
            background-color: var(--colors--background) !important;
            color: var(--colors--text) !important;
            -webkit-box-shadow: 0 0 0 50px var(--colors--background) inset;
            -webkit-text-fill-color: var(--colors--text);
          }

          /* Text Selection Color
  ::selection {
    background: var(--main--text);
    color: var(--main--background);
  }
  ::-moz-selection {
    background: var(--main--text);
    color: var(--main--background);
  }*/

          /* Rich text modifiers */
          .w-richtext>

          :first-child {
            margin-top: 0;
          }

          .w-richtext>

          :last-child,
          .w-richtext ol li:last-child,
          .w-richtext ul li:last-child {
            margin-bottom: 0;
          }

          .rich-text h1,
          .rich-text h2,
          .rich-text h3,
          .rich-text h4 {
            text-wrap: balance;
          }

          /* Row/col gap modifiers */
          .row.row-gap-0 .col {
            margin: 0;
            padding: 0;
          }

          .row.row-gap-md .col {
            padding-left: calc(var(--_layout---grid--gap-md) / 2);
            padding-right: calc(var(--_layout---grid--gap-md) / 2);
          }

          .row.row-gap-sm .col {
            padding-left: calc(var(--_layout---grid--gap-sm) / 2);
            padding-right: calc(var(--_layout---grid--gap-sm) / 2);
          }

          /* Line clamp modifiers */
          .u-text-clamp-1 {
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
          }

          .u-text-clamp-2 {
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }

          .u-text-clamp-3 {
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
          }

          /* Build mode modifiers */
          /*.slot.cc-column .btn {
    align-self: flex-start;
  }*/
          .slot.cc-column .accordion-item {
            margin: 0;
          }

          .card:has(.u-link-cover:focus-visible) {
            outline: 2px solid var(--colors--primary-accent);
            outline-offset: 2px;
          }

          html.wf-design-mode .card:has(.slot.cc-card) .u-link-cover {
            pointer-events: none;
          }

          /* Modal mods */
          body:has(dialog[open]) {
            overflow: hidden !important;
          }

          dialog.modal[open] {
            animation: fadein 400ms ease-out forwards;
          }

          dialog.modal::backdrop {
            background: color-mix(in srgb, var(--_color---neutral--black) 80%, transparent);
          }

          @keyframes fadein {
            0% {
              opacity: 0;
            }

            100% {
              opacity: 1;
            }
          }

          dialog::-webkit-scrollbar {
            width: 10px;
          }

          dialog::-webkit-scrollbar-track {
            border-radius: 10px;
            background-color: transparent;
          }

          dialog::-webkit-scrollbar-thumb {
            border-radius: 10px;
            border: 2px solid var(--colors--background);
            background: var(--colors--text);
          }

          dialog::-webkit-scrollbar-thumb:window-inactive {
            background: var(--colors--text);
          }

/* ── next extracted block ── */

.rich-text em,
          .rich-text i {
            font-style: normal !important;
            color: var(--_theme---text-highlight--main, currentColor);
          }

          .hl-red .rich-text em,
          .hl-red .rich-text i {
            color: var(--_theme---text-highlight--red);
          }

          .hl-blue .rich-text em,
          .hl-blue .rich-text i {
            color: var(--_theme---text-highlight--blue);
          }

          .hl-green .rich-text em,
          .hl-green .rich-text i {
            color: var(--_theme---text-highlight--green);
          }

          .hl-yellow .rich-text em,
          .hl-yellow .rich-text i {
            color: var(--_theme---text-highlight--yellow);
          }

          .hl-purple .rich-text em,
          .hl-purple .rich-text i {
            color: var(--_theme---text-highlight--purple);
          }

          .hl-pink .rich-text em,
          .hl-pink .rich-text i {
            color: var(--_theme---text-highlight--pink);
          }

          .hl-yellow-700 .rich-text em,
          .hl-yellow-700 .rich-text i {
            color: var(--_theme---text-highlight--yellow-700);
          }

          .hl-green-700 .rich-text em,
          .hl-green-700 .rich-text i {
            color: var(--_theme---text-highlight--green-700);
          }

          .hl-blue-700 .rich-text em,
          .hl-blue-700 .rich-text i {
            color: var(--_theme---text-highlight--blue-700);
          }

          .hl-orange-600 .rich-text em,
          .hl-orange-600 .rich-text i {
            color: var(--_theme---text-highlight--orange-600);
          }

/* ── next extracted block ── */

/* HORIZONTÁLNÍ POHYB */
          @keyframes scroll-horizontal {
            from {
              transform: translateX(0);
            }

            to {
              transform: translateX(-100%);
            }
          }

          @keyframes scroll-horizontal-reverse {
            from {
              transform: translateX(-100%);
            }

            to {
              transform: translateX(0);
            }
          }

          /* VERTIKÁLNÍ POHYB */
          @keyframes scroll-vertical {
            from {
              transform: translateY(0);
            }

            to {
              transform: translateY(-100%);
            }
          }

          @keyframes scroll-vertical-reverse {
            from {
              transform: translateY(-100%);
            }

            to {
              transform: translateY(0);
            }
          }

          /* HORIZONTÁLNÍ – různé časy */
          .scroll-5 {
            animation: scroll-horizontal 5s linear infinite;
          }

          .scroll-10 {
            animation: scroll-horizontal 10s linear infinite;
          }

          .scroll-20 {
            animation: scroll-horizontal 20s linear infinite;
          }

          .scroll-30 {
            animation: scroll-horizontal 30s linear infinite;
          }

          .scroll-40 {
            animation: scroll-horizontal 40s linear infinite;
          }

          .scroll-50 {
            animation: scroll-horizontal 50s linear infinite;
          }

          .scroll-60 {
            animation: scroll-horizontal 60s linear infinite;
          }

          .scroll-70 {
            animation: scroll-horizontal 70s linear infinite;
          }

          .scroll-80 {
            animation: scroll-horizontal 80s linear infinite;
          }

          /* HORIZONTÁLNÍ REVERZNÍ – různé časy */
          .scroll-back-5 {
            animation: scroll-horizontal-reverse 5s linear infinite;
          }

          .scroll-back-10 {
            animation: scroll-horizontal-reverse 10s linear infinite;
          }

          .scroll-back-20 {
            animation: scroll-horizontal-reverse 20s linear infinite;
          }

          .scroll-back-30 {
            animation: scroll-horizontal-reverse 30s linear infinite;
          }

          .scroll-back-40 {
            animation: scroll-horizontal-reverse 40s linear infinite;
          }

          .scroll-back-50 {
            animation: scroll-horizontal-reverse 50s linear infinite;
          }

          .scroll-back-60 {
            animation: scroll-horizontal-reverse 60s linear infinite;
          }

          .scroll-back-70 {
            animation: scroll-horizontal-reverse 70s linear infinite;
          }

          .scroll-back-80 {
            animation: scroll-horizontal-reverse 80s linear infinite;
          }

          /* VERTIKÁLNÍ – různé časy */
          .scroll-vert-5 {
            animation: scroll-vertical 5s linear infinite;
          }

          .scroll-vert-10 {
            animation: scroll-vertical 10s linear infinite;
          }

          .scroll-vert-20 {
            animation: scroll-vertical 20s linear infinite;
          }

          .scroll-vert-30 {
            animation: scroll-vertical 30s linear infinite;
          }

          .scroll-vert-40 {
            animation: scroll-vertical 40s linear infinite;
          }

          .scroll-vert-50 {
            animation: scroll-vertical 50s linear infinite;
          }

          .scroll-vert-60 {
            animation: scroll-vertical 60s linear infinite;
          }

          .scroll-vert-70 {
            animation: scroll-vertical 70s linear infinite;
          }

          .scroll-vert-80 {
            animation: scroll-vertical 80s linear infinite;
          }

          .scroll-vert-160 {
            animation: scroll-vertical 160s linear infinite;
          }

          .scroll-vert-300 {
            animation: scroll-vertical 300s linear infinite;
          }

          .scroll-vert-400 {
            animation: scroll-vertical 400s linear infinite;
          }

          /* VERTIKÁLNÍ REVERZNÍ – různé časy */
          .scroll-vert-back-5 {
            animation: scroll-vertical-reverse 5s linear infinite;
          }

          .scroll-vert-back-10 {
            animation: scroll-vertical-reverse 10s linear infinite;
          }

          .scroll-vert-back-20 {
            animation: scroll-vertical-reverse 20s linear infinite;
          }

          .scroll-vert-back-30 {
            animation: scroll-vertical-reverse 30s linear infinite;
          }

          .scroll-vert-back-40 {
            animation: scroll-vertical-reverse 40s linear infinite;
          }

          .scroll-vert-back-50 {
            animation: scroll-vertical-reverse 50s linear infinite;
          }

          .scroll-vert-back-60 {
            animation: scroll-vertical-reverse 60s linear infinite;
          }

          .scroll-vert-back-70 {
            animation: scroll-vertical-reverse 70s linear infinite;
          }

          .scroll-vert-back-80 {
            animation: scroll-vertical-reverse 80s linear infinite;
          }

          .scroll-vert-back-160 {
            animation: scroll-vertical-reverse 160s linear infinite;
          }

          .scroll-vert-back-300 {
            animation: scroll-vertical-reverse 300s linear infinite;
          }

          .scroll-vert-back-400 {
            animation: scroll-vertical-reverse 400s linear infinite;
          }

/* ── next extracted block ── */

@keyframes scroll {
            from {
              transform: translateX(0);
            }

            to {
              transform: translateX(calc(-100% - 1rem));
            }
          }

          @keyframes scroll-reverse {
            from {
              transform: translateX(calc(-100% - 1rem));
            }

            to {
              transform: translateX(0);
            }
          }

          .scroll {
            animation: scroll 200s linear infinite;
          }

          .scroll-back {
            animation: scroll-reverse 200s linear infinite;
          }

          .scroll-78 {
            animation: scroll 78s linear infinite;
          }

          .scroll-72 {
            animation: scroll 72s linear infinite;
          }

          .scroll-back-72 {
            animation: scroll-reverse 72s linear infinite;
          }

/* ── next extracted block ── */

.zdrazujeme-hero {
          text-align: center;
          padding: 2rem 0 0;
        }
        .zdrazujeme-hero .intro-content {
          position: relative;
        }
        .zdrazujeme-hero .mark-text {
          font-family: Champ, sans-serif;
          letter-spacing: 0;
        }
        .zdrazujeme-hero .rotation.n1 {
          transform: rotate(0deg);
        }
        .zdrazujeme-hero .max-width-div._50ch {
          max-width: 62ch;
        }
        .zdrazujeme-hero .hero-desc {
          max-width: 50ch;
          margin: 0 auto 2rem;
          font-size: 1.125rem;
          line-height: 1.55;
          color: var(--text);
        }
        .zdrazujeme-hero .hero-bottom {
          max-width: 58rem;
          margin: 0 auto;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: clamp(24px, 14.28px + 2.59vw, 40px);
        }
        .zdrazujeme-hero .hero-video {
          width: 100%;
          border-radius: var(--radius--20);
          overflow: hidden;
          aspect-ratio: 16/9;
          width: 100%;
        }
        .zdrazujeme-hero .hero-cards-wrapper {
          display: flex;
          flex-direction: column;
          gap: 8px;
          width: 100%;
        }
        .zdrazujeme-hero .stats-row {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          gap: 0.75rem;
          width: 100%;
        }
        .zdrazujeme-hero .stat-box {
          border-radius: var(--radius--20);
          padding: 1.5rem 1.25rem;
          text-align: left;
        }
        .zdrazujeme-hero .stat-box.yellow { background-color: #FFEE80; }
        .zdrazujeme-hero .stat-box.purple { background-color: #CFA4FF; }
        .zdrazujeme-hero .stat-box.blue { background-color: #80DBFF; }
        .zdrazujeme-hero .stat-box .stat-emoji {
          font-size: 2.5rem;
          margin-bottom: 0.75rem;
        }
        .zdrazujeme-hero .stat-box .stat-number {
          font-family: Champ, sans-serif;
          font-size: 2rem;
          font-weight: 900;
          line-height: 1.2;
          color: var(--text);
        }
        .zdrazujeme-hero .stat-box .stat-label {
          font-size: 1rem;
          color: var(--text);
          line-height: 1.3;
        }
        .zdrazujeme-hero .guarantee-box {
          background-color: #80EC80;
          border-radius: var(--radius--20);
          padding: clamp(24px, 2.12px + 5.83vw, 60px) 0 clamp(24px, 2.12px + 5.83vw, 60px) clamp(24px, 2.12px + 5.83vw, 60px);
          display: flex;
          align-items: flex-end;
          gap: 24px;
          text-align: left;
          position: relative;
          overflow: visible;
          height: 329px;
          width: 100%;
        }
        .zdrazujeme-hero .guarantee-box .guarantee-text {
          flex: 0 0 433px;
          position: relative;
          z-index: 1;
          display: flex;
          flex-direction: column;
          gap: 4px;
        }
        .zdrazujeme-hero .guarantee-box .guarantee-emoji {
          font-size: 43px;
          font-weight: 700;
          line-height: 111%;
          text-align: center;
          width: 43px;
          height: 48px;
        }
        .zdrazujeme-hero .guarantee-box .guarantee-sub {
          font-family: 'Inter Variable Font Opsz Wght', Inter, sans-serif;
          font-weight: 400;
          font-size: clamp(16px, 12.36px + 0.97vw, 22px);
          line-height: 114%;
          letter-spacing: -0.03em;
          color: var(--text);
        }
        .zdrazujeme-hero .guarantee-box .guarantee-title {
          font-family: Champ, sans-serif;
          font-weight: 700;
          font-size: clamp(28px, 19.49px + 2.27vw, 42px);
          line-height: 120%;
          letter-spacing: -0.03em;
          color: var(--text);
        }
        .zdrazujeme-hero .guarantee-box .guarantee-img {
          position: absolute;
          right: 64px;
          bottom: 0;
          width: 400px;
          height: 300px;
          object-fit: contain;
          object-position: bottom right;
        }
        .zdrazujeme-hero .hero-cta {
          background-color: #55E655 !important;
          color: var(--text) !important;
          padding: 12px 24px !important;
          border-radius: var(--radius--16) !important;
          width: auto !important;
          text-decoration: none;
          margin-bottom: 40px;
        }
        .zdrazujeme-hero .hero-cta:hover {
          filter: brightness(0.92);
        }
        @media screen and (max-width: 767px) {
          .zdrazujeme-hero .stats-row {
            grid-template-columns: 1fr;
          }
          .zdrazujeme-hero .guarantee-box {
            height: auto;
          }
          .zdrazujeme-hero .guarantee-box .guarantee-img {
            display: none;
          }
        }

        /* ── Zdražujeeem + Získáš výhodu section ── */
        .zdrazujeme-dark {
          background-color: #0D0D0D;
          padding: clamp(48px, 28.55px + 5.19vw, 80px) 0;
        }
        .zdrazujeme-dark .dark-inner {
          max-width: 82rem;
          margin: 0 auto;
          padding: 0 5%;
          display: flex;
          flex-direction: column;
          gap: 10px;
        }
        .zdrazujeme-dark .dark-box {
          background-color: #212123;
          border-radius: 20px;
          padding: clamp(24px, 2.12px + 5.83vw, 60px);
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 10px;
        }
        .zdrazujeme-dark .dark-box-inner {
          max-width: 1192px;
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 32px;
          padding: 10px;
        }
        .zdrazujeme-dark .dark-tag {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          padding: 6px 15px;
          border-radius: 8px;
          border: 1px solid rgba(255,255,255,0.15);
          font-family: Champ, sans-serif;
          font-weight: 600;
          font-size: clamp(18px, 14.36px + 0.97vw, 24px);
          line-height: 106%;
          letter-spacing: -0.02em;
          color: #fff;
        }
        .zdrazujeme-dark .dark-tag.red {
          background-color: #FF0018;
        }
        .zdrazujeme-dark .dark-tag.green {
          background-color: #00D900;
          color: #0D0D0D;
        }
        .zdrazujeme-dark .dark-h2 {
          font-family: 'Inter Variablefont Opsz Wght', Inter, sans-serif;
          font-weight: 900;
          font-size: clamp(28px, 13.42px + 3.89vw, 52px);
          line-height: 120%;
          letter-spacing: -0.03em;
          text-align: center;
          color: #fff;
        }
        .zdrazujeme-dark .dark-h2.narrow {
          max-width: 438px;
        }
        .zdrazujeme-dark .dark-h2.wide {
          max-width: 616px;
        }
        .zdrazujeme-dark .dark-h2 .red {
          color: #FF0018;
        }
        .zdrazujeme-dark .dark-h2-big {
          font-size: clamp(36px, 17.76px + 4.86vw, 66px);
          line-height: 110%;
          display: block;
        }
        .zdrazujeme-dark .dark-subtext {
          font-family: 'Inter Variable Font Opsz Wght', Inter, sans-serif;
          font-weight: 500;
          font-size: clamp(16px, 13.57px + 0.65vw, 20px);
          line-height: 150%;
          text-align: center;
          color: #fff;
        }
        .zdrazujeme-dark .dark-placeholder {
          width: 480px;
          max-width: 100%;
          aspect-ratio: 480/360;
          background-color: #3a3a3c;
          border-radius: 12px;
        }

        /* Comparison table */
        .compare-wrapper {
          max-width: 1184px;
          width: 100%;
          display: flex;
          flex-direction: column;
          gap: 64px;
        }
        .compare-header {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 30px;
        }
        .compare-header-col {
          flex: 1;
          display: flex;
        }
        .compare-header-col:first-child {
          justify-content: flex-end;
        }
        .compare-header-col:last-child {
          justify-content: flex-start;
        }
        .compare-btn {
          padding: clamp(12px, 7.14px + 1.3vw, 20px) clamp(20px, 7.84px + 3.24vw, 40px);
          border-radius: 50px;
          border: none;
          font-family: Champ, sans-serif;
          font-weight: 700;
          font-size: clamp(18px, 11.92px + 1.62vw, 28px);
          line-height: 114%;
          letter-spacing: -0.01em;
          color: #000;
          cursor: default;
        }
        .compare-btn.old {
          background-color: #CBCBCD;
        }
        .compare-btn.new {
          background-color: #2ADF2A;
        }
        .compare-vs {
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: Champ, sans-serif;
          font-weight: 700;
          font-size: 24px;
          line-height: 120%;
          color: #fff;
          flex-shrink: 0;
        }
        .compare-rows {
          display: flex;
          flex-direction: column;
          gap: 28px;
        }
        .compare-row {
          display: flex;
          align-items: center;
          gap: 30px;
        }
        .compare-col {
          flex: 1;
          display: flex;
        }
        .compare-col.left {
          justify-content: flex-end;
        }
        .compare-col.right {
          justify-content: flex-start;
        }
        .compare-card {
          border-radius: 20px;
          padding: 20px 30px 20px 20px;
          display: flex;
          align-items: flex-start;
          gap: 12px;
        }
        .compare-card.old {
          background-color: #CBCBCD;
        }
        .compare-card.new {
          background-color: #55E655;
        }
        .compare-card-icon {
          width: 32px;
          height: 32px;
          border-radius: 21px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-shrink: 0;
          font-size: 16px;
        }
        .compare-card.old .compare-card-icon {
          background-color: #AAF2AA;
        }
        .compare-card.new .compare-card-icon {
          background-color: #AAF2AA;
        }
        .compare-card-text {
          display: flex;
          flex-direction: column;
          gap: 4px;
        }
        .compare-card-title {
          font-family: 'Inter Variable Font Opsz Wght', Inter, sans-serif;
          font-weight: 700;
          font-size: 18px;
          line-height: 150%;
          letter-spacing: -0.02em;
          color: #1E1E1E;
        }
        .compare-card-desc {
          font-family: 'Inter Variable Font Opsz Wght', Inter, sans-serif;
          font-weight: 400;
          font-size: 16px;
          line-height: 150%;
          color: #1E1E1E;
        }
        .compare-mid-icon {
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-shrink: 0;
          font-size: 30px;
          align-self: center;
        }
        .dark-cta-wrapper {
          padding-top: 42px;
        }
        .dark-cta {
          display: inline-block;
          padding: 12px 24px;
          border-radius: 16px;
          background-color: #55E655;
          font-family: Champ, sans-serif;
          font-weight: 700;
          font-size: 18px;
          line-height: 150%;
          letter-spacing: 0.01em;
          color: #0D0D0D;
          text-decoration: none;
        }
        .dark-cta:hover {
          filter: brightness(0.92);
        }

        @media screen and (max-width: 991px) {
          .compare-header-col {
            max-width: 42%;
          }
        }
        @media screen and (max-width: 767px) {
          .compare-header {
            flex-direction: column;
            gap: 12px;
          }
          .compare-header-col {
            width: 100%;
            max-width: 100%;
          }
          .compare-row {
            flex-direction: column;
            gap: 12px;
          }
          .compare-col {
            width: 100%;
            justify-content: stretch;
          }
          .compare-col .compare-card {
            width: 100%;
          }
          .compare-mid-icon {
            align-self: center;
          }
          .compare-btn {
            width: 100%;
            text-align: center;
          }
        }

/* ── next extracted block ── */

.revolucni-appka {
          background-color: #FFFDEC;
          padding: clamp(56px, 21.97px + 9.08vw, 112px) clamp(16px, -13.17px + 7.78vw, 64px) 0 clamp(16px, -13.17px + 7.78vw, 64px);
        }
        .revolucni-appka .revolucni-inner {
          max-width: 1312px;
          margin: 0 auto;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: clamp(32px, 12.55px + 5.19vw, 64px);
        }
        .revolucni-appka .revolucni-header {
          max-width: 572px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 20px;
        }
        .revolucni-appka .revolucni-tag {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          padding: 6px 15px;
          border-radius: 0.25rem;
          border: 1px solid rgba(0,0,0,0.1);
          background-color: #FFDC00;
          font-family: Champ, sans-serif;
          font-weight: 600;
          font-size: clamp(18px, 14.36px + 0.97vw, 24px);
          line-height: 106%;
          letter-spacing: -0.02em;
          color: #111111;
        }
        .revolucni-appka .revolucni-h2 {
          max-width: 572px;
          font-family: 'Inter Variablefont Opsz Wght', Inter, sans-serif;
          font-weight: 900;
          font-size: clamp(28px, 13.42px + 3.89vw, 52px);
          line-height: 120%;
          letter-spacing: -0.03em;
          text-align: center;
          color: #111111;
          margin: 0;
        }
        .revolucni-appka .revolucni-image {
          width: 607px;
          max-width: 100%;
          height: auto;
        }
        .revolucni-appka .revolucni-reviews-wrapper {
          width: 100%;
          max-width: 1312px;
          overflow: hidden;
        }
        .revolucni-appka .revolucni-upgrade {
          max-width: 1309px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 40px;
        }
        .revolucni-appka .revolucni-upgrade-text {
          max-width: 484px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 20px;
        }
        .revolucni-appka .revolucni-upgrade-tag {
          background: #FF80DD;
          border: 1px solid #FF80DD;
          border-radius: 6px;
          padding: 6px 15px;
        }
        .revolucni-appka .revolucni-upgrade-tag span {
          font-family: 'Champ', sans-serif;
          font-weight: 600;
          font-size: clamp(18px, 14.36px + 0.97vw, 24px);
          line-height: 106%;
          letter-spacing: -0.02em;
          color: #111111;
        }
        .revolucni-appka .revolucni-upgrade-h2 {
          font-family: 'Inter Variablefont Opsz Wght', Inter, sans-serif;
          font-weight: 900;
          font-size: clamp(28px, 13.42px + 3.89vw, 52px);
          line-height: 115%;
          letter-spacing: -0.03em;
          text-align: center;
          color: #111111;
          margin: 0;
        }
        .revolucni-appka .revolucni-upgrade-img {
          width: 100%;
          max-width: 1309px;
          height: auto;
        }
        @media (max-width: 991px) {
          .revolucni-appka .revolucni-h2,
          .revolucni-appka .revolucni-upgrade-h2 {
            max-width: 18ch;
          }
        }

/* ── next extracted block ── */

@media (max-width: 767px) {
                          .team-slider_cms_item.swiper-slide {
                            width: calc(100% / 1.2) !important;
                          }
                        }

                        @media (min-width: 768px) and (max-width: 991px) {
                          .team-slider_cms_item.swiper-slide {
                            width: calc(100% / 2) !important;
                          }
                        }

/* ── next extracted block ── */

/* ── Poslední možnost sekce ── */
        .posledni-moznost {
          width: 100%;
          background: #090024;
          padding: clamp(56px, 21.97px + 9.08vw, 112px) clamp(16px, -13.17px + 7.78vw, 64px) 0 clamp(16px, -13.17px + 7.78vw, 64px);
          display: flex;
          flex-direction: column;
          align-items: center;
        }
        .posledni-moznost .pm-container {
          width: 100%;
          max-width: 1312px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: clamp(24px, 14.28px + 2.59vw, 40px);
        }
        .posledni-moznost .pm-box {
          width: 100%;
          background: #2C2541;
          border-radius: 30px;
          padding: clamp(24px, 2.12px + 5.83vw, 60px) clamp(20px, -4.32px + 6.48vw, 60px) 0 clamp(20px, -4.32px + 6.48vw, 60px);
          display: flex;
          flex-direction: column;
          align-items: center;
          overflow: hidden;
        }
        .posledni-moznost .pm-content {
          width: 100%;
          max-width: 1192px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 40px;
        }
        .posledni-moznost .pm-text-wrap {
          max-width: 732px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 20px;
        }
        .posledni-moznost .pm-tag {
          background: #FF0018;
          border: 1px solid #FF0018;
          border-radius: 6px;
          padding: 6px 15px;
        }
        .posledni-moznost .pm-tag span {
          font-family: 'Champ', sans-serif;
          font-weight: 600;
          font-size: clamp(18px, 14.36px + 0.97vw, 24px);
          line-height: 106%;
          letter-spacing: -0.02em;
          color: #FFF;
        }
        .posledni-moznost .pm-h2 {
          font-family: 'Inter Variablefont Opsz Wght', Inter, sans-serif;
          font-weight: 900;
          font-size: clamp(28px, 13.42px + 3.89vw, 52px);
          line-height: 115%;
          letter-spacing: -0.03em;
          text-align: center;
          color: #FFF;
          margin: 0;
          max-width: 732px;
        }
        .posledni-moznost .pm-h2-pink {
          color: #FF80DD;
        }
        .posledni-moznost .pm-subtext {
          font-family: 'Inter', sans-serif;
          font-weight: 500;
          font-size: clamp(16px, 13.57px + 0.65vw, 20px);
          line-height: 150%;
          text-align: center;
          color: #FFF;
          margin: 0;
        }
        .posledni-moznost .pm-price-wrap {
          display: flex;
          flex-direction: column;
          align-items: center;
        }
        .posledni-moznost .pm-price-box {
          background: #FF0018;
          padding: 20px;
          transform: rotate(1deg);
          position: relative;
          display: inline-flex;
          align-items: center;
          justify-content: center;
        }
        .posledni-moznost .pm-price-box span {
          font-family: 'Champ', sans-serif;
          font-weight: 900;
          font-size: clamp(32px, 18.63px + 3.57vw, 54px);
          line-height: 150%;
          letter-spacing: -0.02em;
          color: #FFF;
          text-align: center;
        }
        .posledni-moznost .pm-badge {
          background: #00D900;
          border: 1px solid #00D900;
          padding: 8px 18px;
          transform: rotate(-1deg);
          margin-top: -4px;
        }
        .posledni-moznost .pm-badge span {
          font-family: 'Champ', sans-serif;
          font-weight: 600;
          font-size: clamp(18px, 10.71px + 1.94vw, 30px);
          line-height: 106%;
          letter-spacing: -0.02em;
          color: #111;
        }
        .posledni-moznost .pm-hero-img {
          width: 100%;
          max-width: 763px;
          height: auto;
        }
        .posledni-moznost .pm-bottom {
          max-width: 476px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 40px;
        }
        .posledni-moznost .pm-bottom-cta {
          max-width: 414px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 18px;
        }
        .posledni-moznost .pm-mid-text {
          font-family: 'Inter Variablefont Opsz Wght', Inter, sans-serif;
          font-weight: 700;
          font-size: clamp(20px, 17.57px + 0.65vw, 24px);
          line-height: 130%;
          letter-spacing: -0.03em;
          text-align: center;
          color: #FFF;
          margin: 0;
        }
        .posledni-moznost .pm-green {
          color: #00D900;
        }
        .posledni-moznost .pm-cta {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 12px 24px;
          border-radius: 16px;
          background: #55E655;
          border: 1px solid #000;
          box-shadow: 0px 0px 10.6px 0px #00000026;
          font-family: 'Champ', sans-serif;
          font-weight: 700;
          font-size: clamp(16px, 14.78px + 0.32vw, 18px);
          line-height: 150%;
          letter-spacing: 0.01em;
          color: #111;
          text-decoration: none;
          cursor: pointer;
        }
        .posledni-moznost .pm-cta:hover {
          opacity: 0.9;
        }
        .posledni-moznost .pm-kuba-img {
          width: 100%;
          max-width: 476px;
          height: auto;
        }

        /* MQ overrides removed — using clamp() for fluid scaling */

/* ── next extracted block ── */

.rev-store-logos {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 12px;
          padding-top: 40px;
        }
        .rev-store-logos img {
          width: 122px;
          height: 74px;
        }
        .rev-store-text {
          font-family: 'Inter Variable Font Opsz Wght', Inter, sans-serif;
          font-weight: 700;
          font-size: 18px;
          line-height: 150%;
          letter-spacing: -0.01em;
          color: #000000;
          margin: 0;
          text-align: center;
        }

/* ── next extracted block ── */

[element-theme="1"] {
  --color--background: var(--light--background);
  --color--text: var(--light--text);
  --color--button-background: var(--light--button-background);
  --color--button-text: var(--light--button-text);
  --color--box-bg: var(--light--box-bg);
}

[element-theme="2"] {
  --color--background: var(--dark--background);
  --color--text: var(--dark--text);
  --color--button-background: var(--dark--button-background);
  --color--button-text: var(--dark--button-text);
  --color--box-bg: var(--dark--box-bg);
}

/* ── next extracted block ── */

.bonusy-new {
        width: 100%;
        padding: clamp(56px, 21.97px + 9.08vw, 112px) 0;
        display: flex;
        justify-content: center;
      }
      .bonusy-new-wrapper {
        max-width: 1060px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        padding: 0 20px;
        box-sizing: border-box;
      }
      .bonusy-new-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        max-width: 438px;
      }
      .bonusy-new-tag {
        display: inline-flex;
        padding: 6px 15px;
        border-radius: 4px;
        border: 1px solid #CFA4FF;
        background: #CFA4FF;
        font-family: 'Champ', sans-serif;
        font-weight: 600;
        font-size: clamp(18px, 14.36px + 0.97vw, 24px);
        line-height: 106%;
        letter-spacing: -0.02em;
        color: #111111;
      }
      .bonusy-new-h2 {
        font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
        font-weight: 900;
        font-size: clamp(28px, 13.42px + 3.89vw, 52px);
        line-height: 120%;
        letter-spacing: -0.03em;
        text-align: center;
        color: #111;
        margin: 0;
      }
      .bonusy-new-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px;
        max-width: 764px;
        width: 100%;
      }
      .bonusy-new-card {
        width: 370px;
        border-radius: 20px;
        border: 1px solid rgba(0,0,0,0.05);
        background: #FFF8CC;
        overflow: hidden;
        display: flex;
        flex-direction: column;
      }
      .bonusy-new-card-img {
        width: 100%;
        height: 208px;
        background: #d0d0d0;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .bonusy-new-card-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .bonusy-new-card-img svg {
        width: 48px;
        height: 48px;
        opacity: 0.4;
      }
      .bonusy-new-card-body {
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .bonusy-new-card-text {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .bonusy-new-card-tag {
        display: inline-flex;
        align-self: flex-start;
        padding: 5px 12px;
        border-radius: 4px;
        border: 1px solid #CFA4FF;
        background: #CFA4FF;
        font-family: 'Champ', sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 106%;
        letter-spacing: -0.01em;
        color: #111111;
      }
      .bonusy-new-card h3 {
        font-family: 'Inter Variable Font Opsz Wght', 'Inter', sans-serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: -0.03em;
        color: #111;
        margin: 0;
      }
      .bonusy-new-card p {
        font-family: 'Inter Variable Font Opsz Wght', 'Inter', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0;
        color: #111;
        margin: 0;
      }
      .bonusy-new-card-footer {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
      }
      .bonusy-new-hodnota {
        display: inline-flex;
        padding: 5px 12px;
        border-radius: 4px;
        border: 1px solid #FFDC00;
        background: #FFDC00;
        font-family: 'Champ', sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 106%;
        letter-spacing: -0.01em;
        color: #111111;
      }
      .bonusy-new-zadarmo {
        display: inline-flex;
        padding: 5px 12px;
        border-radius: 4px;
        border: 1px solid #00D900;
        background: #00D900;
        font-family: 'Champ', sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 106%;
        letter-spacing: -0.01em;
        color: #111111;
      }
      .bonusy-new-cta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 24px;
        border-radius: 16px;
        background: #55E655;
        font-family: 'Champ', sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0.01em;
        color: #0D0D0D;
        text-decoration: none;
        border: none;
        cursor: pointer;
        transition: transform 0.2s, box-shadow 0.2s;
      }
      .bonusy-new-cta:hover {
        transform: translateY(2px);
        box-shadow: 0 2px 6px -4px rgba(0,0,0,0.55);
      }

/* ── next extracted block ── */

/* testim-video-slider je flex row → opravit na column aby slider byl nad nav barem */
                  .testim-video-slider {
                    flex-direction: column;
                  }

                  /* Neutralizovat ._w-slider Webflow CSS pravidla – bojovala se Swiperem */
                  #gallery13_slider._w-slider {
                    display: block;
                    flex-direction: initial;
                    align-items: initial;
                  }

                  /* Swiper video slider – aspect-ratio přístup (desktop OK) */
                  #gallery13_slider {
                    position: relative;
                    padding: 0 5% !important;
                    width: 100%;
                    height: auto !important;
                    overflow: hidden !important;
                    box-sizing: border-box;
                  }

                  #gallery13_slider .swiper-wrapper {
                    height: auto;
                    align-items: flex-start;
                  }

                  /* Neutralizovat .gallery21_slide Webflow pravidla (width:50%, padding-right:1.5rem) */
                  #gallery13_slider .gallery21_slide {
                    flex: none;
                    width: auto;
                    padding-right: 0 !important;
                  }

                  #gallery13_slider .swiper-slide {
                    height: auto;
                    aspect-ratio: 9 / 16;
                  }

                  /* Neutralizovat .testim-video Webflow pravidlo height:100% (kolapí bez fixed parent) */
                  #gallery13_slider .testim-video {
                    height: auto;
                  }

                  /* Šipky v flow mimo slider */
                  .testim-video-slider .gallery21_arrow {
                    position: static !important;
                    display: flex;
                  }

                  .testim-video-slider .gallery21_arrow.swiper-button-disabled {
                    opacity: .5;
                    pointer-events: none;
                  }

                  /* Paginace v flow – přepsání webflow absolute pozicování a výchozí stylu */
                  .testim-video-slider .gallery21_slide-nav {
                    position: static !important;
                    height: auto !important;
                    font-size: 1rem;
                    display: flex !important;
                    inset: unset;
                  }

                  /* Horizontální odsazení nav baru – stejné jako slider-wrapper u testimonials */
                  .testim-video-slider .slider_layout {
                    padding-left: 5%;
                    padding-right: 5%;
                  }

/* ── next extracted block ── */

@media (max-width: 767px) {
                          .team-slider_cms_item.swiper-slide {
                            width: calc(100% / 1.2) !important;
                          }
                        }

                        @media (min-width: 768px) and (max-width: 991px) {
                          .team-slider_cms_item.swiper-slide {
                            width: calc(100% / 2) !important;
                          }
                        }

/* ── next extracted block ── */

.garance-new {
          width: 100%;
          padding: clamp(32px, 17.42px + 3.89vw, 56px) clamp(16px, -13.17px + 7.78vw, 64px);
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 80px;
        }
        .garance-new-outer {
          width: 100%;
          max-width: 1312px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: clamp(32px, 12.55px + 5.19vw, 64px);
        }
        .garance-new-box {
          width: 100%;
          max-width: 1312px;
          background: #CCF7CC;
          border-radius: 30px;
          padding: clamp(24px, 2.12px + 5.83vw, 60px);
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 10px;
        }
        .garance-new-content {
          width: 100%;
          max-width: 1192px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 40px;
          padding: 10px;
        }
        .garance-new-header {
          max-width: 438px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 20px;
        }
        .garance-new-tag {
          display: inline-flex;
          align-items: center;
          padding: 6px 15px;
          border-radius: 4px;
          background: #00D900;
          border: 1px solid #00D900;
          font-family: 'Champ', sans-serif;
          font-weight: 600;
          font-size: clamp(20px, 17.57px + 0.65vw, 24px);
          line-height: 106%;
          letter-spacing: -0.02em;
          color: #000;
        }
        .garance-new-h2 {
          max-width: 438px;
          font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
          font-weight: 900;
          font-size: clamp(32px, 19.85px + 3.24vw, 52px);
          line-height: 120%;
          letter-spacing: -0.03em;
          text-align: center;
          color: #111;
          margin: 0;
        }
        .garance-new-grid {
          width: 100%;
          max-width: 1158px;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 24px;
        }
        .garance-new-card {
          width: 370px;
          border-radius: 20px;
          background: #80EC80;
          border: 1px solid #FFFFFF;
          overflow: hidden;
          display: flex;
          flex-direction: column;
        }
        .garance-new-card-img {
          width: 100%;
          height: 208px;
          background: #d1d5db;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-shrink: 0;
        }
        .garance-new-card-img svg {
          width: 48px;
          height: 48px;
          color: #9ca3af;
        }
        .garance-new-card-body {
          width: 100%;
          padding: 20px;
          display: flex;
          flex-direction: column;
          gap: 10px;
        }
        .garance-new-card-text {
          max-width: 330px;
          display: flex;
          flex-direction: column;
          gap: 10px;
        }
        .garance-new-card-tag {
          display: inline-flex;
          align-items: center;
          padding: 5px 12px;
          border-radius: 4px;
          background: #FFDC00;
          border: 1px solid #FFDC00;
          font-family: 'Champ', sans-serif;
          font-weight: 600;
          font-size: 16px;
          line-height: 106%;
          letter-spacing: -0.01em;
          color: #000;
          width: fit-content;
        }
        .garance-new-card-title {
          font-family: 'Inter Variable Font Opsz Wght', 'Inter', sans-serif;
          font-weight: 700;
          font-size: 24px;
          line-height: 130%;
          letter-spacing: -0.03em;
          color: #111;
          margin: 0;
        }
        .garance-new-card-desc {
          font-family: 'Inter Variable Font Opsz Wght', 'Inter', sans-serif;
          font-weight: 400;
          font-size: 16px;
          line-height: 150%;
          color: #111;
          margin: 0;
        }
        .garance-new-cta {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          padding: 12px 24px;
          border-radius: 16px;
          background: #55E655;
          font-family: 'Champ', sans-serif;
          font-weight: 700;
          font-size: 18px;
          line-height: 150%;
          letter-spacing: 0.01em;
          color: #0D0D0D;
          text-decoration: none;
          cursor: pointer;
          border: none;
          transition: transform 0.2s, box-shadow 0.2s;
        }
        .garance-new-cta:hover {
          transform: translateY(2px);
          box-shadow: 0 2px 6px -4px rgba(0,0,0,0.55);
        }
        @media (max-width: 991px) {
          .garance-new-card { width: 100%; max-width: 370px; }
        }
/* ── next extracted block ── */

.pricing-new {
          background-color: var(--bg, #fffdec);
          padding: clamp(24px, 4.55px + 5.19vw, 56px) clamp(16px, -13.17px + 7.78vw, 64px);
        }
        .pricing-new-outer {
          max-width: 1312px;
          margin: 0 auto;
          display: flex;
          flex-direction: column;
          gap: 40px;
          align-items: center;
        }
        .pricing-new-box {
          width: 100%;
          max-width: 1312px;
          background: var(--yellow--base, #FFDC00);
          border-radius: 1.875rem;
          padding: clamp(24px, 2.12px + 5.83vw, 60px);
          display: flex;
          flex-direction: column;
          gap: 10px;
          align-items: center;
        }
        .pricing-new-content {
          width: 100%;
          max-width: 1192px;
          display: flex;
          flex-direction: column;
          gap: 40px;
          padding: 10px;
          align-items: center;
        }
        /* Header */
        .pricing-new-header {
          max-width: 872px;
          display: flex;
          flex-direction: column;
          gap: 20px;
          align-items: center;
        }
        .pricing-new-tag-red {
          display: inline-block;
          padding: 6px 15px;
          border-radius: 0.25rem;
          background: #FF0018;
          border: 1px solid #FF0018;
          font-family: 'Champ', 'Champvf', sans-serif;
          font-weight: 600;
          font-size: clamp(16px, 11.14px + 1.3vw, 24px);
          line-height: 106%;
          letter-spacing: -0.02em;
          color: #FFFFFF;
        }
        .pricing-new-display-wrapper {
          max-width: 872px;
          width: 100%;
          display: flex;
          flex-direction: column;
          gap: 0;
          align-items: center;
          transform: rotate(-2deg);
        }
        .pricing-new-display-big {
          display: block;
          font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
          font-weight: 900;
          font-size: clamp(72px, -30.09px + 27.23vw, 240px);
          line-height: 98%;
          letter-spacing: -0.06em;
          text-align: center;
          color: #111111;
        }
        .pricing-new-display-small {
          display: block;
          font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
          font-weight: 900;
          font-size: clamp(42px, -12.7px + 14.59vw, 132px);
          line-height: 98%;
          letter-spacing: -0.06em;
          text-align: center;
          color: #111111;
        }
        .pricing-new-tag-purple {
          display: inline-block;
          padding: 6px 15px;
          border-radius: 0.25rem;
          background: #CFA4FF;
          border: 1px solid #CFA4FF;
          font-family: 'Champ', 'Champvf', sans-serif;
          font-weight: 600;
          font-size: clamp(16px, 11.14px + 1.3vw, 24px);
          line-height: 106%;
          letter-spacing: -0.02em;
          color: #111111;
        }
        /* Placeholder */
        .pricing-new-placeholder {
          width: 480px;
          max-width: 100%;
          background: none;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        /* Subtitle */
        .pricing-new-subtitle {
          font-family: 'Inter Variable Font Opsz Wght', 'Inter', sans-serif;
          font-weight: 700;
          font-size: clamp(20px, 17.57px + 0.65vw, 24px);
          line-height: 130%;
          letter-spacing: -0.03em;
          text-align: center;
          color: #111111;
          max-width: 308px;
        }
        /* Bottom wrapper */
        .pricing-new-bottom {
          width: 100%;
          max-width: 508px;
          display: flex;
          flex-direction: column;
          gap: 0;
          align-items: center;
        }
        .pricing-new-bottom > * + .pricing-new-checklist-box {
          margin-top: 0;
        }
        .pricing-new-bottom > .pricing-new-checklist-box ~ * {
          margin-top: 24px;
        }
        /* Checklist box */
        .pricing-new-checklist-box {
          width: 100%;
          max-width: 508px;
          background: #FFF8CC;
          border-radius: 20px;
          padding: clamp(20px, 7.84px + 3.24vw, 40px);
          border: 1px solid rgba(0, 0, 0, 0.05);
          display: flex;
          flex-direction: column;
          gap: 30px;
        }
        .pricing-new-checklist-group {
          display: flex;
          flex-direction: column;
          gap: 16px;
        }
        .pricing-new-checklist-group h3 {
          font-family: 'Inter Variable Font Opsz Wght', 'Inter', sans-serif;
          font-weight: 700;
          font-size: clamp(18px, 14.36px + 0.97vw, 24px);
          line-height: 130%;
          letter-spacing: -0.03em;
          color: #111111;
          margin: 0;
        }
        .pricing-new-checklist-items {
          display: flex;
          flex-direction: column;
          gap: 10px;
        }
        .pricing-new-checklist-item {
          display: flex;
          align-items: center;
          gap: 10px;
        }
        .pricing-new-checklist-item svg {
          width: 24px;
          height: 24px;
          flex-shrink: 0;
        }
        .pricing-new-checklist-item span {
          font-family: 'Inter Variable Font Opsz Wght', 'Inter', sans-serif;
          font-weight: 500;
          font-size: clamp(15px, 13.17px + 0.49vw, 18px);
          line-height: 140%;
          letter-spacing: -0.02em;
          color: #111111;
        }
        /* Bonus group (fialový wrapper) */
        .pricing-new-checklist-group.is-bonus {
          background: #ECDBFF;
          border-radius: 12px;
          padding: 20px;
          gap: 16px;
        }
        /* Bonus header */
        .pricing-new-bonus-header {
          display: flex;
          flex-direction: column;
          gap: 4px;
        }
        .pricing-new-value-tag {
          display: inline-block;
          width: fit-content;
          padding: 5px 12px;
          border-radius: 6px;
          background: #CFA4FF;
          border: 1px solid #CFA4FF;
          font-family: 'Champ', 'Champvf', sans-serif;
          font-weight: 600;
          font-size: 16px;
          line-height: 106%;
          letter-spacing: -0.01em;
          color: #111111;
        }
        /* Price box */
        .pricing-new-price-box {
          width: 100%;
          background: #FF0018;
          border-radius: 1.125rem;
          overflow: hidden;
        }
        .pricing-new-price-top {
          background: #FFFFFF;
          padding: 16px 90px;
          text-align: center;
        }
        .pricing-new-price-top span {
          font-family: 'Inter Variable Font Opsz Wght', 'Inter', sans-serif;
          font-weight: 900;
          font-size: clamp(24px, 16.72px + 1.94vw, 36px);
          line-height: 150%;
          letter-spacing: -0.02em;
          color: #111111;
        }
        .pricing-new-price-bottom {
          padding: clamp(24px, 14.28px + 2.59vw, 40px) 20px;
          display: flex;
          flex-direction: column;
          gap: 20px;
          align-items: center;
        }
        .pricing-new-price-row {
          display: flex;
          align-items: baseline;
          gap: 8px;
          justify-content: center;
        }
        .pricing-new-price-big {
          font-family: 'Inter Variable Font Opsz Wght', 'Inter', sans-serif;
          font-weight: 900;
          font-size: clamp(48px, 27.94px + 5.35vw, 81px);
          line-height: 100%;
          letter-spacing: -0.05em;
          color: #FFFFFF;
        }
        .pricing-new-price-unit {
          font-family: 'Inter Variable Font Opsz Wght', 'Inter', sans-serif;
          font-weight: 900;
          font-size: clamp(20px, 10.28px + 2.59vw, 36px);
          line-height: 100%;
          letter-spacing: -0.02em;
          color: #FFFFFF;
        }
        .pricing-new-price-old {
          position: relative;
          display: inline-block;
        }
        .pricing-new-price-old span {
          font-family: 'Inter Variable Font Opsz Wght', 'Inter', sans-serif;
          font-weight: 900;
          font-size: clamp(24px, 16.72px + 1.94vw, 36px);
          line-height: 150%;
          letter-spacing: -0.02em;
          color: #FFFFFF;
        }
        .pricing-new-price-old svg {
          position: absolute;
          top: 50%;
          left: -4px;
          right: -4px;
          width: calc(100% + 8px);
          height: 4px;
          transform: translateY(-50%);
        }
        /* Checkout form wrapper */
        .pricing-new-checkout {
          width: 100%;
          background-color: #FFF8CC;
          border-radius: 1.25rem;
          padding: 24px;
          display: flex;
          flex-direction: column;
          gap: 16px;
        }
        /* Product box ("1. Co kupuješ") */
        .pn-form-label {
          font-size: 1.125rem;
          letter-spacing: -0.015em;
          margin-bottom: 0;
        }
        .pn-plan-box {
          background-color: var(--yellow--40, #FFE94D);
          border: 2px solid #000;
          border-radius: 1.25rem;
          padding: 1.5rem;
          display: flex;
          flex-direction: column;
          gap: 1rem;
          width: 100%;
        }
        .pn-plan-header {
          display: flex;
          align-items: center;
          gap: 0.5rem;
        }
        .pn-plan-icon {
          background-color: var(--yellow--10, #FFF8CC);
          border-radius: 100%;
          width: 1.88rem;
          height: 1.88rem;
          object-fit: cover;
        }
        .pn-plan-title {
          font-size: 1.5rem;
          font-weight: 800;
          letter-spacing: -0.025em;
          line-height: 1.25;
          width: 100%;
        }
        .pn-plan-check {
          width: 1.5rem;
          height: 1.5rem;
          flex-shrink: 0;
        }
        .pn-plan-description {
          font-size: 0.88rem;
          line-height: 1.5;
        }
        .pn-plan-price-row {
          display: flex;
          align-items: flex-end;
          gap: 0.25rem;
        }
        .pn-plan-price-text {
          font-size: 1.125rem;
          font-weight: 700;
          letter-spacing: -0.025em;
        }
        .pn-plan-price-text.is-strikethrough {
          text-decoration: line-through;
        }
        .pn-plan-price-text.is-red {
          color: var(--red--base, #FF0018);
        }
        .pn-plan-price-time {
          color: rgba(17, 17, 17, 0.5);
          font-weight: 500;
        }
        /* Badges */
        .pn-badges-wrapper {
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 2rem;
          padding-top: 8px;
        }
        .pn-badge-img {
          max-width: 120px;
          height: auto;
        }
        .pn-badge-middle {
          width: 100px;
          min-width: 7rem;
        }
        .pn-badge-middle img {
          width: 100%;
          height: auto;
        }
        @media (max-width: 479px) {
          .pricing-new-checkout {
            padding: 16px;
          }
          .pn-plan-box {
            padding: 1.125rem;
          }
          .pn-plan-icon {
            width: 1.5rem;
            min-width: 1.5rem;
            height: 1.5rem;
            min-height: 1.5rem;
          }
          .pn-plan-title {
            font-size: 1.125rem;
          }
          .pn-badges-wrapper {
            gap: 1rem;
          }
          .pn-badge-img {
            max-width: 80px;
          }
          .pn-badge-middle {
            min-width: 5rem;
          }
        }
        /* Responsive — keep layout-only overrides */
        @media (max-width: 991px) {
          .pricing-new-placeholder {
            width: 100%;
          }
        }
        @media (max-width: 767px) {
          .pricing-new-content {
            padding: 0;
          }
        }
      
        /* ---- Stripe Form Styles ---- */
        .stripe-payment-wrapper * { box-sizing: border-box; }
        .stripe-payment-wrapper {
          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
          color: #30313d; line-height: 1.5;
        }
        .stripe-form-container { display: flex; flex-direction: column; margin-bottom: 16px; padding: 0; margin-top: 0; gap: 8px; position: relative; }
        .stripe-fieldset { display: flex; flex-direction: column; border: none; margin: 0; padding: 0; }
        .stripe-label { display: flex; flex-direction: column; }
        .stripe-label-text { font-weight: 500; margin-bottom: 4px; }
        .stripe-bold { font-weight: bold; }
        .stripe-required { color: #ef4444; }
        .stripe-input, .stripe-payment-form-input { height: 48px; padding: 12px; border-radius: 8px; border: 1px solid #e5e5e5; background-color: #ffffff; color: #30313d; font-size: 16px; outline: none; transition: all 0.2s; width: 100%; }
        .stripe-input:focus, .stripe-payment-form-input:focus { border-color: #0570de; box-shadow: 0 0 0 3px rgba(5, 112, 222, 0.2); }
        .stripe-input.error, .stripe-payment-form-input.error { border-color: #df1b41; color: #df1b41; }
        .stripe-checkbox-wrapper { display: flex; align-items: center; gap: 8px; cursor: pointer; margin: 8px 0; }
        .stripe-checkbox { width: 18px; height: 18px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 2px solid #000000; background-color: #ffffff; cursor: pointer; position: relative; border-radius: 2px; transition: all 0.2s; }
        .stripe-checkbox:checked { background-color: #000000; border-color: #000000; }
        .stripe-checkbox:checked::after { content: '\2714'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 12px; font-weight: bold; }
        .stripe-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 8px; }
        .stripe-button-apply { background-color: #000000; color: #ffffff; padding: 8px 16px; border-radius: 6px; font-weight: 500; border: none; cursor: pointer; transition: background-color 0.2s; height: 48px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); touch-action: manipulation; user-select: none; -webkit-user-select: none; }
        .stripe-button-apply:hover { background-color: #333333; }
        .stripe-button-apply:active { background-color: #555555; }
        .stripe-button-apply:disabled { opacity: 0.6; cursor: not-allowed; }
        .stripe-button-submit { height: 59px; padding: 16px 25px; background-color: #4DD94D; border-radius: 18px; display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; color: #111111; transition: background-color 0.2s; border: none; cursor: pointer; font-size: 16px; margin-top: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); touch-action: manipulation; user-select: none; -webkit-user-select: none; width: 100%; }
        .stripe-button-submit:hover { background-color: #45c545; }
        .stripe-button-submit:disabled { cursor: not-allowed; opacity: 0.6; }
        .stripe-button-submit-text { display: flex; align-items: center; gap: 8px; }
        #pn-promo-message { margin-top: 8px; margin-bottom: 16px; padding: 8px 12px; border-radius: 4px; font-size: 14px; font-weight: 500; }
        #pn-promo-message.success { background-color: #d4edda; border: 1px solid #c3e6cb; color: #155724; }
        #pn-promo-message.error { background-color: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; }
        #pn-payment-message { color: #ff0018; font-size: 16px; line-height: 20px; padding-top: 12px; text-align: center; }
        .stripe-error-message { color: #df1b41; font-size: 14px; margin-top: 4px; }
        .stripe-hidden { display: none !important; }
        .stripe-summary-box { background-color: #ffffff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); padding: 16px; margin-top: 8px; }
        .stripe-summary-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
        .stripe-summary-row:last-child { margin-bottom: 0; }
        .stripe-total-label { font-weight: bold; }
        .stripe-total-amount { color: #dc2626; font-weight: bold; font-size: 16px; }
        .stripe-info-text { padding: 0 8px; margin: 8px 0; font-size: 14px; color: #30313d; }
        .stripe-loader-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 253, 236, 0.9); display: flex; align-items: center; justify-content: center; z-index: 10; border-radius: 8px; }
        .stripe-loader-content { text-align: center; color: #30313d; }
        .stripe-loader-content p { margin-top: 12px; font-size: 14px; font-weight: 500; }
        .stripe-spinner { position: relative; width: 20px; height: 20px; border: 2px solid #000000; margin: 0 auto; border-radius: 50%; border-top-color: transparent; animation: stripe-spin 1s linear infinite; }
        @keyframes stripe-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        #pn-billing-elements-container { margin-top: 12px; padding: 12px; border-radius: 8px; }
        #pn-tax-id-section { margin-top: 16px; }
        .stripe-section-heading { font-size: 16px; margin: 12px 0 8px 0; color: #30313d; }
        #pn-payment-element-container { margin: 12px 0; }
        @media (max-width: 640px) { .stripe-grid { grid-template-columns: 1fr; } .stripe-button-apply { width: 100%; } }

        /* ====== DOVOLENÁ SECTION ====== */
        .dovolena {
          background-color: var(--bg, #fffdec);
          padding: clamp(56px, 21.97px + 9.08vw, 112px) clamp(16px, -13.17px + 7.78vw, 64px);
        }
        .dovolena-wrapper {
          max-width: 1312px;
          margin: 0 auto;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 40px;
        }
        .dovolena-header {
          max-width: 426px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 20px;
        }
        .dovolena-tag {
          display: inline-block;
          padding: 6px 15px;
          background: var(--yellow--base, #FFDC00);
          border: 1px solid var(--yellow--base, #FFDC00);
          border-radius: 0.25rem;
          font-family: 'Champ', sans-serif;
          font-weight: 600;
          font-size: clamp(18px, 14.36px + 0.97vw, 24px);
          line-height: 106%;
          letter-spacing: -0.02em;
          color: var(--text, #1e1e1e);
        }
        .dovolena h2 {
          font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
          font-weight: 900;
          font-size: clamp(32px, 19.85px + 3.24vw, 52px);
          line-height: 120%;
          letter-spacing: -0.03em;
          text-align: center;
          color: var(--text, #1e1e1e);
          margin: 0;
        }
        .dovolena-cards {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 24px;
          max-width: 340px;
          width: 100%;
        }
        .dovolena-card {
          width: 100%;
          border-radius: 1.25rem;
          border: 1px solid #fff;
          overflow: hidden;
        }
        .dovolena-card.is-a {
          background: #FF808B;
        }
        .dovolena-card.is-b {
          background: #80EC80;
        }
        .dovolena-card-img {
          width: 100%;
          height: 191px;
          object-fit: cover;
          display: block;
        }
        .dovolena-card-img-placeholder {
          width: 100%;
          height: 191px;
          background: #ccc;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .dovolena-card-img-placeholder svg {
          width: 48px;
          height: 48px;
          opacity: 0.4;
        }
        .dovolena-card-body {
          padding: 20px;
          display: flex;
          flex-direction: column;
          gap: 10px;
        }
        .dovolena-card-label {
          display: inline-flex;
          padding: 5px 12px;
          background: rgba(255,255,255,0.5);
          border: 1px solid rgba(0,0,0,0.1);
          border-radius: 0.25rem;
          font-family: 'Champ', sans-serif;
          font-weight: 600;
          font-size: 16px;
          line-height: 106%;
          letter-spacing: -0.01em;
          color: var(--text, #1e1e1e);
          width: fit-content;
        }
        .dovolena-card.is-b .dovolena-card-label {
          background: #00D900;
        }
        .dovolena-card-title {
          font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
          font-weight: 700;
          font-size: clamp(20px, 17.57px + 0.65vw, 24px);
          line-height: 130%;
          letter-spacing: -0.03em;
          color: var(--text, #1e1e1e);
          margin: 0;
        }
        .dovolena-bullets {
          display: flex;
          flex-direction: column;
          gap: 10px;
        }
        .dovolena-bullet {
          display: flex;
          align-items: center;
          gap: 10px;
        }
        .dovolena-bullet-emoji {
          width: 24px;
          height: 24px;
          flex-shrink: 0;
          font-size: 18px;
          line-height: 24px;
        }
        .dovolena-bullet-text {
          font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
          font-weight: 500;
          font-size: clamp(16px, 14.78px + 0.32vw, 18px);
          line-height: 140%;
          letter-spacing: -0.02em;
          color: var(--text, #1e1e1e);
        }
        .dovolena-divider {
          font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
          font-weight: 700;
          font-size: 24px;
          line-height: 130%;
          letter-spacing: -0.03em;
          color: var(--text, #1e1e1e);
          text-align: center;
        }
        .dovolena-cta-wrapper {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 18px;
          max-width: 330px;
        }
        .dovolena-cta-text {
          font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
          font-weight: 700;
          font-size: 16px;
          line-height: 150%;
          letter-spacing: 0;
          text-align: center;
          color: var(--text, #1e1e1e);
        }
        .dovolena-cta-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          padding: 12px 24px;
          background: var(--green--40, #55E655);
          border: none;
          border-radius: 1rem;
          font-family: 'Champ', sans-serif;
          font-weight: 700;
          font-size: 18px;
          line-height: 150%;
          letter-spacing: 0.01em;
          color: var(--text, #1e1e1e);
          text-decoration: none;
          cursor: pointer;
          transition: opacity 0.2s;
        }
        .dovolena-cta-btn:hover {
          opacity: 0.85;
        }

        /* ====== FAQ SECTION ====== */
        .faq-new {
          background-color: var(--bg, #fffdec);
          padding: clamp(56px, 21.97px + 9.08vw, 112px) clamp(16px, -13.17px + 7.78vw, 64px);
        }
        .faq-new-wrapper {
          max-width: 720px;
          margin: 0 auto;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 40px;
        }
        .faq-new-header {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 20px;
        }
        .faq-new-tag {
          display: inline-block;
          padding: 6px 15px;
          background: var(--yellow--base, #FFDC00);
          border: 1px solid var(--yellow--base, #FFDC00);
          border-radius: 0.25rem;
          font-family: 'Champ', sans-serif;
          font-weight: 600;
          font-size: clamp(18px, 14.36px + 0.97vw, 24px);
          line-height: 106%;
          letter-spacing: -0.02em;
          color: var(--text, #1e1e1e);
        }
        .faq-new h2 {
          font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
          font-weight: 900;
          font-size: clamp(32px, 19.85px + 3.24vw, 52px);
          line-height: 120%;
          letter-spacing: -0.03em;
          text-align: center;
          color: var(--text, #1e1e1e);
          margin: 0;
        }
        .faq-new-list {
          display: flex;
          flex-direction: column;
          gap: 12px;
          width: 100%;
        }
        .faq-new-item {
          background: var(--yellow--10, #FFF8CC);
          border: 1px solid var(--yellow--20, #FFEFAA);
          border-radius: 1rem;
          overflow: hidden;
        }
        .faq-new-question {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 16px;
          padding: clamp(16px, 13.57px + 0.65vw, 20px) clamp(20px, 17.57px + 0.65vw, 24px);
          cursor: pointer;
          user-select: none;
          -webkit-tap-highlight-color: transparent;
          touch-action: manipulation;
        }
        .faq-new-question-text {
          font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
          font-weight: 700;
          font-size: clamp(16px, 14.78px + 0.32vw, 18px);
          line-height: 150%;
          letter-spacing: -0.01em;
          color: var(--text, #1e1e1e);
        }
        .faq-new-icon {
          width: 28px;
          height: 28px;
          flex-shrink: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 24px;
          font-weight: 300;
          color: var(--text, #1e1e1e);
          transition: transform 0.3s ease;
        }
        .faq-new-item.is-open .faq-new-icon {
          transform: rotate(45deg);
        }
        .faq-new-answer {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.35s ease;
        }
        .faq-new-answer-inner {
          padding: 0 24px 20px 24px;
          font-family: 'Inter Variablefont Opsz Wght', 'Inter', sans-serif;
          font-weight: 400;
          font-size: 16px;
          line-height: 160%;
          color: var(--text, #1e1e1e);
        }
        .faq-new-cta-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          padding: 12px 24px;
          background: var(--green--40, #55E655);
          border: none;
          border-radius: 1rem;
          font-family: 'Champ', sans-serif;
          font-weight: 700;
          font-size: 18px;
          line-height: 150%;
          letter-spacing: 0.01em;
          color: var(--text, #1e1e1e);
          text-decoration: none;
          cursor: pointer;
          transition: opacity 0.2s;
        }
        .faq-new-cta-btn:hover {
          opacity: 0.85;
        }
        /* FAQ MQ overrides removed — using clamp() */

        /* Dovolená MQ overrides removed — using clamp() */

        /* Hide <br> in green compare cards on mobile */
        @media (max-width: 767px) {
          .compare-card.new .compare-card-desc br {
            display: none;
          }
        }