.calculation-page { background:#f6f8f8; color:#16212b; }
.calculation-hero { padding:54px 0 64px; background:#16212b; color:#fff; }
.calculation-hero nav { display:flex; gap:10px; margin-bottom:34px; color:#aebcc4; font-size:14px; }
.calculation-hero nav a { color:#e4ecef; }
.calculation-kicker { display:inline-flex; gap:8px; color:#b4d61d; font-size:12px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.calculation-hero h1 { max-width:790px; margin:14px 0; color:#fff; font-size:clamp(38px,4vw,58px); line-height:1.08; }
.calculation-hero p { max-width:700px; color:#d6e0e5; font-size:17px; line-height:1.6; }
.calculation-catalog { padding:62px 0 100px; }
.calculation-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:26px; }
.calculation-heading h2 { margin:10px 0 0; font-size:32px; }
.calculation-heading p { max-width:380px; margin:0; color:#61717b; line-height:1.6; }
.calculation-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
.calculation-card { display:flex; min-height:250px; flex-direction:column; padding:24px; border:1px solid #d9e1e4; border-top:3px solid #6d54b5; background:#fff; color:#16212b; transition:.2s ease; }
.calculation-card:hover,.calculation-card.is-selected { border-color:#b4d61d; box-shadow:0 14px 30px rgba(22,33,43,.09); color:#16212b; transform:translateY(-2px); }
.calculation-card__icon { display:grid; width:48px; height:48px; place-items:center; margin-bottom:20px; background:#f0ebfb; color:#6d54b5; font-size:18px; font-weight:800; }
.calculation-card__group { margin-bottom:8px; color:#6d54b5; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.calculation-card strong { font-size:21px; line-height:1.2; }
.calculation-card p { margin:10px 0 0; color:#61717b; line-height:1.55; }
.calculation-card__link { display:inline-flex; gap:10px; align-items:center; margin-top:auto; padding-top:20px; color:#5d44da; font-size:14px; font-weight:800; }
.calculation-workspace { margin-top:52px; padding:30px; border:1px solid #d9e1e4; background:#fff; scroll-margin-top:30px; }
.calculation-workspace__header { display:flex; justify-content:space-between; align-items:end; gap:20px; padding-bottom:24px; border-bottom:1px solid #e2e8ea; }
.calculation-workspace h2 { margin:9px 0 0; font-size:28px; }
.calculation-workspace__hint { color:#61717b; font-size:13px; }
.calculation-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding-top:26px; }
.calculation-field { display:grid; gap:7px; color:#344650; font-size:13px; font-weight:700; }
.calculation-field input,.calculation-field select { width:100%; box-sizing:border-box; padding:13px 14px; border:1px solid #ccd9de; background:#fff; color:#16212b; font:inherit; font-weight:400; }
.calculation-form__action { grid-column:1/-1; display:flex; justify-content:flex-start; }
.calculation-form button { padding:13px 24px; border:0; background:#b4d61d; color:#16212b; font-weight:800; cursor:pointer; }
.calculation-result { display:none; margin-top:24px; padding:20px; border-left:3px solid #b4d61d; background:#f5f9df; color:#16212b; line-height:1.7; }
.calculation-result.is-visible { display:block; }
.calculation-result strong { font-size:22px; }
.generated-barcode { display:block; max-width:100%; min-height:90px; margin-top:10px; background:#fff; }
.calculation-note { grid-column:1/-1; margin:0; color:#61717b; font-size:12px; line-height:1.5; }
@media(max-width:800px){.calculation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculation-heading{display:block}.calculation-heading p{margin-top:12px}.calculation-workspace__header{display:block}.calculation-workspace__hint{display:block;margin-top:10px}}
@media(max-width:560px){.calculation-grid,.calculation-form{grid-template-columns:1fr}.calculation-card{min-height:220px}.calculation-workspace{padding:20px}.calculation-form__action{grid-column:auto}}