

/* Start:/local/templates/madison/css/3d-dizayny.css?17736704095004*/
.salon-design-section {
  border-bottom: 2px solid var(--color-primary);
  padding-bottom: 18px;
  margin-bottom: 25px;
}

.salon-design-section__header {
  margin-bottom: 13px;
}

.salon-design-section__link {
  color: #585858;
  font-size: 17px;
  text-decoration: none;
}

/* Галерея */
.salon-design-gallery__desktop {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}

.salon-design-gallery__item {
  position: relative;
}
.salon-design-section__gallery {
  margin-bottom: 18px;
}
.salon-design-gallery__fancy {
  display: block;
  overflow: hidden;
}

.salon-design-gallery__image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.salon-design-gallery__fancy:hover .salon-design-gallery__image {
  transform: scale(1.05);
}
/* Футер секции */
.salon-design-section__footer {
  text-align: center;
}

.salon-design-section__all-link {
  color: #585858;
  text-decoration: none;
  font-size: 17px;
  text-transform: uppercase;
}
/* //////////////////////////////////////////////////////////////////////////// */
/* Добавляем эти стили */
.salon-design-gallery {
  position: relative;
}
.salon-design-gallery__navigation {
  display: none;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  z-index: 10;
  pointer-events: none;
}

.salon-design-gallery__navigation .swiper-button-prev,
.salon-design-gallery__navigation .swiper-button-next {
  position: absolute;
  width: 40px;
  height: 40px;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Fira Sans Medium";
  cursor: pointer;
}

.salon-design-gallery__navigation .swiper-button-prev {
  left: -20px;
}

.salon-design-gallery__navigation .swiper-button-next {
  right: -20px;
}
.salon-design-gallery__navigation .swiper-button-prev::after,
.salon-design-gallery__navigation .swiper-button-next::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border-top: 3px solid var(--color-secondary);
  border-right: 3px solid var(--color-secondary);
}

.salon-design-gallery__navigation .swiper-button-prev::after {
  transform: rotate(-135deg);
  margin-right: -2px;
}

