/* CMS landing pages: Showrooms (10) and Stolebussen (11).
 * All selectors are page-scoped so Elementor and normal CMS pages remain untouched. */
:is(.cms-id-10,.cms-id-12),
.cms-id-11 {
  --lp-ink: #17202b;
  --lp-muted: #66717d;
  --lp-navy: #233766;
  --lp-blue: #99bfe6;
  --lp-green: #3fca85;
  --lp-line: #dfe4e8;
  --lp-wash: #f4f5f3;
  --lp-paper: #fff;
}

:is(.cms-id-10,.cms-id-12) .page-header,
.cms-id-11 .page-header,
:is(.cms-id-10,.cms-id-12) #wrapper > .container > .breadcrumb,
.cms-id-11 #wrapper > .container > .breadcrumb {
  display: none;
}

:is(.cms-id-10,.cms-id-12) #wrapper,
.cms-id-11 #wrapper,
:is(.cms-id-10,.cms-id-12) #content-wrapper,
.cms-id-11 #content-wrapper,
:is(.cms-id-10,.cms-id-12) #main,
.cms-id-11 #main,
:is(.cms-id-10,.cms-id-12) .page-content,
.cms-id-11 .page-content {
  margin: 0;
  padding: 0;
  max-width: none;
  background: var(--lp-paper);
}

:is(.cms-id-10,.cms-id-12) .sp-wrapper,
.cms-id-11 .sp-wrapper {
  overflow: clip;
  color: var(--lp-ink);
  font-size: 16px;
  line-height: 1.6;
}

:is(.cms-id-10,.cms-id-12) .sp-wrapper *,
.cms-id-11 .sp-wrapper * {
  box-sizing: border-box;
}

:is(.cms-id-10,.cms-id-12) .sp-wrapper svg,
.cms-id-11 .sp-wrapper svg {
  display: block;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
}

:is(.cms-id-10,.cms-id-12) .sp-wrapper img,
.cms-id-11 .sp-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:is(.cms-id-10,.cms-id-12) .sp-wrapper h1,
:is(.cms-id-10,.cms-id-12) .sp-wrapper h2,
:is(.cms-id-10,.cms-id-12) .sp-wrapper h3,
.cms-id-11 .sp-wrapper h1,
.cms-id-11 .sp-wrapper h2,
.cms-id-11 .sp-wrapper h3 {
  margin: 0;
  color: var(--lp-ink);
}

:is(.cms-id-10,.cms-id-12) .sp-wrapper p,
.cms-id-11 .sp-wrapper p,
:is(.cms-id-10,.cms-id-12) .sp-wrapper figure,
.cms-id-11 .sp-wrapper figure {
  margin: 0;
}

:is(.cms-id-10,.cms-id-12) .sp-wrapper a,
.cms-id-11 .sp-wrapper a {
  text-decoration: none;
}

:is(.cms-id-10,.cms-id-12) [class$="__inner"],
.cms-id-11 [class$="__inner"] {
  width: min(1280px, calc(100% - 48px));
  margin-inline: auto;
}

