
:root{
  --sy-bulk-navy:#081934;
  --sy-bulk-navy2:#1E2D49;
  --sy-bulk-orange:#FC6612;
  --sy-bulk-line:#E8E3DC;
}

html.sy-bulk-open,
body.sy-bulk-open{overflow:hidden!important}

.sy-bulk-popup{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.sy-bulk-popup.is-open{display:flex}

.sy-bulk-popup__backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,25,52,.82);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

.sy-bulk-popup__dialog{
  position:relative;
  z-index:2;
  width:min(94vw,1050px);
  max-height:92vh;
  overflow:auto;
  display:grid;
  grid-template-columns:.84fr 1.16fr;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  background:#fff;
  box-shadow:0 38px 110px rgba(0,0,0,.34);
}

.sy-bulk-popup__close{
  appearance:none;
  position:absolute;
  top:14px;
  right:14px;
  z-index:5;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(8,25,52,.12);
  background:#fff;
  color:var(--sy-bulk-navy);
  font:300 30px/1 Arial,sans-serif;
  cursor:pointer;
}
.sy-bulk-popup__close:hover{
  background:var(--sy-bulk-orange);
  border-color:var(--sy-bulk-orange);
  color:#fff;
}

.sy-bulk-popup__intro{
  padding:44px 34px;
  background:
    radial-gradient(circle at 100% 0%,rgba(252,102,18,.18),transparent 30%),
    linear-gradient(145deg,var(--sy-bulk-navy),var(--sy-bulk-navy2));
  color:#fff;
}
.sy-bulk-popup__kicker{
  color:#ffb486;
  font:800 10px/1 Inter,Arial,sans-serif;
  letter-spacing:1.8px;
}
.sy-bulk-popup__intro h2{
  margin:12px 0 0;
  color:#fff;
  font-family:"Playfair Display",Georgia,serif;
  font-size:42px;
  font-weight:500;
  line-height:1.02;
}
.sy-bulk-popup__intro>p{
  margin:12px 0 0;
  color:rgba(255,255,255,.78);
  font:400 13px/1.7 Inter,Arial,sans-serif;
}

.sy-bulk-popup__benefits{
  display:grid;
  gap:12px;
  margin-top:30px;
}
.sy-bulk-popup__benefits>div{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:0 12px;
  align-items:center;
  padding:13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(255,255,255,.05);
}
.sy-bulk-popup__benefits span{
  grid-row:1/3;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--sy-bulk-orange);
  font:800 10px/1 Inter,Arial,sans-serif;
}
.sy-bulk-popup__benefits b{
  font:800 12px/1.3 Inter,Arial,sans-serif;
}
.sy-bulk-popup__benefits small{
  color:rgba(255,255,255,.68);
  font:400 10.5px/1.45 Inter,Arial,sans-serif;
}

.sy-bulk-form{
  display:grid;
  gap:12px;
  padding:42px 34px 34px;
  background:#fff;
}
.sy-bulk-form__row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.sy-bulk-form label{
  display:grid;
  gap:6px;
  margin:0;
}
.sy-bulk-form label>span{
  color:#465167;
  font:700 10.5px/1.2 Inter,Arial,sans-serif;
}
.sy-bulk-form input,
.sy-bulk-form select,
.sy-bulk-form textarea{
  width:100%;
  min-height:46px;
  padding:11px 12px;
  border:1px solid #DDE2E8;
  border-radius:8px;
  background:#FBFCFD;
  color:#152033;
  font:500 12px/1.4 Inter,Arial,sans-serif;
  outline:none;
  box-shadow:none;
}
.sy-bulk-form textarea{
  min-height:112px;
  resize:vertical;
}
.sy-bulk-form input:focus,
.sy-bulk-form select:focus,
.sy-bulk-form textarea:focus{
  border-color:var(--sy-bulk-orange);
  background:#fff;
  box-shadow:0 0 0 3px rgba(252,102,18,.08);
}

.sy-bulk-form__submit{
  appearance:none;
  min-height:50px;
  border:0;
  border-radius:8px;
  background:var(--sy-bulk-orange);
  color:#fff;
  font:800 12px/1 Inter,Arial,sans-serif;
  cursor:pointer;
}
.sy-bulk-form__submit:hover{background:var(--sy-bulk-navy)}
.sy-bulk-form__submit[disabled]{opacity:.65;cursor:not-allowed}

.sy-bulk-form__status{
  min-height:18px;
  color:#667085;
  font:600 11px/1.5 Inter,Arial,sans-serif;
}
.sy-bulk-form__status.is-success{color:#107A50}
.sy-bulk-form__status.is-error{color:#B42318}

.sy-bulk-hp{
  position:absolute!important;
  left:-99999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
}

@media(max-width:800px){
  .sy-bulk-popup{padding:10px}
  .sy-bulk-popup__dialog{
    grid-template-columns:1fr;
    border-radius:16px;
  }
  .sy-bulk-popup__intro{
    padding:34px 22px 24px;
  }
  .sy-bulk-popup__intro h2{font-size:34px}
  .sy-bulk-popup__benefits{display:none}
  .sy-bulk-form{
    padding:26px 18px 20px;
  }
  .sy-bulk-form__row{
    grid-template-columns:1fr;
  }
}