.salon-design-gallery__navigation .swiper-button-next::after {
  transform: rotate(45deg);
  margin-left: -2px;
}
/* //////////////////////////////////////////////////////////////////////// */
@media (max-width: 1024px) {
  .salon-design-gallery__desktop {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .swiper-container {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .salon-design-gallery__desktop.swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  .salon-design-gallery__item.swiper-slide {
    width: 100% !important;
    flex-shrink: 0;
    padding: 0 5px;
    box-sizing: border-box;
  }

  .salon-design-gallery__navigation {
    display: block !important;
  }

  /* Убираем transition для изображений */
  .swiper-wrapper .salon-design-gallery__image {
    transition: none !important;
  }

  /* Гарантируем правильное отображение */
  .swiper-slide {
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  .salon-design-gallery__image {
    height: 200px;
  }
}
/* ////////////////////////////////////////////////////////////////////////// */
/* Стили секции */
.salon-photo-section {
  margin-bottom: 40px;
}

.salon-photo-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}

.salon-photo-section__card {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.2s ease;
  height: 216px;
}

.salon-photo-section__card:hover {
  transform: scale(1.1);
  z-index: 10;
}

.salon-photo-section__image-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.salon-photo-section__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.salon-photo-section__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00000057;
  padding: 20px;
  color: white;
}

.salon-photo-section__title {
  margin: 0;
  font-size: 16px;
  color: white;
  text-align: center;
}

/* Адаптивность */
@media (max-width: 1024px) {
  .salon-photo-section__grid {
    gap: 10px;
  }
}

@media (max-width: 768px) {
  .salon-photo-section__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .salon-photo-section__overlay {
    padding: 15px;
  }
  
  .salon-photo-section__title {
    font-size: 16px;
  }
}

/* End */


/* Start:/local/templates/madison/css/3d-detail.min.css?17716048533004*/
.salon-detail{margin-bottom:40px}.salon-detail__subtitle{font-size:20px;margin-bottom:20px;color:#000;text-align:center}.salon-detail__slider{position:relative;margin-bottom:40px}.salon-detail__slider-container{overflow:hidden;padding:10px 0}.salon-detail__slider-wrapper{display:flex;align-items:stretch}.salon-detail__product-card{flex:0 0 auto;width:calc(25% - 15px);height:auto}.salon-detail__product-card.swiper-slide{height:auto;flex:0 0 auto;width:calc(25% - 15px)}.salon-detail__product-link{display:flex;gap:5px;background:#fff;overflow:hidden;transition:.3s;text-decoration:none;color:inherit;height:100%;padding:5px;border-radius:3px;border:1px solid #aca9a9}.salon-detail__product-link:hover{box-shadow:5px 5px 25px rgba(0,0,0,.15)}.salon-detail__product-image{max-width:80px;height:auto;overflow:hidden}.salon-detail__product-img{width:100%;height:auto;object-fit:cover}.salon-detail__product-info{flex:2;display:flex;flex-direction:column;justify-content:space-between}.salon-detail__product-name{font-size:12px;font-family:"Fira Sans Regular";margin:0 0 8px;color:#585858}.salon-detail__product-price{font-size:15px;font-family:"Fira Sans Medium";color:#000}.salon-detail__slider-navigation{position:absolute;top:32%;left:0;right:0;transform:translateY(-50%);pointer-events:none;z-index:10}.salon-detail__slider-next,.salon-detail__slider-prev{position:absolute;width:40px;height:40px;pointer-events:auto;display:flex;align-items:center;justify-content:center;font-family:"Fira Sans Medium";cursor:pointer}.salon-detail__slider-prev{left:-10px}.salon-detail__slider-next{right:-10px}.salon-detail__slider-next::after,.salon-detail__slider-prev::after{content:'';display:inline-block;width:16px;height:16px;border-top:3px solid var(--color-secondary);border-right:3px solid var(--color-secondary)}.salon-detail__slider-prev::after{transform:rotate(-135deg);margin-right:-2px}.salon-detail__slider-next::after{transform:rotate(45deg);margin-left:-2px}.salon-detail__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;justify-content:start}.salon-detail__gallery-item{overflow:hidden}.salon-detail__gallery-link{display:block;transition:.3s}.salon-detail__gallery-item:hover{box-shadow:5px 5px 15px rgba(0,0,0,.15)}.salon-detail__gallery-image{width:100%;height:200px;object-fit:cover}@media (max-width:1024px){.salon-detail__product-card{width:calc(33.333% - 13px)}}@media (max-width:768px){.salon-detail__product-card{width:calc(50% - 10px)}.salon-detail__gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:576px){.salon-detail__product-card{width:100%;margin-right:0}.salon-detail__slider-next,.salon-detail__slider-prev{width:35px;height:35px}.salon-detail__slider-prev{left:-6px}.salon-detail__slider-next{right:-6px}.salon-detail__gallery{grid-template-columns:1fr}}.salon-detail__slider-next.swiper-button-disabled,.salon-detail__slider-prev.swiper-button-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}
/* End */


/* Start:/local/templates/madison/components/bitrix/news/3d/bitrix/news.detail/.default/style.min.css?17736704092826*/
.gallery-grid-wrapper .tovar-recomend-inner{width:940px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide{background-color:#fff}.gallery-grid-wrapper .tovar-recomend-inner .swiper-buttons{padding-bottom:calc(295 / 901* 100%)}.gallery-grid-wrapper .tovar-recomend-inner .swiper-button-prev{left:0}.gallery-grid-wrapper .tovar-recomend-inner .swiper-button-next{right:0}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item{width:235px;padding:0 10px 5px}@media (max-width:1199px) and (min-width:1024px){.inner.c-index{width:1000px;margin:20px 5px!important}.gallery-grid-wrapper .tovar-recomend-inner{width:940px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item{width:210px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item .catalog-item-img{width:190px;height:230px}}@media (max-width:1023px) and (min-width:935px){.inner.c-index{width:900px;margin:20px 5px!important}.gallery-grid-wrapper .tovar-recomend-inner{width:860px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item{width:190px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item .catalog-item-img{width:180px;height:220px}}@media (max-width:934px) and (min-width:768px){.inner.c-index{width:800px;margin:20px 5px!important}.gallery-grid-wrapper .tovar-recomend-inner{width:740px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item{width:180px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item .catalog-item-img{width:170px;height:210px}.fancybox-type-image .fancybox-skin .fancybox-next{right:0;margin-top:-10px;margin-left:-8px}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide{background-color:#fff}.gallery-grid-wrapper .tovar-recomend-inner .catalog-item-bot{display:flex;flex-direction:column;height:85px;margin-top:15px;position:relative;gap:5px;align-items:flex-end}.gallery-grid-wrapper .tovar-recomend-inner .catalog-item-bot .catalog-item-btn{right:0;position:relative;width:70px}.gallery-grid-wrapper .tovar-recomend-inner .catalog-item-bot .catalog-item-price{display:flex}.st-old-price{text-decoration:line-through}.fancybox-next span{top:25px}.gallery-grid-wrapper .tovar-recomend-inner .catalog-item,.gallery-grid-wrapper .tovar-recomend-inner div.catalog-item{width:50%}}@media (max-width:768px){.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item{border-top:1px solid #cbc5cb!important}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item-img{height:auto;float:left;display:inline-block;vertical-align:top;width:40%}.gallery-grid-wrapper .tovar-recomend-inner .swiper-slide .catalog-item-img img{max-height:110px;max-width:110px}.gallery-grid-wrapper .tovar-recomend-inner .catalog-item-bot .catalog-item-price{position:relative;margin-right:15px}}
/* End */
/* /local/templates/madison/css/3d-dizayny.css?17736704095004 */
/* /local/templates/madison/css/3d-detail.min.css?17716048533004 */
/* /local/templates/madison/components/bitrix/news/3d/bitrix/news.detail/.default/style.min.css?17736704092826 */
