.wzcalc-page {
  --calc-gold: #b78746;
  --calc-gold-dark: #765022;
  --calc-ink: #292824;
  --calc-muted: #716b61;
  --calc-line: #ded3c4;
  --calc-cream: #f8f2e9;
  --calc-soft: #f1e7d8;
  --calc-paper: #fffdf9;
  max-width: 1500px;
  padding-bottom: 80px;
}

.wzcalc-page *, .wzcalc-page *::before, .wzcalc-page *::after { box-sizing: border-box; }
.wzcalc-page [hidden] { display: none !important; }
.wzcalc-page button, .wzcalc-page input, .wzcalc-page select { font: inherit; }
.wzcalc-page button { touch-action: manipulation; }

.wzcalc-hero {
  display: grid;
  grid-template-columns: minmax(360px, .86fr) minmax(520px, 1.14fr);
  gap: 38px;
  align-items: end;
  padding: 34px 0 28px;
}
.wzcalc-hero h1 { margin: 9px 0 10px; max-width: 780px; font-size: clamp(36px, 4vw, 62px); line-height: .98; }
.wzcalc-hero p { margin: 0; max-width: 720px; color: var(--calc-muted); font-size: 17px; line-height: 1.6; }
.wzcalc-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--calc-line); border-radius: 18px; background: var(--calc-line); box-shadow: 0 16px 45px rgba(56, 43, 27, .06); }
.wzcalc-benefits span { min-height: 104px; padding: 22px 18px; display: flex; gap: 12px; align-items: center; background: var(--calc-paper); color: var(--calc-ink); font-size: 13px; line-height: 1.4; }
.wzcalc-benefits b { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background: var(--calc-soft); color: var(--calc-gold-dark); font-size: 12px; }

.wzcalc-loading { padding: 44px; border: 1px solid var(--calc-line); border-radius: 20px; background: var(--calc-paper); text-align: center; color: var(--calc-muted); }
.wzcalc-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr) 330px; gap: 18px; align-items: start; }

.wzcalc-nav, .wzcalc-summary { position: sticky; top: 90px; }
.wzcalc-nav { overflow: hidden; border: 1px solid var(--calc-line); border-radius: 18px; background: var(--calc-paper); box-shadow: 0 16px 45px rgba(56, 43, 27, .05); }
.wzcalc-nav a { display: grid; grid-template-columns: 30px 1fr auto; gap: 9px; align-items: center; min-height: 63px; padding: 11px 13px; border-bottom: 1px solid var(--calc-line); color: var(--calc-muted); text-decoration: none; }
.wzcalc-nav a:last-child { border-bottom: 0; }
.wzcalc-nav a:hover, .wzcalc-nav a.is-active { background: var(--calc-cream); color: var(--calc-ink); }
.wzcalc-nav a.is-filled span { background: var(--calc-gold); color: #fff; }
.wzcalc-nav span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: var(--calc-soft); color: var(--calc-gold-dark); }
.wzcalc-nav b { font-size: 13px; line-height: 1.25; }
.wzcalc-nav em { color: var(--calc-gold-dark); font-size: 10px; font-style: normal; white-space: nowrap; }

