/* BNPL parts: link under price + tabbed modal (Dolyame Digi + Split Ultimate) */

.item-page .content .info .price {
  margin-bottom: 12px;
}

.bnpl-parts-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 28px;
  padding: 0;
  border: 0;
  background: none;
  color: #808080;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

.bnpl-parts-link:hover {
  color: #1c1b1b;
}

.bnpl-parts-link__arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 1px solid currentColor;
  border-top: 1px solid currentColor;
  transform: rotate(45deg);
  margin-left: 2px;
  flex-shrink: 0;
}

.bnpl-parts-popup {
  width: 100%;
  max-width: 520px;
  padding: 36px 28px 28px;
  box-sizing: border-box;
}

.bnpl-parts-popup__title {
  margin: 0 0 24px;
  padding: 0 36px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  color: #000 !important;
  letter-spacing: 0;
}

.bnpl-parts-popup__tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid #e7e7e7;
  margin: 0 0 20px;
}

.bnpl-parts-popup__tab {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 8px 14px;
  border: 0;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
  background: none;
  color: #808080;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  transition: color 0.15s ease;
}

.bnpl-parts-popup__tab:hover {
  color: #1c1b1b;
}

.bnpl-parts-popup__tab.is-active {
  color: #1c1b1b;
  border-bottom-color: #1c1b1b;
}

.bnpl-parts-popup__tab-icon {
  display: inline-flex;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.bnpl-parts-popup__tab-icon svg {
  display: block;
  width: 20px;
  height: 20px;
}

.bnpl-parts-popup__tab-text {
  line-height: 1;
}

.bnpl-parts-popup__body {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
}

.bnpl-parts-popup__panel {
  grid-area: 1 / 1;
  width: 100%;
  min-height: 0;
  box-sizing: border-box;
  /* Both panels stay in flow → body height = max(tab heights), no jump */
}

.bnpl-parts-popup__panel:not(.is-active) {
  /* opacity (not visibility:hidden) so YaPay can layout while tab is idle */
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}

.bnpl-parts-popup__panel.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}

#bnpl-dolyame-host {
  width: 100%;
  min-height: 0;
}

#bnpl-split-widget {
  width: 100% !important;
  /* Reserve space so Split height is known before first tab click */
  min-height: 220px;
}

.bnpl-parts-popup__panel[data-bnpl-panel="split"] {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 340px;
}

/*
 * Shared Digi intro look (Долями embed + Сплит clone).
 * Force desktop Digi layout even on mobile so tabs match (no jump).
 */
body.bnpl-admin-preview.bnpl-dolyame-embedded #bnpl-dolyame-host .digi-dolyame-modal,
.bnpl-split-intro {
  --text-color: #000;
  --text-grey-color: rgba(0, 0, 0, 0.5);
  font-family: var(--digi-dolyame-font, Roboto, Montserrat, Arial, Helvetica, sans-serif);
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color);
}

body.bnpl-admin-preview.bnpl-dolyame-embedded #bnpl-dolyame-host .digi-dolyame-modal__content,
.bnpl-split-intro .digi-dolyame-modal__content.bnpl-split-digi-content {
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  /* Equal inset on all sides (top = bottom, not stuck to edges) */
  padding: 16px !important;
  gap: 16px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
  transform: none !important;
}

/* Kill Digi --mobile stacking/fonts inside our modal */
body.bnpl-admin-preview.bnpl-dolyame-embedded #bnpl-dolyame-host .digi-dolyame-modal--mobile .digi-dolyame-modal__features,
.bnpl-split-intro .digi-dolyame-modal__features {
  flex-direction: row !important;
}

body.bnpl-admin-preview.bnpl-dolyame-embedded #bnpl-dolyame-host .digi-dolyame-modal--mobile .digi-dolyame-modal__header-title,
.bnpl-split-intro .digi-dolyame-modal__header-title,
body.bnpl-admin-preview.bnpl-dolyame-embedded #bnpl-dolyame-host .digi-dolyame-modal__header-title {
  font-size: 1.72em !important;
  font-weight: 700 !important;
  line-height: 1.33em !important;
}

body.bnpl-admin-preview.bnpl-dolyame-embedded #bnpl-dolyame-host .digi-dolyame-modal__header-subtitle,
.bnpl-split-intro .digi-dolyame-modal__header-subtitle {
  color: var(--text-grey-color) !important;
  font-size: 1em !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}

body.bnpl-admin-preview.bnpl-dolyame-embedded #bnpl-dolyame-host .digi-dolyame-modal__feature-title,
.bnpl-split-intro .digi-dolyame-modal__feature-title {
  font-weight: 400 !important;
}

.bnpl-split-intro {
  margin: 0 0 8px;
}

