.catalog-seo-nav{margin:32px 0;padding:24px;background:#f5f7f8;border-radius:6px}
.catalog-seo-nav h2{font-size:24px;line-height:1.3;margin:0 0 16px;color:#263238}
.catalog-seo-nav__links{display:flex;flex-wrap:wrap;gap:10px}
.catalog-seo-nav__links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;background:#fff;border:1px solid #dce3e6;border-radius:4px;color:#263238;font-size:16px;line-height:1.4;text-decoration:none}
.catalog-seo-nav__links a:hover,.catalog-seo-nav__links a[aria-current=page]{border-color:#6e9749;background:#edf3e7}
.catalog-seo-nav__links a:focus-visible{outline:2px solid #4f7832;outline-offset:3px}
.catalog-seo-intro{font-size:16px;line-height:1.5;color:#455a64;margin:-8px 0 24px;max-width:900px}
.catalog-seo-intro[hidden]{display:none!important}
@media(max-width:767px){.catalog-seo-nav{padding:18px;margin:24px 0}.catalog-seo-nav h2{font-size:21px}.catalog-seo-nav__links{gap:8px}.catalog-seo-nav__links a{padding:8px 12px}.catalog-seo-intro{margin:0 0 20px}}


/* Curated catalog pages share the native container and title scale. */
.catalog-collection { padding: 0 0 30px; }
.catalog-collection .catalog-collection__content { width: 100%; min-width: 0; }
.catalog-collection .directory__wr-blocks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 20px;
  margin-top: 0;
}
.catalog-collection .directory__wr-blocks .hits__block { width: auto; min-width: 0; }
.catalog-collection .hits__block[hidden] { display: none !important; }

/* Approved lower-page copy uses the same presentation for sizes and models. */
.product__card-big .product__visualization-note { position: absolute; left: 12px; right: 12px; bottom: 8px; margin: 0; color: #607d8b; font-size: 12px; line-height: 1.4; }
.catalog-copy { padding: 24px 0 12px; }
.catalog-copy[hidden] { display: none !important; }
.catalog-copy h2, .catalog-collection__title {
  margin: 30px 0 18px;
  color: #263238;
  font-size: 28px;
  line-height: 1.25;
}
.catalog-copy h2:first-child, .catalog-collection__title { margin-top: 0; }
.catalog-copy h3 { margin: 24px 0 12px; color: #263238; font-size: 22px; line-height: 1.3; }
.catalog-copy p, .catalog-copy li {
  max-width: 1040px;
  color: #445c67;
  font-size: 17px;
  line-height: 1.6;
}
.catalog-copy p { margin: 0 0 16px; }
.catalog-copy ul { margin: 0 0 20px; padding-left: 24px; }
.catalog-copy li { margin-bottom: 10px; }
.catalog-copy__table { max-width: 1040px; margin: 0 0 20px; overflow-x: auto; }
.catalog-copy table { width: 100%; border-collapse: collapse; color: #445c67; font-size: 16px; line-height: 1.5; }
.catalog-copy th, .catalog-copy td { padding: 12px 16px; border: 1px solid #dde7df; text-align: left; overflow-wrap: anywhere; }
.catalog-copy th { color: #263238; font-weight: 700; background: #f7faf8; }
@media (max-width: 600px) {
  .catalog-copy h2, .catalog-collection__title { font-size: 24px; }
  .catalog-copy h3 { font-size: 20px; }
  .catalog-copy p, .catalog-copy li { font-size: 16px; }
  .catalog-copy th, .catalog-copy td { padding: 10px; }
}

/* One FAQ presentation; the old aliases also cover AJAX-generated items. */
.catalog-faq { padding: 36px 0; }
.catalog-faq[hidden], .catalog-model-faq[hidden] { display: none !important; }
.catalog-faq h2 {
  margin: 0 0 18px;
  color: #263238;
  font-size: 30px;
  line-height: 1.2;
}
.catalog-faq__items, .catalog-faq .seo-purpose-faq__items { display: grid; gap: 12px; }
.catalog-faq__item, .catalog-faq .seo-purpose-faq__item {
  padding: 18px 22px;
  border-radius: 8px;
  background: #f7faf8;
}
.catalog-faq__item summary, .catalog-faq .seo-purpose-faq__item summary {
  cursor: pointer;
  color: #263238;
  font-size: 18px;
  font-weight: 700;
}
.catalog-faq .catalog-faq__answer p, .catalog-faq .seo-purpose-faq__answer p {
  margin: 12px 0 0;
  color: #455a64;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 1180px) and (min-width: 901px) {
  .catalog-collection .directory__wr-blocks { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .catalog-collection .directory__wr-blocks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
}
@media (max-width: 560px) {
  .catalog-collection .directory__wr-blocks { grid-template-columns: 1fr; }
}
