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

/* Builder form (.section__form) neutralised: designer cards provide the surface */
.section__form{display:flex;flex-direction:column;position:relative;background:transparent;padding:0;}
.hero-form.section__form{background:#fff;padding:28px;}
.b17-form.section__form{background:#fff;padding:26px;}
.b15-card .section__form{background:transparent;padding:20px;}
.section__form-row{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;margin-top:12px;}
.section__form-input-wrapper{width:100%;}
.section__form-input{
  width:100%;padding:14px 16px;font-size:15px;font-family:inherit;
  border:1px solid var(--border);border-radius:var(--rad);
  background:#fff;color:var(--text);outline:none;min-height:auto;
  transition:border-color .15s,box-shadow .15s;
}
.section__form-input::placeholder{color:var(--muted);}
.section__form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,111,174,.14);background:#fff;}
.section__form-input.err{border-color:var(--red);}
.section__form .phone{width:100%;}
.section__form-button{width:100%;margin-top:0;}

/* B15 compact form so all three order cards line up on desktop */
.b15-card .section__form-row{gap:8px;margin-bottom:8px;margin-top:8px;}

/* Consent checkbox injected by the bundle */
.section__form .checkbox-container,
.section__form .privacy-checkbox,
.section__form .privacy-checkbox p,
.section__form .checkbox-svg{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.5;}
.b15-card .section__form .checkbox-svg{margin-top:6px;font-size:11px;}
/* vertically center the consent text with the checkbox (core injects align-items:flex-start + label margin-top:3px inline) */
.section__form .checkbox-svg{align-items:center!important;}
.section__form .checkbox-svg label.checked-svg{margin-top:0!important;}
.section__form .checkbox-svg .privacy-checkbox p{margin:0;}

/* FAQ driven by the bundle (initFaq on #faq .section__card) */
#faq .section__card,.faq-q{cursor:pointer;}
.faq-q h3{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;}

/* Language switch anchors (kz/uz links replacing the JS toggle) */
.lang-switch a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}

/* Popup (initPopupForm injects the overlay; center the designer card) */
.form-popup .popup-card{margin:12dvh auto 0;max-width:420px;width:calc(100% - 32px);background:#fff;border-radius:var(--rad-lg);padding:28px;box-shadow:0 24px 60px rgba(18,48,71,.28);}
.form-popup .popup-card .section__form{margin-top:0;margin-inline:0;padding:0;background:transparent;}
.form-popup .popup-card h3{margin-bottom:6px;}
.form-popup .popup-card .price{margin:10px 0 4px;}
.form-popup .close-popup{
  top:16px;right:16px;width:42px;height:42px;padding:11px;box-sizing:border-box;
  background:var(--blue);border-radius:50%;box-shadow:0 4px 16px rgba(18,48,71,.4);
}
@media (max-width:600px){
  .form-popup .popup-card{margin-top:14dvh;}
  .form-popup .close-popup{top:12px;right:12px;}
}

/* Prevent horizontal drift on mobile (decorative hero/CTA background layers) */
html,body{overflow-x:clip;}

/* 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;
}

/* Usage step supporting text (enables HowTo schema) */
.step-card p{margin:0 18px 16px;color:var(--muted);font-size:14px;line-height:1.5;}
.b09 .step-card{text-align:center;}
@media(max-width:640px){.step-card p{margin:0 0 14px;}}