.bnpl-split-intro .digi-dolyame-modal__logo,
.bnpl-split-intro .digi-dolyame-modal__logo--plus,
.bnpl-split-intro .digi-dolyame-modal__logo-custom,
.bnpl-split-intro .digi-dolyame-modal__close {
  display: none !important;
}

.bnpl-split-more {
  margin-top: 16px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #808080;
}

.bnpl-split-more a {
  color: #808080;
  text-decoration: underline;
}

/* Hide Digi brand logo inside embedded modal (tab already has Долями) */
body.bnpl-admin-preview.bnpl-dolyame-embedded #bnpl-dolyame-host .digi-dolyame-modal__logo,
body.bnpl-admin-preview.bnpl-dolyame-embedded #bnpl-dolyame-host .digi-dolyame-modal__logo--plus,
body.bnpl-admin-preview.bnpl-dolyame-embedded #bnpl-dolyame-host .digi-dolyame-modal__logo-custom {
  display: none !important;
}

/* Hide Digi product plaque under price — only in admin BNPL preview */
html.bnpl-admin-preview .digi-dolyame-product,
html.bnpl-admin-preview [data-name="DolyameProductButton"],
body.bnpl-admin-preview .digi-dolyame-product,
body.bnpl-admin-preview [data-name="DolyameProductButton"],
body.bnpl-admin-preview .digi-dolyame-product.bnpl-digi-badge-hidden,
body.bnpl-admin-preview [data-name="DolyameProductButton"].bnpl-digi-badge-hidden,
body.bnpl-admin-preview .item-page .digi-dolyame-product,
body.bnpl-admin-preview .item-page [data-name="DolyameProductButton"],
body.bnpl-admin-preview.catalog-element-page .digi-dolyame-product,
body.bnpl-admin-preview.catalog-element-page [data-name="DolyameProductButton"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
  top: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
}

/* Allow brief programmatic click to open Digi modal into our tab */
html.bnpl-admin-preview .digi-dolyame-product.bnpl-digi-badge-clickable,
html.bnpl-admin-preview [data-name="DolyameProductButton"].bnpl-digi-badge-clickable,
body.bnpl-admin-preview .digi-dolyame-product.bnpl-digi-badge-clickable,
body.bnpl-admin-preview [data-name="DolyameProductButton"].bnpl-digi-badge-clickable {
  display: flex !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: auto !important;
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  z-index: -1 !important;
  overflow: hidden !important;
}

/*
 * Embed Digi DolyameModal inside our tab — 1:1 content, no overlay chrome.
 */
body.bnpl-admin-preview.bnpl-dolyame-embedded:not(.bnpl-tab-split) .digi-dolyame-modal,
body.bnpl-admin-preview.bnpl-dolyame-embedded:not(.bnpl-tab-split) .digi-dolyame-modal.digi-dolyame-modal--open,
body.bnpl-admin-preview.bnpl-dolyame-embedded:not(.bnpl-tab-split) [data-name="DolyameModal"] {
  position: static !important;
  inset: auto !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  background: transparent !important;
  z-index: 1 !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

body.bnpl-admin-preview.bnpl-dolyame-embedded:not(.bnpl-tab-split) .digi-dolyame-modal__content {
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transform: none !important;
}

body.bnpl-admin-preview.bnpl-dolyame-embedded .digi-dolyame-modal__close {
  display: none !important;
}

/* Outside embed / on Split tab: Digi must not leak over Split widget.
   Do NOT use display:none on Digi modal — Digi Vue zeros payment amounts.
   Inactive dolyame panel already has opacity:0 via tab panels. */
body.bnpl-admin-preview.catalog-element-page:not(.bnpl-dolyame-embedded) .digi-dolyame-modal {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

body.bnpl-admin-preview.bnpl-tab-split #bnpl-dolyame-host .digi-dolyame-modal {
  /* keep Digi mounted & calculated; panel opacity hides it */
  pointer-events: none !important;
}

@media (max-width: 767px) {
  .bnpl-parts-link {
    margin-bottom: 20px;
  }

  .bnpl-parts-popup {
    max-width: 100%;
    padding: 28px 18px 20px;
  }

  .bnpl-parts-popup__title {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 20px;
    padding: 0 28px;
  }

  .bnpl-parts-popup__tab {
    gap: 6px;
    font-size: 12px;
    padding: 10px 4px 12px;
  }

  .bnpl-parts-popup__tab-icon,
  .bnpl-parts-popup__tab-icon svg {
    width: 18px;
    height: 18px;
  }

  /* Fancybox: avoid inner scrollbar when height is synced */
  .fancybox-content .bnpl-parts-popup,
  .fancybox-slide--current .bnpl-parts-popup {
    overflow: visible;
  }
}