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

/* Builder form (.section__form) restyled to match the designer .field input look */
.section__form{display:flex;flex-direction:column;position:relative;}
.section__form-row{display:flex;flex-direction:column;gap:14px;margin-bottom:14px;}
.section__form-input-wrapper{width:100%;}
.section__form-input{
  width:100%;min-height:48px;font-size:16px;padding:0 18px;
  border:1.5px solid #C9BEDA;border-radius:var(--r-pill);
  background:#fff;color:var(--text);font-family:inherit;
  outline:none;transition:border-color .15s,box-shadow .15s;
}
.section__form-input::placeholder{color:#9A8FAE;}
.section__form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,61,102,.12);background:#fff;}
.section__form-input.err{border-color:var(--urgency);}
.section__form .phone{width:100%;}
.section__form-button{width:100%;}

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

/* B15 order form (light card on dark section) keeps its centered heading */
.b15-form-card .section__form{gap:0;}

/* Header nav landmark wrapper must hold the centered grid slot */
.nav-inner > .nav-primary{justify-self:center;display:flex;}

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

/* Popup (initPopupForm injects the overlay; center the designer card) */
.form-popup .hero-form-card{margin:12dvh auto 0;max-width:420px;width:calc(100% - 32px);}
.form-popup .hero-form-card .section__form{margin-top:0;margin-inline:0;}
/* Close button: purple disc + white X so it reads on both 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(--primary);border-radius:50%;
  box-shadow:0 4px 16px rgba(8,21,33,.4);
}
@media (max-width:600px){
  .form-popup .hero-form-card{margin-top:14dvh;}
  .form-popup .close-popup{top:12px;right:12px;}
}

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

/* Price block: stacked label over value, old price NOT struck through (reviewer) */
.price-row{align-items:flex-start;gap:32px;}
.price-col{display:flex;flex-direction:column;gap:2px;}
.price-lbl{font-size:14px;font-weight:600;color:var(--text-muted);}
.price-old-num{font-size:18px;font-weight:700;color:var(--text-muted);}
.price-row .val{font-size:clamp(28px,5vw,36px);font-weight:800;font-family:'Inter',sans-serif;color:var(--primary);letter-spacing:-0.02em;line-height:1.05;}

/* B15 "order" step 1 card → purple (reviewer), form panel transparent on it */
#order-steps .b15-form-card,
.b15-grid .b15-form-card{background:var(--primary-dark);}
.b15-form-card .section__form{background:transparent;padding:0;}
.b15-form-card h3,.b15-form-card .b15-text{color:#fff;}
.b15-form-card .b15-text{opacity:.82;}
.b15-form-card .section__form .checkbox-container,
.b15-form-card .section__form .section__form-checkbox{color:rgba(255,255,255,.85);}

/* Form-card title was <h3> → now <p> (SEO: no h3 before first h2). Keep designer look. */
.hero-form-card .form-card-title{font-family:'Inter',sans-serif;font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-0.01em;margin-bottom:18px;color:var(--text);text-align:center;}
.b15-form .form-card-title{font-family:'Inter',sans-serif;font-size:15px;font-weight:700;margin-bottom:10px;text-align:center;color:#fff;}

/* Hero-stats disclaimer (YMYL: soften claims) */
.stat-foot{font-size:12px;color:rgba(255,255,255,.5);text-align:center;margin-top:18px;max-width:720px;margin-left:auto;margin-right:auto;line-height:1.5;}

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

/* ── Prostalab brand: gold/amber CTA (matches design archive), gold review stars ── */
.btn-primary{background:#F2B92E;color:#1f1500;box-shadow:var(--sh-sm);}
.btn-primary:hover{background:var(--gold);color:#1f1500;transform:translateY(-1px);box-shadow:var(--sh-md);}
.section__form-button.btn-primary,.big-button.btn-primary{background:#F2B92E;color:#1f1500;}
.section__form-button.btn-primary:hover,.big-button.btn-primary:hover{background:var(--gold);color:#1f1500;}
.b14-stars{color:var(--gold);}
.section__form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,61,102,.12);}

/* ── B15 order: shorter/compact form card (reviewer: форма поменьше по высоте) ── */
.b15-form-card .b15-promo{font-size:14px;padding:5px 12px;margin-bottom:10px;}
.b15-form-card .b15-promo span{font-size:12px;}
.b15-form-card .section__form-row{gap:8px;margin-bottom:8px;}
/* smaller input fields */
.b15-form-card .section__form-input{min-height:40px;font-size:15px;padding:0 14px;}
/* smaller submit button */
.b15-form-card .section__form-button{min-height:40px;padding-top:9px;padding-bottom:9px;font-size:15px;}
/* smaller privacy checkbox (box + label text) */
.b15-form-card .checkbox-svg{font-size:12px;line-height:1.4;gap:8px;margin-top:8px;}
.b15-form-card .checkbox-svg .checked-svg{width:16px;height:16px;}
.b15-form-card .checkbox-svg .checked-svg svg{width:16px;height:16px;}
.b15-form-card .privacy-checkbox,.b15-form-card .privacy-checkbox p{font-size:12px;line-height:1.4;}
.b15-form-card h3{margin-top:10px;}
.b15-form-card .b15-text{margin-top:6px;}
/* trim step-image cards so the whole order row drops with the form (keeps 3 cards equal) */
.b15-card .ratio-step{aspect-ratio:auto;height:200px;}

/* ── B08 composition: larger packshot ── */
.b08-img{width:360px;height:340px;padding:16px;}
@media (max-width:1023px){.b08-img{width:320px;height:300px;}}
@media (max-width:767px){.b08-img{width:280px;height:264px;}}
/* ── Footer headings: <p> not <h4> (SEO: avoid H2→H4 jump) ── */
.footer-heading{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);margin:0 0 16px;font-weight:700;}