/* =============================================
   BASE STYLES
   ============================================= */

html, body {
  background-color: #F5EBD9;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/* Remove unexpected right-side spacing from Tailwind */
section[class*="px-"],
.px-8,
.px-6 {
  padding-right: 0 !important;
}

/* =============================================
   GSAP TITLE ANIMATION STYLES
   ============================================= */

.gsap-title {
  -webkit-background-clip: text;
  background-clip: text;
  will-change: background-position;
}

/* =============================================
   SECTION TRANSITIONS
   ============================================= */

.agro-section {
  will-change: opacity, transform;
}

/* Card hover enhancements */
.agro-card-inner,
.quality-card,
.partnership-card,
.cert-badge {
  will-change: transform, box-shadow;
}

/* Ensure proper stacking */
.agro-container {
  position: relative;
  z-index: 1;
}