.breadcrumb-items {
    display: flex
;
    gap: 5px;
    align-items: center;
    margin-top: 20px;
}.container

 {
    margin: 0 auto;
    max-width: 1200px!important;
    padding: 0 30px;
}
h1.dd
	{color: #161616;
		text-align:center;
font-size: 40px;
font-style: normal;
font-weight: 450;
line-height: normal;
text-transform: uppercase;
margin-top:60px;}
	h2.dd{ 
    color: #000;
    /* font-family: "Futura New"; */
    font-size: 40px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    text-transform: uppercase;
    margin: 120px 0px 60px;
}
.blok1 {
    margin: 62px auto 0; /* сверху 62px, слева и справа auto */
    color: #161616;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    width: 100%;
    max-width: 690px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.blok2 {
    margin: 0px auto 0; /* сверху 62px, слева и справа auto */
    color: #161616;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    width: 100%;
    max-width: 690px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.product-breadcrumb {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 10px;
}
.lines svg {
    display: block;
   
    margin: 0 auto;
}
.lines {
    max-width: 690px;
    width: 100%;
    margin: 30px auto;
    display: block;
    max-width: 690px;
}
	.images {margin:120px 0px 60px 0px}
/* Контейнер: три колонки */
.three-cards{

  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 0px;                 /* расстояние между карточками */
          /* при необходимости ограничь ширину */
  margin: 0 auto;            /* центрируем весь блок по странице */
            /* боковые отступы на маленьких экранах */
	margin-top:62px!important;
}

/* Карточка с картинкой */
.card{
  position: relative;
  overflow: hidden;

  /* Соотношение сторон (чтобы высота была одинаковой).
     Можно поменять, если нужно другое. */
  aspect-ratio: 346 / 477;
  min-height: 280px;         /* фоллбек, если aspect-ratio не поддерживается */
}

/* Картинка растягивается и обрезается по блоку */
.card > img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;         /* ключевое: заполняет блок */
  object-position: center;   /* центрируем внутри */
  display: block;
}

/* Белый текст по центру поверх картинки */
.card__title{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  padding: 16px 20px;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  z-index: 1;

  /* Лёгкий затемняющий градиент для читабельности текста */
  background:
    linear-gradient(to top, rgba(0,0,0,.35), rgba(0,0,0,.15) 40%, rgba(0,0,0,0));
  /* если затемнение не нужно — убери background */
color: #FFF;

text-align: center;

font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 30px */
}
/* Контейнер и сетка */
.stats{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 24px;

  margin: 60px auto 60px!important;
  padding: 0 16px;
  text-align: left;    /* как в макете */
}

/* Элемент статистики */
.stats__item{
  display: grid;
  align-content: start;
  row-gap: 10px;
}

/* Крупное число */
.stats__value{
  font-size: clamp(32px, 6vw, 64px); /* 64px на десктопе */
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: #161616;
}

/* Тонкая линия-акцент под числом (как в Figma) */
.stats__dash{
  display: inline-block;
  width: 60px;         /* длина подчёркивания */
  height: 2px;
  background: #D0A99E; /* цвет акцента — подберите под бренд */
  margin: 6px 0 2px;
}

/* Подпись */
.stats__label{
  font-size: 16px;
  line-height: 1.35;
  color: #161616;
  opacity: .9;
  max-width: 260px; /* чтобы перенос совпадал с макетом */
}
/* Контейнер */
.press{
      /* подгони под макет */
  margin: 60px auto;
  padding: 0 16px;
}

/* Контейнер секции */
.press{

  margin: 60px auto!important;
  padding: 0 16px;
  box-sizing: border-box;
}

/* 2/3 слева (текст), 1/3 справа (картинка) */
.press__grid{
  display: grid;
  grid-template-columns: 2fr 1fr;   /* <- ровно по требованию */
  column-gap: 28px;
  align-items: stretch;             /* высоты ячеек синхронно */
}

/* Картинка справа задаёт общую высоту блока */
.press__image{
  position: relative;
  aspect-ratio: 3 / 4;              /* нужное соотношение из макета */

  overflow: hidden;
}
.press__image img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;                /* картинка заполняет колонку */
  display: block;
}

/* Левая колонка растягивается на высоту картинки
   и делится на 3 равных ряда */
.press__list{
  display: grid;
  grid-template-rows: repeat(3, 1fr); /* три одинаковых по высоте блока */
  gap: 18px;                           /* как в макете */
  height: 100%;                        /* растянуть до высоты строки сетки */
  min-width: 0;                        /* не раздвигать колонки */
}

.press__item{
  background: #f1e4de;

  padding: 18px 22px;
  display: flex;                       /* чтобы текст по центру по высоте смотрелся ровно */
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.press__item a {
    margin: 0 0 10px;
    line-height: 1.45;
    color: var(--1, #161616);
    text-align: center;
    /* font-family: "Futura New"; */
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
	.press__item hr {width: 168.003px;
height: 1px;
background: #161616;}
.press__meta{ color: var(--1, #161616);
text-align: center;

font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal; }
/* Адаптив: в две/одну колонку на узких экранах */
@media (max-width: 1024px){
  .three-cards{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .stats{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.press__grid{ grid-template-columns: 1fr; row-gap: 20px; }
  .press__list{ grid-template-rows: none; height: auto; }
  .press__image{ aspect-ratio: 16 / 10; } /* поприятнее на мобиле */
}
@media (max-width: 760px){
 .press__grid{
    grid-template-columns: 1fr;
  }
  .press__title{
    font-size: 28px;
    margin-bottom: 10px;
  }
  .press__image{
    aspect-ratio: 16 / 10;
  }
  .three-cards{ grid-template-columns: 1fr; }
  .card__title{ padding: 14px; }
  .stats{ grid-template-columns: 1fr; gap: 18px; }
  .stats__value{ font-size: clamp(28px, 10vw, 48px); }
  .stats__dash{ width: 48px; }
}