.elementor-17 .elementor-element.elementor-element-bb003.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}/* Start custom CSS *//* ── Beauty B Home Page Custom CSS ── */

/* Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap");

body { font-family: "Inter", sans-serif; }

/* Hero banner rounded */
.bb-hero-banner-img img {
  border-radius: 20px;
  display: block;
  width: 100%;
}

/* Product columns equal height */
.elementor-section .elementor-column .elementor-column-wrap {
  height: 100%;
}

/* Hover effect on product cards */
.elementor-top-section:nth-child(3) .elementor-column {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}
.elementor-top-section:nth-child(3) .elementor-column:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(233,30,140,0.13) !important;
}

/* Sale section position relative for badge */
#sale-section .elementor-column:last-child {
  position: relative;
}

/* ── TABLET (max 768px): 2 col products ── */
@media (max-width: 768px) {
  #products-section > .elementor-container > .elementor-row {
    flex-wrap: wrap;
  }
  #products-section .elementor-column {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-bottom: 20px;
  }
  #sale-section > .elementor-container > .elementor-row {
    flex-direction: column;
  }
  #sale-section .elementor-column {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  #trust-section .elementor-column:last-child {
    display: none;
  }
  .elementor-section .elementor-container {
    flex-wrap: wrap;
  }
}

/* ── MOBILE (max 480px): 1 col products ── */
@media (max-width: 480px) {
  #products-section .elementor-column {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px;
  }
  #trust-section > .elementor-container > .elementor-row {
    flex-direction: column;
  }
  #trust-section .elementor-column {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  h2[style*="font-size:48px"] {
    font-size: 30px !important;
  }
}/* End custom CSS */