/* ===== Сторінка Aqua-Plus Prins (PP-RCT), /pp-rct/. Підключається після site.css і industrial.css ===== */

/* перший екран: фото замість відео */
.hero--pp .hero__video { object-position: 50% 60%; }
.hero--pp .hero__title { max-width: 19ch; }
.hero__back { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: #d6e6cf; font-size: 15px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; min-height: 44px; }
.hero__back:hover { color: #fff; }

/* хлібні крихти над заголовком секції */
.pp-sub { color: var(--t70); font-size: 17px; line-height: 1.55; max-width: 62ch; margin-top: 16px; }

/* коли PP-RCT, а коли гнучка RK */
.pp-koly .cmp { margin-top: 40px; }
.pp-koly .cmp__row--head b.cmp__pp { color: var(--accent-t); }
.pp-koly .cmp__row p.cmp__pp { color: var(--text); }
.pp-koly .cmp__row p.cmp__rk { color: var(--t60); }
.pp-koly__foot { margin-top: 32px; display: grid; gap: 16px; padding: 24px; border: 1px solid var(--t10); background: var(--bg2, #f3f5f8); }
.pp-koly__foot p { font-size: 17px; line-height: 1.55; max-width: 70ch; }
.pp-koly__foot b { font-weight: 600; }
@media (min-width: 1024px) { .pp-koly__foot { grid-template-columns: 1fr auto; align-items: center; gap: 40px; padding: 28px 36px; } }

/* будова */
.pp-bud { display: grid; gap: 32px; margin-top: 40px; align-items: center; }
@media (min-width: 1024px) { .pp-bud { grid-template-columns: 1.1fr 1fr; gap: 64px; } }
.pp-bud__img { width: 100%; height: auto; display: block; }
.pp-bud__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--t10); }
.pp-bud__list li { display: grid; grid-template-columns: 18px 1fr; gap: 6px 16px; padding: 18px 0; border-bottom: 1px solid var(--t10); }
.pp-bud__list i { width: 18px; height: 18px; border-radius: 50%; background: var(--c); margin-top: 3px; box-shadow: inset 0 0 0 1px rgba(11,22,38,.15); }
.pp-bud__list b { font-family: var(--font-head); font-size: 20px; font-weight: 700; display: block; }
.pp-bud__list span { grid-column: 2; color: var(--t70); font-size: 16px; line-height: 1.5; }

/* характеристики */
.pp-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: 40px; border-top: 1px solid var(--t10); border-left: 1px solid var(--t10); }
@media (min-width: 900px) { .pp-specs { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pp-specs div { padding: 20px; border-right: 1px solid var(--t10); border-bottom: 1px solid var(--t10); }
.pp-specs dt { font-size: 14px; font-weight: 600; color: var(--t60); }
.pp-specs dd { margin: 8px 0 0; font-family: var(--font-num); font-size: 20px; font-weight: 600; line-height: 1.25; }
.pp-specs dd small { display: block; font-family: var(--font); font-size: 16px; font-weight: 400; color: var(--t70); margin-top: 4px; }

/* таблиця типорозмірів */
.pp-tbl-wrap { margin-top: 32px; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--t10); }
.pp-tbl { width: 100%; border-collapse: collapse; min-width: 520px; font-size: 16px; }
.pp-tbl th { text-align: left; font-size: 14px; font-weight: 600; color: var(--t60); padding: 12px 16px; border-bottom: 1.5px solid var(--text); background: #fff; position: sticky; top: 0; }
.pp-tbl td { padding: 10px 16px; border-bottom: 1px solid var(--t10); font-family: var(--font-num); }
.pp-tbl tr:nth-child(even) td { background: rgba(11,22,38,.025); }
.pp-tbl td:first-child { font-weight: 600; }
.pp-tbl__note { margin-top: 14px; color: var(--t70); font-size: 16px; line-height: 1.55; max-width: 75ch; }

/* переваги цифрами */
.pp-facts { list-style: none; margin: 40px 0 0; padding: 0; display: grid; gap: 1px; background: var(--t10); border: 1px solid var(--t10); }
@media (min-width: 700px) { .pp-facts { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .pp-facts { grid-template-columns: repeat(3, 1fr); } }
.pp-facts li { background: var(--bg, #fff); padding: 24px; }
.pp-facts b { display: block; font-family: var(--font-num); font-size: 26px; font-weight: 600; color: var(--accent-t); line-height: 1.15; }
.pp-facts span { display: block; margin-top: 8px; font-size: 16px; line-height: 1.5; color: var(--t70); }
.pp-facts em { font-style: normal; display: block; margin-top: 6px; font-size: 14px; color: var(--t60); }

/* об'єкти */
.pp-obj { list-style: none; margin: 40px 0 0; padding: 0; display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1024px) { .pp-obj { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } }
.pp-obj figure { margin: 0; }
.pp-obj img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; background: #e8ecf1; }
.pp-obj figcaption { margin-top: 10px; font-size: 16px; line-height: 1.4; color: var(--t70); }
.pp-obj figcaption b { display: block; color: var(--text); font-family: var(--font-head); font-size: 18px; font-weight: 700; }
.pp-obj figcaption i { font-style: normal; font-family: var(--font-num); font-size: 15px; color: var(--accent-t); }
@media (max-width: 599px) { .pp-obj { grid-template-columns: 1fr 1fr; gap: 12px; } .pp-obj figcaption b { font-size: 16px; } }

/* монтаж */
.pp-mont { display: grid; gap: 32px; margin-top: 40px; }
@media (min-width: 1024px) { .pp-mont { grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; } }
.pp-steps { list-style: none; margin: 0; padding: 0; counter-reset: s; border-top: 1px solid var(--t10); }
.pp-steps li { counter-increment: s; display: grid; grid-template-columns: 44px 1fr; gap: 4px 12px; padding: 18px 0; border-bottom: 1px solid var(--t10); }
.pp-steps li::before { content: counter(s, decimal-leading-zero); font-family: var(--font-num); font-weight: 600; color: var(--accent-t); font-size: 16px; padding-top: 2px; }
.pp-steps b { font-weight: 600; font-size: 18px; }
.pp-steps span { grid-column: 2; font-size: 16px; line-height: 1.5; color: var(--t70); }
.pp-mont__pics { display: grid; gap: 16px; }
.pp-mont__pics img { width: 100%; height: auto; display: block; }
.pp-mont__pics figcaption { margin-top: 8px; font-size: 16px; color: var(--t60); }

/* виробник і гарантія */
.pp-mf { display: grid; gap: 32px; margin-top: 40px; }
@media (min-width: 1024px) { .pp-mf { grid-template-columns: 1fr 1fr; gap: 64px; } }
.pp-mf p { font-size: 17px; line-height: 1.6; color: var(--t70); }
.pp-mf p + p { margin-top: 14px; }
.pp-guar { padding: 28px; border: 1px solid var(--accent); background: #f2f8ef; }
.pp-guar b.big { display: block; font-family: var(--font-num); font-size: 44px; font-weight: 600; color: var(--accent-t); line-height: 1; }
.pp-guar p { margin-top: 12px; color: var(--text); }
.pp-certs { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 8px; }
.pp-certs span { font-size: 15px; font-weight: 600; padding: 8px 12px; border: 1px solid var(--t10); background: #fff; }
.pp-sert { margin-top: 32px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pp-sert a { display: block; border: 1px solid var(--t10); background: #fff; }
.pp-sert img { width: 100%; height: auto; display: block; }
.pp-sert figcaption { padding: 8px 10px; font-size: 14px; color: var(--t70); }
.pp-sert figure { margin: 0; }

/* неізольований Aqua-Plus */
.pp-also { margin-top: 48px; display: grid; gap: 20px; padding: 28px; border: 1px solid var(--t10); background: #fff; }
@media (min-width: 900px) { .pp-also { grid-template-columns: 280px 1fr; align-items: center; gap: 40px; } }
.pp-also img { width: 100%; height: auto; display: block; }
.pp-also h3 { font-family: var(--font-head); font-size: 24px; font-weight: 700; }
.pp-also p { margin-top: 10px; font-size: 16px; line-height: 1.55; color: var(--t70); max-width: 70ch; }

/* блок-перехід на головній (гнучкі RK) і на сторінці PP-RCT */
.cross { padding: 0; }
.cross__box { display: grid; gap: 0; background: #0f1a14; color: #fff; overflow: hidden; }
@media (min-width: 900px) { .cross__box { grid-template-columns: 1fr 1.1fr; } }
.cross__img { width: 100%; height: 100%; min-height: 220px; object-fit: cover; display: block; }
.cross__txt { padding: 32px 24px; display: grid; gap: 16px; align-content: center; }
@media (min-width: 900px) { .cross__txt { padding: 48px; } }
.cross__k { color: #b9dcae; font-size: 15px; font-weight: 600; }
.cross__h { font-family: var(--font-head); font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 700; line-height: 1.1; }
.cross__p { color: rgba(255,255,255,.82); font-size: 17px; line-height: 1.55; max-width: 56ch; }
.cross__pts { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.cross__pts li { font-family: var(--font-num); font-size: 15px; padding: 6px 10px; border: 1px solid rgba(255,255,255,.22); }
.cross__btn { justify-self: start; }

/* підказка під результатом квізу / калькулятора */
.res__pp, .calc__pp { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-weight: 600; color: var(--accent-t); text-decoration: underline; text-underline-offset: 3px; min-height: 44px; }

/* темна секція з цифрами */
.pp-dark { background: var(--bg); }
.pp-dark .pp-facts { background: var(--t10); border-color: var(--t10); }
/* телефон: таблиця вміщується без прокрутки вбік, посилання 16 px */
.hero__back { font-size: 16px; }
@media (max-width: 599px) {
  .pp-tbl { min-width: 0; font-size: 15px; }
  .pp-tbl th { padding: 10px 8px; font-size: 13px; line-height: 1.3; }
  .pp-tbl td { padding: 9px 8px; }
}

/* ===== 10.11: дві рівні системи ===== */
/* перемикач систем у верхній смузі (на всіх сторінках) */
.sys { display: inline-flex; align-items: stretch; margin-right: 16px; border: 1px solid rgba(255,255,255,.16); }
.sys__a { display: inline-flex; align-items: center; min-height: 42px; padding: 0 12px; color: #b7c4d2; font-size: 14px; font-weight: 600; white-space: nowrap; transition: color .2s, background-color .2s; }
.sys__a + .sys__a { border-left: 1px solid rgba(255,255,255,.16); }
.sys__a:hover { color: #fff; }
.sys__a.is-on { color: #fff; background: #3d7a3a; }
.sys__s { display: none; }
@media (max-width: 767px) {
  .sys { margin-right: auto; }
  .sys__l { display: none; } .sys__s { display: inline; }
  .sys__a { padding: 0 10px; }
  .topbar:has(.sys) .topbar__tel, .topbar:has(.sys) .topbar__m--em { display: none; }
}
@media (max-width: 359px) { .sys__a { padding: 0 8px; font-size: 13px; } }
@media (min-width: 768px) and (max-width: 1365px) { .topbar:has(.sys) .topbar__t { display: none; } }

/* що комплектуємо: типи об'єктів */
.pp-types { list-style: none; margin: 40px 0 0; padding: 0; display: grid; gap: 24px; }
@media (min-width: 700px) { .pp-types { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .pp-types { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pp-type { display: flex; flex-direction: column; border: 1px solid var(--t10); background: #fff; }
.pp-type img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.pp-type h3 { font-family: var(--font-head); font-size: 22px; font-weight: 700; line-height: 1.15; margin: 20px 20px 0; }
.pp-type p { margin: 10px 20px 0; font-size: 16px; line-height: 1.5; color: var(--t70); flex: 1; }
.pp-type__d { display: block; margin: 16px 20px 20px; padding-top: 12px; border-top: 1px solid var(--t10); font-family: var(--font-num); font-size: 15px; color: var(--accent-t); }

/* одна поставка */
.pp-supply { margin-top: 32px; display: grid; gap: 24px; padding: 24px; border: 1px solid var(--accent); background: #f2f8ef; }
@media (min-width: 900px) { .pp-supply { grid-template-columns: 320px 1fr; gap: 40px; padding: 32px; align-items: center; } }
.pp-supply img { width: 100%; height: auto; display: block; }
.pp-supply h3 { font-family: var(--font-head); font-size: 26px; font-weight: 700; }
.pp-supply__list { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; }
@media (min-width: 1100px) { .pp-supply__list { grid-template-columns: 1fr 1fr; gap: 10px 24px; } }
.pp-supply__list li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; font-size: 16px; line-height: 1.45; }
.pp-supply__list .ic { width: 20px; height: 20px; color: var(--accent-t); margin-top: 2px; }
.pp-supply p { margin-top: 16px; font-size: 16px; line-height: 1.55; color: var(--t70); }
.seg--2 span { text-align: center; padding: 0 6px; line-height: 1.25; }
.seg.seg--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* квіз з 5 кроків (крок 0: що комплектуєте) */
.quiz[data-step="0"] .quiz__fill { transform: scaleX(.2); }
.quiz[data-step="1"] .quiz__fill { transform: scaleX(.4); }
.quiz[data-step="2"] .quiz__fill { transform: scaleX(.6); }
.quiz[data-step="3"] .quiz__fill { transform: scaleX(.8); }
.quiz[data-step="4"] .quiz__fill, .quiz[data-step="5"] .quiz__fill { transform: scaleX(1); }
/* результат квізу «Aqua-Plus»: без довжини траси і підписів про гнучку трубу */
.quiz.is-pp .field:has(#f-len), .quiz.is-pp #lead-form .form__note, .quiz.is-pp #lead-form .proof { display: none; }
/* планшет: у верхній смузі з перемикачем месенджери тільки значками */
@media (min-width: 768px) and (max-width: 1199px) { .topbar:has(.sys) .topbar__m span { display: none; } .topbar:has(.sys) .topbar__m { padding: 0 6px; } }

/* ===== ІІ-консультант: кнопка і вікно чату (js/ai.js) ===== */
.aich-btn { position: fixed; right: 16px; bottom: 76px; z-index: 45; display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 18px 0 16px; background: #3d7a3a; color: #fff; font: 600 15px/1 var(--font); border: 0; border-radius: 28px; box-shadow: 0 10px 28px -8px rgba(11,22,38,.45); cursor: pointer; transition: transform .2s, background-color .2s; }
.aich-btn:hover { background: #2f6430; transform: translateY(-1px); }
.aich-btn[hidden] { display: none; }
@media (min-width: 1180px) { .aich-btn { bottom: 24px; right: 24px; } }
@media (max-width: 420px) { .aich-btn span { display: none; } .aich-btn { padding: 0; width: 56px; height: 56px; justify-content: center; } }
.aich { position: fixed; z-index: 60; right: 24px; bottom: 24px; width: min(420px, calc(100vw - 32px)); height: min(640px, calc(100dvh - 48px)); display: flex; flex-direction: column; background: #fff; color: #0b1626; border: 1px solid rgba(11,22,38,.12); box-shadow: 0 24px 60px -20px rgba(11,22,38,.45); }
.aich[hidden] { display: none; }
@media (max-width: 767px) { .aich { inset: 0; width: 100%; height: 100%; height: 100dvh; border: 0; } html.aich-open { overflow: hidden; } }
.aich__head { display: flex; align-items: center; gap: 8px; padding: 12px 12px 12px 16px; background: #0b1626; color: #fff; }
.aich__head > div { flex: 1; min-width: 0; }
.aich__head b { display: block; font: 700 17px/1.2 var(--font-head); }
.aich__head span { display: block; margin-top: 2px; font-size: 14px; color: #b9c6d4; }
.aich__new, .aich__x { min-width: 44px; min-height: 44px; padding: 0 10px; background: transparent; border: 1px solid rgba(255,255,255,.2); color: #fff; font: 600 14px var(--font); cursor: pointer; }
.aich__x { font-size: 24px; line-height: 1; }
.aich__new:hover, .aich__x:hover { background: rgba(255,255,255,.08); }
.aich__log { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; background: #f3f5f8; }
.aich__m { max-width: 88%; padding: 10px 14px; font-size: 16px; line-height: 1.5; }
.aich__m p { margin: 0; } .aich__m p + p, .aich__m ul + p, .aich__m p + ul { margin-top: 8px; }
.aich__m ul { margin: 0; padding-left: 18px; } .aich__m li + li { margin-top: 4px; }
.aich__m--a { align-self: flex-start; background: #fff; border: 1px solid rgba(11,22,38,.08); }
.aich__m--u { align-self: flex-end; background: #3d7a3a; color: #fff; }
.aich__m--wait { color: #5b6575; font-style: italic; }
.aich__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.aich__chips button { min-height: 44px; padding: 8px 12px; background: #fff; border: 1px solid #3d7a3a; color: #356b33; font: 500 15px/1.25 var(--font); text-align: left; cursor: pointer; }
.aich__chips button:hover { background: #eef6ec; }
.aich__form { display: flex; gap: 8px; padding: 12px; border-top: 1px solid rgba(11,22,38,.1); background: #fff; }
.aich__form textarea { flex: 1; min-height: 48px; max-height: 120px; resize: none; padding: 12px; border: 1px solid rgba(11,22,38,.2); font: 16px/1.4 var(--font); color: #0b1626; background: #fff; }
.aich__form textarea:focus { outline: 2px solid #3d7a3a; outline-offset: -1px; }
.aich__form button { width: 48px; min-height: 48px; background: #3d7a3a; color: #fff; border: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.aich__form button:disabled { opacity: .5; cursor: default; }
.aich__note { margin: 0; padding: 0 12px 10px; background: #fff; font-size: 14px; color: #5b6575; }