/* ===== Želda landing — generated from Figma design ===== */

#zelda-financing {
  --green: #A2C451;
  --green-light: #F1F7F0;
  --nav-green: #43573F;
  --dark: #0B0F05;
  --heading: #2F3C35;
  --text: #565953;
  --muted: #A6A6A6;
  --muted-dark: #898987;
  --bg-light: #F4F3F1;
  --border: #EBECE8;
  --white: #FFFFFF;
  --card: #FDFEFD;
}

#zelda-financing * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#zelda-financing {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background: var(--bg-light);
  color: var(--text);
}

#zelda-financing img { max-width: 100%; display: block; }
#zelda-financing button { font-family: inherit; cursor: pointer; }
#zelda-financing a { text-decoration: none; color: inherit; }

/* ===== Navbar ===== */

#zelda-financing .nav {
  background: var(--nav-green);
}

#zelda-financing .nav__inner {
  max-width: 1440px;
  margin: 0 auto;
  height: 54px;
  padding: 0 40px;
  display: flex;
  align-items: center;
  gap: 40px;
}

#zelda-financing .nav__logo {
  font-size: 28px;
  font-weight: 700;
  color: var(--green);
  letter-spacing: 0.5px;
}

#zelda-financing .nav__menu {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-left: auto;
}

#zelda-financing .nav__menu a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
}

#zelda-financing .nav__menu a:hover { color: var(--green); }

#zelda-financing .nav__menu svg { width: 14px; height: 14px; }

#zelda-financing .nav__right {
  display: flex;
  align-items: center;
  gap: 20px;
}

#zelda-financing .nav__phone {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--white);
  color: var(--nav-green);
  font-size: 14px;
  font-weight: 600;
  padding: 7px 16px;
  border-radius: 20px;
}

#zelda-financing .nav__phone svg { width: 15px; height: 15px; }

#zelda-financing .nav__search {
  background: none;
  border: none;
  color: var(--white);
  display: flex;
}

#zelda-financing .nav__search svg { width: 20px; height: 20px; }

/* ===== Hero ===== */

#zelda-financing .hero {
  position: relative;
  background: var(--dark);
  overflow: hidden;
}

#zelda-financing .hero__bg {
  position: absolute;
  inset: 0;
  /* Local photo first — export the hero image from Figma to images/hero.png
     and it takes over automatically; remote photo is a temporary placeholder. */
  background-image:
    url(../assets/img/fin-hero.png),
    url(https://images.unsplash.com/photo-1558904541-efa843a96f01?w=1800&q=70);
  background-size: cover, cover;
  background-position: center, center;
}

#zelda-financing .hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(11, 15, 5, 0.68) 0%, rgba(11, 15, 5, 0.5) 55%, rgba(11, 15, 5, 0.38) 100%);
}

#zelda-financing .hero__inner {
  position: relative;
  z-index: 2;
  max-width: 1440px;
  margin: 0 auto;
  padding: 66px 64px 60px 128px;
  display: flex;
  justify-content: space-between;
  gap: 60px;
}

#zelda-financing .hero__content {
  max-width: 540px;
  padding-top: 46px;
}

#zelda-financing .hero__title {
  font-weight: 600;
  font-size: 64px;
  line-height: 1;
  color: var(--white);
  margin-bottom: 32px;
}

#zelda-financing .hero__subtitle {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: var(--white);
  max-width: 515px;
  margin-bottom: 33px;
}

#zelda-financing .hero__features {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

#zelda-financing .feature {
  display: flex;
  align-items: center;
  gap: 16px;
}

#zelda-financing .feature__icon {
  flex-shrink: 0;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: var(--green);
  display: flex;
  align-items: center;
  justify-content: center;
}

#zelda-financing .feature__icon svg {
  width: 36px;
  height: 36px;
  color: var(--heading);
}

#zelda-financing .feature__text h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: var(--white);
}

#zelda-financing .feature__text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--white);
}

/* ===== Form card ===== */

#zelda-financing .form-card {
  position: relative;
  flex-shrink: 0;
  width: 589px;
  background: var(--card);
  border-radius: 12px;
  box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.1), 0px 10px 10px rgba(0, 0, 0, 0.04);
  padding: 40px;
}

