.brand-directory,.brand-models-section{background:#f6f8f5}.brand-directory-head,.brand-models-head{max-width:1180px;margin:0 auto 28px;display:flex;align-items:end;justify-content:space-between;gap:36px}.brand-directory-head h2,.brand-models-head h2{font-size:clamp(32px,3.6vw,48px);line-height:1.1}.brand-directory-head>p{max-width:390px;color:#63716d;line-height:1.6;margin:0}.brand-search-label{display:grid;gap:8px;max-width:1180px;margin:0 auto 24px;color:#0c4f4a;font-size:13px;font-weight:700}.brand-search-label input{width:100%;height:52px;padding:0 17px;border:1px solid #dce4df;border-radius:10px;background:#fff;color:#102523;font-size:16px;outline-color:#0b6b61}.brand-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.brand-card{display:flex;flex-direction:column;min-width:0;border:1px solid #dce4df;border-radius:18px;background:#fff;overflow:hidden;transition:transform .2s,border-color .2s}.brand-card:hover{transform:translateY(-3px);border-color:#9fc8b8}.brand-card[hidden],.brand-model[hidden],.brand-empty[hidden]{display:none}.brand-card-image{height:190px;display:flex;align-items:center;justify-content:center;padding:20px;background:#eaf3ee}.brand-card-image img{width:auto;max-width:100%;height:auto;max-height:148px;object-fit:contain}.brand-card-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:20px}.brand-card-title{font-size:21px;font-weight:700;line-height:1.2}.brand-card-meta{font-size:13px;color:#63716d}.brand-card-link{margin-top:auto;padding-top:17px;color:#0c4f4a;font-size:13px;font-weight:700;display:flex;justify-content:space-between}.brand-caveat{max-width:1180px;margin:26px auto 0;color:#63716d;line-height:1.5;font-size:12px}.brand-empty{max-width:1180px;margin:18px auto;color:#63716d}.brand-breadcrumb{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:30px 0 0;color:#63716d;font-size:12px}.brand-breadcrumb a:hover{color:#0c4f4a}.brand-page-intro{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:70px 0 78px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:60px;align-items:center}.brand-page-intro h1{font-size:clamp(42px,5.2vw,68px);line-height:1.08}.brand-page-intro p:not(.kicker){max-width:650px;color:#50635b;font-size:18px;line-height:1.6;margin:22px 0 28px}.brand-page-intro figure{margin:0;background:#e7f1eb;border-radius:20px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.brand-page-intro figure img{max-width:100%;width:auto;max-height:220px;object-fit:contain;image-rendering:auto}.brand-page-intro figcaption{font-size:11px;color:#63716d;text-align:center;margin-top:14px}.brand-models-head p{color:#63716d;margin:0}.brand-model-grid{max-width:1180px;margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.brand-model{display:flex;flex-direction:column;gap:12px;min-height:115px;padding:20px;border:1px solid #dce4df;border-radius:15px;background:#fff}.brand-model-name{font-weight:700;font-size:17px;line-height:1.3}.brand-model-note{margin-top:auto;color:#63716d;font-size:12px}.brand-back{display:block;max-width:1180px;margin:28px auto 0;color:#0c4f4a;font-weight:700}.brand-back:hover{text-decoration:underline}
@media(max-width:1050px){.site-header .header-cta{display:none}.site-header{grid-template-columns:1fr auto}.site-header .menu-button{justify-self:end}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-directory,.brand-models-section{padding-left:20px;padding-right:20px}.brand-breadcrumb,.brand-page-intro{margin-left:20px;margin-right:20px}.brand-page-intro{gap:30px}}
@media(max-width:760px){.brand-grid,.brand-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-directory-head,.brand-models-head{display:block}.brand-directory-head>p{margin-top:16px}.brand-page-intro{grid-template-columns:1fr;padding:48px 0}.brand-page-intro figure{min-height:230px}.brand-card-image{height:160px}.brand-page-intro h1{font-size:45px}}
@media(max-width:480px){.brand-grid,.brand-model-grid{grid-template-columns:1fr}.brand-card{flex-direction:row;min-height:150px}.brand-card-image{flex:0 0 130px;height:auto;padding:13px}.brand-card-image img{max-height:105px}.brand-card-body{padding:16px}.brand-card-title{font-size:18px}.brand-model{min-height:90px}.brand-page-intro h1{font-size:39px}.brand-directory-head h2,.brand-models-head h2{font-size:34px}}

/* Every catalog image has a reserved 4:3 slot; its WebP canvas centers the product. */
.catalog-product-visual{display:grid;place-items:center;aspect-ratio:4/3;min-width:0;height:auto;padding:12px;background:#eaf3ee;overflow:hidden}
.catalog-product-visual img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center}
.brand-card-image{flex:none}
.brand-page-intro figure img{display:block;width:min(100%,400px);height:auto;aspect-ratio:4/3;max-height:none;object-fit:contain}
.brand-model{padding:0;gap:0;overflow:hidden}
.brand-model-image{width:100%;border-bottom:1px solid #e1e9e4}
.brand-model-image{position:relative}
.brand-model-image::after{content:"Образец бренда";position:absolute;left:10px;bottom:9px;padding:4px 7px;border-radius:5px;background:rgba(255,255,255,.88);color:#49665b;font-size:10px;line-height:1.2;letter-spacing:.01em}
.brand-model-image[data-image-status="pending"]::after{content:"Фото ожидается"}

/* Catalog SEO content is intentionally below the product directory. */
.brand-intro .page-intro-inner{padding-top:48px;padding-bottom:66px}
.brand-intro h1{max-width:1050px}
.brand-intro p:not(.kicker){max-width:850px;font-size:17px;line-height:1.65}
.brand-filters{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr minmax(220px,320px);gap:14px}
.brand-filters .brand-search-label{width:100%;margin:0 0 16px}
.brand-search-label select{width:100%;height:52px;padding:0 17px;border:1px solid #dce4df;border-radius:10px;background:#fff;color:#102523;font-size:16px;outline-color:#0b6b61}
.brand-filter-help{max-width:1180px;margin:0 auto 24px;color:#63716d;font-size:13px;line-height:1.6}
.brand-filter-help a,.catalog-guide a{text-decoration:underline;text-underline-offset:3px;color:#0c4f4a;font-weight:700}
.catalog-guide{background:#fff}
.catalog-guide-inner,.catalog-faq-inner{max-width:980px;margin:auto}
.catalog-guide h2,.catalog-faq h2,.catalog-final-cta h2{font-size:clamp(28px,3vw,42px);line-height:1.18}
.catalog-guide h2:not(:first-of-type){font-size:clamp(23px,2.2vw,30px);margin-top:34px}
.catalog-guide p:not(.kicker),.catalog-faq p,.catalog-final-cta p:not(.kicker){color:#50635b;line-height:1.75;max-width:900px}
.catalog-guide p{margin:14px 0 0}
.catalog-faq{background:#f6f8f5}
.catalog-faq h2{margin-bottom:24px}
.catalog-faq details{padding:20px 0}
.catalog-faq summary{font-family:inherit;font-size:18px;font-weight:700;line-height:1.4;gap:20px}
.catalog-faq details p{margin:12px 0 0}
.catalog-final-cta{background:#e7f1eb}
.catalog-final-cta>div{max-width:1180px;margin:auto}
.catalog-final-cta .button{margin-top:10px}
@media(max-width:760px){.brand-filters{grid-template-columns:1fr;gap:0}.catalog-guide h2:not(:first-of-type){margin-top:28px}.brand-intro .page-intro-inner{padding-top:38px;padding-bottom:50px}}
.brand-model-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:18px 20px}
.brand-model-name,.brand-model-note{display:block}
@media(max-width:480px){
  .brand-card-image{flex:0 0 130px;width:130px;align-self:center;padding:8px}
  .brand-card-image img{max-height:none}
  .brand-model{min-height:0;display:flex;flex-direction:row;align-items:stretch}
  .brand-model-image{flex:0 0 128px;width:128px;align-self:center;border-bottom:0;border-right:1px solid #e1e9e4;padding:7px}
  .brand-model-body{min-width:0;padding:15px}
}