:root{--primary-color: #34495e;--secondary-color: #d4a373;--accent-color: #e9c46a;--text-color: #333;--light-text: #fff;--light-bg: #f8f9fa;--dark-bg: #2c3e50;--border-color: #e1e1e1;--shadow: 0 4px 6px rgba(0, 0, 0, 0.1);--transition: all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Montserrat",sans-serif;line-height:1.6;color:var(--text-color);background-color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:1rem}.btn{display:inline-block;padding:12px 24px;border-radius:4px;font-weight:600;text-align:center;cursor:pointer;transition:var(--transition);border:none}.btn-primary{background-color:var(--primary-color);color:var(--light-text)}.btn-primary:hover{background-color:#2c3e50}.btn-secondary{background-color:var(--secondary-color);color:var(--light-text)}.btn-secondary:hover{background-color:#c39667}.btn-link{color:var(--primary-color);text-decoration:underline;padding:8px 16px;font-weight:600;cursor:pointer;background:none;border:none}.btn-link:hover{color:var(--secondary-color)}header{background-color:#fff;box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.header-content{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:20px 0}.logo img{height:40px}.menu{display:flex;gap:30px}.menu a{font-weight:600;position:relative}.menu a:hover,.menu a.active{color:var(--secondary-color)}.menu a.active::after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:var(--secondary-color)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer}.mobile-menu-toggle span{display:block;height:3px;width:100%;background-color:var(--primary-color);transition:var(--transition)}.hero{padding:80px 0;background-color:var(--light-bg)}.hero-content{display:flex;align-items:center;gap:40px}.hero-text{flex:1}.hero-text a:hover{background-color:var(--secondary-color)}.hero-text h1{font-size:3.5rem;margin-bottom:20px;line-height:1.1}.hero-text .highlight{color:var(--secondary-color);background-color:#f8f0e3;padding:0 10px}.hero-image{flex:1}section{padding:80px 0}.section-header{text-align:center;margin-bottom:50px}.section-header h2{color:var(--primary-color);font-size:1.2rem;font-weight:500;margin-bottom:10px}.section-header h3{font-size:2.2rem;color:var(--text-color)}.coffee-methods{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px}.method-card{text-align:center;padding:30px 20px;border-radius:8px;transition:var(--transition)}.method-card:hover{box-shadow:var(--shadow)}.method-icon{margin-bottom:20px}.method-icon img{width:80px;height:80px;border-radius:16px;object-fit:cover}.method-card h4{margin-bottom:15px;color:var(--primary-color)}.product-grid,.combo-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px}.product-card,.combo-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.product-card:hover,.combo-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.product-image,.combo-image{height:250px;overflow:hidden;position:relative}.product-image img,.combo-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.product-info,.combo-info{padding:20px}.product-price,.combo-price{font-size:1.2rem;font-weight:700;color:var(--secondary-color);margin-bottom:10px}.original-price{text-decoration:line-through;color:#999;font-size:.9rem;margin-left:10px}.product-info h4,.combo-info h4{margin-bottom:10px;font-size:1.2rem}.product-info p,.combo-info p{margin-bottom:20px;color:#666;font-size:.9rem}.product-actions,.combo-actions{display:flex;justify-content:space-between;align-items:center}.gift-content{display:flex;align-items:center;gap:50px}.gift-image{flex:1}.gift-info{flex:1}.gift-price{font-size:1.5rem;font-weight:700;color:var(--secondary-color);margin-bottom:15px}.gift-info h4{font-size:1.8rem;margin-bottom:20px}.gift-features{margin:30px 0}.feature{display:flex;align-items:center;margin-bottom:15px}.feature img{width:30px;height:30px;margin-right:15px;border-radius:26px}.gift-actions{display:flex;gap:20px;margin-top:30px}.page-banner{background:url(assets/images/aroma-beans-67fcbd7ea4b18.webp) bottom/cover no-repeat;background-color:var(--primary-color);color:var(--light-text);padding:60px 0;text-align:center}.page-banner h1{margin-bottom:10px}.category-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.tab-btn{padding:10px 20px;background-color:#f1f1f1;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:var(--transition)}.tab-btn.active,.tab-btn:hover{background-color:var(--secondary-color);color:var(--light-text)}.menu-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:2000;overflow:auto}.modal-content{background-color:#fff;margin:5% auto;width:80%;max-width:900px;border-radius:8px;overflow:hidden;position:relative}.close-modal{position:absolute;top:20px;right:20px;font-size:28px;font-weight:bold;color:#333;cursor:pointer;z-index:10}.modal-body{display:flex;padding:0}.modal-image{flex:1;max-width:40%}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-info{flex:1;padding:40px}.modal-info h3{font-size:2rem;margin-bottom:15px}.modal-price{font-size:1.5rem;font-weight:700;color:var(--secondary-color);margin-bottom:20px}.modal-features{margin:30px 0}.modal-features p{margin-bottom:10px;padding-left:20px;position:relative}.modal-features p::before{content:"•";position:absolute;left:0;color:var(--secondary-color)}.contact-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;margin-bottom:50px}.contact-card{text-align:center;padding:30px;border-radius:8px;box-shadow:var(--shadow);transition:var(--transition)}.contact-card:hover{transform:translateY(-5px)}.contact-icon{margin-bottom:20px}.contact-icon img{width:50px;height:50px;border-radius:26px;object-fit:cover}.contact-content{display:flex;gap:50px}.contact-text{flex:1}.social-links{display:flex;gap:20px;margin-top:30px}.social-link{padding:10px 20px;background-color:var(--light-bg);border-radius:4px;transition:var(--transition)}.social-link:hover{background-color:var(--secondary-color);color:var(--light-text)}.contact-form{flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:1rem}.form-group textarea{resize:vertical}.map-section{background-color:var(--light-bg)}.map-container{height:400px;border-radius:8px;overflow:hidden}.map-placeholder{width:100%;height:100%;object-fit:cover}footer{background-color:var(--dark-bg);color:var(--light-text);padding:60px 0 20px}.footer-content{display:flex;justify-content:space-between;margin-bottom:40px}.footer-logo{display:flex;align-items:center;gap:10px;max-width:300px}.footer-logo img{margin-bottom:20px;width:26px;height:26px;object-fit:cover}.footer-contact a{color:var(--accent-color)}.footer-nav ul{display:flex;flex-direction:column;gap:10px}.footer-nav a:hover{color:var(--accent-color)}.copyright{display:flex;justify-content:space-between;text-align:center;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.1);font-size:.9rem;color:hsla(0,0%,100%,.7)}.copyright a:hover{color:var(--accent-color)}@media(max-width: 1024px){.coffee-methods,.product-grid,.combo-grid{grid-template-columns:repeat(2, 1fr)}.gift-content{flex-direction:column}.menu-grid{grid-template-columns:repeat(2, 1fr)}.contact-content{flex-direction:column}}@media(max-width: 768px){.hero-content{flex-direction:column;text-align:center}.hero-text h1{font-size:2.5rem}.mobile-menu-toggle{display:flex}.menu{position:absolute;top:80px;left:0;width:100%;flex-direction:column;background-color:#fff;padding:20px;box-shadow:0 10px 20px rgba(0,0,0,.1);gap:15px;display:none}.menu.active{display:flex}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px, -6px)}.contact-grid{grid-template-columns:1fr}.modal-body{flex-direction:column}.modal-image{max-width:100%}.footer-content{flex-direction:column;gap:30px}}@media(max-width: 576px){.coffee-methods,.product-grid,.combo-grid,.menu-grid{grid-template-columns:1fr}.section-header h3{font-size:1.8rem}.hero-text h1{font-size:2rem}.category-tabs{flex-wrap:wrap}}.brew-cookies-policy{background-color:#fff;padding:70px 0 30px}.brew-cookies-policy h2,.brew-cookies-policy h4,.brew-cookies-policy p{margin:0 0 20px;color:#000}.brew-terms{background-color:#fff;padding:70px 0 30px}.brew-terms h2,.brew-terms h4,.brew-terms p{margin:0 0 20px;color:#000}.brew-privacy{background-color:#fff;padding:70px 0 30px}.brew-privacy h2,.brew-privacy h4,.brew-privacy p{margin:0 0 20px;color:#000}