.calc-svc-host{
  padding-top:clamp(40px,6vh,68px);
  padding-bottom:clamp(44px,7vh,76px);
  scroll-margin-top:clamp(78px,11vh,100px);
  background:var(--paper-2,#F1EBDE);
  border-top:1px solid var(--rule,rgba(26,26,26,.08));
}
.calc-svc-host .section-head{margin-bottom:clamp(20px,3vh,30px)}

.calc-svc-host .calc-svc-lead{display:flex;flex-direction:column;gap:12px;max-width:62ch}
.calc-svc-host .calc-lead-line{position:relative;margin:0;padding-left:22px;font-size:clamp(15px,1.3vw,17px);line-height:1.5;color:var(--text-mute,#4B514E)}
.calc-svc-host .calc-lead-line::before{content:"";position:absolute;left:0;top:.62em;width:11px;height:2px;background:var(--gilt,#C5A572)}
.calc-svc-host .calc-lead-line strong{color:var(--ink,#1F3F37);font-weight:600}


.calc-wizard{
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
  
  min-height:clamp(440px,52vh,560px);
}

.calc-wizard .wmz-bar,.calc-wizard .wmz-tabs{display:none}

@supports selector(:has(*)){
  .calc-wizard:not([data-step]) .calc-step,
  .calc-wizard:not([data-step]) .calc-result,
  .calc-wizard:not([data-step]) .calc-aside,
  .calc-wizard:not([data-step]) .calc-volume{ display:none; }
}

.calc-wizard #calc-svc-host{padding:0;background:transparent}

@media (max-width:640px){ .calc-wizard #calc-svc-host .calc-desktop-root{display:none} }
@media not all and (max-width:640px){ .calc-wizard #calc-svc-host .calc-mobile-root{display:none} }

.calc-wizard #calc-svc-host *:not(.calc-cta-spinner):not(.calc-modal-spinner){border-radius:2px}


.calc-wizard #calc-svc-host :is(.calc-cat,.calc-svc,.calc-purpose,.calc-opt,.calc-visit,.calc-loyal,.calc-extra-toggle):hover:not(.active){
  border-color:rgba(166,131,78,.60);background:#fff;
}
.calc-wizard #calc-svc-host :is(.calc-cat,.calc-svc,.calc-purpose,.calc-opt,.calc-visit,.calc-loyal,.calc-extra-toggle).active{
  background:linear-gradient(180deg,rgba(197,165,114,.22) 0%,rgba(197,165,114,.10) 100%);
  border-color:rgba(166,131,78,.65);
  box-shadow:inset 3px 0 0 var(--gilt,#C5A572);
}
.calc-wizard #calc-svc-host .calc-cat.active .calc-cat-name{color:var(--ink);font-weight:600}
.calc-wizard #calc-svc-host .calc-cat.active .calc-cat-sub{color:var(--text-mute)}
.calc-wizard #calc-svc-host .calc-purpose.active{color:var(--ink)}
.calc-wizard #calc-svc-host .calc-visit.active{color:var(--ink)}
.calc-wizard #calc-svc-host :is(.calc-opt,.calc-visit).active .calc-opt-meta{color:#8A6F3E}

.calc-wizard #calc-svc-host .mini-check.on{
  background:var(--btn-gold,linear-gradient(180deg,#E9D5A8 0%,#C5A572 100%));
  border-color:rgba(115,87,48,.6);color:#1A1A1A;
}


.calc-wizard[data-step] .wmz-bar{
  display:flex;align-items:center;gap:18px;margin:0 0 12px;padding:10px 16px;
  background:rgba(255,255,255,.55);color:var(--text,#1A1A1A);
  border:1px solid rgba(197,165,114,.45);border-left:3px solid var(--gilt,#C5A572);border-radius:2px;
  box-shadow:0 2px 8px rgba(11,24,20,.06);
}
.calc-wizard .wmz-bar-sum{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:1px;min-width:0;flex:1}
.calc-wizard .wmz-bar-amount{font-family:var(--font-display,Georgia,serif);font-size:clamp(20px,1.9vw,26px);font-weight:500;color:var(--gilt-deep,#735730);white-space:nowrap;font-variant-numeric:tabular-nums}

.calc-wizard .wmz-bar-meta{font-size:13px;color:var(--text-mute,#4B514E);white-space:normal;line-height:1.35;min-width:0}


@media (min-width:641px){

  
  .calc-wizard[data-step] .wmz-tabs{display:flex;gap:clamp(5px,.6vw,8px);margin:0 0 14px}
  .calc-wizard .wmz-tab{
    display:inline-flex;align-items:center;justify-content:center;flex:1;min-width:0;
    min-height:42px;padding:9px clamp(6px,1vw,12px);border-radius:2px;cursor:pointer;white-space:nowrap;
    font:inherit;font-size:clamp(12.5px,1vw,14px);font-weight:600;color:var(--ink,#1F3F37);
    background:linear-gradient(180deg,rgba(197,165,114,.16) 0%,rgba(197,165,114,.07) 100%);
    border:1px solid rgba(166,131,78,.45);
    box-shadow:0 1px 0 rgba(255,255,255,.5) inset;
    transition:transform .15s ease,box-shadow .2s,background .2s,border-color .2s;
  }
  .calc-wizard .wmz-tab:hover{
    background:linear-gradient(180deg,rgba(197,165,114,.32) 0%,rgba(197,165,114,.16) 100%);
    border-color:rgba(166,131,78,.65);
  }
  .calc-wizard .wmz-tab.is-active{
    background:var(--btn-gold,linear-gradient(180deg,#E9D5A8 0%,#C5A572 100%));color:#1A1A1A;
    border-color:rgba(115,87,48,.6);
    box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 6px 22px rgba(19,38,33,.30);
  }
  .calc-wizard .wmz-tab.is-active:hover{transform:none}

  
  .calc-wizard[data-step] .calc-full--desktop{display:block}
  .calc-wizard[data-step] .calc-step-head{display:none}
  .calc-wizard[data-step] .calc-step{display:none}
  .calc-wizard[data-step] .calc-step+.calc-step{border-top:0;padding-top:0}
  
  .calc-wizard[data-step="1"] .calc-step:has(.calc-svc-list),
  .calc-wizard[data-step="1"] .calc-step:has([data-role="damage-rooms"]){display:flex}
  
  .calc-wizard[data-step="1"] .calc-step:has(.calc-cat-row){display:flex}
  .calc-wizard[data-step="2"] .calc-step:has(.calc-purpose-grid){display:flex}
  .calc-wizard[data-step="3"] .calc-step:has(.calc-extras-trigger){display:flex}
  .calc-wizard[data-step] .calc-volume{display:none}
  .calc-wizard[data-step="3"] .calc-volume{display:grid;border-top:0;padding-top:4px}
  
  .calc-wizard[data-step="3"] .calc-extras-trigger{display:none}
  .calc-wizard[data-step="4"] .calc-form{display:none}

  
  .calc-wizard[data-step] .calc-aside{display:none;position:static}
  .calc-wizard .calc-result-footnote{display:none}

  
  .calc-wizard[data-step="4"] .calc-result-actions{
    padding:18px;border-radius:2px;border-top:0;
    background:linear-gradient(180deg,#234A41 0%,#1F3F37 100%);
    border:1px solid rgba(197,165,114,.35);
    box-shadow:0 1px 0 rgba(248,245,238,.10) inset,0 14px 36px rgba(11,24,20,.22);
  }

  
  .calc-wizard[data-step="4"] .calc-aside{display:flex;flex-direction:column;gap:14px}
  .calc-wizard[data-step="4"] .calc-result{display:contents}
  .calc-wizard[data-step="4"] .calc-result-head{display:none}
  .calc-wizard[data-step="4"] .calc-breakdown{
    border-top:0;padding:14px 16px;gap:8px;
    border:1px solid var(--rule-2,rgba(11,24,20,.08));border-radius:2px;
  }
  .calc-wizard[data-step="4"] .calc-breakdown::before{
    content:"Состав расчёта";font-size:12px;letter-spacing:.14em;text-transform:uppercase;
    color:var(--text-mute,#4B514E);font-weight:500;margin-bottom:2px;display:block;
  }
  .calc-wizard[data-step="4"] .bd-label{color:var(--text,#1A1A1A)}
  .calc-wizard[data-step="4"] .bd-value{color:var(--ink,#1F3F37)}
  .calc-wizard[data-step="4"] .bd-row.mod .bd-label,
  .calc-wizard[data-step="4"] .bd-row.mod .bd-value{color:#8A6F3E}
  .calc-wizard[data-step="4"] .bd-row.discount .bd-label,
  .calc-wizard[data-step="4"] .bd-row.discount .bd-value{color:var(--accent,#2F5D50)}
}


@media (min-width:961px){
  .calc-wizard:is([data-step="1"],[data-step="2"],[data-step="3"]) .calc-full--desktop{
    display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,26vw,340px);gap:14px;align-items:start;
  }
  .calc-wizard:is([data-step="1"],[data-step="2"],[data-step="3"]) .calc-aside{display:flex}
  .calc-wizard:is([data-step="1"],[data-step="2"],[data-step="3"]) .calc-result{display:none}
  .calc-wizard:is([data-step="1"],[data-step="2"],[data-step="3"]) .calc-free{display:none}
  .calc-wizard:is([data-step="1"],[data-step="2"],[data-step="3"]) .calc-prep-list{grid-template-columns:1fr}

  .calc-wizard[data-step="4"] .calc-aside{
    display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,34vw,400px);gap:14px 24px;align-items:start;
  }
  .calc-wizard[data-step="4"] .calc-breakdown{grid-column:1}
  .calc-wizard[data-step="4"] .calc-prep{grid-column:1}
  .calc-wizard[data-step="4"] .calc-free{grid-column:1}
  .calc-wizard[data-step="4"] .calc-result-actions{grid-column:2;grid-row:1/span 3;border-top:0}
}


@media (max-width:640px){
  .calc-wizard{ min-height:470px; }   
  .calc-wizard[data-step] .wmz-tabs{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 10px}
  .calc-wizard[data-step] .wmz-tab{
    display:inline-flex;align-items:center;justify-content:center;flex:1 0 auto;
    min-height:34px;padding:6px 7px;border-radius:2px;cursor:pointer;white-space:nowrap;
    font:inherit;font-size:11.5px;font-weight:600;color:var(--ink,#1F3F37);
    background:linear-gradient(180deg,rgba(197,165,114,.16) 0%,rgba(197,165,114,.07) 100%);
    border:1px solid rgba(166,131,78,.45);box-shadow:0 1px 0 rgba(255,255,255,.5) inset;
  }
  .calc-wizard[data-step] .wmz-tab.is-active{
    background:var(--btn-gold,linear-gradient(180deg,#E9D5A8 0%,#C5A572 100%));color:#1A1A1A;
    border-color:rgba(115,87,48,.6);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 6px 22px rgba(19,38,33,.30);
  }
  
  .calc-wizard[data-step] .wmz-tab:last-child{
    flex:1 1 100%;min-height:42px;font-size:13px;margin-top:3px;
    background:var(--btn-gold,linear-gradient(180deg,#E9D5A8 0%,#C5A572 100%));color:#1A1A1A;
    border-color:rgba(115,87,48,.6);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 6px 22px rgba(19,38,33,.30);
  }
  .calc-wizard[data-step] .wmz-bar{position:static;margin:8px 0 10px}
  .calc-wizard .calc-mobile-root :is(.btn,.calc-cta){white-space:normal}
  .calc-wizard .calc-purpose-grid{grid-template-columns:1fr}
  
  .calc-wizard[data-step] .calc-step-head{display:none}
  .calc-wizard[data-step] .calc-step{display:none}
  .calc-wizard[data-step] .calc-step+.calc-step{border-top:0;padding-top:0}
  .calc-wizard[data-step="1"] .calc-step:has(.calc-svc-list),
  .calc-wizard[data-step="1"] .calc-step:has([data-role="damage-rooms"]){display:flex}
  
  .calc-wizard[data-step="1"] .calc-step:has(.calc-cat-row){display:flex}
  .calc-wizard[data-step="2"] .calc-step:has(.calc-purpose-grid){display:flex}
  .calc-wizard[data-step="3"] .calc-step:has(.calc-extras-trigger){display:flex}
  .calc-wizard[data-step] .calc-volume{display:none}
  .calc-wizard[data-step="3"] .calc-volume{display:grid;border-top:0;padding-top:6px}
  .calc-wizard[data-step="3"] .calc-extras-trigger{display:none}
  .calc-wizard[data-step] .calc-result{display:none}
  .calc-wizard[data-step="4"] .calc-result{display:flex;padding:16px 12px;gap:12px}
  .calc-wizard[data-step="4"] .calc-result-head{display:none}
  .calc-wizard[data-step="4"] .calc-breakdown{gap:8px;padding-top:10px}
  .calc-wizard[data-step="4"] .calc-result-actions{gap:8px;padding-top:10px}
}

@media (prefers-reduced-motion: reduce){
  .calc-wizard .wmz-tab{transition:none}
  .calc-wizard .wmz-tab:hover{transform:none}
}