/* Slick Blinds form skin — version 2026-09-18
   Must be deployed together with slickblinds-form-enhancer.js of the
   same version. The script checks this and warns in the browser
   console if the two do not match. */
:root{--sb-skin-version:"2026-09-18";}

/* ===== Slick Blinds skin for Bitrix24 form 13 ===== */
.b24-form, .b24-form *{font-family:'Montserrat',Arial,Helvetica,sans-serif !important;}

/* Card */
.b24-form .b24-form-wrapper{
  background:#fff !important;border:1px solid #EAEDF0 !important;border-radius:16px !important;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1) !important;overflow:hidden;
}
.b24-form .b24-form-wrapper.b24-form-border-bottom{border-bottom:1px solid #EAEDF0 !important;}
.b24-form .b24-form-shadow{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1) !important;}
.b24-form .b24-form-header{display:none !important;}

/* Fixed canvas: steps 1, 2 and the thank-you screen are all the same height */
.b24-form .b24-form-content{padding:30px !important;min-height:var(--sb-canvas,552px);box-sizing:border-box;}
/* the form fills the canvas and the button row is pinned to the bottom, so
   GET STARTED on step 1 and SUBMIT on step 2 land on exactly the same line */
.b24-form .b24-form-content form{
  display:flex;flex-direction:column;
  min-height:calc(var(--sb-canvas,552px) - 60px);
}

