:root{--primary-color: #6F4E37;--secondary-color: #D2B48C;--accent-color: #8B4513;--background-color: #FFF8E7;--text-color: #3A3A3A;--header-bg: #3A2618;--footer-bg: #3A2618;--card-bg: #FFFFFF}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;line-height:1.6}header{background-color:var(--header-bg);color:#fff;padding:1.5rem 0;text-align:center;box-shadow:0 2px 10px #0000001a}.header-container{margin-bottom:1rem}header h1{margin:0;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;letter-spacing:1px}.tagline{font-size:1rem;font-style:italic;margin-top:.5rem;color:var(--secondary-color)}nav ul{list-style:none;padding:0;margin:.5rem 0 0;display:flex;justify-content:center;flex-wrap:wrap}nav ul li{margin:0 15px;position:relative}nav ul li a{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 0;display:block;transition:all .3s ease}nav ul li a:hover{color:var(--secondary-color)}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:var(--header-bg);min-width:200px;box-shadow:0 8px 16px #0003;z-index:1;border-radius:4px;margin-top:.5rem;left:50%;transform:translate(-50%)}.dropdown-content a{color:#fff;padding:12px 16px;text-decoration:none;display:block;text-align:left;font-size:.9rem}.dropdown-content a:hover{background-color:var(--accent-color);color:#fff}.dropdown:hover .dropdown-content{display:block}main{flex-grow:1;max-width:1000px;margin:30px auto;padding:30px;background-color:var(--card-bg);box-shadow:0 0 20px #0000000d;border-radius:8px}h1,h2,h3{font-family:Playfair Display,serif;color:var(--primary-color);margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem;border-bottom:2px solid var(--secondary-color);padding-bottom:.5rem;margin-bottom:1.5rem}h3{font-size:1.5rem;margin-top:1.5rem}p{margin-bottom:1.2rem;font-size:1.05rem}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-color);text-decoration:underline}ul,ol{margin-left:1.5rem;margin-bottom:1.5rem}li{margin-bottom:.5rem}img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:0 4px 8px #0000001a}.coffee-image{display:block;margin:2rem auto}.coffee-card{border:1px solid var(--secondary-color);border-radius:8px;padding:1.5rem;margin:2rem 0;background-color:#fffcf7;box-shadow:0 4px 8px #0000000d}.coffee-card h3{color:var(--accent-color);margin-top:0}.coffee-info{display:flex;justify-content:space-between;margin:1rem 0;flex-wrap:wrap}.coffee-info-item{background-color:var(--secondary-color);color:var(--text-color);padding:.3rem .8rem;border-radius:20px;font-size:.9rem;margin-right:.5rem;margin-bottom:.5rem}.recipe-steps{counter-reset:step-counter;list-style-type:none;margin-left:0}.recipe-steps li{position:relative;padding-left:2.5rem;margin-bottom:1rem}.recipe-steps li:before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:0;top:0;background-color:var(--primary-color);color:#fff;width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}footer{background-color:var(--footer-bg);color:#fff;padding:2rem 0 1rem;margin-top:auto}.footer-container{display:flex;justify-content:space-around;max-width:1200px;margin:0 auto;flex-wrap:wrap}.footer-section{flex:1;min-width:250px;margin:0 1rem 1.5rem}.footer-section h3{color:var(--secondary-color);margin-bottom:1rem;font-size:1.2rem}.footer-section ul{list-style:none;margin-left:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#fff}.footer-section a:hover{color:var(--secondary-color)}.copyright{text-align:center;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){header h1{font-size:2rem}nav ul{flex-direction:column}nav ul li{margin:.3rem 0}.dropdown-content{position:static;transform:none;box-shadow:none;margin-top:0;width:100%}main{padding:20px;margin:15px}.footer-container{flex-direction:column}.footer-section{margin-bottom:2rem}}