#zelda-financing .steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

#zelda-financing .steps__circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--bg-light);
  color: var(--muted);
  font-size: 18px;
  line-height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#zelda-financing .steps__circle--active {
  background: var(--green);
  color: var(--white);
}

#zelda-financing .steps__line {
  position: relative;
  width: 48px;
  height: 2px;
  background: var(--border);
  overflow: hidden;
}

#zelda-financing .steps__line::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--green);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;
}

#zelda-financing .steps__line--active::after {
  transform: scaleX(1);
}

#zelda-financing .steps__circle {
  transition: background 0.3s, color 0.3s;
}

/* Step panels */
#zelda-financing .fin-step { display: none; }
#zelda-financing .fin-step--active { display: block; }

#zelda-financing .steps__label {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  margin-top: 14px;
}

#zelda-financing .form-card__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 33px;
  color: var(--heading);
  margin-top: 32px;
}

#zelda-financing .services {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-top: 24px;
}

#zelda-financing .service {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 66px;
  padding: 12px 16px;
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 10px;
  text-align: left;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: var(--text);
  transition: border-color 0.15s, background 0.15s;
}

#zelda-financing .service:hover { border-color: var(--green); }

#zelda-financing .service--selected {
  background: var(--green-light);
  border-color: var(--green);
}

#zelda-financing .service svg {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  color: var(--text);
}

#zelda-financing .consult {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 10px;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  cursor: pointer;
  transition: border-color 0.2s, background 0.25s;
}

/* selected state per the "jei nežinomas plotas" design variant */
#zelda-financing .consult--checked {
  background: var(--green-light);
  border-color: var(--green);
}

/* Custom radio to match the design: 16px circle, #565D6D border, 8px inner dot */
#zelda-financing .consult input,
#zelda-financing .option input {
  appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1px solid #565D6D;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

#zelda-financing .consult input:checked,
#zelda-financing .option input:checked {
  background: radial-gradient(circle, #565D6D 0 4px, transparent 4.5px);
}

#zelda-financing .field { margin-top: 22px; }

#zelda-financing .field__label {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: var(--heading);
  margin-bottom: 12px;
}

#zelda-financing .field__input {
  width: 100%;
  height: 49px;
  padding: 0 20px;
  background: var(--bg-light);
  border: 1px solid var(--border);
  border-radius: 8px;
  font-family: inherit;
  font-weight: 500;
  font-size: 14px;
  color: var(--heading);
}

#zelda-financing .field__input::placeholder { color: var(--muted); }

#zelda-financing .field__input:focus {
  outline: none;
  border-color: var(--green);
}

/* Validation */
#zelda-financing .field__input--error {
  border-color: #D64545;
  background: #FDF4F4;
}

#zelda-financing .field__error {
  display: none;
  margin-top: 8px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #D64545;
}

#zelda-financing .field--invalid .field__error { display: block; }

@media (prefers-reduced-motion: no-preference) {
  #zelda-financing .field--invalid .field__input--error {
    animation: fieldShake 0.35s ease;
  }

  @keyframes fieldShake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-6px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-3px); }
  }
}

#zelda-financing .btn-continue {
  width: 100%;
  height: 64px;
  margin-top: 38px;
  background: var(--green);
  border: none;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: var(--white);
  transition: filter 0.15s;
}

#zelda-financing .btn-continue:hover { filter: brightness(1.05); }

#zelda-financing .btn-continue svg {
  width: 24px;
  height: 24px;
}

/* ===== Step 2: area slider ===== */

#zelda-financing .area-box {
  margin-top: 24px;
  padding: 16px 19px 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
  transition: opacity 0.15s;
}

#zelda-financing .area-box__label {
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: var(--text);
}

#zelda-financing .area-slider {
  position: relative;
  margin-top: 12px;
  height: 21px;
  display: flex;
  align-items: center;
}

#zelda-financing .area-slider__ticks {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
}

#zelda-financing .area-slider__ticks span {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--border);
}

#zelda-financing .area-slider input[type="range"] {
  --fill: 33%;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 5px;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 3px;
  background: linear-gradient(to right, var(--green) var(--fill), var(--border) var(--fill));
  outline: none;
  cursor: pointer;
}