/* Shared buttons and section typography */
:is(.cms-id-10,.cms-id-12) :is(.sr-hero__btn,.sr-card__btn,.sr-info__btn,.sr-cta__btn),
.cms-id-11 :is(.sb-hero__btn,.sb-showcase__btn,.sb-cta__btn,.sb-sticky__btn) {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 22px;
  border: 1px solid var(--lp-navy);
  border-radius: 8px;
  background: var(--lp-navy);
  color: #fff;
  font-weight: 650;
  transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

:is(.cms-id-10,.cms-id-12) :is(.sr-hero__btn,.sr-card__btn,.sr-info__btn,.sr-cta__btn):hover,
.cms-id-11 :is(.sb-hero__btn,.sb-showcase__btn,.sb-cta__btn,.sb-sticky__btn):hover {
  background: #182a52;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(35,55,102,.18);
}

:is(.cms-id-10,.cms-id-12) :is(.sr-locations__overline,.sr-info__overline,.sr-faq__overline),
.cms-id-11 :is(.sb-team__role) {
  color: var(--lp-navy);
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}

:is(.cms-id-10,.cms-id-12) :is(.sr-locations__title,.sr-info__title,.sr-faq__title,.sr-cta__title),
.cms-id-11 :is(.sb-process__title,.sb-team__title,.sb-video__title,.sb-reviews__title,.sb-showcase__title,.sb-areas__title,.sb-faq__title,.sb-cta__title) {
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.08;
  letter-spacing: -.025em;
}

/* Showroom hero */
:is(.cms-id-10,.cms-id-12) .sr-hero {
  padding: 64px 0 56px;
}

:is(.cms-id-10,.cms-id-12) .sr-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(40px, 6vw, 88px);
}

:is(.cms-id-10,.cms-id-12) .sr-hero__label {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: var(--lp-navy);
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}

:is(.cms-id-10,.cms-id-12) .sr-hero__dot,
:is(.cms-id-10,.cms-id-12) .sr-hero__badge-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--lp-green);
}

:is(.cms-id-10,.cms-id-12) .sr-hero__title,
.cms-id-11 .sb-hero__title {
  font-size: clamp(42px, 5vw, 72px);
  line-height: .98;
  letter-spacing: -.045em;
}

:is(.cms-id-10,.cms-id-12) .sr-hero__title em {
  color: var(--lp-navy);
  font-weight: inherit;
}

:is(.cms-id-10,.cms-id-12) .sr-hero__desc,
.cms-id-11 .sb-hero__desc {
  max-width: 620px;
  margin-top: 24px !important;
  color: var(--lp-muted);
  font-size: clamp(17px, 1.5vw, 20px);
}

:is(.cms-id-10,.cms-id-12) .sr-hero__ctas,
.cms-id-11 .sb-hero__ctas,
:is(.cms-id-10,.cms-id-12) .sr-cta__actions,
.cms-id-11 .sb-cta__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

:is(.cms-id-10,.cms-id-12) .sr-hero__phone,
:is(.cms-id-10,.cms-id-12) .sr-info__phone,
:is(.cms-id-10,.cms-id-12) .sr-cta__phone,
.cms-id-11 .sb-hero__phone,
.cms-id-11 .sb-cta__phone,
.cms-id-11 .sb-sticky__phone {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 10px 16px;
  color: var(--lp-ink);
  font-weight: 650;
}

:is(.cms-id-10,.cms-id-12) .sr-hero__img {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  border-radius: 4px;
  background: var(--lp-wash);
}

:is(.cms-id-10,.cms-id-12) .sr-hero__badge {
  position: absolute;
  right: 18px;
  bottom: 18px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 14px;
  border-radius: 6px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  font-size: 14px;
  font-weight: 650;
}

/* Showroom USP strip */
:is(.cms-id-10,.cms-id-12) .sr-usps {
  padding: 34px 0;
  border-block: 1px solid var(--lp-line);
}

:is(.cms-id-10,.cms-id-12) .sr-usps__inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 0;
}

:is(.cms-id-10,.cms-id-12) .sr-usp {
  padding: 8px 28px;
  border-left: 1px solid var(--lp-line);
}

:is(.cms-id-10,.cms-id-12) .sr-usp:first-child { border-left: 0; padding-left: 0; }
:is(.cms-id-10,.cms-id-12) .sr-usp__icon { color: var(--lp-navy); margin-bottom: 16px; }
:is(.cms-id-10,.cms-id-12) .sr-usp__title { font: 650 18px/1.25 inherit; }
:is(.cms-id-10,.cms-id-12) .sr-usp__text { margin-top: 8px !important; color: var(--lp-muted); font-size: 14px; line-height: 1.5; }

