.s3-page .plan-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  overflow:hidden;
}
.s3-page .plan-card__head{
  padding:20px 20px 10px;
  text-align:center;
}
.s3-page .plan-card__name{
  font-weight:700;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:#333;
  margin-bottom:8px;
}
.s3-page .plan-card__price-main{
  font-size:44px;
  font-weight:800;
  line-height:1.0;
  color:#222;
}
.s3-page .plan-card__price-sub{
  margin-top:6px;
  font-size:16px;
  color:#333;
}
.s3-page .plan-card__muted{
  font-size:12px;
  color:#777;
  font-weight:500;
}
.s3-page .plan-card__body{
  padding:14px 20px 18px;
}
.s3-page .plan-card__setup{
  border-top:1px solid rgba(0,0,0,.06);
  padding-top:10px;
}

.s3-page .features-table-wrap{
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.s3-page .features-title{
  color:#222;
    font-size: 22px;
  font-weight:700;
  letter-spacing:.08em;
  padding:14px 18px;
}
.s3-page .features-table{
  width:100%;
}
.s3-page .features-row{
  display:grid;
  grid-template-columns: 220px repeat(var(--plans-count, 4), 1fr);
  border-top:1px solid rgba(0,0,0,.06);
}
.s3-page .features-row--plans{
  border-top:0;
  background:#f8f9fa;
  font-weight:700;
}
.s3-page .features-cell{
  padding:12px 14px;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.s3-page .features-cell--label{
  justify-content:flex-start;
  text-align:left;
  color:#333;
  font-weight:600;
}
.s3-page .features-cell--plan{
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.s3-page .features-cell--planhead{
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:6px;
  text-align:center;
}
.s3-page .planhead-name{
  font-size:18px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#222;
}
.s3-page .planhead-price{
  font-size:20px;
  font-weight:600;
  color:#333;
}
.s3-page .planhead-muted{
  font-size:12px;
  color:#777;
  font-weight:500;
  margin-left:4px;
}
.s3-page .features-cell--value .check{
  color:#198754;
  font-weight:900;
  font-size:18px;
}
.s3-page .features-cell--value .muted{
  color:#999;
}

/* Responsive: stack table */
@media (max-width: 991px){
  .s3-page .features-row{
    grid-template-columns: 1fr;
  }
  .s3-page .features-cell--label{
    background:#f8f9fa;
  }
  .s3-page .features-cell{
    justify-content:space-between;
  }
  .s3-page .features-cell--value{
    justify-content:space-between;
  }
}

.s3-page .s3-calculator .form-range { width: 100%; }
.s3-page .s3-calculator .s3-range {
  --pct: 0%;
  background:
    linear-gradient(90deg, #6f42c1 0%, #0d6efd 50%, #20c997 100%) 0/var(--pct) 100% no-repeat,
    #e9ecef;
  border-radius: 999px;
  height: 0.5rem;
}
.s3-page .s3-calculator .s3-range::-webkit-slider-runnable-track {
  height: 0.5rem;
  background: transparent;
  border-radius: 999px;
}
.s3-page .s3-calculator .s3-range::-moz-range-track {
  height: 0.5rem;
  background: transparent;
  border-radius: 999px;
}
.s3-page .s3-calculator .s3-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: -0.35rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 999px;
  background: #fff;
  border: 2px solid rgba(13,110,253,.7);
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
}
.s3-page .s3-calculator .s3-range::-moz-range-thumb {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 999px;
  background: #fff;
  border: 2px solid rgba(13,110,253,.7);
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
}

#storageOrderModal .modal-content {
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.06);
}
#storageOrderModal .modal-body {
  background: #fff;
}
#storageOrderModal .form-control,
#storageOrderModal .form-select {
  border-radius: 10px;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}