:root{--brand:#485ccb}[data-theme=light]{--bg-page:#fff;--bg-gradient-a:#fbfbfb;--bg-gradient-b:#fff;--surface:#fff;--surface-tint:#f4f6f8;--text-heading:#1a2a35;--text-body:#3a4e5a;--text-muted:#7a8e9a;--text-footer:#5a7080;--border-soft:#00000014;--shadow:0 4px 20px #00000024;--shadow-hover:0 8px 32px #00000038;--card-hover-bg:#fff;--toggle-bg:#fff;--toggle-hover:#e2e2e2b3;--icon-img-filter:invert(0) opacity(.75);--neo-shadow:6px 6px 16px #00000038, -4px -4px 12px #fffffff2;--neo-shadow-hover:9px 9px 22px #00000047, -6px -6px 16px #fff;--neo-shadow-active:2px 2px 6px #0000002e, -2px -2px 5px #ffffffe6}[data-theme=dark]{--bg-page:#0e1414;--bg-gradient-a:#0e1a1a;--bg-gradient-b:#091212;--surface:#162020;--surface-tint:#1c2828;--text-heading:#e8f4f0;--text-body:#9ab8b8;--text-muted:#5a8080;--text-footer:#3a6060;--border-soft:#ffffff0f;--shadow:0 4px 24px #00000059;--shadow-hover:0 8px 36px #0000008c;--card-hover-bg:#1c2a2a;--toggle-bg:#ffffff14;--toggle-hover:#ffffff24;--icon-img-filter:invert(1) opacity(.8);--neo-shadow:5px 5px 16px #000c, -3px -3px 10px #ffffff12;--neo-shadow-hover:8px 8px 22px #000000e6, -5px -5px 14px #ffffff17;--neo-shadow-active:2px 2px 6px #000000b3, -1px -1px 4px #ffffff0d}:root{--accent-hover-bar:var(--brand);--accent-item-stripe:var(--brand);--accent-connector:var(--brand);--accent-price:var(--brand);--accent-icon-opacity:.1;--radius-card:20px;--radius-sm:12px;--font-heading:"Stack Sans Headline", sans-serif;--font-body:"Jost", sans-serif;--divider-width:60px;--brand-dark:color-mix(in srgb, var(--brand) 70%, #000);--brand-light:color-mix(in srgb, var(--brand) 60%, #fff);--transition:.25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;font-size:16px;transition:background-color .3s,color .3s}body{font-family:var(--font-body);color:var(--text-body);background:var(--bg-page);min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}.bg-overlay{z-index:0;background-position:50%;background-size:cover;background-attachment:fixed;position:fixed;inset:0}.bg-default{background:radial-gradient(ellipse at 10% 10%, var(--bg-gradient-a) 0%, transparent 55%), radial-gradient(ellipse at 90% 90%, var(--bg-gradient-b) 0%, transparent 55%), var(--bg-page)}.bg-overlay:not(.bg-default):after{content:"";background:color-mix(in srgb, var(--bg-page) 85%, transparent);position:absolute;inset:0}.page-wrap{z-index:1;flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.site-header{text-align:center;padding:40px 24px 32px;position:relative}.site-header:after{content:"";width:var(--divider-width);background:linear-gradient(to right, transparent, var(--brand), transparent);border-radius:2px;height:2px;margin:20px auto 0;display:block}.logo-placeholder{flex-direction:column;align-items:center;gap:8px;display:flex}.logo-icon{color:var(--brand);filter:drop-shadow(0 4px 14px color-mix(in srgb, var(--brand) 35%, transparent));font-size:3rem}.cafe-name{font-family:var(--font-heading);letter-spacing:.02em;color:var(--text-heading);font-size:2.2rem;font-weight:700;line-height:1.1}.lang-switcher{z-index:10;position:absolute;top:20px;right:10px}.lang-trigger{background:var(--surface);width:40px;height:40px;color:var(--text-heading);cursor:pointer;transition:box-shadow var(--transition), transform var(--transition), color var(--transition);-webkit-backdrop-filter:blur(8px);box-shadow:var(--neo-shadow);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.lang-trigger:hover{box-shadow:var(--neo-shadow-hover);transform:scale(1.06)}.lang-trigger:active{box-shadow:var(--neo-shadow-active);transform:scale(.95)}.lang-trigger__current{font-size:1.3rem;line-height:1}.lang-trigger__chevron{display:none}.lang-dropdown{background:var(--surface);border:1px solid var(--border-soft);min-width:150px;box-shadow:var(--shadow-hover);-webkit-backdrop-filter:blur(16px);text-align:left;border-radius:14px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0}.lang-switcher.open .lang-dropdown{animation:.2s both fadeUp;display:block}.lang-dropdown__item{color:var(--text-body);transition:background var(--transition), color var(--transition);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.lang-dropdown__item:hover{background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--text-heading)}.lang-dropdown__item--active{background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--brand)}.lang-dropdown__flag{font-size:1.3rem;line-height:1}.lang-dropdown__name{flex:1}.lang-dropdown__check{color:var(--brand);font-size:.9rem}.theme-toggle{background:var(--surface);width:40px;height:40px;color:var(--text-heading);cursor:pointer;transition:box-shadow var(--transition), transform var(--transition), color var(--transition);z-index:10;-webkit-backdrop-filter:blur(8px);box-shadow:var(--neo-shadow);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:absolute;top:20px;left:10px}.theme-toggle:hover{box-shadow:var(--neo-shadow-hover);transform:scale(1.06)}.theme-toggle:active{box-shadow:var(--neo-shadow-active);transform:scale(.95)}[data-theme=light] #iconMoon{display:none}[data-theme=light] #iconSun{display:block}[data-theme=dark] #iconSun{display:none}[data-theme=dark] #iconMoon{display:block}[data-theme=light] .theme-toggle{color:#c9922a}[data-theme=dark] .theme-toggle{color:#a8c8e8}[data-theme=light] .theme-toggle,[data-theme=light] .lang-trigger,[data-theme=light] .social-links a,[data-theme=light] .compact-back{background:#fff}[data-theme=dark] .theme-toggle,[data-theme=dark] .lang-trigger,[data-theme=dark] .social-links a,[data-theme=dark] .compact-back{background:color-mix(in srgb, var(--surface) 80%, #fff 20%)}.social-links{align-items:center;gap:10px;display:flex;position:absolute;bottom:35px;right:14px}.social-links a{background:var(--surface);width:40px;height:40px;color:var(--text-muted);box-shadow:var(--neo-shadow);transition:box-shadow var(--transition), transform var(--transition), color var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.social-links a:hover{box-shadow:var(--neo-shadow-hover);transform:scale(1.06)}.social-links a:active{box-shadow:var(--neo-shadow-active);transform:scale(.95)}.social-icon{transition:color var(--transition)}.social-icon.bi-instagram{color:#e1306c}.social-icon.bi-facebook{color:#1877f2}.logo-banner{background:var(--surface);border:1px solid var(--border-soft);border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:140px;padding:14px;display:flex;position:relative;box-shadow:0 8px 32px #00000021,0 2px 8px #00000012,inset 0 1px #ffffff80}.logo-banner:before{content:"";background:linear-gradient(to right, transparent, var(--brand), transparent);border-radius:2px;height:2px;position:absolute;top:0;left:20px;right:20px}.logo-banner:after{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--brand) 14%, transparent) 0%, transparent 70%);pointer-events:none;z-index:-1;border-radius:50%;width:70%;height:56px;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.logo-img{object-fit:contain;width:auto;max-width:100%;max-height:130px;margin:0 auto;display:block}.main-content{flex:1;padding:0 16px}.section-label{letter-spacing:.26em;text-transform:uppercase;color:var(--brand-dark);margin:0 4px 14px;font-size:.7rem;font-weight:500}.page-title{font-family:var(--font-heading);color:var(--text-heading);align-items:center;gap:10px;margin:8px 4px 20px;font-size:1.45rem;font-weight:500;display:flex}.page-title i{color:var(--brand)}.card-grid{grid-template-columns:repeat(var(--grid-columns,2), 1fr);gap:14px;display:grid}[data-grid="3"] .cat-card__icon img{width:50px;height:50px;margin-bottom:10px}[data-grid="3"] .cat-card__name{font-size:1rem}.cat-card{text-align:center;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow);transition:transform var(--transition), box-shadow var(--transition), background var(--transition), border-color var(--transition);flex-direction:column;justify-content:space-evenly;align-items:center;padding:28px 16px 22px;animation:.35s both fadeUp;display:flex;position:relative;overflow:hidden}.cat-card:before{content:"";background:var(--accent-hover-bar);opacity:0;height:3px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.cat-card:hover:before{opacity:1}.cat-card:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--brand) 8%, transparent) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-20px;right:-20px}.cat-card:hover{box-shadow:var(--shadow-hover);background:var(--card-hover-bg);border-color:color-mix(in srgb, var(--brand) 25%, transparent);transform:translateY(-3px)}.cat-card:active{transform:scale(.97)}.cat-card__icon{color:var(--brand);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:14px;display:flex}.cat-card__icon i{font-size:30px}.cat-card:hover .cat-card__icon img{background:color-mix(in srgb, var(--brand) 16%, transparent);transform:scale(1.08)}.cat-card__name{font-family:var(--font-heading);color:var(--text-heading);text-transform:capitalize;max-width:85%;margin-bottom:14px;font-size:1.2rem;font-weight:500;line-height:1.2}.cat-card__arrow{color:var(--brand-light);transition:color var(--transition), transform var(--transition);font-size:1rem}.cat-card:hover .cat-card__arrow{color:var(--brand);transform:translate(4px)}.cat-card--sub .cat-card__icon{font-size:1.4rem}.cat-card:first-child{animation-delay:50ms}.cat-card:nth-child(2){animation-delay:.1s}.cat-card:nth-child(3){animation-delay:.15s}.cat-card:nth-child(4){animation-delay:.2s}.cat-card:nth-child(5){animation-delay:.25s}.cat-card:nth-child(6){animation-delay:.3s}.container-normative{justify-content:center;margin-bottom:10px;display:flex}.normative-pill{color:var(--text-muted);background:color-mix(in srgb, var(--brand) 8%, transparent);border:1px solid color-mix(in srgb, var(--brand) 15%, transparent);text-align:center;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.9rem;display:inline-flex}.normative-pill i{color:var(--brand);font-size:.8rem}.items-list{flex-direction:column;gap:14px;display:flex}.item-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow);animation:.35s both fadeUp;position:relative;overflow:hidden}.item-card:before{content:"";background:var(--accent-item-stripe);border-radius:0 3px 3px 0;width:3px;position:absolute;top:16px;bottom:16px;left:0}.item-card__img img{object-fit:cover;width:100%;height:180px;display:block}.item-card__body{padding:18px 18px 16px 20px}.item-card__names{margin-bottom:10px}.item-name-en{font-family:var(--font-heading);color:var(--text-heading);font-size:1.25rem;font-weight:600;line-height:1.2;display:block}.item-name-sr{color:var(--text-muted);letter-spacing:.04em;margin-top:2px;font-size:.78rem;display:block}.item-card__ingredients{background:var(--surface-tint);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--brand) 12%, transparent);flex-direction:column;gap:6px;margin-bottom:12px;padding:10px 12px;display:flex}.ingredients-row{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:.79rem;line-height:1.5;display:flex}.item-card__meta{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.meta-qty{color:var(--text-muted);background:color-mix(in srgb, var(--brand) 8%, transparent);text-align:center;border-radius:20px;justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-size:.9rem;display:flex}.meta-price{font-family:var(--font-heading);color:var(--accent-price);font-size:1.5rem;font-weight:700}.item-card:first-child{animation-delay:40ms}.item-card:nth-child(2){animation-delay:80ms}.item-card:nth-child(3){animation-delay:.12s}.item-card:nth-child(4){animation-delay:.16s}.item-card:nth-child(5){animation-delay:.2s}.item-card:nth-child(6){animation-delay:.24s}.list-view{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow);border:1px solid var(--border-soft);flex-direction:column;display:flex;overflow:hidden}.list-row{border-bottom:1px solid var(--border-soft);transition:background var(--transition);background:0 0;align-items:center;gap:10px;padding:14px 20px;animation:.3s both fadeUp;display:flex}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--card-hover-bg)}.list-row__name{min-width:0;font-family:var(--font-body);color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1.2rem;font-weight:500;overflow:hidden}.list-row__qty{color:var(--text-muted);white-space:nowrap;text-align:center;background:color-mix(in srgb, var(--brand) 8%, transparent);border:1px solid color-mix(in srgb, var(--brand) 15%, transparent);border-radius:20px;flex-shrink:0;min-width:52px;padding:2px 9px;font-size:.9rem}.list-row--has-ingredients{flex-direction:column;align-items:stretch;padding:14px 20px 12px}.list-row__top{align-items:center;gap:10px;width:100%;display:flex}.list-row__price{font-family:var(--font-heading);color:var(--accent-price);white-space:nowrap;flex-shrink:0;font-size:1.2rem;font-weight:700}.list-row__ingredients{flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;display:flex}.list-row__ing-text{color:var(--text-muted);font-size:.8rem;font-weight:300;line-height:1.4}.detail-list-view{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow);border:1px solid var(--border-soft);flex-direction:column;display:flex;overflow:hidden}.detail-row{border-bottom:1px solid var(--border-soft);transition:background var(--transition);padding:14px 18px;animation:.3s both fadeUp}.detail-row:last-child{border-bottom:none}.detail-row:hover{background:var(--card-hover-bg)}.detail-row__main{align-items:flex-start;gap:14px;display:flex}.detail-row__info{flex:1;min-width:0}.detail-row__names{margin-bottom:4px}.detail-row__name{font-family:var(--font-heading);color:var(--text-heading);font-size:1.05rem;font-weight:600;line-height:1.2;display:block}.detail-row__name-alt{color:var(--text-muted);margin-top:1px;font-size:.74rem;font-style:italic;display:block}.detail-row__desc{color:var(--text-muted);margin:5px 0 8px;font-size:.78rem;line-height:1.5}.detail-row__desc-sep{opacity:.4;margin:0 3px}.detail-row__meta{justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.detail-row__qty{color:var(--text-muted);background:color-mix(in srgb, var(--brand) 8%, transparent);border:1px solid color-mix(in srgb, var(--brand) 15%, transparent);border-radius:20px;justify-content:center;align-items:center;gap:4px;padding:2px 9px;font-size:.9rem;display:flex}.detail-row__price{font-family:var(--font-heading);color:var(--accent-price);font-size:1.15rem;font-weight:700}.detail-row__thumb{border-radius:var(--radius-sm);flex-shrink:0;width:84px;height:84px;overflow:hidden}.detail-row__thumb img{object-fit:cover;width:100%;height:100%;display:block}.detail-row:first-child{animation-delay:40ms}.detail-row:nth-child(2){animation-delay:80ms}.detail-row:nth-child(3){animation-delay:.12s}.detail-row:nth-child(4){animation-delay:.16s}.detail-row:nth-child(5){animation-delay:.2s}.detail-row:nth-child(6){animation-delay:.24s}.detail-row:nth-child(7){animation-delay:.28s}.detail-row:nth-child(8){animation-delay:.32s}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state p{font-size:.9rem}.site-footer{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--text-footer);margin-top:auto;padding:40px 16px 28px;font-size:.72rem}.site-footer:before{content:"";background:linear-gradient(to right, transparent, var(--brand-light), transparent);width:40px;height:1px;margin:0 auto 16px;display:block}.footer-copy{letter-spacing:.04em;text-transform:none;color:var(--text-muted);opacity:0;border-top:1px solid var(--border-soft);flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding-top:20px;font-size:.78rem;animation:.6s .4s both footerReveal;display:flex;transform:translateY(6px)}.footer-copy__copy{color:var(--text-footer);letter-spacing:.1em;font-size:.82rem;font-weight:500}.footer-copy__link{color:var(--brand);border-bottom:1px solid color-mix(in srgb, var(--brand) 30%, transparent);transition:border-color var(--transition), color var(--transition);font-weight:500;text-decoration:none}.footer-copy__link:hover{color:var(--brand-light);border-color:var(--brand-light)}.footer-copy__heart{color:#e05a5a;animation:1.4s ease-in-out infinite heartbeat;display:inline-block}.site-header--compact{z-index:50;margin-bottom:10px;padding:0;position:sticky;top:0}.compact-header{background:var(--surface);border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;gap:12px;padding:15px 14px;display:flex;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f,inset 0 -1px #fff6}.compact-header:after{content:"";background:linear-gradient(to right, transparent, var(--brand), transparent);border-radius:2px;height:2px;position:absolute;bottom:0;left:20px;right:20px}.compact-back{background:var(--surface);width:36px;height:36px;box-shadow:var(--neo-shadow);color:var(--text-heading);transition:box-shadow var(--transition), transform var(--transition), color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.compact-back:hover{box-shadow:var(--neo-shadow-hover);color:var(--brand);transform:scale(1.06)}.compact-back:active{box-shadow:var(--neo-shadow-active);transform:scale(.95)}[data-theme=light] .compact-back{background:#fff}[data-theme=dark] .compact-back{background:color-mix(in srgb, var(--surface) 80%, #fff 20%)}.compact-logo{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.compact-logo__img{object-fit:contain;width:auto;max-width:140px;max-height:36px;display:block}.compact-logo__name{font-family:var(--font-heading);color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.compact-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.site-header--compact .lang-switcher{width:36px;height:36px;font-size:1rem;position:static;top:auto;left:auto}.svg-icon{fill:currentColor;width:100%;height:100%;color:var(--brand);transition:color var(--transition), transform var(--transition);display:block}.svg-icon--sm{width:24px;height:24px}.svg-icon--md{width:32px;height:32px}.svg-icon--lg,.cat-card__icon .svg-icon{width:60px;height:60px}.page-title .svg-icon{flex-shrink:0;width:28px;height:28px}.compact-header .svg-icon{width:24px;height:24px}[data-grid="3"] .cat-card__icon .svg-icon{width:50px;height:50px}.cat-card:hover .cat-card__icon .svg-icon{transform:scale(1.08)}.empty-state .svg-icon{width:48px;height:48px;color:var(--brand-light);opacity:.5;margin:0 auto 12px;display:block}@media (width<=360px){.cat-card{padding:22px 10px 16px}.cafe-name{font-size:1.85rem}.cat-card__icon{width:50px;height:50px;font-size:1.8rem}}@media (width>=480px){.card-grid{gap:16px}.item-card__body{padding:20px 22px 18px 24px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes footerReveal{to{opacity:1;transform:translateY(0)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}42%{transform:scale(1.15)}56%{transform:scale(1)}}