#zelda-financing .area-slider input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: var(--green);
  border: none;
  box-shadow: inset 0 0 0 6px var(--green), inset 0 0 0 21px #F1FFEE;
  cursor: grab;
}

#zelda-financing .area-slider input[type="range"]::-moz-range-thumb {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: radial-gradient(circle, #F1FFEE 0 4.5px, var(--green) 4.5px);
  border: none;
  cursor: grab;
}

#zelda-financing .area-slider__labels {
  display: flex;
  justify-content: space-between;
  margin-top: 2px;
}

#zelda-financing .area-slider__labels span {
  font-weight: 500;
  font-size: 10px;
  line-height: 21px;
  color: var(--text);
}

/* disabled state — "Dar nežinau" selected (design variant) */
#zelda-financing .area-box--disabled {
  opacity: 0.55;
  pointer-events: none;
}

#zelda-financing .area-box--disabled input[type="range"] {
  background: var(--border);
}

#zelda-financing .area-box--disabled input[type="range"]::-webkit-slider-thumb {
  background: var(--border);
  box-shadow: none;
}

#zelda-financing .area-box--disabled input[type="range"]::-moz-range-thumb {
  background: var(--border);
}

/* ===== Step 3: option cards ===== */

#zelda-financing .form-card__title--gap { margin-top: 30px; }

#zelda-financing .options {
  display: grid;
  gap: 13px;
  margin-top: 14px;
}

#zelda-financing .options--2col { grid-template-columns: 1fr 1fr; }

#zelda-financing .option {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 57px;
  padding: 16px 17px;
  border: 1px solid var(--border);
  border-radius: 10px;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: var(--text);
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}

#zelda-financing .option:hover { border-color: var(--green); }

#zelda-financing .option--checked {
  background: var(--green-light);
  border-color: var(--green);
}

#zelda-financing .option--full { margin-top: 13px; }

#zelda-financing .field__input--boxed { margin-top: 14px; }

/* ===== Step 4: success ===== */

#zelda-financing .fin-step--success {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 60px;
}

#zelda-financing .success__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: var(--green-light);
}

#zelda-financing .success__badge svg {
  width: 64px;
  height: 64px;
  color: var(--green);
  stroke-width: 2.5;
}

#zelda-financing .success__title {
  margin-top: 40px;
  font-weight: 600;
  font-size: 34px;
  line-height: 1;
  color: var(--heading);
}

#zelda-financing .success__text {
  max-width: 342px;
  margin: 28px auto 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: var(--text);
}

#zelda-financing .success__note {
  max-width: 342px;
  margin: 20px auto 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(86, 89, 83, 0.5);
}

/* ===== Why Želda ===== */

#zelda-financing .why {
  position: relative;
  background: var(--bg-light);
}

/* Faint background photo — export from Figma to images/why-bg.png (optional) */
#zelda-financing .why::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url(../assets/img/fin-why-bg.png);
  background-size: cover;
  background-position: center;
  opacity: 0.17;
  pointer-events: none;
}

#zelda-financing .why__content {
  position: relative;
  padding-top: 64px;
}

#zelda-financing .why__title {
  text-align: center;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  color: var(--heading);
}

#zelda-financing .why__grid {
  max-width: 1240px;
  margin: 64px auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  padding: 0 40px 64px;
}

#zelda-financing .why-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#zelda-financing .why-item svg {
  width: 50px;
  height: 50px;
  color: var(--heading);
}

#zelda-financing .why-item h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  color: var(--heading);
  margin-top: 24px;
}

#zelda-financing .why-item p {
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  max-width: 200px;
  margin-top: 15px;
}

/* ===== Financing partner banner ===== */

#zelda-financing .partner {
  position: relative;
  background: var(--green);
  border-radius: 12px;
}

#zelda-financing .partner__inner {
  max-width: 1440px;
  min-height: 129px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 16px 48px 16px 56px;
  gap: 40px;
}

#zelda-financing .partner__brand p {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #212121;
}

#zelda-financing .partner__logo {
  width: 159px;
  height: 61px;
  object-fit: contain;
  margin-top: 4px;
}

