/* Страницы направлений (kind="direction"). Перенести в style.css при встраивании. */
.dir-hero { padding:44px 0 48px; border-bottom:1px solid var(--line); }
.dir-hero .crumbs { margin-top:0; }
.dir-hero-grid { display:grid; grid-template-columns:minmax(0,6fr) minmax(0,5fr); gap:48px; align-items:center; }
.dir-hero h1 { margin:.1em 0 .4em; text-wrap:balance; }
.dir-lead { max-width:38em; font-size:1.125rem; color:var(--muted); }
.dir-lead p { margin:0 0 .8em; }
.dir-cta { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.dir-fig { position:relative; margin:0; aspect-ratio:4/3; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background-color:var(--card); }
.dir-fig img { display:block; width:100%; height:100%; object-fit:cover; }
.dir-ph { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--mark);
  background-color:var(--card);
  background-image:linear-gradient(var(--grid-minor) 1px,transparent 1px), linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px),
                   linear-gradient(var(--grid-major) 1px,transparent 1px), linear-gradient(90deg,var(--grid-major) 1px,transparent 1px);
  background-size:16px 16px,16px 16px,80px 80px,80px 80px; }
.dir-ph .ico { width:56px; height:56px; }
.dir-body { padding-top:40px; }
.dir-body .prose { max-width:none; }
.dir-body .prose > h2, .dir-body .prose > p, .dir-body .prose > ul { max-width:780px; }
@media (max-width:900px) {
  .dir-hero-grid { grid-template-columns:1fr; gap:28px; }
  .dir-fig { order:-1; aspect-ratio:16/9; }
}

/* Дополнительный кадр направления */
.dir-gallery { padding:8px 0 40px; }
.dir-mfig { display:flex; align-items:flex-end; gap:20px; margin:0; }
.dir-mfig img { display:block; width:auto; height:auto; max-width:min(440px,100%); max-height:480px; border:1px solid var(--line); border-radius:var(--radius); }
.dir-mfig figcaption { display:flex; align-items:center; gap:8px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
@media (max-width:760px) {
  .dir-mfig { flex-direction:column; align-items:stretch; gap:10px; }
  .dir-mfig picture { display:block; }
  .dir-mfig img { width:100%; max-width:none; max-height:none; }
}

/* Бренды: документы и блок «решения для склада» */
.brand-docs { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.brand-docs li { display:flex; flex-wrap:wrap; gap:6px 18px; align-items:baseline; padding:10px 0; border-bottom:1px solid var(--line); }
.brand-docs a:not(:first-child) { font-size:14px; }