
.payolim-trc{
  font-family: var(--trc-font);
  background: var(--trc-bg);
  padding: 18px;
  border-radius: 18px;
}
.payolim-trc-card{
  background:#fff;
  border-radius: 18px;
  border: 2px solid rgba(122,204,200,.35);
  box-shadow: 0 10px 28px rgba(14,21,79,.08);
  overflow:hidden;
}
.payolim-trc-steps{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:18px 18px 6px;
  border-bottom:1px solid rgba(14,21,79,.08);
}
.payolim-trc-step{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  min-width:0;
  flex:1;
  position:relative;
}
.payolim-trc-step:after{
  content:"";
  position:absolute;
  top:22px;
  left:calc(50% + 22px);
  right:-10px;
  height:2px;
  background:rgba(122,204,200,.6);
}
.payolim-trc-step:last-child:after{ display:none; }
.payolim-trc-step-circle{
  width:44px; height:44px;
  border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  border:2px solid rgba(122,204,200,.85);
  background:#fff;
  color:rgba(14,21,79,.75);
}
.payolim-trc-step-circle svg{ width:22px; height:22px; fill:currentColor; }
.payolim-trc-step-label{
  font-size:13px;
  color:rgba(14,21,79,.9);
  text-align:center;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.payolim-trc-step.is-active .payolim-trc-step-circle{
  background:var(--trc-blue);
  border-color:var(--trc-blue);
  color:#fff;
}
.payolim-trc-body{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:18px;
  padding:18px;
}
.payolim-trc-left{ min-width:0; }
.payolim-trc-right{ min-width:0; }

.payolim-trc-title{
  margin:0 0 8px;
  color:var(--trc-blue);
  font-size:30px;
  line-height:1.15;
  font-weight:800;
}
.payolim-trc-subtitle{
  margin:0 0 18px;
  color:rgba(14,21,79,.75);
  font-size:16px;
  font-weight:500;
}
.payolim-trc-field{ margin-bottom:14px; }
.payolim-trc-field label{
  display:block;
  margin-bottom:6px;
  font-size:14px;
  font-weight:700;
  color:rgba(14,21,79,.9);
}
.payolim-trc-field .req{ color:#d32f2f; }
.payolim-trc-field input{
  width:100%;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid rgba(14,21,79,.18);
  outline:none;
  font-size:15px;
}
.payolim-trc-field input:focus{
  border-color: rgba(122,204,200,1);
  box-shadow: 0 0 0 3px rgba(122,204,200,.25);
}
.payolim-trc-actions{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  margin-top:14px;
  flex-wrap:wrap;
}
.payolim-trc-actions-center{
  justify-content:center;
}
.payolim-trc-btn{
  appearance:none;
  border:1px solid rgba(14,21,79,.18);
  background:#fff;
  color:var(--trc-blue);
  padding:12px 18px;
  border-radius:999px;
  font-weight:800;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:120px;
}
.payolim-trc-btn:hover{ filter:brightness(.98); }
.payolim-trc-btn.is-primary{
  background:var(--trc-blue);
  border-color:var(--trc-blue);
  color:#fff;
}
.payolim-trc-btn:disabled{
  opacity:.6;
  cursor:not-allowed;
}
.payolim-trc-options{ margin-top:10px; }
.payolim-trc-radio-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:12px;
}
.payolim-trc-option{
  position:relative;
  cursor:pointer;
}
.payolim-trc-option input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.payolim-trc-option-box{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:64px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(14,21,79,.14);
  box-shadow: 0 6px 16px rgba(14,21,79,.06);
  background:#fff;
  font-weight:800;
  color:rgba(14,21,79,.9);
}
.payolim-trc-option input:checked + .payolim-trc-option-box{
  border-color: rgba(122,204,200,1);
  box-shadow: 0 0 0 3px rgba(122,204,200,.25);
}

.payolim-trc-panel{ display:none; }
.payolim-trc-panel.is-active{ display:block; }

.payolim-trc-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:12px;
}
.payolim-trc-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
  border:1px solid rgba(14,21,79,.14);
  box-shadow: 0 6px 16px rgba(14,21,79,.06);
  padding:14px 12px;
  border-radius:14px;
  background:#fff;
  cursor:pointer;
  min-height:70px;
}
.payolim-trc-check input{
  position:absolute;
  opacity:0;
}
.payolim-trc-check-box{
  width:18px; height:18px;
  border-radius:6px;
  border:2px solid rgba(122,204,200,1);
  background:#fff;
  margin-top:2px;
  flex:0 0 auto;
  position:relative;
}
.payolim-trc-check input:checked + .payolim-trc-check-box{
  background:var(--trc-turq);
}
.payolim-trc-check input:checked + .payolim-trc-check-box:after{
  content:"";
  position:absolute;
  width:9px; height:5px;
  border-left:2px solid var(--trc-blue);
  border-bottom:2px solid var(--trc-blue);
  transform:rotate(-45deg);
  left:4px; top:5px;
}
.payolim-trc-check-label{
  font-weight:800;
  color:rgba(14,21,79,.9);
  font-size:14px;
  line-height:1.25;
}

