/*
/media/templates/site/phoca_premiere/css/template.min.css
#d22030
#00b4d8
*/



.container-bottom-a {
    background: #ececec;
    background: #fff;
}

[data-bs-theme=dark] {
    .container-bottom-a {
        background: #756b6b;
    }
}

.phSearchBox .input-group {
display: inline-flex;
}

a:not([class]) {
    text-decoration: none;
}

.phModParticlesFeatureBoxContainer .phModParticlesImage img {
    border: 0;
    border-radius: 0;
    width: 12em;
    height: auto;
}


.phModParticlesImageRotateTextOverlayTitleSuffix > div {
    padding: 0.25em 1em;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
    background: #cbccbc;
}
.phModParticlesImageRotateTextOverlayTitleSuffix .item-1 { background: #946ba5;}
.phModParticlesImageRotateTextOverlayTitleSuffix .item-2 { background: #a5935c;}
.phModParticlesImageRotateTextOverlayTitleSuffix .item-3 { background: #97a59d;}
.phModParticlesImageRotateTextOverlayTitleSuffix .item-4 { background: #a5797a;}
.phModParticlesImageRotateTextOverlayTitleSuffix .item-5 { background: #a5a376;}
.phModParticlesImageRotateTextOverlayTitleSuffix .item-6 { background: #B22222;}
.phModParticlesImageRotateTextOverlayTitleSuffix .item-7 { background: #445680;}
.phModParticlesImageRotateTextOverlayTitleSuffix .item-8 { background: #af41ad;}


/*
.ph-tpl-theme-switcher {
    border: 1px solid red;
    background: yellow;
    opacity: 0.3;
}

.ph-cart-module-box {
    background: green;
}*/


.phModParticlesBackgroundImage.pmpcount1,
.phModParticlesBackgroundImage.pmpcount4 {
    min-height: 300px;
}


/*скрыть метку стандартной цены в списке категории*/
.pc-category-view .ph-standard-txt {
        display: none;
}

/*скрыть значение стандартной цены в списке категории*/
.pc-category-view .ph-standard {
        display: none;
}
/*скрыть метку стандартной цены на странице товара*/
.pc-item-view .ph-standard-txt {
        display: none;
}
/*скрыть значение стандартной цены на странице товара*/
.pc-item-view .ph-standard {
        display: none;
}

/*скрыть метку стандартной цены на странице сравнения товара*/
.pc-comparison-view .ph-standard-txt {
        display: none;
}

/*скрыть значение стандартной цены на странице сравнения товара*/
.pc-comparison-view .ph-standard {
        display: none;
}
/*отмена скругления в блоке вывода категорий на главной*/
.phModParticlesGridBoxBox .phModParticlesItem .phModParticlesItemRow .phModParticlesItemBox {
    border-radius: 0px;
}

/*#d22030 -> #00b4d8*/

/*Цвет текста метки цены в списке категории*/
.ph-category-price-box .ph-price-txt {
        color: #000;
    
}

/*значение цены в списке категории*/
.ph-category-price-box .ph-price-base {
    float: right;
    color: #000;
    
}


 /*выравнивание текста в списке категории*/
.ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content {
    text-align: center;
    color: #999999;
}

/*скрыть метку артикула на странице товара*/
.pc-item-view .ph-item-sku-box .ph-sku-txt {
        display: none;
}

/*скрыть артикул на странице товара*/
.pc-item-view .ph-item-sku-box .ph-sku{
        display: none;
}


/*выравнивание производителя на странице товара*/
.pc-item-view .ph-item-manufacturer-box {
    float: left;
}


/*выравнивание значения цены за штуку на странице товара*/
.pc-item-view .ph-price-base{
        float: left;
}


/*Начала блока для вывода PDF 6x2*/
.gallery_pdf_6_2 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  grid-gap: 15px;
  margin: 20px;
  padding: 0;
}

.gallery_pdf_6_2 figure {
  margin: 0;
  border: none; /* Нет рамки в обычном состоянии */
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  min-height: 0;
  transition: outline 0.3s ease; /* Плавный переход для outline */
}

/* Эффект наведения: контур без скругления */
.gallery_pdf_6_2 figure:hover {
  outline: 2px solid #007bff; /* Синий контур */
  /* border-radius убран — углы остаются прямыми */
}

.gallery_pdf_6_2 img {
  width: 100%;
  height: auto;
  display: block;
}

.gallery_pdf_6_2 figcaption {
  padding: 10px;
  color: #555; /* Тёмно‑серый цвет текста */
  font-size: 0.9em;
  
  /* Выравнивание по центру */
  text-align: center;

  /* Переносы и читаемость */
  line-height: 1.4;
  word-wrap: break-word;
  hyphens: auto;
}

/* Адаптивность: перестройка сетки на разных экранах */
@media (max-width: 992px) {
  .gallery_pdf_6_2 {
    grid-template-columns: repeat(4, 1fr); /* 4 колонки */
  }
}

@media (max-width: 768px) {
  .gallery_pdf_6_2 {
    grid-template-columns: repeat(3, 1fr); /* 3 колонки */
  }
}

@media (max-width: 480px) {
  .gallery_pdf_6_2 {
    grid-template-columns: repeat(2, 1fr); /* 2 колонки */
  }
}

/*Конец блока для вывода PDF 6x2*/



/* Вывод изображений 3*3 в матералах*/
.image-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  max-width: 11000px;
  margin: 0 auto;
  padding: 25px;
  background: white;
  /* border-radius: 16px; — удалено */
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.grid-item {
  position: relative;
  overflow: hidden;
  /* border-radius: 12px; — удалено */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.grid-item:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}

.grid-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.grid-item:hover img {
  transform: scale(1.12);
}

.grid-item::after {
  content: attr(alt);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 14px 16px;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8));
  color: white;
  font-size: 15px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid-item:hover::after {
  opacity: 1;
}

@media (max-width: 768px) {
  .image-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    padding: 20px;
    /* border-radius: 0; — явно убираем скругления для планшетов */
  }
}

@media (max-width: 480px) {
  .image-grid {
    grid-template-columns: 1fr;
    grid-gap: 12px;
    padding: 15px;
    /* border-radius: 0; — явно убираем скругления для смартфонов */
  }
  .grid-item::after {
    font-size: 13px;
    padding: 10px 12px;
  }
}


/* Конец:: Вывод изображений 3*3 в матералах*/