#zelda-financing .partner__logo--placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 700;
  font-size: 22px;
  color: #212121;
  width: 159px;
  height: 61px;
  margin-top: 4px;
}

#zelda-financing .partner__logo--placeholder small {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 4px;
}

#zelda-financing .partner__divider {
  align-self: stretch;
  border-left: 1px solid var(--border);
  /* center the divider in the gap between the logo and the text */
  margin: 0 auto;
}

#zelda-financing .partner__text {
  max-width: 414px;
  margin-right: auto;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #212121;
}

#zelda-financing .partner__safe {
  display: flex;
  align-items: center;
  gap: 17px;
}

#zelda-financing .partner__safe svg {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  color: var(--heading);
}

#zelda-financing .partner__safe p {
  max-width: 170px;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: var(--heading);
}

/* ===== Disclaimer ===== */

#zelda-financing .disclaimer {
  position: relative;
  background: var(--bg-light);
  border-top: 1px solid var(--border);
  padding: 29px 96px;
}

#zelda-financing .disclaimer p {
  max-width: 1299px;
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
  font-size: 11px;
  line-height: 21px;
  color: var(--muted-dark);
}

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

#zelda-financing .cta {
  position: relative;
  min-height: 485px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--dark);
  overflow: hidden;
}

#zelda-financing .cta__bg {
  position: absolute;
  inset: 0;
  /* Export from Figma to images/cta.png to replace the temporary photo */
  background-image:
    url(../assets/img/fin-cta.png),
    url(https://images.unsplash.com/photo-1416879595882-3373a0480b5b?w=1800&q=70);
  background-size: cover, cover;
  background-position: center, center;
}

#zelda-financing .cta::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(11, 15, 5, 0.55);
}

#zelda-financing .cta__content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 40px 20px;
}

#zelda-financing .cta__content h2 {
  font-weight: 500;
  font-size: 36px;
  line-height: 1.35;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--white);
}

#zelda-financing .cta__btn {
  display: inline-block;
  margin-top: 48px;
  background: var(--green);
  color: var(--white);
  font-weight: 500;
  font-size: 15px;
  padding: 12px 36px;
  border-radius: 24px;
  transition: filter 0.15s;
}

#zelda-financing .cta__btn:hover { filter: brightness(1.05); }

/* ===== Google Reviews ===== */

#zelda-financing .reviews {
  background: #F7F6F1;
  padding: 72px 40px 90px;
}

#zelda-financing .reviews__title {
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  color: var(--heading);
}

#zelda-financing .reviews__rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
}

#zelda-financing .reviews__score {
  font-weight: 700;
  font-size: 15px;
  color: var(--heading);
}

#zelda-financing .stars {
  display: inline-flex;
  gap: 2px;
  color: #6F9654;
}

#zelda-financing .stars svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}

#zelda-financing .reviews__powered {
  text-align: center;
  font-size: 13px;
  margin-top: 6px;
  color: var(--text);
}

#zelda-financing .g-blue { color: #4285F4; }
#zelda-financing .g-red { color: #EA4335; }
#zelda-financing .g-yellow { color: #FBBC05; }
#zelda-financing .g-green { color: #34A853; }

#zelda-financing .reviews__carousel {
  max-width: 1240px;
  margin: 40px auto 0;
  display: flex;
  align-items: center;
  gap: 20px;
}

#zelda-financing .reviews__arrow {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #DDD;
  background: var(--white);
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: center;
}

#zelda-financing .reviews__arrow svg { width: 18px; height: 18px; }

#zelda-financing .reviews__grid {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

#zelda-financing .review {
  background: var(--white);
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  padding: 20px;
}

#zelda-financing .review__head {
  display: flex;
  align-items: center;
  gap: 12px;
}

#zelda-financing .review__avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--white);
  font-weight: 600;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#zelda-financing .review__who h3 {
  font-weight: 600;
  font-size: 14px;
  color: #212121;
}

#zelda-financing .review__who p {
  font-size: 12px;
  color: var(--muted);
}

#zelda-financing .review__g {
  margin-left: auto;
  align-self: flex-start;
  font-weight: 700;
  font-size: 16px;
  color: #4285F4;
}

