/* =============================================
       REQUEST A QUOTE — PAGE STYLES
    ============================================= */

    /* Hero */
    .raq-hero {
      position: relative;
      width: 100%;
      min-height: 360px;
      overflow: hidden;
      display: flex;
      align-items: flex-end;
    }

    .raq-hero__bg {
      position: absolute;
      inset: 0;
      background: url('../images/hero-mountains.png') center 40% / cover no-repeat;
      opacity: 0.4;
    }

    .raq-hero__gradient {
      position: absolute;
      inset: 0;
      background: linear-gradient(98deg, rgba(0,0,0,0.97) 0%, rgba(0,0,0,0.2) 70%);
    }

    .raq-hero__content {
      position: relative;
      z-index: 1;
      width: 100%;
      padding: 56px 64px 52px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      border-bottom: 1px solid #262b27;
    }

    .raq-hero__left { display: flex; flex-direction: column; gap: 14px; max-width: 600px; }

    .raq-breadcrumb {
      display: flex; gap: 8px; align-items: center;
    }
    .raq-breadcrumb a { font: 13px 'Barlow', sans-serif; color: #a3a8a2; text-decoration: none; }
    .raq-breadcrumb a:hover { color: #f4f3ee; }
    .raq-breadcrumb__sep { font: 13px 'Barlow', sans-serif; color: #a3a8a2; }
    .raq-breadcrumb__cur { font: 13px 'Barlow', sans-serif; color: #f4f3ee; }

    .raq-hero__eyebrow {
      font: 600 11px/1 'Barlow', sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #c6ff00;
      margin: 0;
    }

    .raq-hero__title {
      font: 800 84px/0.92 'Barlow Condensed', sans-serif;
      letter-spacing: 0.42px;
      text-transform: uppercase;
      color: #f4f3ee;
      margin: 0;
    }
    .raq-hero__title em { font-style: normal; color: #c6ff00; }

    .raq-hero__sub {
      font: 400 18px/1.55 'Barlow', sans-serif;
      color: #c9ccc6;
      margin: 0;
    }

    .raq-hero__right { display: flex; gap: 12px; flex-shrink: 0; }

    .raq-stat {
      padding: 20px 22px;
      display: flex;
      flex-direction: column;
      gap: 5px;
      min-width: 190px;
    }
    .raq-stat--lime { background: #1a1e1b; border-top: 4px solid #c6ff00; }
    .raq-stat--orange { background: #1a1e1b; border-top: 4px solid #ff713c; }

    .raq-stat__val {
      font: 800 32px/1 'Barlow Condensed', sans-serif;
      letter-spacing: 0.16px;
      text-transform: uppercase;
    }
    .raq-stat--lime .raq-stat__val { color: #c6ff00; }
    .raq-stat--orange .raq-stat__val { color: #ff713c; }

    .raq-stat__lbl { font: 400 13px/1 'Barlow', sans-serif; color: #a3a8a2; }

    /* Main two-column layout */
    .raq-main {
      background: #101310;
      padding: 56px 64px;
      display: flex;
      gap: 48px;
      align-items: flex-start;
    }

    /* Form Panel */
    .raq-form-panel {
      flex: 1;
      min-width: 0;
      background: #1a1e1b;
      padding: 40px;
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .raq-panel-head { display: flex; flex-direction: column; gap: 6px; }

    .raq-panel-eyebrow {
      font: 600 11px/1 'Barlow', sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #c6ff00;
    }

    .raq-panel-title {
      font: 800 38px/1 'Barlow Condensed', sans-serif;
      letter-spacing: 0.19px;
      text-transform: uppercase;
      color: #f4f3ee;
    }

    .raq-panel-desc {
      font: 400 14px/1.6 'Barlow', sans-serif;
      color: #a3a8a2;
    }

    .raq-divider { border: none; border-top: 1px solid #262b27; margin: 0; }

    /* Field grouping */
    .raq-section-label {
      font: 600 11px/1 'Barlow', sans-serif;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: #a3a8a2;
      margin: 0 0 14px;
    }

    .raq-grid { display: grid; gap: 12px; }
    .raq-grid--2 { grid-template-columns: 1fr 1fr; }
    .raq-grid--3 { grid-template-columns: 1fr 1fr 1fr; }

    .raq-field { display: flex; flex-direction: column; gap: 7px; }
    .raq-field--full { grid-column: 1 / -1; }

    .raq-label {
      font: 600 13px/1 'Barlow', sans-serif;
      color: #a3a8a2;
    }

    .raq-input,
    .raq-select,
    .raq-textarea {
      background: #101310;
      border: 1px solid #2e332f;
      color: #f4f3ee;
      font: 400 15px/1 'Barlow', sans-serif;
      padding: 14px 16px;
      width: 100%;
      outline: none;
      transition: border-color 0.2s;
    }
    .raq-input::placeholder, .raq-textarea::placeholder { color: #4a504a; }
    .raq-input:focus, .raq-select:focus, .raq-textarea:focus { border-color: #c6ff00; }

    .raq-select {
      appearance: none;
      cursor: pointer;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23a3a8a2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 14px center;
      padding-right: 42px;
    }
    .raq-select option { background: #1a1e1b; }

    .raq-textarea {
      resize: vertical;
      min-height: 112px;
      line-height: 1.6;
    }

    /* Kit chips */
    .kit-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .kit-chip {
      flex: 1;
      min-width: 148px;
      display: flex;
      flex-direction: column;
      gap: 3px;
      padding: 12px 16px;
      background: #101310;
      border: 1px solid #2e332f;
      cursor: pointer;
      transition: border-color 0.2s, background 0.2s;
      text-align: left;
    }
    .kit-chip:hover { border-color: #4a504a; }
    .kit-chip.is-selected { border-color: #c6ff00; background: #141c14; }

    .kit-chip__name { font: 700 14px/1 'Barlow', sans-serif; color: #f4f3ee; }
    .kit-chip__sub { font: 400 12px/1 'Barlow', sans-serif; color: #a3a8a2; }

    /* Qty controls */
    .raq-qty-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
    }

    .raq-qty-item { display: flex; flex-direction: column; gap: 7px; }
    .raq-qty-label { font: 400 13px/1 'Barlow', sans-serif; color: #a3a8a2; }

    .raq-qty-ctrl {
      display: flex;
      border: 1px solid #2e332f;
      background: #101310;
    }

    .raq-qty-btn {
      width: 40px;
      height: 46px;
      background: none;
      border: none;
      color: #a3a8a2;
      font-size: 18px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: color 0.2s;
    }
    .raq-qty-btn:hover { color: #c6ff00; }

    .raq-qty-input {
      flex: 1;
      background: none;
      border: none;
      border-left: 1px solid #2e332f;
      border-right: 1px solid #2e332f;
      color: #f4f3ee;
      font: 600 15px/1 'Barlow', sans-serif;
      text-align: center;
      outline: none;
      height: 46px;
    }

    /* Checkbox */
    .raq-check-row {
      display: flex;
      gap: 12px;
      align-items: flex-start;
    }
    .raq-checkbox {
      width: 16px;
      height: 16px;
      border: 1px solid #5e5e5e;
      accent-color: #c6ff00;
      flex-shrink: 0;
      margin-top: 2px;
      cursor: pointer;
    }
    .raq-check-label {
      font: 400 13px/1.55 'Barlow', sans-serif;
      color: #c9ccc6;
    }

    /* Submit row */
    .raq-submit-row {
      display: flex;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    .raq-btn-submit {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: #c6ff00;
      color: #101310;
      border: none;
      padding: 17px 32px;
      font: 700 14px/1 'Barlow', sans-serif;
      letter-spacing: 1.12px;
      text-transform: uppercase;
      cursor: pointer;
      transition: background 0.2s, transform 0.15s;
    }
    .raq-btn-submit:hover { background: #d4ff33; }
    .raq-btn-submit:active { transform: scale(0.98); }
    .raq-btn-submit svg { transition: transform 0.2s; }
    .raq-btn-submit:hover svg { transform: translate(3px, -3px); }

    .raq-submit-note { font: 400 13px/1 'Barlow', sans-serif; color: #a3a8a2; }

    /* Sidebar */
    .raq-sidebar {
      width: 312px;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .raq-card {
      background: #1a1e1b;
      padding: 28px;
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    .raq-card__title {
      font: 800 18px/1 'Barlow Condensed', sans-serif;
      letter-spacing: 0.1px;
      text-transform: uppercase;
      color: #f4f3ee;
      margin: 0;
    }

    .raq-card__list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 13px;
    }

    .raq-card__item {
      display: flex;
      gap: 11px;
      align-items: flex-start;
    }

    .raq-card__icon {
      color: #c6ff00;
      font-size: 15px;
      line-height: 1.45;
      flex-shrink: 0;
    }

    .raq-card__text {
      font: 400 14px/1.5 'Barlow', sans-serif;
      color: #c9ccc6;
    }
    .raq-card__text strong { color: #f4f3ee; font-weight: 700; }

    .raq-card__divider { border: none; border-top: 1px solid #262b27; margin: 0; }

    .raq-contact-item {
      display: flex;
      gap: 12px;
      align-items: flex-start;
    }
    .raq-contact-icon { color: #c6ff00; flex-shrink: 0; margin-top: 2px; }
    .raq-contact-sub { font: 400 12px/1 'Barlow', sans-serif; color: #a3a8a2; margin-bottom: 3px; }
    .raq-contact-val { font: 600 14px/1 'Barlow', sans-serif; color: #f4f3ee; }

    .raq-trust-badge {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 12px 16px;
      background: rgba(198,255,0,0.05);
      border-left: 3px solid #c6ff00;
    }
    .raq-trust-badge p { font: 400 13px/1.4 'Barlow', sans-serif; color: #c9ccc6; }

    /* Bottom CTA blocks */
    .raq-cta-section {
      background: #0d110d;
      border-top: 1px solid #1e221e;
      padding: 64px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
    }

    .raq-cta-lime {
      padding: 56px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 28px;
      background: #1a2200;
      border-right: 1px solid #2a3800;
    }

    .raq-cta-dark {
      padding: 56px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 28px;
      position: relative;
      overflow: hidden;
    }

    .raq-cta-dark__bg {
      position: absolute;
      inset: 0;
      background: url('../images/hero-mountains.png') center / cover no-repeat;
      opacity: 0.12;
    }

    .raq-cta-dark__content {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .raq-cta__eyebrow {
      font: 600 11px/1 'Barlow', sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin: 0;
    }

    .raq-cta__title {
      font: 800 52px/1 'Barlow Condensed', sans-serif;
      letter-spacing: 0.26px;
      text-transform: uppercase;
      color: #f4f3ee;
      margin: 0;
    }

    .raq-cta__body {
      font: 400 15px/1.6 'Barlow', sans-serif;
      color: #a3a8a2;
      margin: 0;
    }

    .raq-cta__btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      border: 1px solid #c6ff00;
      color: #c6ff00;
      font: 700 14px/1 'Barlow', sans-serif;
      letter-spacing: 1.12px;
      text-transform: uppercase;
      padding: 13px 22px;
      text-decoration: none;
      transition: background 0.2s, color 0.2s;
      align-self: flex-start;
    }
    .raq-cta__btn:hover { background: #c6ff00; color: #101310; }

    .raq-cta__press-link {
      font: 700 13px/1 'Barlow', sans-serif;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      color: #ff713c;
      text-decoration: none;
    }
    .raq-cta__press-link:hover { text-decoration: underline; }

    /* =============================================
       SUCCESS POPUP (Node 67-4872)
    ============================================= */
    .popup-backdrop {
      position: fixed;
      inset: 0;
      background: rgba(0,0,0,0.78);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      z-index: 9000;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
    }
    .popup-backdrop.is-active {
      opacity: 1;
      pointer-events: all;
    }

    .popup {
      background: #1a1e1b;
      border-top: 4px solid #c6ff00;
      width: 100%;
      max-width: 544px;
      padding: 48px;
      position: relative;
      transform: translateY(24px);
      transition: transform 0.35s cubic-bezier(0.16,1,0.3,1);
    }
    .popup-backdrop.is-active .popup {
      transform: translateY(0);
    }

    .popup__close {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #a3a8a2;
      cursor: pointer;
      transition: color 0.2s;
      background: none;
      border: none;
    }
    .popup__close:hover { color: #f4f3ee; }

    .popup__icon-wrap {
      width: 60px;
      height: 60px;
      background: #c6ff00;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 24px;
    }

    .popup__eyebrow {
      font: 600 11px/1 'Barlow', sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #c6ff00;
      margin: 0 0 8px;
    }

    .popup__title {
      font: 800 44px/1 'Barlow Condensed', sans-serif;
      letter-spacing: 0.22px;
      text-transform: uppercase;
      color: #f4f3ee;
      margin: 0 0 16px;
    }

    .popup__body {
      font: 400 15px/1.6 'Barlow', sans-serif;
      color: #c9ccc6;
      margin: 0 0 28px;
    }
    .popup__body strong { color: #f4f3ee; font-weight: 600; }

    .popup__summary {
      background: #101310;
      border: 1px solid #2e332f;
      padding: 20px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-bottom: 28px;
    }

    .popup__row {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .popup__row-label { font: 400 13px/1 'Barlow', sans-serif; color: #a3a8a2; }
    .popup__row-val { font: 600 13px/1 'Barlow', sans-serif; color: #f4f3ee; }

    .popup__actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }

    .popup__btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #c6ff00;
      color: #101310;
      border: none;
      padding: 15px 26px;
      font: 700 14px/1 'Barlow', sans-serif;
      letter-spacing: 1.12px;
      text-transform: uppercase;
      cursor: pointer;
      text-decoration: none;
      transition: background 0.2s;
    }
    .popup__btn-primary:hover { background: #d4ff33; }

    .popup__btn-ghost {
      background: none;
      border: 1px solid #2e332f;
      color: #a3a8a2;
      padding: 14px 22px;
      font: 400 14px/1 'Barlow', sans-serif;
      cursor: pointer;
      transition: border-color 0.2s, color 0.2s;
    }
    .popup__btn-ghost:hover { border-color: #a3a8a2; color: #f4f3ee; }

    /* Responsive */
    @media (max-width: 1100px) {
      .raq-hero__content { flex-direction: column; align-items: flex-start; gap: 28px; padding: 48px 40px 44px; }
      .raq-main { flex-direction: column; padding: 40px; }
      .raq-sidebar { width: 100%; }
      .raq-cta-section { grid-template-columns: 1fr; }
      .raq-cta-lime { border-right: none; border-bottom: 1px solid #2a3800; }
    }
    @media (max-width: 768px) {
      .raq-hero__title { font-size: 56px; }
      .raq-hero__content, .raq-main { padding: 32px 24px; }
      .raq-form-panel { padding: 28px 24px; }
      .raq-grid--2, .raq-grid--3 { grid-template-columns: 1fr; }
      .raq-qty-grid { grid-template-columns: 1fr 1fr; }
      .raq-cta-section { padding: 40px 24px; }
      .raq-cta-lime, .raq-cta-dark { padding: 40px 28px; }
      .popup { padding: 32px 24px; }
    }