/* overrides.css — single-glucofortex glue (builder forms styled to the designer cards) */

/* form.css rounds the form panel with --border-radius; the designer tokens don't define it
   (review: "скруглити кути" on the final-block form) */
:root{--border-radius:16px;}

/* Review fixes (Anastasiya M, mobile) */
@media (max-width:520px){
  /* header broke: logo + CTA + burger must fit one row (width:auto beats the img width attr) */
  .nav-inner{gap:8px;}
  .nav-logo img{height:24px;width:auto;}
  .nav-cta{min-height:36px;padding:8px 10px;font-size:12px;}
}
@media (max-width:600px){
  /* standalone block CTAs stretch to the block width */
  .b06-cta .btn,.b11-price-card .btn,.b12-txt .btn{width:100%;}
}

/* Builder form (.section__form) restyled to the designer input look */
.section__form{display:flex;flex-direction:column;position:relative;}
.section__form-row{display:flex;flex-direction:column;gap:0;}
.section__form-input-wrapper{width:100%;}
.section__form-input{
  width:100%;min-height:50px;font-size:16px;font-weight:600;padding:12px 18px;
  border:2px solid var(--border);border-radius:14px;
  background:var(--grey);color:var(--text);font-family:inherit;
  outline:none;transition:border-color .18s;margin-bottom:12px;
}
.section__form-input::placeholder{color:var(--muted);}
.section__form-input:focus{border-color:var(--blue);background:#fff;}
.section__form-input.err{border-color:var(--red);}
.section__form .phone{width:100%;}
/* Bundle injects zero-height utility inputs (country machinery, phonecc); the designer's
   blanket `input{margin-bottom}` rules would give each a phantom margin — kill them */
.section__form input:not(.section__form-input){margin:0;}
.section__form .btn,.section__form-button{width:100%;}

/* Dark final-CTA card: inputs stay white like the designer had them */
.b17-price-card .section__form-input{background:var(--white);border-color:rgba(255,255,255,.25);}
.b17-price-card .section__form-input:focus{border-color:var(--blue);}

/* Consent checkbox injected by the bundle */
.section__form .checkbox-container,
.section__form .section__form-checkbox{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.5;}
.b17-price-card .checkbox-container,
.b17-price-card .section__form-checkbox{color:rgba(255,255,255,.85);}
.b17-price-card .zone-note{color:rgba(255,255,255,.7);}

/* Delivery-zone note under the forms (ARAY: target only deliverable regions) */
.zone-note{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5;}

/* B15 step-1 card: compact form so price+inputs+button+checkbox fit the fixed 296px wrap
   (matches the step-2/3 image height) */
.b15-form-wrap{justify-content:center;padding:14px 24px;}
/* the white wrap IS the panel — builder's grey form panel goes transparent inside it */
.b15-form-wrap .section__form{background:transparent;padding:0;gap:8px;}
.b15-form-wrap .b15-price{margin-bottom:8px;}
.b15-form-wrap .section__form-input{min-height:42px;padding:8px 14px;font-size:15px;margin-bottom:8px;}
.b15-form-wrap .section__form-button{min-height:42px;padding-top:9px;padding-bottom:9px;font-size:15px;}
.b15-form-wrap .checkbox-container,
.b15-form-wrap .section__form-checkbox,
.b15-form-wrap .checkbox-svg{font-size:11px;line-height:1.35;margin-top:6px;gap:8px;}
.b15-form-wrap .checkbox-svg .checked-svg,
.b15-form-wrap .checkbox-svg .checked-svg svg{width:16px;height:16px;}

/* FAQ driven by the bundle (initFaq on #faq .section__card) */
#faq .section__card{cursor:pointer;}
.faq-q h3{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;}
.faq-a p{display:none;}
.faq-item.active .faq-a p{display:block;}

/* Popup (initPopupForm injects the overlay; center the designer card) */
.form-popup .h-form.popup-card{margin:12dvh auto 0;max-width:420px;width:calc(100% - 32px);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-lg);background:var(--white);}
/* initPopupForm's injected stylesheet gives the form a large margin-top — reset it (3-class specificity wins) */
.form-popup .popup-card .section__form{margin:0;}
/* Close button: red disc + native white X so it reads on the white card (no filter!) */
.form-popup .close-popup{
  top:16px;right:16px;width:42px;height:42px;padding:11px;box-sizing:border-box;
  background:var(--red);border-radius:50%;
  box-shadow:0 4px 16px rgba(36,43,95,.4);
}
@media (max-width:600px){
  .form-popup .h-form.popup-card{margin-top:14dvh;}
  .form-popup .close-popup{top:12px;right:12px;}
}

