/* === HERO + WIZARD (GoFindTech) === */ 
.gft-hero{ background: var(--gray, #F3F4F6); padding:60px 0 80px }
.gft-hero-wrap{ display:grid; gap:40px }
@media (min-width:900px){ .gft-hero-wrap{ grid-template-columns:1fr 1fr; align-items:center } }
.gft-hero-text h1{ font-size:2rem; color:var(--ink,#0F172A); margin:0 0 10px }
.gft-sub{ font-size:1.05rem; color:#475569; margin:0 0 12px }
.gft-badge{ background:#fff; border-radius:999px; padding:8px 16px; font-weight:600; box-shadow:0 6px 22px rgba(16,23,42,.08); display:inline-block }

.gft-wizard-card{ background:#fff; border-radius:14px; box-shadow:0 6px 22px rgba(16,23,42,.08); padding:24px }
.gft-price-progress{text-align:center; margin-bottom:18px}
.gft-price{ font-weight:700; font-size:1.2rem }
.gft-savings{ font-weight:600; color:#64748b; margin-left:6px }
.gft-progress{ background:#e2e8f0; height:8px; border-radius:6px; margin:8px 0; overflow:hidden }
#gft-progressFill{ height:100%; width:20%; background:linear-gradient(90deg,#1E3A8A 0%,#10B981 100%); transition:width .3s ease }
.gft-step-label{ font-size:.9rem; color:#64748b }

.gft-step{ display:none }
.gft-step.gft-active{ display:block }

 /* Consent checkbox line */
.gft-wizard-card label.gft-agree{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  font-size:.9rem;
  line-height:1.3;
  font-weight:400;      /* можно сделать чуть легче, чем у заголовков */
}

/* чтобы чекбокс не тянулся по высоте */
.gft-agree input{
  width:18px;
  height:18px;
  margin:0;
  flex-shrink:0;
}

.gft-wizard-card input,
.gft-wizard-card textarea{ width:100%; margin-top:4px; padding:10px 12px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; font-size:.95rem }
.gft-wizard-card textarea{ resize:vertical }
.gft-agree{ display:flex; align-items:center; gap:8px; margin-top:14px; font-size:.9rem; line-height:1.3 }
.gft-agree input{ width:18px; height:18px; accent-color:var(--teal,#10B981) }

.gft-nav{ display:flex; justify-content:space-between; margin-top:18px }
.gft-nav button{ background:#e2e8f0; border:0; border-radius:10px; padding:10px 16px; font-weight:600; cursor:pointer }
#gft-next{ background:linear-gradient(135deg,#1E3A8A 0%,#3B82F6 100%); color:#fff }

.gft-review{ display:none }
.gft-review.gft-open{ display:block }
/* utility class to hide wizard/form/nav */
.gft-hide{  display: none !important;}
.gft-review-grid{ display:grid; gap:10px; grid-template-columns:1fr }
@media (min-width:700px){ .gft-review-grid{ grid-template-columns:1fr 1fr } }
.gft-review-grid .gft-item{ background:var(--gray,#F3F4F6); border-radius:12px; padding:12px }
.gft-review-row{ display:flex; justify-content:space-between; gap:12px; align-items:center; background:var(--gray,#F3F4F6); border-radius:12px; padding:12px; margin-top:6px }
.gft-review-actions{ display:flex; gap:10px; margin-top:16px; justify-content:flex-end }
.gft-btn{ padding:10px 16px; border-radius:10px; border:1px solid #cbd5e1; background:#fff; cursor:pointer; font-weight:600 }
.gft-primary{ background:linear-gradient(135deg,#1E3A8A 0%,#3B82F6 100%); color:#fff; border:0 }
.gft-note{ margin-top:8px; color:#64748b; font-size:.92rem }

.gft-final{ display:none; text-align:center }
.gft-final.gft-open{ display:block }
.gft-tech-card{ display:flex; align-items:center; gap:12px; background:var(--gray,#F3F4F6); border-radius:12px; padding:12px; margin:14px 0 }
.gft-tech-card img{ width:64px; height:64px; border-radius:50%; object-fit:cover }
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 90px; }
/* Hide New Request button on final screen */
.gft-review.gft-locked .gft-review-actions,
.gft-review.gft-locked #gft-sendNote{
  display:none !important;
}

/* === MOBILE FULLSCREEN WIZARD MODE === */
@media (max-width: 768px) {
  body.gft-wizard-active .site-header {
    display: none;
  }

  body.gft-wizard-active .gft-hero {
    padding-top: 0;
    padding-bottom: 0;
  }

  body.gft-wizard-active .gft-hero-wrap {
    display: block;
  }

  body.gft-wizard-active .gft-wizard-card {
    position: fixed;
    inset: 0;
    border-radius: 0;
    max-width: 100%;
    height: 100vh;
    overflow-y: auto;
    z-index: 40;
    padding: 20px 16px 24px;
  }
}

/* —— Красивые селекты (бренды, модели, тайм-слоты) —— */
.gft-wizard-card select{
  width:100%;
  margin-top:4px;
  padding:12px 14px;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
  font-size:1rem;
  min-height:54px;
  line-height:1.3;
  box-shadow:0 1px 2px rgba(15,23,42,0.06);
  transition:0.15s ease;

  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7L10 12L15 7' stroke='%23647589' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:14px 14px;
  padding-right:40px;
  cursor:pointer;

  scrollbar-width: thin;
  scrollbar-color: #9CA3AF #E5E7EB;
}

.gft-wizard-card select:focus{
  outline:none;
  border-color:#3B82F6;
  box-shadow:0 0 0 2px rgba(59,130,246,0.25);
}

.gft-wizard-card select option{
  padding:8px 10px;
  font-size:0.95rem;
}

.gft-wizard-card select::-webkit-scrollbar{
  width:8px;
}
.gft-wizard-card select::-webkit-scrollbar-track{
  background:#E5E7EB;
  border-radius:4px;
}
.gft-wizard-card select::-webkit-scrollbar-thumb{
  background:#9CA3AF;
  border-radius:4px;
}
.gft-wizard-card select:hover::-webkit-scrollbar-thumb{
  background:#6B7280;
}