/* Калькулятор-мастер (#191/#200, ed-wz.js): 8 этапов, один этап — один экран */
.ed-wz-on .ed-prog, .ed-wz-on .ed-mbar { display: none !important; }
.ed-wz-hide { display: none !important; }

/* сетка (#213): этапы — полосой сверху на всю ширину, ниже шаги | смета; рабочая область шире на колонку этапов */
.ed-wz-on .mk-dark-wrapper { max-width: 1400px; }
.mk-grid.ed-wz-grid { grid-template-columns: minmax(0, 1fr) 360px; gap: 18px 22px; }
.ed-wz-grid > .ed-wz-nav { grid-column: 1 / -1; }
.ed-wz-grid > .mk-steps-col { padding: 26px 32px; gap: 14px; }
@media (min-width: 1201px) {
  .ed-wz-grid > .mk-sidebar { top: 176px; max-height: calc(100vh - 192px); }
}

/* этапы — полоса: номер, название, что выбрано */
.ed-wz-nav { position: sticky; top: 96px; z-index: 50; display: flex; align-items: center; gap: 6px; background: #fff; border-radius: 18px; padding: 8px; border: 1px solid rgba(230, 225, 215, .7); box-shadow: 0 4px 16px rgba(120, 100, 60, .08); font-family: 'Inter', Arial, sans-serif; }
.ed-wz-nav ol { flex: 1; min-width: 0; display: flex; justify-content: space-between; gap: 2px; list-style: none; margin: 0; padding: 0; }
.ed-wz-nav li { flex: 0 0 auto; } /* #231: ширина = текст; min-content в Safari считался уже текста */
.ed-wz-nav [data-wz] b { white-space: nowrap; }
.ed-wz-nav [data-wz] b em { display: block; font-style: normal; } /* «и санузлы» — второй строкой */
.ed-wz-nav [data-wz] { display: flex; align-items: center; gap: 6px; width: 100%; height: 100%; padding: 8px; border: 0; border-radius: 12px; background: none; cursor: pointer; text-align: left; color: #2E2726; font: inherit; }
.ed-wz-nav [data-wz]:hover { background: #F7F4EC; }
.ed-wz-nav [data-wz] i { flex: 0 0 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #EEE7D8; color: #6B5A35; font: 700 12px/1 'Inter', Arial, sans-serif; font-style: normal; }
.ed-wz-nav [data-wz] span { min-width: 0; display: flex; flex-direction: column; }
.ed-wz-nav [data-wz] b { font-size: 13.5px; font-weight: 600; line-height: 1.25; }
/* что выбрано — в смете справа и во всплывающей подсказке; в полосе только названия */
.ed-wz-nav [data-wz] small { display: none; }
.ed-wz-nav [data-wz].is-done i { background: #E3F0E9; color: #1A523F; }
.ed-wz-nav [data-wz].is-lock i { background: #F1EEE6; font-size: 11px; }
.ed-wz-nav [data-wz].is-lock b { color: #6B6358; font-weight: 500; }
.ed-wz-nav [data-wz].is-cur { background: #E9F2ED; }
.ed-wz-nav [data-wz].is-cur i { background: #1A523F; color: #fff; }
.ed-wz-nav [data-wz].is-cur b { color: #1A523F; }
/* #231: у button с display:flex Safari занижает ширину по содержимому (без полей) — кнопка блоком, кружок и текст строчные */
.ed-wz-nav [data-wz] { display: block; white-space: nowrap; }
.ed-wz-nav [data-wz] i { display: inline-flex; width: 26px; margin-right: 6px; vertical-align: middle; }
.ed-wz-nav [data-wz] span { display: inline-flex; vertical-align: middle; }
.ed-wz-restart { flex: 0 0 auto; margin: 0 4px; padding: 8px; border: 0; border-left: 1px solid rgba(230, 225, 215, .9); background: none; color: #7A7266; font: 13px 'Inter', Arial, sans-serif; white-space: nowrap; cursor: pointer; }
.ed-wz-restart:hover { color: #1A523F; }
/* «Мои расчёты» (#224): рядом с «Начать заново», второстепенная */
.ed-wz-mine { flex: 0 0 auto; margin: 0 0 0 12px; padding: 8px; border: 0; border-left: 1px solid rgba(230, 225, 215, .9); background: none; color: #1A523F; font: 600 13px 'Inter', Arial, sans-serif; white-space: nowrap; cursor: pointer; }
.ed-wz-mine:hover { color: #2E7A5E; }
.ed-wz-mine-line { margin: -4px 0 0; font: 14px/1.5 'Inter', Arial, sans-serif; color: #6B6358; }
.ed-wz-mine-line .ed-wz-mine { margin: 0; padding: 0; border: 0; text-decoration: underline; text-underline-offset: 3px; font-size: 14px; }
.ed-wz-mine-note { padding: 10px 14px; border-radius: 12px; background: #F7F4EC; color: #4A4238; }

/* этап */
.ed-wz-step { scroll-margin-top: 176px; }
@media (max-width: 1200px) { .ed-wz-step { scroll-margin-top: 150px; } }
.ed-wz-stage { display: none; flex-direction: column; gap: 14px; }
.ed-wz-stage.is-on { display: flex; }
.ed-wz-k { font: 700 12px/1 'Inter', Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #B8944D; }
.ed-wz-h { margin: -4px 0 0; font: 700 26px/1.2 'Inter', Arial, sans-serif; color: #2E2726; letter-spacing: -.02em; }
.ed-wz-lead { margin: -6px 0 0; font: 14px/1.5 'Inter', Arial, sans-serif; color: #6B6358; }
.ed-wz-gt { margin: 8px 0 -4px; font: 700 13px/1 'Inter', Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #6B5A35; }
.ed-wz-zk { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 16px 18px; border-radius: 14px; background: #F3F8F5; border: 1px solid rgba(26, 82, 63, .2); font: 14px/1.5 'Inter', Arial, sans-serif; color: #2E2726; }
.ed-wz-zk[hidden] { display: none; }
.ed-wz-zk div { flex: 1 1 260px; }
.ed-wz-zk button { border: 0; border-radius: 10px; padding: 11px 18px; font: 700 14px 'Inter', Arial, sans-serif; color: #fff; background: linear-gradient(135deg, #2E7A5E 0%, #1A523F 100%); cursor: pointer; white-space: nowrap; }
.ed-wz-stage.is-zk .ed-wz-step, .ed-wz-stage.is-zk .ed-wz-gt, .ed-wz-stage.is-zk .ed-wz-note, .ed-wz-stage.is-zk .mk-guarantee-block { display: none !important; }
.ed-wz-partner { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 12px; background: #FCFAF7; border: 1px solid rgba(184, 148, 77, .45); color: #5E4A1F; text-decoration: none; font: 13.5px/1.4 'Inter', Arial, sans-serif; }
.ed-wz-partner span { flex: 1; min-width: 0; }
.ed-wz-partner b { white-space: nowrap; color: #1A523F; font-weight: 600; }
.ed-wz-partner:hover { border-color: #B8944D; }
.ed-wz-partner.is-cert { margin-top: 6px; background: linear-gradient(135deg, #2E7A5E 0%, #1A523F 100%); border-color: transparent; color: #fff; }
.ed-wz-partner.is-cert b { color: #fff; }
.ed-wz-partner.is-cert:hover { border-color: transparent; box-shadow: 0 6px 20px rgba(26, 82, 63, .35); }
.ed-wz-note { padding: 10px 14px; border-radius: 12px; background: #F7F4EC; font: 13.5px/1.45 'Inter', Arial, sans-serif; color: #5E4A1F; }
.ed-wz-note[hidden] { display: none; }

/* шаг — карточка, шапка вместо «таблетки» гармошки */
.ed-wz-step { border: 1px solid rgba(230, 225, 215, .8); border-radius: 18px; background: #fff; padding: 16px 20px 6px; }
.ed-wz-step .mk-step-row, .ed-wz-step .mk-step-row:hover { border: 0 !important; border-radius: 0; background: none !important; box-shadow: none !important; padding: 0 0 12px; cursor: default; flex-wrap: wrap; gap: 6px 10px; }
.ed-wz-step .mk-step-num { display: none; }
.ed-wz-step .mk-step-title { font-size: 17px !important; font-weight: 700 !important; color: #2E2726 !important; margin: 0 !important; }
.ed-wz-step .mk-step-row.is-completed .mk-step-title::after { content: ' ✓'; color: #2E7A5E; }
.ed-wz-step .mk-step-row .ed-row-sel { order: 3; flex-basis: 100%; margin: 0; padding: 0; }
.ed-wz-step .mk-step-row .ed-row-sel em { max-width: none; white-space: normal; }
.ed-wz-step .mk-step-content, .ed-wz-step .mk-step-row.is-active + .mk-step-content { max-height: none !important; overflow: visible !important; padding: 0 0 10px !important; margin: 0 !important; }
.ed-wz-step .ed-zk-tag { display: none; }
/* #889: в слитом шаге 9 видна только кнопка интернет-магазина */
.ed-wz-step.is-merged .mk-step-content { display: block; max-height: none; overflow: visible; padding: 12px 24px 4px; margin-top: 0; }
.ed-wz-step.is-merged .mk-step-content > :not(.ed-shop) { display: none; }
.ed-wz-step.is-merged .mk-step-row::after { content: 'Входные двери ставятся на том же плане, что и окна.'; flex-basis: 100%; order: 4; font: 13px/1.4 'Inter', Arial, sans-serif; color: #7A7266; }

.ed-wz-step .mk-step-title { flex: 1 1 auto; min-width: 0; }
.ed-wz-step[data-n="7"] .ed-row-sel { display: none; }
.ed-wz-step .mk-btn-group:not(:has(label:not(.ed-wz-hide))) { display: none; }

/* вступления — всегда целиком (#777; раньше одной строкой с многоточием и раскрытием по нажатию) */
.ed-wz-step .mk-accent-box { padding: 9px 14px; margin-bottom: 12px; font-size: 13.5px; }
/* «Нужно / Не нужно» внизу шага — компактно, в ряд, одинаково во всех шагах (#212) */
.ed-wz-step .mk-btn-group { flex-direction: row !important; flex-wrap: wrap; gap: 8px; margin: 8px 0 10px; }
.ed-wz-step .mk-btn-group .mk-radio-btn { flex: 0 0 auto; }
.ed-wz-step .mk-btn-group .mk-btn-ui { padding: 10px 22px !important; font-size: 14px !important; box-shadow: none !important; }

/* большие картинки шагов — полосой */
.ed-wz-step .mk-step-content > .mk-contour-placeholder { height: 190px !important; aspect-ratio: auto !important; margin-bottom: 14px !important; border-radius: 12px !important; }
/* #965: «Тепловой контур» — картинка целиком (закрытый фронтон в полосе 190 px обрезался) */
.ed-wz-step .mk-step-content > .mk-contour-placeholder.ed-tk-full { height: auto !important; aspect-ratio: 16 / 9 !important; }

/* карточки вариантов — компактнее */
.ed-wz-step .mk-contour-vertical-list { gap: 10px; }
.ed-wz-step .mk-contour-card { min-height: 0; }
.ed-wz-step .mk-contour-card > .mk-contour-placeholder, .ed-wz-step .mk-contour-card > .mk-carousel { width: 170px; min-height: 128px; }
.ed-wz-step .mk-contour-body { padding: 12px 16px; }
.ed-wz-step .mk-contour-desc { margin-bottom: 8px; }
.ed-wz-step .mk-contour-price { margin-bottom: 8px; }
.ed-wz-step .mk-content-subtitle { margin: 6px 0 8px !important; }
/* фасад: картинка дома со свотчами — у карточек свои фото не нужны */
.mk-step-content.ed-wz-fs .mk-contour-card > .mk-contour-placeholder { display: none; }
.mk-step-content.ed-wz-fs .mk-contour-card { min-height: 0; }

/* быстрый выбор */
.ed-wz-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 8px; }
.ed-wz-chips button { min-width: 64px; padding: 9px 14px; border-radius: 10px; border: 1px solid rgba(200, 195, 185, .9); background: #fff; color: #2E2726; font: 600 14px 'Inter', Arial, sans-serif; cursor: pointer; }
.ed-wz-chips button.is-on { background: #1A523F; border-color: #1A523F; color: #fff; }
input.ed-wz-own { display: none !important; }
.ed-wz-chips.is-own + input.ed-wz-own { display: inline-block !important; }
.ed-wz-qty { align-self: flex-start; flex: 0 0 auto; display: inline-flex; align-items: center; border: 1px solid rgba(200, 195, 185, .9); border-radius: 10px; overflow: hidden; background: #fff; }
.ed-wz-qty button { width: 38px; height: 38px; border: 0; background: #F7F4EC; color: #1A523F; font: 700 18px/1 'Inter', Arial, sans-serif; cursor: pointer; }
.ed-wz-qty input { width: 52px !important; margin: 0 !important; padding: 8px 4px !important; border: 0 !important; border-radius: 0 !important; text-align: center; -moz-appearance: textfield; }
.ed-wz-qty input::-webkit-outer-spin-button, .ed-wz-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ed-wz-sw { display: inline-flex; align-items: center; gap: 9px; margin-top: 8px; padding: 0; border: 0; background: none; cursor: pointer; font: 13.5px 'Inter', Arial, sans-serif; color: #4B4B4B; user-select: none; }
.ed-wz-sw i { position: relative; width: 38px; height: 22px; border-radius: 22px; background: #D9D3C6; transition: background .2s; flex: 0 0 auto; }
.ed-wz-sw i::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: left .2s; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
.ed-wz-sw[aria-pressed="true"] i { background: #1A523F; }
.ed-wz-sw[aria-pressed="true"] i::after { left: 19px; }
.ed-wz-sw.is-off { opacity: .45; pointer-events: none; }

/* санузлы (#186) */
.mk-step-content.ed-wr-on > .mk-content-subtitle, .mk-step-content.ed-wr-on > .mk-contour-vertical-list { display: none !important; }
.ed-wr { display: flex; flex-direction: column; margin-bottom: 8px; }
.ed-wr-row { display: flex; gap: 14px; padding: 12px 0; border-top: 1px solid rgba(230, 225, 215, .8); }
.ed-wr-row:first-child { border-top: 0; padding-top: 4px; }
.ed-wr-img { flex: 0 0 76px; height: 76px; border-radius: 10px; background: #F5F1E8 center / cover no-repeat; cursor: zoom-in; }
.ed-wr-b { flex: 1; min-width: 0; }
.ed-wr-t { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 8px; font: 15px/1.3 'Inter', Arial, sans-serif; color: #2E2726; }
.ed-wr-p { font-weight: 700; color: #1A523F; white-space: nowrap; }
.ed-wr-seg { display: flex; border: 1px solid rgba(200, 195, 185, .9); border-radius: 10px; overflow: hidden; max-width: 360px; }
.ed-wr-seg button { flex: 1; padding: 9px 6px; border: 0; border-left: 1px solid rgba(200, 195, 185, .9); background: #fff; color: #2E2726; font: 600 13.5px 'Inter', Arial, sans-serif; cursor: pointer; }
.ed-wr-seg button:first-child { border-left: 0; }
.ed-wr-seg button.is-on { background: #1A523F; color: #fff; }

/* окна и двери на одном плане */
.ed-op-pt { margin: 4px 0 6px; font: 700 12px/1.3 'Inter', Arial, sans-serif; letter-spacing: .05em; text-transform: uppercase; color: #6B5A35; }
.ed-op-pt:not(:first-child) { margin-top: 14px; }

/* низ этапа */
.ed-wz-foot { display: flex; justify-content: space-between; gap: 12px; margin-top: 4px; }
.ed-wz-foot button { border-radius: 12px; padding: 13px 20px; font: 600 15px 'Inter', Arial, sans-serif; cursor: pointer; }
.ed-wz-foot .ed-wz-back { border: 1px solid rgba(200, 195, 185, .9); background: #fff; color: #2E2726; }
.ed-wz-foot .ed-wz-back[hidden] { display: block; visibility: hidden; }
.ed-wz-foot .ed-wz-next { margin-left: auto; border: 0; color: #fff; background: linear-gradient(135deg, #2E7A5E 0%, #1A523F 100%); box-shadow: 0 4px 12px rgba(26, 82, 63, .25); }
.ed-wz-bar { display: none; }

@media (max-width: 1200px) {
  .mk-grid.ed-wz-grid { grid-template-columns: minmax(0, 1fr); }
  .ed-wz-nav { top: 91px; z-index: 50; border-radius: 0 0 14px 14px; padding: 8px; margin: 0 -1px; overflow-x: auto; scrollbar-width: none; }
  .ed-wz-nav::-webkit-scrollbar { display: none; }
  .ed-wz-nav ol { display: flex; gap: 6px; flex: none; }
  .ed-wz-nav [data-wz] { width: auto; }
  .ed-wz-nav [data-wz] { white-space: nowrap; padding: 7px 12px 7px 7px; border-radius: 999px; background: #F7F4EC; gap: 7px; }
  .ed-wz-nav [data-wz] i { width: 22px; height: 22px; font-size: 11px; margin-right: 7px; }
  .ed-wz-nav [data-wz] small { display: none; }
  .ed-wz-nav [data-wz] b { font-size: 13px; }
  .ed-wz-nav [data-wz] b em { display: inline; }
  .ed-wz-nav [data-wz].is-cur { background: #1A523F; }
  .ed-wz-nav [data-wz].is-cur b { color: #fff; }
  .ed-wz-nav [data-wz].is-cur i { background: #fff; color: #1A523F; }
  .ed-wz-nav > .ed-wz-restart { margin-left: 6px; padding: 7px 12px; border: 0; border-radius: 999px; background: #F7F4EC; color: #6B6358; }
  .ed-wz-nav > .ed-wz-mine { margin-left: 6px; padding: 7px 12px; border: 0; border-radius: 999px; background: #E9F2ED; }
  .ed-wz-bar { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; align-items: center; gap: 10px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: #fff; box-shadow: 0 -6px 20px rgba(0, 0, 0, .1); transition: transform .25s; font-family: 'Inter', Arial, sans-serif; }
  .ed-wz-bar.is-hidden { transform: translateY(110%); }
  .ed-wz-bar .ed-wz-back { flex: 0 0 46px; height: 46px; border-radius: 12px; border: 1px solid rgba(200, 195, 185, .9); background: #fff; font-size: 20px; color: #2E2726; cursor: pointer; }
  .ed-wz-bar .ed-wz-back:disabled { opacity: .35; }
  .ed-wz-tot { flex: 1; min-width: 0; border: 0; background: none; text-align: left; padding: 0; cursor: pointer; color: #2E2726; }
  .ed-wz-tot small { display: block; font-size: 11px; color: #6B7280; }
  .ed-wz-tot b { font-size: 18px; white-space: nowrap; }
  .ed-wz-tot span { margin-left: 4px; font-size: 12px; color: #1A523F; }
  .ed-wz-bar .ed-wz-next { flex: 0 1 auto; max-width: 52%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 0; border-radius: 12px; padding: 13px 16px; font: 700 15px 'Inter', Arial, sans-serif; color: #fff; background: linear-gradient(135deg, #2E7A5E, #1A523F); cursor: pointer; }
  .ed-wz-on body { padding-bottom: 76px; }
}
@media (max-width: 860px) { .ed-wz-nav { top: 56px; } }
@media (max-width: 600px) {
  .ed-wz-foot button { padding: 12px 14px; font-size: 14px; }
  .ed-wz-grid > .mk-steps-col { padding: 16px 12px; border-radius: 0; }
  .ed-wz-h { font-size: 22px; }
  .ed-wz-step { padding: 14px 14px 4px; border-radius: 16px; }
  .ed-wz-step .mk-step-content > .mk-contour-placeholder { height: 150px !important; }
  .ed-wz-step .mk-contour-card { flex-direction: row !important; }
  .ed-wz-step .mk-contour-card > .mk-contour-placeholder, .ed-wz-step .mk-contour-card > .mk-carousel { width: 104px !important; min-height: 104px !important; aspect-ratio: auto !important; border-bottom: 0 !important; border-right: 1px solid rgba(230, 225, 215, .5) !important; }
  .ed-wz-step .mk-carousel-prev, .ed-wz-step .mk-carousel-next { width: 26px; height: 26px; font-size: 11px; }
  .ed-wz-step .mk-contour-body { padding: 10px 12px; }
  .ed-wz-step .mk-contour-title { font-size: 14.5px; }
  .ed-wz-step .mk-contour-area-label { width: auto; }
  .ed-wz-step .mk-contour-area-ui { width: auto; display: inline-block; padding: 8px 12px !important; }
  .ed-wr-img { flex-basis: 64px; height: 64px; }
}
/* #765: этап с рамкой FramingAI во время покупки с другого этапа — отрисован за краем экрана (окно оплаты поверх страницы) */
.ed-wz-stage.is-ghost { display: flex !important; position: fixed !important; left: -20000px !important; top: 0 !important; width: 1000px !important; height: 700px !important; overflow: hidden !important; pointer-events: none; }

/* #893: переход «К смете и заявке» — поля заявки на миг подсвечены */
#mk-calc-form.ed-wz-flash .mk-text-input, #mk-calc-form.ed-wz-flash .mk-submit-btn { animation: ed-wz-flash 1.5s ease; }
@keyframes ed-wz-flash { 0%, 60% { box-shadow: 0 0 0 4px rgba(201, 164, 92, .55); } 100% { box-shadow: none; } }

/* #905: окно «Смета и заявка» по центру экрана (поля формы переносятся сюда) */
.ed-zm { position: fixed; inset: 0; z-index: 10050; display: flex; align-items: center; justify-content: center; padding: 16px; }
.ed-zm[hidden] { display: none; }
.ed-zm-back { position: absolute; inset: 0; background: rgba(20, 40, 32, .55); }
.ed-zm-box { position: relative; width: 100%; max-width: 440px; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: auto; background: #fff; border-radius: 18px; padding: 26px 24px 20px; box-shadow: 0 24px 60px rgba(0, 0, 0, .25); }
.ed-zm-x { position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #F3F1EC; color: #5C5550; font-size: 22px; line-height: 1; cursor: pointer; }
.ed-zm-x:hover { background: #E9E5DC; }
.ed-zm-h { font: 600 22px/1.25 'Philosopher', Georgia, serif; color: #1A523F; margin: 0 40px 6px 0; }
.ed-zm-tot { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; font-size: 14px; color: #6B6660; }
.ed-zm-tot b { color: #2F2827; font-size: 16px; }
.ed-zm-body .mk-text-input { width: 100%; box-sizing: border-box; }
html.ed-zm-open, html.ed-zm-open body { overflow: hidden; }
/* форма — sticky (свой слой): пока окно открыто, поднимаем её над шапкой и полосами этапов */
html.ed-zm-open #mk-calc-form { z-index: 10050; }

/* #990: шаг «Фасад» — партнёр Технопрофиль (как в дорожной карте) */
.ed-tp { display: flex; flex-wrap: wrap; gap: 18px 24px; align-items: center; border: 1px solid #EEE7D8; border-radius: 12px; padding: 18px 20px; margin: 0 0 16px; background: #fff; }
.ed-tp-t { flex: 1 1 320px; min-width: 0; font-size: 14px; line-height: 1.55; color: #4B5563; }
.ed-tp-t p { margin: 0; }
.ed-tp-h { font-weight: 700; font-size: 19px; line-height: 1.3; color: #B8944D; margin-bottom: 8px; }
.ed-tp-i { display: flex; gap: 12px; align-items: flex-start; margin-top: 12px; }
.ed-tp-i span { flex: none; width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #FBF6EC; color: #B8944D; }
.ed-tp-i svg { width: 19px; height: 19px; }
.ed-tp-i b { color: #1F2937; }
.ed-tp-r { flex: 1 1 200px; max-width: 260px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.ed-tp-r img { display: block; width: 200px; max-width: 100%; height: auto; }
.ed-tp-btn { box-sizing: border-box; width: 100%; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 12px; background: linear-gradient(180deg, #D9BE84, #B8944D); color: #fff !important; font-weight: 600; font-size: 15px; text-decoration: none !important; box-shadow: 0 4px 12px rgba(184, 148, 77, .3); }
.ed-tp-btn:hover { filter: brightness(1.05); }
.ed-tp-btn span { font-size: 21px; line-height: 1; }
@media (max-width: 640px) { .ed-tp { padding: 14px; } .ed-tp-h { font-size: 17px; } }