@import url('https://fonts.googleapis.com/css2?family=Playfair+Dis

/* Bigg Fine Woman — dynamic brand decorations */
:root {
  --bfw-fuchsia: #FF2D78;
  --bfw-blue: #00B4FF;
  --bfw-yellow: #FFD600;
  --bfw-plum: #3D0033;
  --bfw-ivory: #FFF8EE;
}

/* Hero: organic blob shapes with subtle float animation */
.et_pb_section:first-of-type {
  position: relative;
  overflow: hidden;
}
.et_pb_section:first-of-type::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -120px;
  top: -120px;
  background: radial-gradient(circle at 30% 30%, var(--bfw-yellow), transparent 70%);
  border-radius: 58% 42% 55% 45% / 45% 55% 42% 58%;
  opacity: 0.35;
  pointer-events: none;
  animation: bfw-float 9s ease-in-out infinite;
}
.et_pb_section:first-of-type::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  left: -90px;
  bottom: -90px;
  background: radial-gradient(circle at 60% 40%, var(--bfw-blue), transparent 70%);
  border-radius: 45% 55% 48% 52% / 55% 42% 58% 45%;
  opacity: 0.3;
  pointer-events: none;
  animation: bfw-float 11s ease-in-out infinite reverse;
}

/* Fragrance cards: polka-dot confetti accents */
#fragrance {
  position: relative;

/* === BFW Homepage Redesign — Hero & Contrast Fixes (2026-09-23) === */
/* Hero: full-width background image with dark gradient overlay (WCAG AA) */
.page-id-7 .et_pb_section:first-of-type {
  background-image: linear-gradient(to bottom right, rgba(61,0,51,0.65), rgba(255,45,120,0.35)), url('https://www.thebombdotcom.online/wp-content/uploads/2026/09/hero-fullwidth-bg.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  min-height: 70vh;
  display: flex;
  align-items: center;
}
.page-id-7 .et_pb_section:first-of-type::before,
.page-id-7 .et_pb_section:first-of-type::after {
  display: none !important;
}
.page-id-7 .et_pb_section:first-of-type .et_pb_row {
  width: 100%;
  margin: 0 auto;
}
.page-id-7 .et_pb_section:first-of-type .et_pb_column {
  width: 100% !important;
  margin-right: 0 !important;
}
.page-id-7 .et_pb_section:first-of-type .et_pb_image {
  display: none !important;
}
/* Our Story: Deep Plum background with Warm Ivory text (WCAG AA contrast fix) */
.page-id-7 #story {
  background-color: #3D0033 !important;
}
.page-id-7 #story h1,
.page-id-7 #story h2,
.page-id-7 #story h3,
.page-id-7 #story p,
.page-id-7 #story .et_pb_text_inner {
  color: #FFF8EE !important;
}

}
#fragrance::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, var(--bfw-fuchsia) 3px, transparent 3.5px),
    radial-gradient(circle, var(--bfw-blue) 2.5px, transparent 3px),
    radial-gradient(circle, var(--bfw-yellow) 3px, transparent 3.5px);
  background-size: 120px 120px, 170px 170px, 220px 220px;
  background-position: 10px 20px, 60px 90px, 130px 40px;
  opacity: 0.12;
  pointer-events: none;
}

/* Our Story: soft blob glow behind the hibiscus accent */
#story {
  position: relative;
}
#story::before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  left: 50%;
  margin-left: -130px;
  top: 30px;
  background: radial-gradient(circle at 40% 35%, var(--bfw-fuchsia), transparent 70%);
  border-radius: 52% 48% 60% 40% / 48% 60% 40% 52%;
  opacity: 0.25;
  pointer-events: none;
  animation: bfw-float 10s ease-in-out infinite;
}

/* Subtle float animation — transform-only for performance */
@keyframes bfw-float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-14px) rotate(2deg); }
}
@media (prefers-reduced-motion: reduce) {
  .et_pb_section:first-of-type::before,
  .et_pb_section:first-of-type::after,
  #story::before { animation: none; }
}play:wght@400;700&family=Nunito:wght@400;600;700;800&display=swap');