.hero-section{position:relative;min-height:380px;background:linear-gradient(180deg,#3d2a1f,#352318 15%,#2c1c13 35%,#231610 60%,#1c1310 80%,#1a1410);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4rem 2rem;transition:background .4s ease;will-change:auto}.hero-section:before{background:radial-gradient(ellipse 100% 60% at 50% 40%,rgba(70,45,30,.4),transparent 60%),radial-gradient(circle at 50% 30%,rgba(212,165,116,.06),transparent 50%)}.hero-section:after,.hero-section:before{content:"";position:absolute;inset:0;pointer-events:none}.hero-section:after{background:linear-gradient(135deg,transparent,rgba(212,165,116,.03) 50%,transparent);animation:heroGlow 8s ease-in-out infinite}.theme-init .hero-section:after,.theme-init .hero-section:before{animation:none}@keyframes heroGlow{0%,to{opacity:0}50%{opacity:1}}.hero-overlay{display:none}.hero-content{position:relative;z-index:2;text-align:center;animation:fadeInUp .8s ease-out;padding:0 2rem;max-width:800px}.theme-init .hero-content{animation:none;opacity:1;transform:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.breadcrumb{font-size:.95rem;color:#d4a574;margin-bottom:1.5rem;font-weight:500;letter-spacing:.5px}.breadcrumb a{color:#d4a574;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#e8c9a0}.breadcrumb .separator{margin:0 .6rem;opacity:.7}.breadcrumb .active{color:#e8c9a0}.hero-content h1{font-size:3.5rem;font-weight:700;margin:.75rem 0 1.25rem;color:#e8c9a0;letter-spacing:1px;line-height:1.2;text-shadow:0 4px 30px rgba(0,0,0,.4)}.hero-content p{font-size:1.15rem;color:rgba(255,255,255,.85);line-height:1.7;max-width:600px;margin:0 auto}@media (max-width:768px){.hero-section{min-height:280px;padding:3rem 1.25rem}.hero-content h1{font-size:2rem}}[data-theme=light] .hero-section{background:linear-gradient(135deg,#f5f0eb,#ebe4dc 50%,#e0d5ca)}[data-theme=light] .hero-section:before{background:radial-gradient(circle at 20% 30%,rgba(139,69,19,.08),transparent 40%),radial-gradient(circle at 80% 70%,rgba(210,180,140,.06),transparent 40%)}[data-theme=light] .hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.7))}[data-theme=light] .breadcrumb,[data-theme=light] .breadcrumb a{color:#8b5a2b}[data-theme=light] .breadcrumb .active,[data-theme=light] .breadcrumb a:hover{color:#6b3a19}[data-theme=light] .hero-content h1{color:#3e2117;text-shadow:0 2px 12px rgba(139,69,19,.15)}[data-theme=light] .hero-content p{color:rgba(62,33,23,.8)}[data-theme=dark] .hero-section{background:linear-gradient(180deg,#3d2a1f,#352318 15%,#2c1c13 35%,#231610 60%,#1c1310 80%,#1a1410)}[data-theme=dark] .hero-section:before{background:radial-gradient(ellipse 100% 60% at 50% 40%,rgba(70,45,30,.4),transparent 60%),radial-gradient(circle at 50% 30%,rgba(212,165,116,.06),transparent 50%)}[data-theme=dark] .hero-overlay{display:none}[data-theme=dark] .breadcrumb,[data-theme=dark] .breadcrumb a{color:#d4a574}[data-theme=dark] .breadcrumb .active,[data-theme=dark] .breadcrumb a:hover{color:#e8c9a0}[data-theme=dark] .hero-content h1{color:#e8c9a0;text-shadow:0 4px 30px rgba(0,0,0,.4)}[data-theme=dark] .hero-content p{color:rgba(255,255,255,.85)}@media (max-width:980px){.hero-section{height:260px}.hero-content h1{font-size:2rem}}@media (max-width:640px){.hero-section{height:220px;padding:24px 0}.hero-content h1{font-size:1.75rem;margin-bottom:.5rem}.breadcrumb{font-size:.85rem;margin-bottom:.75rem}.hero-content p{font-size:.9rem}}.menu-page{display:grid;grid-template-columns:320px 1fr;gap:28px;margin-top:12px}.menu-sidebar{display:flex;flex-direction:column;gap:18px}.filter-card{background:var(--surface);border:1px solid var(--glass);padding:18px;border-radius:12px;transition:var(--transition-theme)}.filter-card h3{margin:0 0 8px;font-size:16px;color:var(--text)}.filter-card .muted{margin:0 0 12px;color:var(--muted)}.search-input{display:flex;gap:8px;align-items:center}.search-input input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid var(--glass);background:var(--bg);color:var(--text);transition:var(--transition-theme)}.search-input input::placeholder{color:var(--muted);opacity:.6}.search-input input:focus{outline:none;border-color:var(--primary)}.search-input button{background:var(--surface);border:1px solid var(--glass);padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--text);transition:var(--transition-theme)}.search-input button:hover{background:var(--glass)}.category-group{display:flex;flex-direction:column;gap:8px;margin-top:8px}.category-group button{padding:10px 12px;border-radius:8px;border:1px solid var(--glass);background:transparent;cursor:pointer;text-align:left;color:var(--text);transition:var(--transition-theme)}.category-group button:hover{background:var(--glass)}.category-group button.active{background:rgba(139,69,19,.2);border-color:var(--primary);color:var(--primary-2)}.category-select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--glass);background:var(--bg);color:var(--text);font-size:14px;cursor:pointer;transition:var(--transition-theme)}.category-select:focus{outline:none;border-color:var(--primary)}.category-select option{background:var(--surface);color:var(--text)}.category-checkbox-group{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:400px;overflow-y:auto}.category-checkbox{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;border-radius:6px;transition:background .2s ease;user-select:none}.category-checkbox:hover{background:var(--glass)}.category-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.category-checkbox .checkmark{width:20px;height:20px;border:2px solid var(--glass);border-radius:4px;background:var(--bg);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.category-checkbox input[type=checkbox]:checked~.checkmark{background:var(--primary);border-color:var(--primary)}.category-checkbox input[type=checkbox]:checked~.checkmark:after{content:"✓";color:white;font-size:12px;font-weight:700}.category-checkbox .category-name{color:var(--text);font-size:14px;font-weight:500}.category-checkbox:hover .checkmark{border-color:var(--primary)}.category-checkbox-group::-webkit-scrollbar{width:6px}.category-checkbox-group::-webkit-scrollbar-track{background:var(--glass);border-radius:3px}.category-checkbox-group::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.empty-state{text-align:center;padding:60px 20px;background:var(--surface);border-radius:12px;border:1px dashed var(--glass)}.empty-state p{margin:0;color:var(--text);font-size:1.1rem}.empty-state .muted{margin-top:8px;font-size:.95rem}.menu-content{display:flex;flex-direction:column;gap:18px}.menu-top{display:flex;justify-content:space-between;align-items:center}.menu-top .results{color:var(--muted)}.menu-top .sort-by{display:flex;align-items:center;gap:12px}.menu-top .sort-by label{color:var(--text);font-size:14px;font-weight:500}.sort-select-wrapper{position:relative;display:inline-block}.sort-select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--surface);border:2px solid var(--glass);border-radius:25px;padding:10px 45px 10px 20px;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;min-width:180px;transition:all .2s ease}.sort-select-wrapper select:hover{border-color:var(--primary)}.sort-select-wrapper select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(139,69,19,.15)}.sort-select-wrapper select option{background:var(--surface);color:var(--text);padding:12px}.sort-select-wrapper .sort-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%) rotate(90deg);color:var(--text);font-size:16px;font-weight:700;pointer-events:none;transition:transform .2s ease}.sort-select-wrapper select:focus~.sort-arrow{transform:translateY(-50%) rotate(-90deg)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{border-radius:12px;padding:18px;background:var(--surface);box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid var(--glass);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;position:relative;isolation:isolate}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.product-card__image{position:relative;height:180px;border-radius:8px;overflow:hidden;margin-bottom:12px}.product-card__image img{border-radius:8px}.product-card__badge{position:absolute;top:10px;right:10px;background:#888;color:#fff;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;z-index:5}.product-card__body{flex:1;display:flex;flex-direction:column;gap:6px}.product-card__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text);line-height:1.3}.product-card__desc{margin:0;font-size:.9rem;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--glass);gap:12px;position:relative;z-index:10}.product-card__price{font-weight:700;color:var(--primary);font-size:1.15rem}.menu-grid .card{border-radius:12px;padding:18px;background:var(--surface);box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid var(--glass);transition:var(--transition-theme);display:flex;flex-direction:column;position:relative;z-index:1;isolation:isolate}.menu-grid .card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.menu-grid .product-image{height:160px;border-radius:8px}.menu-grid .product__actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;gap:12px;position:relative;z-index:20}.menu-grid .price{display:block;font-weight:700;color:var(--primary);font-size:1.2rem;margin:0}.btn-detail{padding:10px 18px;background:var(--primary);color:white;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;position:relative;z-index:100;pointer-events:auto!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.btn-detail:hover{background:#a0522d;transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,69,19,.3)}.btn-detail:active{transform:translateY(0);background:#8b4513}.btn-detail:focus{outline:2px solid var(--primary);outline-offset:2px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:18px 0}.pagination button{padding:8px 12px;border-radius:8px;border:1px solid var(--glass);background:var(--surface);cursor:pointer;color:var(--text);transition:var(--transition-theme)}.pagination button:hover{background:var(--glass)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:var(--muted)}@media (max-width:980px){.menu-page{grid-template-columns:1fr}.menu-grid{grid-template-columns:repeat(2,1fr)}.menu-sidebar{order:2}}@media (max-width:640px){.menu-grid{grid-template-columns:1fr}.product-card__footer{flex-direction:column;align-items:stretch;gap:10px}.product-card__btn{width:100%;text-align:center;padding:12px 18px}}#modal-portal .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;animation:fadeIn .2s ease;visibility:visible!important;opacity:1!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#modal-portal .modal-content{background:var(--surface,#fff);border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.4);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.5);border:none;color:white;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s ease}.modal-close:hover{background:rgba(0,0,0,.7)}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px}.modal-image{display:flex;align-items:center;justify-content:center}.modal-info{display:flex;flex-direction:column;gap:16px}.modal-category{color:var(--primary,#ff6b35);font-size:.875rem;font-weight:700;letter-spacing:1px}.modal-title{font-size:2rem;font-weight:700;color:var(--text,#1a1a1a);margin:0;line-height:1.2}.modal-description{color:var(--muted,#666);font-size:1rem;line-height:1.6;margin:0}.modal-price{font-size:1.75rem;font-weight:700;color:var(--primary,#ff6b35);margin-top:8px}@media (max-width:768px){.modal-body{grid-template-columns:1fr;gap:24px;padding:24px}.modal-price,.modal-title{font-size:1.5rem}}