/* prem-house project.css v1 */

/* ===== Блок параметров проекта ===== */
.ph-pr {
  font-family: 'Manrope', Arial, sans-serif;
  color: #1a1a1a;
  max-width: 1240px;
  margin: 0 auto;
  padding: 8px 20px 28px;
  box-sizing: border-box;
}
@media (min-width: 1500px) { .ph-pr { max-width: 1340px; } }
@media (min-width: 1800px) { .ph-pr { max-width: 1440px; } }

.ph-pr__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.ph-pr__item {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 18px 20px;
  box-shadow: 0 6px 20px rgba(36, 45, 51, .07), 0 1px 4px rgba(36, 45, 51, .04);
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.ph-pr__item-label {
  font-size: 12.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(26, 26, 26, 0.45);
}
.ph-pr__item-value {
  font-family: 'Times New Roman', Times, serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
  color: #1a1a1a;
  overflow-wrap: break-word;
}
.ph-pr__item--accent .ph-pr__item-value {
  background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ph-pr__cta {
  display: flex;
  gap: 12px;
  margin-top: 18px;
  flex-wrap: wrap;
}
.ph-pr__btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 28px;
  background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%);
  color: #FFFFFF !important;
  border: 0;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(240, 79, 47, .28);
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
  text-decoration: none !important;
}
.ph-pr__btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(240, 79, 47, .36); filter: brightness(1.05); }
.ph-pr__btn-primary svg { width: 18px; height: 18px; stroke: #FFFFFF; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ph-pr__btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 26px;
  background: #FFFFFF;
  color: #1a1a1a !important;
  border: 1.5px solid rgba(26, 26, 26, 0.16);
  border-radius: 12px;
  font-size: 14.5px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: border-color .2s ease, color .2s ease;
  text-decoration: none !important;
}
.ph-pr__btn-outline:hover { border-color: #F04F2F; color: #F04F2F !important; }

@media (max-width: 991px) {
  .ph-pr__grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .ph-pr__item { padding: 14px 16px; border-radius: 14px; }
  .ph-pr__item-value { font-size: 19px; }
}
@media (max-width: 600px) {
  .ph-pr { padding: 4px 16px 22px; }
  .ph-pr__grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .ph-pr__item { padding: 12px 14px; }
  .ph-pr__item-label { font-size: 11px; }
  .ph-pr__item-value { font-size: 17px; }
  .ph-pr__cta { flex-direction: column; }
  .ph-pr__btn-primary, .ph-pr__btn-outline { width: 100%; box-sizing: border-box; }
}

/* debug-баннер (?debug=1, товар не привязан) */
.ph-pr__debug {
  margin: 10px 0;
  padding: 14px 18px;
  background: #FFF4F2;
  border: 1.5px solid #F04F2F;
  border-radius: 12px;
  font-size: 14px;
  color: #1a1a1a;
}
.ph-pr__debug code { background: rgba(240, 79, 47, 0.08); padding: 2px 6px; border-radius: 4px; }

/* ===== Попап «Получить расчёт» (общий с art-cb стилистикой) ===== */
.ph-pr-cb {
  position: fixed; inset: 0; z-index: 99990;
  display: none; align-items: center; justify-content: center;
  padding: 24px;
  font-family: 'Manrope', Arial, sans-serif;
}
.ph-pr-cb.is-open { display: flex; }
.ph-pr-cb__bd {
  position: absolute; inset: 0;
  background: rgba(20, 22, 28, 0.55);
  backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
  cursor: pointer;
}
.ph-pr-cb__win {
  position: relative;
  width: 100%; max-width: 440px;
  background: #FFFFFF;
  border-radius: 20px;
  padding: 32px 32px 26px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  animation: ph-pr-cb-in .3s ease;
}
@keyframes ph-pr-cb-in { from { opacity: 0; transform: translateY(18px) scale(.98); } to { opacity: 1; transform: none; } }
.ph-pr-cb__close {
  position: absolute; top: 14px; right: 14px;
  width: 36px; height: 36px; border-radius: 50%; border: 0; padding: 0;
  background: rgba(26, 26, 26, 0.06); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.ph-pr-cb__close:hover { background: rgba(240, 79, 47, 0.1); }
.ph-pr-cb__close svg { width: 15px; height: 15px; stroke: #1a1a1a; fill: none; stroke-width: 2.4; stroke-linecap: round; }
.ph-pr-cb__title {
  font-family: 'Times New Roman', Times, serif;
  font-weight: 700; font-size: 26px; line-height: 1.15;
  margin: 0 0 8px;
}
.ph-pr-cb__sub { font-size: 14px; color: rgba(26, 26, 26, 0.6); margin: 0 0 20px; line-height: 1.45; }
.ph-pr-cb__form { display: flex; flex-direction: column; gap: 10px; }
.ph-pr-cb__input {
  width: 100%; padding: 13px 16px;
  border: 1.5px solid rgba(26, 26, 26, 0.14);
  border-radius: 11px; background: #FFFFFF;
  font-size: 14.5px; color: #1a1a1a; font-family: inherit;
  box-sizing: border-box;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.ph-pr-cb__input:focus { outline: none; border-color: #F58F32; box-shadow: 0 0 0 3px rgba(245, 143, 50, 0.15); }
.ph-pr-cb__input.is-error { border-color: #F04F2F; box-shadow: 0 0 0 3px rgba(240, 79, 47, 0.14); }
.ph-pr-cb__submit {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; box-sizing: border-box;
  padding: 14px 20px; margin-top: 4px;
  background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%);
  color: #FFFFFF; border: 0; border-radius: 12px;
  font-size: 15px; font-weight: 700; font-family: inherit;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(240, 79, 47, .3);
  transition: transform .15s ease, filter .2s ease, opacity .2s ease;
}
.ph-pr-cb__submit:hover { transform: translateY(-2px); filter: brightness(1.05); }
.ph-pr-cb__submit.is-loading { pointer-events: none; opacity: .75; transform: none; }
.ph-pr-cb__error { display: none; font-size: 13px; color: #F04F2F; margin: 2px 0 0; text-align: center; }
.ph-pr-cb__error.is-visible { display: block; }
.ph-pr-cb__policy { font-size: 11.5px; color: rgba(26, 26, 26, 0.45); margin: 10px 0 0; text-align: center; line-height: 1.4; }
.ph-pr-cb__policy a { color: rgba(26, 26, 26, 0.6); }
.ph-pr-cb__success { display: none; text-align: center; padding: 14px 0 8px; }
.ph-pr-cb.is-success .ph-pr-cb__form, .ph-pr-cb.is-success .ph-pr-cb__sub, .ph-pr-cb.is-success .ph-pr-cb__policy { display: none; }
.ph-pr-cb.is-success .ph-pr-cb__success { display: block; }
.ph-pr-cb__success-ico {
  width: 64px; height: 64px; margin: 0 auto 16px;
  background: linear-gradient(135deg, #F04F2F 0%, #F58F32 100%);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.ph-pr-cb__success-ico svg { width: 28px; height: 28px; stroke: #FFFFFF; fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.ph-pr-cb__success-title { font-family: 'Times New Roman', Times, serif; font-size: 24px; font-weight: 700; margin: 0 0 8px; }
.ph-pr-cb__success-text { font-size: 14px; color: rgba(26, 26, 26, 0.65); margin: 0; line-height: 1.5; }
body.ph-pr-cb-lock { overflow: hidden !important; }
@media (max-width: 600px) {
  .ph-pr-cb { padding: 14px; align-items: flex-end; }
  .ph-pr-cb__win { padding: 26px 22px 20px; max-width: 100%; }
  .ph-pr-cb__title { font-size: 22px; }
}

/* ===== Hero страницы проекта ===== */
.ph-prh {
  position: relative;
  min-height: 88vh;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  font-family: 'Manrope', Arial, sans-serif;
  color: #FFFFFF;
}
.ph-prh__bg {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
}
.ph-prh__overlay {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(12,16,20,0.55) 0%, rgba(12,16,20,0.15) 35%, rgba(12,16,20,0.45) 100%),
    linear-gradient(90deg, rgba(12,16,20,0.45) 0%, rgba(12,16,20,0.05) 60%);
}
.ph-prh__inner {
  position: relative; z-index: 2;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 28px 20px 56px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1500px) { .ph-prh__inner { max-width: 1340px; } }
@media (min-width: 1800px) { .ph-prh__inner { max-width: 1440px; } }

.ph-prh__bc {
  display: flex; flex-wrap: wrap; gap: 8px;
  font-size: 13.5px;
  margin-bottom: auto;
}
.ph-prh__bc a { color: rgba(255,255,255,0.75) !important; text-decoration: none !important; transition: color .2s ease; }
.ph-prh__bc a:hover { color: #F58F32 !important; }
.ph-prh__bc span { color: rgba(255,255,255,0.55); }
.ph-prh__bc span:last-child { color: rgba(255,255,255,0.9); }

.ph-prh__body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-top: 48px;
}
.ph-prh__left { min-width: 0; flex: 1; }
.ph-prh__title {
  font-family: 'Times New Roman', Times, serif;
  font-weight: 700;
  font-size: clamp(30px, 3.6vw, 52px);
  line-height: 1.08;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  margin: 0 0 22px;
  max-width: 640px;
  text-shadow: 0 2px 18px rgba(0,0,0,0.35);
}
.ph-prh__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ph-prh__chip {
  display: inline-flex; align-items: center;
  padding: 9px 16px;
  border-radius: 10px;
  background: rgba(255,255,255,0.14);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.25);
  font-size: 13.5px; font-weight: 600;
  color: #FFFFFF;
  font-family: inherit;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.ph-prh__chip:hover { background: rgba(255,255,255,0.24); }
.ph-prh__chip.is-active {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #1a1a1a;
}

.ph-prh__card {
  width: 360px;
  flex-shrink: 0;
  background: rgba(16, 20, 26, 0.62);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  padding: 22px 24px 18px;
  box-sizing: border-box;
}
.ph-prh__card-title {
  font-size: 13px; font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.85);
  text-align: center;
  margin-bottom: 14px;
}
.ph-prh__tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 14px;
}
.ph-prh__tab {
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.25);
  background: transparent;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 13.5px; font-weight: 600;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.ph-prh__tab.is-active {
  background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%);
  border-color: transparent;
  color: #FFFFFF;
  box-shadow: 0 6px 16px rgba(240,79,47,.35);
}
.ph-prh__rows { display: none; }
.ph-prh__rows.is-active { display: block; }
.ph-prh__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  font-size: 14px;
  color: rgba(255,255,255,0.8);
}
.ph-prh__row:last-child { border-bottom: 0; }
.ph-prh__row b { font-size: 15.5px; font-weight: 700; color: #FFFFFF; white-space: nowrap; }
.ph-prh__card-link {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 12px;
  text-align: center;
  border-radius: 10px;
  background: rgba(255,255,255,0.1);
  color: #FFFFFF !important;
  font-size: 13.5px; font-weight: 700;
  font-family: inherit;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: background .2s ease;
}
.ph-prh__card-link:hover { background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%); }

@media (max-width: 991px) {
  .ph-prh { min-height: 0; }
  .ph-prh__body { flex-direction: column; align-items: stretch; margin-top: 220px; gap: 22px; }
  .ph-prh__title { max-width: 100%; }
  .ph-prh__card { width: 100%; }
}
@media (max-width: 600px) {
  .ph-prh__inner { padding: 18px 16px 28px; }
  .ph-prh__body { margin-top: 150px; }
  .ph-prh__title { font-size: 26px; margin-bottom: 14px; }
  .ph-prh__chip { padding: 7px 12px; font-size: 12.5px; }
  .ph-prh__card { padding: 18px 18px 14px; border-radius: 14px; }
}

/* ===== Галерея проекта ===== */
.ph-prg {
  font-family: 'Manrope', Arial, sans-serif;
  max-width: 1240px; margin: 0 auto;
  padding: 24px 20px 36px;
  box-sizing: border-box;
}
@media (min-width: 1500px) { .ph-prg { max-width: 1340px; } }
@media (min-width: 1800px) { .ph-prg { max-width: 1440px; } }
.ph-prg__head {
  display: flex; align-items: baseline; flex-wrap: wrap;
  gap: 12px 24px;
  margin-bottom: 22px;
}
.ph-prg__head .ph-prg__title { margin: 0; }
.ph-prg__tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.ph-prg__tab {
  padding: 8px 16px;
  border: 1.5px solid rgba(26,26,26,0.14);
  border-radius: 999px;
  background: #FFF; color: #1a1a1a;
  font-family: inherit; font-size: 13px; font-weight: 600;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.ph-prg__tab:hover { border-color: #F58F32; color: #F58F32; }
.ph-prg__tab.is-active {
  background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%);
  color: #FFF; border-color: transparent;
}
.ph-prg__title, .ph-prd__title, .ph-prp__title {
  font-family: 'Times New Roman', Times, serif;
  font-weight: 700;
  font-size: clamp(24px, 2.6vw, 34px);
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: #1a1a1a;
  margin: 0 0 22px;
}
.ph-prg__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.ph-prg__cell {
  display: block; padding: 0; border: 0; cursor: zoom-in;
  border-radius: 14px; overflow: hidden;
  background: #EFEFF1;
  aspect-ratio: 4 / 3;
}
.ph-prg__cell img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  transition: transform .3s ease;
}
.ph-prg__cell:hover img { transform: scale(1.04); }
.ph-prg__lb {
  position: fixed; inset: 0; z-index: 99980;
  background: rgba(10,10,10,0.92);
  display: none; align-items: center; justify-content: center;
  padding: 48px;
}
.ph-prg__lb.is-open { display: flex; }
.ph-prg__lb img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; }
.ph-prg__lb-close {
  position: absolute; top: 22px; right: 22px;
  width: 44px; height: 44px; border-radius: 50%; border: 0;
  background: rgba(255,255,255,0.12); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.ph-prg__lb-close:hover { background: rgba(255,255,255,0.22); }
.ph-prg__lb-close svg { width: 18px; height: 18px; stroke: #FFF; fill: none; stroke-width: 2.4; stroke-linecap: round; }
.ph-prg__lb-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 46px; height: 80px; border-radius: 12px; border: 0;
  background: rgba(255,255,255,0.1); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.ph-prg__lb-nav:hover { background: rgba(255,255,255,0.2); }
.ph-prg__lb-nav svg { width: 20px; height: 20px; stroke: #FFF; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.ph-prg__lb-nav--prev { left: 18px; }
.ph-prg__lb-nav--next { right: 18px; }
@media (max-width: 991px) { .ph-prg__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }
@media (max-width: 600px) {
  .ph-prg { padding: 16px 16px 24px; }
  .ph-prg__grid { gap: 8px; }
  .ph-prg__lb { padding: 16px; }
  .ph-prg__lb-nav { width: 38px; height: 64px; }
}

/* ===== Описание проекта ===== */
.ph-prd {
  font-family: Arial, Helvetica, sans-serif;
  max-width: 1240px; margin: 0 auto;
  padding: 8px 20px 28px;
  box-sizing: border-box;
}
@media (min-width: 1500px) { .ph-prd { max-width: 1340px; } }
@media (min-width: 1800px) { .ph-prd { max-width: 1440px; } }
.ph-prd p {
  max-width: 860px;
  font-size: 18px; line-height: 1.7;
  color: #1a1a1a;
  margin: 0 0 16px;
}
@media (max-width: 600px) { .ph-prd { padding: 4px 16px 20px; } .ph-prd p { font-size: 16px; } }

/* ===== Планировки проекта ===== */
.ph-prp {
  font-family: 'Manrope', Arial, sans-serif;
  max-width: 1240px; margin: 0 auto;
  padding: 16px 20px 40px;
  box-sizing: border-box;
}
@media (min-width: 1500px) { .ph-prp { max-width: 1340px; } }
@media (min-width: 1800px) { .ph-prp { max-width: 1440px; } }
.ph-prp__tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.ph-prp__tab {
  padding: 10px 18px;
  border: 1.5px solid rgba(26,26,26,0.14);
  border-radius: 10px;
  background: #FFF; color: #1a1a1a;
  font-family: inherit; font-size: 13.5px; font-weight: 600;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.ph-prp__tab:hover { border-color: #F58F32; color: #F58F32; }
.ph-prp__tab.is-active {
  background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%);
  color: #FFF; border-color: transparent;
  box-shadow: 0 6px 16px rgba(240,79,47,.25);
}
.ph-prp__pane { display: none; grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; align-items: stretch; }
.ph-prp__pane.is-active { display: grid; }
.ph-prp__imgwrap {
  position: relative;
  background: #FFF;
  border-radius: 20px;
  padding: 12px;
  padding-top: 60px;
  box-shadow: 0 8px 28px rgba(36,45,51,.08), 0 2px 6px rgba(36,45,51,.04);
  min-height: 420px;
  display: flex; align-items: center; justify-content: center;
  box-sizing: border-box;
}
.ph-prp__img { display: none; max-width: 100%; max-height: 560px; object-fit: contain; }
.ph-prp__img.is-active { display: block; }
.ph-prp__floors {
  position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
  display: inline-flex; gap: 4px; padding: 5px;
  background: rgba(255,255,255,0.94);
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  z-index: 2;
}
.ph-prp__floor {
  border: 0; background: transparent;
  padding: 8px 16px; border-radius: 999px;
  font-family: inherit; font-size: 13px; font-weight: 600; color: #1a1a1a;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.ph-prp__floor.is-active {
  background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%);
  color: #FFF;
}
.ph-prp__data {
  background: #FFF;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 8px 28px rgba(36,45,51,.08), 0 2px 6px rgba(36,45,51,.04);
  display: flex; flex-direction: column;
  box-sizing: border-box;
}
.ph-prp__data-name {
  font-family: 'Times New Roman', Times, serif;
  font-size: 18px; font-weight: 700; color: #1a1a1a;
  padding-bottom: 12px; margin-bottom: 8px;
  border-bottom: 1px solid rgba(26,26,26,0.08);
}
.ph-prp__list { list-style: none; margin: 0 0 16px; padding: 0; flex: 1; }
.ph-prp__list li {
  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
  padding: 9px 0;
  border-bottom: 1px dashed rgba(26,26,26,0.1);
  font-size: 13.5px;
}
.ph-prp__list li:last-child { border-bottom: 0; }
.ph-prp__list span { color: rgba(26,26,26,0.7); }
.ph-prp__list b { font-weight: 700; color: #1a1a1a; }
@media (max-width: 991px) {
  .ph-prp__pane.is-active { grid-template-columns: 1fr; gap: 14px; }
  .ph-prp__imgwrap { min-height: 320px; }
}
@media (max-width: 600px) {
  .ph-prp { padding: 10px 16px 28px; }
  .ph-prp__imgwrap { padding: 10px; padding-top: 54px; min-height: 260px; border-radius: 16px; }
  .ph-prp__floor { padding: 7px 12px; font-size: 12.5px; }
  .ph-prp__data { padding: 16px; border-radius: 16px; }
}


/* ====== ph-pdg (галерея) — 1:1 референс ====== */

  .ph-pdg, .ph-pdg *, .ph-pdg *::before, .ph-pdg *::after {
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased;
  }
  .ph-pdg, .ph-pdg p, .ph-pdg div, .ph-pdg span, .ph-pdg button {
    font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
  }
  .ph-pdg h2, .ph-pdg .ph-pdg__title {
    font-family: 'Times New Roman', Times, serif !important;
  }

  html body .ph-pdg {
    position: relative !important;
    width: 100% !important;
    padding: clamp(28px, 4vw, 56px) 0 !important;
    background: #FFFFFF !important;
    color: #242D33 !important;
    overflow: hidden !important;
  }
  html body .ph-pdg__bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: .4 !important;
  }

  html body .ph-pdg__inner {
    position: relative !important;
    z-index: 1 !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
  }
  @media (min-width: 1500px) { html body .ph-pdg__inner { max-width: 1340px !important; } }
  @media (min-width: 1800px) { html body .ph-pdg__inner { max-width: 1440px !important; } }
  @media (min-width: 2200px) { html body .ph-pdg__inner { max-width: 1640px !important; } }

  html body .ph-pdg__card {
    background: rgba(238, 240, 244, .7) !important;
    border-radius: 24px !important;
    padding: clamp(20px, 2.5vw, 32px) clamp(20px, 2.5vw, 32px) clamp(18px, 2vw, 28px) !important;
    position: relative !important;
  }

  html body .ph-pdg__header {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin: 0 0 22px !important;
  }
  html body .ph-pdg__title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(22px, 2vw, 28px) !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #242D33 !important;
    letter-spacing: .005em !important;
  }
  html body .ph-pdg__tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body .ph-pdg__tab {
    appearance: none !important;
    border: 1px solid #E3E5E8 !important;
    background: #FFFFFF !important;
    color: #242D33 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    padding: 10px 18px !important;
    border-radius: 30px !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
    white-space: nowrap !important;
  }
  html body .ph-pdg__tab:hover:not(.is-active) {
    border-color: #F58F32 !important;
    color: #F58F32 !important;
  }
  html body .ph-pdg__tab.is-active {
    background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
    box-shadow: 0 4px 14px rgba(240, 79, 47, .28) !important;
  }

  /* === Carousel — transform-based === */
  html body .ph-pdg__viewport {
    position: relative !important;
    width: 100% !important;
  }
  html body .ph-pdg__rail {
    display: none !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 8px 0 !important;
  }
  html body .ph-pdg__rail.is-active { display: block !important; }
  html body .ph-pdg__track {
    display: flex !important;
    gap: 16px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(0);
    will-change: transform !important;
    touch-action: pan-y !important;
  }
  html body .ph-pdg__slide {
    flex: 0 0 60% !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: 3/2 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #d8dadd !important;
    box-shadow: 0 6px 20px rgba(36, 45, 51, .08) !important;
    filter: brightness(.55) saturate(.85) !important;
    opacity: .9 !important;
    transition: filter .35s ease, opacity .35s ease !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    cursor: zoom-in !important;
  }
  html body .ph-pdg__slide.is-current {
    filter: none !important;
    opacity: 1 !important;
  }
  html body .ph-pdg__slide img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    pointer-events: none !important;
    -webkit-user-drag: none !important;
  }

  /* Arrows */
  html body .ph-pdg__arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 4 !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .92) !important;
    border: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    color: #242D33 !important;
    box-shadow: 0 4px 18px rgba(36, 45, 51, .15) !important;
    transition: background .2s, transform .15s, box-shadow .2s !important;
    backdrop-filter: blur(4px) !important;
  }
  html body .ph-pdg__arrow:hover {
    background: #FFFFFF !important;
    transform: translateY(-50%) scale(1.05) !important;
    box-shadow: 0 6px 22px rgba(36, 45, 51, .22) !important;
  }
  html body .ph-pdg__arrow--prev { left: 4% !important; }
  html body .ph-pdg__arrow--next { right: 4% !important; }
  html body .ph-pdg__arrow svg { display: block !important; }

  /* Dots */
  html body .ph-pdg__dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 22px 0 4px !important;
    padding: 0 !important;
    list-style: none !important;
  }
  html body .ph-pdg__dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(36, 45, 51, .22) !important;
    border: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: width .3s ease, border-radius .3s ease, background .3s ease !important;
    flex: 0 0 auto !important;
  }
  html body .ph-pdg__dot:hover:not(.is-active) {
    background: rgba(36, 45, 51, .4) !important;
  }
  html body .ph-pdg__dot.is-active {
    width: 28px !important;
    border-radius: 999px !important;
    background: rgba(36, 45, 51, .55) !important;
  }

  /* === Lightbox === */
  html body .ph-pdg__lb {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100000 !important;
    background: rgba(15, 18, 24, .96) !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 40px !important;
    opacity: 0 !important;
    transition: opacity .25s ease !important;
  }
  html body .ph-pdg__lb.is-open { display: flex !important; opacity: 1 !important; }
  html body .ph-pdg__lb-img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .6) !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    cursor: zoom-out !important;
    transition: opacity .2s ease !important;
  }
  html body .ph-pdg__lb-img.is-loading { opacity: .35 !important; }
  html body .ph-pdg__lb-btn {
    position: absolute !important;
    appearance: none !important;
    border: 0 !important;
    background: rgba(255, 255, 255, .14) !important;
    color: #FFFFFF !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 2 !important;
    transition: background .2s ease, transform .15s ease !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }
  html body .ph-pdg__lb-btn:hover { background: rgba(255, 255, 255, .26) !important; transform: scale(1.06) !important; }
  html body .ph-pdg__lb-btn svg { display: block !important; width: 22px !important; height: 22px !important; }
  html body .ph-pdg__lb-close { top: 24px !important; right: 24px !important; }
  html body .ph-pdg__lb-prev { left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; }
  html body .ph-pdg__lb-next { right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; }
  html body .ph-pdg__lb-prev:hover { transform: translateY(-50%) scale(1.06) !important; }
  html body .ph-pdg__lb-next:hover { transform: translateY(-50%) scale(1.06) !important; }
  html body .ph-pdg__lb-counter {
    position: absolute !important;
    bottom: 28px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    color: rgba(255, 255, 255, .85) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: .03em !important;
    z-index: 2 !important;
    background: rgba(0, 0, 0, .35) !important;
    padding: 8px 18px !important;
    border-radius: 999px !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }
  body.ph-pdg-lb-open { overflow: hidden !important; }

  @media (max-width: 991px) {
    html body .ph-pdg__title { font-size: 22px !important; width: 100% !important; }
    html body .ph-pdg__tabs { width: 100% !important; overflow-x: auto !important; flex-wrap: nowrap !important; -webkit-overflow-scrolling: touch !important; }
    html body .ph-pdg__slide { flex: 0 0 90% !important; }
    html body .ph-pdg__arrow { width: 42px !important; height: 42px !important; }
    html body .ph-pdg__arrow--prev { left: 2% !important; }
    html body .ph-pdg__arrow--next { right: 2% !important; }
  }
  @media (max-width: 700px) {
    html body .ph-pdg__lb { padding: 16px !important; }
    html body .ph-pdg__lb-btn { width: 42px !important; height: 42px !important; }
    html body .ph-pdg__lb-btn svg { width: 18px !important; height: 18px !important; }
    html body .ph-pdg__lb-close { top: 14px !important; right: 14px !important; }
    html body .ph-pdg__lb-prev { left: 8px !important; }
    html body .ph-pdg__lb-next { right: 8px !important; }
    html body .ph-pdg__lb-counter { bottom: 14px !important; font-size: 13px !important; padding: 6px 14px !important; }
  }
  @media (max-width: 600px) {
    html body .ph-pdg__inner { padding: 0 6px !important; }
    html body .ph-pdg__card { padding: 6px !important; border-radius: 14px !important; }
    html body .ph-pdg__slide { flex: 0 0 100% !important; border-radius: 12px !important; filter: none !important; opacity: 1 !important; }
    html body .ph-pdg__track { gap: 0 !important; }
    html body .ph-pdg__arrow { width: 38px !important; height: 38px !important; }
    html body .ph-pdg__arrow--prev { left: 8px !important; }
    html body .ph-pdg__arrow--next { right: 8px !important; }
    html body .ph-pdg__tab { font-size: 12px !important; padding: 8px 14px !important; }
  }


