.cost-section{max-width:1320px;margin:0 auto 70px;padding:64px 6%;background:#dceef7;display:grid;grid-template-columns:1fr 1.2fr;gap:55px;border-radius:26px;align-items:start;scroll-margin-top:24px}.cost-intro h2{white-space:pre-line;font-size:clamp(32px,4vw,49px);margin:0 0 24px}.cost-intro p:not(.kicker){font-size:17px;max-width:440px}.cost-intro img{display:block;width:240px;max-width:80%;height:auto;margin:20px auto 0;mix-blend-mode:multiply;border-radius:50%}.cost-form{background:#fff;border:1px solid #d6e3dd;border-radius:20px;padding:28px;color:var(--ink);text-align:left}.cost-form h2{font-size:26px;margin:0 0 20px;line-height:1.4}.cost-form label{margin:16px 0 7px;font-size:15px}.cost-form select{margin:0;font-family:inherit}.cost-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cost-hint,.cost-note{font-size:14px;line-height:1.65;color:#526968}.cost-output{margin:22px 0 16px;padding:24px;background:#f7ed9d;border-radius:15px}.cost-caption{display:block;font-size:14px;font-weight:600}.cost-total{display:block;font-size:clamp(32px,4vw,45px);line-height:1.3;letter-spacing:-.025em;margin:8px 0}.cost-output p{font-size:15px;margin:10px 0 0;line-height:1.65}.cost-custom{display:block;font-size:27px;line-height:1.4;margin:10px 0}.cost-whatsapp{width:100%;justify-content:center;text-align:center;gap:8px;padding:17px 20px;font-size:16px}.cost-contact{font-size:13px;text-align:center;color:#526968;margin:14px 0 0}.cost-contact span{display:block}#planner{width:620px;max-height:90dvh;overflow-y:auto;padding:24px}#planner .dialog-head{margin:0 3px 18px}#planner .cost-form{padding:0;border:0;background:transparent}#planner .cost-form h2{font-size:26px}.cost-labour[hidden]{display:none}@media(max-width:750px){.cost-section{margin:0 5% 40px;padding:30px 20px;grid-template-columns:1fr;gap:25px}.cost-intro{position:relative}.cost-intro img{display:none}.cost-intro p:not(.kicker){font-size:16px}.cost-intro h2{font-size:32px}.cost-form{padding:22px 18px}.cost-form h2{font-size:24px}.cost-fields{gap:12px}.cost-output{padding:20px}.cost-total{font-size:36px}.cost-whatsapp{font-size:15px}.cost-contact{font-size:13px}}@media(prefers-reduced-motion:reduce){.cost-whatsapp{transition:none}}
#planner .cost-form h2{margin-bottom:12px}#planner .cost-form label{margin-top:10px}#planner .cost-output{margin:14px 0 12px;padding:16px 20px}#planner .cost-output p{margin-top:6px}#planner .cost-total{font-size:36px;margin:4px 0}#planner .cost-hint,#planner .cost-note{margin:10px 0;font-size:14px}#planner .cost-contact{margin-top:10px}#planner .cost-contact span{display:inline}#planner .dialog-head{margin-bottom:12px}
.cost-area{font:inherit;width:100%;padding:12px;border:1px solid #c8d5cf;border-radius:9px;background:white;color:var(--ink)}.cost-area:focus-visible,.tier-card:has(input:focus-visible){outline:3px solid #e9b738;outline-offset:3px}.cost-room-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cost-tiers{border:0;padding:0;margin:24px 0 0;min-width:0}.cost-tiers legend{font-size:15px;font-weight:600;margin-bottom:10px}.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cost-form .tier-card{display:flex;align-items:flex-start;gap:6px;margin:0!important;border:1px solid #c5d7cf;border-radius:12px;padding:12px 9px;cursor:pointer;font-size:14px}.tier-card:has(input:checked){background:#dceee4;border:2px solid #164e46;padding:11px 8px}.tier-card input{margin:4px 0 0;accent-color:#164e46;flex-shrink:0}.tier-card strong{display:block;font-size:15px}.tier-card small{display:block;font-size:13px;font-weight:400;line-height:1.55;margin-top:5px}.cost-form .cost-unsure{display:flex;gap:9px;align-items:flex-start;font-size:14px;font-weight:400}.cost-unsure input{margin-top:5px;accent-color:#164e46}.cost-range{display:block;font-size:clamp(25px,3vw,34px);line-height:1.4;margin-top:7px;font-weight:700}.cost-section{grid-template-columns:.8fr 1.2fr}#planner{width:720px}@media(max-width:750px){.cost-section{grid-template-columns:1fr}.tier-grid{grid-template-columns:1fr}.cost-form .tier-card{padding:10px 12px}.tier-card:has(input:checked){padding:9px 11px}.tier-card small{margin-top:2px}.cost-room-fields{gap:8px}.cost-range{font-size:25px}}

.cost-visit{margin:24px 0}.cost-visit .cost-room-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-visit input{width:100%;min-width:0;max-width:100%;font:inherit;padding:12px;border:1px solid #b8c9c1;border-radius:10px;background:white;color:var(--ink)}@media(max-width:420px){.cost-visit .cost-room-fields{grid-template-columns:1fr}}

/* Keep native iOS date controls inside their grid column. */
.cost-visit .cost-room-fields>div{min-width:0}
.cost-visit input[type=date]{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;appearance:none;-webkit-appearance:none;min-height:48px}
.cost-visit input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}