﻿@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&family=Roboto:wght@400;500;700&display=swap');

:root{
  --lpbr-bg: #eef3ff;
  --lpbr-primary: #234393;
  --lpbr-primary-2: #3865c2;
  --lpbr-text: #152962;
  --lpbr-muted: #676b6f;
  --lpbr-danger: #c20000;
  --lpbr-border: rgba(35,67,147,0.12);
  --lpbr-radius: 20px;
}

#lpbr-form{font-family:'Poppins','Roboto',sans-serif;color:var(--lpbr-text);}
.lpbr-card{
  width: 1320px;
  max-width: 100%;
  margin: 24px auto;
  padding: 64px 32px 52px;
  background: linear-gradient(0deg, rgba(137,167,230,0.15), rgba(137,167,230,0.15)), #fff;
  border-radius: 20px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.03);
}
.lpbr-header{text-align:center;margin-bottom:28px;}
.lpbr-header h2{
  font-size:64px;
  font-weight:800;
  letter-spacing:0.5px;
  color:var(--lpbr-primary);
  margin:0 0 20px;
}
.lpbr-stepper{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:720px;
  max-width:100%;
  height:56px;
  margin:10px auto 0;
}
.lpbr-stepper:before{
  content:'';
  position:absolute;
  left:0; right:0;
  top:20px;
  height:1.25px;
  background:#9aaedf;
}
.lpbr-step-dot{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  width:164px;
  font-size:14px;
  letter-spacing:0.6px;
  text-transform:uppercase;
  color:var(--lpbr-primary);
}
.lpbr-step-dot .dot{
  position:relative;
  margin-top:13px;
  width:14px;
  height:14px;
  border-radius:50%;
  border:1.25px solid #9aaedf;
  background:#fff;
  box-sizing:border-box;
}
.lpbr-step-dot.active .dot,
.lpbr-step-dot.done .dot{background:var(--lpbr-primary);}
.lpbr-step-dot.active .label{font-weight:700;}
.lpbr-step-dot.done .label{color:var(--lpbr-primary);}
.lpbr-body{margin-top:16px;}
.lpbr-step-pane{display:none;}
.lpbr-step-pane.active{display:block;}
.lpbr-step-pane h3{
  color:var(--lpbr-primary);
  font-size:20px;
  font-weight:800;
  margin:0 auto 8px;
  width:100%;
  max-width:720px;
  padding:0 12px;
}
.lpbr-lead{
  color:var(--lpbr-primary);
  margin:0 0 6px;
  font-weight:500;
  text-align:left;
}
.lpbr-lead.title{
  font-weight:800;
  font-size:20px;
  line-height:125%;
  width:533px;
  text-align:left;
}
.lpbr-lead.sub{
  font-weight:400;
  font-size:16px;
  line-height:125%;
  width:583px;
  text-align:left;
}
.lpbr-desc{
  width:100%;
  max-width:720px;
  margin:0 auto 8px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.lpbr-warning{
  color:var(--lpbr-danger);
  margin:10px auto 14px;
  font-weight:700;
  text-align:center;
  width:651px;
  max-width:100%;
}
.lpbr-warning{
  font-family:'Poppins','Roboto',sans-serif;
  font-weight:400;
  font-size:14px;
  line-height:125%;
}
.lpbr-missing-count{
  font-weight:700;
}
.lpbr-products{
  list-style:none;
  padding:0;
  margin:10px auto 16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%;
  max-width:720px;
}
.lpbr-products li{
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px 88px;
  align-items:center;
  min-height:50px;
  padding:8px 8px 8px 4px;
  background:#fff;
  border:1px solid var(--lpbr-border);
  border-radius:30px;
  column-gap:8px;
}
.lpbr-prod-title{
  font-family:'Roboto';
  color:#676b6f;
  font-size:16px;
  font-weight:400;
  padding-left:12px;
}
.lpbr-qty{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:92px;
  justify-content:flex-start;
}
.lpbr-qty button{
  width:32px;height:32px;
  border-radius:50%;
  border:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  line-height:1;
  font-weight:600;
  background:var(--lpbr-primary-2);
  color:#f6f6f6;
  font-size:18px;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(35,67,147,0.18);
}
.lpbr-qty span{
  min-width:10px;text-align:center;
  color:var(--lpbr-primary);
  font-weight:500;
  font-size:16px;
}
.lpbr-price{
  font-family:'Roboto';
  color:var(--lpbr-primary);
  font-weight:400;
  font-size:16px;
  text-align:right;
  min-width:70px;
}
.lpbr-summary{
  margin:6px auto 14px;
  padding:16px 12px 0 12px;
  width:100%;
  max-width:720px;
  font-family:'Roboto';
}
.lpbr-summary-divider{
  height:1.25px;
  background:#9aaedf;
  margin:0 8px 14px;
}
.lpbr-summary-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:6px;
  color:#676b6f;
  font-size:16px;
  font-weight:400;
  line-height:120%;
}
.lpbr-summary-row.total{
  color:#152962;
  font-weight:700;
}
.lpbr-summary-label{padding-left:8px;}
.lpbr-summary-value{padding-right:8px;text-align:right;}
.lpbr-pay-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:0;
  margin-bottom:14px;
  color:#676b6f;
  font-size:16px;
  font-weight:400;
  padding:2px 8px 0;
  border:none;
}
.lpbr-pay-row > span{
  padding-left:0;
  font-weight:400;
  margin-right:8px;
}
.lpbr-pay-options{
  display:flex;
  gap:18px;
}
.lpbr-pay-row label{
  margin:0;
  color:var(--lpbr-primary);
  display:flex;
  align-items:center;
  gap:6px;
  padding:0;
  cursor:pointer;
}
.lpbr-pay-row input{
  margin:0;
  appearance:none;
  width:18px;
  height:18px;
  border:2px solid #c2c9e6;
  border-radius:50%;
  position:relative;
  cursor:pointer;
  vertical-align:middle;
  margin-bottom:3px;
  transition:all .18s ease;
}
.lpbr-pay-row input:checked{
  border-color:var(--lpbr-primary);
  background:var(--lpbr-primary);
  box-shadow:0 0 0 2px rgba(35,67,147,0.10);
  animation: lpbr-radio-splash 0.4s ease;
}
.lpbr-pay-row input:checked::after{
  content:'';
  position:absolute;
  top:5px;left:5px;
  width:8px;height:8px;
  background:var(--lpbr-primary);
  border-radius:50%;
}
.lpbr-pay-row input:not(:checked){
  box-shadow:0 0 0 0 rgba(0,0,0,0);
}
@keyframes lpbr-radio-splash{
  0%   { box-shadow:0 0 0 0 rgba(35,67,147,0.25); }
  60%  { box-shadow:0 0 0 6px rgba(35,67,147,0.12); }
  100% { box-shadow:0 0 0 2px rgba(35,67,147,0.10); }
}
.lpbr-btn{
  border:none;
  border-radius:50px;
  padding:14px 26px;
  font-family:'Poppins';
  font-size:16px;
  cursor:pointer;
  transition:all .2s ease;
}
.lpbr-btn.primary{background:var(--lpbr-primary);color:#fff;}
.lpbr-btn.primary[disabled]{background:rgba(35,67,147,0.25);cursor:not-allowed;}
.lpbr-btn.ghost{background:#fff;border:1px solid var(--lpbr-border);color:var(--lpbr-primary);}
.lpbr-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  margin-top:34px;
  margin-bottom:18px;
  width:720px;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.lpbr-btn.primary{
  min-width:129px;
  height:56px;
  font-size:19px;
}
#lpbr-next1{
  display:block;
  margin:18px auto 0;
}
.lpbr-grid.two-cols{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  column-gap:20px;
  row-gap:14px;
  max-width:650px;
  margin:0 auto 14px;
}
.lpbr-grid.step3{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  max-width:650px;
}
.lpbr-grid .full-span{grid-column:1/-1;}
.lpbr-grid input,
.lpbr-grid textarea{
  width:100%;
  height:50px;
  padding:18px 28px;
  font-family:'Roboto';
  font-size:16px;
  line-height:120%;
  background:#fff;
  border:1px solid var(--lpbr-border);
  border-radius:30px;
  color:var(--lpbr-text);
  box-shadow:0 6px 18px rgba(35,67,147,0.05);
  transition:all .18s ease;
}
.lpbr-grid textarea{
  min-height:120px;
  border-radius:30px;
  resize:vertical;
}
.lpbr-grid.step3 textarea{min-height:150px;}
.lpbr-grid input::placeholder,
.lpbr-grid textarea::placeholder{
  color:var(--lpbr-muted);
  font-weight:400;
}
.lpbr-grid input:focus,
.lpbr-grid textarea:focus{
  outline:none;
  border-color:rgba(35,67,147,0.28);
  box-shadow:0 0 0 4px rgba(35,67,147,0.08);
}
.lpbr-checks{
  width:450px;
  max-width:100%;
  margin:24px auto 10px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.lpbr-check{
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:var(--lpbr-text);
  font-family:'Roboto';
  font-size:15px;
  line-height:130%;
  cursor:pointer;
}
.lpbr-check-text{
  cursor:pointer;
  display:block;
  flex:1;
  padding-top:1px;
}
.lpbr-check-text a{
  color:var(--lpbr-primary);
  font-weight:700;
  text-decoration:underline;
}
.lpbr-check.simple input[type="checkbox"]{
  accent-color: var(--lpbr-primary);
  width:18px;
  height:18px;
  min-width:18px;
  flex:0 0 18px;
  margin:2px 0 0;
  display:block;
  vertical-align:top;
}
.lpbr-check .checkbox-wrapper-12{
  position:relative;
  width:20px;
  height:20px;
  margin-top:2px;
  flex-shrink:0;
  pointer-events:auto;
  display:inline-block;
}
.lpbr-check span:last-child{cursor:pointer;}
.checkbox-wrapper-12 > svg{
  position:absolute;
  top:-130%;
  left:-170%;
  width:110px;
  pointer-events:none;
}
.checkbox-wrapper-12 .cbx{
  position:relative;
  width:24px;
  height:24px;
  display:block;
}
.checkbox-wrapper-12 *{box-sizing:border-box;}
.checkbox-wrapper-12 input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  -webkit-tap-highlight-color:transparent;
  cursor:pointer;
  margin:0;
  position:absolute;
  top:0;left:0;
  width:20px;
  height:20px;
  border:1px solid rgba(0,0,0,0.2);
  border-radius:4px;
  background:#fff;
  transition:all .2s ease;
}
.checkbox-wrapper-12 input[type="checkbox"]:checked{
  background:#234393;
  border-color:#234393;
}
.checkbox-wrapper-12 input[type="checkbox"]:checked::after{
  content:'';
  position:absolute;
  left:6px;
  top:2px;
  width:6px;
  height:12px;
  border:2px solid #fff;
  border-top:none;
  border-left:none;
  transform:rotate(45deg);
}
.checkbox-wrapper-12 input[type="checkbox"]:focus{outline:none;box-shadow:0 0 0 3px rgba(35,67,147,0.15);}
.lpbr-err-check{outline:2px solid var(--lpbr-danger);}
.lpbr-step-pane.step2 h3{
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:12px;
}
.lpbr-step-pane.step2 .lpbr-actions,
.lpbr-step-pane.step3 .lpbr-actions{
  width:620px;
  max-width:100%;
  margin-top:40px;
}
.lpbr-err{border-color:var(--lpbr-danger)!important;}
.lpbr-msg{margin-top:10px;color:var(--lpbr-danger);font-size:16px;text-align:center;}
.lpbr-msg#lpbr-msg-global{margin-top:12px;}
.lpbr-thx{
  text-align:center;
  padding:46px 10px 38px;
  color:var(--lpbr-primary);
}
.lpbr-thx h3{
  font-size:40px;
  font-weight:800;
  margin:0 0 14px;
}
.lpbr-thx-line{
  margin:6px 0 6px;
  font-size:21px;
  font-weight:400;
}
.lpbr-thx-strong{
  margin:0 0 18px;
  font-size:21px;
  font-weight:700;
  color:var(--lpbr-primary);
}
.lpbr-thx-note{
  margin:22px 0 0;
  font-size:21px;
  font-weight:400;
  color:var(--lpbr-primary);
}

@media(max-width:768px){
  .lpbr-card{padding:28px 18px;}
  .lpbr-header h2{font-size:36px;}
  .lpbr-products li{grid-template-columns:1fr;gap:8px;align-items:flex-start;}
  .lpbr-qty{justify-content:flex-start;}
  .lpbr-actions{flex-direction:column;}
  .lpbr-stepper{flex-wrap:wrap;gap:6px;}
}

