/* ==================================================
   FULL PAGE LUXURY GRADIENT – NO SECTIONS BREAK
================================================== */

/* FORCE FULL PAGE BACKGROUND */
html, body {
  min-height: 100%;
}

body {
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #F2EDE9 35%,
      #EFE9E4 70%,
      #E6DED8 100%
    ) !important;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* REMOVE ALL INNER BACKGROUNDS */
section,
header,
footer,
.container,
.card,
.products,
.products-grid,
.products-section {
  background: transparent !important;
}

/* KEEP PRODUCT CARDS VISIBLE */
.product-card {
  background: #ffffff !important;
}

/* HERO SAFETY */
section:first-of-type {
  background: transparent !important;
}
/* ==================================================
   SALLA MOBILE BANNER – FINAL FIX
================================================== */

@media (max-width: 768px) {

  /* Banner images */
  .banner img,
  .hero img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Banner containers */
  .banner,
  .hero {
    height: auto !important;
    min-height: unset !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
  }
}