.hosting1c-head__inner { max-width: 900px; margin-inline: auto; text-align: center; }

.calc1c {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: var(--space-6);
  align-items: start;
}

.calc1c-main { display: grid; gap: var(--space-4); }
.calc1c-sec, .calc1c-info {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl);
  padding: var(--space-6);
}

.calc1c-title {
  font-weight: 700;
  margin-bottom: var(--space-4);
  text-transform: uppercase;
  font-size: var(--text-xs);
  letter-spacing: .08em;
  color: var(--color-text-muted);
}

.calc1c-field { display: flex; align-items: center; justify-content: space-between; padding: var(--space-3) 0; border-bottom: 1px solid var(--color-divider); gap: var(--space-3); }
.calc1c-field:last-child { border-bottom: 0; }
.calc1c-field small { display:block; color: var(--color-text-muted); margin-top: .2rem; font-size: var(--text-xs); }
.step { display: flex; align-items: center; gap: var(--space-2); }
.step button { width: 36px; height: 36px; border-radius: 999px; border: 1px solid var(--color-border); background: var(--color-bg-soft); cursor: pointer; font-size: 20px; }
.step strong { min-width: 42px; text-align: center; color: var(--color-primary); font-size: 1.25rem; }

.pills { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.pill { border: 1px solid var(--color-border); background: var(--color-bg-soft); border-radius: var(--radius-full); padding: .5rem .9rem; cursor: pointer; color: var(--color-text-muted); }
.pill.on { border-color: var(--color-primary); color: var(--color-primary); background: color-mix(in srgb, var(--color-primary) 12%, white); font-weight: 600; }

#hoursSlider { width: 100%; margin: var(--space-3) 0; accent-color: var(--color-primary); }
.calc1c-help { color: var(--color-text-muted); font-size: var(--text-sm); }

.calc1c-info h3 { margin-bottom: var(--space-3); }
.calc1c-info ul { list-style: none; display: grid; gap: var(--space-3); }
.calc1c-info li, .res-grid > div { display:flex; justify-content:space-between; gap: var(--space-4); }

.calc1c-side { position: sticky; top: 92px; }
.calc1c-result {
  background: var(--color-bg);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-md);
  padding: var(--space-6);
}
.res-label { color: var(--color-text-faint); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .08em; }
.res-price { font-size: clamp(1.9rem, 1.5rem + 1.2vw, 2.6rem); font-weight: 800; margin: var(--space-2) 0; color: var(--color-primary); }
.res-note { color: var(--color-text-muted); margin-bottom: var(--space-5); font-size: var(--text-sm); }
.res-grid { display:grid; grid-template-columns: 1fr; gap: var(--space-2); }
.res-grid > div { padding: var(--space-2) 0; border-top: 1px solid var(--color-divider); }
.res-grid span { color: var(--color-text-muted); }

@media (max-width: 980px){
  .calc1c { grid-template-columns: 1fr; }
  .calc1c-side { position: sticky; bottom: var(--space-3); top: auto; z-index: 20; }
}