.elementor-204 .elementor-element.elementor-element-7589346{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-204 .elementor-element.elementor-element-5d10540{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-204 .elementor-element.elementor-element-965a6c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-78bbf05 *//* =========================================================
BBM — Reviews Hero
========================================================= */

.bbm-reviewsHero{
  position:relative;
  background:#fff;
  color:#0b0b0b;
  overflow:hidden;
}

/* soft glow to match site */
.bbm-reviewsHero::before{
  content:"";
  position:absolute;
  inset:-160px;
  background:
    radial-gradient(760px 420px at 20% 20%, rgba(0,0,0,.05), transparent 62%),
    radial-gradient(760px 420px at 80% 70%, rgba(0,0,0,.04), transparent 62%);
  pointer-events:none;
  opacity:.35;
}

.bbm-reviewsHero__inner{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  padding: 82px 20px 64px;

  display:grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 46px;
  align-items:center;
}

.bbm-reviewsHero__kicker{
  margin:0 0 14px;
  font-size:.78rem;
  letter-spacing:.26em;
  text-transform:uppercase;
  color: rgba(11,11,11,.62);
}

.bbm-reviewsHero__rule{
  height:1px;
  width:min(520px,100%);
  background: rgba(0,0,0,.18);
  margin: 0 0 22px;
}

.bbm-reviewsHero__title{
  margin:0 0 12px;
  font-family: ui-serif, "Playfair Display", Georgia, serif;
  font-weight:500;
  font-size: clamp(2.6rem, 4.6vw, 4.2rem);
  line-height:1.03;
  letter-spacing:-0.02em;
  color:#0b0b0b !important;
}

.bbm-reviewsHero__intro{
  margin: 0;
  color: rgba(11,11,11,.78);
  line-height: 1.85;
  font-size: 1.02rem;
  max-width: 52ch;
}

/* Media */
.bbm-reviewsHero__media{
  margin:0;
  border-radius: 18px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  box-shadow: 0 22px 65px rgba(0,0,0,.10);
}

.bbm-reviewsHero__media img{
  width:100%;
  height: 420px;
  object-fit: cover;
  display:block;
}

/* TABLET */
@media (max-width: 1024px){
  .bbm-reviewsHero__inner{
    grid-template-columns:1fr;
    gap: 22px;
    text-align:center;
    padding: 72px 20px 52px;
  }
  .bbm-reviewsHero__rule{
    margin-left:auto;
    margin-right:auto;
  }
  .bbm-reviewsHero__intro{
    margin-left:auto;
    margin-right:auto;
  }
  .bbm-reviewsHero__media img{ height: 380px; }
}

/* MOBILE */
@media (max-width: 720px){
  .bbm-reviewsHero__inner{
    padding: 58px 18px 44px;
  }
  .bbm-reviewsHero__title{
    font-size: clamp(2.1rem, 8.8vw, 3rem);
  }
  .bbm-reviewsHero__media img{ height: 320px; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-12040f9 *//* =========================================================
BBM — Reviews Section
========================================================= */

.bbm-reviewsSection{
  background:#fff;
  padding: 40px 0 80px;
}

.bbm-reviewsSection__inner{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Tidy WP Social Ninja spacing */
.bbm-reviewsSection .sn-widget,
.bbm-reviewsSection .sn-review{
  margin: 0 !important;
}

/* Optional: soften cards if needed */
.bbm-reviewsSection .sn-review-item{
  border-radius: 16px !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.08) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-56ade00 */.bbm-calmCta{
  position: relative;
  background:#fff;
  border-top: 1px solid rgba(0,0,0,.08);
  overflow:hidden;
}

/* Very light background image layer */
.bbm-calmCta::before{
  content:"";
  position:absolute;
  inset:0;

  background-image:
    linear-gradient(
      rgba(255,255,255,.90),
      rgba(255,255,255,.90)
    ),
    url("https://bespokebeautyandskincare.co.uk/wp-content/uploads/2026/05/joyful-girl-laughs-applies-nourishing-cream-her-face-portrait-lady-without-makeup-isolated-wall-scaled.jpg");

  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;

  filter: grayscale(100%);
  pointer-events: none;
  z-index: 0;
}

/* Content above background */
.bbm-calmCta__inner{
  position: relative;
  z-index: 1;

  max-width: 900px;
  margin: 0 auto;
  padding: 96px 20px 110px;
  text-align: center;
}

/* Kicker */
.bbm-calmCta__kicker{
  margin: 0 0 18px;
  font-size: .78rem;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: rgba(11,11,11,.6);
}

/* Title */
.bbm-calmCta__title{
  margin: 0 0 18px;
  font-family: ui-serif, "Playfair Display", Georgia, serif;
  font-weight: 500;
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color:#0b0b0b;
}

/* Text */
.bbm-calmCta__text{
  margin: 0 auto 34px;
  max-width: 58ch;
  color: rgba(11,11,11,.7);
  line-height: 1.75;
  font-size: 1.02rem;
}

/* Actions */
.bbm-calmCta__actions{
  display:flex;
  justify-content:center;
}

/* Button — same as homepage primary */
.bbm-calmCta a.bbm-calmCta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding: 14px 24px;
  border-radius: 999px;
  border: 2px solid #0b0b0b;

  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;

  background:#0b0b0b;
  color:#fff;

  text-decoration:none !important;
  box-shadow:none !important;
  transition: transform .18s ease, opacity .18s ease;
}

.bbm-calmCta a.bbm-calmCta__btn:hover{
  opacity:.92;
  transform: translateY(-1px);
}

/* Kill the unused bg div from earlier attempts */
.bbm-calmCta__bg{
  display:none !important;
}

/* TABLET */
@media (max-width: 1024px){
  .bbm-calmCta__inner{
    padding: 80px 20px 96px;
  }
}

/* MOBILE */
@media (max-width: 720px){
  .bbm-calmCta__inner{
    padding: 68px 18px 86px;
  }
}/* End custom CSS */