@import "https://fonts.cdnfonts.com/css/gilroy-bold";@import "https://fonts.cdnfonts.com/css/nohemi";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700&display=swap";:root{--bg-color:#fdfdfa;--bg-surface:#fff;--text-primary:#215a32;--text-secondary:#3b744d;--accent-color:#215a32;--accent-light:#215a321a;--border-color:#215a3226;--font-logo:"Playfair Display", serif;--font-heading:"Nohemi", sans-serif;--font-body:"Gilroy-Light", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";opacity:.04;pointer-events:none;z-index:0;mix-blend-mode:multiply;background-image:url(/assets/botanical_bg-Cc8GKe0J.png);background-repeat:repeat;background-size:350px;position:fixed;inset:0}#root>div{z-index:1;position:relative}.glass-panel{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#fdfdfae6}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;text-align:center;width:100%;padding:2rem 1rem;transition:all .3s;position:fixed;top:0}.header.scrolled{padding:1rem}.main-logo{width:100%;max-width:320px;height:auto;margin:0 auto}.menu-logo{transform-origin:50%;width:auto;height:clamp(35px,6vw,45px);transition:all .3s}.header.scrolled .menu-logo{height:clamp(24px,5vw,30px)}.category-nav{z-index:90;background:linear-gradient(to bottom, var(--bg-color) 80%, transparent);margin-top:clamp(120px,20vh,140px);padding:1rem 0;position:sticky;top:80px}.nav-scroll-area{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent-light) transparent;gap:1rem;padding:.5rem 1.5rem 1rem;display:flex;overflow-x:auto}.nav-scroll-area::-webkit-scrollbar{height:6px}.nav-scroll-area::-webkit-scrollbar-track{background:#215a320d;border-radius:10px;margin:0 1.5rem}.nav-scroll-area::-webkit-scrollbar-thumb{background-color:var(--accent-light);border-radius:10px}.nav-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.cat-btn{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color);font-family:var(--font-heading);cursor:pointer;white-space:nowrap;border-radius:30px;flex-shrink:0;padding:.6rem 1.5rem;font-size:.9rem;transition:all .3s}.cat-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.cat-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.menu-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem 1.5rem 6rem}.menu-section{margin-bottom:3.5rem}.section-title{font-family:var(--font-heading);color:var(--accent-color);text-align:center;letter-spacing:.1em;margin-bottom:1.5rem;font-size:clamp(1.5rem,4vw,1.8rem)}.section-title:after{content:"";background:var(--accent-color);opacity:.6;width:40px;height:2px;margin:.8rem auto 0;display:block}.items-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.items-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.menu-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 15px #00000005}.menu-item:hover{border-color:var(--accent-light);transform:translateY(-2px);box-shadow:0 8px 25px #215a3214}.item-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.item-name{font-family:var(--font-heading);color:var(--text-primary);text-transform:uppercase;flex-shrink:0;max-width:70%;font-size:clamp(1rem,3vw,1.1rem);line-height:1.3}.item-dots{border-bottom:1px dotted var(--border-color);opacity:.4;flex-grow:1;min-width:10px;margin:0 .5rem}.item-price{font-family:var(--font-heading);color:var(--accent-color);flex-shrink:0;font-size:clamp(1rem,3vw,1.1rem)}.item-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5;font-family:var(--font-body);margin-top:.2rem}.footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color);font-size:clamp(.7rem,2vw,.8rem);font-family:var(--font-body);padding:2rem}@media (width<=480px){.header{padding:1.5rem 1rem}.category-nav{margin-top:110px;padding:.8rem 0;top:65px}.nav-scroll-area{gap:.6rem;padding:.5rem 1rem}.cat-btn{padding:.5rem 1.2rem;font-size:.8rem}.menu-content{padding:1.5rem 1rem 4rem}.menu-item{padding:1.2rem}.items-grid{gap:1rem}}.home-container{background-image:radial-gradient(circle at 50% 30%,#fffffff2 0%,#fdfdfab3 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.home-content{text-align:center;z-index:10;width:100%;max-width:350px;margin-bottom:2rem}.home-content .logo-container{margin-bottom:4rem}.links-container{flex-direction:column;gap:1.2rem;display:flex}.link-btn{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;border-radius:50px;justify-content:center;align-items:center;padding:1.2rem;font-size:1.1rem;text-decoration:none;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 15px #00000008}.link-btn:hover{border-color:var(--accent-color);background:var(--accent-light);transform:translateY(-3px);box-shadow:0 8px 25px #215a3214}.link-icon{color:var(--accent-color);align-items:center;display:flex;position:absolute;left:1.5rem}.back-btn{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:50%;left:2rem;transform:translateY(-50%)}.back-btn:hover{background:var(--accent-light);color:var(--accent-color)}@media (width<=480px){.back-btn{width:40px;height:40px;left:.5rem}.header.scrolled .brand-title{margin-left:2.5rem}}.image-menu-container{background-color:var(--bg-color);flex-direction:column;min-height:100vh;padding:0;display:flex}.image-menu-wrapper{flex-direction:column;align-items:center;width:100%;max-width:1000px;margin:0 auto;display:flex}.menu-page-img{width:100%;height:auto;display:block;box-shadow:0 10px 30px #0000000d}@media (width<=968px){.menu-page-img{box-shadow:none;border-bottom:1px solid var(--border-color)}}
