:root {
  --card-radius: 16px;
}
.card-calculator {
  border-radius: var(--card-radius);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
.form-text {
  font-size: .9rem;
}
.result-box {
  border-left: 4px solid #0d6efd;
  background: #f8fbff;
  padding: 12px 14px;
  border-radius: 8px;
}
code.law {
  background: #f1f3f5;
  padding: 2px 6px;
  border-radius: 6px;
}

.calc-form .input-group .form-control { min-width: 0; }
.calc-form .btn-submit { height: 100%; }
@media (min-width: 768px) {
  .calc-form .btn-submit { min-height: 58px; }
}
.card-calculator .card-body { padding: 1.25rem; }


  .calc-form .input-group > .form-control,
  .calc-form .input-group > .input-group-text { height: 58px; }
  .calc-form .btn-submit { height: 58px; }
  .calc-form .input-group > .input-group-text { display: flex; align-items: center; }
}


/* Uniform heights for calc fields on desktop */
@media (min-width: 768px) {
  .calc-form .form-control { height: calc(1.5em + .75rem + 2px); }
  .calc-form .input-group > .form-control,
  .calc-form .input-group > .input-group-text { height: calc(1.5em + .75rem + 2px); }
  .calc-form .input-group > .input-group-text { display: flex; align-items: center; }
  .calc-form .btn-submit { height: calc(1.5em + .75rem + 2px); }
}



@media (max-width: 576px) {
    h1 {
        font-size: 20px;
    }
}

h1.homepage {
    font-size: 20px; /* нужный размер */
}

/* Мобильная версия: блок .reklama_calc не выше 15% экрана */
@media (max-width: 576px) {
  .reklama_calc,
  .reklama_art {
    box-sizing: border-box;
    /* Не более 15% от высоты экрана с учётом мобильных браузеров */
    max-height: min(15dvh, 15svh, 15vh);
    width: 100%;
    overflow: auto;              /* если контента больше — появится прокрутка */
    -webkit-overflow-scrolling: touch;
  }

  /* --- TEMP BORDER START (удалите этот блок после юстировки) --- */
  .reklama_calc { border: 1px solid #000; }
  /* --- TEMP BORDER END --- */
}