:root{--bg-color: #000000;--bg-gradient: #000000;--primary-color: hsl(355, 85%, 55%);--primary-glow: hsla(355, 85%, 55%, .4);--text-main: hsl(0, 0%, 95%);--text-muted: hsl(0, 0%, 70%);--card-bg: hsla(0, 0%, 100%, .03);--card-border: hsla(0, 0%, 100%, .08);--glass-bg: hsla(240, 10%, 6%, .6);--glass-border: hsla(0, 0%, 100%, .1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);min-height:100vh;line-height:1.5;overflow-x:hidden}.app-container{max-width:600px;margin:0 auto;padding:0 1.5rem}.sticky-top{position:sticky;top:0;z-index:10;background-color:var(--bg-color);padding-top:2rem}.header{text-align:center;margin-bottom:2rem;animation:fadeInDown .8s cubic-bezier(.2,.8,.2,1)}.logo-img{width:100%;max-width:320px;height:auto;margin:0 auto;display:block}.subtitle{color:var(--text-muted);font-size:1rem;font-weight:300;margin-top:.5rem;letter-spacing:1px;text-transform:uppercase}.category-tabs{display:flex;overflow-x:auto;gap:1.5rem;padding:0 .5rem 1rem;margin-bottom:0;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{background:transparent;border:none;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;white-space:nowrap;padding:.5rem 0;cursor:pointer;position:relative;transition:color .3s ease}.tab-btn.active{color:var(--primary-color)}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-color);border-radius:2px}.category-info{margin-top:1rem}.sauce-banner{background:#ffffff0d;border:1px solid var(--card-border);border-radius:12px;padding:1rem;color:var(--text-main);text-align:center;font-size:.95rem;font-weight:300;animation:fadeInUp .4s ease both}.items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding-top:1.5rem;padding-bottom:4rem;animation:fadeInUp .6s cubic-bezier(.2,.8,.2,1) both}.item-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 4px 15px #0003;transition:transform .3s ease,border-color .3s ease,background .3s ease;overflow:hidden}.item-card:hover{transform:translateY(-4px);border-color:var(--primary-glow);background:#ffffff0d}.item-card-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid var(--card-border)}.item-card-content{padding:1rem;display:flex;flex-direction:column;align-items:center}.item-card-title{font-weight:600;font-size:.95rem;text-align:center;margin-bottom:.5rem;line-height:1.2}.item-card-price{color:var(--primary-color);font-weight:800;font-size:1.05rem}.footer{position:fixed;bottom:0;left:0;width:100%;padding:1rem 0;background-color:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10;text-align:center;color:var(--text-muted);font-size:.85rem;font-weight:300;border-top:1px solid var(--card-border)}.loader{text-align:center;color:var(--text-muted);font-style:italic;padding:2rem;grid-column:span 2}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-color);z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-bottom-sheet{position:fixed;top:0;left:0;width:100vw;height:100vh;max-height:100vh;background:var(--bg-gradient);z-index:101;transform:translate(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:hidden}.modal-bottom-sheet.active{transform:translate(0)}.modal-content{flex:1;display:flex;flex-direction:column;height:100%}.modal-header-bar{position:absolute;top:0;left:0;width:100%;padding:1.5rem;z-index:10;display:flex;align-items:center}.back-btn{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;width:40px;height:40px;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-scrollable-content{flex:1;overflow-y:auto;padding:0}.modal-image-full{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:1px solid var(--card-border)}.modal-padding-container{padding:1.5rem 1.5rem 3rem}.modal-main-info{margin-bottom:2rem}.modal-title-left{font-size:1.8rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem;line-height:1.2}.modal-price-left{font-size:1.4rem;font-weight:800;color:var(--primary-color)}.modal-desc-section{border-top:1px solid var(--card-border);padding-top:1.5rem}.modal-desc-label{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-main)}.modal-desc-text{font-size:.95rem;color:var(--text-muted);line-height:1.6}.modal-options-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--card-border)}.molhos-list{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.molho-option{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;transition:all .3s ease}.molho-option:hover{background:#ffffff0d}.molho-option input[type=radio]{display:none}.molho-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted);margin-right:1rem;position:relative;transition:all .2s ease;flex-shrink:0}.molho-option input[type=radio]:checked+.molho-radio{border-color:var(--primary-color)}.molho-option input[type=radio]:checked+.molho-radio:after{content:"";width:10px;height:10px;background-color:var(--primary-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.molho-name{color:var(--text-main);font-size:1rem;font-weight:400}.footer-signature{color:var(--primary-color);text-decoration:none;font-weight:700;transition:color .25s cubic-bezier(.4,0,.2,1)}.footer-signature:hover{color:#0fc!important;text-shadow:0 0 10px rgba(0,255,204,.4)}
