.elementor-217 .elementor-element.elementor-element-de3857e{--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-217 .elementor-element.elementor-element-18223db{--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-217 .elementor-element.elementor-element-c032c0a{--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-ea56f03 *//* =========================================================
BBM — FAQ Hero (matches Blog/Reviews hero styling)
========================================================= */

.bbm-faqHero{
  position:relative;
  background:#fff;
  overflow:hidden;
}

.bbm-faqHero::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-faqHero__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-faqHero__kicker{
  margin:0 0 14px;
  font-size:.78rem;
  letter-spacing:.26em;
  text-transform:uppercase;
  color: rgba(11,11,11,.62);
}

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

.bbm-faqHero__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-faqHero__lede{
  margin: 0;
  max-width: 56ch;
  color: rgba(11,11,11,.78);
  line-height: 1.85;
  font-size: 1.02rem;
}

/* Media */
.bbm-faqHero__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-faqHero__media img{
  width:100%;
  height: 420px;
  object-fit: cover;
  display:block;
}

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

/* MOBILE */
@media (max-width: 720px){
  .bbm-faqHero__inner{
    padding: 58px 18px 44px;
  }
  .bbm-faqHero__title{
    font-size: clamp(2.1rem, 8.8vw, 3rem);
  }
  .bbm-faqHero__media img{ height: 320px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b006d90 *//* =========================================================
BBM — FAQ Section
========================================================= */

.bbm-faqSection{
  background:#fff;
  padding: 20px 0 90px;
}

.bbm-faqSection__inner{
  max-width: 880px;
  margin: 0 auto;
  padding: 0 20px;
}

/* FAQ Item */
.bbm-faqItem{
  border-bottom: 1px solid rgba(0,0,0,.12);
  padding: 26px 0;
}

.bbm-faqItem:first-child{
  border-top: 1px solid rgba(0,0,0,.12);
}

/* Question */
.bbm-faqItem summary{
  list-style: none;
  cursor: pointer;

  font-family: ui-serif, "Playfair Display", Georgia, serif;
  font-size: 1.35rem;
  font-weight: 500;
  color: #0b0b0b;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bbm-faqItem summary::-webkit-details-marker{
  display:none;
}

/* Chevron */
.bbm-faqItem summary::after{
  content: "▾";
  font-size: 1.1rem;
  color: rgba(11,11,11,.45);
  transition: transform .25s ease;
}

/* Open state */
.bbm-faqItem[open] summary::after{
  transform: rotate(180deg);
}

/* Answer */
.bbm-faqItem__content{
  margin-top: 16px;
  color: rgba(11,11,11,.78);
  line-height: 1.8;
  font-size: 1.02rem;
  max-width: 72ch;
}

.bbm-faqItem__content p{
  margin: 0 0 14px;
}

.bbm-faqItem__content ul{
  margin: 0;
  padding-left: 18px;
}

.bbm-faqItem__content li{
  margin: 6px 0;
}

/* MOBILE */
@media (max-width: 720px){
  .bbm-faqItem summary{
    font-size: 1.2rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fcbc0a7 *//* =========================================================
BBM — FAQ Contact CTA
========================================================= */

.bbm-faqCta{
  position: relative;
  background:#fff;
  border-top: 1px solid rgba(0,0,0,.08);
  overflow:hidden;
}

/* Very light background image (same approach as homepage CTA) */
.bbm-faqCta::before{
  content:"";
  position:absolute;
  inset:0;

  background-image:
    linear-gradient(
      rgba(255,255,255,.92),
      rgba(255,255,255,.92)
    ),
    url("https://bespokebeautyandskincare.co.uk/wp-content/uploads/2026/05/smiley-woman-bathrobe-with-copy-space-scaled.jpg");

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

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

/* Content */
.bbm-faqCta__inner{
  position: relative;
  z-index:1;
  max-width: 780px;
  margin: 0 auto;
  padding: 84px 20px 96px;
  text-align: center;
}

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

/* Title */
.bbm-faqCta__title{
  margin: 0 0 16px;
  font-family: ui-serif, "Playfair Display", Georgia, serif;
  font-weight: 500;
  font-size: clamp(2rem, 3.6vw, 2.8rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color:#0b0b0b;
}

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

/* Button */
.bbm-faqCta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding: 14px 26px;
  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;
  transition: transform .18s ease, opacity .18s ease;
}

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

/* MOBILE */
@media (max-width: 720px){
  .bbm-faqCta__inner{
    padding: 68px 18px 80px;
  }
}
/* =========================================================
BBM — FAQ CTA Button FIX (force readable text)
========================================================= */

.bbm-faqCta__btn{
  background: #0b0b0b !important;
  color: #ffffff !important;
  opacity: 1 !important;

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

  padding: 14px 26px !important;
  border-radius: 999px !important;
  border: 2px solid #0b0b0b !important;

  text-decoration: none !important;
  box-shadow: none !important;
}

/* Ensure child text is not inheriting opacity */
.bbm-faqCta__btn *{
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Hover (keep readable) */
.bbm-faqCta__btn:hover{
  background: #000 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}/* End custom CSS */