/* 7.9.72 — inset seams on remaining product bands; Viber banner never full-bleed */

/* Sticky subnav: inset hairline, not edge-to-edge divider */
html body.bu-product-page .bu-pro-nav,
html body.bu-product-page .bu-pub-subnav,
html body.bu-landing-page .bu-pro-nav,
html body.bu-landing-page .bu-pub-subnav,
html body main.bu-appdl > .bu-pro-nav,
html body main.bu-pro > .bu-pro-nav,
html body.bu-mkt-pro .bu-pub-subnav {
  border-bottom: 0 !important;
  box-shadow: none !important;
  position: sticky;
}
html body.bu-product-page .bu-pro-nav,
html body.bu-product-page .bu-pub-subnav,
html body.bu-landing-page .bu-pub-subnav,
html body main.bu-appdl > .bu-pro-nav,
html body main.bu-pro > .bu-pro-nav,
html body.bu-mkt-pro .bu-pub-subnav {
  position: sticky !important;
}
html body.bu-product-page .bu-pro-nav::after,
html body.bu-product-page .bu-pub-subnav::after,
html body.bu-landing-page .bu-pub-subnav::after,
html body main.bu-appdl > .bu-pro-nav::after,
html body main.bu-pro > .bu-pro-nav::after,
html body.bu-mkt-pro .bu-pub-subnav::after {
  content: "";
  display: block;
  position: absolute;
  left: 36px;
  right: 36px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(18, 58, 72, 0.16), transparent);
  pointer-events: none;
}

/* Remaining product bands: inset top seam, never touch corners */
html body.bu-product-page .bu-pro-more,
html body.bu-product-page .bu-pro-steps,
html body.bu-product-page .bu-pro-cmp,
html body.bu-product-page .bu-pro-price,
html body.bu-product-page .bu-dispo-stage,
html body.bu-product-page .bu-pro-close,
html body.bu-product-page .bu-appdl-hero,
html body.bu-product-page .bu-help-hero,
html body.bu-product-page .bu-help-aside,
html body.bu-product-page .bu-mkt-kontakt-wrap,
html body.bu-landing-page .bu-help-hero,
html body.bu-landing-page .bu-help-aside {
  border-top: 0 !important;
  box-shadow: none !important;
  position: relative;
}
html body.bu-product-page .bu-pro-more::before,
html body.bu-product-page .bu-pro-steps::before,
html body.bu-product-page .bu-pro-cmp::before,
html body.bu-product-page .bu-pro-price::before,
html body.bu-product-page .bu-dispo-stage::before,
html body.bu-product-page .bu-pro-close::before,
html body.bu-product-page .bu-appdl-hero::before,
html body.bu-product-page .bu-help-hero::before,
html body.bu-product-page .bu-help-aside::before,
html body.bu-product-page .bu-mkt-kontakt-wrap::before {
  content: "";
  display: block;
  height: 1px;
  width: min(880px, calc(100% - 72px));
  margin: 0 auto 22px;
  background: linear-gradient(90deg, transparent, rgba(18, 58, 72, 0.18), transparent);
}

/* Viber soon: constrained card, never a bar to the corners */
html body.bu-product-page .bu-viber-soon-wrap,
html body .bu-viber-soon-wrap {
  max-width: min(880px, calc(100% - 72px));
  width: auto;
  margin: 20px auto 0 !important;
  padding: 0;
}
html body.bu-product-page p.bu-viber-soon,
html body p.bu-viber-soon {
  max-width: min(880px, calc(100% - 72px));
  margin: 20px auto 0 !important;
  padding: 14px 20px !important;
  border-radius: 14px;
  box-sizing: border-box;
}
html body .bu-viber-soon-wrap p.bu-viber-soon {
  max-width: none;
  margin: 0 !important;
}

@media (max-width: 700px) {
  html body.bu-product-page .bu-pro-nav::after,
  html body.bu-product-page .bu-pub-subnav::after,
  html body.bu-landing-page .bu-pub-subnav::after,
  html body.bu-mkt-pro .bu-pub-subnav::after {
    left: 16px;
    right: 16px;
  }
  html body.bu-product-page .bu-viber-soon-wrap,
  html body.bu-product-page p.bu-viber-soon,
  html body p.bu-viber-soon {
    max-width: calc(100% - 32px);
  }
}