.beerwine-container{color:#fff;background:linear-gradient(135deg,#2c3e50 0%,#3498db 100%);min-height:100vh;padding:20px}.content-wrapper{opacity:0;max-width:1200px;margin:0 auto;transition:opacity .8s,transform .8s;transform:translateY(20px)}.content-wrapper.fade-in{opacity:1;transform:translateY(0)}.beerwine-title{text-align:center;text-shadow:2px 2px 4px #0000004d;margin:2rem 0;font-family:Playfair Display,serif;font-size:3.5rem}.beerwine-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0;display:grid}.beerwine-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;padding:2rem;transition:transform .3s;box-shadow:0 4px 15px #0003}.beerwine-card:hover{transform:translateY(-5px)}.beerwine-card h2{color:#f1c40f;border-bottom:2px solid #f1c40f;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:2rem}.beer-item,.wine-item{background:#0003;border-radius:8px;margin-bottom:1.5rem;padding:1rem;transition:background .3s}.beer-item:hover,.wine-item:hover{background:#0000004d}.beer-item h3,.wine-item h3{color:#e74c3c;margin-bottom:.5rem}.price{color:#2ecc71;margin-top:.5rem;font-weight:700;display:block}.featured-section{text-align:center;margin:4rem 0}.featured-section h2{color:#f1c40f;margin-bottom:2rem;font-size:2.5rem}.featured-items{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.featured-item{background:#ffffff26;border-radius:12px;padding:2rem;transition:transform .3s}.featured-item:hover{transform:scale(1.05)}.featured-item h3{color:#e74c3c;margin-bottom:1rem}@media (max-width:768px){.beerwine-title{font-size:2.5rem}.beerwine-grid,.featured-items{grid-template-columns:1fr}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s ease-out forwards fadeIn}.glass-effect{-webkit-backdrop-filter:blur(10px);background:#1c191780}.hover-lift{transition:transform .3s}.hover-lift:hover{transform:translateY(-4px)}.gradient-text{background:linear-gradient(90deg,#fbbf24,#d97706);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-gradient{background:linear-gradient(#1c1917cc 0%,#1c191799 50%,#1c1917 100%)}@keyframes scrollIndicator{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.scroll-indicator{animation:2s infinite scrollIndicator}.enhanced-glass{-webkit-backdrop-filter:blur(10px);background:#1c1917b3;border:1px solid #fbbf241a}.float{animation:6s ease-in-out infinite float}