/* Site-wide light blue & white gradient background */

:root {
  --site-gradient: linear-gradient(
    165deg,
    #c5dff5 0%,
    #e8f4fc 18%,
    #ffffff 42%,
    #f5faff 68%,
    #dceefb 100%
  );
  --surface-soft: rgba(255, 255, 255, 0.55);
  --surface-card: rgba(255, 255, 255, 0.92);
}

html {
  min-height: 100%;
  background: var(--site-gradient);
  background-attachment: fixed;
}

body {
  background: transparent !important;
  min-height: 100vh;
}

/* Main page sections — show gradient through */
.product-section,
.video-section,
.aboutus,
.bundle-section,
.ingredients-section,
.blog-product,
.alchemy-title,
.card-section,
.hero,
.categories,
.blog-paragraphs,
.main-product-section,
.product-details-section,
.reviews-section,
.shopify-policy__container,
.policy-content,
.contact-form-section,
.track-section,
.return-policy-content {
  background: transparent !important;
  background-color: transparent !important;
}

/* Footer blends with gradient */
.footer {
  background: var(--surface-soft) !important;
  backdrop-filter: blur(8px);
}

.footer-wave {
  opacity: 0.85;
}

/* Policy / form cards stay readable on gradient */
.shopify-policy__body,
.checkout-panel,
.order-summary,
.card.p-3,
.product-card,
.search-bar .search-box {
  background-color: var(--surface-card);
}

.mobile-menu {
  background: linear-gradient(180deg, #ffffff 0%, #e8f4fc 100%) !important;
}

/* MBORIO logo sizing */
.nav-center img,
.checkout-header img {
  height: 56px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
}

.footer .logo img {
  width: 180px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Checkout page panels */
.checkout-wrapper,
.checkout-main,
.summary-box {
  background-color: var(--surface-card) !important;
}

.checkout-page .order-summary,
.checkout-page .checkout-form {
  background-color: var(--surface-card) !important;
}