@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;600;800&display=swap";:root{--bg-color:#fff3e0;--bg-surface:#fff;--bg-surface-hover:#fff9f0;--text-main:#3e2723;--text-muted:#5d4037;--accent-color:#f57c00;--accent-hover:#e65100;--border-color:#3e2723;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--shadow-color:#3e2723;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5}.app-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.header{text-align:center;margin-bottom:3rem;animation:.6s fadeInDown}.header h1{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;color:var(--accent-color);text-shadow:0 0 20px #f9731666;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.header p{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:1.1rem}.nav-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:1rem;margin-bottom:3rem;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;animation:.8s fadeIn;display:flex;overflow-x:auto}.nav-container::-webkit-scrollbar{display:none}.nav-button{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-heading);cursor:pointer;white-space:nowrap;border-radius:50px;flex-shrink:0;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:600;transition:all .3s}.nav-button:hover{background-color:var(--bg-surface-hover);border-color:var(--accent-color);box-shadow:4px 4px 0px var(--shadow-color);transform:translateY(-2px)}.nav-button.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:4px 4px 0px var(--shadow-color)}.menu-section{animation:.5s forwards fadeInUp}.section-title{font-family:var(--font-heading);color:var(--text-main);border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:.5rem;font-size:2rem}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.product-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;height:100%;padding:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";background:var(--accent-color);transform-origin:0;width:100%;height:4px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.product-card:hover:before{transform:scaleX(1)}.product-card:hover{box-shadow:8px 8px 0px var(--shadow-color);border-color:var(--accent-color);transform:translateY(-4px)translate(-4px)}.product-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.product-name{font-family:var(--font-heading);color:var(--text-main);margin-right:1rem;font-size:1.35rem;line-height:1.2}.product-card:hover .product-name{color:var(--accent-color)}.product-price{font-family:var(--font-heading);border-radius:var(--radius-sm);color:var(--accent-color);white-space:nowrap;background-color:#f57c001a;padding:.25rem .75rem;font-size:1.15rem;font-weight:800}.product-desc{color:var(--text-muted);flex-grow:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.product-footer{flex-wrap:wrap;gap:.6rem;margin-top:auto;display:flex}.tag{background-color:var(--border-color);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:.3rem .8rem;font-size:.75rem;font-weight:600}.tag.special{color:var(--accent-color);border:1px solid var(--accent-color);background-color:#f57c0026}.tag.veggie{color:#2e7d32;background-color:#e8f5e9;border:1px solid #2e7d32}.tag.kids{color:#0277bd;background-color:#e1f5fe;border:1px solid #0277bd}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.category-note{border-radius:var(--radius-md);text-align:center;background-color:#f57c001a;border:1px solid #f57c004d;margin-bottom:2rem;padding:1.25rem}.note-line{color:var(--text-main);margin-bottom:.5rem;font-size:1rem}.note-line:last-child{margin-bottom:0}.note-highlight{color:var(--accent-color);font-size:1.1rem;font-weight:700}.product-card.limited-edition{border:2px solid var(--accent-color);box-shadow:6px 6px 0px var(--accent-color);background:#fff9e6;grid-column:1/-1}@media (width>=768px){.product-card.limited-edition{grid-column:span 2}}.product-card.limited-edition .product-name{color:var(--accent-color);font-size:1.6rem}.tag.limited{background-color:var(--accent-color);color:#fff;border:1px solid var(--accent-color);box-shadow:2px 2px 0px var(--shadow-color);font-weight:800}@media (width<=768px){.header h1{font-size:2.2rem}.discount-banner{flex-direction:column;gap:.3rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.discount-banner .separator{display:none}.menu-grid{grid-template-columns:1fr}.nav-button{padding:.5rem 1.2rem;font-size:.95rem}.list-item{border-bottom:1px dashed #3e272333;flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:1rem}.list-item-left{flex-direction:column;gap:.2rem}.list-item-name{white-space:normal}.list-item-dots{display:none}}.list-layout{max-width:800px;margin:0 auto}.list-group{margin-bottom:2.5rem}.list-group-title{font-family:var(--font-heading);color:var(--accent-color);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem}.list-items{padding:0;list-style:none}.list-item{align-items:baseline;margin-bottom:1rem;display:flex}.list-item-left{align-items:baseline;gap:.5rem;display:flex}.list-item-name{font-family:var(--font-heading);color:var(--text-main);white-space:nowrap;font-size:1.2rem;font-weight:600}.list-item-desc{color:var(--text-muted);font-size:.9rem}.list-item-dots{border-bottom:2px dotted var(--border-color);opacity:.5;flex-grow:1;margin:0 1rem}.list-item-price{font-family:var(--font-heading);color:var(--accent-color);white-space:nowrap;font-size:1.15rem;font-weight:600}.product-image{height:220px;margin:-1.5rem -1.5rem 1.5rem;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-image img{transform:scale(1.05)}.hop-bomb-group .list-group-title{color:#25e037;text-shadow:0 0 10px #a3e63566}.hop-bomb-group .list-item-price{color:#25e037}.product-card.veggie-card{--accent-color:#2e7d32;background:#f1f8e9;border:2px solid #2e7d32}.product-card.veggie-card .product-name{color:var(--accent-color)}.product-card.kids-card{--accent-color:#0277bd;background:#e1f5fe;border:2px solid #0277bd}.product-card.kids-card .product-name{color:var(--accent-color)}.theme-green{--accent-color:#2e7d32;--accent-hover:#1b5e20;--shadow-color:#1b5e20}.product-options{border-left:3px solid var(--accent-color);color:var(--text-main);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background-color:#f57c001a;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.product-options strong{color:var(--accent-color);margin-bottom:.25rem;display:block}.discount-banner{background:linear-gradient(135deg, var(--accent-color), var(--accent-hover));color:#fff;letter-spacing:1px;box-shadow:0 4px 15px var(--shadow-color);border-radius:50px;margin-top:1.5rem;padding:.6rem 1.5rem;font-size:1.1rem;font-weight:700;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.footer-brands{border-top:1px solid var(--border-color);background-color:var(--accent-color);text-align:center;margin-top:5rem;padding:3rem 0;overflow:hidden}.footer-brands h3{font-family:var(--font-heading);color:var(--text-main);text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem;font-size:1.2rem}.carousel-container{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.carousel-track{gap:3rem;width:max-content;animation:20s linear infinite scroll;display:flex}.brand-logo{font-family:var(--font-heading);color:#ffffff26;text-transform:uppercase;letter-spacing:3px;justify-content:center;align-items:center;min-width:150px;height:80px;font-size:2.5rem;font-weight:800;transition:color .3s;display:flex}.brand-logo:hover{color:var(--text-main)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.5rem))}}