/**
 * BitMetall: лёгкая стилизация товарных страниц.
 *
 * Файл является изолированной надстройкой над main.css, media.css,
 * product-start.css и gallery-mini-naves.css. Геометрия существующих блоков,
 * сетки и размеры изображений намеренно не переопределяются.
 */

#product.bm-product {
  --bm-page-ink: #29413f;
  --bm-page-heading: #063f3b;
  --bm-page-muted: #5e706e;
  --bm-page-line: #d8e5e2;
  --bm-page-surface: #ffffff;
  --bm-page-surface-soft: #f1f7f5;
  --bm-page-accent: #f5a623;
  --bm-page-accent-dark: #9b5b07;

  /* Обновляем палитру уже существующего вводного блока. */
  --bm-product-intro-ink: var(--bm-page-heading);
  --bm-product-intro-muted: var(--bm-page-muted);
  --bm-product-intro-border: var(--bm-page-line);
  --bm-product-intro-accent: var(--bm-page-accent);
  --bm-product-intro-crumb: #60736f;

  color: var(--bm-page-ink);
  background-color: #f7faf9;
  background-image: linear-gradient(
    180deg,
    rgba(237, 247, 245, 0.76) 0%,
    rgba(247, 250, 249, 0.22) 42%,
    rgba(255, 255, 255, 0) 100%
  );
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Вводный блок: только цвет и глубина, его сетка остаётся прежней. */
#product.bm-product .bm-product-intro {
  border-color: var(--bm-page-line);
  background: var(--bm-page-surface);
  box-shadow: 0 10px 28px rgba(6, 63, 59, 0.075);
}

#product.bm-product .bm-crumbs {
  border-bottom-color: var(--bm-page-line);
  background: rgba(247, 250, 249, 0.98);
}

#product.bm-product .bm-crumbs__link:hover {
  color: var(--bm-page-heading);
  background: #e9f3f1;
}

#product.bm-product .bm-crumbs__link:focus-visible,
#product.bm-product a:focus-visible {
  outline-color: rgba(7, 91, 85, 0.42);
}

#product.bm-product .bm-product-start {
  background: linear-gradient(145deg, #ffffff 0%, #edf7f5 100%);
}

#product.bm-product .bm-product-start__heading {
  border-right-color: var(--bm-page-line);
}

#product.bm-product .bm-product-start__title {
  color: var(--bm-page-heading);
}

#product.bm-product .bm-product-start__title::after {
  background: linear-gradient(90deg, var(--bm-page-accent), #ffc461);
}

#product.bm-product .bm-product-start__description.product-description.product-description-main {
  color: var(--bm-page-muted);
}

/* Основной текст и ссылки. */
#product.bm-product .product-description,
#product.bm-product .product-about-description,
#product.bm-product .product-pictures,
#product.bm-product .productabout,
#product.bm-product .product-service,
#product.bm-product .product-service p {
  color: var(--bm-page-ink);
}

#product.bm-product .product-description-center {
  color: #075b55;
}

#product.bm-product a:not(.button11) {
  color: #075b55;
  text-decoration-color: rgba(7, 91, 85, 0.32);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
  transition: color 160ms ease, text-decoration-color 160ms ease;
}

#product.bm-product a:not(.button11):hover {
  color: var(--bm-page-accent-dark);
  text-decoration-color: currentColor;
}

#product.bm-product strong,
#product.bm-product b,
#product.bm-product u {
  color: var(--bm-page-heading);
  text-decoration-color: rgba(245, 166, 35, 0.72);
}

#product.bm-product li::marker {
  color: var(--bm-page-accent-dark);
}

#product.bm-product .color-red {
  color: #a85d12;
}

#product.bm-product hr {
  border-top-color: var(--bm-page-line);
}

