/* Start:/local/templates/eshop_bootstrap_v4/components/bitrix/news.list/template4/style.css?17610733291334*/
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 12px;
  padding: 12px;
}
.item__button {
  background: none;
  border: 1px solid #ffffff;
  border-radius: 30px;
  padding: 8px 20px;
  margin: 10px;
  cursor: pointer;
  position: absolute;
  bottom: 14px;
  font-size: 16px;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .grid-container {
    gap: 2px;
  }
  .item__button {
    background: none;
    border: 1px solid #ffffff;
    border-radius: 30px;
    padding: 4px 10px;
    margin: 10px;
    cursor: pointer;

    position: absolute;
    bottom: 0;
    font-size: 8px;
    color: #ffffff;
  }
}

.item {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
  position: relative;
}

.item1 {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.item2 {
  grid-column: 2 / 3;
  grid-row: 1 / 3;

  height: 100%;
}
.item3 {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}
.item4 {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.item6 {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}

.item__image {
  max-width: 100%;
  height: auto;
  display: block;
}

.item__image_main {
  height: 100%;
  max-height: calc((100vw - 12px) / 3);
}

/* End */


/* Start:/local/templates/eshop_bootstrap_v4/components/bitrix/news.list/main-news/style.css?17781604387733*/
h2 {
  padding: 20px;
  color: black;
  font-size: 28px;
}

.news-slider {
  display: flex;
  overflow-x: auto;
  gap: 12px;
  padding-bottom: 49px;
}

@media screen and (max-width: 1024px) {
  .news-slider {
    padding-bottom: 12px;
  }

  .news-button {
    color: black !important;
    background-color: white !important;
    border: 1px solid black !important;
    padding: 10px 24px;
  }
}

.news-card {
  position: relative;
  flex: 0 0 465px;
  max-height: 624px;
  height: 100%;
  overflow: hidden;
  background-color: #000;
  transition: transform 0.3s;
}

.news-card:hover {
  transform: scale(1.02);
}

.news-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
}

.news-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 28px;
  z-index: 2;
  width: 100%;
}

.news-title {
  font-family: 'Hoefler Text', serif !important;
  font-size: 32px;
  /*font-weight: bold;*/
  margin-bottom: 16px;
  line-height: 32px;
  padding-bottom: 16px;
  font-weight: 400;
  border-bottom: 1px solid #ffffff;
}