#zelda-financing .review .stars {
  margin-top: 12px;
}

#zelda-financing .review__text {
  margin-top: 10px;
  font-size: 13.5px;
  line-height: 1.55;
  color: #3c4043;
}

/* ===== Footer ===== */

#zelda-financing .footer {
  background: #FBFAF7;
  border-top: 1px solid var(--border);
}

#zelda-financing .footer__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 56px 40px 24px;
  display: flex;
  gap: 80px;
}

#zelda-financing .footer__col {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#zelda-financing .footer__col h3 {
  font-weight: 600;
  font-size: 17px;
  color: #212121;
  margin-bottom: 6px;
}

#zelda-financing .footer__col a {
  font-size: 14px;
  color: var(--text);
}

#zelda-financing .footer__col a:hover { color: var(--heading); }

#zelda-financing .footer__col--app {
  margin-right: auto;
  max-width: 300px;
}

#zelda-financing .footer__badges {
  display: flex;
  gap: 10px;
}

#zelda-financing .badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #000;
  color: var(--white) !important;
  border-radius: 6px;
  padding: 6px 12px;
}

#zelda-financing .badge svg { width: 20px; height: 20px; }

#zelda-financing .badge span {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

#zelda-financing .badge small {
  font-size: 8px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

#zelda-financing .footer__social {
  display: flex;
  gap: 10px;
  margin-top: 8px;
}

#zelda-financing .footer__social a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--nav-green);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}

#zelda-financing .footer__social svg { width: 17px; height: 17px; }

#zelda-financing .footer__phone {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--green);
  color: var(--white) !important;
  font-weight: 600;
  font-size: 13px;
  padding: 7px 16px;
  border-radius: 20px;
  align-self: flex-start;
}

#zelda-financing .footer__phone svg { width: 14px; height: 14px; }

#zelda-financing .footer__legal {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 40px 24px;
  text-align: right;
  font-size: 12px;
  color: var(--muted-dark);
}

#zelda-financing .footer__legal a { color: var(--muted-dark); }
#zelda-financing .footer__legal a:hover { color: var(--heading); }

#zelda-financing .footer__strip {
  height: 34px;
  background: var(--nav-green);
}

/* ===== Animations ===== */

@media (prefers-reduced-motion: no-preference) {

  /* Card height eases between steps (JS drives the height) */
  #zelda-financing .form-card {
    transition: height 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
  }

  /* Step transitions: exit left, enter from the right */
  #zelda-financing .fin-step--active {
    animation: stepIn 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  }

  #zelda-financing .fin-step--exit {
    animation: stepOut 0.18s ease forwards;
  }

  @keyframes stepIn {
    from { opacity: 0; transform: translateX(32px); }
    to   { opacity: 1; transform: none; }
  }

  @keyframes stepOut {
    to { opacity: 0; transform: translateX(-24px); }
  }

  /* Step indicator circle pops when it turns green */
  #zelda-financing .steps__circle--active {
    animation: circlePop 0.4s ease;
  }

  @keyframes circlePop {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.18); }
    100% { transform: scale(1); }
  }

  /* Selecting chips / options */
  #zelda-financing .service,
#zelda-financing .option {
    transition: border-color 0.2s, background 0.25s, transform 0.15s;
  }

  #zelda-financing .service:active,
#zelda-financing .option:active { transform: scale(0.97); }

  #zelda-financing .service--selected,
#zelda-financing .option--checked {
    animation: selectPop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  @keyframes selectPop {
    0%   { transform: scale(1); }
    45%  { transform: scale(1.03); }
    100% { transform: scale(1); }
  }

  /* Radio dot pops in */
  #zelda-financing .consult input,
#zelda-financing .option input {
    transition: border-color 0.2s;
  }

  #zelda-financing .consult input:checked,
#zelda-financing .option input:checked {
    animation: radioPop 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  @keyframes radioPop {
    0%   { transform: scale(0.6); }
    60%  { transform: scale(1.15); }
    100% { transform: scale(1); }
  }

  /* Slider thumb feedback */
  #zelda-financing .area-slider input[type="range"]::-webkit-slider-thumb {
    transition: transform 0.15s;
  }

  #zelda-financing .area-slider input[type="range"]:hover::-webkit-slider-thumb,
