/*
Theme Name: Vitality Landing
Author: Melanie
Description: Minimal landing theme with Tailwind + GSAP.
Version: 0.1.0
Text Domain: vitality-landing
*/

.container{
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .container { 
    padding-left: 2rem; 
    padding-right: 2rem; 
  }
}

.hero-img{
  border-radius:1rem;
  box-shadow:0 10px 35px rgba(0,0,0,.15)
}


/* --- Global Logo Consistency --- */
.sticky .h-full.w-full.object-contain {
  display: block;
  height: 48px;
  width: auto;
  object-fit: contain;
}

/* Optional backup in case WooCommerce resets images */
.woocommerce .sticky .h-full.w-full.object-contain {
  height: 48px !important;
  width: auto !important;
}

/* Keep wrapper consistent */
.h-12.w-\[72px\].rounded-lg.overflow-hidden {
  height: 48px;
  width: 48.8px;
  overflow: hidden;
  border-radius: 0.5rem;
}


.section{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (max-width: 768px){
  .section{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

/* Footer Grid - 4 columns */
.footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

@media (min-width: 768px) {
  .footer-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem;
  }
}

/* Footer padding */
footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}