/* ===== Главная: блок «Производство и складской комплекс» (07.11.2026) ===== */
.erb-prod{--g:#58a841;--g-dark:#2e7d32;--ink:#1f2a1f;--muted:#5d6a5d;--line:#e3eadf;--soft:#f3f8f0;
  width:1280px;max-width:calc(100% - 20px);margin:10px auto 56px;font-family:Geologica,"Helvetica Neue",Arial,sans-serif;color:var(--ink)}
.erb-prod__head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start;margin-bottom:28px}
.erb-prod__badge{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--soft);color:var(--g-dark);font-size:14px;font-weight:600;margin-bottom:14px}
.erb-prod__title{font-size:40px;line-height:1.12;font-weight:700;margin:0 0 16px;letter-spacing:-.01em;color:var(--ink)}
.erb-prod__lead{font-size:17px;line-height:1.6;color:var(--muted);margin:0}
.erb-prod__facts{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.erb-prod__fact{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;font-size:14px;line-height:1.45;color:var(--muted);transition:border-color .2s,box-shadow .2s}
.erb-prod__fact:hover{border-color:#cfe3c6;box-shadow:0 6px 18px rgba(20,40,20,.06)}
.erb-prod__fact b{display:block;color:var(--ink);font-size:15px;font-weight:600;margin-bottom:2px}
.erb-prod__ic{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--g);display:flex;align-items:center;justify-content:center}
.erb-prod__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Галерея: «мозаика» 4 колонки */
.erb-prod__gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:14px;grid-auto-flow:dense}
.erb-prod__item{position:relative;margin:0;border-radius:18px;overflow:hidden;background:var(--soft)}
.erb-prod__item--tall{grid-row:span 2}
.erb-prod__item--wide{grid-column:span 2}
.erb-prod__item a{display:block;width:100%;height:100%}
.erb-prod__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.erb-prod__item:hover img{transform:scale(1.04)}
.erb-prod__item figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;color:#fff;font-size:14px;font-weight:600;line-height:1.3;
  background:linear-gradient(to top,rgba(10,20,10,.72),rgba(10,20,10,0));pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.erb-prod__item a::after{content:"";position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2a1f' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m20 20-4.5-4.5M11 8v6M8 11h6'/%3E%3C/svg%3E") center/18px no-repeat;
  opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s}
.erb-prod__item:hover a::after{opacity:1;transform:scale(1)}
.erb-prod__item a:focus-visible{outline:3px solid var(--g);outline-offset:-3px;border-radius:18px}