#zelda-financing .area-slider input[type="range"]:active::-webkit-slider-thumb {
    transform: scale(1.2);
  }

  #zelda-financing .area-box {
    transition: opacity 0.3s, filter 0.3s;
  }

  #zelda-financing .area-box--disabled { filter: grayscale(1); }

  /* Success screen: badge springs in, check draws itself, texts rise */
  #zelda-financing .fin-step--success.fin-step--active .success__badge {
    animation: badgeIn 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  }

  @keyframes badgeIn {
    from { opacity: 0; transform: scale(0.4); }
    to   { opacity: 1; transform: scale(1); }
  }

  #zelda-financing .fin-step--success.fin-step--active .success__badge svg path {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: drawCheck 0.5s ease 0.35s forwards;
  }

  @keyframes drawCheck {
    to { stroke-dashoffset: 0; }
  }

  #zelda-financing .fin-step--success.fin-step--active .success__title { animation: fadeUp 0.5s ease 0.25s both; }
  #zelda-financing .fin-step--success.fin-step--active .success__text { animation: fadeUp 0.5s ease 0.4s both; }
  #zelda-financing .fin-step--success.fin-step--active .success__note { animation: fadeUp 0.5s ease 0.55s both; }

  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(22px); }
    to   { opacity: 1; transform: none; }
  }

  /* Form button */
  #zelda-financing .btn-continue {
    transition: filter 0.15s, transform 0.15s, box-shadow 0.2s;
  }

  #zelda-financing .btn-continue:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(162, 196, 81, 0.45);
  }

  #zelda-financing .btn-continue:active { transform: translateY(0) scale(0.99); }
}

/* ===== Responsive ===== */

#zelda-financing .nav__burger {
  display: none;
  background: none;
  border: none;
  color: var(--white);
  padding: 4px;
}

#zelda-financing .nav__burger svg { width: 24px; height: 24px; }

/* --- Tablets & small laptops --- */
@media (max-width: 1200px) {
  #zelda-financing .nav__inner { position: relative; }

  #zelda-financing .nav__menu { display: none; }
  #zelda-financing .nav__burger { display: flex; }

  #zelda-financing .nav--open .nav__menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    position: absolute;
    top: 54px;
    left: 0;
    right: 0;
    margin: 0;
    padding: 12px 24px 20px;
    background: var(--nav-green);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
    z-index: 50;
  }

  #zelda-financing .nav--open .nav__menu a { padding: 8px 0; }

  #zelda-financing .hero__inner {
    flex-direction: column;
    align-items: center;
    gap: 48px;
    padding: 56px 32px 64px;
  }

  #zelda-financing .hero__content { padding-top: 0; max-width: 640px; }

  #zelda-financing .hero__title { font-size: clamp(40px, 6.5vw, 64px); }

  #zelda-financing .form-card {
    width: 100%;
    max-width: 589px;
  }

  #zelda-financing .why__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 24px;
  }

  #zelda-financing .partner { border-radius: 0; }

  #zelda-financing .partner__inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 24px;
    gap: 24px;
  }

  #zelda-financing .partner__divider { display: none; }

  #zelda-financing .partner__brand p { margin-bottom: 8px; }

  #zelda-financing .partner__logo,
#zelda-financing .partner__logo--placeholder {
    margin: 0 auto;
    align-items: center;
  }

  #zelda-financing .partner__text {
    max-width: 560px;
    margin: 0;
  }

  #zelda-financing .partner__safe {
    flex-direction: column;
    gap: 12px;
    margin: 0;
  }

  #zelda-financing .partner__safe p {
    max-width: none;
    text-align: center;
  }

  #zelda-financing .reviews { padding: 56px 24px 64px; }

  #zelda-financing .reviews__grid {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin: 0 auto;
  }

  #zelda-financing .footer__inner {
    flex-wrap: wrap;
    gap: 48px 64px;
    padding: 48px 32px 24px;
  }

  #zelda-financing .disclaimer { padding: 24px 32px; }
}