.read-more {
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.news-bottom-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-bottom-block img {
  width: 45px;

}

/* Скрываем скролл */
.news-slider::-webkit-scrollbar {
  display: none;
}
.news-bottom-block_logo {
  width: 45px !important;
}

@media screen and (max-width: 768px) {
  .news-bottom-block_logo {
    width: 34px !important;
  }
}
/* Адаптивность */
@media (max-width: 1024px) {
  .news-card {
    flex: 0 0 342px;
  }

  .news-title {
    font-size: 24px;
  }

  .read-more {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  .news-card {
    flex: 0 0 90%;
    height: 100%;
    max-height: 460px;
  }

  .news-content {
    padding: 16px;

  }

  .news-title {
    font-size: 24px;
  }

  .read-more {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .news-card {
    flex: 0 0 95%;
    height: 459px;
  }

  .news-title {
    font-size: 24px;
  }

  .news-bottom-block img {
    width: 40px;

  }
}
.news-button {
  display: inline-block;
  background-color: #111; /* почти чёрный */
  color: #fff;
  font-size: 16px;
  padding: 10px 24px;
  border-radius: 100px;
  text-decoration: none;
  font-family: sans-serif;
  transition: background-color 0.3s ease;
  font-weight: 500;
}

.news-button:hover {
  background-color: #333;
}

/* ===== MODAL ===== */
.modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 2000 !important;
  height: 100dvh !important;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.modal[aria-hidden='false'] {
  display: flex;
}
.modal__backdrop {
  /* position: absolute; */
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
}
/* mobile-first: полноэкранная карта с белым фоном */
.modal__sheet {
  /* position: absolute; */
  /* inset: 0; */
  height: 100%;
  background: #fff;
  overflow: auto;
  /* мобила — без скругления по краям */
  display: grid;
  grid-template-areas:
    'header'
    'slider'
    'content';
  grid-template-rows: max-content;
  border-radius: 20px 20px 0 0;
}

/* header */
.m-header {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px var(--pad);
  border-bottom: 1px solid #eee;
  /* height: min-content; */
  height: 60px;
  grid-area: header;
  padding: 0 14px;
}
.brand {
  height: var(--brand-h);
}
.m-close {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: #f2f2f2;
  cursor: pointer;
  display: grid;
  place-items: center;
  font-size: 18px;
}

/* slider */
.slider {
  position: relative;
  grid-area: slider;
  max-height: 500px;
  min-height: 500px;
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.slider__viewport {
  overflow: hidden;
}
.slider__track {
  display: flex;
  transition: transform 0.35s ease;
  max-height: 95%;
}
.slide {
  min-width: 100%;
  aspect-ratio: 3/4;
  background: #000;
}
.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dots {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin: 10px 0;
}
.dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #cfcfcf;
}
.dot.is-active {
  background: #111;
}

/* content */
.content {
  padding: 0 24px 28px;
  padding-bottom: 60px;
  grid-area: content;
  margin-top: 52px;
}
.modal__title {
  margin: 10px 0 12px !important;
  color: #111111 !important;
  font-family: Hoefler Text !important;
  font-weight: 400 !important;
  font-style: Regular !important;
  font-size: 24px !important;
  line-height: 32px !important;
  height: auto !important;
  max-width: 100% !important;
}
.modal__text {
  color: #000000 !important;
  font-family: Helvetica Neue !important;
  font-weight: 400 !important;
  font-style: Regular !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

.arrows-popup {
  position: absolute;
  top: 50%;
  width: 100%;
  display: none !important;
  flex-direction: row;
  justify-content: space-between;
  height: 48px;
  align-content: center;
  flex-wrap: wrap;
  padding: 0 15px;
}

.arrow-popup {
  width: 48px;
  height: 48px;
  background-color: white;
  border-radius: 50%;
  color: #111111;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  cursor: pointer;
}

.m-header__logo {
  width: 78px !important;
  height: 48px;
}
.m-header__close {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  /* background-color: #f5f5f5; */
  color: #111111;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  cursor: pointer;
  font-size: 18px;
}

/* ===== Desktop layout ===== */
@media (min-width: 801px) {
  .arrows-popup {
    display: flex !important;
  }
  .modal__title {
    font-size: 32px !important;
  }
  .modal__sheet {
    width: min(1100px, 92vw);
    height: auto;
    /* max-height: 86vh; */
    max-height: 500px;
    /* left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    border-radius: 24px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
      'slider header'
      'slider content';
    grid-template-rows: 130px auto;
  }
  .m-header {
    padding: 18px 22px;
    grid-column: 2;
    height: min-content;
  }
  .slider {
    grid-column: 1;
  }
  .content {
    padding: 0 22px 24px;
    /* padding-bottom: 60px; */
    grid-column: 2;
    overflow-y: scroll;
    margin-top: 0;
  }
  .m-header__logo {
    width: 78px !important;
    height: 48px;
  }
  .m-header__close {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #f5f5f5;
    color: #111111;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    cursor: pointer;
    font-size: 18px;
  }
  .dots {
    display: none;
  }
  .slider__track {
    max-height: 100%;
  }
}
.title {
  padding-bottom: 25px;
  font-size: 24px;
}

.lock {
  overflow-y: hidden;
}
.news-card {
  position: relative;
  flex: 0 0 465px;
  max-height: 624px;
  height: 100%;
  overflow: hidden;
  background-color: #000;
  transition: transform 0.3s;
}




.news-date {
  margin-top: 22px;
  color: white;
  font-size: 12px;
  line-height: 24px;
}


/* End */


/* Start:/local/templates/eshop_bootstrap_v4/components/bitrix/news.list/template2/style.css?1758306558150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/eshop_bootstrap_v4/components/bitrix/catalog.top/template1/section/style.min.css?17583065583208*/
@media(min-width:1200px){.product-item-list-col-6>.col-xs-12>.row>.col-md-2:nth-child(6n+1),.product-item-list-col-1-6>.col-sm-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6:nth-child(2n+1),.product-item-list-col-1-6>.col-sm-6>.row>.col-md-4:nth-child(3n+1),.product-item-list-col-6-1>.col-sm-6>.row>.col-md-4:nth-child(3n+1),.product-item-list-col-4>.col-xs-12>.row>.col-md-3:nth-child(4n+1),.product-item-list-col-1-4>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-3>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-2>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1>.col-xs-12>.row>.col-xs-12:nth-child(1n){clear:both}}@media(min-width:992px) and (max-width:1199px){.product-item-list-col-6>.col-xs-12>.row>.col-md-2:nth-child(6n+1),.product-item-list-col-1-6>.col-sm-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6:nth-child(2n+1),.product-item-list-col-1-6>.col-sm-6>.row>.col-md-4:nth-child(3n+1),.product-item-list-col-6-1>.col-sm-6>.row>.col-md-4:nth-child(3n+1),.product-item-list-col-4>.col-xs-12>.row>.col-md-3:nth-child(4n+1),.product-item-list-col-1-4>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-3>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-2>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1>.col-xs-12>.row>.col-xs-12:nth-child(1n){clear:both}}@media(min-width:768px) and (max-width:991px){.product-item-list-col-6>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-1-6>.col-sm-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6:nth-child(2n+1),.product-item-list-col-1-6>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1-4>.col-sm-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6:nth-child(2n+1),.product-item-list-col-1-4>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-3>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-2>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1>.col-xs-12>.row>.col-xs-12:nth-child(1n){clear:both}}@media(max-width:767px){.product-item-list-col-6>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1-6>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1-4>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-3>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-2>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1>.col-xs-12>.row>.col-xs-12:nth-child(1n){clear:both}}.catalog-top-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000}.row::before{display:initial}
/* End */
/* /local/templates/eshop_bootstrap_v4/components/bitrix/news.list/template4/style.css?17610733291334 */
/* /local/templates/eshop_bootstrap_v4/components/bitrix/news.list/main-news/style.css?17781604387733 */
/* /local/templates/eshop_bootstrap_v4/components/bitrix/news.list/template2/style.css?1758306558150 */
/* /local/templates/eshop_bootstrap_v4/components/bitrix/catalog.top/template1/section/style.min.css?17583065583208 */