/* Konfigurator-Prinzip aus der Nutzerreferenz, in der bestehenden Autokosmetiker-Marke. */
.calc-hero .wrap{padding-top:45px;padding-bottom:50px;grid-template-columns:minmax(0,1fr) 150px}
.calc-hero h1{font-size:clamp(44px,5vw,68px);max-width:900px}
.calc-hero img{max-height:175px}
.calc-zone{background:linear-gradient(180deg,#071a38,#0a2045 45%,#071731);padding:24px 0 58px}
.calc-budget-strip{background:#0f274c;border:1px solid #456790;border-radius:22px;color:#fff;padding:22px 24px 14px;box-shadow:0 18px 34px #030e2480}
.calc-budget-top{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;align-items:center;gap:18px}
.calc-budget-top>div{display:grid;gap:3px}
.calc-budget-top>div>span{font-size:10px;letter-spacing:.17em;color:#4ed5ef;font-weight:900}
.calc-budget-top strong{font-size:clamp(25px,3vw,39px);line-height:1.1;color:#fff}
.calc-budget-top small{font-size:12px;color:#bcd3ed}
.calc-budget-top label{display:grid;gap:6px;position:relative;font-size:11px;font-weight:800;color:#c9ddf7}
.calc-budget-top input{background:#071a38;color:#fff;border:1px solid #7595bd;border-radius:11px;font:inherit;font-size:15px;padding:11px 34px 11px 12px;min-height:43px;width:100%}
.calc-budget-top label span{position:absolute;right:12px;bottom:10px;font-size:17px;color:var(--yellow)}
.calc-budget-top button{border:1px solid #8dabcf;border-radius:12px;color:#e8f4ff;background:#19355c;padding:12px 14px;font-weight:800;cursor:pointer}
.calc-budget-top button:hover{background:#245286}
.calc-budget-track{height:10px;background:#07152e;border:1px solid #355c86;border-radius:999px;overflow:hidden;margin-top:18px}
.calc-budget-track div{width:0;height:100%;background:linear-gradient(90deg,#02bce8,#ffe72a);border-radius:999px;transition:width .22s ease}
.calc-budget-track.is-over div{background:linear-gradient(90deg,#ffe72a,#ff775e)}
.calc-budget-scale{display:flex;justify-content:space-between;color:#8daed2;font-size:10px;margin-top:7px}
.calc-budget-strip>p{font-size:10px;color:#b6cce7;margin:10px 0 0}
.calc-layout{grid-template-columns:188px minmax(0,1fr) 306px;gap:16px;padding-top:20px;padding-bottom:0;align-items:start}
.calc-layout>*{min-width:0}
.calc-steps{position:sticky;top:17px;background:#10294f;color:#fff;border:1px solid #355983;border-radius:19px;padding:16px 12px;box-shadow:0 16px 32px #03102a70}
.calc-steps-head{padding:5px 8px 14px;display:grid;gap:6px}
.calc-steps-head span{font-size:10px;color:#4ed5ef;letter-spacing:.14em;font-weight:900}
.calc-steps-head strong{font-size:17px;line-height:1.2}
.calc-steps nav{display:grid;gap:7px}
.calc-steps nav a{display:flex;gap:9px;align-items:center;color:#d8e8fc;padding:10px 7px;border:1px solid transparent;border-radius:11px;line-height:1.2}
.calc-steps nav a:hover,.calc-steps nav a.is-active{background:#173b6b;border-color:#379ce4;color:#fff}
.calc-steps nav a b{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #4e8fca;border-radius:8px;color:#59d8f3;font-size:10px}
.calc-steps nav a.is-active b{background:#1564e4;border-color:#35bff0;color:#fff}
.calc-steps nav a span{display:grid;gap:3px;font-size:12px;font-weight:850}
.calc-steps nav a small{font-size:10px;font-weight:500;color:#9fbddd}
.calc-steps>p{font-size:10px;line-height:1.5;color:#a9c5e5;padding:8px;margin:13px 0 0;border-top:1px solid #3c5a7d}
.calc-form{background:#10294f;border-color:#385d88;color:#fff;border-radius:19px;padding:24px;box-shadow:0 16px 36px #03102a70}
.calc-form h2,.calc-form .calc-group legend,.calc-form label,.calc-form .calc-request h3{color:#fff}
.calc-form .calc-intro,.calc-form .calc-help,.calc-form .calc-request p{color:#bcd3ed}
.calc-form .calc-intro{font-size:13px}
.calc-group{border-top:1px solid #3b608b;scroll-margin-top:22px}
.calc-group legend{font-size:21px}
.calc-fields input,.calc-fields select,.calc-inline input,.calc-inline select{background:#0b203f;border:1px solid #587eac;color:#fff}
.calc-fields input:focus,.calc-fields select:focus,.calc-inline input:focus,.calc-inline select:focus,.calc-budget-top input:focus{outline:3px solid #35cfff88;outline-offset:1px}
.calc-select-fallback{display:none!important}
.calc-card-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:25px 0 12px}
.calc-card-head div{display:grid;gap:5px}
.calc-card-head span{font-size:10px;letter-spacing:.16em;color:#58d8f4;font-weight:900}
.calc-card-head strong{font-size:18px;line-height:1.2;color:#fff}
.calc-card-head small{font-size:10px;color:#aac6e8;max-width:135px;text-align:right}
.calc-package-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.calc-package-card{position:relative;min-height:140px;text-align:left;display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid #456990;border-radius:15px;background:#0a1e3e;color:#fff;cursor:pointer;transition:transform .15s,border-color .15s,background .15s;box-shadow:inset 0 1px #ffffff12}
.calc-package-card:hover{transform:translateY(-2px);background:#15355e;border-color:#51bce7}
.calc-package-card[aria-pressed="true"]{border:2px solid #40d2f3;background:#123a69;padding:14px;box-shadow:0 0 0 3px #37ceeb24}
.calc-package-card[aria-pressed="true"]:after{content:'✓';position:absolute;right:12px;top:11px;background:#ffe72a;color:#071a49;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-weight:900;font-size:13px}
.calc-package-card .tier{display:inline-flex;align-self:flex-start;border-radius:6px;padding:4px 7px;background:#183b67;color:#7de7f6;font-weight:900;font-size:9px;letter-spacing:.09em}
.calc-package-card .tier.premium{background:#443d18;color:#ffe72a}
.calc-package-card strong{font-size:15px;line-height:1.22;padding-right:12px}
.calc-package-card .description{font-size:11px;line-height:1.35;color:#bcd4f2;flex:1}
.calc-package-card .price{font-size:17px;font-weight:900;color:#ffe72a}
.calc-package-card .price small{font-size:10px;color:#acd0ef;font-weight:600;margin-right:4px}
.calc-package-card:focus-visible,.calc-steps a:focus-visible,.calc-budget-top button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.calc-option{background:#0b203f;border-color:#3d618b;color:#fff;min-height:69px}
.calc-option:hover{background:#16385f;border-color:#50ceee}
.calc-option strong,.calc-option small{color:inherit}
.calc-option small{color:#a8c8e8}
.calc-option input{accent-color:#ffe72a}
.calc-option.is-included{background:#122747;opacity:.58}
.calc-request{background:#0b203f;border:1px solid #3d618b;scroll-margin-top:22px}
.calc-reset{background:#18365f;border-color:#648ab3;color:#fff}
.calc-reset:hover{background:#254d80}
.calc-result{top:17px;max-height:calc(100vh - 34px);overflow-y:auto;border-color:#4773a6;border-radius:19px;box-shadow:0 16px 36px #03102a70}
.calc-result-head{background:linear-gradient(135deg,#164a88,#092149)}
.calc-result .calc-total{font-size:clamp(39px,3.5vw,53px)}
.calc-result-cta{font-size:11px;gap:8px;padding-inline:14px}
.calc-source{margin-top:45px}
@media(max-width:1180px){.calc-layout{grid-template-columns:150px minmax(0,1fr) 270px;gap:12px}.calc-form{padding:19px}.calc-steps nav a span{font-size:11px}.calc-result-head{padding:20px}.calc-lines,.calc-note{padding-left:20px;padding-right:20px}.calc-result-cta{margin-left:20px;margin-right:20px}.calc-package-cards{grid-template-columns:1fr}.calc-package-card{min-height:110px}}
@media(max-width:960px){.calc-layout{grid-template-columns:minmax(0,1fr) 285px}.calc-steps{grid-column:1/-1;position:static;padding:11px}.calc-steps-head{display:none}.calc-steps nav{display:flex;overflow-x:auto;gap:6px}.calc-steps nav a{flex:1 0 130px}.calc-steps>p{display:none}.calc-result{order:0;position:sticky}.calc-form{order:0}.calc-package-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-budget-top{grid-template-columns:minmax(0,1fr) 190px auto}}
@media(max-width:740px){.calc-zone{padding-top:15px}.calc-budget-strip{border-radius:15px;padding:17px}.calc-budget-top{grid-template-columns:1fr 160px}.calc-budget-top button{grid-column:1/-1;justify-self:start;padding:8px 11px}.calc-layout{grid-template-columns:minmax(0,1fr)}.calc-steps{order:-2;grid-column:auto}.calc-result{order:-1;position:static;max-height:none}.calc-form{order:0}.calc-package-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-source{margin-top:25px}}
@media(max-width:520px){.calc-hero .wrap{grid-template-columns:1fr}.calc-hero h1{font-size:clamp(39px,11vw,51px)}.calc-budget-top{grid-template-columns:1fr}.calc-budget-top label{max-width:220px}.calc-budget-top button{grid-column:auto}.calc-package-cards{grid-template-columns:1fr}.calc-package-card{min-height:110px}.calc-card-head{display:block}.calc-card-head small{display:block;text-align:left;max-width:none;margin-top:4px}.calc-steps nav a{flex-basis:125px}.calc-form{padding:17px}.calc-result{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.calc-package-card,.calc-budget-track div{transition:none}}