/* Layout bridge for the verified BabyStar article. Requires the landing markup. */
body.id-1171.in-salsapro #content-wrapper:has(#bs-salsa-pro) { width: 100%; max-width: none; padding-inline: 0; }
body.id-1171.in-salsapro #content-wrapper:has(#bs-salsa-pro) > .content-wrapper-in { display: block; }
body.id-1171.in-salsapro #content-wrapper:has(#bs-salsa-pro) > .content-wrapper-in > .sidebar-left { display: none; }
body.id-1171.in-salsapro #content:has(#bs-salsa-pro),
body.id-1171.in-salsapro #content:has(#bs-salsa-pro) > .content-inner { width: 100%; max-width: none; padding: 0; margin: 0; }
body.id-1171.in-salsapro .pageArticleDetail:has(#bs-salsa-pro) > header[itemprop="headline"] { display: none; }

#bs-salsa-pro {
  --sp-ink: #26221f;
  --sp-paper: #f3efea;
  --sp-accent: #d9b798;
  --sp-line: #d9d1c8;
  --sp-gutter: max(clamp(18px, 5vw, 76px), calc((100% - 1260px) / 2));
  background: var(--sp-paper);
  color: var(--sp-ink);
  font: 400 17px/1.6 Arial, Helvetica, sans-serif;
  overflow: hidden;
  isolation: isolate;
}
#bs-salsa-pro *, #bs-salsa-pro *::before, #bs-salsa-pro *::after { box-sizing: border-box; }
#bs-salsa-pro :where(figure, p, ul) { margin: 0; }
#bs-salsa-pro :is(h1,h2,h3) { margin: 0 0 .38em; color: inherit; font-family: inherit; font-weight: 700; letter-spacing: -.05em; text-transform: none; }
#bs-salsa-pro h1 { font-size: clamp(40px, 7.2vw, 108px); line-height: .98; }
#bs-salsa-pro h2 { font-size: clamp(33px, 5vw, 67px); line-height: 1.02; }
#bs-salsa-pro h3 { font-size: clamp(21px, 2.25vw, 31px); line-height: 1.12; }
#bs-salsa-pro :is(img,video) { display: block; max-width: 100%; width: 100%; height: auto; }
#bs-salsa-pro [hidden] { display: none !important; }
#bs-salsa-pro [id] { scroll-margin-top: 100px; }
#bs-salsa-pro a { color: inherit; }
#bs-salsa-pro :focus-visible { outline: 3px solid #ba7950; outline-offset: 4px; }
#bs-salsa-pro .sp-kicker { font-size: 12px; letter-spacing: .17em; font-weight: 700; text-transform: uppercase; margin-bottom: 17px; }
#bs-salsa-pro .sp-kicker span { margin-inline: 4px; }
#bs-salsa-pro .sp-hero { position: relative; text-align: center; padding: clamp(46px, 6.8vw, 104px) var(--sp-gutter) 0; background: radial-gradient(ellipse at 48% 65%, #e9dace, #d3bba8 52%, #a99180 100%); }
#bs-salsa-pro .sp-hero-copy { position: relative; z-index: 1; }
#bs-salsa-pro .sp-hero-copy > p:not(.sp-kicker) { max-width: 45ch; margin: 0 auto 22px; }
#bs-salsa-pro .sp-hero-media { position: relative; max-width: 1020px; margin: 0 auto; }
#bs-salsa-pro .sp-hero-media span { position: absolute; inset: auto 0 6%; color: #624d4142; font-size: clamp(105px, 30vw, 420px); font-weight: 800; line-height: .8; letter-spacing: -.085em; }
#bs-salsa-pro .sp-hero-media img { position: relative; }
#bs-salsa-pro .sp-button { display: inline-flex; align-items: center; gap: 18px; min-height: 48px; padding: 10px 24px; border-radius: 999px; background: var(--sp-ink); color: white; font-weight: 700; text-decoration: none; }
#bs-salsa-pro .sp-button:hover { background: #51453d; }
#bs-salsa-pro .sp-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px clamp(15px, 4vw, 54px); border-bottom: 1px solid var(--sp-line); padding: 6px 12px; background: #fff; }
#bs-salsa-pro .sp-nav a { font-size: 14px; font-weight: 700; padding: 10px 0; text-decoration: none; }
#bs-salsa-pro .sp-nav a:hover { text-decoration: underline; }
#bs-salsa-pro .sp-band { padding: clamp(54px, 8vw, 114px) var(--sp-gutter); }
#bs-salsa-pro .sp-white { background: #fff; }
#bs-salsa-pro .sp-dark { color: #fbf7f2; background: #201d1b; --sp-line: #6d6058; }
#bs-salsa-pro .sp-dark .sp-kicker { color: var(--sp-accent); }
#bs-salsa-pro .sp-dark .sp-button { color: var(--sp-ink); background: var(--sp-accent); }
#bs-salsa-pro .sp-dark .sp-button:hover { background: #efd2b8; }
#bs-salsa-pro .sp-split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: center; gap: clamp(26px, 5vw, 80px); }
#bs-salsa-pro .sp-split > figure, #bs-salsa-pro .sp-switch figure, #bs-salsa-pro .sp-film { overflow: hidden; border-radius: 17px; }
#bs-salsa-pro .sp-split figcaption { padding: 12px; text-align: center; font-size: 13px; }
#bs-salsa-pro .sp-list { list-style: none; padding: 0; margin-top: 25px; }
#bs-salsa-pro .sp-list li { border-top: 1px solid var(--sp-line); padding: 11px 0; }
#bs-salsa-pro .sp-benefits, #bs-salsa-pro .sp-dealers { display: grid; gap: 18px; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0; margin: 35px 0 22px; list-style: none; }
#bs-salsa-pro :is(.sp-benefits > div,.sp-dealers > li) { border-top: 1px solid var(--sp-line); padding: 20px 0; }
#bs-salsa-pro .sp-note { font-size: 14px; }
#bs-salsa-pro .sp-heading { max-width: 800px; margin: 0 auto clamp(26px, 4vw, 52px); text-align: center; }
#bs-salsa-pro .sp-stage { position: relative; aspect-ratio: var(--sp-compare-ratio,3/2); overflow: hidden; border-radius: 16px; background: #100e0d; }
#bs-salsa-pro .sp-stage :is(img,video), #bs-salsa-pro .sp-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
#bs-salsa-pro .sp-stage :is(img,video) { object-fit: contain; }
#bs-salsa-pro .sp-stage video { visibility: hidden; }
#bs-salsa-pro .sp-stage video.sp-playing { visibility: visible; }
#bs-salsa-pro .sp-overlay { clip-path: inset(0 0 0 calc(100% - var(--sp-reveal,50%))); }
#bs-salsa-pro .sp-divider { position: absolute; inset: 0 auto 0 calc(100% - var(--sp-reveal,50%)); width: 2px; background: #fff; transform: translateX(-50%); }
#bs-salsa-pro .sp-compare-controls { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 12px; align-items: center; max-width: 650px; margin: 18px auto 8px; }
#bs-salsa-pro .sp-compare-controls input { width: 100%; height: 44px; margin: 0; accent-color: var(--sp-accent); cursor: pointer; }
#bs-salsa-pro button { min-height: 44px; border: 1px solid var(--sp-line); border-radius: 999px; padding: 6px 15px; font: 700 14px/1.35 Arial, sans-serif; background: transparent; color: inherit; cursor: pointer; }
#bs-salsa-pro button:hover, #bs-salsa-pro button[aria-pressed="true"] { background: var(--sp-ink); border-color: var(--sp-ink); color: #fff; }
#bs-salsa-pro .sp-dark button:hover, #bs-salsa-pro .sp-dark button[aria-pressed="true"] { color: var(--sp-ink); background: var(--sp-accent); border-color: var(--sp-accent); }
#bs-salsa-pro .sp-play { display: block; margin-inline: auto; }
#bs-salsa-pro .sp-options { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 16px; }
#bs-salsa-pro #sp-colours .sp-switch { max-width: 860px; margin-inline: auto; }
#bs-salsa-pro #sp-colours img { aspect-ratio: 4/3; object-fit: contain; }
#bs-salsa-pro .sp-arrows { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 12px; }
#bs-salsa-pro .sp-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 18px) / 2); gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; list-style: none; padding: 0 0 14px; }
#bs-salsa-pro .sp-track li { scroll-snap-align: start; border-radius: 16px; overflow: hidden; background: var(--sp-paper); }
#bs-salsa-pro .sp-track li img { aspect-ratio: 16/9; object-fit: cover; }
#bs-salsa-pro .sp-track li div { padding: clamp(16px,3vw,32px); }
#bs-salsa-pro .sp-film, #bs-salsa-pro .sp-faq { max-width: 960px; margin-inline: auto; }
#bs-salsa-pro .sp-film video { aspect-ratio: 16/9; background: #110f0e; }
#bs-salsa-pro .sp-faq details { border-top: 1px solid var(--sp-line); }
#bs-salsa-pro .sp-faq details:last-child { border-bottom: 1px solid var(--sp-line); }
#bs-salsa-pro .sp-faq summary { cursor: pointer; padding: 17px 0; font-weight: 700; }
#bs-salsa-pro .sp-faq details p { padding: 0 0 18px; }
#bs-salsa-pro .sp-closing img { border-radius: 17px; max-height: 580px; object-fit: cover; }
@media (max-width: 700px) {
  #bs-salsa-pro .sp-split, #bs-salsa-pro .sp-benefits, #bs-salsa-pro .sp-dealers { grid-template-columns: 1fr; }
  #bs-salsa-pro .sp-track { grid-auto-columns: 88%; }
  #bs-salsa-pro .sp-benefits { gap: 0; }
  #bs-salsa-pro .sp-compare-controls { gap: 6px; }
  #bs-salsa-pro .sp-compare-controls button { padding-inline: 8px; }
}
#bs-salsa-pro .sp-track li video { aspect-ratio: 16/9; object-fit: contain; background: var(--sp-ink); }