.payolim-trc-note{
  margin-top:16px;
  border:2px solid rgba(122,204,200,.55);
  border-radius:14px;
  padding:14px;
  background:rgba(215,246,244,.55);
}
.payolim-trc-note strong{
  color:var(--trc-blue);
  font-size:18px;
}
.payolim-trc-note-sub{
  margin-top:6px;
  color:rgba(14,21,79,.75);
  font-weight:600;
  font-size:13px;
}

.payolim-trc-result{
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(14,21,79,.14);
  box-shadow: 0 10px 22px rgba(14,21,79,.08);
  background:#fff;
}
.payolim-trc-result-head{
  background:var(--trc-blue);
  color:#fff;
  font-weight:900;
  padding:12px 14px;
  text-align:center;
}
.payolim-trc-result-row{
  display:flex;
  justify-content:space-between;
  padding:14px;
  border-bottom:1px solid rgba(14,21,79,.08);
  color:rgba(14,21,79,.85);
  font-weight:700;
}
.payolim-trc-result-list{
  margin:0;
  padding:12px 18px;
  color:rgba(14,21,79,.85);
  font-weight:700;
}
.payolim-trc-result-list li{ margin:8px 0; }
.payolim-trc-result-price{
  padding:14px;
  text-align:center;
  background:rgba(215,246,244,.55);
  color:rgba(14,21,79,.9);
  font-weight:900;
}
.payolim-trc-consents{
  margin-top:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  color:rgba(14,21,79,.85);
  font-weight:700;
}
.payolim-trc-consents input{ margin-right:8px; }

.payolim-trc-success{
  margin-top:14px;
  padding:12px;
  border-radius:12px;
  background:rgba(122,204,200,.2);
  border:1px solid rgba(122,204,200,.45);
  color:var(--trc-blue);
  font-weight:800;
}
.payolim-trc-error{
  margin-top:14px;
  padding:12px;
  border-radius:12px;
  background:rgba(211,47,47,.08);
  border:1px solid rgba(211,47,47,.22);
  color:#b71c1c;
  font-weight:800;
}

.payolim-trc-video{
  border-radius:14px;
  border:2px solid rgba(122,204,200,.55);
  background:rgba(215,246,244,.35);
  height:100%;
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.payolim-trc-video-inner{ width:100%; padding:16px; }
.payolim-trc-video-placeholder{
  background:#fff;
  border-radius:14px;
  border:1px solid rgba(14,21,79,.14);
  height:320px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.payolim-trc-play{
  width:78px; height:78px;
  border-radius:999px;
  background:var(--trc-blue);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  box-shadow:0 12px 24px rgba(14,21,79,.18);
}
.payolim-trc-video-caption{
  margin-top:10px;
  text-align:center;
  font-weight:900;
  color:rgba(14,21,79,.9);
}
@media (max-width: 980px){
  .payolim-trc-body{ grid-template-columns:1fr; }
  .payolim-trc-right{ display:none; }
  .payolim-trc-radio-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .payolim-trc-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .payolim-trc-title{ font-size:26px; }
  .payolim-trc-step-label{ font-size:12px; }
}
