.catalog-title{
    display:flex;
    flex-direction: column;
}
.catalog-btns{
 padding:30px 0 15px;
 display:flex;
 gap:15px;
}
.catalog-btns .btn_default{
    padding-left:10px;
    padding-right:10px;
}
.catalog-pre-text p{
  margin:10px 0;
  font-size:18px;
  line-height:1.15em;
}
.catalog-pre-text .btn{
    margin-top:15px;
    padding-right: 30px;
    padding-left: 30px;
    font-size:15px;
}
.catalog-pre-text {
    padding: 30px;
    background: rgb(90 71 71 / 74%)
}
.catalog-pre-wrapper{
    background:url(/local/templates/baltceramic/images/client_background.png)!important;
    background-repeat:no-repeat;
    background-size:cover;
    margin-top:30px;
}
.catalog-pre-text p:first-child {
    font-weight:600;
    font-size:30px;
    color:#fff;
}
.catalog-pre-text p + p {
    font-weight:400;
    font-size:25px;
    margin-top:15px;
    color:#fff;
}
.catalog-advantages-wrapper {
  margin: 40px 0 50px;
  padding: 30px;
  background: #f7f7f7;
}

.catalog-advantages-wrapper h2 {
  margin: 0 0 24px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
}

.catalog-advantages {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 30px;
  margin-bottom: 24px;
}

.catalog-advantage {
  display: flex;
  align-items: flex-start;
}

.catalog-advantage__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e3e3e3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
}

.catalog-advantage__icon svg {
  width: 22px;
  height: 22px;
  stroke: #dc291e; /* фирменный красный [2] */
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.catalog-advantage__icon svg path,
.catalog-advantage__icon svg rect,
.catalog-advantage__icon svg circle,
.catalog-advantage__icon svg polyline,
.catalog-advantage__icon svg line {
  stroke: #dc291e;
}

.catalog-advantage__content span {
  display: block;
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 15px;
}

.catalog-advantage__content p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
}

.catalog-advantages__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 991px) {
	.catalog-advantages-wrapper {
	padding: 24px 18px;
	}
	.catalog-advantages {
	grid-template-columns: 1fr;
	}
	.catalog-pre-text {
	  padding: 15px;
	}
	.catalog-pre-text p:first-child {
	  font-size: 20px;
	}
	.catalog-pre-text p {
	margin: 5px 0;
	font-size: 14px;
	line-height: 1.15;
	}
	.catalog-pre-text p + p {
	font-size: 14px;
    margin-top: 5px;
	}
	.catalog-pre-text .btn {
    margin-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
	}
}

@media (max-width: 575px) {
	.catalog-pre-text p:first-child {
	  font-size: 18px;
	}
  .catalog-advantage {
    align-items: center;
  }
  .catalog-advantages-wrapper h2 {
    font-size: 20px;
  }
}

.catalog-segments-wrapper {
  margin: 50px 0;
}

.catalog-segments-wrapper h2 {
  margin: 0 0 24px;
  font-size: 24px;
  font-weight: 600;
}

.catalog-segments {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.catalog-segment {
  border: 1px solid #e3e3e3;
  padding: 18px 20px 20px;
  background: #fff;
}

.catalog-segment h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
}

.catalog-segment p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
}

.catalog-segment__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 18px;
  font-size: 13px;
}

@media (max-width: 1199px) {
  .catalog-segments {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .catalog-segments {
    grid-template-columns: 1fr;
  }
}

.catalog-cases-wrapper {
  margin: 50px 0;
}

.catalog-cases-wrapper h2 {
  margin: 0 0 24px;
  font-size: 24px;
  font-weight: 600;
}

.catalog-cases {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.catalog-case {
  padding: 18px 20px 20px;
  border: 1px solid #e3e3e3;
  background: #fafafa;
}

.catalog-case h3 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 600;
}

.catalog-case p {
  margin: 0 0 4px;
  font-size: 14px;
  line-height: 1.4;
}

.catalog-case p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .catalog-cases {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .catalog-cases {
    grid-template-columns: 1fr;
  }
}

.catalog-terms-wrapper {
  margin: 50px 0;
  padding: 24px 26px 26px;
  background: #f7f7f7;
}

.catalog-terms-wrapper h2 {
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 600;
}

.catalog-terms {
  margin: 0;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.6;
}

.catalog-terms li {
  margin-bottom: 4px;
}

.catalog-terms li:last-child {
  margin-bottom: 0;
}

.catalog-cta-wrapper {
  margin: 50px 0 60px;
}

/* светлый вариант под карточки сайта */
.catalog-cta_light {
  padding: 24px 26px 26px;
  background: #f7f7f7;               /* как фон блока «Условия поставки» */
  color: #000;
  border: 1px solid #e0e0e0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
  align-items: flex-start;
}

.catalog-cta__text {
  flex: 1 1 260px;
  min-width: 0;
}
.catalog-cta__text h2 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 600;
}
.catalog-cta__text p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.catalog-cta__form {
  flex: 0 0 360px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.catalog-cta__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
}
.catalog-cta__field label {
  font-weight: 500;
}

.catalog-cta__field input[type="tel"],
.catalog-cta__field input[type="file"] {
  font-size: 14px;
  padding: 7px 10px;
  border-radius: 2px;
  border: 1px solid #cccccc;
  max-width: 100%;
  width: 100%;
}

/* кнопка — фирменная, как на карточках сверху */
.catalog-cta__btn {
  margin-top: 6px;
  align-self: flex-start;
}

/* адаптив */
@media (max-width: 767px) {
  .catalog-cta_light {
    padding: 20px;
  }
  .catalog-cta__form {
    flex: 1 1 100%;
  }
}

