/* Additional visual enhancements for Nassara site */
:root{
  --glass: rgba(255,255,255,0.6);
}

/* Make primary buttons more vibrant */
.btn-primary{
  background: linear-gradient(90deg,#2f7b36 0%,#2aa24a 100%);
  box-shadow: 0 10px 30px rgba(41,128,63,0.12), inset 0 -2px 6px rgba(0,0,0,0.06);
  border: 0;
}
.btn-primary:hover{ transform: translateY(-3px) scale(1.01); }

/* Hero improvements */
.hero-content h1{ text-shadow: 0 6px 30px rgba(37,99,45,0.08); }
.hero .btn-primary{ padding: 1.15rem 2.25rem; font-size: 1.05rem; }

/* Soft glass surface for cards */
.card{ background: linear-gradient(180deg,var(--glass),rgba(255,255,255,0.98)); }

/* Ensure product images are centered and framed */
.card-image img{ object-position: center; border-radius: 12px; }

/* Focus outlines for accessibility */
a:focus,button:focus,.btn:focus{ outline: 3px solid rgba(37,99,45,0.12); outline-offset: 3px; }

/* Slightly higher contrast for footer */
footer{ background: linear-gradient(90deg,#0a140b,#0c160e); }

/* Make whatsapp floats pop less intrusively */
.whatsapp-float,.whatsapp-share-float{ box-shadow: 0 12px 30px rgba(0,0,0,0.18); }

/* Small responsive tweaks */
@media (max-width:768px){
  .hero { padding-top: 4.5rem; }
  .logo img{ height:44px; }
}

/* Subtle entrance animation on load for hero logo */
.hero-logo{ transform: translateY(6px); opacity: 0; transition: all 650ms ease; }
.hero-logo.active{ transform: translateY(0); opacity: 1; }

/* Utility: improve text wrapping in product titles */
.products-grid h3{ word-break: break-word; }