:root {
      --primary-color: #2e8b57;
      --primary-light: #e5eee9;
      --bg-color: #ffffff;
      --text-color: #000000;
      --accent: #f1f9f3;
      --card-shadow: 0 6px 18px rgba(31,41,55,0.08);
    }
    [data-theme="dark"] {
      --bg-color: #1a1a1a;
      --text-color: #ffffff;
    }
    body {
      background-color: var(--bg-color);
      color: var(--text-color);
      font-family: 'Poppins', sans-serif;
      transition: background-color 0.4s ease, color 0.4s ease;
    }
    ul
    {
        list-style-type: none;
    }
    .top-info {
      background-color: var(--primary-light);
      color: #000000;
      font-size: 14px;
      padding: 6px 0;
      position: relative;
      z-index: 1030;
    }
    .top-info a {
      color: #fff;
      margin-right: 10px;
      text-decoration: none;
    }
    .main-navbar {
      background-color: var(--bg-color);
      font-weight: 600;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      position: relative;
      z-index: 1020;
      transition: top 0.4s ease, background-color 0.4s ease;
    }
    .main-navbar.fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      animation: slideDown 0.4s ease forwards;
    }
    @keyframes slideDown {
      from {transform: translateY(-100%);}
      to {transform: translateY(0);}
    }
    .navbar a {
      color: var(--text-color) !important;
    }
    .navbar a:hover, .navbar .nav-link.active {
      color: var(--primary-color) !important;
    }
    .dropdown-menu {
      background-color: var(--bg-color);
    }
    .dropdown-menu a {
      color: var(--text-color) !important;
    }
    .dropdown-menu a:hover {
      background-color: var(--bg-color);
      /* background-color: var(--primary-color); */
      /* color: #fff !important; */
    }
    .dropdown-submenu {
      position: relative;
    }
    .dropdown-submenu .dropdown-menu {
      top: 0;
      left: 100%;
      margin-left: 0rem;
      display: none;
      position: absolute;
    }
    @media (min-width: 992px){
      .dropdown:hover>.dropdown-menu{display:block}
      .dropdown-submenu:hover>.dropdown-menu{display:block}
    }
    .hero-section img {
      width: 100%;
      height: 550px;
      object-fit: cover;
    }
    /* ---------- Testimonials ---------- */
    .testimonial-card{border-radius:12px; padding:18px; background:var(--accent); box-shadow:var(--card-shadow)}

    .footer {
      background-color: #145a32;
      color: #fff;
      padding: 40px 0;
    }
    .footer a {color:#fff; text-decoration:none;}
    .copyright {
      background-color: #000000;
      color: #ffffff;
      padding: 10px;
    }
    #backToTop {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background-color: var(--primary-color);
      color: #fff;
      border-radius: 50%;
      padding: 10px 13px;
      display: none;
      cursor: pointer;
    } 


    
    /* Product cards */
    .product-card { border-radius: 12px; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
    .product-card:hover{ transform: translateY(-6px); box-shadow: 0 12px 30px rgba(20,40,10,0.08); }
    /* .badge-eco { background: rgba(47,139,58,0.12); color: var(--primary-600); font-weight:600; } */