/* Showroom locations */
:is(.cms-id-10,.cms-id-12) .sr-locations { padding: 88px 0; }
:is(.cms-id-10,.cms-id-12) .sr-locations__header { max-width: 700px; margin-bottom: 40px; }
:is(.cms-id-10,.cms-id-12) .sr-locations__title { margin-top: 8px !important; }
:is(.cms-id-10,.cms-id-12) .sr-locations__desc { margin-top: 14px !important; color: var(--lp-muted); font-size: 18px; }
:is(.cms-id-10,.cms-id-12) .sr-locations__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
:is(.cms-id-10,.cms-id-12) .sr-card { display: grid; grid-template-columns: minmax(190px,.72fr) minmax(0,1fr); overflow: hidden; border: 1px solid var(--lp-line); border-radius: 12px; background: #fff; box-shadow: 0 8px 28px rgba(18,32,49,.05); }
:is(.cms-id-10,.cms-id-12) .sr-card__img { position: relative; min-height: 100%; background: var(--lp-wash); }
:is(.cms-id-10,.cms-id-12) .sr-card__tag { position: absolute; top: 14px; left: 14px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 5px; background: rgba(255,255,255,.94); color: var(--lp-ink); font-size: 12px; font-weight: 700; }
:is(.cms-id-10,.cms-id-12) .sr-card__tag svg { width: 15px; height: 15px; flex-basis: 15px; }
:is(.cms-id-10,.cms-id-12) .sr-card__body { padding: 26px; }
:is(.cms-id-10,.cms-id-12) .sr-card__name { font: 650 24px/1.2 inherit; }
:is(.cms-id-10,.cms-id-12) .sr-card__type { margin-top: 4px; color: var(--lp-navy); font-size: 13px; font-weight: 700; }
:is(.cms-id-10,.cms-id-12) .sr-card__address { margin-top: 18px; }
:is(.cms-id-10,.cms-id-12) .sr-card__contact { display: grid; gap: 6px; margin-top: 14px; }
:is(.cms-id-10,.cms-id-12) .sr-card__contact a { display: flex; align-items: center; gap: 8px; color: var(--lp-ink); font-size: 14px; overflow-wrap: anywhere; }
:is(.cms-id-10,.cms-id-12) .sr-card__contact svg { width: 17px; height: 17px; flex-basis: 17px; }
:is(.cms-id-10,.cms-id-12) .sr-card__hours { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--lp-line); }
:is(.cms-id-10,.cms-id-12) .sr-card__hours-title { margin-bottom: 8px; font-weight: 700; }
:is(.cms-id-10,.cms-id-12) .sr-card__hours-row { display: flex; justify-content: space-between; gap: 16px; color: var(--lp-muted); font-size: 13px; }
:is(.cms-id-10,.cms-id-12) .sr-card__hours-note { margin-top: 8px; color: var(--lp-muted); font-size: 12px; }
:is(.cms-id-10,.cms-id-12) .sr-card__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
:is(.cms-id-10,.cms-id-12) .sr-card__btn { min-height: 42px; padding: 8px 12px; font-size: 13px; }
:is(.cms-id-10,.cms-id-12) .sr-card__btn svg { width: 16px; height: 16px; flex-basis: 16px; }
:is(.cms-id-10,.cms-id-12) .sr-card__link { display: inline-flex; align-items: center; gap: 6px; color: var(--lp-navy); font-size: 13px; font-weight: 650; }
:is(.cms-id-10,.cms-id-12) .sr-card__link svg { width: 16px; height: 16px; flex-basis: 16px; }

