@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{--bg-color: #fdfbf7;--text-color: #2d241c;--accent-color: #d4a373;--accent-primary: #d4a373;--accent-secondary: #b08968;--accent-tertiary: #8b7355;--secondary-color: #faedcd;--cream: #f5f0e8;--latte: #e8dfd3;--espresso: #3d2d1f;--mocha: #5d4037;--caramel: #c9915e;--pistachio: #ccd5ae;--strawberry: #e9967a;--glass-bg: rgba(255, 255, 255, .7);--glass-bg-hover: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px rgba(61, 45, 31, .08);--shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--gradient-warm: linear-gradient(135deg, #d4a373 0%, #b08968 50%, #8b7355 100%);--gradient-cream: linear-gradient(180deg, #fdfbf7 0%, #f5f0e8 100%);--gradient-coffee: linear-gradient(135deg, #5d4037 0%, #3d2d1f 100%);--gradient-sunset: linear-gradient(135deg, #d4a373 0%, #d4868a 100%);--gradient-forest: linear-gradient(135deg, #9dad8f 0%, #7d9d6d 100%);--font-serif: "Playfair Display", serif;--font-sans: "Outfit", sans-serif;--ease-bounce: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-snap: cubic-bezier(.68, -.55, .265, 1.55);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:700}h1{font-size:clamp(2rem,5vw,4rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1rem,2vw,1.3rem)}h4{font-size:clamp(.9rem,1.5vw,1.1rem)}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#bf8d5c}.bg-gradient-special{background:#fdfbf7!important}.bg-gradient-menu{background:linear-gradient(180deg,#fdfbf7,#f7f3ec)!important}.bg-gradient-reviews{background:linear-gradient(180deg,#f7f3ec,#fdfbf7)!important}.bg-gradient-contact{background:#fdfbf7!important}.container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.glass{background:var(--glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--glass-border);border-radius:1.5rem;box-shadow:var(--glass-shadow),inset 0 1px #fff9;transition:all .4s var(--ease-bounce)}.glass:hover{background:var(--glass-bg-hover);box-shadow:0 12px 40px #3d2d1f1f,0 0 0 1px #d4a37333,inset 0 1px #fffc}.fade-in{opacity:0;transform:translateY(20px)}.section-padding{padding:5rem 0}@media(max-width:768px){.section-padding{padding:3rem 0}}@media(max-width:480px){.container{padding:0 1rem}h2{font-size:1.6rem!important}}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.video-bg{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fdfbf7a6,#f8f4ed8c,#fdfbf7a6);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;padding:1.5rem 0;background:transparent;transition:padding .3s ease}.navbar-container{display:flex;justify-content:center;align-items:center;position:relative;height:60px}.navbar-logo{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);transition:opacity .3s ease,visibility .3s;background:none;border:none;cursor:pointer;display:flex;align-items:center;color:var(--text-color);z-index:2}.navbar-logo.hidden-desktop{opacity:0;visibility:hidden;pointer-events:none}.navbar-logo span{color:var(--accent-color)}.navbar-links{display:flex;gap:2rem;padding:.8rem 2.5rem;border-radius:50px;background:#fdfbf7bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0000000d;border:1px solid rgba(255,255,255,.4)}.navbar-links button{font-size:.9rem;font-weight:600;color:var(--text-color);background:none;border:none;cursor:pointer;transition:color .2s ease}.navbar-links button:hover{color:var(--accent-color)}.navbar-links .nav-cta{background:var(--gradient-warm);color:#fff!important;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.navbar-links .nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4a37366}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-color)}.mobile-menu{display:none;position:absolute;top:100%;left:1rem;right:1rem;flex-direction:column;padding:1rem;border-radius:16px;gap:.5rem}.mobile-menu button,.mobile-menu a{display:block;width:100%;padding:1rem;text-align:center;font-size:1rem;font-weight:600;border-radius:12px;color:var(--text-color);transition:background .2s ease}.mobile-menu button:hover,.mobile-menu a:hover{background:#d4a37333}.footer{padding:4rem 0;border-top:1px solid var(--secondary-color);text-align:center}.footer h2{font-family:var(--font-serif);margin-bottom:1rem}.footer p{color:#888;margin-bottom:2rem}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-links a{color:var(--text-color);transition:color .2s ease}.footer-links a:hover{color:var(--accent-color)}@media(max-width:768px){.navbar-container{justify-content:space-between;padding:0 1rem}.navbar.scrolled{background:#fdfbf7f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000000d;padding:.8rem 0}.navbar-logo.hidden-desktop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.navbar-logo{position:relative;left:0;top:0;transform:none}.navbar-links,.navbar-reserve{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex}h2{font-size:2rem!important}}.menu-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:1.5rem;padding:1.5rem;overflow:hidden;transition:all .5s var(--ease-bounce)}.menu-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease;pointer-events:none}.menu-card:hover:before{left:100%}.menu-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #3d2d1f26,0 0 0 1px #d4a3734d,inset 0 1px #fffc;border-color:#d4a3734d}.menu-card-image{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:1rem;overflow:hidden;margin-bottom:1rem}.menu-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.menu-card:hover .menu-card-image img{transform:scale(1.08)}.menu-card-content{padding:clamp(.5rem,2vw,1rem)}.menu-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.menu-card-title{font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:600;color:var(--text-color);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-card-price{font-weight:700;font-size:clamp(.75rem,2vw,.9rem);padding:clamp(.2rem,.5vw,.3rem) clamp(.5rem,1vw,.8rem);background:var(--gradient-warm);color:#fff;border-radius:50px;white-space:nowrap;flex-shrink:0}.menu-card-desc{color:#666;font-size:clamp(.75rem,2vw,.9rem);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-price{display:inline-block;font-weight:700;font-size:clamp(.85rem,2vw,1.1rem);padding:clamp(.3rem,.8vw,.4rem) clamp(.5rem,1.2vw,.8rem);background:var(--gradient-warm);color:#fff;border-radius:50px;box-shadow:0 4px 12px #d4a3734d;transition:all .3s var(--ease-bounce)}.menu-card:hover .menu-price{transform:scale(1.1);box-shadow:0 6px 16px #d4a37366}.category-tabs-wrapper{position:relative;display:flex;align-items:center;gap:.5rem;margin-bottom:3rem}.category-tabs-scroll{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;padding:.5rem 0;flex:1;justify-content:flex-start}.category-tabs-scroll::-webkit-scrollbar{display:none}.tab-scroll-btn{display:none;width:36px;height:36px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);font-size:1.5rem;font-weight:600;color:var(--text-color);cursor:pointer;transition:all .2s ease;flex-shrink:0;z-index:5}.tab-scroll-btn:hover{background:var(--accent-color);color:#fff;transform:scale(1.1)}@media(max-width:900px){.tab-scroll-btn{display:flex;align-items:center;justify-content:center}.category-tabs-scroll{justify-content:flex-start;gap:.5rem;padding:.5rem}.category-tab{flex-shrink:0;padding:.6rem 1rem;font-size:.8rem;white-space:nowrap}.category-tab .tab-text{max-width:120px;overflow:hidden;text-overflow:ellipsis}}.category-tab{position:relative;display:flex;align-items:center;gap:clamp(.3rem,1vw,.5rem);padding:clamp(.5rem,1.5vw,.75rem) clamp(.8rem,2vw,1.5rem);font-size:clamp(.7rem,1.5vw,.9rem);font-weight:600;color:var(--text-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50px;cursor:pointer;transition:all .3s var(--ease-smooth);overflow:hidden;white-space:nowrap;flex-shrink:0}.category-tab svg{width:clamp(14px,2.5vw,20px);height:clamp(14px,2.5vw,20px);flex-shrink:0}.category-tab:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-warm);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-bounce);z-index:-1}.category-tab:hover{border-color:var(--accent-primary);color:var(--espresso);transform:translateY(-2px)}.category-tab.active:before{transform:scaleX(1)}.category-tab.active{color:#fff;border-color:transparent;box-shadow:0 8px 20px #d4a37359}.category-tab svg{transition:transform .3s ease}.category-tab:hover svg,.category-tab.active svg{transform:rotate(15deg) scale(1.1)}.image-placeholder{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.placeholder-icon{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.placeholder-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmerMove 2s ease-in-out infinite}@keyframes shimmerMove{0%{left:-100%}to{left:100%}}.cake-vitrine{max-width:800px;margin:0 auto;text-align:center;padding:2rem}.vitrine-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.vitrine-header h3{font-family:var(--font-serif);font-size:2rem;color:var(--mocha)}.vitrine-icon{font-size:2.5rem;animation:iconBounce 2s ease-in-out infinite}.vitrine-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin-bottom:2rem}.vitrine-cake{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:1rem;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:cakeFloat 3s ease-in-out infinite;cursor:pointer;transition:all .3s ease}.vitrine-cake:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 30px #d4a3734d}.vitrine-cake:hover .cake-emoji{animation:cakeWiggle .5s ease-in-out}.cake-emoji{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.cake-name{font-size:.85rem;font-weight:600;color:var(--mocha);text-align:center}.vitrine-note{font-style:italic;color:#888;font-size:1rem}@keyframes cakeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cakeWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.emoji-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.emoji-menu-card{display:flex;align-items:center;gap:clamp(.6rem,2vw,1rem);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:1rem;padding:clamp(.75rem,2vw,1rem) clamp(.8rem,2vw,1.25rem);animation:cardSlideIn .4s ease-out backwards;transition:all .3s ease;cursor:default}.emoji-menu-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #d4a37333}.emoji-menu-card:hover .emoji-card-icon span{animation:cakeWiggle .5s ease-in-out}.emoji-card-icon{width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px);display:flex;align-items:center;justify-content:center;background:var(--gradient-warm);border-radius:50%;flex-shrink:0}.emoji-card-icon span{font-size:clamp(1.3rem,3vw,1.8rem);filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.emoji-card-content{flex:1;min-width:0;overflow:hidden}.emoji-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.emoji-card-header h3{font-size:clamp(.8rem,2vw,.95rem);font-weight:600;color:var(--text-color);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-card-price{font-weight:700;color:#fff;background:var(--gradient-warm);padding:clamp(.2rem,.5vw,.25rem) clamp(.4rem,1vw,.6rem);border-radius:20px;font-size:clamp(.7rem,1.5vw,.85rem);white-space:nowrap;flex-shrink:0}.emoji-card-desc{color:#888;font-size:clamp(.7rem,1.5vw,.8rem);margin-top:.25rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.emoji-menu-grid{grid-template-columns:1fr}.emoji-card-icon{width:44px;height:44px}.emoji-card-icon span{font-size:1.5rem}}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}@media(max-width:768px){.category-tabs{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding:.5rem;margin:0 -1rem 2rem;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:.6rem 1rem;font-size:.85rem}.category-tabs{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.category-tab{scroll-snap-align:start}.menu-grid{grid-template-columns:1fr;gap:1.5rem}.menu-card{display:flex;flex-direction:column;padding:1rem}.menu-card .menu-card-image{width:100%;margin-bottom:1rem}.menu-card-content{display:flex;flex-direction:column;gap:.5rem}.menu-card .menu-card-image img,.menu-card .image-placeholder{width:100%}.menu-card .placeholder-icon{font-size:2rem}}@media(max-width:480px){.category-tab{padding:.5rem .8rem;font-size:.75rem}.menu-card h3{font-size:1.1rem}.menu-price{font-size:.9rem;white-space:nowrap}}.cafe-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:2rem}.loading-coffee-cup{position:relative;width:80px;height:90px}.cup-body{position:absolute;bottom:0;width:70px;height:70px;background:var(--gradient-warm);border-radius:5px 5px 25px 25px;box-shadow:0 10px 30px #d4a37366}.cup-handle{position:absolute;right:-15px;top:20px;width:25px;height:35px;border:6px solid var(--accent-primary);border-left:none;border-radius:0 15px 15px 0}.steam{position:absolute;top:-30px;left:50%;transform:translate(-50%);display:flex;gap:5px}.steam span{width:6px;height:20px;background:#d4a37366;border-radius:50%;animation:steamRise 1.5s ease-in-out infinite}.steam span:nth-child(2){animation-delay:.2s;height:25px}.steam span:nth-child(3){animation-delay:.4s}@keyframes steamRise{0%,to{transform:translateY(0) scaleY(1);opacity:.4}50%{transform:translateY(-15px) scaleY(1.5);opacity:.8}}.loading-text{font-size:1.2rem;color:var(--accent-secondary);font-weight:500;animation:textPulse 1.5s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.6}50%{opacity:1}}.floating-reserve{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,var(--accent-color),#b08968);color:#fff;padding:1rem 1.5rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;font-weight:600;box-shadow:0 10px 30px #d4a37366;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1000;text-decoration:none}.floating-reserve:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #d4a37380}@media(max-width:768px){.floating-reserve span{display:none}.floating-reserve{padding:1rem;border-radius:50%}}