/* per-service hero tones */
.pp-hero--pink { background: var(--bx-pink); }
.pp-hero--blue { background: var(--bx-blue); }
.pp-hero--yellow { background: var(--bx-yellow); }
.pp-hero--lime { background: var(--bx-lime); }
.pp-hero--violet { background: var(--bx-violet); }
html body .pp-hero--violet h1, html body .pp-hero--violet .bx-lead, html body .pp-hero--violet .pp-stats, html body .pp-hero--violet .pp-stats li { color: #fff !important; }
.pp-hero--pink .pp-card .sx-phone__grid i { color: var(--bx-pink); }
.pp-hero--blue .pp-card .sx-phone__grid i { color: var(--bx-blue); }
.pp-hero--yellow .pp-card .sx-phone__grid i { color: #e0a800; }
.pp-hero--lime .pp-card .sx-phone__grid i { color: #4ba800; }
.pp-hero--violet .pp-card .sx-phone__grid i { color: var(--bx-violet); }
.pp-hero--orange .pp-card .sx-phone__grid i { color: var(--bx-orange); }
.pp-hero--pink .pp-card__av { background: var(--bx-pink); }
.pp-hero--blue .pp-card__av { background: var(--bx-blue); color: #fff; }
.pp-hero--lime .pp-card__av { background: var(--bx-lime); }
.pp-hero--violet .pp-card__av { background: var(--bx-violet); color: #fff; }
.pp-hero--blue .pp-scene__burst, .pp-hero--violet .pp-scene__burst { opacity: .55; }
.pp-hero--pink .pp-card { transform: rotate(-3deg); }
.pp-hero--lime .pp-card { transform: rotate(3deg); }
/* footer wordmark must not be clipped */
html body .bx-giant { line-height: 1.04 !important; margin: 26px 0 0 !important; padding-bottom: .06em; overflow: visible; }

.mls-more { padding: 6px 0 4px; }
html body header.pp-hero--pink#product-banner { background: var(--bx-pink) !important; background-color: var(--bx-pink) !important; }
html body header.pp-hero--blue#product-banner { background: var(--bx-blue) !important; background-color: var(--bx-blue) !important; }
html body header.pp-hero--yellow#product-banner { background: var(--bx-yellow) !important; background-color: var(--bx-yellow) !important; }
html body header.pp-hero--lime#product-banner { background: var(--bx-lime) !important; background-color: var(--bx-lime) !important; }
html body header.pp-hero--violet#product-banner { background: var(--bx-violet) !important; background-color: var(--bx-violet) !important; }
@media (min-width: 992px) {
  html body #mls .mls-card__rows a { padding-top: 9px; padding-bottom: 9px; }
  html body #mls .mls-cards { padding-bottom: 18px; }
}
html body:has(.pp-hero--pink) header.Otaley-header.bx-head { background: var(--bx-pink) !important; }
html body:has(.pp-hero--blue) header.Otaley-header.bx-head { background: var(--bx-blue) !important; }
html body:has(.pp-hero--yellow) header.Otaley-header.bx-head { background: var(--bx-yellow) !important; }
html body:has(.pp-hero--lime) header.Otaley-header.bx-head { background: var(--bx-lime) !important; }
html body:has(.pp-hero--violet) header.Otaley-header.bx-head { background: var(--bx-violet) !important; }
/* mobile: no sticky art, no horizontal leak */
@media (max-width: 991.98px) { html body .pp-why__art { position: static !important; } }
html, html body { overflow-x: clip; }
html body header.Otaley-header.bx-head { overflow-x: clip; }
/* menu button: size to its content (label + burger), never a fixed 40px box that pushes the icon out */
html body .bx-head__menu { width: auto !important; min-width: 40px; flex: 0 0 auto; padding: 0 4px !important; overflow: visible; white-space: nowrap; }
html body .bx-head__menu svg.bx-burger { flex: 0 0 24px; }
@media (max-width: 400px) { html body .bx-head__menu { gap: 8px !important; } html body .bx-head__menu span:first-child { font-size: .78rem !important; } html body .bx-head__logo { max-width: 150px; } }

/* language picker in the menu sheet: one collapsed row, opens a chip list; no order button */
html body #mls .mls-foot { display: none !important; }
html body #mls .mls-langs { display: block !important; padding: 16px 0 6px !important; background: transparent !important; border: 0 !important; }
html body #mls .mls-langs__t { display: flex; align-items: center; gap: 10px; width: 100%; margin: 0; padding: 12px 16px; border: 0; border-radius: 16px; background: var(--bx-lav); color: var(--bx-ink); font: 700 .95rem/1.2 var(--bx-body); text-align: left; cursor: pointer; }
html body #mls .mls-langs__t span { flex: 1 1 auto; }
html body #mls .mls-langs__t img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
html body #mls .mls-langs__t i { transition: transform .2s; }
html body #mls .mls-langs.is-open .mls-langs__t i { transform: rotate(180deg); }
html body #mls .mls-langs__row { display: none; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 10px; }
html body #mls .mls-langs.is-open .mls-langs__row { display: flex; }
html body #mls .mls-langs__row a { flex: 0 0 auto; display: inline-flex !important; align-items: center; gap: 6px; padding: 7px 10px 7px 7px !important; min-height: 38px; border-radius: 999px !important; background: var(--bx-lav) !important; color: var(--bx-ink) !important; font: 800 .74rem/1 var(--bx-body) !important; letter-spacing: .04em; }
html body #mls .mls-langs__row a img { width: 22px; height: 22px; }
html body #mls .mls-langs__row a.is-active { background: var(--bx-ink) !important; color: #fff !important; }