/* ====== ph-pdh (hero) — 1:1 референс, фон через инлайн ====== */

  .ph-pdh, .ph-pdh *, .ph-pdh *::before, .ph-pdh *::after {
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased;
  }
  .ph-pdh, .ph-pdh p, .ph-pdh div, .ph-pdh a, .ph-pdh span, .ph-pdh button, .ph-pdh nav {
    font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
  }
  .ph-pdh h1, .ph-pdh .ph-pdh__title {
    font-family: 'Times New Roman', Times, serif !important;
  }

  html body .ph-pdh {
    position: relative !important;
    width: 100% !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    color: #FFFFFF !important;
    overflow: hidden !important;
    border-radius: 0 0 30px 30px !important;
    display: flex !important;
    flex-direction: column !important;
  }
  html body .ph-pdh::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,.32) 0%, rgba(0,0,0,.12) 35%, rgba(0,0,0,.38) 100%) !important;
    pointer-events: none !important;
    border-radius: 0 0 30px 30px !important;
  }

  /* блок-картинка 16:9 — показывается только на мобайле (≤700) */
  html body .ph-pdh__media { display: none !important; }

  html body .ph-pdh__breadcrumbs {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 170px 20px 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: rgba(255, 255, 255, .9) !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, .35) !important;
  }
  html body .ph-pdh__breadcrumbs a {
    color: rgba(255, 255, 255, .9) !important;
    text-decoration: none !important;
    transition: color .2s ease !important;
  }
  html body .ph-pdh__breadcrumbs a:hover { color: #F58F32 !important; }
  html body .ph-pdh__breadcrumbs .ph-pdh__bc-sep { color: rgba(255, 255, 255, .55) !important; }
  @media (min-width: 1500px) { html body .ph-pdh__breadcrumbs { max-width: 1340px !important; } }
  @media (min-width: 1800px) { html body .ph-pdh__breadcrumbs { max-width: 1440px !important; } }
  @media (min-width: 2200px) { html body .ph-pdh__breadcrumbs { max-width: 1640px !important; } }

  html body .ph-pdh__inner {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr 530px !important;
    grid-template-rows: auto auto 1fr auto !important;
    column-gap: 48px !important;
    row-gap: 0 !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: clamp(40px, 6vh, 80px) 20px clamp(40px, 8vh, 80px) !important;
    flex: 1 1 auto !important;
  }
  @media (min-width: 1500px) { html body .ph-pdh__inner { max-width: 1340px !important; } }
  @media (min-width: 1800px) { html body .ph-pdh__inner { max-width: 1440px !important; } }
  @media (min-width: 2200px) { html body .ph-pdh__inner { max-width: 1640px !important; } }

  html body .ph-pdh__title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 0 36px !important;
    padding: 0 !important;
    font-size: clamp(28px, 3.4vw, 46px) !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    letter-spacing: 0.005em !important;
    text-shadow: 0 4px 24px rgba(0, 0, 0, .55) !important;
  }
  html body .ph-pdh__sizes {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }
  html body .ph-pdh__size {
    appearance: none !important;
    border: 1px solid rgba(255, 255, 255, .65) !important;
    background: rgba(0, 0, 0, .35) !important;
    color: #FFFFFF !important;
    padding: 11px 22px !important;
    border-radius: 10px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: all .2s ease !important;
  }
  html body .ph-pdh__size:hover:not(.is-active) {
    border-color: #F58F32 !important;
    background: rgba(245, 143, 50, .25) !important;
  }
  html body .ph-pdh__size.is-active {
    background: #FFFFFF !important;
    color: #242D33 !important;
    border-color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .25) !important;
  }

  /* === SPEC-плашка внизу hero (НОВОЕ) === */
  html body .ph-pdh__specs {
    grid-column: 1 !important;
    grid-row: 4 !important;
    align-self: end !important;
    width: 100% !important;
    margin: 32px 0 0 !important;
    padding: 22px 28px !important;
    background: rgba(0, 0, 0, .55) !important;
    border: 1px solid rgba(255, 255, 255, .65) !important;
    border-radius: 16px !important;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 24px !important;
    color: #FFFFFF !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .35) !important;
  }
  html body .ph-pdh__spec {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    min-width: 0 !important;
  }
  html body .ph-pdh__spec-label {
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, .65) !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
  }
  html body .ph-pdh__spec-value {
    font-size: clamp(14px, 1.1vw, 16px) !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    transition: opacity .2s ease !important;
  }

  /* === Right package card === */
  html body .ph-pdh__pkg {
    grid-column: 2 !important;
    grid-row: 2 / 5 !important;
    width: 530px !important;
    min-height: 611px !important;
    background: rgba(0, 0, 0, .35) !important;
    border: 1px solid rgba(255, 255, 255, .65) !important;
    border-radius: 18px !important;
    padding: 38px 36px 32px !important;
    color: #FFFFFF !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .25) !important;
    align-self: start !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  html body .ph-pdh__pkg-title {
    margin: 0 0 26px !important;
    padding: 0 !important;
    text-align: center !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 0.10em !important;
    color: #FFFFFF !important;
  }
  html body .ph-pdh__pkg-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    background: transparent !important;
    padding: 0 0 26px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .25) !important;
    border-radius: 0 !important;
    margin: 0 0 28px !important;
  }
  html body .ph-pdh__pkg-tab {
    appearance: none !important;
    border: 0 !important;
    background: rgba(255, 255, 255, .95) !important;
    color: #242D33 !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 14px 16px !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all .25s ease !important;
  }
  html body .ph-pdh__pkg-tab:not(.is-active):hover {
    background: #FFFFFF !important;
  }
  html body .ph-pdh__pkg-tab.is-active {
    background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(240, 79, 47, .35) !important;
  }

  html body .ph-pdh__pkg-rows {
    display: grid !important;
    gap: 22px !important;
    margin: 0 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
  }
  html body .ph-pdh__pkg-row {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 16px !important;
    align-items: baseline !important;
    margin: 0 !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
  }
  html body .ph-pdh__pkg-row:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  html body .ph-pdh__pkg-label {
    font-size: 15px !important;
    line-height: 1.3 !important;
    color: rgba(255, 255, 255, .82) !important;
  }
  html body .ph-pdh__pkg-price {
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    white-space: nowrap !important;
  }

  html body .ph-pdh__pkg-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 16px 18px !important;
    margin-top: 28px !important;
    background: rgba(0, 0, 0, .25) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, .55) !important;
    border-radius: 12px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: background .2s ease, transform .15s ease, border-color .2s ease !important;
  }
  html body .ph-pdh__pkg-toggle:hover {
    background: rgba(0, 0, 0, .4) !important;
    border-color: #FFFFFF !important;
    transform: translateY(-1px) !important;
  }
  html body .ph-pdh__pkg-toggle svg { display: block !important; }

  @media (max-width: 1200px) {
    html body .ph-pdh__inner {
      grid-template-columns: 1fr 460px !important;
      column-gap: 32px !important;
    }
    html body .ph-pdh__pkg {
      width: 460px !important;
      min-height: 560px !important;
      padding: 32px 30px 28px !important;
    }
    html body .ph-pdh__specs { padding: 18px 22px !important; gap: 18px !important; }
  }
  @media (max-width: 1024px) {
    html body .ph-pdh { min-height: auto !important; border-radius: 0 0 24px 24px !important; }
    html body .ph-pdh::before { border-radius: 0 0 24px 24px !important; }
    html body .ph-pdh__breadcrumbs { padding: 130px 20px 0 !important; }
    html body .ph-pdh__inner {
      grid-template-columns: 1fr !important;
      grid-template-rows: auto auto auto auto !important;
      row-gap: 32px !important;
      padding: 40px 20px 48px !important;
    }
    html body .ph-pdh__title { grid-column: 1 !important; grid-row: 1 !important; margin-bottom: 0 !important; }
    html body .ph-pdh__sizes { grid-column: 1 !important; grid-row: 2 !important; }
    html body .ph-pdh__pkg {
      grid-column: 1 !important;
      grid-row: 3 !important;
      width: 100% !important;
      max-width: 530px !important;
      min-height: auto !important;
      padding: 32px 30px 28px !important;
    }
    html body .ph-pdh__specs {
      grid-column: 1 !important;
      grid-row: 4 !important;
      margin: 0 !important;
      grid-template-columns: repeat(3, 1fr) !important;
      row-gap: 18px !important;
    }
  }
  @media (max-width: 700px) {
    /* мобайл: фото 16:9 сверху, контент под ним на тёмной плашке */
    html body .ph-pdh {
      background-image: none !important;
      background-color: #FFFFFF !important;
      min-height: auto !important;
      padding-top: 64px !important;
      border-radius: 0 0 18px 18px !important;
    }
    html body .ph-pdh::before { display: none !important; }
    /* светлая подложка → текст hero тёмный; карточка «Комплектация» — явно тёмная (на сером фоне) */
    html body .ph-pdh__title { color: #1a1a1a !important; text-shadow: none !important; }
    html body .ph-pdh__breadcrumbs, html body .ph-pdh__breadcrumbs a { color: rgba(26,26,26,.6) !important; text-shadow: none !important; }
    html body .ph-pdh__breadcrumbs .ph-pdh__bc-sep { color: rgba(26,26,26,.35) !important; text-shadow: none !important; }
    /* карточки на серой подложке — белые с оранжевым контуром (как везде), без тёмных рамок */
    html body .ph-pdh__pkg { background-color: #FFFFFF !important; border: 1.5px solid rgba(240,79,47,.35) !important; box-shadow: 0 6px 20px rgba(36,45,51,.06) !important; }
    html body .ph-pdh__pkg-title { color: #1a1a1a !important; }
    html body .ph-pdh__pkg-tabs { border-bottom-color: rgba(26,26,26,.10) !important; }
    html body .ph-pdh__pkg-tab:not(.is-active) { background: #EEEFF2 !important; color: #242D33 !important; }
    html body .ph-pdh__pkg-row { border-bottom-color: rgba(26,26,26,.10) !important; }
    html body .ph-pdh__pkg-label { color: rgba(26,26,26,.7) !important; }
    html body .ph-pdh__pkg-price { color: #1a1a1a !important; }
    html body .ph-pdh__pkg-toggle { background: #FFFFFF !important; color: #1a1a1a !important; border-color: rgba(26,26,26,.18) !important; }
    html body .ph-pdh__specs { background-color: #FFFFFF !important; border: 1.5px solid rgba(240,79,47,.35) !important; box-shadow: 0 6px 20px rgba(36,45,51,.06) !important; }
    html body .ph-pdh__spec-label { color: rgba(26,26,26,.5) !important; }
    html body .ph-pdh__spec-value { color: #1a1a1a !important; }
    /* переключатель площади на белом hero — светлый/оранжевый сегмент-контрол */
    html body .ph-pdh__size { background: #EEEFF2 !important; color: #242D33 !important; border-color: transparent !important; }
    html body .ph-pdh__size:hover:not(.is-active) { background: #E6E8EC !important; border-color: transparent !important; }
    html body .ph-pdh__size.is-active { background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%) !important; color: #FFFFFF !important; border-color: transparent !important; box-shadow: 0 4px 14px rgba(240,79,47,.3) !important; }
    html body .ph-pdh__media {
      display: block !important;
      order: -1 !important;
      width: 100% !important;
      aspect-ratio: 16 / 9 !important;
      background-size: cover !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
    }
    html body .ph-pdh__breadcrumbs { padding: 14px 16px 0 !important; font-size: 12px !important; }
    html body .ph-pdh__inner { padding: 24px 16px 40px !important; row-gap: 24px !important; }
    html body .ph-pdh__size { padding: 9px 16px !important; font-size: 13px !important; }
    html body .ph-pdh__pkg { padding: 26px 22px 22px !important; }
    html body .ph-pdh__pkg-title { font-size: 15px !important; margin-bottom: 22px !important; }
    html body .ph-pdh__pkg-tab { font-size: 14px !important; padding: 12px 12px !important; }
    html body .ph-pdh__pkg-label { font-size: 14px !important; }
    html body .ph-pdh__pkg-price { font-size: 15px !important; }
    html body .ph-pdh__pkg-rows { gap: 18px !important; }
    html body .ph-pdh__pkg-row { padding-bottom: 16px !important; }
    html body .ph-pdh__pkg-toggle { font-size: 13px !important; padding: 14px 16px !important; margin-top: 22px !important; }
    html body .ph-pdh__specs {
      grid-template-columns: repeat(2, 1fr) !important;
      padding: 18px 20px !important;
      gap: 14px !important;
    }
    html body .ph-pdh__spec-label { font-size: 11px !important; }
    html body .ph-pdh__spec-value { font-size: 14px !important; }
  }


/* ====== ph-pdd (описание) — 1:1 ====== */

  .ph-pdd, .ph-pdd *, .ph-pdd *::before, .ph-pdd *::after {
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased;
  }
  .ph-pdd, .ph-pdd p, .ph-pdd div, .ph-pdd span {
    font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
  }

  html body .ph-pdd {
    position: relative !important;
    width: 100% !important;
    padding: clamp(24px, 3.5vw, 48px) 0 clamp(28px, 4vw, 56px) !important;
    background: #FFFFFF !important;
    color: #242D33 !important;
    overflow: hidden !important;
  }
  html body .ph-pdd__bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: .35 !important;
  }

  html body .ph-pdd__inner {
    position: relative !important;
    z-index: 1 !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
  }
  @media (min-width: 1500px) { html body .ph-pdd__inner { max-width: 1340px !important; } }
  @media (min-width: 1800px) { html body .ph-pdd__inner { max-width: 1440px !important; } }
  @media (min-width: 2200px) { html body .ph-pdd__inner { max-width: 1640px !important; } }

  html body .ph-pdd__text {
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(14px, 1.05vw, 16px) !important;
    line-height: 1.75 !important;
    color: #4A5158 !important;
    font-weight: 400 !important;
    max-width: 1100px !important;
  }

  @media (max-width: 600px) {
    html body .ph-pdd { padding: 24px 0 32px !important; }
    html body .ph-pdd__inner { padding: 0 16px !important; }
    html body .ph-pdd__text { font-size: 14px !important; line-height: 1.7 !important; }
  }


/* ====== ph-pdpd (планировки) — 1:1 ====== */

  .ph-pdpd, .ph-pdpd *, .ph-pdpd *::before, .ph-pdpd *::after {
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased;
  }
  .ph-pdpd, .ph-pdpd p, .ph-pdpd div, .ph-pdpd span, .ph-pdpd button {
    font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
  }
  .ph-pdpd h2, .ph-pdpd h3, .ph-pdpd .ph-pdpd__title, .ph-pdpd .ph-pdpd__data-title {
    font-family: 'Times New Roman', Times, serif !important;
  }

  html body .ph-pdpd {
    position: relative !important;
    width: 100% !important;
    padding: clamp(32px, 5vw, 64px) 0 !important;
    background: #FFFFFF !important;
    color: #242D33 !important;
    overflow: hidden !important;
  }
  html body .ph-pdpd__inner {
    position: relative !important; z-index: 1 !important;
    max-width: 1240px !important; margin: 0 auto !important;
    padding: 0 20px !important;
  }
  @media (min-width: 1500px) { html body .ph-pdpd__inner { max-width: 1340px !important; } }
  @media (min-width: 1800px) { html body .ph-pdpd__inner { max-width: 1440px !important; } }
  @media (min-width: 2200px) { html body .ph-pdpd__inner { max-width: 1640px !important; } }

  html body .ph-pdpd__title {
    margin: 0 0 22px !important; padding: 0 !important;
    font-size: clamp(22px, 2vw, 30px) !important; line-height: 1.15 !important;
    font-weight: 700 !important; color: #242D33 !important;
    text-transform: uppercase !important; letter-spacing: .005em !important;
    text-align: center !important;
  }

  html body .ph-pdpd__variants {
    display: flex !important; flex-wrap: wrap !important;
    justify-content: center !important; gap: 10px !important;
    margin: 0 0 28px !important; padding: 0 !important; list-style: none !important;
  }
  html body .ph-pdpd__variant {
    appearance: none !important;
    border: 1px solid #E3E5E8 !important;
    background: #FFFFFF !important; color: #242D33 !important;
    font-family: inherit !important;
    font-size: 13px !important; font-weight: 500 !important;
    padding: 10px 22px !important; border-radius: 999px !important;
    cursor: pointer !important; transition: all .2s ease !important;
    white-space: nowrap !important;
  }
  html body .ph-pdpd__variant:hover:not(.is-active) {
    border-color: #F58F32 !important; color: #F58F32 !important;
  }
  html body .ph-pdpd__variant.is-active {
    background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%) !important;
    color: #FFFFFF !important; border-color: transparent !important;
    box-shadow: 0 4px 14px rgba(240, 79, 47, .3) !important;
  }

  html body .ph-pdpd__layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 24px !important; align-items: stretch !important;
  }

  html body .ph-pdpd__plan-col {
    position: relative !important;
    background: #FFFFFF !important;
    border: 1px solid #E3E5E8 !important;
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 4px 16px rgba(36, 45, 51, .05) !important;
    display: flex !important; flex-direction: column !important;
    min-height: 540px !important;
  }
  html body .ph-pdpd__plan-wrap {
    position: relative !important; flex: 1 1 auto !important;
    background: #FFFFFF !important;
    border-radius: 14px !important; overflow: hidden !important;
    display: flex !important;
    align-items: center !important; justify-content: center !important;
    min-height: 400px !important;
  }

  html body .ph-pdpd__plan-wrap { cursor: zoom-in !important; }
  html body .ph-pdpd__plan-img { display: none !important; max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; }
  html body .ph-pdpd__plan-img.is-active { display: block !important; }
  html body .ph-pdpd__plan-todo { display: none !important; flex-direction: column !important; align-items: center !important; gap: 6px !important; color: #8A9098 !important; text-align: center !important; padding: 24px !important; }
  html body .ph-pdpd__plan-todo.is-active { display: flex !important; }
  html body .ph-pdpd__plan-todo strong { color: #F04F2F !important; font-size: 16px !important; }
  html body .ph-pdpd__plan-todo span { font-size: 13px !important; }

  html body .ph-pdpd__fav {
    position: absolute !important;
    top: 16px !important; right: 16px !important;
    width: 44px !important; height: 44px !important;
    background: linear-gradient(135deg, #F04F2F 0%, #F58F32 100%) !important;
    border: 0 !important; border-radius: 50% !important;
    color: #FFFFFF !important; cursor: pointer !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    box-shadow: 0 4px 14px rgba(240, 79, 47, .35) !important;
    transition: transform .2s ease !important; z-index: 3 !important;
  }
  html body .ph-pdpd__fav:hover { transform: scale(1.06) !important; }
  html body .ph-pdpd__fav svg { width: 20px !important; height: 20px !important; }

  html body .ph-pdpd__floors {
    display: flex !important; justify-content: center !important; gap: 6px !important;
    margin-top: 18px !important;
    background: #F4F4F6 !important; border-radius: 999px !important;
    padding: 5px !important; width: fit-content !important; align-self: center !important;
  }
  html body .ph-pdpd__floor {
    appearance: none !important; border: 0 !important;
    background: transparent !important; color: #242D33 !important;
    font-family: inherit !important;
    font-size: 14px !important; font-weight: 600 !important;
    padding: 10px 22px !important; border-radius: 999px !important;
    cursor: pointer !important; transition: all .2s ease !important;
  }
  html body .ph-pdpd__floor.is-active {
    background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(240, 79, 47, .3) !important;
  }
  html body .ph-pdpd__floor:disabled { color: #C9CCD1 !important; cursor: not-allowed !important; }

  html body .ph-pdpd__expand {
    position: absolute !important;
    bottom: 30px !important; right: 30px !important;
    width: 38px !important; height: 38px !important;
    background: rgba(255, 255, 255, .95) !important;
    border: 1px solid #E3E5E8 !important; border-radius: 10px !important;
    color: #242D33 !important; cursor: pointer !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    transition: all .2s ease !important; z-index: 2 !important;
  }
  html body .ph-pdpd__expand:hover { border-color: #F58F32 !important; color: #F58F32 !important; }

  html body .ph-pdpd__data-col {
    background: #FFFFFF !important;
    border: 1px solid #E3E5E8 !important;
    border-radius: 20px !important;
    padding: 26px 24px !important;
    box-shadow: 0 4px 16px rgba(36, 45, 51, .05) !important;
    display: flex !important; flex-direction: column !important;
  }
  html body .ph-pdpd__data-title {
    margin: 0 0 16px !important; padding: 0 0 12px !important;
    font-size: 20px !important; line-height: 1.2 !important;
    font-weight: 700 !important; color: #242D33 !important;
    border-bottom: 1px solid #EEEFF1 !important;
  }
  html body .ph-pdpd__data-name {
    background: rgba(245, 143, 50, .08) !important;
    border-radius: 12px !important;
    padding: 14px 16px !important; margin: 0 0 18px !important;
    border-left: 3px solid #F58F32 !important;
  }
  html body .ph-pdpd__data-name-main {
    display: block !important;
    font-size: 15px !important; font-weight: 700 !important;
    color: #242D33 !important; line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }
  html body .ph-pdpd__data-name-meta {
    display: block !important;
    font-size: 12px !important; color: #8A9098 !important; line-height: 1.3 !important;
  }
  html body .ph-pdpd__data-group { margin: 0 0 16px !important; }
  html body .ph-pdpd__data-group:last-of-type { margin-bottom: 22px !important; }
  html body .ph-pdpd__data-group-title {
    font-size: 11px !important; font-weight: 700 !important;
    color: #F58F32 !important;
    letter-spacing: .08em !important; text-transform: uppercase !important;
    margin: 0 0 10px !important;
  }
  html body .ph-pdpd__data-row {
    display: flex !important; justify-content: space-between !important;
    align-items: baseline !important; gap: 12px !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid #F4F4F6 !important;
    font-size: 13px !important; line-height: 1.3 !important;
  }
  html body .ph-pdpd__data-row:last-child { border-bottom: 0 !important; }
  html body .ph-pdpd__data-label { color: #8A9098 !important; flex-shrink: 0 !important; }
  html body .ph-pdpd__data-value {
    color: #242D33 !important; font-weight: 600 !important; text-align: right !important;
  }

  html body .ph-pdpd__cta {
    display: flex !important; flex-direction: column !important; gap: 10px !important;
    margin-top: auto !important;
  }
  html body .ph-pdpd__btn {
    appearance: none !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    gap: 8px !important; width: 100% !important;
    padding: 14px 16px !important; border-radius: 12px !important;
    font-family: inherit !important;
    font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important;
    cursor: pointer !important; text-decoration: none !important;
    transition: all .2s ease !important; border: 0 !important;
  }
  html body .ph-pdpd__btn--primary {
    background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(240, 79, 47, .3) !important;
  }
  html body .ph-pdpd__btn--primary:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 22px rgba(240, 79, 47, .4) !important;
  }
  html body .ph-pdpd__btn-sub { font-size: 11px !important; opacity: .85 !important; font-weight: 500 !important; }
  html body .ph-pdpd__btn--secondary {
    background: #FFFFFF !important; color: #F04F2F !important;
    border: 1.5px solid #F58F32 !important;
  }
  html body .ph-pdpd__btn--secondary:hover {
    background: rgba(240, 79, 47, .04) !important;
    transform: translateY(-1px) !important;
  }

  html body .ph-pdpd__modal {
    position: fixed !important; inset: 0 !important;
    background: rgba(0, 0, 0, .85) !important;
    z-index: 9999 !important;
    display: none !important;
    align-items: center !important; justify-content: center !important;
    padding: 40px !important;
  }
  html body .ph-pdpd__modal.is-open { display: flex !important; }
  html body .ph-pdpd__modal img {
    max-width: 100% !important; max-height: 100% !important; object-fit: contain !important;
  }
  html body .ph-pdpd__modal-close {
    position: absolute !important;
    top: 24px !important; right: 24px !important;
    width: 44px !important; height: 44px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .15) !important;
    border: 1px solid rgba(255, 255, 255, .25) !important;
    color: #FFFFFF !important; cursor: pointer !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }

  @media (max-width: 1024px) {
    html body .ph-pdpd__layout { grid-template-columns: minmax(0, 1fr) 320px !important; }
  }
  @media (max-width: 900px) {
    html body .ph-pdpd__layout { grid-template-columns: 1fr !important; gap: 16px !important; }
    /* план на планшете/мобиле: высоту задаёт пропорция картинки, а не min-height —
       иначе при overflow:hidden план обрезался (донор — ph-plg на /page144228786) */
    html body .ph-pdpd__plan-col { min-height: 0 !important; }
    html body .ph-pdpd__plan-wrap {
      flex: none !important;
      min-height: 0 !important;
      aspect-ratio: 16 / 10 !important;
      padding: 8px 8px 56px !important;
    }
    html body .ph-pdpd__plan-img { width: 100% !important; height: 100% !important; max-height: 100% !important; object-fit: contain !important; }
    html body .ph-pdpd__floors { margin-top: 12px !important; }
  }
  @media (max-width: 700px) {
    html body .ph-pdpd__variant { padding: 8px 16px !important; font-size: 12px !important; }
    html body .ph-pdpd__plan-col { padding: 10px !important; border-radius: 14px !important; }
    html body .ph-pdpd__plan-wrap { aspect-ratio: 4 / 3 !important; padding: 6px 6px 52px !important; }
    html body .ph-pdpd__data-col { padding: 20px 18px !important; }
    html body .ph-pdpd__data-title { font-size: 18px !important; }
    html body .ph-pdpd__floor { padding: 8px 16px !important; font-size: 13px !important; }
    /* кнопка «на весь экран» и сердечко — компактнее и не наезжают на план */
    html body .ph-pdpd__expand { bottom: 12px !important; right: 12px !important; width: 34px !important; height: 34px !important; }
    html body .ph-pdpd__fav { top: auto !important; bottom: 12px !important; right: 54px !important; width: 34px !important; height: 34px !important; }
    html body .ph-pdpd__fav svg { width: 16px !important; height: 16px !important; }
  }

/* ====== ph-pdrel (похожие проекты) — 1:1 ====== */

  .ph-pdrel, .ph-pdrel *, .ph-pdrel *::before, .ph-pdrel *::after {
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased;
  }
  .ph-pdrel, .ph-pdrel p, .ph-pdrel div, .ph-pdrel span, .ph-pdrel a, .ph-pdrel button {
    font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
  }
  .ph-pdrel h2, .ph-pdrel .ph-pdrel__title, .ph-pdrel .ph-pdrel__name {
    font-family: 'Times New Roman', Times, serif !important;
  }

  html body .ph-pdrel {
    position: relative !important;
    width: 100% !important;
    padding: clamp(32px, 5vw, 64px) 0 !important;
    background: #FFFFFF !important;
    color: #242D33 !important;
    overflow: hidden !important;
  }
  html body .ph-pdrel__bg {
    position: absolute !important; inset: 0 !important;
    width: 100% !important; height: 100% !important;
    pointer-events: none !important; z-index: 0 !important;
    opacity: .4 !important;
  }

  html body .ph-pdrel__inner {
    position: relative !important; z-index: 1 !important;
    max-width: 1240px !important; margin: 0 auto !important;
    padding: 0 20px !important;
  }
  @media (min-width: 1500px) { html body .ph-pdrel__inner { max-width: 1340px !important; } }
  @media (min-width: 1800px) { html body .ph-pdrel__inner { max-width: 1440px !important; } }
  @media (min-width: 2200px) { html body .ph-pdrel__inner { max-width: 1640px !important; } }

  html body .ph-pdrel__title {
    margin: 0 0 32px !important;
    padding: 0 0 14px !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #242D33 !important;
    text-transform: uppercase !important;
    letter-spacing: .005em !important;
    background-image: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%) !important;
    background-repeat: no-repeat !important;
    background-size: 96px 3px !important;
    background-position: 0 100% !important;
  }

  html body .ph-pdrel__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: clamp(20px, 2.5vw, 32px) !important;
    margin: 0 !important; padding: 0 !important;
    list-style: none !important;
  }

  html body .ph-pdrel__card {
    position: relative !important; display: block !important;
    background: #FFFFFF !important;
    border: 1px solid #EEEFF1 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
    box-shadow: 0 4px 14px rgba(36, 45, 51, .05) !important;
  }
  html body .ph-pdrel__card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 30px rgba(36, 45, 51, .12) !important;
    border-color: #F58F32 !important;
  }

  /* 16:9 картинка */
  html body .ph-pdrel__photo {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background: #d8dadd !important;
    position: relative !important;
  }
  html body .ph-pdrel__photo img {
    display: block !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important;
    transition: transform .4s ease !important;
  }
  html body .ph-pdrel__card:hover .ph-pdrel__photo img {
    transform: scale(1.03) !important;
  }

  html body .ph-pdrel__footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 18px 20px !important;
  }
  html body .ph-pdrel__info { min-width: 0 !important; }
  html body .ph-pdrel__name {
    margin: 0 0 4px !important; padding: 0 !important;
    font-size: clamp(17px, 1.4vw, 20px) !important;
    line-height: 1.15 !important; font-weight: 700 !important;
    color: #242D33 !important;
  }
  html body .ph-pdrel__meta {
    margin: 0 !important; padding: 0 !important;
    font-size: 14px !important; line-height: 1.3 !important;
    font-weight: 500 !important; color: #F58F32 !important;
  }
  html body .ph-pdrel__arrow {
    flex-shrink: 0 !important;
    width: 42px !important; height: 42px !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    border: 1px solid #E3E5E8 !important;
    color: #242D33 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all .2s ease !important;
  }
  html body .ph-pdrel__card:hover .ph-pdrel__arrow {
    background: linear-gradient(135deg, #F04F2F, #F58F32) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
    transform: translateX(2px) !important;
  }
  html body .ph-pdrel__arrow svg { display: block !important; }

  @media (max-width: 1024px) {
    html body .ph-pdrel__grid { grid-template-columns: repeat(2, 1fr) !important; }
  }
  @media (max-width: 700px) {
    /* похожие проекты — горизонтальная лента-свайп, карточки фикс-ширины */
    html body .ph-pdrel__grid {
      display: flex !important;
      grid-template-columns: none !important;
      flex-wrap: nowrap !important;
      align-items: stretch !important;
      gap: 14px !important;
      margin: 0 -16px !important;
      padding: 4px 16px 12px !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      scroll-snap-type: x mandatory !important;
      scroll-padding-left: 16px !important;
      -webkit-overflow-scrolling: touch !important;
      scrollbar-width: none !important;
    }
    html body .ph-pdrel__grid::-webkit-scrollbar { display: none !important; }
    html body .ph-pdrel__card { flex: 0 0 280px !important; width: 280px !important; scroll-snap-align: start !important; }
    html body .ph-pdrel__card:hover { transform: none !important; }
    html body .ph-pdrel__footer { padding: 14px 16px !important; }
    html body .ph-pdrel__name { font-size: 16px !important; }
    html body .ph-pdrel__meta { font-size: 13px !important; }
    html body .ph-pdrel__arrow { width: 38px !important; height: 38px !important; }
  }


/* ====== Правки hero-плашки: меньше пустоты + ниже ====== */
@media (min-width: 1025px) {
  html body .ph-pdh__inner { grid-template-columns: 1fr 400px !important; }
  html body .ph-pdh__pkg { width: 400px !important; min-height: 0 !important; align-self: end !important; padding: 30px 30px 26px !important; }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  html body .ph-pdh__inner { grid-template-columns: 1fr 360px !important; }
  html body .ph-pdh__pkg { width: 360px !important; }
}

/* ====== Фон галереи (картинка вместо SVG-линий) ====== */
html body .ph-pdg {
  background-image: url('https://static.tildacdn.com/tild3231-3230-4462-b130-343639353362/12-.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
html body .ph-pdg::before {
  content: '' !important; position: absolute !important; inset: 0 !important;
  background: rgba(255,255,255,.62) !important; pointer-events: none !important; z-index: 0 !important;
}
html body .ph-pdg__inner { position: relative !important; z-index: 1 !important; }

/* ====== Планировки: чипы-метраж как на ph-plg + плоский список данных ====== */
html body .ph-pdpd__variants {
  display: flex !important; flex-wrap: wrap !important; gap: 10px !important;
  justify-content: center !important;
}
html body .ph-pdpd__variant {
  border-radius: 12px !important;
  padding: 12px 22px !important;
  border: 1.5px solid rgba(36,45,51,.14) !important;
  background: #FFFFFF !important;
  font-size: 14.5px !important; font-weight: 600 !important;
  min-width: 86px !important;
}
html body .ph-pdpd__variant.is-active {
  background: linear-gradient(135deg, #F04F2F 0%, #F58F32 100%) !important;
  color: #FFFFFF !important; border-color: transparent !important;
  box-shadow: 0 6px 16px rgba(240,79,47,.28) !important;
}
html body .ph-pdpd__data-list {
  list-style: none !important; margin: 0 0 16px !important; padding: 0 !important;
}
html body .ph-pdpd__data-list .ph-pdpd__data-row {
  display: flex !important; align-items: baseline !important; justify-content: space-between !important;
  gap: 8px !important; padding: 9px 0 !important;
  border-bottom: 1px dashed rgba(36,45,51,.14) !important;
}
html body .ph-pdpd__data-list .ph-pdpd__data-row:last-child { border-bottom: 0 !important; }
html body .ph-pdpd__data-list .ph-pdpd__data-label { font-size: 13.5px !important; color: rgba(36,45,51,.7) !important; }
html body .ph-pdpd__data-list .ph-pdpd__data-value { font-size: 13.5px !important; font-weight: 700 !important; color: #242D33 !important; text-align: right !important; }

/* ====== ПРАВКИ v7: hero-плашка шире+воздушнее ====== */
@media (min-width: 1025px) {
  html body .ph-pdh__inner { grid-template-columns: 1fr 460px !important; }
  html body .ph-pdh__pkg { width: 460px !important; min-height: 0 !important; align-self: end !important; padding: 38px 38px 32px !important; }
  html body .ph-pdh__pkg-rows { gap: 26px !important; }
  html body .ph-pdh__pkg-row { padding-bottom: 24px !important; }
  html body .ph-pdh__pkg-title { margin-bottom: 28px !important; }
  html body .ph-pdh__pkg-tabs { margin-bottom: 30px !important; padding-bottom: 28px !important; }
}
@media (min-width: 1025px) and (max-width: 1240px) {
  html body .ph-pdh__inner { grid-template-columns: 1fr 420px !important; }
  html body .ph-pdh__pkg { width: 420px !important; }
}

/* ====== ПРАВКИ v7: планировки строго под ph-plg (page144228786) ====== */
@media (min-width: 992px) {
  html body .ph-pdpd__layout { grid-template-columns: minmax(0, 1fr) 340px !important; gap: 20px !important; align-items: stretch !important; }
  html body .ph-pdpd__plan-col { min-height: 580px !important; border: 0 !important; border-radius: 24px !important; padding: 12px !important; box-shadow: 0 8px 28px rgba(36,45,51,.08), 0 2px 6px rgba(36,45,51,.04) !important; }
  html body .ph-pdpd__data-col { min-height: 580px !important; border: 0 !important; border-radius: 24px !important; padding: 20px !important; box-shadow: 0 8px 28px rgba(36,45,51,.08), 0 2px 6px rgba(36,45,51,.04) !important; }
  html body .ph-pdpd__plan-wrap { padding-top: 56px !important; }
}
/* заголовок «Проектные данные» с оранжевым подчёркиванием (как ph-plg) */
html body .ph-pdpd__data-title {
  font-family: 'Times New Roman', Times, serif !important;
  font-size: 19px !important; margin: 0 0 12px !important; padding: 0 0 10px !important;
  border-bottom: 0 !important;
  background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%) !important;
  background-repeat: no-repeat !important; background-size: 56px 3px !important; background-position: 0 100% !important;
}
/* имя планировки — БЕЗ оранжевой плашки */
html body .ph-pdpd__data-name {
  background: transparent !important; border: 0 !important;
  border-bottom: 1px solid rgba(26,26,26,0.08) !important;
  border-radius: 0 !important; padding: 4px 0 14px !important; margin: 0 0 8px !important;
}
html body .ph-pdpd__data-name-main { font-family: 'Times New Roman', Times, serif !important; font-size: 16px !important; color: #1a1a1a !important; }
html body .ph-pdpd__data-name-meta { color: rgba(26,26,26,0.5) !important; }
/* сердечко — белый квадрат с контурным сердцем (как ph-plg) */
html body .ph-pdpd__fav {
  width: 38px !important; height: 38px !important; border-radius: 10px !important;
  background: #FFFFFF !important; border: 1.5px solid rgba(26,26,26,0.12) !important;
  color: #1a1a1a !important; box-shadow: none !important;
}
html body .ph-pdpd__fav:hover { border-color: #F04F2F !important; }
html body .ph-pdpd__fav svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; }
html body .ph-pdpd__fav.is-on { background: linear-gradient(135deg, #F04F2F 0%, #F58F32 100%) !important; border-color: #F04F2F !important; color: #FFFFFF !important; }
html body .ph-pdpd__fav.is-on svg { fill: #FFFFFF !important; stroke: #FFFFFF !important; }


/* ====== ph-pda — 1:1 (статичная секция) ====== */

  .ph-pda, .ph-pda *, .ph-pda *::before, .ph-pda *::after {
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased;
  }
  .ph-pda, .ph-pda p, .ph-pda div, .ph-pda span, .ph-pda button, .ph-pda a {
    font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
  }
  .ph-pda h2, .ph-pda .ph-pda__title {
    font-family: 'Times New Roman', Times, serif !important;
  }

  html body .ph-pda {
    position: relative !important;
    width: 100% !important;
    padding: clamp(32px, 5vw, 64px) 0 !important;
    background: #FFFFFF !important;
    color: #242D33 !important;
    overflow: hidden !important;
  }

  html body .ph-pda__card {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    min-height: clamp(440px, 44vw, 560px) !important;
    background-image: url('https://static.tildacdn.com/tild3939-3937-4565-b635-363134393165/1.png') !important;
    background-repeat: no-repeat !important;
    background-position: top right !important;
    background-size: cover !important;
  }

  html body .ph-pda__inner {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: clamp(36px, 5vw, 64px) 20px clamp(48px, 6vw, 80px) !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
    align-items: end !important;
    min-height: inherit !important;
  }
  @media (min-width: 1500px) { html body .ph-pda__inner { max-width: 1340px !important; } }
  @media (min-width: 1800px) { html body .ph-pda__inner { max-width: 1440px !important; } }
  @media (min-width: 2200px) { html body .ph-pda__inner { max-width: 1640px !important; } }

  html body .ph-pda__content {
    min-width: 0 !important;
    padding-right: 16px !important;
  }
  html body .ph-pda__title {
    margin: 0 0 32px !important;
    padding: 0 !important;
    font-size: clamp(24px, 2.4vw, 36px) !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #242D33 !important;
    text-transform: uppercase !important;
    letter-spacing: .005em !important;
  }
  html body .ph-pda__desc {
    margin: 0 0 44px !important;
    padding: 0 !important;
    font-size: clamp(15px, 1.1vw, 17px) !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    color: #4A535C !important;
    max-width: 480px !important;
  }
  html body .ph-pda__btn {
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    padding: 16px 36px !important;
    border-radius: 12px !important;
    border: 0 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(240, 79, 47, .3) !important;
    transition: all .2s ease !important;
  }
  html body .ph-pda__btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 22px rgba(240, 79, 47, .4) !important;
  }

  @media (max-width: 900px) {
    html body .ph-pda__card {
      min-height: 420px !important;
      background-image: none !important;
      background-color: #EEEFF2 !important;
    }
    html body .ph-pda__inner {
      display: flex !important;
      flex-direction: column !important;
      justify-content: flex-end !important;
      grid-template-columns: none !important;
      gap: 24px !important;
      padding: 40px 24px 48px !important;
      min-height: 420px !important;
    }
    html body .ph-pda__content {
      padding-right: 0 !important;
    }
    html body .ph-pda__photo-mobile {
      display: block !important;
      width: 100% !important;
      height: auto !important;
      align-self: stretch !important;
    }
  }
  @media (min-width: 901px) {
    html body .ph-pda__photo-mobile { display: none !important; }
  }
  @media (max-width: 600px) {
    html body .ph-pda__title { font-size: 22px !important; margin-bottom: 22px !important; }
    html body .ph-pda__desc { font-size: 14px !important; margin-bottom: 32px !important; }
    html body .ph-pda__btn { width: 100% !important; padding: 14px 22px !important; font-size: 14px !important; }
  }


/* ====== ph-pdcost — 1:1 (статичная секция) ====== */

  .ph-pdcost, .ph-pdcost *, .ph-pdcost *::before, .ph-pdcost *::after {
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased;
  }
  .ph-pdcost, .ph-pdcost p, .ph-pdcost div, .ph-pdcost span, .ph-pdcost button, .ph-pdcost input, .ph-pdcost label {
    font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
  }
  .ph-pdcost h2, .ph-pdcost .ph-pdcost__title {
    font-family: 'Times New Roman', Times, serif !important;
  }

  html body .ph-pdcost {
    position: relative !important;
    width: 100% !important;
    padding: clamp(32px, 5vw, 64px) 0 !important;
    background: #FFFFFF !important;
    color: #242D33 !important;
    overflow: hidden !important;
  }
  html body .ph-pdcost__bg {
    position: absolute !important; inset: 0 !important;
    width: 100% !important; height: 100% !important;
    pointer-events: none !important; z-index: 0 !important;
    opacity: .4 !important;
  }

  html body .ph-pdcost__inner {
    position: relative !important; z-index: 1 !important;
    max-width: 1240px !important; margin: 0 auto !important;
    padding: 0 20px !important;
  }
  @media (min-width: 1500px) { html body .ph-pdcost__inner { max-width: 1340px !important; } }
  @media (min-width: 1800px) { html body .ph-pdcost__inner { max-width: 1440px !important; } }
  @media (min-width: 2200px) { html body .ph-pdcost__inner { max-width: 1640px !important; } }

  html body .ph-pdcost__title {
    margin: 0 0 14px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: clamp(24px, 2.4vw, 36px) !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    color: #242D33 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
  }
  html body .ph-pdcost__subtitle {
    margin: 0 0 28px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color: #8A9098 !important;
  }

  html body .ph-pdcost__pkg-tabs-wrap { display: flex !important; justify-content: center !important; width: 100% !important; }
  html body .ph-pdcost__pkg-tabs {
    display: inline-flex !important; gap: 0 !important;
    background: #EEEFF2 !important;
    padding: 6px !important;
    border-radius: 999px !important;
    margin: 0 auto 36px !important;
    width: fit-content !important;
    box-shadow: inset 0 1px 2px rgba(36, 45, 51, .04) !important;
    flex-wrap: wrap !important;
  }
  html body .ph-pdcost__pkg-tab {
    appearance: none !important; border: 0 !important;
    background: transparent !important; color: #242D33 !important;
    font-family: inherit !important; font-size: 15px !important;
    font-weight: 600 !important; line-height: 1 !important;
    padding: 12px 32px !important; border-radius: 999px !important;
    cursor: pointer !important; transition: all .25s ease !important;
  }
  html body .ph-pdcost__pkg-tab:not(.is-active):hover { color: #F58F32 !important; }
  html body .ph-pdcost__pkg-tab.is-active {
    background: linear-gradient(90deg, #F04F2F 0%, #F58F32 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(240, 79, 47, .3) !important;
  }

  html body .ph-pdcost__table {
    border: 1px solid #E3E5E8 !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(36, 45, 51, .04) !important;
  }

  html body .ph-pdcost__head {
    display: grid !important;
    grid-template-columns: 2.2fr 1fr 1fr 1fr 1.1fr !important;
    align-items: stretch !important;
    padding: 20px 24px 16px !important;
    border-bottom: 1px solid #EEEFF1 !important;
    background: #FFFFFF !important;
  }
  html body .ph-pdcost__th {
    font-size: 15px !important; line-height: 1.3 !important;
    font-weight: 600 !important; color: #242D33 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
  }
  html body .ph-pdcost__th--center { text-align: center !important; align-items: center !important; }
  html body .ph-pdcost__th-label { display: block !important; }
  html body .ph-pdcost__th-price {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #F58F32 !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    transition: opacity .15s ease !important;
  }
  html body .ph-pdcost__th--custom {
    border-radius: 12px !important;
    padding: 10px 8px !important;
    margin: -10px -4px -8px !important;
    transition: background .25s ease, box-shadow .25s ease !important;
  }
  html body .ph-pdcost.is-custom .ph-pdcost__th--custom {
    background: rgba(245, 143, 50, .12) !important;
    box-shadow: 0 0 0 2px rgba(240, 79, 47, .45) !important;
  }

  html body .ph-pdcost__row {
    display: grid !important;
    grid-template-columns: 2.2fr 1fr 1fr 1fr 1.1fr !important;
    align-items: center !important;
    padding: 0 24px !important;
    border-bottom: 1px solid #EEEFF1 !important;
    background: #FFFFFF !important;
    transition: background .15s ease !important;
  }
  html body .ph-pdcost__row:last-child { border-bottom: 0 !important; }

  html body .ph-pdcost__row-toggle {
    appearance: none !important; background: transparent !important; border: 0 !important;
    color: #242D33 !important; font-family: inherit !important;
    font-size: 15px !important; line-height: 1.3 !important; font-weight: 500 !important;
    padding: 18px 0 !important; cursor: pointer !important;
    display: flex !important; align-items: center !important; gap: 12px !important;
    text-align: left !important; width: 100% !important;
  }
  html body .ph-pdcost__row-toggle:hover { color: #F58F32 !important; }
  html body .ph-pdcost__chev {
    width: 14px !important; height: 14px !important;
    color: #8A9098 !important;
    transition: transform .25s ease !important; flex-shrink: 0 !important;
  }
  html body .ph-pdcost__row.is-open .ph-pdcost__chev { transform: rotate(180deg) !important; color: #F58F32 !important; }

  html body .ph-pdcost__mark {
    justify-self: center !important; align-self: center !important;
    width: 22px !important; height: 22px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
  }
  html body .ph-pdcost__mark--ok { color: #F58F32 !important; }
  html body .ph-pdcost__mark--no { color: #C9CCD1 !important; }
  html body .ph-pdcost__mark svg { display: block !important; width: 100% !important; height: 100% !important; }

  html body .ph-pdcost__mark--custom {
    width: auto !important; height: auto !important;
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    gap: 4px !important;
    background: transparent !important;
    border-radius: 10px !important;
    padding: 8px 6px !important;
    margin: 4px 0 !important;
  }
  html body .ph-pdcost__check {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 22px !important; height: 22px !important;
    border: 2px solid #C9CCD1 !important;
    border-radius: 6px !important;
    background: #FFFFFF !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all .2s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
  }
  html body .ph-pdcost__check:hover { border-color: #F58F32 !important; }
  html body .ph-pdcost__check:checked {
    background: linear-gradient(135deg, #F04F2F 0%, #F58F32 100%) !important;
    border-color: transparent !important;
  }
  html body .ph-pdcost__check:checked::after {
    content: '' !important;
    position: absolute !important;
    left: 6px !important; top: 2px !important;
    width: 6px !important; height: 11px !important;
    border: solid #FFFFFF !important;
    border-width: 0 2.5px 2.5px 0 !important;
    transform: rotate(45deg) !important;
  }
  html body .ph-pdcost__cost {
    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    color: #8A9098 !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
  }
  html body .ph-pdcost__check:checked + .ph-pdcost__cost { color: #F04F2F !important; }

  html body .ph-pdcost__sub {
    grid-column: 1 / -1 !important; display: none !important;
    padding: 0 0 18px 28px !important; list-style: none !important; margin: -4px 0 0 !important;
  }
  html body .ph-pdcost__row.is-open .ph-pdcost__sub { display: block !important; }
  html body .ph-pdcost__sub li {
    position: relative !important; padding: 4px 0 4px 16px !important;
    font-size: 14px !important; line-height: 1.45 !important; color: #8A9098 !important;
  }
  html body .ph-pdcost__sub li::before {
    content: '—' !important; position: absolute !important;
    left: 0 !important; top: 4px !important; color: #C9CCD1 !important;
  }

  html body .ph-pdcost__custom-hint {
    display: none !important;
    margin: 18px auto 0 !important;
    max-width: 720px !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #8A9098 !important;
  }
  html body .ph-pdcost__custom-hint strong { color: #F58F32 !important; font-weight: 700 !important; }
  html body .ph-pdcost.is-custom .ph-pdcost__custom-hint { display: block !important; }

  @media (max-width: 900px) {
    html body .ph-pdcost__head, html body .ph-pdcost__row { padding: 0 16px !important; }
    html body .ph-pdcost__head { padding: 16px 16px 12px !important; }
    html body .ph-pdcost__th, html body .ph-pdcost__row-toggle { font-size: 13px !important; }
    html body .ph-pdcost__th-price { font-size: 12px !important; }
    html body .ph-pdcost__cost { font-size: 10px !important; }
  }
  @media (max-width: 700px) {
    html body .ph-pdcost__pkg-tab { padding: 10px 18px !important; font-size: 13px !important; }
    html body .ph-pdcost__head { grid-template-columns: 1fr !important; }
    html body .ph-pdcost__th:not(:first-child) { display: none !important; }
    html body .ph-pdcost__row { grid-template-columns: 1fr auto !important; padding: 0 14px !important; }
    html body .ph-pdcost__row-toggle { font-size: 14px !important; padding: 14px 0 !important; }
    html body .ph-pdcost__mark { display: none !important; }
    html body .ph-pdcost__mark--current { display: flex !important; }
    html body .ph-pdcost__sub { padding-left: 22px !important; }
    html body .ph-pdcost.is-custom .ph-pdcost__mark--current { display: none !important; }
    html body .ph-pdcost.is-custom .ph-pdcost__mark--custom { display: flex !important; flex-direction: row !important; gap: 8px !important; }
  }


/* ====== ph-pdfaq — 1:1 (статичная секция) ====== */

  .ph-pdfaq, .ph-pdfaq *, .ph-pdfaq *::before, .ph-pdfaq *::after {
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased;
  }
  .ph-pdfaq, .ph-pdfaq p, .ph-pdfaq div, .ph-pdfaq span, .ph-pdfaq button {
    font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
  }
  .ph-pdfaq h2, .ph-pdfaq .ph-pdfaq__title {
    font-family: 'Times New Roman', Times, serif !important;
  }

  html body .ph-pdfaq {
    position: relative !important;
    width: 100% !important;
    padding: clamp(36px, 5vw, 64px) 0 !important;
    background: #F3F4F6 !important;
    color: #242D33 !important;
    overflow: hidden !important;
  }
  html body .ph-pdfaq__bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: .35 !important;
  }

  html body .ph-pdfaq__inner {
    position: relative !important;
    z-index: 1 !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
  }
  @media (min-width: 1500px) { html body .ph-pdfaq__inner { max-width: 1340px !important; } }
  @media (min-width: 1800px) { html body .ph-pdfaq__inner { max-width: 1440px !important; } }
  @media (min-width: 2200px) { html body .ph-pdfaq__inner { max-width: 1640px !important; } }

  html body .ph-pdfaq__title {
    margin: 0 0 28px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: clamp(20px, 2vw, 28px) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #242D33 !important;
    letter-spacing: -0.005em !important;
  }

  html body .ph-pdfaq__list {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body .ph-pdfaq__item {
    background: #FFFFFF !important;
    border: 1px solid rgba(245, 143, 50, .45) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
  }
  html body .ph-pdfaq__item.is-open {
    border-color: #F58F32 !important;
    box-shadow: 0 6px 20px rgba(245, 143, 50, .12) !important;
  }

  html body .ph-pdfaq__q {
    appearance: none !important;
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    text-align: left !important;
    padding: 18px 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-size: 14.5px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #242D33 !important;
  }
  html body .ph-pdfaq__chev {
    flex-shrink: 0 !important;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #F58F32 !important;
    transition: transform .25s ease !important;
  }
  html body .ph-pdfaq__item.is-open .ph-pdfaq__chev {
    transform: rotate(180deg) !important;
  }
  html body .ph-pdfaq__q-text { flex: 1 1 auto !important; min-width: 0 !important; }

  html body .ph-pdfaq__a {
    overflow: hidden !important;
    max-height: 0 !important;
    transition: max-height .35s cubic-bezier(.4, 0, .2, 1) !important;
  }
  html body .ph-pdfaq__item.is-open .ph-pdfaq__a {
    max-height: 600px !important;
  }
  html body .ph-pdfaq__a-inner {
    padding: 0 24px 22px 58px !important;
  }
  html body .ph-pdfaq__a-text {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    color: #6B7176 !important;
    font-weight: 400 !important;
  }
  html body .ph-pdfaq__a-text--todo {
    color: #C9CCD1 !important;
    font-style: italic !important;
  }

  /* Responsive */
  @media (max-width: 700px) {
    html body .ph-pdfaq__inner { padding: 0 16px !important; }
    html body .ph-pdfaq__q { padding: 16px 18px !important; gap: 12px !important; font-size: 13.5px !important; }
    html body .ph-pdfaq__a-inner { padding: 0 18px 18px 46px !important; }
    html body .ph-pdfaq__a-text { font-size: 13px !important; }
  }

  /* === Фон-текстура блока «Что входит в стоимость» === */
  html body .ph-pdcost {
    background-color: #FFFFFF !important;
    background-image:
      linear-gradient(rgba(255,255,255,.45), rgba(255,255,255,.45)),
      url('https://static.tildacdn.com/tild3166-3039-4330-b433-623230663537/5-.jpg') !important;
    background-size: cover, cover !important;
    background-position: center, center !important;
    background-repeat: no-repeat, no-repeat !important;
  }
  /* родной SVG-декор скрываем, чтобы линии не задваивались */
  html body .ph-pdcost .ph-pdcost__bg { display: none !important; }