.water-cost-page > .page-heading,.water-cost-layout { margin-left:auto;margin-right:auto;max-width:1120px;width:100%; }
.water-cost-layout { display:grid;gap:18px; }
.water-cost-section { gap:20px;padding:24px; }
.water-cost-section-heading { align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding-bottom:17px; }
.water-cost-section-heading h2,.water-cost-section-heading p { margin:0; }
.water-cost-section-heading h2 { font-size:22px;margin-top:5px; }
.water-cost-section-heading p { color:var(--muted);line-height:1.5;margin-top:5px; }
.water-cost-section-heading form { flex:0 0 auto;margin:0; }
.water-cost-price-card { display:grid;gap:10px;grid-template-columns:1.15fr 1fr 1fr .75fr; }
.water-cost-price-card > div { background:#edf6ff;border:1px solid #d5e6f7;border-radius:11px;display:grid;gap:6px;padding:15px; }
.water-cost-price-card span { color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase; }
.water-cost-price-card strong { font-size:16px; }
.water-cost-price-card > div:first-child strong { color:var(--primary-dark);font-size:27px; }
.water-cost-price-card strong small { font-size:15px; }
.water-cost-cron-note { align-items:center;background:#f7f8fa;border:1px solid var(--line);border-radius:11px;display:flex;gap:12px;padding:13px 15px; }
.water-cost-cron-note svg { color:var(--success);height:24px;width:24px; }
.water-cost-cron-note span { display:grid;gap:3px; }
.water-cost-cron-note small { color:var(--muted); }
.water-cost-settings-form { display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr)); }
.water-cost-settings-form label { display:grid;gap:7px; }
.water-cost-settings-form input { font-size:16px;min-height:50px; }
.water-cost-settings-form label small { color:var(--muted);line-height:1.4; }
@media(max-width:760px){
    .water-cost-section{border-radius:14px;gap:16px;padding:16px}.water-cost-section-heading{align-items:stretch;display:grid;gap:13px}.water-cost-section-heading form,.water-cost-section-heading .button{width:100%}
    .water-cost-price-card{grid-template-columns:1fr 1fr}.water-cost-settings-form{grid-template-columns:1fr}.water-cost-settings-form .span-2{grid-column:auto}
    .water-cost-cron-note{align-items:flex-start}.water-cost-settings-form input{min-height:54px}
}
@media(max-width:430px){.water-cost-price-card{grid-template-columns:1fr}.water-cost-price-card > div:first-child strong{font-size:25px}}