/* Page blocks adapt the home layout and the original business selection preview. */
.business-v2 { --b2b-muted: #a8aab4; --b2b-line: #ffffff1f; --b2b-surface: #17191e; --b2b-accent: #f47a20; --b2b-section-gap: 104px; overflow: clip; gap: 0; }
.business-v2 [hidden] { display: none !important; }
.business-v2 section[id] { scroll-margin-top: 104px; }
.business-v2 picture > source { display: none; }
.business-v2 ::selection { background: #7e3b12; color: #fff; }
.business-v2 :is(a, button):focus-visible { outline: 2px solid var(--b2b-accent); outline-offset: 5px; }
.business-v2 .home-page-module__pageRoot { gap: 0; }
.business-v2 .home-page-module__hero { padding-top: 112px; align-items: center; }
.business-v2 .home-page-module__heroContent { gap: 24px; }
.business-v2 .home-page-module__title { font-size: clamp(38px, 4.25vw, 64px); line-height: 1.08; letter-spacing: -.04em; }
.business-v2 .home-page-module__title span { color: var(--b2b-accent); background: none; -webkit-text-fill-color: currentColor; }
.business-v2 .home-page-module__subtitle { max-width: 46ch; font-size: 16px; line-height: 1.8; }
.business-v2 .home-page-module__ctaRow { gap: 12px; }
.business-v2 .home-page-module__ctaRow .btn-secondary { font-size: 13px; }
.business-v2 .b2b-hero-note { color: var(--b2b-muted); font-size: 12px; margin: 0; }
.business-v2 .b2b-hero-benefits { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 8px 0 0; padding: 0; list-style: none; color: #c8cad1; font-size: 12px; line-height: 1.6; }
.business-v2 .b2b-hero-benefits li { display: flex; align-items: center; gap: 6px; }
.business-v2 .b2b-hero-benefits svg { width: 14px; height: 14px; color: var(--b2b-accent); }
.business-v2 .b2b-audience { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding: 28px 0; margin-top: 40px; border-block: 1px solid var(--b2b-line); }
.business-v2 .b2b-audience > span { color: var(--b2b-muted); font-size: 12px; }
.business-v2 .b2b-audience strong { font-size: 14px; font-weight: 500; }
.business-v2 .b2b-section { padding-top: var(--b2b-section-gap); }
.business-v2 .b2b-heading { display: grid; justify-items: center; gap: 24px; max-width: 760px; margin: 0 auto 40px; text-align: center; }
.business-v2 :is(.b2b-heading, .b2b-copy, .before-after-showcase-module__header) h2 { font-size: clamp(30px, 3.4vw, 48px); line-height: 1.15; letter-spacing: -.04em; font-weight: 500; margin: 0; text-wrap: balance; }
.business-v2 h2 span { color: #aeb1bd; }
.business-v2 :is(.b2b-heading, .b2b-copy, .before-after-showcase-module__header) > p { color: var(--b2b-muted); font-size: 16px; line-height: 1.8; margin: 0; max-width: 65ch; }
.business-v2 .b2b-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; min-width: 0; }
.business-v2 .b2b-caption { display: block; color: var(--b2b-muted); font-size: 12px; line-height: 1.7; margin: 0; }
.business-v2 .b2b-text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #e4e5ea; font-size: 14px; text-decoration: underline; text-underline-offset: 7px; text-decoration-color: #ffffff40; }
.business-v2 .b2b-text-link:hover { color: var(--b2b-accent); text-decoration-color: currentColor; }
.business-v2 .b2b-text-link svg { width: 18px; height: 18px; flex-shrink: 0; }
.business-v2 .business-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Evidence comes before the explanation. Retain the template's accessible gallery. */
.business-v2 .before-after-showcase-module__section { padding-block: 80px 0; gap: 32px; }
.business-v2 .before-after-showcase-module__header { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: end; gap: 64px; max-width: none; margin: 0; text-align: left; }
.business-v2 .before-after-showcase-module__header p { max-width: 46ch; margin: 0; }
.business-v2 .before-after-showcase-module__shell { gap: 32px; background: transparent; border: 0; padding: 0; }
.business-v2 .before-after-showcase-module__navList { gap: 4px; position: static; }
.business-v2 .before-after-showcase-module__navButton { padding: 16px; }
.business-v2 .before-after-showcase-module__viewer { gap: 20px; min-width: 0; }
.business-v2 .before-after-showcase-module__viewerMeta { font-size: 11px; letter-spacing: .04em; }
.business-v2 .b2b-example-note { display: flex; align-items: flex-start; gap: 10px; color: var(--b2b-muted); font-size: 12px; line-height: 1.7; margin: 0; }
.business-v2 .b2b-example-note svg { flex: 0 0 18px; height: 18px; margin-top: 1px; }

/* A visual sequence replaces three interchangeable feature cards. */
.business-v2 .b2b-workflow-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 80px; padding-block: 48px; border-block: 1px solid var(--b2b-line); }
.business-v2 .b2b-workflow-layout .b2b-heading { align-self: center; justify-items: start; margin: 0; text-align: left; }
.business-v2 .b2b-steps { display: grid; gap: 28px; padding: 0; margin: 0; list-style: none; }
.business-v2 .b2b-steps li { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 24px; align-items: center; }
.business-v2 .b2b-step-media { height: 96px; border-radius: 12px; background: #17191e; overflow: hidden; }
.business-v2 .b2b-step-media picture { display: contents; }
.business-v2 .b2b-step-media img { width: 100%; height: 100%; object-fit: cover; }
.business-v2 .b2b-step-media--wheel img { object-fit: contain; padding: 8px; }
.business-v2 .b2b-step-number { display: block; margin-bottom: 8px; color: #c79570; font-size: 12px; font-variant-numeric: tabular-nums; }
.business-v2 .b2b-steps h3, .business-v2 .b2b-launch-steps h3 { font-size: 18px; line-height: 1.4; font-weight: 500; margin: 0 0 8px; }
.business-v2 .b2b-steps p, .business-v2 .b2b-launch-steps p { color: var(--b2b-muted); font-size: 14px; line-height: 1.75; margin: 0; }
.business-v2 .b2b-chat-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 80px; align-items: center; }
.business-v2 .b2b-chat-section .b2b-copy { max-width: 580px; }
.business-v2 .b2b-chat-stage { min-width: 0; }
.business-v2 .b2b-sales-arguments { margin: 8px 0; width: 100%; }
.business-v2 .b2b-sales-arguments > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 16px; padding-block: 18px; border-top: 1px solid var(--b2b-line); }
.business-v2 .b2b-sales-arguments dt { font-size: 13px; color: #e4b48f; }
.business-v2 .b2b-sales-arguments dd { margin: 0; color: #c8cad2; font-size: 14px; line-height: 1.7; }

/* Selection and request composition, adapted from pages/business.php. */
.business-v2 .b2b-workspace-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 72px; align-items: center; }
.business-v2 .b2b-workspace-tools { margin: 0; width: 100%; }
.business-v2 .b2b-workspace-tools > div { padding-block: 16px; border-top: 1px solid var(--b2b-line); }
.business-v2 .b2b-workspace-tools dt { margin-bottom: 6px; font-size: 15px; font-weight: 500; color: #eeeef2; }
.business-v2 .b2b-workspace-tools dd { margin: 0; color: var(--b2b-muted); font-size: 14px; line-height: 1.7; }
.business-v2 .b2b-selection-scene { min-width: 0; }
.business-v2 .b2b-selection-preview { overflow: hidden; border: 1px solid #36383f; border-radius: 18px; background: #17191e; box-shadow: 0 20px 56px #0004; }
.business-v2 .b2b-selection-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 20px; color: #d0d2dc; font-size: 12px; }
.business-v2 .b2b-selection-bar > span:first-child { display: flex; align-items: center; gap: 8px; font-weight: 500; }
.business-v2 .b2b-selection-bar svg { width: 20px; height: 20px; }
.business-v2 .b2b-selection-photo { position: relative; }
.business-v2 .b2b-selection-photo img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.business-v2 .b2b-selection-photo > div { position: absolute; inset: auto 0 0; padding: 36px 20px 16px; background: linear-gradient(transparent, #090b10e6); }
.business-v2 .b2b-selection-photo span { display: block; font-size: 11px; color: #c8cad2; margin-bottom: 4px; }
.business-v2 .b2b-selection-photo strong { font-size: 24px; font-weight: 500; color: #fff; }
.business-v2 .b2b-selection-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 16px; list-style: none; }
.business-v2 .b2b-selection-options li { position: relative; min-width: 0; text-align: center; border: 1px solid transparent; border-radius: 9px; padding: 8px 4px 12px; }
.business-v2 .b2b-selection-options li.is-chosen { border-color: #b17345; background: #f47a2009; }
.business-v2 .b2b-selection-options img { display: block; width: 100%; height: 104px; object-fit: contain; margin-bottom: 10px; }
.business-v2 .b2b-selection-options li > span { display: block; font-size: 11px; line-height: 1.5; color: #c7c9d2; }
.business-v2 .b2b-selection-options .b2b-selection-chosen { display: flex; align-items: center; justify-content: center; gap: 4px; margin-top: 4px; color: #edbb95; }
.business-v2 .b2b-selection-chosen svg { width: 13px; height: 13px; }
.business-v2 .b2b-selection-footer { display: flex; align-items: center; justify-content: center; gap: 8px; border-top: 1px solid var(--b2b-line); padding: 14px; font-size: 11px; color: #b8bcc7; line-height: 1.6; }
.business-v2 .b2b-selection-footer svg { flex: 0 0 16px; height: 16px; color: #d3a785; }
.business-v2 .b2b-selection-request { display: flex; align-items: center; gap: 16px; margin: -8px 0 16px 32px; padding: 20px; position: relative; border: 1px solid #42454e; border-radius: 12px; background: #22252c; box-shadow: 0 12px 32px #0005; }
.business-v2 .b2b-selection-request > svg { color: #e6ac7f; flex: 0 0 24px; }
.business-v2 .b2b-selection-request > svg:last-child { margin-left: auto; width: 20px; }
.business-v2 .b2b-selection-request :is(span, strong, small) { display: block; }
.business-v2 .b2b-selection-request span { color: #b4b8c4; font-size: 11px; margin-bottom: 6px; }
.business-v2 .b2b-selection-request strong { font-size: 16px; font-weight: 500; margin-bottom: 6px; }
.business-v2 .b2b-selection-request small { color: #b4b8c4; font-size: 11px; line-height: 1.5; }

/* The product card previews the result in place, without leaving the page. */
.business-v2 .b2b-widget-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 40px; align-items: center; padding: 32px; border: 1px solid var(--b2b-line); border-radius: 18px; background: #14161a; }
.business-v2 .b2b-store-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 11px; color: #b6b9c3; padding-bottom: 20px; border-bottom: 1px solid var(--b2b-line); }
.business-v2 .b2b-store-header > span:first-child { display: inline-flex; align-items: center; gap: 8px; }
.business-v2 .b2b-store-header svg { width: 18px; height: 18px; }
.business-v2 .b2b-store-product { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); align-items: center; gap: 24px; padding: 28px 0 8px; }
.business-v2 .b2b-store-product img { display: block; width: 100%; max-height: 220px; object-fit: contain; }
.business-v2 .b2b-product-category { display: block; font-size: 11px; color: #b1b5c0; margin-bottom: 12px; }
.business-v2 .b2b-store-product h3 { font-size: 24px; font-weight: 500; letter-spacing: -.02em; margin: 0 0 12px; line-height: 1.25; }
.business-v2 .b2b-store-product p { color: var(--b2b-muted); font-size: 13px; line-height: 1.7; margin: 0 0 20px; }
.business-v2 .b2b-store-product .btn-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 12px 16px; font-size: 12px; white-space: normal; }
.business-v2 .b2b-store-product button[aria-pressed="true"] { border-color: #a77855; background: #f47a2012; }
.business-v2 .b2b-store-product button svg { width: 16px; height: 16px; flex-shrink: 0; }
.business-v2 .b2b-widget-preview { min-width: 0; scroll-margin-top: 104px; }
.business-v2 .b2b-widget-result { position: relative; overflow: hidden; border-radius: 12px; background: #0c0d10; }
.business-v2 .b2b-widget-result img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.business-v2 .b2b-widget-after { position: absolute; inset: 0; }
.business-v2 .b2b-widget-result-label { position: absolute; bottom: 12px; left: 12px; right: 12px; width: fit-content; max-width: calc(100% - 24px); padding: 7px 12px; border-radius: 6px; background: #14161a; color: #eef0f6; font-size: 11px; line-height: 1.6; }
.business-v2 .b2b-widget-preview .b2b-caption { margin-top: 16px; }
.business-v2 .b2b-integration-note { display: flex; justify-content: space-between; align-items: center; gap: 32px; padding: 24px 0 0; }
.business-v2 .b2b-integration-note p { max-width: 70ch; color: var(--b2b-muted); font-size: 13px; line-height: 1.8; margin: 0; }
.business-v2 .b2b-integration-note a { flex-shrink: 0; }
.business-v2 .b2b-launch-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 72px; padding: 48px; background: #17191eee; border-block: 1px solid #45403b; border-radius: 18px; }
.business-v2 .b2b-launch-steps { display: grid; align-content: center; gap: 28px; list-style: none; margin: 0; padding: 0; }
.business-v2 .b2b-launch-steps li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 16px; }
.business-v2 .b2b-launch-steps li > span { padding-top: 4px; font-size: 12px; color: #d1a17a; font-variant-numeric: tabular-nums; }
.business-v2 .b2b-faq-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 72px; align-items: start; }
.business-v2 .b2b-faq { min-width: 0; padding: 0; margin: 0; max-width: none; }
.business-v2 .b2b-faq summary { cursor: pointer; font-size: 15px; line-height: 1.7; padding: 20px 0; }
.business-v2 .b2b-faq details { border-bottom: 1px solid var(--b2b-line); }
.business-v2 .b2b-faq details p { color: var(--b2b-muted); font-size: 14px; line-height: 1.8; }
.business-v2 .b2b-faq [data-cult-part="category"] { margin: 0 0 12px; color: var(--b2b-muted); font-size: 12px; font-weight: 450; }
.business-v2 #cta .b2b-caption { margin-top: 20px; }
.business-v2 #cta .calc-photo-cta__content { padding: 56px; }
.business-v2 #cta h2 { text-wrap: balance; }
.business-v2 .b2b-related { display: flex; flex-wrap: wrap; gap: 24px; padding-top: 28px; padding-bottom: 40px; color: var(--b2b-muted); font-size: 12px; }
@media (max-width: 1100px) {
  .business-v2 :is(.b2b-workflow-layout, .b2b-chat-section, .b2b-workspace-layout, .b2b-launch-layout, .b2b-faq-layout, .before-after-showcase-module__header) { gap: 40px; }
  .business-v2 .b2b-launch-layout { padding: 32px; }
  .business-v2 .b2b-widget-layout { gap: 28px; padding: 24px; }
  .business-v2 .b2b-store-product { grid-template-columns: 1fr; gap: 16px; }
  .business-v2 .b2b-store-product img { max-height: 150px; }
}
@media (max-width: 960px) {
  .business-v2 .before-after-showcase-module__shell { grid-template-columns: 1fr; }
  .business-v2 .before-after-showcase-module__mobileNav { margin-top: 0; }
  .business-v2 .before-after-showcase-module__mobileNav button { min-width: 180px; max-width: 230px; padding: 14px; }
  .business-v2 .before-after-showcase-module__mobileNav .before-after-showcase-module__navSubtitle { display: none; }
  .business-v2 .b2b-selection-options { gap: 4px; padding: 10px; }
  .business-v2 .b2b-selection-options img { height: 80px; }
}
@media (max-width: 760px) {
  .business-v2 { --b2b-section-gap: 72px; }
  .business-v2 .home-page-module__hero { grid-template-columns: 1fr; gap: 32px; padding-top: calc(var(--marketing-nav-height, 72px) + 32px); }
  .business-v2 .home-page-module__title { font-size: clamp(36px, 8vw, 54px); }
  .business-v2 .home-page-module__heroContent { gap: 22px; }
  .business-v2 .home-page-module__subtitle { max-width: 55ch; font-size: 15px; }
  .business-v2 .b2b-hero-benefits { justify-content: center; gap: 10px 16px; font-size: 11px; }
  .business-v2 .b2b-audience { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 32px; padding-block: 24px; }
  .business-v2 .b2b-audience strong { font-size: 12px; }
  .business-v2 .b2b-audience > span { font-size: 11px; }
  .business-v2 .before-after-showcase-module__section { padding-top: 64px; gap: 24px; }
  .business-v2 .before-after-showcase-module__header { grid-template-columns: 1fr; gap: 20px; }
  .business-v2 .before-after-showcase-module__header h2 { max-width: 22ch; }
  .business-v2 .before-after-showcase-module__shell { gap: 16px; }
  .business-v2 :is(.b2b-workflow-layout, .b2b-chat-section, .b2b-workspace-layout, .b2b-widget-layout, .b2b-launch-layout, .b2b-faq-layout) { grid-template-columns: 1fr; gap: 32px; }
  .business-v2 .b2b-workflow-layout { padding-block: 32px; }
  .business-v2 .b2b-workflow-layout h2 br:last-child { display: none; }
  .business-v2 .b2b-steps { gap: 24px; }
  .business-v2 .b2b-steps li { grid-template-columns: 80px minmax(0, 1fr); gap: 16px; }
  .business-v2 .b2b-step-media { height: 84px; }
  .business-v2 .b2b-steps h3 { font-size: 16px; }
  .business-v2 .b2b-copy { gap: 24px; }
  .business-v2 :is(.b2b-heading, .b2b-copy, .before-after-showcase-module__header) > p { font-size: 15px; }
  .business-v2 .b2b-chat-section .b2b-copy { max-width: none; }
  .business-v2 .b2b-sales-arguments { margin-block: 0; }
  .business-v2 .b2b-selection-bar { padding: 14px; font-size: 11px; }
  .business-v2 .b2b-selection-options img { height: 88px; }
  .business-v2 .b2b-selection-request { margin-left: 16px; padding: 16px; gap: 12px; }
  .business-v2 .b2b-selection-request strong { font-size: 14px; }
  .business-v2 .b2b-selection-footer { justify-content: flex-start; font-size: 10px; }
  .business-v2 .b2b-heading { gap: 20px; margin-bottom: 32px; }
  .business-v2 .b2b-widget-layout { padding: 20px; }
  .business-v2 .b2b-store-product { grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); gap: 16px; }
  .business-v2 .b2b-store-product h3 { font-size: 20px; }
  .business-v2 .b2b-store-header { font-size: 10px; }
  .business-v2 .b2b-integration-note { flex-direction: column; align-items: flex-start; gap: 12px; }
  .business-v2 .b2b-launch-layout { padding: 32px 24px; gap: 40px; }
  .business-v2 #cta .calc-photo-cta__content { padding: 40px 24px; }
  .business-v2 .b2b-related { gap: 20px; padding-bottom: 32px; }
}
/* Telegram's dark chat is intentionally local to this demonstration. */
.business-v2 .business-chat { --chat-panel: #17212b; --chat-canvas: #0e1621; --chat-in: #182533; --chat-out: #2b5278; --chat-text: #f5f5f5; --chat-muted: #a3b5c5; --chat-blue: #7cc5f6; width: 100%; max-width: 425px; margin: 0 auto; overflow: hidden; isolation: isolate; border: 1px solid #394b5b; border-radius: 18px; background: var(--chat-panel); color: var(--chat-text); box-shadow: 0 18px 48px #0005; font-family: 'PD Inter', Inter, Arial, sans-serif; }
.business-v2 .business-chat ::selection { background: #5288b9; color: #fff; }
.business-v2 .business-chat button { -webkit-tap-highlight-color: transparent; }
.business-v2 .business-chat button:focus-visible, .business-v2 .business-chat__body:focus-visible { outline: 2px solid var(--chat-blue); outline-offset: -3px; }
.business-v2 .business-chat__header { display: flex; align-items: center; gap: 11px; padding: 13px 14px 13px 10px; background: var(--chat-panel); }
.business-v2 .business-chat__back { display: flex; color: var(--chat-blue); }
.business-v2 .business-chat__back svg { width: 19px; }
.business-v2 .business-chat__avatar { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 50%; background: linear-gradient(150deg, #6bb5df, #3376b0); color: #fff; }
.business-v2 .business-chat__avatar svg { width: 29px; height: 29px; }
.business-v2 .business-chat__contact { min-width: 0; flex: 1; }
.business-v2 .business-chat__contact strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 600; line-height: 1.4; }
.business-v2 .business-chat__contact small { display: flex; align-items: center; gap: 5px; min-height: 18px; margin-top: 2px; color: var(--chat-blue); font-size: 11px; line-height: 1.4; }
.business-v2 .business-chat__header-icons { display: flex; align-items: center; gap: 15px; color: var(--chat-muted); }
.business-v2 .business-chat__header-icons svg { width: 19px; height: 19px; }
.business-v2 .business-chat__viewport { position: relative; height: 490px; overflow: hidden; background: var(--chat-canvas); }
.business-v2 .business-chat__body { height: 100%; overflow-y: auto; overflow-x: hidden; overflow-anchor: none; scrollbar-width: thin; scrollbar-color: #405367 transparent; overscroll-behavior: contain; padding: 14px 15px 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='210' height='180' viewBox='0 0 210 180'%3E%3Cg fill='none' stroke='%23314354' stroke-width='1.2' opacity='.34'%3E%3Cpath d='m29 25 22 9-19 5-3 18-8-22 30-1M135 113l4 8 9 1-7 6 2 9-8-4-8 4 1-9-6-6 9-1Z'/%3E%3Ccircle cx='157' cy='39' r='14'/%3E%3Ccircle cx='157' cy='39' r='5'/%3E%3Cpath d='M157 25v9m0 10v9m-14-14h9m10 0h9M40 119h25a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H49l-8 7v-7h-1a6 6 0 0 1-6-6v-12a6 6 0 0 1 6-6Z'/%3E%3C/g%3E%3C/svg%3E") repeat; }
.business-v2 .business-chat__date { display: table; margin: 0 auto 15px; padding: 4px 11px; border-radius: 14px; background: #243447; color: #d1dde8; font-size: 11px; line-height: 1.5; }
.business-v2 .business-chat__message { --bubble: var(--chat-in); position: relative; width: fit-content; max-width: 86%; margin: 0 0 9px; padding: 8px 10px 7px; border-radius: 12px 12px 12px 4px; background: var(--bubble); color: var(--chat-text); box-shadow: 0 1px 2px #0003; transform-origin: bottom left; }
.business-v2 .business-chat__message::before { content: ''; position: absolute; bottom: 0; left: -6px; width: 10px; height: 13px; background: var(--bubble); clip-path: polygon(60% 0, 100% 0, 100% 100%, 0 100%, 37% 72%); }
.business-v2 .business-chat__message--out { --bubble: var(--chat-out); margin-left: auto; border-radius: 12px 12px 4px 12px; transform-origin: bottom right; }
.business-v2 .business-chat__message--out::before { left: auto; right: -6px; transform: scaleX(-1); }
.business-v2 .business-chat__message p { margin: 0; padding: 0; color: inherit; font-size: 14px; line-height: 1.45; font-weight: 400; letter-spacing: 0; overflow-wrap: anywhere; }
.business-v2 .business-chat__message p::after { content: ''; display: inline-block; width: 39px; height: 12px; }
.business-v2 .business-chat__message--out p::after { width: 61px; }
.business-v2 .business-chat__time { position: absolute; right: 9px; bottom: 6px; display: flex; align-items: center; gap: 4px; height: 14px; color: #a3b5c5; font-size: 11px; line-height: 1; font-variant-numeric: tabular-nums; white-space: nowrap; }
.business-v2 .business-chat__message--out .business-chat__time { color: #b0cee7; }
.business-v2 .business-chat__receipt { display: inline-flex; width: 20px; height: 16px; color: #8fd1ff; }
.business-v2 .business-chat__receipt svg { width: 20px; height: 16px; stroke-width: 2; }
.business-v2 .business-chat__check-second { transition: opacity .18s ease, transform .18s ease; }
.business-v2 .business-chat__receipt[data-state="delivered"] .business-chat__check-second { opacity: 0; transform: translateX(-4px); }
.business-v2 .business-chat__receipt[data-state="sending"] svg { display: none; }
.business-v2 .business-chat__receipt[data-state="sending"]::before { content: ''; width: 10px; height: 10px; margin: 3px 4px; border: 1.2px solid currentColor; border-radius: 50%; background: linear-gradient(currentColor, currentColor) 4px 1px / 1px 4px no-repeat, linear-gradient(currentColor, currentColor) 4px 5px / 3px 1px no-repeat; }
.business-v2 .business-chat__media { width: 292px; padding: 3px 3px 7px; }
.business-v2 .business-chat__photo { display: block; width: 100%; padding: 0; overflow: hidden; border: 0; border-radius: 9px 9px 3px 3px; background: #101b29; color: inherit; cursor: zoom-in; }
.business-v2 .business-chat__photo img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; transition: filter .18s ease; }
.business-v2 .business-chat__photo:hover img { filter: brightness(1.08); }
.business-v2 .business-chat__wheel .business-chat__photo { background: #234564; }
.business-v2 .business-chat__wheel img { aspect-ratio: 16 / 10; padding: 15px; }
.business-v2 .business-chat__media p { margin: 7px 7px 0; }
.business-v2 .business-chat__typing { display: flex; align-items: center; gap: 4px; width: fit-content; height: 32px; padding: 0 13px; margin-top: 3px; border-radius: 12px 12px 12px 4px; background: var(--chat-in); color: #91a9bd; }
.business-v2 .business-chat__typing i, .business-v2 .business-chat__presence-dots i { display: block; width: 5px; height: 5px; border-radius: 50%; background: currentColor; animation: business-chat-typing 1s ease-in-out infinite; }
.business-v2 .business-chat__typing i:nth-child(2), .business-v2 .business-chat__presence-dots i:nth-child(2) { animation-delay: .13s; }
.business-v2 .business-chat__typing i:nth-child(3), .business-v2 .business-chat__presence-dots i:nth-child(3) { animation-delay: .26s; }
.business-v2 .business-chat__presence-dots { display: none; gap: 2px; }
.business-v2 .business-chat__presence-dots i { width: 3px; height: 3px; }
.business-v2 .business-chat[data-chat-activity="typing"] .business-chat__presence-dots { display: inline-flex; }
.business-v2 .business-chat__latest { position: absolute; right: 12px; bottom: 12px; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #456079; border-radius: 50%; background: var(--chat-panel); color: var(--chat-blue); box-shadow: 0 3px 10px #0004; cursor: pointer; }
.business-v2 .business-chat__latest:hover { background: #263a4e; }
.business-v2 .business-chat__composer { display: flex; align-items: center; gap: 13px; min-height: 54px; padding: 11px 15px; background: var(--chat-panel); color: var(--chat-muted); }
.business-v2 .business-chat__composer > svg { flex-shrink: 0; }
.business-v2 .business-chat__composer svg { display: block; width: 23px; height: 23px; }
.business-v2 .business-chat__draft { flex: 1; min-width: 0; max-height: 41px; overflow: hidden; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.business-v2 .business-chat[data-chat-activity="composing"] .business-chat__draft { color: var(--chat-text); }
.business-v2 .business-chat[data-chat-activity="composing"] .business-chat__draft::after { content: ''; display: inline-block; width: 1px; height: 13px; margin-left: 2px; vertical-align: -2px; background: var(--chat-blue); }
.business-v2 .business-chat__send { display: none; color: var(--chat-blue); }
.business-v2 .business-chat[data-chat-activity="composing"] .business-chat__send { display: block; }
.business-v2 .business-chat[data-chat-activity="composing"] .business-chat__mic { display: none; }
.business-v2 .business-chat__controls { display: flex; align-items: center; justify-content: flex-end; gap: 2px; min-height: 45px; padding: 0 6px 0 15px; border-top: 1px solid #ffffff0c; background: var(--chat-panel); color: #a3b5c5; }
.business-v2 .business-chat__controls > span { margin-right: auto; font-size: 11px; line-height: 1.4; }
.business-v2 .business-chat__controls button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--chat-muted); cursor: pointer; transition: color .15s ease, background .15s ease; }
.business-v2 .business-chat__controls button:hover { color: var(--chat-blue); background: #ffffff0a; }
.business-v2 .business-chat__controls button span { display: flex; }
.business-v2 .business-chat__controls svg { width: 18px; height: 18px; }
.business-v2 .business-chat__message.is-arriving { animation: business-message-arrive .32s cubic-bezier(.16,1,.3,1) both; }
.business-v2 .business-chat[data-chat-state="paused"] :is(.is-arriving, .business-chat__typing i, .business-chat__presence-dots i) { animation-play-state: paused; }
.business-v2 .business-chat__viewer { position: fixed; inset: 0; width: min(1100px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 48px 16px 16px; border: 1px solid #405367; border-radius: 14px; background: #0e1621; color: #f5f5f5; box-shadow: 0 20px 70px #0009; }
.business-v2 .business-chat__viewer::backdrop { background: #050a12e6; }
.business-v2 .business-chat__viewer figure { margin: 0; }
.business-v2 .business-chat__viewer img { display: block; max-width: 100%; max-height: calc(100dvh - 155px); width: auto; height: auto; margin: auto; object-fit: contain; }
.business-v2 .business-chat__viewer figcaption { margin-top: 12px; text-align: center; color: #c6d6e5; font-size: 13px; line-height: 1.5; }
.business-v2 .business-chat__viewer button { position: absolute; top: 2px; right: 4px; display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; color: #c6d6e5; cursor: pointer; }
.business-v2 .business-chat__viewer button:hover { background: #ffffff0d; color: #fff; }
@keyframes business-message-arrive { from { opacity: .3; transform: translateY(16px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes business-chat-typing { 0%, 60%, 100% { opacity: .45; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-3px); } }
@media (max-width: 380px) {
  .business-v2 .business-chat__header { gap: 8px; padding-inline: 8px; }
  .business-v2 .business-chat__header-icons { gap: 10px; }
  .business-v2 .business-chat__header-icons svg:first-child { display: none; }
  .business-v2 .business-chat__body { padding-inline: 12px; }
  .business-v2 .business-chat__viewport { height: 460px; }
}
@media (prefers-reduced-motion: reduce) {
  .business-v2 .business-chat *, .business-v2 .business-chat *::after { animation: none !important; transition: none !important; }
}