:root{--primary-green:#7CB342;--light-green:#AED581;--dark-green:#558B2F;--primary:#2c3e50;--accent:#3498db;--text:#1e2a38;--light:#f4f4f4;--white:#ffffff}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth; }
body{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--text);overflow-x:hidden;background:#faf7f2;-webkit-font-smoothing:antialiased}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
p{padding-bottom:20px}
ul,ol{padding-left: 2rem;}
a{font-weight:bold;text-decoration:none}
.logo,.nav-menu,nav{display:flex}
.dropdown,.logo{border-radius:5px}
.dropdown li,.nav-menu{list-style:none}
header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:1000;min-height:91px}
.header-container{max-width:1400px;margin:0 auto;padding:15px 30px;display:flex;justify-content:space-between;align-items:center}
.logo{height:61px;align-items:center;justify-content:center}
.logo img{height:80px}
.cart-icon,.mobile-menu-toggle,.nav-menu>li>a:hover{color:var(--primary-green)}
nav{flex:1;justify-content:center}
.nav-menu{gap:30px}
.nav-menu>li{position:relative}
.nav-menu>li>a{text-decoration:none;color:#333;font-weight:500;padding:10px;display:block;white-space:nowrap}
.dropdown{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.15);min-width:250px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s;margin-top:5px;padding:0;will-change:transform,opacity}
.nav-menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{display:block;padding:12px 20px;color:#333;transition:background .3s}
.dropdown a:hover{background:#8fbc8f;color:#fff}
.cart-icon{cursor:pointer;position:relative}
.cart-icon:hover{color:var(--dark-green)}
.mobile-menu-toggle{display:none;font-size:24px;cursor:pointer}
.icon-svg{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:middle}
#lblCartCount{width:30px;height:30px;line-height:30px;border-radius:50%;text-align:center;background:darkgreen;color:white;display:inline-block;margin-left:-10px;font-size:12px;vertical-align:top}
/* #lblCartCount{font-size:12px;background:darkgreen;color:#fff;padding:8px 10px;border-radius:12px;vertical-align:top;margin:100px 0 0 -15px}*/
.site-footer{background:var(--primary);color:#fff;padding:40px 0 20px;margin-top:20px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}
.footer-section h4{margin-bottom:20px;border-bottom:2px solid var(--accent);display:inline-block;padding-bottom:5px}
.footer-section ul{list-style:none;padding-left:0}
.footer-section ul li{margin-bottom:10px}
.footer-section a{color:#bdc3c7;text-decoration:none;transition:color 0.2s} 
.footer-section a:hover{ color: var(--accent)}
.slogan{font-style:italic;margin-bottom:20px;font-size:1.1rem}
.social-icons a{font-size:1.5rem;margin-right:15px;color:#fff}
.footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);font-size:0.9rem;color:#95a5a6}
.icon-svg{width:1em;height:1em;fill:#006400;display:inline-block;vertical-align:middle}
@media (max-width:1200px){
header{min-height:50px}
.header-container{padding:7px;display:flex}
.logo img{height:50px}
.mobile-menu-toggle,nav.active{display:block}
nav{display:none}
nav.active{position:fixed;top:91px;right:20px;background:var(--dark-green);box-shadow:0 5px 20px rgba(0,0,0,.3);border-radius:8px;max-height:calc(100vh - 120px);overflow-y:auto;width:auto;min-width:250px;contain:content}
.nav-menu{flex-direction:column;padding:0;gap:0}
.nav-menu>li{border-bottom:1px solid rgba(255,255,255,.1)}
.nav-menu>li>a{color:#fff;padding:15px 50px 15px 20px;text-align:left}
.nav-menu>li:has(.dropdown)>a::after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFFFFF' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;transition:transform .3s}
.nav-menu>li.expanded>a::after{transform:translateY(-50%) rotate(180deg)}
.dropdown{position:static;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transform:none;box-shadow:none;background:rgba(0,0,0,.2)}
.nav-menu>li.expanded .dropdown{opacity:1;visibility:visible;max-height:800px}
.dropdown a{color:#fff;padding:12px 20px 12px 40px}
}