/* Showroom info, FAQ and CTA */
:is(.cms-id-10,.cms-id-12) .sr-info { padding: 82px 0; background: var(--lp-wash); }
:is(.cms-id-10,.cms-id-12) .sr-info__inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 70px; }
:is(.cms-id-10,.cms-id-12) .sr-info__visual { min-height: 420px; overflow: hidden; border-radius: 12px; background: #e8e9e6; }
:is(.cms-id-10,.cms-id-12) .sr-info__title { margin-top: 8px !important; }
:is(.cms-id-10,.cms-id-12) .sr-info__desc { margin-top: 18px !important; color: var(--lp-muted); font-size: 17px; }
:is(.cms-id-10,.cms-id-12) .sr-info__pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
:is(.cms-id-10,.cms-id-12) .sr-info__pill { padding: 7px 11px; border: 1px solid var(--lp-line); border-radius: 999px; background: #fff; font-size: 13px; font-weight: 600; }
:is(.cms-id-10,.cms-id-12) .sr-info__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
:is(.cms-id-10,.cms-id-12) .sr-faq,
.cms-id-11 .sb-faq { padding: 88px 0; }
:is(.cms-id-10,.cms-id-12) .sr-faq__inner,
.cms-id-11 .sb-faq__inner { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; }
:is(.cms-id-10,.cms-id-12) .sr-faq__title { margin-top: 8px !important; }
:is(.cms-id-10,.cms-id-12) .sr-faq__list,
.cms-id-11 .sb-faq__list {
  margin: 0;
  padding-left: 0;
  border-top: 1px solid var(--lp-line);
  list-style: none;
}
:is(.cms-id-10,.cms-id-12) .sr-faq__item,
.cms-id-11 .sb-faq__item {
  display: block;
  border-bottom: 1px solid var(--lp-line);
  list-style: none;
}
:is(.cms-id-10,.cms-id-12) .sr-faq__item::marker,
.cms-id-11 .sb-faq__item::marker { content: ""; }
:is(.cms-id-10,.cms-id-12) .sr-faq__question,
.cms-id-11 .sb-faq__question {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 21px 0;
  border: 0;
  background: none;
  color: var(--lp-ink);
  text-align: left;
  font-family: inherit;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  cursor: pointer;
}
:is(.cms-id-10,.cms-id-12) .sr-faq__icon,
.cms-id-11 .sb-faq__icon { width: 26px; height: 26px; flex: 0 0 26px; }
:is(.cms-id-10,.cms-id-12) .sr-faq__answer,
.cms-id-11 .sb-faq__answer { padding: 0 44px 20px 0; color: var(--lp-muted); }
:is(.cms-id-10,.cms-id-12) .sr-cta,
.cms-id-11 .sb-cta { padding: 72px 0; background: var(--lp-navy); }
:is(.cms-id-10,.cms-id-12) .sr-cta__inner,
.cms-id-11 .sb-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
:is(.cms-id-10,.cms-id-12) .sr-cta__title,
.cms-id-11 .sb-cta__title { color: #fff; }
:is(.cms-id-10,.cms-id-12) .sr-cta__desc,
.cms-id-11 .sb-cta__desc { max-width: 700px; margin-top: 12px !important; color: rgba(255,255,255,.76); }
:is(.cms-id-10,.cms-id-12) .sr-cta__btn,
.cms-id-11 .sb-cta__btn { border-color: #fff; background: #fff; color: var(--lp-navy); }
:is(.cms-id-10,.cms-id-12) .sr-cta__phone,
.cms-id-11 .sb-cta__phone { color: #fff; }

/* Stolebussen hero */
.cms-id-11 .sb-hero { padding: 64px 0 58px; }
.cms-id-11 .sb-hero__inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(480px,.85fr); align-items: center; gap: 72px; }
.cms-id-11 .sb-hero__rating { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 22px; color: var(--lp-muted); font-size: 14px; }
.cms-id-11 .sb-hero__stars,
.cms-id-11 .sb-review__stars,
.cms-id-11 .sb-reviews__score-stars { color: #00b67a; letter-spacing: .08em; }
.cms-id-11 .sb-hero__phone-label { display: grid; color: var(--lp-muted); font-size: 12px; line-height: 1.2; }
.cms-id-11 .sb-hero__phone-label strong { color: var(--lp-ink); font-size: 17px; }
.cms-id-11 .sb-hero__photos { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: end; }
.cms-id-11 .sb-hero__person { position: relative; height: 480px; overflow: hidden; border-radius: 10px; background: var(--lp-wash); }
.cms-id-11 .sb-hero__person:nth-child(2) { height: 420px; }
.cms-id-11 .sb-hero__person figcaption { position: absolute; left: 14px; bottom: 14px; padding: 7px 11px; border-radius: 5px; background: rgba(255,255,255,.94); font-weight: 650; }

/* Stolebussen content sections */
.cms-id-11 .sb-trust { padding: 30px 0; border-block: 1px solid var(--lp-line); }
.cms-id-11 .sb-trust__inner { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.cms-id-11 .sb-trust__item { display: flex; align-items: center; gap: 13px; padding: 4px 24px; border-left: 1px solid var(--lp-line); }
.cms-id-11 .sb-trust__item:first-child { border-left: 0; padding-left: 0; }
.cms-id-11 .sb-trust__icon { color: var(--lp-navy); }
.cms-id-11 .sb-trust__label { display: grid; color: var(--lp-muted); font-size: 12px; line-height: 1.35; }
.cms-id-11 .sb-trust__label strong { color: var(--lp-ink); font-size: 14px; }
.cms-id-11 :is(.sb-process,.sb-team,.sb-video,.sb-reviews,.sb-showcase,.sb-areas,.sb-content) { padding: 88px 0; }
.cms-id-11 :is(.sb-team,.sb-reviews,.sb-areas,.sb-content) { background: var(--lp-wash); }
.cms-id-11 .sb-process__inner { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 72px; }
.cms-id-11 .sb-process__visual { min-height: 600px; overflow: hidden; border-radius: 10px; background: var(--lp-wash); }
.cms-id-11 .sb-process__sub,
.cms-id-11 .sb-team__sub,
.cms-id-11 .sb-video__desc,
.cms-id-11 .sb-showcase__desc,
.cms-id-11 .sb-areas__sub { margin-top: 14px !important; color: var(--lp-muted); font-size: 17px; }
.cms-id-11 .sb-process__list { display: grid; gap: 0; margin: 28px 0 0; padding: 0; list-style: none; }
.cms-id-11 .sb-process__step { display: grid; grid-template-columns: 42px 1fr; gap: 16px; padding: 20px 0; border-top: 1px solid var(--lp-line); }
.cms-id-11 .sb-process__num { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: var(--lp-navy); color: #fff; font-weight: 700; }
.cms-id-11 .sb-process__step-title { font: 650 18px/1.3 inherit; }
.cms-id-11 .sb-process__step-text { margin-top: 6px !important; color: var(--lp-muted); font-size: 14px; }
.cms-id-11 :is(.sb-team__header,.sb-reviews__header,.sb-showcase__header,.sb-areas__header) { max-width: 750px; margin-bottom: 38px; }
.cms-id-11 .sb-team__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.cms-id-11 .sb-team__card { overflow: hidden; border: 1px solid var(--lp-line); border-radius: 10px; background: #fff; }
.cms-id-11 .sb-team__photo { height: 380px; background: #e9eae8; }
.cms-id-11 .sb-team__body { padding: 24px; }
.cms-id-11 .sb-team__name { font-size: 22px; font-weight: 650; }
.cms-id-11 .sb-team__desc { margin-top: 12px !important; color: var(--lp-muted); font-size: 14px; }
.cms-id-11 .sb-team__note { margin-top: 24px; color: var(--lp-muted); }
.cms-id-11 .sb-video__inner { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 64px; }
.cms-id-11 .sb-video__player { overflow: hidden; aspect-ratio: 16/9; border-radius: 10px; background: #111; }
.cms-id-11 .sb-video__player :is(iframe,video) { width: 100%; height: 100%; }
.cms-id-11 .sb-reviews__header { display: flex; align-items: end; justify-content: space-between; gap: 30px; max-width: none; }
.cms-id-11 .sb-reviews__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.cms-id-11 .sb-review { padding: 26px; border: 1px solid var(--lp-line); border-radius: 9px; background: #fff; }
.cms-id-11 .sb-review__text { margin-top: 14px !important; color: #3e4650; }
.cms-id-11 .sb-review__author { margin-top: 20px; font-weight: 650; }
.cms-id-11 .sb-review__meta { color: var(--lp-muted); font-size: 12px; }
.cms-id-11 .sb-showcase__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.cms-id-11 .sb-showcase__card { overflow: hidden; border: 1px solid var(--lp-line); border-radius: 10px; background: #fff; }
.cms-id-11 .sb-showcase__card-img { height: 300px; background: var(--lp-wash); }
.cms-id-11 .sb-showcase__card-body { padding: 20px; }
.cms-id-11 .sb-showcase__card-name { font-size: 18px; font-weight: 650; }
.cms-id-11 .sb-showcase__footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; }
.cms-id-11 .sb-showcase__note { color: var(--lp-muted); font-size: 14px; }
.cms-id-11 .sb-areas__list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.cms-id-11 .sb-areas__item { border: 1px solid var(--lp-line); border-radius: 8px; background: #fff; }
.cms-id-11 .sb-areas__link { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 70px; padding: 14px 18px; color: var(--lp-ink); }
.cms-id-11 .sb-areas__name { font-weight: 650; }
.cms-id-11 .sb-areas__region { color: var(--lp-muted); font-size: 13px; }
.cms-id-11 .sb-areas__arrow { color: var(--lp-navy); }
.cms-id-11 .sb-content__inner { max-width: 850px; }
.cms-id-11 .sb-content__inner h2 { font-size: clamp(30px,3vw,44px); line-height: 1.1; }
.cms-id-11 .sb-content__inner p { margin-top: 18px !important; color: #4e5862; font-size: 17px; }
.cms-id-11 .sb-content__divider { width: 80px; height: 3px; margin: 26px 0; background: var(--lp-blue); }
.cms-id-11 .sb-sticky { position: fixed; z-index: 950; right: 22px; bottom: 20px; max-width: 520px; padding: 10px; border: 1px solid var(--lp-line); border-radius: 10px; background: rgba(255,255,255,.96); box-shadow: 0 14px 40px rgba(18,32,49,.18); backdrop-filter: blur(10px); }
.cms-id-11 .sb-sticky__inner { display: flex; width: auto; align-items: center; gap: 14px; }
.cms-id-11 .sb-sticky__text { padding-left: 8px; font-size: 13px; font-weight: 650; }
.cms-id-11 .sb-sticky__actions { display: flex; align-items: center; gap: 6px; }
.cms-id-11 .sb-sticky__btn { min-height: 42px; padding: 8px 13px; font-size: 13px; }
.cms-id-11 .sb-sticky__phone { min-height: 42px; padding: 8px; font-size: 13px; }

@media (max-width: 991.98px) {
  :is(.cms-id-10,.cms-id-12) [class$="__inner"],
  .cms-id-11 [class$="__inner"] { width: min(100% - 32px, 720px); }
  :is(.cms-id-10,.cms-id-12) .sr-hero__inner,
  .cms-id-11 .sb-hero__inner,
  :is(.cms-id-10,.cms-id-12) .sr-info__inner,
  .cms-id-11 .sb-process__inner,
  .cms-id-11 .sb-video__inner,
  :is(.cms-id-10,.cms-id-12) .sr-faq__inner,
  .cms-id-11 .sb-faq__inner { grid-template-columns: 1fr; gap: 38px; }
  :is(.cms-id-10,.cms-id-12) .sr-hero__img { min-height: 420px; }
  :is(.cms-id-10,.cms-id-12) .sr-usps__inner,
  .cms-id-11 .sb-trust__inner { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 0; }
  :is(.cms-id-10,.cms-id-12) .sr-usp:nth-child(3),
  .cms-id-11 .sb-trust__item:nth-child(3) { border-left: 0; padding-left: 0; }
  :is(.cms-id-10,.cms-id-12) .sr-locations__grid { grid-template-columns: 1fr; }
  .cms-id-11 .sb-team__grid,
  .cms-id-11 .sb-reviews__grid,
  .cms-id-11 .sb-showcase__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  :is(.cms-id-10,.cms-id-12) .sr-cta__inner,
  .cms-id-11 .sb-cta__inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 575.98px) {
  :is(.cms-id-10,.cms-id-12) .sp-wrapper,
  .cms-id-11 .sp-wrapper { font-size: 15px; }
  :is(.cms-id-10,.cms-id-12) .sr-hero,
  .cms-id-11 .sb-hero { padding: 38px 0 42px; }
  :is(.cms-id-10,.cms-id-12) .sr-hero__title,
  .cms-id-11 .sb-hero__title { font-size: 42px; }
  :is(.cms-id-10,.cms-id-12) .sr-hero__img { min-height: 300px; }
  :is(.cms-id-10,.cms-id-12) .sr-usps__inner,
  .cms-id-11 .sb-trust__inner,
  .cms-id-11 .sb-team__grid,
  .cms-id-11 .sb-reviews__grid,
  .cms-id-11 .sb-showcase__grid,
  .cms-id-11 .sb-areas__list { grid-template-columns: 1fr; }
  :is(.cms-id-10,.cms-id-12) .sr-usp,
  :is(.cms-id-10,.cms-id-12) .sr-usp:first-child,
  .cms-id-11 .sb-trust__item,
  .cms-id-11 .sb-trust__item:first-child { padding: 16px 0; border: 0; border-top: 1px solid var(--lp-line); }
  :is(.cms-id-10,.cms-id-12) .sr-card { grid-template-columns: 1fr; }
  :is(.cms-id-10,.cms-id-12) .sr-card__img { min-height: 250px; }
  :is(.cms-id-10,.cms-id-12) .sr-card__body { padding: 22px; }
  :is(.cms-id-10,.cms-id-12) .sr-info__visual { min-height: 300px; }
  .cms-id-11 .sb-hero__inner { grid-template-columns: 1fr; }
  .cms-id-11 .sb-hero__photos { gap: 8px; }
  .cms-id-11 .sb-hero__person { height: 330px; }
  .cms-id-11 .sb-hero__person:nth-child(2) { height: 290px; }
  .cms-id-11 :is(.sb-process,.sb-team,.sb-video,.sb-reviews,.sb-showcase,.sb-areas,.sb-content),
  :is(.cms-id-10,.cms-id-12) :is(.sr-locations,.sr-info,.sr-faq),
  .cms-id-11 .sb-faq { padding: 58px 0; }
  .cms-id-11 .sb-process__visual { min-height: 340px; }
  .cms-id-11 .sb-team__photo { height: 330px; }
  .cms-id-11 .sb-showcase__card-img { height: 250px; }
  .cms-id-11 .sb-reviews__header,
  .cms-id-11 .sb-showcase__footer { align-items: flex-start; flex-direction: column; }
  .cms-id-11 .sb-sticky { right: 10px; bottom: 10px; left: 10px; max-width: none; }
  .cms-id-11 .sb-sticky__text { display: none; }
  .cms-id-11 .sb-sticky__actions { width: 100%; }
  .cms-id-11 .sb-sticky__btn { flex: 1; }
}

@media (prefers-reduced-motion: reduce) {
  :is(.cms-id-10,.cms-id-12) .sp-wrapper *,
  .cms-id-11 .sp-wrapper * { scroll-behavior: auto !important; transition: none !important; }
}