.price-calculator{max-width:1440px;margin:0 auto;padding:78px 48px 34px}
.price-calculator__head{max-width:900px;margin:0 auto 38px;text-align:center}
.price-calculator__eyebrow{display:inline-block;margin-bottom:10px;color:#0879c8;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.price-calculator__head h2{margin:0 0 14px;font-family:CambriaLocal,Georgia,serif;color:#0f1b2e;font-size:46px;line-height:1.1}
.price-calculator__head p{max-width:760px;margin:0 auto;color:#526276;font-size:18px;line-height:1.55}
.price-calculator__layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:stretch}
.price-calculator__panel,.price-calculator__result{border:1px solid #e0e7ef;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(15,23,42,.07)}
.price-calculator__panel{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;padding:34px}
.price-calculator__column h3{margin:0 0 20px;color:#1e3449;font-size:22px}
.calc-row{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f5}
.calc-row span{display:grid;gap:3px}.calc-row b,.calc-option b{color:#243444;font-size:15px}.calc-row small,.calc-option small,.calc-included small{color:#738194;font-size:11.5px;line-height:1.32}
.calc-number{width:82px;height:44px;padding:0 8px;border:1px solid #cfd9e5;border-radius:9px;background:#fbfdff;color:#10233c;font-size:17px;text-align:center}
.calc-included{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;margin-top:20px;padding:15px;border-radius:14px;background:#eef8ff;color:#0b4065}.calc-included__icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#0879c8;color:#fff;font-weight:900}.calc-included div{display:grid;gap:5px}
.calc-option{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;min-height:59px;padding:8px 0;border-bottom:1px solid #edf1f5;cursor:pointer}.calc-option input{position:absolute;opacity:0;pointer-events:none}.calc-switch{position:relative;width:44px;height:25px;border-radius:999px;background:#dfe5ec;transition:.2s ease}.calc-switch:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.18);transition:.2s ease}.calc-option input:checked+.calc-switch{background:#0879c8}.calc-option input:checked+.calc-switch:after{transform:translateX(19px)}.calc-option__text{display:grid;gap:4px}
.price-calculator__result{position:relative;overflow:hidden;padding:40px 34px;display:flex;flex-direction:column;justify-content:center;text-align:center}.price-calculator__result:before{content:"";position:absolute;width:250px;height:250px;right:-120px;top:-130px;border-radius:50%;background:rgba(8,121,200,.08)}.price-calculator__result-label{position:relative;color:#526276;font-size:17px}.price-calculator__result>strong{position:relative;display:block;margin:17px 0 10px;color:#17344e;font-size:39px;line-height:1}.price-calculator__result>strong small{font-size:18px;font-weight:600}.price-calculator__result>p{position:relative;margin:0 0 24px;color:#526276!important;font-size:14px;line-height:1.5;min-height:21px}.price-calculator__note{position:relative;display:grid;gap:6px;margin-bottom:26px;padding:16px;border-radius:14px;background:#f2f8fc;color:#345268;text-align:left}.price-calculator__note b{color:#0879c8}.price-calculator__note span{font-size:13px;line-height:1.45}.price-calculator__button{position:relative;width:100%;min-height:56px}.price-calculator__disclaimer{position:relative;display:block;margin-top:18px;color:#738194;font-size:11px;line-height:1.45}
@media(max-width:1100px){.price-calculator__layout{grid-template-columns:1fr}.price-calculator__panel{grid-template-columns:1fr 1fr}.price-calculator__result{min-height:320px}}
@media(max-width:760px){.price-calculator{padding:54px 20px 20px}.price-calculator__head{margin-bottom:26px;text-align:left}.price-calculator__head h2{font-size:34px}.price-calculator__head p{font-size:16px}.price-calculator__panel{grid-template-columns:1fr;gap:32px;padding:24px 20px}.price-calculator__result{min-height:auto;padding:32px 22px}.price-calculator__result>strong{font-size:34px}}

/* v3 */
.calc-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0 0 24px;color:#607086;font-size:14px;line-height:1.4}
.calc-summary__item{position:relative;white-space:nowrap}
.calc-summary__item:not(:last-child)::after{content:"·";position:absolute;right:-10px;color:#a4afbc}
.calc-summary__item b{color:#42566b;font-weight:700}
.calc-modal[hidden]{display:none!important}
.calc-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}
.calc-modal__backdrop{position:absolute;inset:0;background:rgba(9,24,39,.62);backdrop-filter:blur(5px)}
.calc-modal__dialog{position:relative;z-index:1;width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:34px;border-radius:24px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.calc-modal__close{position:absolute;right:18px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:#edf4f9;color:#18364e;font-size:29px;line-height:1;cursor:pointer}
.calc-modal__head{padding-right:45px;margin-bottom:22px}
.calc-modal__head>span{color:#0879c8;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.calc-modal__head h2{margin:7px 0 8px;font-family:CambriaLocal,Georgia,serif;color:#10233c;font-size:34px}
.calc-modal__head p{margin:0;color:#647487;line-height:1.5}
.calc-modal__summary{padding:22px;border:1px solid #dfe8ef;border-radius:16px;background:#f7fafc;margin-bottom:22px}
.calc-modal__summary h3{margin:0 0 14px;color:#1b3851;font-size:19px}
.calc-modal__rows{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.calc-modal__row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #e4ebf1;color:#516579;font-size:14px}
.calc-modal__row b{color:#18364e}
.calc-modal__options{margin-top:16px;color:#40566a;font-size:14px}
.calc-modal__options>b{display:block;margin-bottom:7px;color:#18364e}
.calc-modal__options ul{margin:0;padding-left:20px;line-height:1.55}
.calc-modal__total{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:17px;padding-top:17px;border-top:1px solid #d7e2ea;color:#40566a}
.calc-modal__total strong{color:#0879c8;font-size:23px;white-space:nowrap}
.calc-modal__included{margin:11px 0 0;color:#0879c8;font-size:13px;font-weight:700}
.calc-modal__form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.calc-modal__form>input{min-height:52px;border:1px solid #cfdde8;border-radius:10px;padding:0 15px;background:#fbfdff;font:inherit}
.calc-modal__consent,.calc-modal__submit,.calc-modal__form .form-status{grid-column:1/-1}
.calc-modal__submit{width:100%;min-height:54px}
body.calc-modal-open{overflow:hidden}
@media(max-width:680px){
  .calc-modal{padding:12px}
  .calc-modal__dialog{padding:26px 18px;max-height:calc(100vh - 24px);border-radius:18px}
  .calc-modal__head h2{font-size:28px}
  .calc-modal__rows{grid-template-columns:1fr}
  .calc-modal__total{align-items:flex-start;flex-direction:column;gap:6px}
  .calc-modal__form{grid-template-columns:1fr}
  .calc-modal__consent,.calc-modal__submit,.calc-modal__form .form-status{grid-column:1}
  .calc-summary{justify-content:flex-start}
}


/* v5: number inputs and included-option help */

/* Keep native number steppers available and make the whole control feel interactive. */
.calc-number {
    appearance: auto !important;
    -moz-appearance: number-input !important;
    cursor: text;
}

/* Chromium/WebKit stepper buttons: always visible and clickable. */
.calc-number::-webkit-inner-spin-button,
.calc-number::-webkit-outer-spin-button {
    opacity: 1 !important;
    display: block !important;
    cursor: pointer;
    transition: filter .18s ease, opacity .18s ease;
}

/* Give a clear hover/focus response around the numeric control. */
.calc-number:hover {
    border-color: #7eb9df;
    background: #ffffff;
}

.calc-number:focus {
    border-color: #0879c8;
    box-shadow: 0 0 0 3px rgba(8, 121, 200, .12);
    outline: none;
}

/*
  Browser vendors don't expose the upper/lower native arrow as two separately
  styleable DOM elements. We keep the native arrows permanently visible and
  change the pointer to a hand over the stepper area.
*/
@media (hover: hover) and (pointer: fine) {
    .calc-number::-webkit-inner-spin-button:hover,
    .calc-number::-webkit-outer-spin-button:hover {
        filter: brightness(.72) saturate(1.35);
        opacity: 1 !important;
    }
}

/* Information icon for options included in the base service. */
.calc-help {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    border-radius: 50%;
    background: #5d6670;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    vertical-align: 2px;
    cursor: help;
    user-select: none;
    outline: none;
}

.calc-help:hover,
.calc-help:focus {
    background: #0879c8;
    box-shadow: 0 0 0 3px rgba(8, 121, 200, .12);
}

/* Tooltip. Works with mouse and keyboard focus. */
.calc-help::after {
    content: attr(data-tooltip);
    position: absolute;
    z-index: 30;
    left: 50%;
    bottom: calc(100% + 11px);
    width: min(330px, 75vw);
    padding: 12px 14px;
    border: 1px solid #d4e1eb;
    border-radius: 11px;
    background: #ffffff;
    color: #29445b;
    box-shadow: 0 13px 34px rgba(15, 23, 42, .16);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 5px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.calc-help::before {
    content: "";
    position: absolute;
    z-index: 31;
    left: 50%;
    bottom: calc(100% + 5px);
    width: 10px;
    height: 10px;
    border-right: 1px solid #d4e1eb;
    border-bottom: 1px solid #d4e1eb;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) rotate(45deg);
    transition: opacity .16s ease, visibility .16s ease;
}

.calc-help:hover::after,
.calc-help:focus::after,
.calc-help:hover::before,
.calc-help:focus::before {
    opacity: 1;
    visibility: visible;
}

.calc-help:hover::after,
.calc-help:focus::after {
    transform: translate(-50%, 0);
}

@media (max-width: 760px) {
    .calc-help::after {
        left: auto;
        right: -18px;
        width: min(300px, 78vw);
        transform: translateY(5px);
    }

    .calc-help:hover::after,
    .calc-help:focus::after {
        transform: translateY(0);
    }

    .calc-help::before {
        left: 50%;
    }
}


/* v6: custom independent number arrows */
.calc-number-control {
    width: 102px;
    height: 56px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30px;
    overflow: hidden;
    border: 1px solid #cfd9e5;
    border-radius: 10px;
    background: #fbfdff;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.calc-number-control:hover {
    border-color: #9cc9e5;
    background: #fff;
}

.calc-number-control:focus-within {
    border-color: #0879c8;
    box-shadow: 0 0 0 3px rgba(8,121,200,.12);
    background: #fff;
}

.calc-number-control .calc-number {
    width: 100% !important;
    height: 100% !important;
    min-width: 0;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    text-align: center;
    font-size: 18px;
    color: #10233c;
    cursor: text;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

/* Hide browser-native spinner completely. */
.calc-number-control .calc-number::-webkit-inner-spin-button,
.calc-number-control .calc-number::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
    display: none !important;
}

.calc-number-control__buttons {
    display: grid;
    grid-template-rows: 1fr 1fr;
    border-left: 1px solid #d9e3eb;
    background: #f3f6f9;
}

.calc-number-step {
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #74808c;
    font-size: 10px;
    line-height: 1;
    cursor: pointer;
    transition: background .14s ease, color .14s ease;
}

.calc-number-step--up {
    border-bottom: 1px solid #d9e3eb;
}

/* Only the arrow actually under the pointer turns blue. */
.calc-number-step:hover {
    background: #0879c8;
    color: #fff;
}

.calc-number-step:active {
    background: #056aaE;
    color: #fff;
}

.calc-number-step:focus-visible {
    position: relative;
    z-index: 2;
    outline: 2px solid #0879c8;
    outline-offset: -2px;
}

/* More compact tooltip text */
.calc-help::after {
    width: min(300px, 75vw);
    padding: 10px 12px;
    font-size: 12.5px;
    line-height: 1.4;
}

@media (max-width: 760px) {
    .calc-number-control {
        width: 104px;
        height: 54px;
    }

    .calc-number-step {
        font-size: 11px;
    }
}


/* v7: compact quantity controls */
.calc-row {
    grid-template-columns: minmax(0, 1fr) 78px !important;
    gap: 14px !important;
}

.calc-number-control {
    width: 78px !important;
    height: 46px !important;
    grid-template-columns: minmax(0, 1fr) 22px !important;
    border-radius: 9px !important;
}

.calc-number-control .calc-number {
    font-size: 17px !important;
    padding: 0 5px !important;
}

.calc-number-control__buttons {
    width: 22px;
}

.calc-number-step {
    font-size: 8px !important;
}

@media (max-width: 760px) {
    .calc-row {
        grid-template-columns: minmax(0, 1fr) 76px !important;
        gap: 12px !important;
    }

    .calc-number-control {
        width: 76px !important;
        height: 44px !important;
        grid-template-columns: minmax(0, 1fr) 22px !important;
    }
}