/* Import Inter font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

/* Global font override */
html, body {
  font-family: 'Inter', sans-serif !important;
}

/* Common containers and modules */
.ms-commerce-site,
.ms-commerce-content,
.ms-commerce-header,
.ms-commerce-footer,
.ms-commerce-module,
.ms-commerce-text,
.ms-commerce-button,
.ms-commerce-link,
.ms-commerce-menu,
.ms-commerce-nav,
.ms-commerce-card,
.ms-commerce-tile,
.ms-commerce-menu-item,
.ms-commerce-menu-button,
.ms-commerce-nav-item,
.ms-commerce-nav-button {
  font-family: 'Inter', sans-serif !important;
}

/* Headings and text */
h1, h2, h3, h4, h5, h6,
p, span, label, strong, em, small, div {
  font-family: 'Inter', sans-serif !important;
}

/* Inputs and buttons */
input, textarea, select, button,
.ms-button,
.ms-commerce-button,
.ms-checkout__custom-btn,
.ms-checkout__btn-place-order {
  font-family: 'Inter', sans-serif !important;
}

/* Links */
a, a:visited, a:hover, a:active {
  font-family: 'Inter', sans-serif !important;
}

/* Iframe adjustments */
iframe {
  width: unset;
  height: unset;
}

.checkout-payment-instrument__iframe {
  width: 100% !important;
  height: 1200px !important;
}

/* Hide Place Order button */
button.ms-checkout__custom-btn.ms-checkout__btn-place-order.msc-btn.btn-primary {
  display: none;
}




:root {
  --header-height: 60px; /* Adjust to match your actual header height */
}

@media (max-width: 767px) {
  /* Hero container */
  .ms-carousel {
    width: 100% !important;
    position: relative !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: 420px !important; /* Fallback for short screens */
  }

  /* Image covers container */
  .ms-content-block__image {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
  }

  .ms-content-block__image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* Right-to-left fade only on right portion */
  .ms-content-block__image::before {
    content: "" !important;
    position: absolute !important;
    top: 0;
    right: 0;
    width: 50%; /* Fade covers right half */
    height: 100%;
    background: linear-gradient(to left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%) !important;
    z-index: 1;
  }

  /* Text overlays image with semi-transparent background */
  .ms-content-block__details.withImage {
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 1rem !important;
    color: #fff !important;
    background: rgba(0, 0, 0, 0.6); /* Stronger semi-transparent black */
    box-sizing: border-box;
  }

  /* Adaptive font size */
  .ms-content-block__details.withImage h1,
  .ms-content-block__details.withImage .hero-title {
    font-size: clamp(1.5rem, 6vw, 2.5rem) !important;
    line-height: 1.2 !important;
  }
}

/* Optional: Smooth scroll offset */
html {
  scroll-padding-top: var(--header-height);
}