/* ——— базовое */
*,
*::before,
*::after { box-sizing: border-box; }

.container { max-width: 1160px; margin: 0 auto; }
.breadcrumbs { font-size: 14px; color:#888; margin-bottom: 24px; margin-top: 16px; }
.breadcrumbs a:hover { color:#C2181F; }

.page-header {
  display:flex; align-items:center; gap:12px; margin-bottom: 20px;
}
.page-header h1 {
  font-size: 36px; line-height:1.2; font-weight:500; color:#303030;
}
.back-button {
  display:grid; place-items:center; width:40px; height:40px; border:1px solid #eee;
  border-radius: 10px; background:#fff; cursor:pointer;
}
.back-button:hover { border-color:#ccc; }

/* ——— контент */
.brand-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}

/* ——— область описания бренда */
.brand-description {
  font-size: 16px;
  line-height: 1.6;
  color:#303030;
}

/* логотип бренда (идёт до BbText) */
.brand-description .brand-logo {
  max-width: 240px;
  height:auto;
  display:block;
  margin: 4px 0 20px 0;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.02));
}

/* типографика: аккуратные отступы */
.brand-description p { margin: 0 0 12px 0; }
/* чтобы элементы корректно учитывали вложенности */
.brand-description p,
.brand-description li { display: flow-root; }

.brand-description ul {
  margin: 8px 0 16px 0;
  padding-left: 0;
}
.brand-description li {
  position: relative;
  padding-left: 24px;
  margin: 0 0 10px 0;
}
.brand-description li::before {
  content: "";
  position:absolute; left:0; top:0.7em;
  width:8px; height:8px; border-radius: 50%;
  background:#C2181F;
}

.brand-description strong { font-weight:600; }

/* ——— изображения: просто прижаты к левому краю, без float, без центрирования */
.brand-description img {
  display:block;
  max-width: 100%;
  height: auto;
  margin: 16px 0;            /* было: auto по бокам — убрал, чтобы не центрировало */
  border-radius: 8px;
  border: 1px solid #eee;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* отдельные крупные иллюстрации (когда картинка была отдельным абзацем) тоже слева */
.brand-description .is-standalone-image {
  margin: 20px 0;            /* было: auto по бокам — убрал */
}

/* ссылки (если попадутся) */
.brand-description a { color:#0b69c7; text-underline-offset: 3px; }
.brand-description a:hover { color:#094f95; }

/* ——— адаптив */
@media (max-width: 1023px) {
  .page-header h1 { font-size: 28px; }
  .brand-description { font-size: 15.5px; }
}
@media (max-width: 767px) {
  .container { padding: 16px; }
  .page-header h1 { font-size: 24px; }
  .brand-description .brand-logo { max-width: 200px; margin-bottom: 16px; }
  .brand-description img { margin: 12px 0; }
}


.brand-description strong {
    font-weight: 500;
}