/* Loaded exclusively by the five /diensten routes. */
.menu { overscroll-behavior: contain; }
body.menu-open { overflow: hidden; }
/* Prevent clipping in the supplied mobile service, next-case and CTA cards. */
@media (max-width: 680px) {
  .orow { grid-template-columns: 24px minmax(0, 1fr) 44px; gap: 12px; padding-inline: 8px; }
  .orow strong { font-size: clamp(22px, 6vw, 28px); }
  .orow__arrow { width: 44px; height: 44px; }
  .cta__panel > * { min-width: 0; max-width: 100%; }
  .cta__actions { min-width: 0; }
}
@media (max-width: 360px) {
  .cta__actions .btn { min-width: 0; padding-left: 14px; padding-right: 8px; gap: 8px; font-size: 14px; }
  .cta__actions .btn__icon { width: 36px; height: 36px; flex: 0 0 36px; }
}
html:not(.js) .qa__a { grid-template-rows: 1fr; }
html:not(.js) .ads__bars i, html:not(.js) .ads__kpi b { transform:none; }
html:not(.js) .ads__line { stroke-dashoffset:0; }
html:not(.js) .ads__area { opacity:1; }
/* Long service names must not enlarge the mobile content grid. */
.together__panel > *, .relcard, .relcard strong, .svc-hero__grid > * { min-width: 0; }
@media (max-width: 680px) {
  .together__panel { padding-inline: 24px; }
  .relcard { padding: 18px; }
  .relcard strong { overflow-wrap: anywhere; }
  .chat__ai { min-width: 0; }
  .chat__input > span:first-child { min-width: 0; }
  .chat__send { flex-shrink: 0; }
}
@media (max-width: 430px) {
  body[data-title="AI content & automatisering"] .svc-hero .display { font-size: clamp(40px, 11vw, 47px); }
  body[data-title="AI content & automatisering"] .cta__title { font-size: clamp(34px, 9.5vw, 41px); }
}
@media (max-width: 360px) {
  body[data-title="AI implementatie"] .svc-hero .display { font-size: 46px; }
}
/* The phone frame remains inside its 260px mobile preview stage. */
.browser.is-mobile .browser__view { max-height: calc(100% - 24px); max-width: calc(100% - 24px); }