:root{--red:#d92b2b;--red-dark:#a81e1e;--red-deep:#7e1414;--green:#177b3d;--green-dark:#0c5a2c;--green-ink:#0a3d20;--yellow:#f7b916;--yellow-soft:#ffd34d;--cream:#fff6e8;--paper:#fffdf7;--ink:#2a211a;--ink-soft:#6b5d51;--line:#a81e1e38;--shadow:0 10px 24px #7a141424;--radius:18px;--font-display:"Alfa Slab One", serif;--font-body:"Barlow", sans-serif}body{font-family:var(--font-body);color:var(--ink);background-color:var(--cream);-webkit-font-smoothing:antialiased;background-image:repeating-linear-gradient(0deg,#d92b2b0d 0 14px,#0000 14px 28px),repeating-linear-gradient(90deg,#177b3d0d 0 14px,#0000 14px 28px);min-height:100vh}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .04 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.hidden,[hidden]{display:none!important}.badge{aspect-ratio:1334/784;filter:drop-shadow(0 14px 22px #500a0a59);display:inline-block;position:relative}.badge-red,.badge-ring,.badge-img{width:100%;height:100%;position:absolute;inset:0}.badge-red{background:var(--red);clip-path:polygon(50% 6.5%,88.4% 22.5%,88.4% 77.5%,50% 91%,11.6% 77.5%,11.6% 22.5%)}.badge-ring{background:var(--cream);clip-path:polygon(50% 9.5%,86.2% 25%,86.2% 75%,50% 88%,13.8% 75%,13.8% 25%)}.badge-img{object-fit:fill;clip-path:polygon(50% 12.5%,84% 27.5%,84% 72.5%,50% 85%,16% 72.5%,16% 27.5%)}.badge--hero{width:clamp(250px,58vw,500px);animation:5.5s ease-in-out infinite floaty}.badge--mini{filter:drop-shadow(0 3px 5px #500a0a4d);width:46px}.sticky-head{z-index:60;position:sticky;top:0}.topbar{background:var(--red);border-bottom:3px solid var(--red-deep);box-shadow:0 4px 14px #7a141447}.topbar-inner{justify-content:space-between;align-items:center;gap:14px;max-width:1120px;margin:auto;padding:10px 18px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-text{flex-direction:column;line-height:.95;display:flex}.brand-text strong{font-family:var(--font-display);color:var(--cream);letter-spacing:.06em;font-size:1.25rem;font-weight:400}.brand-text em{font-family:var(--font-display);color:var(--yellow);letter-spacing:.14em;font-size:1.05rem;font-style:normal}.topbar-actions{align-items:center;gap:10px;display:flex}.chip{background:var(--cream);color:var(--red-dark);border:2px solid #7a141426;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.86rem;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:0 3px #7a141440}.chip:hover{transform:translateY(-2px)}.chip--yellow{background:var(--yellow);color:var(--green-ink);border-color:#0c5a2c40}.chip--wa svg{width:17px;height:17px;fill:var(--green)}.cart-btn{background:var(--green);width:46px;height:46px;color:var(--cream);box-shadow:0 4px 0 var(--green-dark);border-radius:14px;place-items:center;transition:transform .12s;display:grid;position:relative}.cart-btn:active{box-shadow:0 1px 0 var(--green-dark);transform:translateY(3px)}.cart-btn svg{fill:currentColor;width:22px;height:22px}.cart-count{background:var(--yellow);min-width:22px;height:22px;color:var(--green-ink);border:2px solid var(--red);border-radius:999px;place-items:center;padding:0 5px;font-size:.78rem;font-weight:800;animation:.3s pop;display:grid;position:absolute;top:-8px;right:-8px}.menubar{background:var(--paper);border-bottom:2px dashed var(--line)}.menubar-inner{flex-wrap:wrap;align-items:center;gap:14px;max-width:1120px;margin:auto;padding:10px 18px;display:flex}.tabs{scrollbar-width:none;flex:1;gap:8px;min-width:0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;color:var(--green-ink);background:0 0;border:2px solid #0c5a2c40;border-radius:999px;padding:9px 18px;font-size:.92rem;font-weight:700;transition:all .18s}.tab:hover{background:#177b3d1a}.tab.on{background:var(--green);color:var(--cream);border-color:var(--green-dark);box-shadow:0 3px 0 var(--green-dark)}.search{background:var(--cream);border:2px solid var(--line);border-radius:999px;flex:0 260px;align-items:center;gap:8px;min-width:210px;padding:8px 16px;display:flex}.search svg{width:17px;height:17px;fill:var(--red-dark);flex:none}.search input{background:0 0;border:none;outline:none;width:100%;font-weight:500}.search:focus-within{border-color:var(--red);box-shadow:0 0 0 3px #d92b2b26}.menubar-toggle{border:2px solid var(--green);background:var(--cream);color:var(--green-ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .18s;display:none}.menubar-toggle:hover{background:#177b3d1a}.menubar-toggle-icon{flex-direction:column;gap:3px;width:18px;transition:transform .25s;display:flex}.menubar-toggle-icon span{background:var(--green-ink);transform-origin:50%;border-radius:2px;height:2.5px;transition:all .25s;display:block}.menubar-toggle[aria-expanded=true] .menubar-toggle-icon{transform:rotate(90deg)}.menubar-toggle[aria-expanded=true] .menubar-toggle-icon span:first-child{transform:translateY(5.5px)rotate(45deg)}.menubar-toggle[aria-expanded=true] .menubar-toggle-icon span:nth-child(2){opacity:0}.menubar-toggle[aria-expanded=true] .menubar-toggle-icon span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.menubar-collapse{display:contents}.hero{z-index:1;text-align:center;background:radial-gradient(#00000029 1.6px, transparent 1.7px) 0 0/22px 22px, linear-gradient(180deg, var(--red) 0%, var(--red-dark) 100%);padding:52px 18px 74px;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle at 50% 0, var(--cream) 0 12px, transparent 12.5px) 0 0/28px 26px repeat-x;height:26px;position:absolute;bottom:0;left:0;right:0}.hero-inner{flex-direction:column;align-items:center;gap:22px;display:flex;position:relative}.hero-tag{font-family:var(--font-display);color:var(--cream);letter-spacing:.04em;text-shadow:0 3px 0 var(--red-deep);font-size:clamp(1.05rem,3.4vw,1.6rem)}.hero-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.steps-wrap{z-index:2;margin-top:-8px;position:relative}.steps{grid-template-columns:repeat(3,1fr);gap:12px;max-width:860px;margin:auto;padding:0 18px;list-style:none;display:grid}.steps li{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);flex-direction:column;gap:2px;padding:18px 12px 14px;display:flex;position:relative}.steps li+li:before{content:"➜";color:var(--red);font-size:1.05rem;position:absolute;top:50%;left:-16px;translate:0 -50%}.step-n{background:var(--yellow);width:26px;height:26px;color:var(--green-ink);border:2px solid var(--green-dark);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:-12px;left:50%;translate:-50%}.step-ico{font-size:1.5rem}.steps strong{font-family:var(--font-display);color:var(--green-dark);letter-spacing:.03em;font-size:1rem;font-weight:400}.steps small{color:var(--ink-soft);font-size:.82rem}.menu{z-index:1;max-width:1120px;margin:auto;padding:44px 18px 130px;position:relative}.cat{margin-bottom:52px}.cat-head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.cat-emoji{background:var(--green);width:52px;height:52px;box-shadow:0 4px 0 var(--green-dark);border-radius:16px;flex:none;place-items:center;font-size:1.6rem;display:grid;transform:rotate(-4deg)}.cat-head h2{font-family:var(--font-display);color:var(--green-dark);letter-spacing:.02em;text-shadow:2px 2px 0 var(--yellow);font-size:clamp(1.5rem,4vw,2.1rem);font-weight:400}.cat-line{border-top:3px dashed var(--line);flex:1}.cat-count{letter-spacing:.08em;text-transform:uppercase;color:var(--red-dark);background:#d92b2b1a;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:800}.cat-blurb{color:var(--ink-soft);margin:-2px 0 18px 66px;font-size:.95rem;font-style:italic}.group-title{font-family:var(--font-display);color:var(--red);letter-spacing:.06em;align-items:center;gap:10px;margin:26px 0 14px;font-size:1.1rem;font-weight:400;display:flex}.group-title:after{content:"";border-top:2px dashed var(--line);flex:1}.grid{grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:18px;display:grid}.card{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:18px 18px 16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.card[style]{animation:.5s cubic-bezier(.2,.7,.3,1) both rise}.card:after{content:attr(data-emoji);opacity:.09;pointer-events:none;font-size:4.6rem;position:absolute;bottom:-14px;right:-6px}.card:hover{border-color:var(--red);transform:translateY(-4px);box-shadow:0 16px 30px #7a141433}.card.in-cart{border-color:var(--green);box-shadow:0 0 0 3px #177b3d2e, var(--shadow)}.card-top{align-items:flex-start;gap:12px;display:flex}.card-top h3{font-family:var(--font-display);color:var(--ink);flex:1;padding-top:4px;font-size:1.12rem;font-weight:400;line-height:1.25}.price{font-family:var(--font-display);color:var(--green-ink);background:var(--yellow);border-radius:6px;flex:none;padding:8px 14px;font-size:.98rem;position:relative;box-shadow:0 3px #7a500059}.price:before,.price:after{content:"";background:var(--paper);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;translate:0 -50%}.price:before{left:-7px}.price:after{right:-7px}.desc{color:var(--ink-soft);flex:1;font-size:.92rem;line-height:1.5}.card-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.tag{letter-spacing:.1em;text-transform:uppercase;color:var(--red-dark);font-size:.74rem;font-weight:700}.flavor-picker{margin:0 0 6px}.flavor-toggle{background:var(--cream);border:2px solid var(--line);width:100%;color:var(--green-ink);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.88rem;font-weight:700;transition:all .18s;display:flex}.flavor-toggle:hover{border-color:var(--green);background:#177b3d0f}.flavor-arrow{color:var(--ink-soft);margin-left:auto;font-size:.72rem}.flavor-chips{flex-wrap:wrap;gap:6px;padding:10px 0 4px;display:none}.flavor-picker.open .flavor-chips{display:flex}.flavor-chip{border:2px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:600;transition:all .15s}.flavor-chip:hover{border-color:var(--green);background:var(--green);color:var(--cream)}.flavor-chip:active{transform:scale(.95)}.add-btn{background:var(--red);color:var(--cream);box-shadow:0 4px 0 var(--red-dark);border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:800;transition:transform .12s,background .15s;display:inline-flex}.add-btn:hover{background:#e63939}.add-btn:active{box-shadow:0 1px 0 var(--red-dark);transform:translateY(3px)}.add-btn .plus{font-size:1.1rem;line-height:1}.step{background:var(--green);box-shadow:0 4px 0 var(--green-dark);border-radius:999px;align-items:center;gap:2px;animation:.25s pop;display:inline-flex}.step button{width:38px;height:38px;color:var(--cream);background:0 0;border:none;border-radius:50%;place-items:center;font-size:1.25rem;font-weight:800;transition:background .12s;display:grid}.step button:hover{background:#ffffff29}.step span{text-align:center;min-width:30px;color:var(--cream);font-size:1rem;font-weight:800}.empty-search{text-align:center;color:var(--ink-soft);background:var(--paper);border:2px dashed var(--line);border-radius:var(--radius);padding:60px 20px;font-size:1.05rem}.empty-search strong{font-family:var(--font-display);color:var(--red);margin-bottom:8px;font-size:1.4rem;font-weight:400;display:block}.footer{background:var(--green-dark);color:var(--cream);text-align:center;z-index:1;padding:44px 18px 120px;position:relative}.footer-inner{flex-direction:column;align-items:center;gap:10px;max-width:760px;margin:auto;display:flex}.footer .badge--mini{width:64px}.footer-name{font-family:var(--font-display);letter-spacing:.05em;font-size:1.5rem}.footer-name span{color:var(--yellow)}.footer-phones{font-weight:700}.footer-phones a{color:var(--yellow-soft);text-decoration:none}.footer-phones a:hover{text-decoration:underline}.footer-note{opacity:.75;max-width:420px;font-size:.85rem}.fab{z-index:70;background:var(--red);color:var(--cream);box-shadow:0 10px 26px #7a141473, 0 4px 0 var(--red-deep);border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 20px;font-weight:800;transition:transform .15s;display:flex;position:fixed;bottom:18px;right:18px}.fab:hover{transform:translateY(-3px)}.fab:active{transform:translateY(2px)}.fab svg{fill:currentColor;width:22px;height:22px}.fab-total{background:var(--yellow);color:var(--green-ink);border-radius:999px;padding:4px 10px;font-size:.88rem}.fab-count{background:var(--green);min-width:24px;height:24px;color:var(--cream);border:2px solid var(--cream);border-radius:999px;place-items:center;padding:0 6px;font-size:.8rem;display:grid;position:absolute;top:-7px;right:-4px}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;opacity:0;background:#2a140c80;transition:opacity .25s;position:fixed;inset:0}.overlay.show{opacity:1}.drawer{z-index:90;background:var(--cream);border-left:4px solid var(--red);flex-direction:column;width:min(430px,100vw);transition:transform .32s cubic-bezier(.2,.8,.25,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(102%);box-shadow:-14px 0 40px #3c0a0a59}body.drawer-open .drawer{transform:none}body.drawer-open{overflow:hidden}.drawer-head{background:var(--green);color:var(--cream);border-bottom:4px solid var(--green-dark);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.drawer-head h2{font-family:var(--font-display);letter-spacing:.03em;font-size:1.25rem;font-weight:400}.drawer-close{width:38px;height:38px;color:var(--cream);background:#ffffff24;border-radius:12px;font-size:1rem;font-weight:800;transition:background .15s}.drawer-close:hover{background:#ffffff47}.drawer-body{flex-direction:column;flex:1;gap:18px;padding:18px 20px;display:flex;overflow-y:auto}.cart-empty{text-align:center;color:var(--ink-soft);flex-direction:column;align-items:center;gap:8px;padding:44px 10px;display:flex}.cart-empty .big{font-size:3rem}.cart-empty strong{font-family:var(--font-display);color:var(--green-dark);font-size:1.15rem;font-weight:400}.cart-item{background:var(--paper);border:2px solid var(--line);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding:12px 14px;display:grid}.cart-item+.cart-item{margin-top:10px}.ci-name{color:var(--ink);font-size:.98rem;font-weight:800;line-height:1.3}.ci-unit{color:var(--ink-soft);font-size:.8rem}.ci-right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.ci-total{font-family:var(--font-display);color:var(--green-dark);text-align:right;min-width:74px;font-size:.95rem}.ci-remove{width:30px;height:30px;color:var(--red);background:#d92b2b1a;border-radius:9px;font-size:.95rem;font-weight:800;transition:background .15s}.ci-remove:hover{background:#d92b2b38}.step--sm{box-shadow:0 3px 0 var(--green-dark)}.step--sm button{width:30px;height:30px;font-size:1.05rem}.step--sm span{min-width:24px;font-size:.92rem}.drawer-form{border-top:3px dashed var(--line);flex-direction:column;gap:14px;padding-top:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span{letter-spacing:.06em;text-transform:uppercase;color:var(--green-dark);font-size:.82rem;font-weight:800}.field>span em{text-transform:none;letter-spacing:0;color:var(--ink-soft);font-style:normal;font-weight:600}.field input,.field textarea,.field select{background:var(--paper);border:2px solid var(--line);resize:vertical;border-radius:12px;outline:none;width:100%;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #177b3d29}.field.error input,.field.error textarea{border-color:var(--red);animation:.35s shake;box-shadow:0 0 0 3px #d92b2b2e}.seg{grid-template-columns:1fr 1fr;gap:8px;display:grid}.seg button{border:2px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:12px;padding:11px 8px;font-weight:700;transition:all .15s}.seg button.on{background:var(--green);color:var(--cream);border-color:var(--green-dark);box-shadow:0 3px 0 var(--green-dark)}.drawer-foot{background:var(--paper);border-top:3px dashed var(--line);flex-direction:column;gap:10px;padding:16px 20px 20px;display:flex}.tot-row{color:var(--ink-soft);justify-content:space-between;font-size:.95rem;font-weight:600;display:flex}.tot-row--big{font-family:var(--font-display);color:var(--green-ink);background:var(--yellow);border-radius:12px;align-items:center;padding:10px 16px;font-size:1.25rem;box-shadow:0 4px #7a50004d}.cta{background:var(--green);width:100%;color:var(--cream);letter-spacing:.02em;box-shadow:0 5px 0 var(--green-dark);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:1.02rem;font-weight:800;transition:transform .12s,background .15s;display:flex}.cta svg{fill:currentColor;width:21px;height:21px}.cta:hover{background:#1b8f47}.cta:active{box-shadow:0 1px 0 var(--green-dark);transform:translateY(4px)}.cta:disabled{cursor:not-allowed;background:#9aa79d;box-shadow:0 5px #7c887f}.link-danger{color:var(--red);text-underline-offset:3px;background:0 0;border:none;align-self:center;font-size:.85rem;font-weight:700;text-decoration:underline}.link-danger:hover{color:var(--red-deep)}.toast{z-index:100;background:var(--green-ink);color:var(--cream);opacity:0;pointer-events:none;border:2px solid var(--yellow);border-radius:999px;padding:12px 22px;font-size:.92rem;font-weight:700;transition:all .28s cubic-bezier(.2,.8,.3,1.2);position:fixed;bottom:96px;left:50%;translate:-50% 20px;box-shadow:0 10px 26px #00000059}.toast.show{opacity:1;translate:-50%}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.5)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes floaty{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=720px){.steps{grid-template-columns:1fr;max-width:420px}.steps li+li:before{content:"⬇";top:-19px;left:50%;translate:-50%}.chip--wa span{display:none}.chip--wa{padding:8px 10px}.cat-blurb{margin-left:0}.grid{grid-template-columns:1fr}.fab .fab-label{display:none}.fab{padding:14px 16px}.menubar-toggle{display:flex}.menubar-collapse{opacity:0;order:1;grid-template-rows:0fr;width:100%;transition:grid-template-rows .35s,opacity .25s,padding .3s;display:grid;overflow:hidden}.menubar-collapse.open{opacity:1;grid-template-rows:1fr}.menubar-collapse>*{flex-wrap:wrap;gap:10px;min-height:0;padding-top:0;display:flex;overflow:hidden}.menubar-collapse.open>*{padding-top:8px}.menubar-collapse .tabs{flex:auto;overflow-x:auto}.menubar-inner{flex-wrap:wrap}.menubar-inner .search{flex:100%;order:2;min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}