/* Prevent horizontal scrolling on mobile */
html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
}

/* Ensure all containers respect viewport width */
* {
  box-sizing: border-box;
}

/* Fix any potential width issues with containers */
.max-w-7xl, .max-w-4xl, .max-w-2xl {
  max-width: calc(100vw - 2rem) !important;
}

/* Desktop breathing room - moderate white space matching original design */
@media (min-width: 1024px) {
  .max-w-7xl {
    max-width: 1200px !important; /* More moderate reduction - matches original design */
  }
  
  .max-w-4xl {
    max-width: 850px !important; /* Slightly reduced for better balance */
  }
  
  /* Moderate horizontal padding increase */
  .max-w-7xl.mx-auto {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  
  .max-w-4xl.mx-auto {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

@media (min-width: 1280px) {
  /* Slightly more space on large screens but not excessive */
  .max-w-7xl {
    max-width: 1250px !important;
  }
  
  .max-w-4xl {
    max-width: 900px !important;
  }
  
  .max-w-7xl.mx-auto {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

@media (max-width: 768px) {
  /* Ensure mobile containers don't overflow */
  .max-w-7xl {
    max-width: calc(100vw - 1rem) !important;
  }
  
  /* Fix potential text overflow on mobile */
  .text-4xl, .text-5xl, .text-6xl {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

.aspect-w-16 {
  position: relative;
  padding-bottom: 56.25%;
}
.aspect-h-9 {
  height: 0;
}
.aspect-w-16 > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.custom-font-weight-900{
  font-weight: 900
}

/* Extra bold price styling for discounted items */
.price-super-bold {
  font-weight: 900 !important; /* Maximum font weight */
  text-shadow: 0 0 1px rgba(16, 185, 129, 0.3); /* Subtle green shadow for more prominence */
  letter-spacing: -0.025em; /* Slightly tighter letter spacing */
}