/* Призыв приехать на склад */
.erb-prod__cta{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-radius:18px;background:var(--soft)}
.erb-prod__cta p{margin:0;font-size:16px;line-height:1.5;color:var(--muted)}
.erb-prod__cta p b{color:var(--ink)}
.erb-prod__btns{display:flex;gap:10px;flex-shrink:0}
.erb-prod__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:12px;background:var(--g);color:#fff!important;font-weight:600;font-size:15px;text-decoration:none!important;white-space:nowrap;transition:background .2s,box-shadow .2s}
.erb-prod__btn:hover{background:#4c9637;box-shadow:0 6px 16px rgba(88,168,65,.3)}
.erb-prod__btn--ghost{background:#fff;color:var(--ink)!important;border:1px solid var(--line)}
.erb-prod__btn--ghost:hover{background:#fff;border-color:var(--g);box-shadow:none}

@media (max-width:1100px){
  .erb-prod__head{grid-template-columns:1fr;gap:22px}
  .erb-prod__title{font-size:34px}
  .erb-prod__gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:190px}
}
/* Телефон: свайп-лента фото */
@media (max-width:767px){
  .erb-prod{margin:0 auto 40px}
  .erb-prod__title{font-size:27px}
  .erb-prod__lead{font-size:15px}
  .erb-prod__facts{grid-template-columns:1fr;gap:10px}
  .erb-prod__fact{padding:12px 14px}
  .erb-prod__gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -10px;padding:0 10px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .erb-prod__gallery::-webkit-scrollbar{display:none}
  .erb-prod__item,.erb-prod__item--tall,.erb-prod__item--wide{flex:0 0 78%;height:300px;scroll-snap-align:start;border-radius:16px}
  .erb-prod__item a::after{opacity:1;transform:none;width:30px;height:30px;background-size:16px}
  .erb-prod__cta{flex-direction:column;align-items:stretch;padding:18px}
  .erb-prod__btns{flex-direction:column}
  .erb-prod__btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.erb-prod__item img,.erb-prod__item a::after{transition:none}}

/* подпись: общий стиль сайта даёт figcaption margin-bottom — убираем, «шторка» до нижнего края */
.erb-prod__item figcaption{margin:0!important;bottom:0;padding:56px 16px 16px;background:linear-gradient(to top,rgba(10,20,10,.78) 0%,rgba(10,20,10,.45) 45%,rgba(10,20,10,0) 100%)}

/* «Складская территория»: показываем нижнюю часть кадра (пакеты пиломатериалов), а не небо */
.erb-prod__item img[src*="skladskaya-territoriya"]{object-position:center bottom}
/* «Крытые навесы»: в широкой плитке показываем середину-низ кадра (пакеты под навесом), а не крышу */
.erb-prod__item img[src*="kryityy-naves"]{object-position:center 72%}

/* ===== Главная, «Настоящие отзывы» — мобильная версия (07.11.2026) ===== */
@media (max-width:767px){
  .home_revv #splide_revv{margin:0}
  .home_revv #splide_revv .splide__track{padding:2px 0 4px}
  .home_revv #splide_revv .splide__arrows{display:none}
  .home_revv .splide__slide{display:flex}
  .home_revv .k_eSfHeghKo7u5HtFS2L{flex:1;margin:0!important;padding:16px!important;border:1px solid #e6ece4!important;border-radius:16px!important;background:#fff;box-shadow:0 4px 14px rgba(20,40,20,.05)}
  .home_revv .wCRY7S8c_2gEy0J0sXSb{display:grid!important;grid-template-columns:44px 1fr;column-gap:12px;align-items:center}
  .home_revv .dwy0q9XWV9Ef3JJ0YDCS{grid-column:1;grid-row:1;margin:0!important}
  .home_revv .dwy0q9XWV9Ef3JJ0YDCS img{width:44px;height:44px;border-radius:50%;object-fit:cover}
  .home_revv .XYHTVn59gysM5naE9WFV{display:contents}
  .home_revv .kDmVGtAcsMdQBsv0Dl6S{grid-column:2;grid-row:1;display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:0!important}
  .home_revv .A0xBMlCU1FYM6s0mo77q{width:100%;font-size:15px;line-height:1.3;color:#1f2a1f}
  .home_revv .TvlWcNyJLs0_cGoO1ebw{font-size:12px;color:#8a948a;margin:0!important}
  .home_revv .logo_rev{margin:0!important;line-height:0}
  .home_revv .logo_rev img{height:13px;width:auto}
  .home_revv .z6IKKoOWdXoWLUbJsKAA{grid-column:1/-1;margin:12px 0 6px!important}
  .home_revv .z6IKKoOWdXoWLUbJsKAA .rating img{width:16px;height:16px}
  .home_revv .cnXs0ppWnL8PTqf7rl8z{grid-column:1/-1;margin:0!important}
  .home_revv .aVfHgG9fpQoDvwomr9na{display:none}
  .home_revv .xUmrn9owvzskFrJzP0nU{margin:0!important;font-size:14px;line-height:1.55;color:#3d473d;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
  .home_revv #splide_revv .splide__pagination{position:static;margin-top:14px;padding:0;gap:6px}
  .home_revv #splide_revv .splide__pagination__page{width:7px;height:7px;margin:0;border-radius:4px;background:#cfd8cc;opacity:1;transform:none;transition:width .2s,background .2s}
  .home_revv #splide_revv .splide__pagination__page.is-active{width:20px;background:#58a841}
}

/* Видео «Отгрузка заказа» в галерее (07.11.2026) */
.erb-prod__item--video{background:#1f2a1f}
.erb-prod__item--video video{display:block;width:100%;height:100%;object-fit:cover}
.erb-prod__play{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;border-radius:999px;background:rgba(255,255,255,.92);color:#1f2a1f;font-size:13px;font-weight:600;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.15);pointer-events:none}
.erb-prod__play svg{color:#58a841}
.erb-prod__item--video a::after{opacity:1;transform:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231f2a1f' d='M8 5v14l11-7z'/%3E%3C/svg%3E");background-size:16px}