.row{
    margin-left:0px;
    margin-right:0px;
}
#sidebar {
  scroll-margin-top: 120px; /* сюда поставь реальную высоту шапки */
}
.catalog-cta__text,
.catalog-cta__form-wrap{
    width:50%;
}
.commercial-form--with-side{
  display:flex;
  gap:24px;
  align-items:flex-start;
}
.commercial-form__main{ flex: 1 1 auto; }
.commercial-form__side{ flex: 0 0 280px; }
@media (max-width: 768px){
  .commercial-form--with-side{ flex-direction:column; }
  .commercial-form__side{ flex-basis:auto; width:100%; }
}

/* Layout */
.commercial-form--with-side{
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 28px;
  align-items: start;
}

@media (max-width: 900px){
  .commercial-form--with-side{
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

/* Form main */
.commercial-form__main .commercial-form__field input,
.commercial-form__main .commercial-form__field textarea,
.commercial-form__main .commercial-form__field select{
  width: 100%;
  box-sizing: border-box;
}

.commercial-form__errors{
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(180,0,0,.25);
  background: rgba(180,0,0,.06);
  color: #7a0000;
  font-size: 13px;
  border-radius: 10px;
}

.commercial-form__agree{
  margin-top: 10px;
}

.commercial-form__btn{
  width: 100%;
}

.commercial-form__subtext{
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.35;
  color: rgba(0,0,0,.65);
}

/* Side block */
.commercial-form__side-inner{
  padding: 16px 16px;
  border-radius: 14px;
}

/* Pretty HTML inside SIDE_TEXT */
.commercial-form__side-inner strong{
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
  color: #111;
}

.commercial-form__side-inner ul{
  margin: 0;
  padding-left: 18px;
}

.commercial-form__side-inner li{
  margin: 8px 0;
  font-size: 13px;
  line-height: 1.4;
  color: rgba(0,0,0,.78);

}

/* If someone passes <p> */
.commercial-form__side-inner p{
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.4;
  color: rgba(0,0,0,.78);
}
.commercial-form__side-inner{
 text-align:left;
 padding-left:0;
}
.commercial-form__side-inner li{
    list-style-type: disc;
    font-size:15px;
}
.commercial-form__side-inner strong{
    font-size:16px;
}
/* Success modal (добавьте в ваш css) */
.modal-success {
  text-align: center;
}

.modal-success__title {
  margin: 0 0 12px;
}

.modal-success__text {
  margin: 0 auto 20px;
  max-width: 520px;
  font-size: 16px;
  line-height: 1.45;
}

.modal-success__actions {
  display: flex;
  justify-content: center;
}

.modal-success__btn {
  min-width: 180px;
  background:#96091d!important;
  color:#ffd31b!important;
}
.catalog-segments {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 + 2 на десктопе */
}

@media (max-width: 1199px) {
  .catalog-segments {
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* можно оставить 2 колонки */
  }
}

@media (max-width: 767px) {
  .catalog-segments {
    grid-template-columns: 1fr; /* одна колонка на мобильных */
  }
}

.catalog-segments {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 767px) {
  .catalog-segments {
    grid-template-columns: 1fr;
  }
}

/* список преимуществ внутри сегмента */
.catalog-segment__list {
  margin: 0 0 12px;
  padding-left: 18px;
}
.catalog-segment__list li {
  margin: 4px 0;
  font-size: 13px;
  line-height: 1.4;
  color: #555;
  list-style-type:disc;
}
.catalog-segment p {
  margin: 0 0 8px; /* чуть сокращаем отступ перед списком */
}
/* базовая сетка у вас уже есть:
.catalog-cases {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
*/

/* мини-баннер внутри сетки кейсов */
.catalog-case--banner {
  position: relative;
  border: none;
  background: linear-gradient(135deg, #dc291e 0%, #96091d 60%, #781019 100%);
  color: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.catalog-case-banner__content {
  position: relative;
  z-index: 1;
}

/* лёгкий декоративный оверлей */
.catalog-case--banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 0 0, rgba(255,255,255,0.18), transparent 55%);
  opacity: 0.9;
}

/* заголовок в баннере крупнее, чем у обычных кейсов */
.catalog-case--banner h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
}

/* маленький лейбл над заголовком */
.catalog-case-banner__label {
  margin: 0 0 4px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.85;
}

/* основной текст баннера */
.catalog-case-banner__text {
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.4;
}

/* подстрока поменьше и светлее */
.catalog-case-banner__subtext {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.9;
}

/* чтобы обычные p внутри баннера не наследовали стили из .catalog-case p */
.catalog-case--banner p {
  color: #fff;
}

/* адаптив: на мобильных баннер просто становится одной из плиток */
@media (max-width: 767px) {
  .catalog-case--banner {
    padding: 16px 18px;
  }
  .catalog-case--banner h3 {
    font-size: 16px;
  }
}
/* фирменный красный */
:root {
  --brand-red: #dc291e;
}

/* иконки преимуществ, кнопки */
.catalog-advantage__icon svg,
.catalog-advantage__icon svg path,
.catalog-advantage__icon svg rect,
.catalog-advantage__icon svg circle,
.catalog-advantage__icon svg polyline,
.catalog-advantage__icon svg line {
  stroke: var(--brand-red);
}

/* мини-баннер в кейсах – градиент на базе фирменного красного */
.catalog-case--banner {
  background: linear-gradient(135deg, #dc291e 0%, #96091d 60%, #781019 100%);
}

/* светлый фон блоков – как на сайте */
.catalog-advantages-wrapper,
.catalog-terms-wrapper,
.catalog-cta_light {
  background: #f7f7f7;
}

/* обводки карточек – как у карточек на сайте */
.catalog-segment,
.catalog-case,
.catalog-cta_light {
  border: 1px solid #e3e3e3;
}
.catalog-case--banner h3{
    color:#fed106;
}