/* Dealer prototype. Extends the existing Local Website UI only inside .dw. */
.lab--dealer {
  --dw-section-gap: 48px;
  --dw-detail-size: clamp(22px, 2.1vw, calc(32px * var(--wp-k, 1)));
  --dw-visual-height: clamp(340px, 38vw, 640px);
}
.dw { overflow-wrap: break-word; }
.dw ::selection { background: #eaeaea; color: #171719; }
.dw .wp-light ::selection { background: #171719; color: #f7f7f7; }
.dw .wp-h1, .dw .wp-h2, .dw .wp-h3 { letter-spacing: -.04em; }
.dw .wp-h1 { color: var(--wp-ink); }
.dw .wp-h1 .wp-heading-secondary { display: block; color: var(--wp-mute); }
.dw .wp-h3 { font-weight: 400; }
.dw-hero { padding-top: calc(var(--hdr-h) + var(--wp-hero-top)); }
.dw-hero-head, .dw-section-head {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 24px var(--wp-col-gap);
  align-items: start;
  margin-bottom: var(--dw-section-gap);
}
.dw-hero-head { display: flex; flex-direction: column; align-items: center; gap: 32px; text-align: center; }
.dw-hero-copy { width: 100%; max-width: 680px; }
.dw-hero-copy .wp-lead { margin-inline: auto; }
.dw-hero-copy .dw-actions { justify-content: center; gap: 12px; }
.dw-hero-copy .wp-lead, .dw-section-head > .wp-lead,
.dw-section-head > div > .wp-lead:first-child { margin-top: 0; }
.dw-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; margin-top: 28px; }
.dw-visual {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: var(--dw-visual-height);
  margin: 0;
  padding: 64px 40px 80px;
  border: 1px solid var(--wp-rule);
  border-radius: var(--wp-radius);
  background: var(--wp-panel);
  color: #eaeaea;
  text-align: center;
}
.dw-visual-title { margin: 0; max-width: 24ch; font: 400 clamp(28px, 3.4vw, calc(52px * var(--wp-k, 1)))/1.15 "Inter", sans-serif; letter-spacing: -.04em; text-wrap: balance; }
.dw-visual-note { max-width: 48ch; font: var(--wp-lead); color: #c4c4ca; }
.dw-visual-label { display: block; margin: 0; font: 300 calc(14px * var(--wp-k, 1))/calc(20px * var(--wp-k, 1)) "Inter", sans-serif; color: #a2a2aa; }
.dw-visual > .dw-visual-label { position: absolute; left: 28px; right: 28px; bottom: 24px; }
.dw-visual figcaption { display: flex; flex-direction: column; gap: 14px; align-items: center; width: 100%; }
.dw-visual figcaption .dw-visual-label { order: 2; }
.dw-visual--wide { margin-inline: calc(-1 * var(--g)); border-inline: 0; border-radius: 0; }
.dw-visual[data-visual="storefront"] { min-height: clamp(360px, 40vw, 640px); background: #29292c; }
.dw-visual[data-visual="workspace"] { --dw-visual-height: clamp(360px, 40vw, 620px); background: #e8e8eb; border-color: rgba(23,23,25,.16); color: #171719; }
.dw-visual[data-visual="workspace"] .dw-visual-label, .dw-visual[data-visual="workspace"] .dw-visual-note { color: #5f5f64; }
.dw-visual + .wp-body { margin-top: 20px; }
.dw-features { margin: 0 0 var(--dw-section-gap); }
.dw-features > div { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 12px 48px; border-top: 1px solid var(--wp-rule); padding: 26px 0; }
.dw-features dt { margin: 0; font: 400 var(--dw-detail-size)/1.22 "Inter", sans-serif; letter-spacing: -.035em; }
.dw-features dd { margin: 0; max-width: 66ch; font: var(--wp-lead); color: var(--wp-ink-2); }
.dw-features dd p { margin: 0; }
.dw-feature-note { max-width: 74ch; }
.dw-workflow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; list-style: none; margin: 40px 0 0; padding: 0; }
.dw-workflow li { min-width: 0; padding-top: 20px; border-top: 1px solid var(--wp-rule-strong); }
.dw-workflow h4 { margin: 16px 0 0; font: 400 calc(24px * var(--wp-k, 1))/1.25 "Inter", sans-serif; letter-spacing: -.035em; }
.dw-workflow-number { font: 400 calc(24px * var(--wp-k, 1))/1.25 "Inter", sans-serif; color: var(--wp-mute); font-variant-numeric: tabular-nums; }
.dw-workflow-intro { margin-top: 48px; }
.dw-workflow-intro .wp-h3 { font-size: calc(24px * var(--wp-k, 1)); line-height: 1.3; }
.dw-workflow .wp-body { max-width: 36ch; }
.dw-case .wp-case-link { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-rows: 1fr auto 1fr; gap: 24px var(--wp-col-gap); padding-bottom: 4px; }
.dw-case .wp-case-media { grid-row: 1/4; }
.dw-case .wp-case-info { align-self: end; padding: 0; }
.dw-case .wp-case-title { font: 400 clamp(28px, 3vw, calc(44px * var(--wp-k, 1)))/1.15 "Inter", sans-serif; letter-spacing: -.04em; }
.dw-case-description { margin: 0; max-width: 48ch; font: var(--wp-lead); }
.dw-case-action { font: 500 calc(16px * var(--wp-k, 1))/calc(24px * var(--wp-k, 1)) "Inter", sans-serif; text-decoration: underline; text-underline-offset: 6px; }
.dw-case + .dw-case { margin-top: 64px; }
.dw-case--reverse .wp-case-link { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.dw-case--reverse .wp-case-media { grid-column: 2; }
.dw-case--reverse .wp-case-info { grid-column: 1; grid-row: 1; }
.dw-case--reverse .dw-case-description { grid-column: 1; grid-row: 2; }
.dw-case--reverse .dw-case-action { grid-column: 1; grid-row: 3; }
/* The cards inherit their component styles and typography directly from lab.css.
   Only the placement of this requested compact row belongs to the Dealer page. */
.dw-nda-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 64px; }
.dw-integrations { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; list-style: none; margin: 0; padding: 0; }
.dw-integrations li { padding-top: 24px; border-top: 1px solid var(--wp-rule-strong); }
.dw-integrations .wp-h3 { font: 400 var(--dw-detail-size)/1.2 "Inter", sans-serif; }
.dw-integrations .wp-body { max-width: 43ch; }
.dw-integrations-note { margin-top: 32px; max-width: 74ch; }
.dw-scope-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--wp-col-gap); }
.dw-scope-price { margin: 40px 0 20px; font: 400 clamp(56px, 6.5vw, calc(88px * var(--wp-k, 1)))/1.05 "Inter", sans-serif; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.dw-scope-price span { font: 300 calc(18px * var(--wp-k, 1))/1.4 "Inter", sans-serif; letter-spacing: 0; color: var(--wp-mute); }
.dw-scope-intro .wp-btn { margin-top: 28px; }
.dw-scope-intro .wp-body { max-width: 34ch; }
.dw-scope-list { list-style: none; margin: 0; padding: 0; }
.dw-scope-list li { padding: 20px 0; border-top: 1px solid var(--wp-rule); font: var(--wp-lead); }
.dw-scope-list h3, .dw-scope-list strong { font: 400 calc(20px * var(--wp-k, 1))/1.3 "Inter", sans-serif; letter-spacing: -.03em; }
.dw-scope-list p { margin-bottom: 0; }
.dw-scope-note { margin-top: 32px; max-width: 74ch; }
.dw-process-section .wp-split { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
.dw-process { margin: 0; padding: 0; list-style: none; }
.dw-process > li { padding: 28px 0; border-top: 1px solid var(--wp-rule-strong); }
.dw-process-heading { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; }
.dw-process-number { color: var(--wp-mute); font: 400 var(--dw-detail-size)/1.22 "Inter", sans-serif; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.dw-process h3 { margin: 0; font: 400 var(--dw-detail-size)/1.22 "Inter", sans-serif; letter-spacing: -.035em; }
.dw-process .wp-body { margin: 16px 0 0 64px; max-width: 66ch; font: var(--wp-lead); }
.dw #wp-inquiry-title { max-width: 14ch; }
@media (max-width: 1024px) {
  .lab--dealer { --dw-section-gap: 36px; }
  .dw-hero-head, .dw-section-head { grid-template-columns: minmax(0, 1fr); }
  .dw-hero-copy { max-width: 660px; }
  .dw-case .wp-case-link { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; gap: 20px; }
  .dw-case .wp-case-media { grid-row: auto; }
  .dw-case--reverse .wp-case-link { grid-template-columns: minmax(0, 1fr); }
  .dw-case--reverse .wp-case-media, .dw-case--reverse .wp-case-info,
  .dw-case--reverse .dw-case-description, .dw-case--reverse .dw-case-action { grid-column: auto; grid-row: auto; }
  .dw-case-description { max-width: 66ch; }
  .dw-process-section .wp-split { grid-template-columns: minmax(0, 1fr); }
  .dw #wp-inquiry-title { max-width: 20ch; }
}
@media (max-width: 1279.98px) {
  .dw-nda-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 719.98px) {
  .lab--dealer { --dw-section-gap: 28px; --dw-detail-size: calc(24px * var(--wp-k, 1)); --dw-visual-height: 280px; }
  .dw-hero-head { gap: 24px; }
  .dw-actions { gap: 12px 24px; margin-top: 24px; }
  .dw-actions .wp-btn { width: 100%; }
  .dw-visual { padding: 48px 24px 64px; }
  .dw-visual-title { font-size: clamp(26px, 7vw, calc(36px * var(--wp-k, 1))); }
  .dw-visual > .dw-visual-label { left: 20px; right: 20px; bottom: 20px; }
  .dw-visual[data-visual="storefront"] { min-height: 320px; }
  .dw-visual[data-visual="workspace"] { --dw-visual-height: 320px; }
  .dw-features > div { grid-template-columns: minmax(0, 1fr); padding-block: 24px; }
  .dw-workflow, .dw-integrations, .dw-scope-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .dw-workflow { margin-top: 28px; }
  .dw-case + .dw-case, .dw-nda-grid { margin-top: 40px; }
  .dw-nda-grid { grid-template-columns: minmax(0, 1fr); }
  .dw-scope-grid { gap: 40px; }
  .dw-process > li { padding-block: 24px; }
  .dw-process-heading { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; }
  .dw-process .wp-body { margin-left: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .dw { scroll-behavior: auto; }
}

/* The approved panoramic scenes set their own height and stay fully visible. */
.dw .dw-visual--image {
  display: block;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
.dw-visual--image img {
  display: block;
  width: 100%;
  height: auto;
}


/* Большой экран (≥1537): кадр сайта, множители --wp-kc/kh/k и первый экран — website-plan.css, блок «Большой экран». */
@media (min-width: 1537px) {
  .dw-hero-copy { max-width: calc(680px * var(--wp-kh, 1)); }
  .dw-hero-copy .wp-lead { font-size: calc(18px * var(--wp-kh, 1)); line-height: calc(27px * var(--wp-kh, 1)); }
  .dw-process-heading { grid-template-columns: calc(48px * var(--wp-k, 1)) minmax(0, 1fr); }
  .dw-process .wp-body { margin-left: calc(64px * var(--wp-k, 1)); }
  .dw-scope-list, .dw-scope-details .wp-body { max-width: 66ch; }
}