.plan-guide,
.water-container {
  letter-spacing: 0;
  line-height: 1.75;
}
.plan-guide *,
.water-container * { box-sizing: border-box; letter-spacing: 0; }
.plan-guide--mobile { padding: 32px 20px; background: #fff; color: #16242f; }
.plan-guide__heading { margin: 0 0 8px; font-size: 24px; line-height: 1.5; }
.plan-guide__intro { margin: 0 0 22px; font-size: 13px; }
.plan-list { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.plan-guide--mobile .plan-list { grid-template-columns: minmax(0, 1fr); }
.storage-plan {
  --plan-accent: #a52b25;
  display: flex; flex-direction: column; min-width: 0;
  border: 1px solid #d6dfe0; border-top: 4px solid var(--plan-accent);
  border-radius: 6px; background: #fff; color: #16242f; padding: 22px;
}
.storage-plan--water { --plan-accent: #126b70; }
.storage-plan--combined { --plan-accent: #344c3d; }
.storage-plan__number { color: var(--plan-accent); font-size: 13px; font-weight: 800; }
.storage-plan h3 { margin: 7px 0 12px; font-size: 21px; line-height: 1.55; overflow-wrap: anywhere; }
.storage-plan__description { margin: 0 0 18px; font-size: 14px; line-height: 1.8; }
.storage-plan__prices { margin: auto 0 18px; }
.storage-plan__prices > div { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; padding: 8px 0; border-bottom: 1px solid #e4e9e9; }
.storage-plan__prices dt { font-size: 13px; font-weight: 600; }
.storage-plan__prices dd { margin: 0; font-size: 23px; font-weight: 800; white-space: nowrap; }
.storage-plan__prices small { font-size: 12px; font-weight: 600; }
.storage-plan__unit { margin: 0 0 16px; font-size: 12px; color: #52616b; }
.storage-plan__action {
  display: flex; align-items: center; justify-content: center; min-height: 48px;
  padding: 11px 12px; border-radius: 6px; background: var(--plan-accent);
  color: #fff; font-size: 14px; font-weight: 800; line-height: 1.5; text-align: center; text-decoration: none;
}
.storage-plan__action:hover { filter: brightness(1.1); }
.storage-plan__action:focus-visible { outline: 3px solid #e6ac31; outline-offset: 3px; }
.water-container { margin: 0; background: #f1f6f5; color: #16242f; }
.water-container--mobile { padding: 28px 20px 32px; }
.water-container--desktop { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 28px; margin-top: 28px; padding: 28px; }
.water-container figure { margin: 0; min-width: 0; }
.water-container img { display: block; width: 100%; height: auto; aspect-ratio: 1477 / 1108; object-fit: contain; background: #e5ebe8; border-radius: 4px; }
.water-container figcaption { margin-top: 8px; font-size: 12px; color: #53616b; }
.water-container h2,
.water-container h3 { margin: 0 0 12px; font-size: 22px; line-height: 1.5; }
.water-container p { margin: 0 0 12px; font-size: 14px; line-height: 1.9; }
.water-container p:last-child { margin-bottom: 0; }
.water-container__capacity { display: block; color: #126b70; font-size: 25px; line-height: 1.5; font-weight: 800; }
.water-container--mobile .water-container__text { margin-top: 18px; }
.plan-capacity { margin-top: 26px; }
.plan-capacity .capacity-panel { min-height: 0; padding: 22px; }
.plan-capacity .capacity-panel__counter { margin: 0; }
.plan-capacity .capacity-panel__counter span { font-size: 56px; }
.plan-capacity .capacity-panel__unit { margin: 0; }
@media (max-width: 1050px) {
  .plan-list { grid-template-columns: minmax(0, 1fr); }
  .water-container--desktop { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 359px) {
  .plan-guide--mobile, .water-container--mobile { padding-right: 16px; padding-left: 16px; }
  .storage-plan { padding: 18px; }
  .storage-plan h3 { font-size: 19px; }
}
