:root{--app-bg:#2a1a17;--app-card-bg:#3a241f;--app-accent:#d89a1e;--app-text:#f5f0ea;--app-text-muted:#cbb9a8;--app-cream:#f7f3ec;--app-border:#f5f0ea14}.app-container{background-color:var(--app-bg);min-height:100vh;color:var(--app-text);font-family:var(--font-inter), sans-serif;position:relative;overflow:hidden}.app-bg-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#d89a1e0d 0%,#0000 70%);width:90vw;max-width:1000px;height:90vw;max-height:1000px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-viewport{z-index:1;max-width:1400px;height:calc(100vh - 80px);margin:80px auto 0;display:flex;position:relative}.app-left-panel{border-right:1px solid var(--app-border);-webkit-backdrop-filter:blur(20px);background-color:#2a1a1799;flex-direction:column;flex-shrink:0;width:580px;height:100%;display:flex}.app-scroll-content{scrollbar-width:none;flex-grow:1;padding:24px 32px 100px;overflow-y:auto}.app-scroll-content::-webkit-scrollbar{display:none}.app-header{border-bottom:1px solid var(--app-border);flex-shrink:0;justify-content:space-between;align-items:center;height:80px;padding:0 32px;display:flex}.app-logo{font-family:var(--font-playfair), serif;color:var(--app-text);letter-spacing:.5px;font-size:1.25rem;font-weight:800}.app-icon-btn{color:var(--app-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .3s;display:flex}.app-icon-btn:hover{background-color:#f5f0ea0d}.relative-badge{position:relative}.app-cart-badge{background-color:var(--app-accent);color:var(--app-bg);width:18px;height:18px;font-size:.7rem;font-weight:700;font-family:var(--font-inter), sans-serif;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-4px;right:-4px}.app-welcome-section{margin-bottom:32px}.app-welcome-section h2{font-family:var(--font-playfair), serif;color:var(--app-text);margin-bottom:8px;font-size:2.2rem;font-weight:800;line-height:1.1}.app-welcome-section p{color:var(--app-text-muted);font-size:.95rem}.app-search-wrapper{margin-bottom:32px}.app-search-input-box{border:1px solid var(--app-border);background-color:#ffffff08;border-radius:12px;align-items:center;height:52px;padding:0 16px;transition:border-color .3s,background-color .3s;display:flex}.app-search-input-box:focus-within{border-color:var(--app-accent);background-color:#ffffff0d}.app-search-icon{color:var(--app-text-muted);flex-shrink:0;margin-right:12px}.app-search-input-box input{color:var(--app-text);font-family:var(--font-inter), sans-serif;background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.app-search-input-box input::placeholder{color:#f5f0ea4d}.search-clear-btn{color:var(--app-text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.app-categories-scroll{scrollbar-width:none;margin-bottom:32px;overflow-x:auto}.app-categories-scroll::-webkit-scrollbar{display:none}.app-categories-container{gap:12px;padding-bottom:4px;display:flex}.category-pill{font-family:var(--font-inter), sans-serif;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--app-border);color:var(--app-text-muted);cursor:pointer;white-space:nowrap;background-color:#ffffff05;border-radius:20px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.category-pill:hover{border-color:var(--app-accent);color:var(--app-text)}.category-pill.active{background-color:var(--app-accent);color:var(--app-bg);border-color:var(--app-accent)}.app-recipes-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;display:grid}.recipe-card-premium{background-color:var(--app-card-bg);border:1px solid var(--app-border);cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;padding:20px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.recipe-card-premium:hover{border-color:#d89a1e33;transform:translateY(-4px);box-shadow:0 12px 30px #00000040}.recipe-card-premium.active{border-color:var(--app-accent);box-shadow:0 12px 30px #d89a1e14}.recipe-card-image-container{justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:16px;display:flex;position:relative}.recipe-card-img-topview{object-fit:contain;filter:drop-shadow(0 8px 16px #0000004d);width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.recipe-card-premium:hover .recipe-card-img-topview{transform:rotate(5deg)scale(1.05)}.recipe-card-details{flex-direction:column;align-items:flex-start;width:100%;display:flex}.recipe-card-title{font-family:var(--font-playfair), serif;color:var(--app-text);margin-bottom:8px;font-size:1.15rem;font-weight:700;line-height:1.2}.recipe-card-rating{color:var(--app-accent);align-items:center;gap:4px;margin-bottom:16px;font-size:.8rem;font-weight:600;display:flex}.recipe-card-footer{justify-content:space-between;align-items:center;width:100%;display:flex}.recipe-card-price{font-family:var(--font-playfair), serif;color:var(--app-text);font-size:1.25rem;font-weight:800}.recipe-card-add-btn{background-color:var(--app-accent);color:var(--app-bg);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s,background-color .3s;display:flex}.recipe-card-add-btn:hover{background-color:#e5a425;transform:scale(1.08)}.no-recipes-found{text-align:center;color:var(--app-text-muted);grid-column:1/-1;padding:60px 0}.special-for-you-section{margin-top:10px}.special-title{font-family:var(--font-inter), sans-serif;text-transform:uppercase;letter-spacing:1.5px;color:var(--app-text-muted);margin-bottom:16px;font-size:.95rem;font-weight:600}.special-card{background-color:var(--app-card-bg);border:1px solid var(--app-border);cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;padding:24px;transition:all .3s;display:flex}.special-card:hover{border-color:#d89a1e33;transform:translateY(-2px)}.special-card-left h4{text-transform:uppercase;letter-spacing:2px;color:var(--app-accent);margin-bottom:6px;font-size:.75rem}.special-card-left h3{font-family:var(--font-playfair), serif;color:var(--app-text);margin-bottom:8px;font-size:1.5rem;font-weight:800}.special-card-left p{color:var(--app-text-muted);max-width:200px;font-size:.85rem}.special-card-right img{filter:drop-shadow(0 8px 16px #0000004d)}.app-bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--app-border);z-index:10;background-color:#2a1a17e6;justify-content:space-around;align-items:center;height:76px;padding:0 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-nav-btn{color:var(--app-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;transition:color .3s;display:flex}.nav-nav-btn:hover,.nav-nav-btn.active{color:var(--app-accent)}.nav-nav-icon{font-size:1.1rem}.nav-nav-text{text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:500}.app-cart-badge-nav{background-color:var(--app-accent);color:var(--app-bg);border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-10px}.app-right-panel{background-color:var(--app-cream);height:100%;color:var(--app-bg);flex-grow:1;overflow-y:auto}.detail-view-container{max-width:760px;margin:0 auto;padding:60px}.detail-coffee-display{justify-content:center;margin-bottom:40px;display:flex}.detail-coffee-circle-bg{background:radial-gradient(circle,#2a1a170d 0%,#2a1a1726 100%);border-radius:50%;justify-content:center;align-items:center;width:320px;height:320px;display:flex;box-shadow:inset 0 4px 20px #0000000f}.detail-coffee-large-img{object-fit:contain;filter:drop-shadow(0 16px 32px #2a1a1740);width:100%;height:100%}.detail-content-card{flex-direction:column;display:flex}.detail-content-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.detail-coffee-name{font-family:var(--font-playfair), serif;color:var(--app-bg);margin-bottom:8px;font-size:2.4rem;font-weight:800;line-height:1.15}.detail-coffee-meta{align-items:center;gap:16px;display:flex}.detail-stars{color:var(--app-accent);align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:flex}.reviews-count{color:#2a1a1773;font-weight:400}.detail-price-box{flex-direction:column;align-items:flex-end;display:flex}.detail-price-label{text-transform:uppercase;letter-spacing:1.5px;color:#2a1a1780;margin-bottom:4px;font-size:.75rem;font-weight:600}.detail-price-amount{font-family:var(--font-playfair), serif;color:var(--app-bg);font-size:1.8rem;font-weight:800}.detail-size-selector{margin-bottom:32px}.selector-title{text-transform:uppercase;letter-spacing:1.5px;color:#2a1a1780;margin-bottom:12px;font-size:.8rem;font-weight:700;display:block}.size-options-group{gap:16px;display:flex}.size-btn{color:var(--app-bg);width:48px;height:48px;font-family:var(--font-inter), sans-serif;cursor:pointer;background-color:#0000;border:1.5px solid #2a1a1733;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.size-btn:hover{border-color:var(--app-bg)}.size-btn.active{background-color:var(--app-bg);color:var(--app-cream);border-color:var(--app-bg);box-shadow:0 4px 12px #2a1a1726}.detail-divider{background-color:#2a1a1714;height:1px;margin-bottom:32px}.detail-description-section{margin-bottom:32px}.detail-description-section h3,.detail-ingredients h3,.detail-steps h3,.drawer-desc h3,.drawer-ingredients h3,.drawer-steps h3{font-family:var(--font-playfair), serif;color:var(--app-bg);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:1.25rem;font-weight:800}.detail-description-section p,.drawer-desc p{color:#2a1a17b3;font-size:.95rem;line-height:1.7}.detail-split-instructions{grid-template-columns:1fr 1.2fr;gap:48px;margin-bottom:48px;display:grid}.detail-ingredients ul,.drawer-ingredients ul{margin:0;padding:0;list-style:none}.detail-ingredients ul li,.drawer-ingredients ul li{color:#2a1a17bf;margin-bottom:8px;padding-left:20px;font-size:.9rem;line-height:1.6;position:relative}.detail-ingredients ul li:before,.drawer-ingredients ul li:before{content:"●";color:var(--app-accent);font-size:.8rem;position:absolute;left:0}.detail-steps ol,.drawer-steps ol{margin:0;padding-left:20px}.detail-steps ol li,.drawer-steps ol li{color:#2a1a17bf;margin-bottom:12px;padding-left:4px;font-size:.9rem;line-height:1.6}.detail-action-sticky,.drawer-cta-sticky{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.btn-add-to-cart-app{background-color:var(--app-accent);color:var(--app-bg);height:52px;font-family:var(--font-inter), sans-serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:12px;font-size:.9rem;font-weight:700;transition:all .3s;box-shadow:0 4px 14px #d89a1e33}.btn-add-to-cart-app:hover{background-color:#e5a425;transform:translateY(-1px)}.btn-add-to-cart-app.added{color:#fff;box-shadow:none;background-color:#2e7d32}.btn-buy-now-app{background-color:var(--app-bg);color:var(--app-cream);height:52px;font-family:var(--font-inter), sans-serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:12px;font-size:.9rem;font-weight:700;transition:all .3s}.btn-buy-now-app:hover{opacity:.9;transform:translateY(-1px)}.drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#1a0f0c66;position:fixed;inset:0}.drawer-sheet{background-color:var(--app-cream);height:85vh;color:var(--app-bg);z-index:1001;border-top-left-radius:32px;border-top-right-radius:32px;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.drawer-handle{background-color:#2a1a1726;border-radius:3px;flex-shrink:0;width:40px;height:5px;margin:12px auto}.drawer-close-btn{color:var(--app-bg);cursor:pointer;z-index:10;background-color:#2a1a170d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:16px;right:24px}.drawer-scroll-content{flex-grow:1;padding:10px 24px 100px;overflow-y:auto}.drawer-coffee-display{background:radial-gradient(circle,#2a1a170a 0%,#2a1a171a 100%);border-radius:20px;justify-content:center;margin-bottom:24px;padding:20px;display:flex}.drawer-coffee-img{object-fit:contain;filter:drop-shadow(0 8px 24px #2a1a1733)}.drawer-title-card h2{font-family:var(--font-playfair), serif;color:var(--app-bg);margin-bottom:6px;font-size:1.8rem;font-weight:800;line-height:1.2}.drawer-rating{color:var(--app-accent);align-items:center;gap:4px;margin-bottom:20px;font-size:.9rem;font-weight:700;display:flex}.drawer-price-tag{font-family:var(--font-playfair), serif;margin-bottom:20px;font-size:1.5rem;font-weight:800}.drawer-desc h3,.drawer-ingredients h3,.drawer-steps h3{margin-top:24px;font-size:1.15rem}.drawer-cta-sticky{background-color:var(--app-cream);padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #2a1a1714;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000008}.menu-sidebar{background-color:var(--app-bg);border-right:1px solid var(--app-border);z-index:1200;flex-direction:column;width:320px;padding:40px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.sidebar-logo{font-family:var(--font-playfair), serif;font-size:1.5rem;font-weight:800}.sidebar-close-btn{color:var(--app-text);cursor:pointer;background:0 0;border:none;padding:8px}.sidebar-links-list{flex-direction:column;gap:24px;display:flex}.sidebar-link-item{border-bottom:1px solid var(--app-border);font-family:var(--font-inter), sans-serif;color:var(--app-text-muted);justify-content:space-between;align-items:center;padding:12px 0;font-size:.95rem;font-weight:600;transition:color .3s;display:flex}.sidebar-link-item:hover{color:var(--app-accent)}.sidebar-footer{color:var(--app-text-muted);opacity:.5;margin-top:auto;font-size:.75rem}@media (max-width:1024px){.app-left-panel{width:480px}.detail-view-container{padding:40px}}@media (max-width:768px){.app-right-panel{display:none!important}.app-left-panel{border-right:none;width:100%}.app-scroll-content{padding:24px 20px 160px}.app-header{height:70px;padding:0 20px}.app-welcome-section h2{font-size:1.8rem}.app-recipes-grid{gap:16px}.recipe-card-premium{border-radius:16px;padding:16px}.recipe-card-image-container{width:100px;height:100px}.recipe-card-title{font-size:1rem}.special-card{padding:16px}.special-card-left h3{font-size:1.25rem}}