/* Универсальная посадочная рубрики (template-parts/catalog-landing/landing.php). Санёк, 2026-10-17.
   Основа — css/lyulka-landing.css. Всё под .cl, на остальные страницы не влияет; правила шапки (main.css) не трогаются. Цвета темы: #FF6600 (акцент), #26324C/#526285 (текст). */
.cl{--o:#FF6600;--o2:#e65c00;--ink:#26324C;--mut:#526285;--line:#e4e7ee;--bg:#f6f7fa;color:var(--ink);font-family:"OpenSansRegular",Arial,sans-serif;font-size:16px;line-height:1.55;padding-bottom:40px}
.cl *,.cl *::before,.cl *::after{box-sizing:border-box}
.cl a{color:inherit}
.cl .breadcrumbs{margin:18px 0 8px}
.cl .cl-h2{font-family:"OpenSansBold",Arial,sans-serif;font-size:26px;line-height:1.25;margin:0 0 14px;color:var(--ink)}
.cl .cl-h3{font-family:"OpenSansBold",Arial,sans-serif;font-size:19px;line-height:1.3;margin:28px 0 12px;color:var(--ink)}
.cl .cl-sec{margin:44px 0 0}
.cl .cl-sec__intro{color:var(--mut);max-width:820px;margin:0 0 20px}

/* Кнопки */
.cl .cl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border-radius:26px;border:2px solid var(--o);font-family:"OpenSansSemiBold",Arial,sans-serif;font-size:16px;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap;text-align:center}
.cl .cl-btn--primary{background:var(--o);color:#fff!important}
.cl .cl-btn--primary:hover,.cl .cl-btn--primary:focus{background:var(--o2);border-color:var(--o2);color:#fff!important}
.cl .cl-btn--ghost{background:#fff;color:var(--o)!important}
.cl .cl-btn--ghost:hover,.cl .cl-btn--ghost:focus{background:var(--o);color:#fff!important}
.cl .cl-btn--sm{min-height:44px;padding:8px 16px;font-size:15px}
.cl .cl-btn--block{width:100%}
.cl .cl-btn:focus-visible,.cl summary:focus-visible,.cl a:focus-visible,.cl input:focus-visible{outline:3px solid #2b6cff;outline-offset:2px}

/* Первый экран */
.cl .cl-hero{display:grid;grid-template-columns:1fr;gap:20px;background:linear-gradient(135deg,#fff 0%,#fff4ec 100%);border:1px solid var(--line);border-radius:18px;padding:22px 18px;overflow:hidden}
.cl .cl-hero__text{display:flex;flex-direction:column}
.cl .cl-hero__h1{font-family:"OpenSansExtraBold",Arial,sans-serif;font-size:27px;line-height:1.15;margin:0 0 8px;color:var(--ink)}
.cl .cl-hero__sub{font-family:"OpenSansSemiBold",Arial,sans-serif;font-size:18px;color:var(--mut);margin:0 0 12px}
.cl .cl-hero__lead{margin:0 0 16px}
.cl .cl-facts{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.cl .cl-facts li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.cl .cl-facts b{display:block;white-space:nowrap;font-family:"OpenSansBold",Arial,sans-serif;font-size:18px;color:var(--o);line-height:1.2}
.cl .cl-facts span{font-size:14px;color:var(--mut)}
.cl .cl-hero__cta{display:flex;flex-wrap:wrap;gap:10px}
.cl .cl-hero__cta .cl-btn{flex:1 1 200px}
.cl .cl-hero__note{font-size:14px;color:var(--mut);margin:12px 0 0}
.cl .cl-hero__media{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:10px}
.cl .cl-hero__media img{max-width:100%;height:auto;max-height:340px;width:auto;object-fit:contain}

/* Карточки */
.cl .cl-cards{display:grid;grid-template-columns:1fr;gap:16px}
.cl .cl-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;transition:box-shadow .2s,transform .2s}
.cl .cl-card:hover{box-shadow:0 10px 30px rgba(38,50,76,.12);transform:translateY(-2px)}
.cl .cl-card__img{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#fff;border-radius:10px;overflow:hidden}
.cl .cl-card__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.cl .cl-card__badge{position:absolute;top:8px;left:8px;background:var(--ink);color:#fff;font-family:"OpenSansBold",Arial,sans-serif;font-size:13px;padding:3px 10px;border-radius:12px}
.cl .cl-card__title{font-family:"OpenSansBold",Arial,sans-serif;font-size:17px;line-height:1.3;margin:12px 0 8px}
.cl .cl-card__title a{text-decoration:none}
.cl .cl-card__title a:hover{color:var(--o)}
.cl .cl-card__specs{list-style:none;padding:0;margin:0 0 10px;font-size:15px}
.cl .cl-card__specs li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed var(--line)}
.cl .cl-card__specs span{color:var(--mut)}
.cl .cl-card__specs b{font-family:"OpenSansSemiBold",Arial,sans-serif;font-weight:normal;text-align:right}
.cl .cl-card__price{font-family:"OpenSansBold",Arial,sans-serif;font-size:22px;color:var(--o);margin:auto 0 12px;padding-top:6px}
.cl .cl-card__btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* Таблица */

/* Как выбрать */
.cl .cl-steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:12px}
.cl .cl-steps li{counter-increment:s;position:relative;background:var(--bg);border-radius:14px;padding:16px 16px 16px 62px}
.cl .cl-steps li::before{content:counter(s);position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--o);color:#fff;font-family:"OpenSansBold",Arial,sans-serif;display:flex;align-items:center;justify-content:center}
.cl .cl-steps h3{font-family:"OpenSansBold",Arial,sans-serif;font-size:17px;margin:4px 0 6px}
.cl .cl-steps p{margin:0;color:var(--ink)}
.cl .cl-inline-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:18px;padding:16px 18px;border:2px dashed var(--o);border-radius:14px}
.cl .cl-inline-cta p{margin:0;flex:1 1 260px;font-family:"OpenSansSemiBold",Arial,sans-serif}

/* Безопасность */
.cl .cl-checks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:10px}
.cl .cl-checks li{position:relative;padding:12px 14px 12px 44px;background:#fff;border:1px solid var(--line);border-radius:12px}
.cl .cl-checks li::before{content:"";position:absolute;left:14px;top:15px;width:18px;height:18px;border-radius:50%;background:var(--o) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 11.2 3.3 8l1-1 2.2 2.2 5.2-5.2 1 1z' fill='%23fff'/%3E%3C/svg%3E") center/14px no-repeat}

/* Другие люльки */
.cl .cl-other{display:grid;grid-template-columns:1fr;gap:16px}
.cl .cl-other__grp{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}
.cl .cl-other__head{display:flex;gap:14px;align-items:flex-start}
.cl .cl-other__head img{flex:0 0 96px;width:96px;height:96px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--line)}
.cl .cl-other__head .cl-h3{margin:0 0 6px}
.cl .cl-other__head .cl-h3 a{text-decoration:none;border-bottom:1px solid rgba(38,50,76,.3)}
.cl .cl-other__head p{margin:0;font-size:15px;color:var(--mut)}
.cl .cl-other__list{list-style:none;padding:0;margin:12px 0 0}
.cl .cl-other__list li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:9px 0;border-top:1px solid var(--line)}
.cl .cl-other__list a{font-family:"OpenSansSemiBold",Arial,sans-serif;text-decoration:none}
.cl .cl-other__list a:hover{color:var(--o)}
.cl .cl-other__list b{grid-row:1/3;grid-column:2;align-self:center;font-family:"OpenSansBold",Arial,sans-serif;font-weight:normal;color:var(--o);white-space:nowrap}
.cl .cl-other__meta{font-size:14px;color:var(--mut)}

/* FAQ */
.cl .cl-faq{display:grid;gap:10px}
.cl .cl-faq__item{border:1px solid var(--line);border-radius:12px;background:#fff}
.cl .cl-faq__item summary{list-style:none;cursor:pointer;padding:14px 48px 14px 16px;font-family:"OpenSansSemiBold",Arial,sans-serif;position:relative;min-height:48px}
.cl .cl-faq__item summary::-webkit-details-marker{display:none}
.cl .cl-faq__item summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--o);line-height:1}
.cl .cl-faq__item[open] summary::after{content:"–"}
.cl .cl-faq__item p{margin:0;padding:0 16px 16px;color:var(--ink)}

/* Заявка */
.cl .cl-lead{margin-top:44px;display:grid;grid-template-columns:1fr;gap:18px;background:var(--ink);color:#fff;border-radius:18px;padding:24px 18px}
.cl .cl-lead .cl-h2{color:#fff}
.cl .cl-lead p{margin:0 0 10px;color:#dfe4ef}
.cl .cl-lead__phones{display:flex;flex-wrap:wrap;gap:8px 20px}
.cl .cl-lead__phones a{color:#fff;font-family:"OpenSansBold",Arial,sans-serif;font-size:19px;text-decoration:none}
.cl .cl-form{background:#fff;color:var(--ink);border-radius:14px;padding:18px;display:grid;gap:12px}
.cl .cl-form__f span{display:block;font-size:14px;color:var(--mut);margin-bottom:4px}
.cl .cl-form__f input{width:100%;min-height:48px;border:1px solid #cfd5e1;border-radius:10px;padding:10px 14px;font-size:16px;color:var(--ink)}
.cl .cl-form__f input:focus{border-color:var(--o);outline:none;box-shadow:0 0 0 3px rgba(255,102,0,.2)}
.cl .cl-form__c{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--mut);cursor:pointer}
.cl .cl-form__c input[type="checkbox"]{position:static;left:auto;width:22px;height:22px;margin:0;flex:0 0 22px;accent-color:var(--o);opacity:1;appearance:auto;-webkit-appearance:checkbox}
.cl .cl-form .static-response{font-family:"OpenSansSemiBold",Arial,sans-serif;text-align:center;color:var(--ink)}

/* Ссылки */
.cl .cl-links ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.cl .cl-links a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:20px;background:#fff;text-decoration:none;font-size:15px}
.cl .cl-links a:hover{border-color:var(--o);color:var(--o)}

/* Липкая кнопка (только < 992px) */
.cl-sticky{display:none}
@media (max-width:991.98px){
  .cl .cl-sticky{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:900;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);box-shadow:0 -6px 20px rgba(38,50,76,.15);transform:translateY(110%);transition:transform .25s}
  .cl .cl-sticky .cl-btn{display:flex;text-align:center;min-height:46px;padding:8px 10px}
  body.cl-sticky-on .cl-sticky{transform:none}
  body.cl-sticky-on #popup__toggle{display:none}
  body.cl-page{padding-bottom:72px}
}

@media (max-width:767.98px){
  .cl .cl-hero__lead{order:5;margin:16px 0 0}
  .cl .cl-hero__note{order:6}
  .cl .cl-hero__sub{font-size:16px}
  .cl .cl-hero__media{padding:6px}
  .cl .cl-hero__media img{max-height:220px}
  .cl .cl-h2{font-size:23px}
}
@media (min-width:576px){
  .cl .cl-cards{grid-template-columns:repeat(2,1fr)}
  .cl .cl-facts{grid-template-columns:repeat(4,1fr)}
  .cl .cl-hero__cta .cl-btn{flex:0 0 auto}
}
@media (min-width:768px){
  .cl .cl-hero{grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr);padding:32px;gap:28px;align-items:center}
  .cl .cl-facts{grid-template-columns:repeat(2,1fr)}
  .cl .cl-hero__h1{font-size:36px}
  .cl .cl-hero__media img{max-height:420px}
  .cl .cl-steps{grid-template-columns:repeat(2,1fr)}
  .cl .cl-checks{grid-template-columns:repeat(2,1fr)}
  .cl .cl-other{grid-template-columns:repeat(2,1fr)}
  .cl .cl-lead{grid-template-columns:1fr 1fr;padding:32px;align-items:center}
  .cl .cl-h2{font-size:30px}
}
@media (min-width:992px){
  .cl .cl-cards{grid-template-columns:repeat(3,1fr)}
  .cl .cl-hero{padding:40px 44px}
  .cl .cl-hero__h1{font-size:42px}
  .cl .cl-facts{grid-template-columns:repeat(4,1fr)}
  .cl .cl-steps{grid-template-columns:repeat(3,1fr)}
  .cl .cl-steps li:nth-child(4),.cl .cl-steps li:nth-child(5){grid-column:span 1}
}
@media (prefers-reduced-motion:reduce){.cl *{transition:none!important}}

/* ---- Дополнения универсальной посадочной ---- */
.cl .cl-hero__note{order:7}
/* Виды (хаб) */
.cl .cl-types{display:grid;grid-template-columns:1fr;gap:14px}
.cl .cl-type{display:flex;gap:14px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;text-decoration:none!important;color:var(--ink)!important;transition:box-shadow .2s,transform .2s,border-color .2s}
.cl .cl-type:hover,.cl .cl-type:focus-visible{box-shadow:0 10px 30px rgba(38,50,76,.12);transform:translateY(-2px);border-color:var(--o)}
.cl .cl-type__img{flex:0 0 104px;width:104px;height:104px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;overflow:hidden}
.cl .cl-type__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.cl .cl-type__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.cl .cl-type__name{font-family:"OpenSansBold",Arial,sans-serif;font-size:17px;line-height:1.25}
.cl .cl-type__text{font-size:14px;color:var(--mut);line-height:1.4}
.cl .cl-type__meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:var(--mut)}
.cl .cl-type__meta span{white-space:nowrap}
.cl .cl-type__price{margin-top:auto;font-family:"OpenSansBold",Arial,sans-serif;color:var(--o);font-size:17px}
/* Фильтр */
.cl .cl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.cl .cl-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);font-family:"OpenSansSemiBold",Arial,sans-serif;font-size:15px;cursor:pointer;line-height:1.2}
.cl .cl-chip span{font-size:12px;color:var(--mut);background:var(--bg);border-radius:10px;padding:1px 7px}
.cl .cl-chip:hover{border-color:var(--o)}
.cl .cl-chip.is-on{background:var(--o);border-color:var(--o);color:#fff}
.cl .cl-chip.is-on span{background:rgba(255,255,255,.25);color:#fff}
.cl .cl-chip:focus-visible{outline:3px solid #2b6cff;outline-offset:2px}
.cl .is-hidden{display:none!important}
.cl .cl-card__price--none{font-size:17px;color:var(--mut)}
/* Таблица моделей: строки — модели */
/* Статья раздела (описание рубрики) */
.cl .cl-article{max-width:900px;font-size:16px}
.cl .cl-article h2{font-family:"OpenSansBold",Arial,sans-serif;font-size:26px;line-height:1.25;margin:0 0 14px;color:var(--ink)}
.cl .cl-article h3{font-family:"OpenSansBold",Arial,sans-serif;font-size:19px;line-height:1.3;margin:24px 0 10px;color:var(--ink)}
.cl .cl-article p{margin:0 0 12px}
.cl .cl-article ul,.cl .cl-article ol{margin:0 0 14px;padding-left:22px}
.cl .cl-article li{margin:0 0 6px}
.cl .cl-article a{color:var(--o);text-decoration:underline}
.cl .cl-article img{max-width:100%;height:auto}
.cl .cl-article .tds-city-intro{background:var(--bg);border-radius:12px;padding:12px 16px;margin:0 0 14px}
.cl .cl-article table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:15px}
.cl .cl-article th,.cl .cl-article td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.cl .cl-form__model{margin:0;font-size:14px;color:var(--mut)}
.cl .cl-form__model b{color:var(--ink)}
@media (max-width:767.98px){
  .cl .cl-article h2{font-size:23px}
  .cl .cl-type__img{flex-basis:84px;width:84px;height:84px}
}
@media (min-width:768px){
  .cl .cl-types{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1200px){
  .cl .cl-types{grid-template-columns:repeat(3,1fr)}
  .cl .cl-type{flex-direction:column}
  .cl .cl-type__img{width:100%;flex-basis:auto;height:170px}
}
@media (min-width:992px){.cl .cl-steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}

/* ===== Таблицы сравнения (17.10, правка по замечанию Ивана: низкие строки, без прокрутки на десктопе, карточки на мобиле) ===== */
.cl .cl-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px;background:#fff}
.cl .cl-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.35;background:#fff}
.cl .cl-table th,.cl .cl-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.cl .cl-table tbody tr:last-child th,.cl .cl-table tbody tr:last-child td{border-bottom:0}
.cl .cl-table thead th{background:var(--ink);color:#fff;font-family:"OpenSansBold",Arial,sans-serif;font-weight:normal;font-size:13px;line-height:1.25;vertical-align:bottom}
.cl .cl-table tbody th{font-family:"OpenSansSemiBold",Arial,sans-serif;font-weight:normal;white-space:nowrap;background:#fff}
.cl .cl-table tbody th a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(38,50,76,.25)}
.cl .cl-table tbody th a:hover,.cl .cl-table tbody th a:focus-visible{color:var(--o);border-bottom-color:var(--o)}
.cl .cl-table tbody tr:nth-child(even) td,.cl .cl-table tbody tr:nth-child(even) th{background:var(--bg)}
.cl .cl-table td{white-space:nowrap}
.cl .cl-table td.cl-best,.cl .cl-table td.cl-wrap{white-space:normal}
.cl .cl-table td.cl-best{min-width:170px}
.cl .cl-table td.cl-wrap{min-width:90px}
.cl .cl-table .cl-table__price{font-family:"OpenSansBold",Arial,sans-serif;color:var(--o);white-space:nowrap}
/* первая колонка закреплена только если таблица шире экрана; шапка тоже закреплена, чтобы не наезжала на соседние столбцы */
.cl .cl-table thead th:first-child,.cl .cl-table tbody th{position:sticky;left:0;z-index:1}
.cl .cl-table thead th:first-child{z-index:2}
.cl .cl-table thead th:first-child,.cl .cl-table tbody th{box-shadow:inset -1px 0 0 var(--line)}
.cl .cl-table thead th:first-child{box-shadow:inset -1px 0 0 rgba(255,255,255,.15)}
.cl .cl-table--models th,.cl .cl-table--models td{padding:7px 9px}
.cl .cl-table--models thead th{font-size:12.5px}
.cl .cl-table tbody tr.is-hidden{display:none!important}
@media (min-width:1200px){
  .cl .cl-table{font-size:14.5px}
  .cl .cl-table th,.cl .cl-table td{padding:9px 12px}
}
/* Телефон и планшет (<992): каждая строка — компактная карточка «название + пары значение/подпись», на планшете по 2 в ряд */
@media (max-width:991.98px){
  .cl .cl-table-wrap{overflow:visible;border:0;border-radius:0;background:none}
  .cl .cl-table--stack,.cl .cl-table--stack tbody{display:block;width:100%;background:none}
  .cl .cl-table--stack thead{display:none}
  .cl .cl-table--stack tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 8px;align-content:start}
  .cl .cl-table--models.cl-table--stack tbody tr{grid-template-columns:repeat(3,1fr)}
  .cl .cl-table--stack tbody tr:nth-child(even) td,.cl .cl-table--stack tbody tr:nth-child(even) th{background:none}
  .cl .cl-table--stack tbody th,.cl .cl-table--stack td{display:block;padding:0;border:0;position:static;box-shadow:none;background:none;white-space:normal;min-width:0}
  .cl .cl-table--stack tbody th{font-size:16px;line-height:1.3;padding:0 0 2px}
  .cl .cl-table--stack td{font-size:14px;line-height:1.3}
  .cl .cl-table--stack td::before{content:attr(data-label);display:block;font-family:"OpenSansRegular",Arial,sans-serif;font-size:12px;color:var(--mut);line-height:1.25;margin:0 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cl .cl-table--stack td.cl-best{grid-column:1/-1}
  .cl .cl-table--stack tbody th{grid-column:1/-2;grid-row:1;align-self:center}
  .cl .cl-table--stack td.cl-table__price{grid-column:-2/-1;grid-row:1;text-align:right;align-self:center;font-size:15px}
  .cl .cl-table--stack td.cl-table__price::before{content:none}
  .cl .cl-table--stack td.cl-table__price{white-space:normal;min-width:0;overflow-wrap:anywhere;line-height:1.25}
  .cl .cl-table--stack td.cl-best{order:9}
}
@media (min-width:768px) and (max-width:991.98px){
  .cl .cl-table--stack tbody{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .cl .cl-table--stack tbody tr{margin:0}
}

/* Санёк 01.11: иконка трубки в кнопке «Позвонить» (липкая панель на мобильных) */
.tds-call-ic{flex:0 0 auto;width:18px;height:18px;margin-right:8px;vertical-align:middle;fill:currentColor}