/* Карточка товара (родной дизайн unit): «Купить», цена в липкой панели, «Купить в 1 клик».
   Работает только при html.eyb-on — класс ставит eco-buy.js на странице товара. */

.eyb-on .eyb-buy {
  display: inline-flex; align-items: center; justify-content: center;
  height: 48px; padding: 0 22px; margin-left: 10px;
  border: 0; border-radius: 8px; background: #00753B; color: #fff;
  font-size: 18px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer;
}
.eyb-on .eyb-buy:hover, .eyb-on .eyb-buy:focus { background: #006030; color: #fff; outline: none; }
.eyb-on .eyb-buy[disabled] { opacity: .7; cursor: wait; }
.eyb-on .eyb-price { display: none; }

.eyb-on .one-click-block .click-btn {
  display: inline-flex; align-items: center; justify-content: center; height: 48px;
  border: 1px solid #00753B; border-radius: 8px; background: #fff; color: #00753B; font-size: 17px;
}

.eyb-on #notification .eyb-note-actions { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.eyb-on #notification .eyb-note-actions a {
  display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 16px;
  border-radius: 8px; font-size: 16px; text-decoration: none;
}
.eyb-on #notification .eyb-go { background: #00753B; color: #fff; }
.eyb-on #notification .eyb-stay { border: 1px solid #ccc; color: #333; background: #fff; }