/* Step header: title left, "Step n of 2" right */
.b24-form .b24-form-progress-container{
  display:flex !important;flex-direction:row-reverse;justify-content:space-between;
  align-items:flex-start;gap:14px;margin:0 0 20px !important;overflow:visible !important;
}
.b24-form .b24-form-progress-bar-container{position:static !important;width:auto !important;min-width:max-content !important;height:auto !important;flex:0 0 auto;margin:0 !important;overflow:visible !important;}
.b24-form svg.b24-form-progress{display:none !important;}
.b24-form .b24-form-progress-bar-counter{
  position:static !important;transform:none !important;font-size:0 !important;
  color:#ADB5BD !important;white-space:nowrap;padding-top:5px;overflow:visible !important;width:auto !important;min-width:max-content !important;
}
.b24-form .b24-form-progress-bar-counter strong{font-weight:500 !important;color:#ADB5BD !important;font-size:14px !important;}
.b24-form .b24-form-progress-bar-counter::before{content:'Step ';white-space:pre;font-size:14px;font-weight:500;color:#ADB5BD;}
.b24-form .b24-form-progress-bar-counter::after{content:' of 2';white-space:pre;font-size:14px;font-weight:500;color:#ADB5BD;}
.b24-form .b24-form-progress-bar-title{
  font-size:18px !important;font-weight:500 !important;line-height:24px !important;
  color:#171717 !important;margin:0 !important;text-align:left !important;max-width:430px;flex:1 1 auto;min-width:0;
}

/* Section captions ("Where is your project located?") */
.b24-form .b24-form-field-layout-section{
  font-size:14px !important;font-weight:600 !important;color:#202428 !important;
  line-height:1.45 !important;margin:0 0 12px !important;
}
.b24-form .b24-form-field-layout{margin-bottom:0 !important;}

/* Fields */
.b24-form .b24-form-field{margin-bottom:14px !important;}
.b24-form .b24-form-control-container{
  border:1px solid #EBEBEB !important;border-radius:10px !important;background:#fff !important;min-height:48px;
}
.b24-form .b24-form-control{
  background:transparent !important;border:0 !important;box-shadow:none !important;
  font-size:14px !important;font-weight:400 !important;color:#202428 !important;padding:19px 16px 7px !important;
}
.b24-form .b24-form-control-label{font-size:14px !important;font-weight:400 !important;color:#9AA0A6 !important;}
/* the floating label sits over the input at rest, so only reveal the
   placeholder hint once the field is focused and the label has moved up */
.b24-form .b24-form-control::placeholder{color:transparent;}
.b24-form .b24-form-control:focus::placeholder{color:#C2C7CC;}
.b24-form .b24-form-control-container:focus-within{border-color:#202428 !important;box-shadow:0 0 0 3px rgba(32,36,40,.08) !important;}
.b24-form .b24-form-control-required{color:#c0392b !important;}
/* Taller comments box so step 2 fills the same canvas as step 1. Combined with
   the button row being pinned to the bottom, SUBMIT lands exactly where
   GET STARTED was, so nothing jumps when you move between the steps. */
.b24-form textarea.b24-form-control{min-height:164px !important;resize:vertical;}

/* Field icons */
.b24-form .b24-form-field-double .b24-form-control-container,
.b24-form .b24-form-field-name .b24-form-control-container,
.b24-form .b24-form-field-email .b24-form-control-container,
.b24-form .b24-form-field-phone .b24-form-control-container,
.b24-form .b24-form-field-string .b24-form-control-container{
  background-repeat:no-repeat !important;background-position:16px center !important;background-size:18px 18px !important;
  padding-left:28px !important;
}
.b24-form .b24-form-field-double .b24-form-control-label,
.b24-form .b24-form-field-name .b24-form-control-label,
.b24-form .b24-form-field-email .b24-form-control-label,
.b24-form .b24-form-field-phone .b24-form-control-label,
.b24-form .b24-form-field-string .b24-form-control-label{left:33px !important;}

.b24-form .b24-form-field-double .b24-form-control-container{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA0A6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important;}
.b24-form .b24-form-field-name .b24-form-control-container{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA0A6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;}
.b24-form .b24-form-field-email .b24-form-control-container{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA0A6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E") !important;}
.b24-form .b24-form-field-phone .b24-form-control-container{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA0A6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;}
.b24-form .b24-form-field-string .b24-form-control-container{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA0A6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E") !important;}

/* Product pills — exact colours from beta.slickblinds.com */
.b24-form .sb-pills-caption{font-size:14px !important;font-weight:600 !important;color:#202428 !important;line-height:1.45 !important;margin:0 0 12px !important;}
.b24-form .sb-pills-req{color:#c0392b;}
.b24-form .sb-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0;}
.b24-form .sb-pill{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'Montserrat',Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;line-height:21px;
  color:#484F56;background:#F9FAFB;border:1px solid #CED4DA;border-radius:10px;
  padding:6px 12px;min-height:35px;cursor:pointer;text-align:center;
  transition:color .15s,background-color .15s,border-color .15s;
}
@media (min-width:768px){.b24-form .sb-pill{padding:8px 20px;}}
.b24-form .sb-pill:hover{border-color:#ADB5BD;}
.b24-form .sb-pill[aria-pressed="true"]{background:#fff;border-color:#F08605;color:#F08605;}
.b24-form .sb-pill:focus-visible{outline:2px solid #F08605;outline-offset:2px;}
.b24-form .b24-form-field-list:has(.sb-pills-ui) .b24-form-control-container,
.b24-form .b24-form-field-list:has(.sb-pills-ui) .b24-form-control-add-btn{display:none !important;}
.b24-form .b24-form-control-add-btn{
  background:none !important;border:0 !important;box-shadow:none !important;padding:0 0 0 18px !important;
  font-size:13px !important;font-weight:500 !important;color:#9AA0A6 !important;
  text-transform:none !important;letter-spacing:0 !important;min-width:0 !important;width:auto !important;margin:2px 0 0 2px !important;
}
.b24-form .b24-form-control-add-btn::before,.b24-form .b24-form-control-add-btn::after{background-color:#9AA0A6 !important;}

/* ONE error style everywhere — Bitrix's floating orange badge is flattened to
   match the plain red text used under the pills. */
.b24-form .b24-form-control-alert-message,
.b24-form .sb-pills-error,
.b24-form .sb-field-error{
  position:static !important;transform:none !important;
  background:none !important;background-image:none !important;box-shadow:none !important;border:0 !important;
  color:#c0392b !important;font-size:12.5px !important;font-weight:400 !important;line-height:1.45 !important;
  padding:0 !important;margin:6px 0 0 2px !important;max-width:none !important;white-space:normal !important;
  border-radius:0 !important;text-align:left !important;
}
.b24-form .b24-form-control-alert-message::before,
.b24-form .b24-form-control-alert-message::after{display:none !important;content:none !important;}
.b24-form .b24-form-control-alert-message .b24-form-sr-only{display:none !important;}
.b24-form .sb-pills-ui.is-invalid .sb-pill,
.b24-form .sb-invalid .b24-form-control-container{border-color:#e2a29a !important;}

/* Buttons */
.b24-form .b24-form-btn-container{display:flex !important;justify-content:flex-end;align-items:center;gap:12px;margin-top:auto !important;padding-top:22px;}
.b24-form .b24-form-btn-block{display:flex !important;justify-content:flex-end !important;width:auto !important;flex:0 0 auto;}
.b24-form .b24-form-btn{
  width:auto !important;min-width:150px;background:#202428 !important;background-image:none !important;
  color:#fff !important;border:0 !important;border-radius:10px !important;padding:13px 26px !important;
  font-size:14px !important;font-weight:600 !important;letter-spacing:.02em;text-transform:uppercase;
  box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1) !important;transition:.15s;
}
.b24-form .b24-form-btn:hover{background:#000 !important;}
/* step-1 primary button reads GET STARTED (Bitrix offers no setting for it) */
.b24-form .b24-form-btn.sb-cta{position:relative;color:transparent !important;}
.b24-form .b24-form-btn.sb-cta::after{
  content:'GET STARTED';position:absolute;left:0;top:0;right:0;bottom:0;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;
}
/* Back is a quiet text link on the left */
.b24-form .b24-form-btn-block:has(.b24-form-btn-white){margin-right:auto;}
.b24-form .b24-form-btn.b24-form-btn-white,.b24-form .b24-form-btn.b24-form-btn-border{
  background:none !important;color:#6b7280 !important;border:0 !important;box-shadow:none !important;
  min-width:0 !important;padding:13px 4px !important;font-weight:500 !important;
}
.b24-form .b24-form-btn.b24-form-btn-white:hover,.b24-form .b24-form-btn.b24-form-btn-border:hover{background:none !important;color:#202428 !important;}

/* Consent disclaimer (replaces the removed checkbox) */
.b24-form .sb-disclaimer{font-size:12px !important;color:#6b7280 !important;line-height:1.6 !important;margin:16px 0 0 !important;}
.b24-form .sb-disclaimer a{color:#202428 !important;text-decoration:underline;}

/* Report abuse + the sun/cloud loader between steps */
.b24-form .b24-form-sign{display:none !important;}
.b24-form .b24-form-loader{display:none !important;}

/* Thank-you screen — white canvas, same height as the steps */
/* only lay the thank-you panel out once Bitrix switches the form into its
   "state" mode — forcing display here makes the hidden panel occupy space */
.b24-form .b24-form-wrapper.b24-from-state-on .b24-form-state-container{
  min-height:var(--sb-canvas,552px);display:flex !important;align-items:center;justify-content:center;
  background:#fff !important;padding:30px !important;box-sizing:border-box;
}
.b24-form .b24-form-state.b24-form-success{background:#fff !important;padding:0 !important;}
.b24-form .b24-form-state-inner{text-align:center;}
.b24-form .b24-form-success .b24-form-state-inner::before{
  content:'Thank You';display:block;font-size:30px;font-weight:600;color:#171717;margin:0 0 22px;line-height:1.2;
}
.b24-form .b24-form-state-icon.b24-form-success-icon{
  background:#6FAE45 !important;background-image:none !important;border-radius:50% !important;
  width:76px !important;height:76px !important;margin:0 auto 20px !important;position:relative;box-shadow:none !important;
}
.b24-form .b24-form-state-icon.b24-form-success-icon > *{display:none !important;}
.b24-form .b24-form-state-icon.b24-form-success-icon::after{
  content:'';position:absolute;left:50%;top:50%;width:26px;height:13px;
  border-left:4px solid #fff;border-bottom:4px solid #fff;border-radius:1px;
  transform:translate(-50%,-65%) rotate(-45deg);
}
.b24-form .b24-form-state-text{font-size:15px !important;color:#484F56 !important;line-height:1.65 !important;max-width:420px;margin:0 auto;}

.b24-form .b24-form-content a{color:#202428 !important;}

@media (max-width:600px){
  .b24-form .b24-form-content,.b24-form .b24-form-state-container{padding:20px !important;min-height:0 !important;}
  .b24-form .b24-form-content form{min-height:0;}
  .b24-form textarea.b24-form-control{min-height:104px !important;}
  .b24-form .b24-form-progress-bar-title{font-size:17px !important;line-height:23px !important;}
  .b24-form .b24-form-btn-container{flex-direction:column-reverse;gap:10px;align-items:stretch;}
  .b24-form .b24-form-btn{width:100% !important;}
  .b24-form .b24-form-btn-block{width:100% !important;justify-content:stretch !important;}
  .b24-form .b24-form-btn-block:has(.b24-form-btn-white){margin-right:0;}
}

/* Address suggestions (Google Places) */
.b24-form .b24-form-field-string{position:relative;}
.b24-form .sb-ac{
  position:absolute;left:0;right:0;top:100%;z-index:40;margin-top:4px;
  background:#fff;border:1px solid #EBEBEB;border-radius:10px;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  max-height:236px;overflow-y:auto;padding:4px;
}
.b24-form .sb-ac-item{
  display:block;padding:9px 12px;border-radius:8px;cursor:pointer;line-height:1.35;
}
.b24-form .sb-ac-item.is-active{background:#F9FAFB;}
.b24-form .sb-ac-main{display:block;font-size:14px;font-weight:500;color:#202428;}
.b24-form .sb-ac-sub{display:block;font-size:12.5px;color:#9AA0A6;margin-top:1px;}