/* Bulut Santral composition. Buttons, cards, accordions and rules are system-owned. */
.pbx-page main { display: block; overflow: clip; }
.pbx-page main :is(h1, h2, h3, p, figure, ul, ol) { margin: 0; }
.pbx-page main > .frame { margin-top: var(--space-48); padding-top: var(--space-32); }
.pbx-page main > .frame > h2 { margin-bottom: var(--space-24); padding-inline: var(--frame-inset); font-size: var(--text-h2); font-weight: var(--weight-heading); line-height: var(--lh-h2); letter-spacing: var(--tracking-h2); }
.pbx-page main > .product-hero { margin-top: 0; padding-top: var(--space-16); }
.product-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-16); padding-inline: var(--frame-inset); }
.product-breadcrumbs { color: var(--ink-muted); font-size: var(--text-sm); }
.product-breadcrumbs a { display: inline-flex; align-items: center; min-height: var(--control-sm); color: inherit; text-decoration: none; }
.product-breadcrumbs a:is(:hover, :focus-visible) { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.product-breadcrumbs > [aria-current] { color: var(--ink); }
.product-hero-grid { display: grid; grid-template-columns: minmax(0, 46%) minmax(0, 54%); align-items: center; min-height: var(--hero-height); }
.product-hero-copy { min-width: 0; padding: var(--space-32) 0 var(--space-48) var(--frame-inset); }
.product-hero-copy h1 { margin-bottom: var(--space-24) !important; font-size: var(--text-display); font-weight: var(--weight-heading); line-height: var(--lh-pbx-display); letter-spacing: var(--tracking-display); }
.product-hero-copy > p { max-width: var(--reading-measure); color: var(--ink-muted); font-size: var(--text-lead); line-height: var(--lh-lead); }
.product-hero-copy > p + p { margin-top: var(--space-20); }
.product-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-16) var(--space-32); margin-top: var(--space-24); }
.product-hero-visual { min-width: 0; }
/* Original desk-phone geometry and edge fade. */
.product-hero-visual img { width: calc(100% + var(--gutter)); height: auto; max-width: none; mask-image: linear-gradient(90deg, var(--surface-clear), var(--mask-ink) 2%), linear-gradient(0deg, var(--surface-clear), var(--mask-ink) 12%); mask-composite: intersect; }
.product-section-nav { display: flex; align-items: center; gap: var(--space-32); overflow-x: auto; padding-block: var(--space-16); scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); }
.product-definition-inner { display: grid; grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr); align-items: start; gap: var(--space-48); }
.product-prose { min-width: 0; max-width: var(--reading-measure); }
.product-prose p + p { margin-top: var(--space-20); }
.product-prose-lead { color: var(--ink); }
.product-capability-panels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24); padding: 0; list-style: none; }
.product-capability { min-width: 0; }
.product-capability img { width: auto; height: 158px; max-width: 100%; margin-inline: auto; object-fit: contain; }
.pbx-page main .product-capability-list { margin-top: var(--space-24); }
.product-packages-inner { min-width: 0; }
.product-packages__head h2 { margin-bottom: var(--space-8) !important; font-size: var(--text-h2); font-weight: var(--weight-heading); line-height: var(--lh-h2); letter-spacing: var(--tracking-h2); }
.product-packages__head p { max-width: var(--reading-measure); }
.product-package-track { display: grid; grid-auto-flow: column; grid-auto-columns: var(--plan-width); align-items: stretch; gap: var(--space-24); margin-top: var(--space-24); padding: 0 0 var(--space-24); overflow-x: auto; scroll-snap-type: inline proximity; scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); }
.product-package { min-height: var(--plan-height); scroll-snap-align: start; }
.product-package__measure { display: flex; flex-direction: column; align-items: start; gap: var(--space-4); }
.product-package__footer { display: grid; gap: var(--space-12); margin-top: auto; }
.product-step-strip { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 150px; align-items: center; gap: var(--space-24); }
.product-step-list { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-24); padding: 0; list-style: none; }
.product-step-list::before { content: ""; position: absolute; top: 5px; left: 0; width: 75%; height: var(--focus-width); background: var(--brand); }
.product-step-list li { position: relative; min-width: 0; padding-top: var(--space-24); }
.product-step-list li::after { content: ""; position: absolute; top: var(--rule-width); left: 0; width: var(--space-8); height: var(--space-8); border-radius: var(--radius-full); background: var(--ink); }
.product-step-drawing { width: 150px; height: auto; }
.product-heading-mark { display: flex; align-items: center; gap: var(--space-20); }
.product-heading-mark > span { min-width: 0; }
.product-sketch { flex: 0 0 auto; height: auto; max-height: 3cap; object-fit: contain; pointer-events: none; }
.product-sketch-spiral { width: 56px; }
.product-sketch-loop { width: 72px; }
.product-heading-word { position: relative; display: inline-block; padding-bottom: var(--space-12); white-space: nowrap; }
.product-sketch-underline { width: 100%; position: absolute; left: 0; bottom: 0; }
.product-sketch-arrow { width: 78px; }
.product-operation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-24); }
.product-operation-heading { display: grid; grid-template-columns: minmax(0, 1fr) 130px; gap: var(--space-20); align-items: start; }
.product-operation-drawing { width: 130px; height: auto; }
.product-related > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-24); }
.product-related article { align-items: start; }
.product-related article > a { margin-top: auto; }
.product-cta-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-48); align-items: center; }
.product-cta-inner h2 + p { margin-top: var(--space-12); }
.product-cart-actions { display: flex; align-items: center; gap: var(--space-16); }
.pbx-page main > .product-cta { margin-bottom: var(--space-48); }

@media (max-width: 1023px) {
  .product-hero-grid, .product-definition-inner, .product-capability-panels, .product-operation, .product-related > div, .product-cta-inner { grid-template-columns: minmax(0, 1fr); }
  .product-hero-copy { padding-inline: var(--frame-inset); padding-bottom: var(--space-16); }
  .product-hero-visual { margin: var(--space-24) calc(-1 * var(--gutter)) 0 !important; }
  .product-hero-visual img { width: 100%; }
  .product-package-track { grid-auto-columns: var(--plan-width-mobile); }
  .product-section-nav { gap: var(--space-24); }
  .product-step-strip { grid-template-columns: minmax(0, 1fr); }
  .product-step-list { grid-template-columns: minmax(0, 1fr); }
  .product-step-list::before { top: var(--space-12); bottom: var(--space-12); left: var(--focus-offset); width: var(--focus-width); height: auto; }
  .product-step-list li { padding: 0 0 var(--space-8) var(--space-24); }
  .product-step-list li::after { top: var(--space-8); }
  .product-step-drawing { justify-self: end; }
  .product-operation-heading { grid-template-columns: minmax(0, 1fr) 91px; gap: var(--space-12); }
  .product-operation-drawing { width: 91px; }
  .product-sketch-loop, .product-sketch-underline { display: none; }
  .product-heading-word { padding-bottom: 0; }
}