.wzcalc-center { min-width: 0; display: grid; gap: 12px; }
.wzcalc-section { overflow: hidden; border: 1px solid var(--calc-line); border-radius: 18px; background: var(--calc-paper); box-shadow: 0 12px 34px rgba(55, 40, 23, .045); scroll-margin-top: 100px; }
.wzcalc-section.is-filled { border-color: #ccb58f; }
.wzcalc-section__head { width: 100%; min-height: 72px; display: grid; grid-template-columns: minmax(0, 1fr) auto 26px; gap: 12px; align-items: center; padding: 12px 18px; border: 0; background: transparent; color: var(--calc-ink); text-align: left; cursor: pointer; }
.wzcalc-section__head > span { min-width: 0; display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 11px; align-items: center; }
.wzcalc-section__head i { grid-row: 1 / 3; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: var(--calc-soft); color: var(--calc-gold-dark); font-weight: 800; font-style: normal; }
.wzcalc-section.is-filled .wzcalc-section__head i { background: var(--calc-gold); color: #fff; }
.wzcalc-section__head b { font-size: 17px; }
.wzcalc-section__head small { overflow: hidden; color: var(--calc-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.wzcalc-section__head strong { color: var(--calc-gold-dark); white-space: nowrap; }
.wzcalc-section__head em { color: var(--calc-muted); font-size: 18px; font-style: normal; transition: transform .2s ease; }
.wzcalc-section__head[aria-expanded="true"] em { transform: rotate(180deg); }
.wzcalc-section__body { padding: 0 18px 20px; border-top: 1px solid var(--calc-line); }

.wzcalc-items { display: grid; gap: 12px; padding-top: 16px; }
.wzcalc-item { border: 1px solid var(--calc-line); border-radius: 15px; background: #fff; }
.wzcalc-item__head { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 13px 14px; border-bottom: 1px solid var(--calc-line); background: var(--calc-cream); }
.wzcalc-item__head h3 { margin: 0; font-size: 15px; }
.wzcalc-item__head h3 small { display: block; margin-top: 3px; color: var(--calc-muted); font-size: 11px; font-weight: 500; }
.wzcalc-item__tools { display: flex; gap: 5px; }
.wzcalc-icon-btn { min-width: 36px; height: 36px; padding: 0 9px; border: 1px solid var(--calc-line); border-radius: 9px; background: #fff; color: var(--calc-muted); cursor: pointer; }
.wzcalc-icon-btn:hover { border-color: var(--calc-gold); color: var(--calc-gold-dark); }
.wzcalc-item__body { padding: 15px; }
.wzcalc-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.wzcalc-fields--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.wzcalc-fields--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wzcalc-fields label, .wzcalc-floor { display: grid; gap: 6px; min-width: 0; color: var(--calc-muted); font-size: 12px; }
.wzcalc-fields label > span, .wzcalc-floor > span { font-weight: 650; }
.wzcalc-fields input, .wzcalc-fields select, .wzcalc-floor input { width: 100%; min-width: 0; height: 46px; padding: 0 12px; border: 1px solid var(--calc-line); border-radius: 10px; background: #fff; color: var(--calc-ink); }
.wzcalc-fields input:focus, .wzcalc-fields select:focus, .wzcalc-floor input:focus { outline: 2px solid rgba(183, 135, 70, .25); border-color: var(--calc-gold); }
.wzcalc-fields select { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wzcalc-field-wide { grid-column: 1 / -1; }
.wzcalc-product-price { margin-top: 12px; padding: 11px 12px; display: flex; justify-content: space-between; gap: 14px; border-radius: 10px; background: var(--calc-cream); color: var(--calc-muted); font-size: 12px; }
.wzcalc-product-price strong { color: var(--calc-ink); font-size: 14px; }
.wzcalc-product-price span:last-child { text-align: right; }
.wzcalc-shape { min-height: 95px; margin: 14px 0; padding: 16px 22px; display: grid; place-items: center; border: 1px dashed #d6c4a8; border-radius: 13px; background: linear-gradient(145deg, #fff, var(--calc-cream)); color: var(--calc-muted); text-align: center; font-size: 12px; }
.wzcalc-shape__sill { position: relative; width: min(340px, 86%); height: 24px; border: 1px solid #aa9679; border-radius: 4px; background: #f9f6f1; box-shadow: 0 7px 10px rgba(58, 45, 29, .12); }
.wzcalc-shape__sill::before { content: attr(data-length); position: absolute; left: 50%; bottom: 34px; transform: translateX(-50%); white-space: nowrap; }
.wzcalc-shape__sill::after { content: attr(data-width); position: absolute; right: -8px; top: 38px; transform: translateX(100%); white-space: nowrap; }
.wzcalc-shape__window { width: 150px; height: 82px; position: relative; border: 6px solid #d5c4a9; border-bottom-width: 10px; background: #f3f6f7; }
.wzcalc-shape__window::before { content: attr(data-size); position: absolute; inset: 27px -95px auto; color: var(--calc-muted); }
.wzcalc-shape__window::after { content: ''; position: absolute; inset: -14px; border: 1px dashed var(--calc-gold); }
.wzcalc-profile-row { margin-top: 12px; display: grid; grid-template-columns: 1fr 150px 90px; gap: 12px; align-items: center; padding: 11px 12px; border: 1px solid var(--calc-line); border-radius: 11px; }
.wzcalc-profile-row span { display: grid; gap: 2px; font-size: 13px; }
.wzcalc-profile-row small { color: var(--calc-muted); }
.wzcalc-counter { display: grid; grid-template-columns: 42px minmax(44px, 1fr) 42px; min-width: 0; }
.wzcalc-counter button, .wzcalc-counter input { height: 42px; border: 1px solid var(--calc-line); background: #fff; text-align: center; }
.wzcalc-counter button { color: var(--calc-gold-dark); font-size: 20px; cursor: pointer; }
.wzcalc-counter button:first-child { border-radius: 9px 0 0 9px; }
.wzcalc-counter button:last-child { border-radius: 0 9px 9px 0; }
.wzcalc-counter input { min-width: 0; border-right: 0; border-left: 0; border-radius: 0; }
.wzcalc-profile-row > strong { text-align: right; white-space: nowrap; }
.wzcalc-add { min-height: 46px; margin-top: 14px; padding: 0 17px; border: 1px dashed var(--calc-gold); border-radius: 11px; background: var(--calc-cream); color: var(--calc-gold-dark); font-weight: 700; cursor: pointer; }
.wzcalc-hint { margin: 14px 0 0; color: var(--calc-muted); font-size: 12px; line-height: 1.55; }

.wzcalc-choice-block { padding-top: 17px; }
.wzcalc-choice-block + .wzcalc-choice-block { margin-top: 18px; border-top: 1px solid var(--calc-line); }
.wzcalc-choice-block h3 { margin: 0 0 11px; font-size: 16px; }
.wzcalc-radio-grid, .wzcalc-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.wzcalc-radio-grid label, .wzcalc-check-grid label { min-width: 0; cursor: pointer; }
.wzcalc-radio-grid input, .wzcalc-check-grid input { position: absolute; opacity: 0; pointer-events: none; }
.wzcalc-radio-grid label > span, .wzcalc-check-grid label > span { min-height: 66px; display: grid; align-content: center; gap: 4px; padding: 11px 13px 11px 42px; position: relative; border: 1px solid var(--calc-line); border-radius: 11px; background: #fff; }
.wzcalc-radio-grid label > span::before, .wzcalc-check-grid label > span::before { content: ''; position: absolute; left: 14px; top: 50%; width: 17px; height: 17px; transform: translateY(-50%); border: 1px solid #b7ab9b; border-radius: 50%; background: #fff; }
.wzcalc-check-grid label > span::before { border-radius: 4px; }
.wzcalc-radio-grid input:checked + span, .wzcalc-check-grid input:checked + span { border-color: var(--calc-gold); background: var(--calc-cream); box-shadow: inset 0 0 0 1px var(--calc-gold); }
.wzcalc-radio-grid input:checked + span::before { border: 5px solid var(--calc-gold); }
.wzcalc-check-grid input:checked + span::before { content: '✓'; display: grid; place-items: center; border-color: var(--calc-gold); background: var(--calc-gold); color: #fff; font-size: 12px; }
.wzcalc-radio-grid b, .wzcalc-check-grid b { color: var(--calc-ink); font-size: 13px; }
.wzcalc-radio-grid small, .wzcalc-check-grid small { color: var(--calc-muted); font-size: 11px; line-height: 1.35; }
.wzcalc-fields--delivery { margin-top: 12px; }
.wzcalc-floor { max-width: 220px; margin-top: 12px; }

.wzcalc-summary { padding: 22px; border: 1px solid var(--calc-line); border-radius: 18px; background: var(--calc-paper); box-shadow: 0 18px 48px rgba(55, 40, 23, .08); }
.wzcalc-summary h2 { margin: 5px 0 16px; font-size: 29px; }
.wzcalc-summary__lines { display: grid; gap: 0; }
.wzcalc-summary__line { padding: 11px 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; border-bottom: 1px solid var(--calc-line); }
.wzcalc-summary__line span { color: var(--calc-muted); font-size: 12px; line-height: 1.35; }
.wzcalc-summary__line span b { display: block; margin-bottom: 2px; color: var(--calc-ink); font-size: 13px; }
.wzcalc-summary__line strong { font-size: 13px; white-space: nowrap; }
.wzcalc-summary__total { margin-top: 14px; display: flex; justify-content: space-between; align-items: baseline; gap: 14px; }
.wzcalc-summary__total span { font-size: 16px; font-weight: 800; }
.wzcalc-summary__total strong { font-size: 27px; color: var(--calc-gold-dark); white-space: nowrap; }
.wzcalc-summary > p { color: var(--calc-muted); font-size: 11px; line-height: 1.5; }
.wzcalc-summary__actions { display: grid; gap: 8px; }
.wzcalc-summary__actions .store-btn { width: 100%; min-height: 46px; }

.wzcalc-mobile-total { display: none; }
.wzcalc-drawer { position: fixed; z-index: 10030; inset: 0; padding: 20px; background: rgba(24, 20, 15, .58); overflow: auto; }
.wzcalc-drawer__panel { width: min(880px, 100%); margin: 20px auto; border-radius: 20px; background: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.25); }
.wzcalc-drawer__panel > header { padding: 22px 25px; display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; border-bottom: 1px solid var(--calc-line); }
.wzcalc-drawer__panel h2 { margin: 4px 0 0; }
.wzcalc-drawer__panel > header button { width: 42px; height: 42px; border: 1px solid var(--calc-line); border-radius: 50%; background: #fff; font-size: 26px; cursor: pointer; }
.wzcalc-estimate { padding: 25px; }
.wzcalc-estimate__brand { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; padding-bottom: 18px; border-bottom: 2px solid var(--calc-gold); }
.wzcalc-estimate__brand h3 { margin: 0 0 5px; font-size: 24px; }
.wzcalc-estimate__brand p { margin: 0; color: var(--calc-muted); font-size: 12px; line-height: 1.55; }
.wzcalc-estimate__meta { text-align: right; }
.wzcalc-estimate__section { margin-top: 22px; }
.wzcalc-estimate__section h4 { margin: 0 0 8px; font-size: 15px; }
.wzcalc-estimate__table { width: 100%; border-collapse: collapse; font-size: 12px; }
.wzcalc-estimate__table th, .wzcalc-estimate__table td { padding: 9px 7px; border-bottom: 1px solid var(--calc-line); text-align: left; vertical-align: top; }
.wzcalc-estimate__table th { color: var(--calc-muted); font-weight: 600; }
.wzcalc-estimate__table th:last-child, .wzcalc-estimate__table td:last-child { text-align: right; white-space: nowrap; }
.wzcalc-estimate__grand { margin-top: 23px; padding: 16px; display: flex; justify-content: space-between; gap: 20px; border-radius: 12px; background: var(--calc-cream); font-size: 18px; font-weight: 800; }
.wzcalc-estimate__note { margin-top: 18px; color: var(--calc-muted); font-size: 11px; line-height: 1.55; }
.wzcalc-drawer__actions { padding: 0 25px 22px; display: flex; flex-wrap: wrap; gap: 8px; }
.wzcalc-drawer__actions .store-btn { min-height: 44px; }
.wzcalc-action-status { min-height: 20px; margin: 0; padding: 0 25px 22px; color: var(--calc-muted); font-size: 12px; }

.wzcalc-measure-note { margin-top: 30px; padding: 28px; display: flex; justify-content: space-between; gap: 30px; align-items: center; border: 1px solid var(--calc-line); border-radius: 19px; background: linear-gradient(135deg, #f8f0e4, #fffdf9); }
.wzcalc-measure-note h2 { margin: 6px 0; }
.wzcalc-measure-note p { margin: 0; color: var(--calc-muted); }

@media (max-width: 1180px) {
  .wzcalc-layout { grid-template-columns: 190px minmax(0, 1fr) 290px; gap: 12px; }
  .wzcalc-hero { grid-template-columns: 1fr; }
  .wzcalc-benefits { max-width: 850px; }
  .wzcalc-fields--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .wzcalc-page { padding-bottom: 104px; }
  .wzcalc-layout { grid-template-columns: 1fr; }
  .wzcalc-nav, .wzcalc-summary { display: none; }
  .wzcalc-mobile-total { position: fixed; z-index: 9990; left: 0; right: 0; bottom: 0; min-height: 76px; padding: 10px max(14px, env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)); display: flex; justify-content: space-between; gap: 14px; align-items: center; border-top: 1px solid var(--calc-line); background: rgba(255,253,249,.97); box-shadow: 0 -10px 30px rgba(52,39,22,.12); backdrop-filter: blur(12px); }
  .wzcalc-mobile-total > span { display: grid; }
  .wzcalc-mobile-total small { color: var(--calc-muted); }
  .wzcalc-mobile-total strong { color: var(--calc-gold-dark); font-size: 20px; }
  .wzcalc-mobile-total .store-btn { min-width: 132px; min-height: 46px; }
}

@media (max-width: 640px) {
  .wzcalc-page { width: 100%; padding-right: 14px; padding-left: 14px; overflow: clip; }
  .wzcalc-page .store-breadcrumbs { margin-bottom: 4px; }
  .wzcalc-hero { gap: 20px; padding: 20px 0; }
  .wzcalc-hero h1 { font-size: clamp(34px, 10vw, 44px); }
  .wzcalc-hero p { font-size: 14px; }
  .wzcalc-benefits { grid-template-columns: 1fr; }
  .wzcalc-benefits span { min-height: 65px; padding: 12px 14px; }
  .wzcalc-section__head { min-height: 72px; padding: 10px 12px; grid-template-columns: minmax(0, 1fr) auto 18px; gap: 6px; }
  .wzcalc-section__head > span { grid-template-columns: 34px minmax(0, 1fr); column-gap: 8px; }
  .wzcalc-section__head i { width: 34px; height: 34px; }
  .wzcalc-section__head b { font-size: 15px; }
  .wzcalc-section__head strong { font-size: 12px; }
  .wzcalc-section__body { padding: 0 12px 16px; }
  .wzcalc-icon-btn { min-width: 44px; height: 44px; }
  .wzcalc-counter button, .wzcalc-counter input { height: 44px; }
  .wzcalc-drawer__panel > header button { width: 44px; height: 44px; }
  .wzcalc-item__body { padding: 12px; }
  .wzcalc-fields, .wzcalc-fields--3, .wzcalc-fields--4 { grid-template-columns: 1fr; }
  .wzcalc-fields input, .wzcalc-fields select, .wzcalc-floor input { height: 48px; }
  .wzcalc-field-wide { grid-column: auto; }
  .wzcalc-shape { overflow: hidden; padding: 18px 12px; }
  .wzcalc-shape__sill { width: 72%; }
  .wzcalc-profile-row { grid-template-columns: 1fr 144px; }
  .wzcalc-profile-row > strong { grid-column: 2; }
  .wzcalc-radio-grid, .wzcalc-check-grid { grid-template-columns: 1fr; }
  .wzcalc-radio-grid label > span, .wzcalc-check-grid label > span { min-height: 64px; }
  .wzcalc-add { width: 100%; min-height: 48px; }
  .wzcalc-product-price { display: grid; }
  .wzcalc-product-price span:last-child { text-align: left; }
  .wzcalc-measure-note { display: grid; padding: 20px; }
  .wzcalc-measure-note .store-btn { width: 100%; min-height: 48px; }
  .wzcalc-drawer { padding: 0; overflow: hidden; display: flex; align-items: flex-end; }
  .wzcalc-drawer__panel { width: 100%; max-height: 93dvh; margin: 0; overflow: auto; border-radius: 20px 20px 0 0; }
  .wzcalc-drawer__panel > header, .wzcalc-estimate { padding: 18px 15px; }
  .wzcalc-drawer__actions { padding: 0 15px 16px; display: grid; grid-template-columns: 1fr; }
  .wzcalc-drawer__actions .store-btn { width: 100%; min-height: 48px; }
  .wzcalc-estimate__brand { display: grid; }
  .wzcalc-estimate__meta { text-align: left; }
  .wzcalc-estimate__table { font-size: 10px; }
  .wzcalc-estimate__table th, .wzcalc-estimate__table td { padding: 7px 4px; }
}

@media print {
  body * { visibility: hidden !important; }
  [data-estimate-content], [data-estimate-content] * { visibility: visible !important; }
  [data-estimate-content] { position: absolute !important; inset: 0 !important; width: 100% !important; padding: 12mm !important; color: #111 !important; background: #fff !important; }
  .wzcalc-estimate__table { font-size: 10pt; }
  .wzcalc-estimate__section, .wzcalc-estimate__table tr { break-inside: avoid; }
  @page { size: A4; margin: 10mm; }
}