.top-contact-bar{background:#006400;color:#fff;padding:10px 0;font-size:14px}
.top-contact-bar a{color:#FFD700;text-decoration:none;font-weight:bold}
.top-bar{background:#f5f5f5;padding:8px 0;font-size:14px;border-bottom:1px solid #eee}
.top-bar a{color:#333;text-decoration:none}
.top-bar a:hover{color:#1E90FF}
.top-bar i{margin-right:5px;color:#1E90FF}
.header-phone{float:right;margin-top:15px}
.header-phone a{color:#333;text-decoration:none;font-size:14px;font-weight:bold}
.header-phone a:hover{color:#1E90FF}
.header-phone i{margin-right:5px;color:#1E90FF}
.logo-text{font-size:16px;color:#1E90FF;font-weight:bold;line-height:1.3;padding:10px 0}
.logo-text a{color:#1E90FF;text-decoration:none}
.logo-text a:hover{color:#4169E1}
.nav-new{margin-top:10px}
.nav-new ul{display:flex;justify-content:flex-end;margin:0;padding:0;list-style:none}
.nav-new ul li{position:relative}
.nav-new ul li a{display:block;padding:15px 18px;color:#333;text-decoration:none;font-size:16px;font-weight:700;transition:color .3s}
.nav-new ul li a:hover{color:#006400}
.nav-red{border-bottom:3px solid #8B0000}
.nav-orange{border-bottom:3px solid #B22222}
.nav-yellow{border-bottom:3px solid #DAA520}
.nav-green{border-bottom:3px solid #228B22}
.nav-blue{border-bottom:3px solid #1E90FF}
.nav-purple{border-bottom:3px solid #4A0E4E}
body{padding-top:120px}
.page-header-beer{background:linear-gradient(135deg,#006400,#228B22);color:#fff;padding:80px 0;text-align:center}
.page-header-beer h1{color:#FFD700;margin-bottom:15px;font-size:36px}
.page-header-beer p{max-width:800px;margin:0 auto;font-size:16px}
.beer-content{padding:50px 0}
.beer-content h2{color:#006400;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #006400}
.beer-content h3{color:#228B22;margin:25px 0 15px}
.beer-content h4{color:#006400;margin:15px 0 10px}
.beer-content p{line-height:1.8;margin-bottom:15px}
.beer-grid{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}
.beer-item{flex:1 1 calc(33.333% - 20px);background:#fff;border:1px solid #eee;padding:20px;border-radius:5px;text-align:center;transition:all 0.3s}
.beer-item:hover{box-shadow:0 5px 20px rgba(0,0,0,0.1);transform:translateY(-3px)}
.beer-item i{font-size:40px;color:#006400;margin-bottom:15px}
.beer-item h4{color:#006400;margin-bottom:10px}
.beer-sidebar{background:#f0f8f0;padding:25px;border-radius:8px;margin-bottom:20px}
.beer-sidebar h4{color:#006400;border-bottom:2px solid #006400;padding-bottom:10px;margin-bottom:15px}
.beer-sidebar ul{list-style:none;padding:0}
.beer-sidebar ul li{padding:10px 0;border-bottom:1px solid #d0e8d0}
.beer-sidebar ul li a{color:#333;text-decoration:none}
.beer-sidebar ul li a:hover{color:#006400}
.beer-cta{background:#006400;color:#fff;padding:30px;text-align:center;border-radius:8px;margin-top:30px}
.beer-cta a{color:#FFD700;font-size:24px;font-weight:bold;text-decoration:none}
.brand-tag-beer{display:inline-block;background:#e8f5e8;padding:5px 12px;margin:3px;border-radius:3px;font-size:13px;color:#006400}
.footer-beer{background:#333;color:#fff;padding:40px 0}
.footer-beer a{color:#FFD700}
@media(max-width:767px){
.top-bar-mobile{background:#f5f5f5;padding:8px 0;font-size:14px;border-bottom:1px solid #eee}
.top-bar-mobile a{color:#666;text-decoration:none}
.top-bar-mobile i{margin-right:5px;color:#006400}
.mobile-header{background:#fff;padding:10px 0;border-bottom:1px solid #eee}
.mobile-header .logo-text{padding:5px 0;font-size:14px}
.mobile-toggle{background:none;border:2px solid #333;border-radius:4px;padding:6px 10px;cursor:pointer;display:inline-flex;flex-direction:column;gap:4px}
.mobile-toggle span{display:block;width:20px;height:2px;background:#333;transition:all .3s}
.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.mobile-toggle.active span:nth-child(2){opacity:0}
.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.mobile-nav-dropdown{display:none;background:#fff;border-bottom:1px solid #eee}
.mobile-nav-dropdown.active{display:block}
.mobile-nav-dropdown nav ul{list-style:none;padding:0;margin:0}
.mobile-nav-dropdown nav ul li a{display:block;padding:12px 20px;color:#333;text-decoration:none;font-size:14px;border-bottom:1px solid #f0f0f0}
.mobile-nav-dropdown nav ul li a:hover{color:#006400;background:#f9f9f9}
body{padding-top:0}
}
.gold-link{color:#FFD700}
.no-list{list-style:none;padding:0}
.footer-divider{margin-top:30px;border-top:1px solid #555;padding-top:20px}
.mt-20{margin-top:20px}