/* Submit preloader overlay (bundle injects .preloader into .section__form on submit) */
.preloader {
    display: none;
    background: white;
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 0%;
    right: 0;
    z-index: 400;
    background-image: url('data:image/gif;base64,R0lGODlhEgIEAfEDACc6mUep1lin0wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgADACwAAAAAEgIEAQAC/5yPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+v3/L7/DxgoOEhYaHiImKi4yNjo+AgZKTlJWWl5iZmpucnZ6fkJGio6SlpqeoqaqrrK2ur6ChsrO0tba3uLm6u7y9vr+wscLDxMXGx8jJysvMzc7PwMHS09TV1tfY2drb3N3e39DR4uPk5ebn6Onq6+zt7u/g4fLz9PX29/j5+vv8/f7/8PMKDAgQQLGjyIMKHChQwbOnwIMaLEiRQrWryIMaPGjf8cO3r8CDKkyJEkS5o8iTKlypUsW7p8CTOmzJk0a9q8iTOnzp08e/r8CTSo0KFEixo9ijSp0qVMmzp9CjWq1KlUq1q9ijWr1q1cu3r9Cjas2LFky5o9izat2jIA2rp9C9ftAwEB6tq9i1eAgLl4+97Vu1ZM3MGDG+j1i1jvXgaHEfdVHBgM4clyGTtOvHgB3ct+M0fmQplyA86JR5P2+9lL6MmmT/9t7dpu6i6rCcN2DZhBbLyzQdeOext3cNe9t/wGrnt3Xc8JlMsunuU43OGkmSNwXhd6dOmVFzjP7R27dizcuyvAbv0A9gDjr5RvS51zegPr21t5DyD+5fkD6tv7p4KffpgJ6Nh/AL5HYGcJomagFAEmpxx//jUIxYPhRbhgXxRGYaECm+EGnocR8rfhEQg68GF1JA6QonwrlmhEeXO16NiLjVUHY4467shjjz7+CGSQQg5JZJFGHolkkkouyWSTTj4JZZRSTklllVZeiWWWWm7JZZdefglmmGKOSWaZZp6JZppqrslmm26+CWeccs5JZ5123olnnnruyWeffv4JaKCCDkpooYYeimiiii7KaKOOPgpppJJOSmmlll6Kaaaabsppp55+Cmqooo5Kaqmmnopqqqquymqrrr4Ka6yyzkprrbbeimuuuu7Ka6++/gpssMIOS2whBQAAIfkECQoAAwAs4wB5AE4AFAAAApOcgqkrMg/jALTaW6U+q6dmcF7XONqDpen5NKNXvi/IqnbGijKzj+Z5u7EGvaLxpwnahsbmDClRqpjOKmMoXbGsXAQ0ksVQu9UvJHwZk49mFBp3Wpexb4pa3mtP6oA7XqbH17f1lxfI51cIQ1eXqHhVg0j4OMP45pjnVGKJNqRTBPIJqLfX6NlE4wI6dHbJqpr3UAAAIfkEBQoAAwAs4wB5AE4AFAAAApqcgqkrMg+jWVQ1iYHevG9zVFXjYE8jjpc5eK6bpqsZxkxpvvpmizjWG7FaO12Q8pMcGcOicYmYAaEBqcT5okaH2moT6+kmI+IvmFNmpXNnNNVKfo8hbfebq50/6rw8/s7Cp7E2BcjGl6c3kGhWR6jkFyj4GGeYMRlpQkknWBNEMuTZAyrJN3EEJyEakxohCII6BIHyKbtXN1AAADs=');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.5;
    border-radius: 8px;
}

/* Burger must not be squeezed by the flex row (logo + CTA + burger on mobile) */
.burger{flex-shrink:0;}

/* Prevent any horizontal content drift on mobile (decorative overflow etc.) */
html,body{overflow-x:clip;}