/* --- Phones --- */
@media (max-width: 640px) {
  #zelda-financing .nav__inner { padding: 0 16px; gap: 16px; }

  #zelda-financing .nav__phone { padding: 6px 12px; font-size: 13px; }

  #zelda-financing .hero__inner { padding: 40px 16px 48px; gap: 36px; }

  #zelda-financing .hero__title { font-size: clamp(32px, 9vw, 40px); }

  #zelda-financing .hero__subtitle { font-size: 17px; line-height: 25px; }

  #zelda-financing .hero__features { gap: 16px; }

  #zelda-financing .feature__icon { width: 60px; height: 60px; }

  #zelda-financing .feature__icon svg { width: 26px; height: 26px; }

  #zelda-financing .feature__text h3 { font-size: 16px; line-height: 24px; }
  #zelda-financing .feature__text p { font-size: 14px; line-height: 21px; }

  /* Form */
  #zelda-financing .form-card { padding: 28px 20px; border-radius: 12px; }

  #zelda-financing .steps { gap: 10px; }
  #zelda-financing .steps__circle { width: 38px; height: 38px; font-size: 16px; }
  #zelda-financing .steps__line { width: 32px; }

  #zelda-financing .form-card__title { font-size: 19px; line-height: 28px; margin-top: 24px; }

  #zelda-financing .services { grid-template-columns: 1fr; gap: 10px; }

  #zelda-financing .service { min-height: 56px; }

  #zelda-financing .options--2col { grid-template-columns: 1fr; }

  #zelda-financing .consult { padding: 14px; }

  #zelda-financing .btn-continue { height: 56px; font-size: 16px; margin-top: 28px; }

  #zelda-financing .area-slider__labels span { font-size: 9px; }

  #zelda-financing .success__badge { width: 96px; height: 96px; }
  #zelda-financing .success__badge svg { width: 48px; height: 48px; }
  #zelda-financing .success__title { font-size: 26px; }
  #zelda-financing .success__text { font-size: 16px; }
  #zelda-financing .success__note { font-size: 14px; }

  /* Sections */
  #zelda-financing .why { padding-top: 44px; }
  #zelda-financing .why__title { font-size: 24px; line-height: 34px; padding: 0 16px; }
  #zelda-financing .why__grid { grid-template-columns: 1fr; gap: 36px; margin-top: 40px; padding: 0 24px 48px; }

  #zelda-financing .partner { border-radius: 0; }
  #zelda-financing .partner__inner { padding: 28px 20px; }
  #zelda-financing .partner__safe svg { width: 40px; height: 40px; }

  #zelda-financing .disclaimer { padding: 20px 16px; }
  #zelda-financing .disclaimer p br { display: none; }

  #zelda-financing .cta { min-height: 380px; }
  #zelda-financing .cta__content h2 { font-size: 24px; }
  #zelda-financing .cta__btn { margin-top: 32px; }

  #zelda-financing .reviews { padding: 44px 12px 52px; }
  #zelda-financing .reviews__title { font-size: 20px; }
  #zelda-financing .reviews__carousel { gap: 8px; }
  #zelda-financing .reviews__arrow { display: none; }

  #zelda-financing .footer__inner { padding: 40px 20px 16px; gap: 36px; }
  #zelda-financing .footer__badges { flex-wrap: wrap; }
  #zelda-financing .footer__legal { padding: 0 20px 20px; text-align: left; }
}

/* ===== Flatsome overrides — pin design corner radii =====
   Flatsome injects: button:not(.icon){border-radius:99px!important} */
#zelda-financing .service,
#zelda-financing .option,
#zelda-financing .consult,
#zelda-financing .area-box,
#zelda-financing .btn-continue {
  border-radius: 10px !important;
}

#zelda-financing .field__input { border-radius: 8px !important; }
#zelda-financing .form-card { border-radius: 12px !important; }
#zelda-financing .steps__circle { border-radius: 50% !important; }
#zelda-financing .reviews__arrow { border-radius: 50% !important; }
#zelda-financing .cta__btn { border-radius: 24px !important; }

#zelda-financing button {
  text-transform: none !important;
  letter-spacing: normal !important;
}