/* Существующие jumbotron получают более лёгкий фон без изменения отступов. */
#product.bm-product .product-about.jumbotron,
#product.bm-product .product-img.jumbotron {
  border-radius: 18px;
  background: linear-gradient(145deg, #ffffff 0%, var(--bm-page-surface-soft) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(7, 91, 85, 0.10),
    0 9px 24px rgba(6, 63, 59, 0.055);
}

/* Размеры и положение изображений приходят из старых стилей и не меняются. */
#product.bm-product .product-about img,
#product.bm-product .product-img img {
  border-radius: 16px;
  border-color: #cbded9;
  box-shadow: 0 8px 20px rgba(6, 63, 59, 0.12);
}

/* Текущая кнопка цены сохраняет размеры и абсолютное положение. */
#product.bm-product a.button11 {
  color: var(--bm-page-heading);
  text-shadow: none;
}

#product.bm-product a.button11::after {
  border-color: #985305;
  background-image: linear-gradient(180deg, #ad6208 0%, #8f4e04 100%);
  text-shadow: 0 1px 1px rgba(91, 49, 0, 0.22);
}

#product.bm-product a.button11:hover::after {
  border-color: #7e4303;
}

#product.bm-product a.button11:active::after {
  background-image: linear-gradient(180deg, #814503 0%, #a65c06 100%);
}

/* Обычные фотогалереи: прежние ширина, отступы и число колонок. */
#product.bm-product .product-gallery img {
  border-radius: 10px;
  background-color: #075b55;
  box-shadow: 0 5px 14px rgba(6, 63, 59, 0.14);
  transition: filter 170ms ease, box-shadow 170ms ease;
}

#product.bm-product .product-gallery a:hover img,
#product.bm-product .product-gallery a:focus-visible img {
  filter: brightness(1.035);
  box-shadow: 0 7px 18px rgba(6, 63, 59, 0.22);
}

/* Матрица сварных секций и цен. */
#product.bm-product .product-gallery-matrix img {
  border-radius: 12px;
  background-color: #dcebe8;
  box-shadow: 0 5px 15px rgba(6, 63, 59, 0.10);
}

#product.bm-product .product-gallery-matrix p,
#product.bm-product .ap > .aboutprice {
  border-radius: 8px;
  color: var(--bm-page-heading);
  background-color: #eaf4f2;
  box-shadow: inset 0 0 0 1px rgba(7, 91, 85, 0.10);
}

#product.bm-product .product-gallery-matrix span {
  color: #8f550b;
}

#product.bm-product .ap > .aboutprice-ul {
  color: #536966;
}

#product.bm-product .productbottom {
  color: #315955;
}

/* Мини-галерея навесов находится сразу после #product, но загружается тем же CSS. */
.bm-naves-mini-gallery {
  --bm-gallery-accent: #9b5b07;
  --bm-gallery-accent-dark: #754405;
  --bm-gallery-ink: #29413f;
  --bm-gallery-muted: #61736f;
  --bm-gallery-line: #d8e5e2;
  --bm-gallery-surface: #f1f7f5;
  border-color: var(--bm-gallery-line);
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(6, 63, 59, 0.07);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.bm-naves-mini-gallery__count {
  border-color: #ecd8b8;
  color: #87500b;
  background: #fff8eb;
}

.bm-naves-mini-gallery__item {
  border-color: #d6e4e1;
  background: #e8f1ef;
  box-shadow: 0 4px 12px rgba(6, 63, 59, 0.075);
}

.bm-naves-mini-gallery__toggle {
  border-color: #d2e1de;
  color: #315955;
  background: #f1f7f5;
}

.bm-naves-mini-gallery__toggle:hover {
  border-color: #e5be7b;
  color: #87500b;
  background: #fff8eb;
}

@media (max-width: 760px) {
  #product.bm-product .bm-product-start {
    background: linear-gradient(180deg, #ffffff 0%, #edf7f5 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  #product.bm-product a:not(.button11),
  #product.bm-product .product-gallery img {
    transition: none;
  }
}