/* Посадочна товару (template-product-landing.php). Підключається лише на цьому шаблоні. Префікс .pl-
   Ширина секцій як у template-chains.php (повний .container); правила .pl-* для таблиці, FAQ і сірого блоку дзеркалять inline-стилі .ch-* цепей. */
.pl-lead{max-width:860px;font-size:var(--fs-16);line-height:1.7;color:var(--color-text-light);margin:0 0 28px}
.pl-note{margin:18px 0 0;font-size:var(--fs-15);color:var(--color-text-light)}
.pl-note a{color:var(--color-dark);font-weight:var(--fw-semibold);text-decoration:underline;text-decoration-color:var(--color-primary);text-underline-offset:3px}

/* карточки товарів: секція без темної плашки; підзаголовок групи 2 = звичайний H3 */
#pl-products .pg-section{padding:32px 0 40px}
.pl-subhead{font-size:var(--fs-24);font-weight:var(--fw-bold);color:var(--color-dark);line-height:1.25;margin:0 0 24px}

/* таблиця підбору */
.pl-table-wrap{border:1px solid var(--color-border-solid);border-radius:8px;overflow:hidden;background:#fff}
.pl-table{width:100%;border-collapse:collapse;font-size:var(--fs-15);line-height:1.5}
.pl-table th{background:var(--color-dark);color:#fff;text-align:left;font-weight:var(--fw-semibold);padding:14px 18px;font-size:var(--fs-14);letter-spacing:.02em}
.pl-table td{padding:14px 18px;border-top:1px solid var(--color-border-solid);vertical-align:top;color:var(--color-text)}
.pl-table tbody tr:nth-child(even) td{background:#fafafa}
.pl-table td:first-child{font-weight:var(--fw-semibold);color:var(--color-dark)}
.pl-table .pl-mark{display:inline-block;background:var(--color-cream);border-left:3px solid var(--color-primary);padding:2px 8px;font-weight:var(--fw-semibold)}

/* сірий блок повʼязаних розділів: ті самі правила, що .ch-industries у template-chains.php (там вони inline) */
.pl-related{margin-top:36px;padding:22px 24px;background:var(--color-light-bg);border-radius:8px}
.pl-related ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.pl-related li{font-size:var(--fs-15);line-height:1.5;color:var(--color-text)}
.pl-related a{color:var(--color-dark);font-weight:var(--fw-semibold);text-decoration:underline;text-decoration-color:var(--color-primary);text-underline-offset:3px}

/* нижній заклик: заголовок як h2 у .rh-cta-split__content (тут абзац, щоб не дублювати H2 форми) */
.rh-cta-split__content .pl-cta__title{font-size:var(--fs-28);font-weight:var(--fw-bold,700);color:var(--color-dark);margin:0 0 16px;line-height:1.25}

/* FAQ */
.pl-faq{border-top:2px solid var(--color-border)}
.pl-faq details{border-bottom:2px solid var(--color-border)}
.pl-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font-size:var(--fs-18);font-weight:var(--fw-semibold);color:var(--color-dark)}
.pl-faq summary::-webkit-details-marker{display:none}
.pl-faq summary::after{content:'+';flex-shrink:0;font-size:28px;font-weight:300;line-height:1;transition:transform .25s}
.pl-faq details[open] summary::after{transform:rotate(45deg)}
.pl-faq details p{margin:0 0 22px;max-width:860px;font-size:var(--fs-16);line-height:1.7;color:var(--color-text-light)}

@media (max-width:760px){
    .pl-related ul{grid-template-columns:1fr}
    .rh-cta-split__content .pl-cta__title{font-size:var(--fs-24)}
    /* таблиця: на телефоні кожен рядок стає карткою, назва колонки над значенням */
    .pl-table-wrap{border:0;background:transparent;border-radius:0;overflow:visible}
    .pl-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
    .pl-table,.pl-table tbody,.pl-table tr,.pl-table td{display:block;width:100%}
    .pl-table tr{background:#fff;border:1px solid var(--color-border-solid);border-left:4px solid var(--color-primary);border-radius:8px;margin-bottom:12px;padding:14px 16px}
    .pl-table tbody tr:nth-child(even) td{background:transparent}
    .pl-table td{border:0;padding:4px 0}
    .pl-table td:first-child{font-size:var(--fs-16);padding-bottom:8px}
    .pl-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-top:6px}
    .pl-faq summary{font-size:var(--fs-16);padding:18px 0}
}


/* 10.11.2026: ссылки в тексте таблицы подбора, преимуществ, применений и FAQ */
.pl-table td a,.rh-features-strip__desc a,.rh-accordion__content li a,.pl-faq a{color:var(--color-dark);font-weight:var(--fw-semibold);text-decoration:underline;text-decoration-color:var(--color-primary);text-underline-offset:3px}