/* «Задать вопрос по товару» — AI-консультант, рамка в цветах логотипа */
.eyb-on a.eyb-aiask {
  display: flex !important; align-items: center; gap: 12px; max-width: 420px; margin: 14px 0 6px; padding: 8px 14px 8px 8px;
  border: 2px solid transparent; border-radius: 16px; color: #1d1d1b !important; text-decoration: none !important;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #e52421, #f39200, #ffd500, #3aaa35, #009fe3) border-box;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06); transition: transform .15s, box-shadow .15s;
}
.eyb-on a.eyb-aiask:hover, .eyb-on a.eyb-aiask:focus-visible { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0, 159, 227, .18); outline: none; }
.eyb-on a.eyb-aiask img { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; }
.eyb-on .eyb-aiask-t { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; line-height: 1.25; }
.eyb-on .eyb-aiask-t b { font-size: 16px; font-weight: 700; }
.eyb-on .eyb-aiask-t span { font-size: 13px; color: #666; }
.eyb-on .eyb-aiask-go { flex: 0 0 auto; width: 10px; height: 10px; margin-right: 4px; border-top: 2px solid #009fe3; border-right: 2px solid #009fe3; transform: rotate(45deg); }

/* «Материалы и инструкции» */
.eyb-on .eyb-mat { display: flex; flex-direction: column; gap: 18px; padding: 6px 0; }
.eyb-on .eyb-mat-h { font-size: 15px; font-weight: 700; color: #1d1d1b; margin-bottom: 8px; }
.eyb-on .eyb-mat-g { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); gap: 10px; }
.eyb-on .eyb-mat-h { grid-column: 1 / -1; margin-bottom: 0; }
.eyb-on .eyb-mat-c {
  display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid #e3e6e8; border-radius: 12px;
  background: #fff; color: #1d1d1b; text-decoration: none; transition: border-color .15s, box-shadow .15s;
}
.eyb-on a.eyb-mat-c:hover { border-color: #00753B; box-shadow: 0 4px 14px rgba(0, 117, 59, .1); color: #1d1d1b; text-decoration: none; }
.eyb-on .eyb-mat-ic {
  position: relative; flex: 0 0 34px; height: 42px; border-radius: 4px 12px 4px 4px; background: #e8f3ec;
}
.eyb-on .eyb-mat-ic::after { content: ""; position: absolute; left: 8px; right: 8px; top: 14px; height: 14px; border-top: 2px solid #00753B; border-bottom: 2px solid #00753B; }
.eyb-on .eyb-mat-pdf .eyb-mat-ic { background: #fdeaea; }
.eyb-on .eyb-mat-pdf .eyb-mat-ic::after { content: "PDF"; left: 0; right: 0; top: 13px; height: auto; border: 0; font: 700 10px/16px Arial, sans-serif; color: #e52421; text-align: center; }
.eyb-on .eyb-mat-n { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; line-height: 1.3; }
.eyb-on .eyb-mat-n b { font-size: 15px; font-weight: 600; }
.eyb-on .eyb-mat-n span { font-size: 13px; color: #777; }
.eyb-on .eyb-mat-empty { grid-column: 1 / -1; border-style: dashed; }
.eyb-on .eyb-mat-req {
  flex: 0 0 auto; height: 36px; padding: 0 14px; border: 1px solid #00753B; border-radius: 8px;
  background: #fff; color: #00753B; font-size: 14px; font-weight: 600; cursor: pointer;
}
.eyb-on .eyb-mat-req:hover { background: #00753B; color: #fff; }
.eyb-on .eyb-mat-req[disabled] { opacity: .6; cursor: default; }
.eyb-on .eyb-doc-f { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 8px; max-width: 560px; padding: 12px 14px; border: 1px solid #e3e0d8; border-radius: 10px; background: #faf8f3; font-size: 13px; }
.eyb-on .eyb-doc-f[hidden] { display: none; }
.eyb-on .eyb-doc-f label { display: flex; flex-direction: column; gap: 3px; margin: 0; font-weight: 400; color: #444; flex: 1; }
.eyb-on .eyb-doc-f input[type=text], .eyb-on .eyb-doc-f input[type=email], .eyb-on .eyb-doc-f textarea { width: 100%; box-sizing: border-box; padding: 7px 9px; border: 1px solid #ccc; border-radius: 6px; font: inherit; font-size: 14px; resize: vertical; }
.eyb-on .eyb-doc-row { display: flex; gap: 8px; flex-wrap: wrap; }
.eyb-on .eyb-doc-f label.eyb-doc-agree { flex-direction: row; align-items: flex-start; gap: 6px; font-size: 12px; }
.eyb-on .eyb-doc-agree input { margin-top: 2px; }
.eyb-on .eyb-doc-f .eyb-mat-req { align-self: flex-start; }
.eyb-on .eyb-doc-msg.is-ok { color: #00753B; }
.eyb-on .eyb-doc-msg.is-err { color: #b3261e; }

/* разделы подробного описания (Штурвал: h3.eco-sec) */
.eyb-on #home h3.eco-sec {
  margin: 26px 0 10px; padding: 0 0 0 12px; border-left: 4px solid #00753B;
  font-size: 20px; font-weight: 700; line-height: 1.3; color: #1d1d1b; text-transform: none;
}
.eyb-on #home h3.eco-sec:first-child { margin-top: 4px; }

/* «Видео» */
.eyb-on .eyb-vid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); gap: 16px; padding: 6px 0; }
.eyb-on .eyb-v { margin: 0; }
.eyb-on .eyb-v-play, .eyb-on .eyb-v-frame {
  position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 12px; overflow: hidden;
  background: #1d2b24 center / cover no-repeat;
}
.eyb-on .eyb-v-play { cursor: pointer; }
.eyb-on .eyb-v-play::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .35)); }
.eyb-on .eyb-v-play i {
  position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%;
  background: rgba(255, 255, 255, .92); box-shadow: 0 6px 20px rgba(0, 0, 0, .3); transition: transform .15s;
}
.eyb-on .eyb-v-play i::after { content: ""; position: absolute; left: 26px; top: 20px; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #00753B; }
.eyb-on .eyb-v-play:hover i, .eyb-on .eyb-v-play:focus-visible i { transform: scale(1.08); }
.eyb-on .eyb-v-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.eyb-on .eyb-v figcaption { margin-top: 8px; font-size: 14px; line-height: 1.35; color: #444; }

/* доверие у цены, рейтинг, скрытые пустые вкладки */
.eyb-on .best-btn { display: none !important; }
.eyb-on .eyb-trust { list-style: none; margin: 6px 0 12px; padding: 0; font-size: 14px; line-height: 1.35; color: #444; }
.eyb-on .eyb-trust li { position: relative; padding: 3px 0 3px 22px; }
.eyb-on .eyb-trust li::before { content: ""; position: absolute; left: 2px; top: 8px; width: 12px; height: 7px; border-left: 2px solid #00753B; border-bottom: 2px solid #00753B; transform: rotate(-45deg); }
.eyb-on .eyb-trust li.eyb-ok { color: #00753B; font-weight: 700; }
.eyb-on .eyb-trust li.eyb-wait { color: #b26a00; font-weight: 700; }
.eyb-on .eyb-trust li.eyb-wait::before { border-color: #b26a00; }
.eyb-on .eyb-trust a { color: #444; text-decoration: underline; text-decoration-color: #bbb; }
.eyb-on .eyb-rate { color: #444 !important; cursor: default; text-decoration: none !important; }
.eyb-on .eyb-hide { display: none !important; }
.eyb-on .eyb-widths { margin: 8px 0 6px; }
.eyb-on .eyb-widths-t { font-size: 14px; color: #666; margin-bottom: 6px; }
.eyb-on .eyb-widths-b { display: flex; flex-wrap: wrap; gap: 6px; }
.eyb-on .eyb-w {
  display: flex; flex-direction: column; align-items: center; min-width: 76px; padding: 6px 10px; border: 1px solid #cfd6d2;
  border-radius: 8px; background: #fff; color: #222; text-decoration: none; line-height: 1.2;
}
.eyb-on a.eyb-w:hover { border-color: #00753B; color: #222; text-decoration: none; }
.eyb-on .eyb-w b { font-size: 15px; }
.eyb-on .eyb-w span { font-size: 12.5px; color: #666; }
.eyb-on .eyb-w-on { border: 2px solid #00753B; background: #eef7f1; padding: 5px 9px; }
.eyb-on .eyb-w-off { opacity: .55; }

/* маркетплейсы: вторичный блок под доверием, не спорит с «Купить» */
.eyb-on .eyb-mp { margin: 4px 0 14px; max-width: 420px; }
.eyb-on .eyb-mp-desk { margin-top: 14px; }
.eyb-on .eyb-mp-t { font-size: 13px; color: #777; margin-bottom: 6px; }
.eyb-on .eyb-mp-b { display: flex; gap: 6px; }
.eyb-on .eyb-mp-i {
  flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  min-height: 52px; padding: 6px 4px; border: 1px solid #e1e5e3; border-radius: 10px; background: #fafbfa;
  color: #222; text-decoration: none; line-height: 1.1; transition: border-color .15s, box-shadow .15s;
}
.eyb-on a.eyb-mp-i:hover, .eyb-on a.eyb-mp-i:focus { border-color: #b9c4bf; box-shadow: 0 1px 4px rgba(0,0,0,.08); color: #222; text-decoration: none; outline: none; }
.eyb-on .eyb-mp-logo {
  display: inline-block; padding: 3px 7px; border-radius: 5px; font: 800 11px/1 Arial, sans-serif; font-style: normal;
  letter-spacing: .3px; color: #fff; white-space: nowrap;
}
.eyb-on .eyb-mp-o .eyb-mp-logo { background: #005bff; }
.eyb-on .eyb-mp-w .eyb-mp-logo { background: linear-gradient(135deg, #cb11ab, #481173); }
.eyb-on .eyb-mp-y .eyb-mp-logo { background: #ffd43b; color: #000; }
.eyb-on .eyb-mp-p { font-size: 14px; font-weight: 600; white-space: nowrap; }
.eyb-on .eyb-mp-off { cursor: default; }
.eyb-on .eyb-mp-off .eyb-mp-logo { filter: grayscale(1); opacity: .45; }
.eyb-on .eyb-mp-off .eyb-mp-p { font-size: 11.5px; font-weight: 400; color: #999; }
.eyb-on .eyb-mp-n { margin-top: 5px; font-size: 11.5px; color: #999; }

/* описание из Word: отступы и размеры */
.eyb-on .main-tabs .tab-content p[class^="Mso"] { text-indent: 0 !important; margin-left: 0 !important; }
.eyb-on .main-tabs .tab-content p[class^="MsoListParagraph"] { padding-left: 0 !important; }

@media (max-width: 767px) {
  .eyb-on .product-price { height: auto !important; }
  .eyb-on .price-block { margin-bottom: 0; padding-bottom: 0; }
  .eyb-on .info-block + hr, .eyb-on .price-block + hr { display: none; }

  /* галерея: фото ниже, миниатюры одной лентой */
  .eyb-on .bx-viewport { height: 400px !important; }
  .eyb-on .bx-wrapper img { max-height: 390px; width: auto !important; margin: 0 auto; object-fit: contain; }
  .eyb-on .bx-pager { display: flex !important; flex-wrap: nowrap; overflow-x: auto; gap: 6px; padding: 6px 0 !important; -webkit-overflow-scrolling: touch; }
  .eyb-on .bx-pager a { flex: 0 0 64px; }
  .eyb-on .bx-pager img { width: 64px !important; height: 64px !important; object-fit: cover; margin: 0 !important; }

  /* описание */
  .eyb-on .main-tabs .tab-content h2 { font-size: 20px !important; line-height: 1.3 !important; margin: 12px 0 8px !important; }
  .eyb-on .main-tabs .tab-content p { font-size: 15.5px; line-height: 1.5; }
  .eyb-on .main-tabs .tab-content .embed-responsive { margin: 10px 0; }
  .eyb-on .eyb-fold { max-height: 1100px; overflow: hidden; position: relative; }
  .eyb-on .eyb-fold::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 160px; background: linear-gradient(rgba(255,255,255,0), #fff 75%); pointer-events: none; }
  .eyb-on .eyb-more {
    position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: 2; height: 44px; padding: 0 20px;
    border: 1px solid #00753B; border-radius: 8px; background: #fff; color: #00753B; font-size: 16px; white-space: nowrap;
  }
  .eyb-on .eyb-toc { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 12px; }
  .eyb-on .eyb-chip { border: 1px solid #cfd6d2; background: #f6f8f7; color: #222; border-radius: 16px; padding: 6px 12px; font-size: 14px; }
  .eyb-on .eyb-cta2 { display: flex; gap: 8px; margin: 16px 0 8px; }
  .eyb-on .eyb-cta2 .eyb-buy2 { flex: 1 1 auto; margin-left: 0; font-size: 17px; }
  .eyb-on .eyb-cta2 .eyb-ask {
    flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; height: 48px; padding: 0 12px 0 8px;
    border: 2px solid transparent; border-radius: 10px; color: #1d1d1b; font-size: 15px; font-weight: 600;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #e52421, #f39200, #ffd500, #3aaa35, #009fe3) border-box;
  }
  .eyb-on .eyb-cta2 .eyb-ask img { width: 24px; height: 24px; border-radius: 50%; }
  .eyb-on .eco-proc__hint { display: none; }

  /* липкая панель: цена | корзина-иконка | Купить */
  .eyb-on .shop-panel {
    align-items: center !important; gap: 8px; padding: 8px 10px !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .08);
  }
  .eyb-on .shop-panel .eyb-price {
    display: flex; flex-direction: column; justify-content: center; flex: 0 0 auto; min-width: 0; line-height: 1.1;
  }
  .eyb-on .eyb-price-new { font-size: 21px; font-weight: 700; color: #222; white-space: nowrap; }
  .eyb-on .eyb-price-old { font-size: 13px; color: #888; text-decoration: line-through; white-space: nowrap; }
  .eyb-on .shop-panel .addToCart {
    flex: 1 1 auto; display: flex !important; margin: 0 !important; background: none; border-radius: 0;
  }
  .eyb-on .shop-panel .addToCart.hide, .eyb-on .shop-panel .addToCart.hidden { display: none !important; }
  .eyb-on .shop-panel .quant-main { display: none; }
  .eyb-on .shop-panel .addToCart .addToCartFull {
    flex: 0 0 48px; width: 48px !important; min-width: 48px !important; max-width: 48px; height: 48px;
    padding: 0 !important; font-size: 0 !important; border: 1px solid #00753B; border-radius: 8px;
    background: #fff; color: #00753B; position: relative;
  }
  .eyb-on .shop-panel .addToCart .addToCartFull .icons { font-size: 22px; margin: 0; color: #00753B; }
  .eyb-on .shop-panel .addToCart .addToCartFull.eyb-added::after {
    content: ""; position: absolute; top: -5px; right: -5px; width: 16px; height: 16px; border-radius: 50%;
    background: #00753B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='%23fff' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/12px no-repeat;
  }
  .eyb-on .shop-panel .eyb-buy { flex: 1 1 auto; margin-left: 8px; padding: 0 10px; }
  .eyb-on .shop-panel .notice-btn { margin-left: auto; }

  /* «Купить в 1 клик» — в теле карточки, во всю ширину */
  .eyb-on .eyb-oneclick-slot { margin: 6px 0 14px; }
  .eyb-on .eyb-oneclick-slot .click-btn { width: 100%; }

  /* виджет чата — над липкой панелью и нижней полосой */
  .eyb-on #chatWidget { bottom: 130px !important; }
  .eyb-on body { padding-bottom: 70px; }
}


/* Аудит PDP (native): дубль характеристик, шум CTA, слой sticky */
.eyb-on .eyb-vendor-thin { display: none !important; }
.eyb-on .eyb-specs-moved { margin-bottom: 12px; }
.eyb-on .eyb-specs-moved table { width: 100%; }
.eyb-on .pay-sticker { display: none !important; }
@media (max-width: 767px) {
  .eyb-on .shop-panel { z-index: 1030 !important; }
  .eyb-on .ecc-btn { bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important; }
  .eyb-on .ecc-tip { bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important; }
  .eym-on.eyb-on .ecc-btn { bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important; }
  .eym-on.eyb-on .ecc-tip { bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important; }
  .eym-on.eyb-on #chatWidget { bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important; }
}

.eyb-on .eyb-specs-moved > h3.eco-sec { display: none; }


/* ===== Новый PDP (.eyp + eyb-on): AI, 1 клик, маркетплейсы ===== */
html.eco-new.eyb-on .eyp-after-buy { margin-top: 18px; display: grid; gap: 14px; }
html.eco-new.eyb-on .eyp-actions { display: grid; gap: 10px; }
html.eco-new.eyb-on a.eyb-aiask.eyp-ask-btn {
  display: flex !important; align-items: center; gap: 14px; width: 100%; max-width: none;
  margin: 0; padding: 12px 16px 12px 12px;
  border: 1px solid rgba(0, 117, 59, .22);
  border-radius: 16px;
  background: linear-gradient(135deg, #f3faf5 0%, #ffffff 55%, #eef7ff 100%);
  box-shadow: 0 8px 24px rgba(0, 117, 59, .08);
  color: #1d1d1b !important; text-decoration: none !important;
}
html.eco-new.eyb-on a.eyb-aiask.eyp-ask-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0, 117, 59, .14);
  border-color: rgba(0, 117, 59, .35);
}
html.eco-new.eyb-on .eyp-ask-btn__ico {
  flex: 0 0 56px; width: 56px; height: 56px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.08);
  overflow: hidden;
}
html.eco-new.eyb-on .eyp-ask-btn__ico img {
  width: 52px !important; height: 52px !important; border-radius: 50%; object-fit: cover; display: block;
}
html.eco-new.eyb-on .eyp-ask-btn__txt b { font-size: 17px; color: #0f3d24; }
html.eco-new.eyb-on .eyp-ask-btn__txt span { font-size: 13px; color: #5a6b60; }
html.eco-new.eyb-on .eyp-ask-btn .eyb-aiask-go {
  width: 12px; height: 12px; border-top-width: 2px; border-right-width: 2px; border-color: #00753B;
}

html.eco-new.eyb-on .eyp-oneclick--on .click-btn,
html.eco-new.eyb-on .eyp-btn--oneclick,
html.eco-new.eyb-on .eyp-oneclick--on a {
  display: flex !important; align-items: center; justify-content: center;
  width: 100%; min-height: 48px; padding: 0 18px;
  border: 1.5px solid #00753B !important; border-radius: 12px !important;
  background: #fff !important; color: #00753B !important;
  font: 600 16px/1.2 Golos Text, system-ui, sans-serif !important;
  text-decoration: none !important; box-shadow: none !important;
}
html.eco-new.eyb-on .eyp-oneclick--on .click-btn:hover,
html.eco-new.eyb-on .eyp-btn--oneclick:hover {
  background: #f3faf5 !important;
}

html.eco-new.eyb-on .eyp-mp,
html.eco-new.eyb-on .eyb-mp { max-width: none; margin: 0; }
html.eco-new.eyb-on .eyb-mp-b { flex-wrap: wrap; }
html.eco-new.eyb-on .eyb-mp-i { min-width: 120px; flex: 1 1 120px; justify-content: flex-start; }
html.eco-new.eyb-on .eyb-trust { margin: 0; }

/* прячем сырую ссылку в meta — кнопка переехала в eyp-actions */
html.eco-new.eyb-on .eyp-meta a[data-target="#forma"] { display: none !important; }