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

/* Neutralise the builder form.css grey panel — the designer card (.b01-card / .order-mini-card /
   .b17-form-card / .popup-card) already provides the surround. */
.section__form{
  background:transparent;padding:0;max-width:none;margin-inline:0;
  display:flex;flex-direction:column;gap:0;position:relative;color:inherit;
  border-radius:0;
}
.section__form-row{display:flex;flex-direction:column;gap:12px;margin-bottom:14px;}
.section__form-input-wrapper{width:100%;}

/* Inputs: white fill + clearly visible border (reviewer: "у формі немає чітких полів") */
.section__form-input{
  width:100%;min-height:50px;font-size:15px;padding:0 16px;
  border:1.5px solid #D6CFCB;border-radius:var(--radius-sm);
  background:#fff;color:var(--text);font-family:inherit;
  outline:none;transition:border-color .15s,box-shadow .15s;
}
.section__form-input::placeholder{color:#9A938E;}
.section__form-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(31,174,91,.14);background:#fff;}
.section__form-input.err,.section__form-input.field-error{border-color:var(--red);}
.section__form .phone{width:100%;}
.section__form-button{width:100%;margin-top:2px;}

/* Consent checkbox injected by the bundle */
.section__form .checkbox-container,
.section__form .section__form-checkbox{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.5;}
.section__form .checkbox-container a{color:var(--red);}

/* Order step-1 mini form on the dark section: compact + white inputs read on the white mini-card */
.order-mini-card .section__form-row{gap:10px;margin-bottom:10px;}
.order-mini-card .section__form-input{min-height:44px;font-size:14px;}
.order-mini-card .section__form .checkbox-container{margin-top:8px;font-size:11px;}

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

/* Order-panel title: <p> not <h3> (SEO: no h3 before the page's first h2) — keep the designer look */
.order-card .order-panel__title{font-size:15px;font-weight:800;color:#fff;margin-bottom:8px;}

/* Popup (initPopupForm injects the overlay; center the designer card) */
.form-popup .popup-card{margin:12dvh auto 0;max-width:440px;width:calc(100% - 32px);}
.form-popup .popup-card .section__form{margin-top:0;margin-inline:0;}
/* Close button: red disc + native white X so it reads on the white card and the overlay */
.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(185,47,53,.4);
}
@media (max-width:600px){
  .form-popup .popup-card{margin-top:14dvh;}
  .form-popup .close-popup{top:12px;right:12px;}
}

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

/* Brand name highlight (highlightBrandName wraps "Sanurox" in h1/h2) — red accent on-brand */
h1 .selected,h2 .selected{color:var(--red);}

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

/* Reviewer (Anastasiia H, SEOX-2363): old price NOT struck through */
.b01-old,.b17-old,.order-mini-old,.price-tag .old{text-decoration:none;}

/* Reviewer (Anastasiia H, SEOX-2363): equal media height in the order cards so the
   step numbers/headings align across the row on desktop (form card vs image cards). */
@media (min-width:1025px){
  #reg .order-mini-card{height:320px;margin-bottom:16px;display:flex;flex-direction:column;justify-content:center;}
  #reg .order-img{aspect-ratio:auto;height:320px;}
}