:root{  --brand-50:#f4f6f0;  --brand-100:#e8ecd9;  --brand-200:#d4dcb8;  --brand-300:#b5c48c;  --brand-400:#96a86a;  --brand-500:#799147;  --brand-600:#6a8040;  --brand-700:#3F4A26;  --brand-800:#363C2A;  --brand-900:#13150F;  --y:#FDAF43;  --o:#F97316;  --r:#EF4444;  --bg:#F8FAFC;  --s-100:#F1F5F9;  --s-200:#E2E8F0;  --s-400:#94A3B8;  --s-500:#64748B;  --s-600:#475569;  --s-700:#334155;  --s-800:#1E293B;  --s-900:#0F172A;  --g-100:#F3F4F6;  --g-200:#E5E7EB;  --g-300:#D1D5DB;  --g-400:#9CA3AF;  --g-500:#6B7280;  --g-600:#4B5563;  --g-700:#374151;  --g-800:#1F2937;  --g-900:#111827;  --shadow-sm:0 1px 2px rgba(15,23,42,.05);  --shadow:0 4px 12px rgba(15,23,42,.08);  --shadow-lg:0 16px 40px rgba(15,23,42,.12);  --r-sm:8px;  --r-md:12px;  --r-lg:16px;  --r-xl:24px; }  *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;  color:var(--g-800);  background:var(--bg);  line-height:1.5;  -webkit-font-smoothing:antialiased;  overflow-x:hidden; } a{text-decoration:none;color:inherit} button{font-family:inherit;border:none;background:none;cursor:pointer} img,svg{display:block;max-width:100%} ul,ol{list-style:none} .container{max-width:1280px;margin:0 auto;padding:0 20px}  #header{  position:fixed;top:0;left:0;right:0;z-index:50;  background:var(--brand-500);  box-shadow:var(--shadow-sm);  transition:all .3s ease; } .header-top{  max-width:1280px;margin:0 auto;  height:80px;padding:0 24px;  display:flex;align-items:center;justify-content:space-between;gap:16px;  position:relative; } .header-left{  display:flex;align-items:center;gap:12px; } .hamburger{  width:44px;height:44px;border-radius:12px;  background:transparent;color:#fff;  display:grid;place-items:center;cursor:pointer;  transition:background .2s;border:none; } .hamburger:hover{background:rgba(255,255,255,.12)} .hamburger svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}  .logo-circle{  position:absolute;  top:8px;left:50%;transform:translateX(-50%);  z-index:30;  width:110px;height:110px;border-radius:50%;  background:#fff;  display:flex;flex-direction:column;align-items:center;justify-content:center;  font-weight:800;color:var(--brand-700);  box-shadow:0 10px 24px rgba(0,0,0,.25), inset 0 0 0 4px var(--y);  line-height:1;cursor:pointer;  transform-origin:top center;  transition:transform .3s ease, top .3s ease, width .3s ease, height .3s ease, box-shadow .3s ease; } .logo-circle:hover{transform:translateX(-50%) scale(1.04)} .logo-circle .mf{font-size:26px;letter-spacing:-.5px;color:var(--brand-700);transition:font-size .3s ease} .logo-circle .sub{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;color:var(--brand-500);margin-top:4px;font-weight:800;transition:all .3s ease}  #header.header-scrolled .logo-circle{  width:62px;height:62px;  top:4px;  box-shadow:0 4px 12px rgba(0,0,0,.2), inset 0 0 0 2px var(--y); } #header.header-scrolled .logo-circle .mf{font-size:15px} #header.header-scrolled .logo-circle .sub{font-size:5px;letter-spacing:1px;margin-top:1px} #header.header-scrolled #main-nav{  max-height:0;  opacity:0;  padding-top:0;padding-bottom:0;  border-top-color:transparent; } #header.header-scrolled .header-top{  height:64px; }  .header-right{display:flex;align-items:center;gap:10px} .account-link{  display:flex;align-items:center;gap:8px;  color:#fff;font-size:13px;font-weight:600;  padding:8px 12px;border-radius:10px;  transition:background .2s;cursor:pointer;  background:transparent;border:none; } .account-link:hover{background:rgba(255,255,255,.12)} .account-link svg{} .cart-btn{  display:flex;align-items:center;gap:10px;  background:rgba(255,255,255,.14);color:#fff;  padding:6px 14px 6px 8px;border-radius:100px;  font-size:13px;font-weight:700;  cursor:pointer;border:none;  transition:background .2s; } body.delivery .cart-btn {  display:none; } .cart-btn:hover{background:rgba(255,255,255,.22)} .cart-icon-wrap{  width:32px;height:32px;border-radius:50%;  background:#fff;color:var(--brand-700);  display:grid;place-items:center;  position:relative;flex-shrink:0; } .cart-icon-wrap svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .cart-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1} .cart-info .cart-label{font-size:9px;text-transform:uppercase;letter-spacing:.6px;font-weight:800;opacity:.85} .cart-info .cart-total{font-size:13px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}  #main-nav{  background:var(--brand-500);  border-top:1px solid rgba(255,255,255,.15);  max-height:56px;  overflow:hidden;  opacity:1;  transition:max-height .3s ease, opacity .2s ease, padding .2s ease, border-top-color .3s ease; } .nav-inner{  max-width:1280px;margin:0 auto;  padding:8px 24px;  display:flex;align-items:center;justify-content:center;gap:8px; } .nav-link{  padding:8px 16px;color:#fff;font-size:13px;font-weight:600;  white-space:nowrap;opacity:.9;  transition:all .2s;cursor:pointer;  background:transparent;border:none;  border-radius:100px;font-family:inherit; } .nav-link:hover{opacity:1;background:rgba(255,255,255,.15)} .nav-link.active{opacity:1;background:rgba(255,255,255,.18)} .nav-spacer{  display:inline-block;width:130px;flex-shrink:0; }  .drawer-backdrop{  position:fixed;inset:0;z-index:60;  background:rgba(15,23,42,.6);  display:none;  animation:fadeIn .2s ease-out; } .drawer-backdrop.open{display:block} .drawer{  position:fixed;top:0;left:0;bottom:0;z-index:61;  width:300px;max-width:80vw;  background:#fff;  transform:translateX(-100%);  transition:transform .3s ease-out;  display:flex;flex-direction:column;  box-shadow:0 0 40px rgba(0,0,0,.25); } .drawer.open{transform:translateX(0)} .drawer-head{  background:var(--brand-500);color:#fff;  padding:20px;display:flex;align-items:center;justify-content:space-between; } .drawer-head h3{font-size:16px;font-weight:800} .drawer-close{  width:34px;height:34px;border-radius:8px;  background:rgba(255,255,255,.15);color:#fff;  display:grid;place-items:center;cursor:pointer;border:none; } .drawer-close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round} .drawer-body{padding:12px 0;flex:1;overflow-y:auto} .drawer-link{  display:block;padding:14px 20px;  color:var(--g-800);font-size:15px;font-weight:600;  border-left:3px solid transparent;  cursor:pointer;background:none;border-top:none;border-right:none;border-bottom:none;width:100%;text-align:left;font-family:inherit;  transition:all .2s; } .drawer-link:hover{background:var(--brand-50);border-left-color:var(--brand-500);color:var(--brand-700)}  #hero-section{  padding-top: 87px;  min-height:80vh;  display:flex;  flex-direction:column;  justify-content:center;  background:var(--brand-900);  color:#fff;  position:relative;  overflow:hidden; } #hero-section::before{  content:'';position:absolute;inset:0;pointer-events:none;  background:   radial-gradient(800px 400px at 80% 30%, rgba(121,145,71,.25), transparent 60%),   radial-gradient(500px 300px at 10% 90%, rgba(253,175,67,.12), transparent 60%); } .hero-wrap{  max-width:1280px;margin:0 auto;padding:40px 20px;  position:relative;z-index:1;width:100%;  display:flex;flex-direction:column;justify-content:center;flex:1; } .hero-slide{  display:grid;grid-template-columns:1fr 1fr;gap:48px;  align-items:center;  opacity:0;transform:translateY(20px);  transition:opacity .5s, transform .5s;  position:absolute;inset:40px 20px;  pointer-events:none; } .hero-slide.active{  opacity:1;transform:translateY(0);  position:relative;inset:auto;  pointer-events:auto; } .pretitle{  display:inline-flex;align-items:center;gap:8px;  background:rgba(255,255,255,.08);  border:1px solid rgba(255,255,255,.18);  padding:6px 14px;border-radius:100px;  font-size:12px;font-weight:600;letter-spacing:.5px;  text-transform:uppercase;  backdrop-filter:blur(8px);  margin-bottom:24px;  width:fit-content; } .pretitle::before{  content:'';width:6px;height:6px;border-radius:50%;background:var(--y);  box-shadow:0 0 0 4px rgba(253,175,67,.25); } .hero-title{  font-size:clamp(38px,5vw,64px);  font-weight:800;line-height:1;letter-spacing:-2px;  margin-bottom:20px;color:#fff; } .title-hl{  display:inline-block;  padding:0 14px;border-radius:14px;margin-top:8px;  transform:rotate(-1deg); } .title-hl.red{background:var(--r);color:#fff;box-shadow:0 16px 32px -8px rgba(0,0,0,.3)} .title-hl.brand{background:var(--brand-500);color:#fff;box-shadow:0 16px 32px -8px rgba(19,21,15,.5)} .title-hl.yellow{background:var(--y);color:var(--brand-900);box-shadow:0 16px 32px -8px rgba(0,0,0,.3)} .hero-desc{  font-size:17px;line-height:1.55;  color:rgba(255,255,255,.78);  max-width:480px;margin-bottom:28px;font-weight:300; } .cta-row{display:flex;gap:12px;flex-wrap:wrap} .btn{  display:inline-flex;align-items:center;justify-content:center;gap:10px;  padding:14px 26px;border-radius:100px;  font-weight:700;font-size:14px;  cursor:pointer;transition:all .2s;  text-decoration:none;border:none;font-family:inherit; } .btn-primary{background:var(--brand-500);color:#fff;box-shadow:0 8px 24px rgba(121,145,71,.4)} .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(121,145,71,.55)} .btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)} .btn-ghost:hover{background:rgba(255,255,255,.18)} .btn-whatsapp{background:#25D366;color:#fff} .btn-whatsapp:hover{background:#20bd5a} .btn svg{width:18px;height:18px;stroke:currentColor;ne; */stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .cta-row .btn svg {fill:none} .btn-whatsapp svg{fill:currentColor;stroke:none}  .hero-visual{  position:relative;display:flex;justify-content:center;align-items:center;  min-height:380px; } .hero-photo{  width:min(420px,90%);aspect-ratio:1;border-radius:50%;  background:   radial-gradient(circle at 30% 30%, rgba(255,255,255,.12), transparent 60%),   linear-gradient(135deg, var(--brand-600), var(--brand-800));  display:grid;place-items:center;  box-shadow:0 30px 80px rgba(0,0,0,.5), inset 0 0 0 6px rgba(255,255,255,.06);  position:relative;  color:#fff; } .hero-photo .photo-label{  font-size:14px;  font-weight:700;  letter-spacing:2px;  text-transform:uppercase;  opacity:.5; } .hero-photo .photo-label img {  border-radius:50% } .hero-photo::after{  content:'';position:absolute;inset:-20px;border-radius:50%;  background:radial-gradient(closest-side,rgba(121,145,71,.18),transparent 70%);  z-index:-1; } .stat-chip{  position:absolute;background:#fff;  border-radius:100px;padding:10px 18px 10px 10px;  display:flex;align-items:center;gap:12px;  box-shadow:0 16px 40px rgba(0,0,0,.18);  animation:float 5s ease-in-out infinite; } .stat-chip.s1{top:30px;right:-10px} .stat-chip.s2{bottom:50px;right:-30px;animation-delay:-2.5s} .stat-chip-icon{  width:38px;height:38px;border-radius:50%;  display:grid;place-items:center;color:#fff; } .stat-chip-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .s-purple{background:#a855f7} .s-pink{background:#ec4899} .s-orange{background:#F97316} .s-yellow{background:#FDAF43} .s-green{background:#22c55e} .stat-chip small{display:block;font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--g-500);font-weight:700} .stat-chip strong{display:block;font-size:14px;color:var(--g-900);font-weight:800;line-height:1.1} @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} .slider-dots{  display:flex;justify-content:center;align-items:center;gap:8px;  padding:20px 20px 30px;position:relative;z-index:1; } .arrow-btn{  width:38px;height:38px;border-radius:50%;  background:rgba(255,255,255,.08);color:#fff;  display:grid;place-items:center;  border:1px solid rgba(255,255,255,.12);  transition:background .2s; } .arrow-btn:hover{background:rgba(255,255,255,.16)} .arrow-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);transition:all .25s;margin:0 4px;cursor:pointer;border:none} .dot.active{width:28px;border-radius:4px;background:var(--y)}  .search-section{padding:32px 0 12px} .search-box{  background:#fff;border-radius:14px;padding:14px 18px;  display:flex;align-items:center;gap:12px;  box-shadow:var(--shadow);  border:1px solid var(--g-200); } .search-box svg{width:20px;height:20px;stroke:var(--g-400);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} .search-box input{  flex:1;border:none;outline:none;font:inherit;  font-size:15px;color:var(--g-900);background:transparent; } .search-box input::placeholder{color:var(--g-400)} .filters-row{  display:flex;gap:8px;margin-top:16px;  overflow-x:auto;scrollbar-width:none;  padding-bottom:4px; } .filters-row::-webkit-scrollbar{display:none} .filter-pill{  padding:8px 16px;border-radius:100px;  background:#fff;color:var(--g-700);font-size:13px;font-weight:600;  border:1px solid var(--g-200);  cursor:pointer;white-space:nowrap;  transition:all .2s; } .filter-pill:hover{border-color:var(--brand-300)} .filter-pill.active{  background:var(--brand-500);color:#fff;border-color:var(--brand-500); }  #cardapio-all{padding:24px 0 64px} .cardapio-head{display:flex;align-items:baseline;gap:12px;margin-bottom:24px} #cardapio-title{font-size:28px;font-weight:800;color:var(--g-800);letter-spacing:-1px} .count-badge{  background:var(--brand-100);color:var(--brand-700);  padding:4px 12px;border-radius:100px;  font-size:12px;font-weight:700; } .category-block{margin-bottom:48px} .category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px} .cat-tag{  display:inline-flex;align-items:center;gap:10px;  background:#fff;padding:8px 18px;border-radius:100px;  font-size:13px;font-weight:800;color:var(--g-800);  text-transform:uppercase;letter-spacing:.5px;  box-shadow:var(--shadow-sm);  border:1px solid var(--g-200); } .cat-tag .emoji{font-size:16px;line-height:1} .cat-count{color:var(--g-500);font-size:13px;font-weight:600} .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px} .card{  background:#fff;border-radius:16px;overflow:hidden;  border:1px solid var(--g-200);  display:flex;flex-direction:column;  transition:transform .25s, box-shadow .25s;  position:relative;cursor:pointer; } .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}  .card-img{  aspect-ratio:4/3;  position:relative;  overflow:hidden;  background:var(--brand-100); } .card-img img{  width:100%;height:100%;  object-fit:cover;  display:block;  transition:transform .4s ease; } .card:hover .card-img img{transform:scale(1.06)} .tag-promo,.tag-only{  position:absolute;top:10px;  padding:4px 10px;border-radius:100px;  font-size:10px;font-weight:800;letter-spacing:.3px;  text-transform:uppercase;  z-index:2; } .tag-promo{left:10px;background:var(--o);color:#fff} .tag-only{right:10px;background:var(--r);color:#fff;} .card-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1} .card-name{  font-size:15px;font-weight:800;line-height:1.25;  color:var(--g-800);margin-bottom:6px;  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;  min-height:38px; } .card-desc{  font-size:12px;color:var(--g-500);line-height:1.5;  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;  min-height:32px;flex:1; } .card-foot{  display:flex;align-items:center;justify-content:space-between;  margin-top:12px;padding-top:12px;border-top:1px solid var(--g-200); } .price-wrap{display:flex;flex-direction:column;line-height:1.1} .price-old{font-size:11px;color:var(--g-400);text-decoration:line-through} .price{font-size:18px;font-weight:800;color:var(--g-900)} .add-btn{  width:34px;height:34px;border-radius:50%;  background:var(--brand-500);color:#fff;  display:grid;place-items:center;  transition:transform .2s, background .2s; } .add-btn:hover{transform:scale(1.1);background:var(--brand-600)} .add-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}  .card-qty-ctrl{  display:flex;align-items:center;gap:8px;  background:var(--brand-500);color:#fff;  border-radius:100px;padding:3px; } .card-qty-ctrl button{  width:28px;height:28px;border-radius:50%;  background:rgba(255,255,255,.18);color:#fff;  display:grid;place-items:center;cursor:pointer;border:none;  transition:background .2s; } .card-qty-ctrl button:hover{background:rgba(255,255,255,.32)} .card-qty-ctrl button svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round} .card-qty-ctrl .qty{  font-size:13px;font-weight:800;color:#fff;  min-width:18px;text-align:center;  font-variant-numeric:tabular-nums; } .empty-state{  text-align:center;padding:48px 20px;color:var(--g-500);  background:#fff;border-radius:16px;border:1px dashed var(--g-300); } .empty-state h3{font-size:18px;color:var(--g-700);margin-bottom:8px}  #como-funciona{padding:80px 20px;background:var(--bg);position:relative;overflow:hidden} .process-head{text-align:center;max-width:680px;margin:0 auto 56px} .process-head h2{  font-size:clamp(30px,3.6vw,40px);  font-weight:800;color:var(--s-900);letter-spacing:-1px;margin-bottom:14px; } .process-head h2 .hl{  background:var(--y);  padding:0 14px;border-radius:8px;display:inline-block; } .process-head p{color:var(--g-500);font-size:16px} .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1000px;margin:0 auto} .step{  background:#fff;border-radius:18px;padding:36px 28px 28px;  text-align:center;position:relative;  border:1px solid var(--g-200);  transition:transform .25s, box-shadow .25s; } .step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)} .step-num{  position:absolute;top:-16px;left:50%;transform:translateX(-50%);  width:34px;height:34px;border-radius:50%;  background:var(--brand-500);color:#fff;  display:grid;place-items:center;font-weight:800;font-size:14px;  border:4px solid var(--bg); } .step-icon{  width: 9rem;  height: 9rem;  border-radius:20px;  background:var(--brand-100);  color:var(--brand-600);  display:grid;  place-items:center;  margin:0 auto 18px; } .step-icon svg{fill:none;stroke-linecap:round;stroke-linejoin:round} .step h3{font-size:22px;font-weight:800;color:var(--s-900);margin-bottom:10px} .step p{color:var(--g-500);font-size:14px;line-height:1.55} .step .hl-text{color:var(--r);font-weight:800}  #sobre{padding:72px 0;background:#fff} .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start} .about-tag{  display:inline-block;background:var(--brand-100);color:var(--brand-700);  padding:6px 16px;border-radius:100px;  font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;  margin-bottom:18px; } #sobre h2{  font-size:clamp(28px,3vw,36px);  font-weight:800;color:var(--g-900);line-height:1.1;  letter-spacing:-1px;margin-bottom:18px; } .about-text{color:var(--g-500);font-size:15px;line-height:1.6;margin-bottom:24px} .about-text strong{color:var(--g-800)} .about-list{display:flex;flex-direction:column;gap:14px;margin-bottom:28px} .about-list li{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--g-700)} .about-list .ic{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0} .about-list .ic svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round} .ic.red{background:#fee2e2;color:#dc2626} .ic.green{background:var(--brand-100);color:var(--brand-700)} .contact-card{  background:var(--brand-50);border-radius:16px;padding:22px;  border:1px solid var(--brand-200); } .contact-card .label{  display:flex;align-items:center;gap:10px;  color:var(--brand-700);font-weight:800;font-size:14px;margin-bottom:6px; } .contact-card .label svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .contact-card p{color:var(--g-500);font-size:14px;margin-bottom:14px} .schedule{background:var(--brand-50);border-radius:20px;padding:32px 28px;border:1px solid var(--brand-200)} .schedule-head{text-align:center;margin-bottom:24px} .schedule-icon-wrap{  width:56px;height:56px;border-radius:50%;  background:#fff;color:var(--brand-700);  display:inline-grid;place-items:center;margin-bottom:12px;  box-shadow:var(--shadow-sm); } .schedule-icon-wrap svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .schedule h3{font-size:22px;font-weight:800;color:var(--brand-900);margin-bottom:4px} .schedule-head p{color:var(--g-500);font-size:14px} .schedule-table{display:flex;flex-direction:column;gap:10px} .schedule-row{  display:grid;grid-template-columns:50px 1fr auto auto;  align-items:center;gap:16px;  padding:12px 16px;  background:#fff;border-radius:10px; } .day-short{  background:var(--brand-100);color:var(--brand-700);  padding:5px 10px;border-radius:6px;  font-size:10px;font-weight:800;text-align:center;  text-transform:uppercase;letter-spacing:.5px; } .day-full{font-weight:700;font-size:14px;color:var(--g-800)} .time-cell{text-align:right} .time-cell .lbl{font-size:9px;color:var(--g-400);text-transform:uppercase;font-weight:700;letter-spacing:.5px} .time-cell .val{font-size:12px;color:var(--g-900);font-weight:700;font-variant-numeric:tabular-nums} .schedule-note{text-align:center;color:var(--g-400);font-size:11px;font-style:italic;margin-top:18px}  footer{background:var(--brand-900);color:rgba(255,255,255,.7);padding:64px 20px 24px} .footer-inner{max-width:1280px;margin:0 auto} .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:48px;margin-bottom:40px} .footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px;max-width: 150px;} .footer-mark{  width:50px;height:50px;border-radius:50%;  background:var(--y);color:var(--brand-900);  display:flex;flex-direction:column;align-items:center;justify-content:center;  font-weight:800;line-height:1; } .footer-mark span:first-child{font-size:15px} .footer-mark span:last-child{font-size:6px;letter-spacing:1px;text-transform:uppercase;margin-top:2px} .footer-brand-name{font-size:20px;color:#fff;font-weight:800;letter-spacing:-.3px} .footer-about{font-size:14px;line-height:1.6;margin-bottom:20px} .redes-sociais {display:flex;gap:10px} .redes-sociais a{  width:38px;height:38px;border-radius:12px;  background:rgba(255,255,255,.08);color:#fff;  display:grid;place-items:center;  transition:background .2s, transform .2s; } .redes-sociais a:hover{background:var(--brand-500);transform:translateY(-2px)} .redes-sociais svg{width:18px;height:18px;fill:currentColor} .footer-col h3{font-size:16px;font-weight:800;color:#fff;margin-bottom:18px} .footer-col li{margin-bottom:10px} .footer-col a{font-size:14px;color:rgba(255,255,255,.65);transition:color .2s;cursor:pointer} .footer-col a:hover{color:#fff} .footer-col p{font-size:14px;line-height:1.6;margin-bottom:10px;display:flex;gap:10px;align-items:flex-start} .footer-col p svg{width:18px;height:18px;stroke:var(--brand-300);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:2px} .pay-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px} .pay-chip{  background:rgba(255,255,255,.08);color:#fff;  padding:6px 14px;border-radius:8px;  font-size:11px;font-weight:800;letter-spacing:.5px; } .secure-row{  display:flex;align-items:center;gap:10px;  background:rgba(121,145,71,.18);  padding:10px 14px;border-radius:10px;  font-size:12px;color:rgba(255,255,255,.85); } .secure-row svg{width:18px;height:18px;stroke:var(--brand-300);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} .footer-bottom{  border-top:1px solid rgba(255,255,255,.1);padding-top:22px;  display:flex;justify-content:space-between;align-items:center;gap:16px;  font-size:13px;color:rgba(255,255,255,.55);flex-wrap:wrap; } .footer-puz{color:var(--r);font-weight:800}  .wa-float{  position:fixed;right:24px;bottom:24px;z-index:40;  width:58px;height:58px;border-radius:50%;  background:#25D366;color:#fff;  display:grid;place-items:center;  box-shadow:0 8px 24px rgba(37,211,102,.5);  transition:transform .2s; } .wa-float:hover{transform:scale(1.08)} .wa-float svg{width:30px;height:30px;fill:currentColor} .wa-float::after{  content:'';position:absolute;inset:0;border-radius:50%;  background:#25D366;opacity:.3;animation:pulse 2s ease-out infinite;z-index:-1; } @keyframes pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}  .modal-backdrop{  position:fixed;inset:0;z-index:100;  background:rgba(15,23,42,.7);  backdrop-filter:blur(4px);  display:none;  align-items:flex-end;justify-content:center;  animation:fadeIn .2s ease-out; } .modal-backdrop.open{display:flex} @keyframes fadeIn{from{opacity:0}to{opacity:1}} .modal{  background:#fff;  width:100%;max-width:520px;max-height:90vh;  border-radius:20px 20px 0 0;  overflow:hidden;  display:flex;flex-direction:column;  animation:slideUp .3s ease-out; } @keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}} @media(min-width:640px){  .modal-backdrop{align-items:center}  .modal{border-radius:20px;max-height:85vh} } .modal-head{  padding:20px 24px;  display:flex;align-items:center;justify-content:space-between;gap:12px;  border-bottom:1px solid var(--g-200); } .modal-head h2{font-size:18px;font-weight:800;color:var(--g-900)} .modal-close{  width:36px;height:36px;border-radius:50%;  background:var(--g-100);color:var(--g-700);  display:grid;place-items:center;  transition:background .2s; } .modal-close:hover{background:var(--g-200)} .modal-close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round} .modal-body{padding:24px;overflow-y:auto;flex:1}  .product-visual{  aspect-ratio:16/9;border-radius:14px;  margin-bottom:20px;overflow:hidden;  background:var(--brand-100); } .product-visual img{width:100%;height:100%;object-fit:cover;display:block}  #cart-modal{  align-items:stretch !important;  justify-content:flex-end !important; } #cart-modal .modal{  max-width:440px;width:100%;  height:100%;max-height:100%;  border-radius:0;  animation:slideRight .3s ease-out;  display:flex;flex-direction:column; } @keyframes slideRight{  from{transform:translateX(60px);opacity:0}  to{transform:translateX(0);opacity:1} } #cart-modal .modal-head{  padding:24px;gap:12px; } .cart-head-title{  display:flex;align-items:center;gap:12px; } .cart-head-title h2{font-size:22px;font-weight:800} .cart-count-pill{  background:var(--brand-100);color:var(--brand-700);  padding:3px 12px;border-radius:100px;  font-size:12px;font-weight:700; } #cart-modal .modal-body{padding:16px 24px} #cart-modal .modal-foot{padding:20px 24px;background:#fff}  .cart-item{  display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;  padding:12px;border-radius:14px;  border:1px solid var(--g-200);  margin-bottom:10px; } .cart-item-img{  width:72px;height:72px;border-radius:10px;  overflow:hidden;background:var(--brand-100); } .cart-item-img img{width:100%;height:100%;object-fit:cover;display:block} .cart-item-info{min-width:0} .cart-item-row1{  display:flex;align-items:center;justify-content:space-between;gap:8px;  margin-bottom:6px; } .cart-item-name{font-size:14px;font-weight:800;color:var(--g-900);line-height:1.3} .cart-item-price{font-size:14px;font-weight:800;color:var(--g-900);white-space:nowrap} .cart-item-row2{  display:flex;align-items:center;justify-content:space-between;gap:8px; } .cart-item-remove{  font-size:12px;color:var(--g-500);font-weight:600;  background:none;border:none;cursor:pointer;padding:0;  transition:color .2s; } .cart-item-remove:hover{color:var(--r)} .cart-item-obs{  font-size:11px;color:var(--g-500);font-style:italic;  margin-top:6px;line-height:1.4;  padding:6px 8px;background:var(--bg);border-radius:6px; } .cart-qty{  display:flex;align-items:center;gap:6px;  background:var(--g-100);border-radius:100px;padding:3px; } .cart-qty button{  width:26px;height:26px;border-radius:50%;  display:grid;place-items:center;cursor:pointer;border:none;  background:#fff;color:var(--brand-700);  box-shadow:0 1px 3px rgba(0,0,0,.08);  transition:transform .15s; } .cart-qty button:hover{transform:scale(1.08)} .cart-qty button svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round} .cart-qty .qty{  font-size:13px;font-weight:800;color:var(--g-900);  min-width:20px;text-align:center;  font-variant-numeric:tabular-nums; }  .frete-select{  display:flex;align-items:center;justify-content:space-between;  padding:12px 16px;border-radius:10px;  border:1px solid var(--g-200);background:#fff;  font-size:13px;color:var(--g-700);font-weight:600;  cursor:pointer;margin-bottom:16px;  font-family:inherit;width:100%; } .frete-select:hover{border-color:var(--brand-400)} .frete-select svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--g-400)} .summary-row{  display:flex;justify-content:space-between;align-items:baseline;  padding:8px 0;font-size:14px;color:var(--g-600); } .summary-row.total{  padding:12px 0 0;border-top:1px solid var(--g-200);  margin-top:8px;  font-size:18px;color:var(--g-900);font-weight:800; } .summary-row.total .summary-val{  font-size:22px;font-weight:800;color:var(--g-900); } .summary-val{font-weight:800;color:var(--g-900);font-variant-numeric:tabular-nums}  .cart-warning{  background:#fef3c7;color:#92400e;  padding:12px 14px;border-radius:10px;  font-size:13px;line-height:1.4;  margin:16px 0 12px;text-align:center;  border:1px solid #fde68a; } .cart-warning strong{color:#b45309}  .btn.btn-disabled{  background:var(--brand-200);color:#fff;  cursor:not-allowed;box-shadow:none;  pointer-events:none;opacity:.8; }  .cart-continue{  display:block;text-align:center;width:100%;  background:none;border:none;cursor:pointer;  font-size:14px;font-weight:700;color:var(--g-700);  padding:14px 0 0;  font-family:inherit;  transition:color .2s; } .cart-continue:hover{color:var(--brand-700)}  .cart-empty{text-align:center;padding:48px 16px;color:var(--g-500)} .cart-empty svg{width:56px;height:56px;margin:0 auto 14px;stroke:var(--g-300);fill:none;stroke-width:1.5} .cart-empty h3{font-size:18px;color:var(--g-700);margin-bottom:6px;font-weight:800} .cart-empty p{font-size:14px}  .obs-row{  display:flex;flex-direction:column;gap:8px;  margin-bottom:4px;margin-top:16px; } .obs-label{  font-size:14px;font-weight:700;color:var(--g-700);  display:flex;align-items:center;gap:6px; } .obs-label svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.6} .obs-input{  width:100%;  border:1px solid var(--g-200);  border-radius:12px;  padding:12px 14px;  font-family:inherit;font-size:14px;color:var(--g-900);  resize:vertical;min-height:72px;  outline:none;  transition:border-color .2s, background .2s;  background:var(--bg); } .obs-input:focus{  border-color:var(--brand-400);  background:#fff; } .obs-input::placeholder{color:var(--g-400)} .product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px} .product-tag{  font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;  background:var(--brand-100);color:var(--brand-700); } .product-tag.promo{background:#fff7ed;color:#c2410c} .product-tag.only{background:#fee2e2;color:#dc2626} .product-name{font-size:22px;font-weight:800;color:var(--g-900);margin-bottom:10px;line-height:1.2} .product-desc{font-size:14px;color:var(--g-600);line-height:1.6;margin-bottom:20px} .product-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:20px} .product-price{font-size:28px;font-weight:800;color:var(--g-900)} .product-old{font-size:15px;color:var(--g-400);text-decoration:line-through} .qty-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px} .qty-label{font-size:14px;font-weight:700;color:var(--g-700)} .qty-controls{display:flex;align-items:center;gap:12px;background:var(--g-100);border-radius:100px;padding:4px} .qty-btn{  width:32px;height:32px;border-radius:50%;  background:#fff;color:var(--brand-700);  display:grid;place-items:center;  box-shadow:var(--shadow-sm);  transition:transform .2s; } .qty-btn:hover{transform:scale(1.05)} .qty-btn:disabled{opacity:.4;cursor:not-allowed} .qty-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round} .qty-value{font-size:16px;font-weight:800;color:var(--g-900);min-width:24px;text-align:center} .modal-foot{padding:16px 24px;border-top:1px solid var(--g-200);background:#fff}  .cart-list{display:flex;flex-direction:column;gap:10px}  @media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:900px){   #hero-section{min-height:auto;padding:30px 0 50px;}   .hero-slide{ grid-template-columns:1fr; text-align:center; gap:36px;   }   .hero-slide > div:first-child{order:2}   .hero-photo{width:min(280px,75vw)}   .stat-chip.s1{right:0;top:10px}  .stat-chip.s2{right:0;bottom:30px}  .hero-desc{margin:0 auto 28px}  .cta-row{justify-content:center}  .pretitle{margin-left:auto;margin-right:auto}  .grid{grid-template-columns:repeat(2,1fr)}  .about-grid{grid-template-columns:1fr}  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}  .process-grid{grid-template-columns:1fr;max-width:480px} .account-link span:not(.svgicon){display:none}  .account-link{padding:8px;width:42px;height:42px;justify-content:center;background:rgba(255,255,255,.12)}  .cart-info .cart-label{display:none}  .nav-spacer{width:80px} } @media(max-width:600px){  .container,.header-top,.nav-inner{padding-left:16px;padding-right:16px}  .header-top{height:68px}  .logo-circle{width:88px;height:88px;top:6px}  .logo-circle .mf{font-size:20px}  .logo-circle .sub{font-size:7px;letter-spacing:1.2px}  #header.header-scrolled .logo-circle{width:52px;height:52px;top:4px}  #header.header-scrolled .logo-circle .mf{font-size:13px}  #header.header-scrolled .logo-circle .sub{font-size:5px;letter-spacing:.8px}  #header.header-scrolled .header-top{height:56px}  .hamburger{width:40px;height:40px}  .hamburger svg{width:22px;height:22px}  .cart-icon-wrap{width:28px;height:28px}  .cart-icon-wrap svg{width:14px;height:14px}  .cart-info .cart-total{font-size:12px}  .cart-btn{padding:5px 12px 5px 6px}  .nav-inner{display: none;}  .nav-link{padding:6px 10px;font-size:12px}  .nav-spacer{width:90px}  #hero-section{margin-top: 28px;}  .hero-title{letter-spacing:-1px}  .grid{grid-template-columns:1fr;gap:14px}  .card-name{font-size:14px}  #cardapio-title{font-size:24px}  .footer-grid{grid-template-columns:1fr;gap:28px}  .footer-bottom{flex-direction:column;text-align:center}  .schedule{padding:24px 20px}  .schedule-row{grid-template-columns: 48px 1fr;gap:10px}  .schedule-row .time-cell{grid-column:span 2;text-align:left;display:flex;justify-content:space-between;padding-top:6px;border-top:1px dashed var(--g-200)}  .schedule-row .time-cell:nth-of-type(2){border-top:none;padding-top:0} } .insidecontent {   --mfg-brand-50:#f4f6f0;   --mfg-brand-100:#e8ecd9;   --mfg-brand-500:#799147;   --mfg-brand-600:#6a8040;   --mfg-brand-700:#3F4A26;   --mfg-yellow-50:#FEF9E7;   --mfg-yellow-100:#FCEFC4;   --mfg-yellow-700:#854F0B;   --mfg-yellow-800:#BA7517;   --mfg-red:#EF4444;   --mfg-red-50:#FEE2E2;   --mfg-green-50:#ECFDF5;   --mfg-green-300:#A7F3D0;   --mfg-green-700:#065F46;   --mfg-bg:#F8FAFC;   --mfg-surface:#FFFFFF;   --mfg-ink:#0F172A;   --mfg-ink-2:#1F2937;   --mfg-muted:#475569;   --mfg-muted-2:#94A3B8;   --mfg-muted-3:#CBD5E1;   --mfg-line:#E5E7EB;   --mfg-line-2:#F3F4F6; background: var(--mfg-bg);   min-height: 100vh;   font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;   color: var(--mfg-ink-2);   padding: 24px 0 80px;   -webkit-font-smoothing: antialiased;  } .interna .insidecontent {  margin-top:70px; }   body.delivery .insidecontent * { box-sizing: border-box; }   body.delivery .insidecontent .container {   max-width: 720px;   margin: 0 auto;   padding: 0 16px;  }  body.delivery .insidecontent .processando {   background: var(--mfg-brand-500);   color: #fff;   padding: 14px 20px;   border-radius: 12px;   text-align: center;   font-weight: 700;   margin-bottom: 16px;  }  .delivery_car {   display: flex;   flex-direction: column;   background: transparent;  }  .delivery_car > * + * { margin-top: 14px; }  .delivery_car > .item + .item,  .delivery_car > .item + .car-total-qtde { margin-top: 0; }  .delivery_car > .greentag, .snap-discount {   background: var(--mfg-green-50);   color: var(--mfg-green-700);   padding: 11px 16px 11px 40px;   border-radius: 12px;   font-size: 13px;   font-weight: 600;   position: relative;   border: 1px solid var(--mfg-green-300);  }   .delivery_car > .greentag::before, .snap-discount::before {   content: '';   position: absolute;   left: 14px;   top: 50%;   transform: translateY(-50%);   width: 18px;   height: 18px;   background: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><polyline points='9 12 11 14 16 9'/></svg>") no-repeat center / contain;  }   .delivery_car > .greentag a {   color: var(--mfg-green-700);   text-decoration: underline;   font-weight: 700;   margin-left: 4px;  }  .delivery_car > .item,  .delivery_car > .car-total-qtde {   background: var(--mfg-surface);   padding: 14px 22px;   border-left: 1px solid var(--mfg-line);   border-right: 1px solid var(--mfg-line);  }  .delivery_car > .item:first-of-type {   border-top: 1px solid var(--mfg-line);   border-radius: 14px 14px 0 0;   padding-top: 56px;   position: relative;  }   .delivery_car > .item:first-of-type::before {   content: "Seu pedido";   position: absolute;   top: 0;   left: 22px;   right: 22px;   font-size: 15px;   font-weight: 800;   color: var(--mfg-ink);   padding: 16px 0 12px 26px;   border-bottom: 1px solid var(--mfg-line-2);   background: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F4A26' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/><line x1='3' y1='6' x2='21' y2='6'/><path d='M16 10a4 4 0 0 1-8 0'/></svg>") no-repeat 0 17px / 18px;  }  .delivery_car > .item + .item {   border-top: 1px solid var(--mfg-line-2);  }  .delivery_car > .car-total-qtde {   border-top: 1px solid var(--mfg-line);   border-bottom: 1px solid var(--mfg-line);   border-radius: 0 0 14px 14px;   padding: 14px 22px 16px;   font-size: 13px;   font-weight: 600;   color: var(--mfg-muted);   display: flex;   justify-content: space-between;   align-items: baseline;  }   .delivery_car > .car-total-qtde strong {   font-weight: 600;   color: var(--mfg-muted);  }  .delivery_car .item {   display: grid;   grid-template-columns: 60px 1fr auto;   gap: 4px 12px;  }   .delivery_car .item > img {   width: 60px;   height: 60px;   border-radius: 10px;   object-fit: cover;   background: var(--mfg-brand-100);   grid-column: 1;   grid-row: 1 / span 2;   align-self: start;  }  .delivery_car .item > .breakafter { display: contents; }   .delivery_car .item .titprod {   grid-column: 2;   grid-row: 1;   font-size: 13.5px;   font-weight: 800;   color: var(--mfg-ink);   line-height: 1.3;   margin: 0;   align-self: end;  }   .delivery_car .item .titprod .qtde-add {   display: inline-block;   background: var(--mfg-brand-100);   color: var(--mfg-brand-700);   font-size: 10px;   font-weight: 800;   padding: 2px 7px;   border-radius: 100px;   margin-right: 6px;   vertical-align: middle;  }   .delivery_car .item .preco {   grid-column: 3;   grid-row: 1;   font-size: 14px;   font-weight: 800;   color: var(--mfg-ink);   white-space: nowrap;   align-self: end;  }   .delivery_car .item .preco .real-rs {   font-size: 10px;   font-weight: 700;   color: var(--mfg-muted);   margin-right: 2px;  }   .delivery_car .item .itemtools {   grid-column: 2 / 4;   grid-row: 2;   display: flex;   gap: 10px;   align-items: center;   justify-content: flex-end;   display: none;  }   .delivery_car .item .itemtools a {   font-size: 11px;   color: var(--mfg-muted);   text-decoration: none;   font-weight: 600;   transition: color .2s;  }   .delivery_car .item .itemtools a:hover { color: var(--mfg-brand-700); }  .delivery_car .item .itemtools a.right { color: var(--mfg-red); }   .delivery_car .item .adicionais,  .delivery_car .item .observacoes {   grid-column: 1 / 4;   font-size: 12px;   color: var(--mfg-muted);   font-style: italic;   padding: 6px 10px;   background: var(--mfg-bg);   border-radius: 6px;   margin-top: 4px;  }   .delivery_car .item .adicionais:empty,  .delivery_car .item .observacoes:empty { display: none; }  .delivery_car > .delivery_buttons {   background: transparent;   padding: 0 4px;  }   .delivery_car > .delivery_buttons .notifyHere:empty { display: none; }   .delivery_car > .delivery_buttons .btn {   display: inline-flex;   align-items: center;   gap: 4px;   padding: 0;   background: transparent;   color: var(--mfg-brand-700);   border: none;   font-weight: 700;   font-size: 13px;   text-decoration: none;   transition: color .2s;  }   .delivery_car > .delivery_buttons .btn::before {   content: '←';   font-size: 14px;   margin-right: 2px;  }   .delivery_car > .delivery_buttons .btn:hover { color: var(--mfg-brand-500); }  .delivery_car > section,  .delivery_car form#entregaform > section {   background: var(--mfg-surface);   border-radius: 14px;   border: 1px solid var(--mfg-line);   padding: 18px 22px;  }   .delivery_car form#entregaform {   display: flex;   flex-direction: column;   gap: 12px;   margin-top: 14px;  }   .delivery_car form#entregaform > section { margin-top: 0; }  .delivery_car section > h3 {   font-size: 15px;   font-weight: 800;   color: var(--mfg-ink);   margin: 0 0 4px;   padding-left: 36px;   position: relative;   min-height: 28px;   line-height: 28px;  }   .delivery_car section > h3::before {   content: '';   position: absolute;   left: 0;   top: 0;   width: 28px;   height: 28px;   background-color: var(--mfg-brand-100);   border-radius: 8px;   background-repeat: no-repeat;   background-position: center;   background-size: 16px;  }  .delivery_car section.entrega > h3::before {   background-image: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F4A26' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>");  }  .delivery_car section.totalbox > h3::before {   background-image: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F4A26' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='5' width='20' height='14' rx='2'/><line x1='2' y1='10' x2='22' y2='10'/></svg>");  }  .delivery_car section.agendamento > h3::before {   background-image: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F4A26' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>");  }  .delivery_car section.entrega .askend {   color: var(--mfg-muted);   font-size: 13px;   margin-bottom: 14px;   padding-left: 36px;   margin-top: -2px;  }   .delivery_car .addresslist {   display: flex;   flex-direction: column;   gap: 8px;  }   .delivery_car .addresslist .wrapadd {   position: relative;  }   .delivery_car .addresslist a.addbtn,  .delivery_car .addresslist a.local_add {   display: block;   padding: 13px 44px 13px 42px;   background: #fff;   border: 1px solid var(--mfg-line);   border-radius: 12px;   font-size: 13px;   font-weight: 600;   color: var(--mfg-ink);   text-decoration: none;   position: relative;   transition: all .2s;   line-height: 1.4;  }   .delivery_car .addresslist a.local_add {   padding-right: 14px;  }  .delivery_car .addresslist a.addbtn::before,  .delivery_car .addresslist a.local_add::before {   content: '';   position: absolute;   left: 14px;   top: 50%;   transform: translateY(-50%);   width: 16px;   height: 16px;   border-radius: 50%;   border: 2px solid var(--mfg-muted-3);   background: #fff;   transition: all .2s;  }   .delivery_car .addresslist a.addbtn.selected,  .delivery_car .addresslist a.local_add.selected {   background: var(--mfg-brand-50);   border-color: var(--mfg-brand-500);   border-width: 1.5px;  }   .delivery_car .addresslist a.addbtn.selected::before,  .delivery_car .addresslist a.local_add.selected::before {   border-color: var(--mfg-brand-500);   background: var(--mfg-brand-500);   box-shadow: inset 0 0 0 3px #fff;  }  .delivery_car .addresslist .deladdbtn {   position: absolute;   right: 10px;   top: 50%;   transform: translateY(-50%);   color: transparent;   font-size: 0;   text-decoration: none;   width: 28px;   height: 28px;   border-radius: 6px;   background: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='3 6 5 6 21 6'/><path d='M19 6l-2 14a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2L5 6'/><path d='M10 11v6M14 11v6'/></svg>") no-repeat center / 16px;   transition: background-color .15s;  }   .delivery_car .addresslist .deladdbtn:hover {   background-color: var(--mfg-red-50);  }  .delivery_car section.entrega .newend {   display: flex;   align-items: center;   justify-content: center;   gap: 6px;   padding: 11px 14px;   background: transparent;   border: 1.5px dashed var(--mfg-muted-3);   border-radius: 12px;   font-size: 13px;   font-weight: 600;   color: var(--mfg-muted);   text-decoration: none;   margin-top: 10px;   transition: all .2s;  }   .delivery_car section.entrega .newend::before {   content: '';   width: 16px;   height: 16px;   background: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='5' x2='12' y2='19'/><line x1='5' y1='12' x2='19' y2='12'/></svg>") no-repeat center / contain;  }   .delivery_car section.entrega .newend:hover {   border-color: var(--mfg-brand-500);   color: var(--mfg-brand-700);   background: var(--mfg-brand-50);  }  .delivery_car section.totalbox {   display: flex;   flex-direction: column;  }  .delivery_car section.totalbox > a.btn {   align-self: flex-end;   padding: 5px 12px;   background: transparent;   border: 1px solid var(--mfg-line);   border-radius: 100px;   font-size: 11px;   font-weight: 600;   color: var(--mfg-muted);   text-decoration: none;   margin-top: -28px;   margin-bottom: 8px;   transition: all .2s;  }   .delivery_car section.totalbox > a.btn:hover {   border-color: var(--mfg-red);   color: var(--mfg-red);  }  .delivery_car #desconto_extra {   background: var(--mfg-line-2);   border-radius: 10px;   padding: 12px;   margin: 8px 0;  }   .delivery_car #desconto_extra .fieldwrap.fieldname-desconto-extra {   display: flex;   align-items: center;   gap: 8px;   flex-wrap: wrap;  }   .delivery_car #desconto_extra .add-on {   font-size: 12px;   font-weight: 600;   color: var(--mfg-muted);  }   .delivery_car #desconto_extra .input-prepend.inputwrap {   display: inline-flex;   flex: 1;   min-width: 100px;  }   .delivery_car #desconto_extra input[name="desconto_extra"] {   width: 100%;   padding: 8px 10px;   border: 1px solid var(--mfg-line);   border-radius: 6px;   font-size: 13px;   background: #fff;   font-family: inherit;   outline: none;  }   .delivery_car #desconto_extra button {   padding: 8px 16px;   background: var(--mfg-brand-500);   color: #fff;   border: none;   border-radius: 6px;   font-size: 12px;   font-weight: 700;   cursor: pointer;   font-family: inherit;  }   .delivery_car #desconto_extra .minortext {   font-size: 11px;   color: var(--mfg-muted);   margin-top: 8px;  }  .delivery_car .subtot {   display: flex;   justify-content: space-between;   padding: 5px 0;   font-size: 13px;   color: var(--mfg-muted);  }   .delivery_car .subtot .right {   color: var(--mfg-ink);   font-weight: 600;  }  .delivery_car .totalfinal {   display: flex;   justify-content: space-between;   align-items: baseline;   padding: 12px 0 0;   font-size: 15px;   font-weight: 800;   color: var(--mfg-ink);   border-top: 1px solid var(--mfg-line);   margin-top: 6px;  }   .delivery_car .totalfinal .right {   font-size: 17px;   font-weight: 800;  }  .delivery_car section.forma-pagamento > strong {   display: block;   font-size: 13px;   font-weight: 700;   color: var(--mfg-muted);   margin-bottom: 6px;  }  .delivery_car select {   width: 100%;   padding: 11px 38px 11px 14px;   border: 1px solid var(--mfg-line);   border-radius: 10px;   font-size: 14px;   font-family: inherit;   background-color: #fff;   color: var(--mfg-ink);   outline: none;   cursor: pointer;   appearance: none;   -webkit-appearance: none;   background-image: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");   background-repeat: no-repeat;   background-position: right 12px center;   background-size: 14px;  }   .delivery_car select:focus {   border-color: var(--mfg-brand-500);   box-shadow: 0 0 0 3px rgba(121,145,71,.1);  }  .delivery_car #dinheiro,  .delivery_car #cartao,  .delivery_car #otherpag {   margin-top: 12px;   padding: 14px;   background: var(--mfg-bg);   border-radius: 10px;   font-size: 13.5px;   color: var(--mfg-muted);  }  .delivery_car .buttonsField.greybuttons {   display: inline-flex;   gap: 0;   background: var(--mfg-line-2);   border-radius: 100px;   padding: 3px;   margin-left: 8px;   vertical-align: middle;  }   .delivery_car .buttonsField.greybuttons a.btn {   display: inline-block;   padding: 5px 14px;   background: transparent;   border: none;   border-radius: 100px;   font-size: 12px;   font-weight: 700;   color: var(--mfg-muted);   text-decoration: none;   transition: all .2s;  }   .delivery_car .buttonsField.greybuttons a.btn.selected {   background: #fff;   color: var(--mfg-ink);   box-shadow: 0 1px 3px rgba(0,0,0,.08);  }  .delivery_car #trocoField {   margin-top: 12px;  }   .delivery_car #trocoField .fieldwrap.fieldname-troco {   display: flex;   align-items: center;   gap: 6px;   flex-wrap: wrap;  }   .delivery_car #trocoField .add-on {   font-size: 13px;   font-weight: 600;   color: var(--mfg-muted);  }   .delivery_car #trocoField input[name="troco_val"] {   flex: 1;   padding: 10px 12px;   border: 1px solid var(--mfg-line);   border-radius: 8px;   font-size: 14px;   background: #fff;   outline: none;   font-family: inherit;  }  .delivery_car section.agendamento .row {   display: flex;   gap: 12px;   margin-top: 10px;   flex-wrap: wrap;  } .delivery_car section.agendamento .row.hidden {  display:none; }   .delivery_car section.agendamento .col {   flex: 1;   min-width: 140px;   font-size: 13px;   color: var(--mfg-muted);   font-weight: 600;  }   .delivery_car section.agendamento .col select {   margin-top: 6px;   font-weight: 500;   color: var(--mfg-ink);  }  .delivery_car #restricao_horario {   font-size: 13px;   color: var(--mfg-ink);   font-weight: 600;   line-height: 1.5;  }   .delivery_car #restricao_horario p {   background: var(--mfg-yellow-50);   border: 1px solid var(--mfg-yellow-100);   color: var(--mfg-yellow-700) !important;   padding: 11px 14px 11px 38px;   border-radius: 10px;   font-size: 12px;   font-weight: 500 !important;   margin: 12px 0 0;   position: relative;   line-height: 1.45;  }   .delivery_car #restricao_horario p::before {   content: '';   position: absolute;   left: 12px;   top: 12px;   width: 16px;   height: 16px;   background: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BA7517' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/><line x1='12' y1='9' x2='12' y2='13'/><line x1='12' y1='17' x2='12.01' y2='17'/></svg>") no-repeat center / contain;  }   .delivery_car #restricao { margin-top: 12px; }   .delivery_car #restricao label,  .delivery_car .input-field label {   display: block;   font-size: 13px;   font-weight: 600;   color: var(--mfg-ink);   margin-bottom: 6px;  }  .delivery_car textarea,  .delivery_car textarea.materialize-textarea,  .delivery_car .input-field textarea {   width: 100%;   padding: 11px 14px;   border: 1px solid var(--mfg-line);   border-radius: 10px;   font-size: 13.5px;   font-family: inherit;   outline: none;   background: #fff;   color: var(--mfg-ink);   resize: vertical;   min-height: 46px;  }   .delivery_car textarea::placeholder { color: var(--mfg-muted-2); }   .delivery_car textarea:focus {   border-color: var(--mfg-brand-500);   box-shadow: 0 0 0 3px rgba(121,145,71,.1);  }   .delivery_car .help {   font-size: 11px;   color: var(--mfg-muted-2);   margin-top: 6px;  }  .delivery_car #buttonArea {   margin-top: 14px;  }   .delivery_car #buttonArea #messageArea {   background: var(--mfg-yellow-50);   border: 1px solid var(--mfg-yellow-100);   color: var(--mfg-yellow-700);   padding: 12px 14px;   border-radius: 10px;   font-size: 13px;   margin-bottom: 10px;   display: none;  }   .delivery_car #buttonArea button.greenbutton,  .delivery_car #buttonArea .btn.greenbutton {   display: block !important;   width: 100%;   padding: 14px 24px;   background: var(--mfg-brand-500);   color: #fff;   border-radius: 12px;   border: none;   font-size: 14px;   font-weight: 800;   text-align: center;   text-decoration: none;   cursor: pointer;   box-shadow: 0 8px 16px rgba(121,145,71,.25);   transition: all .2s;   font-family: inherit;  }   .delivery_car #buttonArea button.greenbutton::after {   content: ' ›';   font-size: 18px;   font-weight: 800;   margin-left: 4px;  }   .delivery_car #buttonArea button.greenbutton:hover {   background: var(--mfg-brand-600);   transform: translateY(-1px);   box-shadow: 0 10px 22px rgba(121,145,71,.35);  }   .delivery_car #buttonArea .minitext {   text-align: center;   font-size: 11px;   color: var(--mfg-muted-2);   margin-top: 8px;  }  .delivery_car .hidden,  .insidecontent .hidden { display: none; }  @media (max-width: 600px) {   .delivery_car > .item,   .delivery_car > .car-total-qtde,   .delivery_car > section,   .delivery_car form#entregaform > section { padding-left: 16px; padding-right: 16px;   }   .delivery_car > .item:first-of-type::before { left: 16px; right: 16px;   }   .delivery_car > section,   .delivery_car form#entregaform > section { padding-top: 16px; padding-bottom: 16px;   }   .delivery_car .item { grid-template-columns: 56px 1fr auto; gap: 4px 10px;   }   .delivery_car .item > img { width: 56px; height: 56px; border-radius: 10px;   }   .delivery_car section.agendamento .row { flex-direction: column;   }   .delivery_car #restricao_horario { line-height: 1.6;   }   .delivery_car .buttonsField.greybuttons { margin-left: 0; margin-top: 8px; display: inline-flex;   }  } #cadastrosec {  --mfg-brand-50:#f4f6f0;  --mfg-brand-500:#799147;  --mfg-brand-600:#6a8040;  --mfg-brand-700:#3F4A26;  --mfg-bg:#F8FAFC;  --mfg-surface:#FFFFFF;  --mfg-ink:#0F172A;  --mfg-muted:#475569;  --mfg-muted-2:#94A3B8;  --mfg-line:#E5E7EB; }  #cadastrosec {  display: none;  position: fixed;  inset: 0;  background: rgba(15, 23, 42, 0.55);  backdrop-filter: blur(4px);  -webkit-backdrop-filter: blur(4px);  z-index: 9999;  padding: 24px 16px;  overflow-y: auto;  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;  -webkit-font-smoothing: antialiased; } #cadastrosec.open {  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  gap: 12px; }  body.modal-open {  overflow: hidden; }  #cadastrosec .modal-close {  position: fixed;  top: 20px;  right: 20px;  width: 38px;  height: 38px;  border-radius: 50%;  background: rgba(255, 255, 255, 0.95);  border: none;  color: var(--mfg-ink);  font-size: 22px;  font-weight: 400;  cursor: pointer;  display: grid;  place-items: center;  line-height: 1;  transition: all .2s;  z-index: 10001;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } #cadastrosec .modal-close:hover {  background: #fff;  transform: scale(1.05);  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }  #cadastrosec > section {  background: var(--mfg-surface);  border-radius: 16px;  border: 1px solid var(--mfg-line);  padding: 28px 24px;  width: 100%;  max-width: 420px;  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25);  position: relative;  animation: cadastrosecIn .25s ease-out; } @keyframes cadastrosecIn {  from { opacity: 0; transform: translateY(12px); }  to { opacity: 1; transform: translateY(0); } }  #cadastrosec .z-depth-1 {  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15) !important; }  #cadastrosec h2 {  font-size: 18px;  font-weight: 800;  color: var(--mfg-ink);  margin: 0 0 4px;  letter-spacing: -.2px; } #cadastrosec .minitext, #cadastrosec .minitext.fixmargin {  font-size: 13px;  color: var(--mfg-muted);  margin-bottom: 18px;  line-height: 1.4; }  #cadastrosec .login-area-form form {  display: flex;  flex-direction: column;  gap: 12px; }  #cadastrosec .fieldwrap.fieldname-login.input-login {  display: contents; } #cadastrosec .fieldwrap {  margin: 0; }  #cadastrosec .login-area-form label.label-placeholder {  display: block;  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  white-space: nowrap;  border: 0; }  #cadastrosec input.input, #cadastrosec input.log_log, #cadastrosec input.log_pass {  width: 100%;  padding: 12px 14px;  border: 1px solid var(--mfg-line);  border-radius: 10px;  font-size: 14px;  font-family: inherit;  background: var(--mfg-bg);  color: var(--mfg-ink);  outline: none;  transition: all .2s; } #cadastrosec input.input:focus, #cadastrosec input.log_log:focus, #cadastrosec input.log_pass:focus {  background: #fff;  border-color: var(--mfg-brand-500);  box-shadow: 0 0 0 3px rgba(121, 145, 71, 0.1); } #cadastrosec input.input::placeholder {  color: var(--mfg-muted-2); }  #cadastrosec .fieldwrap.fieldname-keep_login {  margin: 2px 0 4px; } #cadastrosec .fieldwrap.fieldname-keep_login label {  display: flex;  align-items: center;  gap: 8px;  font-size: 13px;  color: var(--mfg-muted);  cursor: pointer;  margin: 0;  position: static;  width: auto;  height: auto;  clip: auto;  overflow: visible; } #cadastrosec input[type="checkbox"].checkbox-input {  width: 16px;  height: 16px;  accent-color: var(--mfg-brand-500);  cursor: pointer;  margin: 0;   opacity: 1;  position: static;  pointer-events: auto; } #cadastrosec .fieldwrap.fieldname-keep_login .field-name {  position: static;  width: auto;  height: auto;  clip: auto;  font-weight: 500;  color: var(--mfg-muted);  font-size: 13px; }  #cadastrosec .formbutton-align {  display: block;  margin-top: 6px; } #cadastrosec .log_button {  width: 100%;  padding: 13px 20px;  background: var(--mfg-brand-500);  color: #fff;  border: none;  border-radius: 10px;  font-size: 13px;  font-weight: 800;  cursor: pointer;  text-transform: uppercase;  letter-spacing: .5px;  font-family: inherit;  transition: all .2s; } #cadastrosec .log_button:hover {  background: var(--mfg-brand-600);  transform: translateY(-1px);  box-shadow: 0 6px 14px rgba(121, 145, 71, .25); } #cadastrosec .log_button:active {  transform: translateY(0); }  #cadastrosec .menu-usuario-esqsenha {  display: block;  margin-top: 14px;  font-size: 13px;  color: var(--mfg-brand-700);  text-decoration: none;  font-weight: 600;  text-align: center;  transition: color .2s; } #cadastrosec .menu-usuario-esqsenha:hover {  color: var(--mfg-brand-500);  text-decoration: underline; }  #cadastrosec .oauth-area-login {  margin-top: 14px; } #cadastrosec .oauth-area-login:empty {  display: none; }  #cadastrosec .cadbox.nocad {  text-align: center; } #cadastrosec .cadbox.nocad h2, #cadastrosec .cadbox.nocad .minitext {  text-align: left; } #cadastrosec .cadbox.nocad .minitext {  margin-bottom: 14px; } #cadastrosec .cadbox.nocad .btn {  display: inline-block;  padding: 12px 28px;  background: transparent;  color: var(--mfg-brand-700);  border: 1.5px solid var(--mfg-brand-500);  border-radius: 100px;  font-size: 13px;  font-weight: 700;  text-decoration: none;  transition: all .2s; } #cadastrosec .cadbox.nocad .btn:hover {  background: var(--mfg-brand-500);  color: #fff;  transform: translateY(-1px);  box-shadow: 0 6px 14px rgba(121, 145, 71, .2); }  .hidden { display: none; }  @media (max-width: 600px) {  #cadastrosec {   padding: 16px;  }  #cadastrosec > section {   padding: 24px 20px;  }  #cadastrosec .modal-close {   top: 14px;   right: 14px;   width: 34px;   height: 34px;   font-size: 20px;  }  #cadastrosec h2 {   font-size: 17px;  } } #cadastrosec .modal-close .svgicon {  display: flex;  align-items: center;  justify-content: center; } .whatsapp_relative {   left: 20px;   right: initial; }  @keyframes spin-slow {  from { transform: rotate(0deg); }  to { transform: rotate(360deg); } } .illus-spin { animation: spin-slow 8s linear infinite; transform-origin: center; transform-box: fill-box; } @keyframes drift-y {  0%, 100% { transform: translateY(0); }  50% { transform: translateY(-4px); } } .illus-drift { animation: drift-y 3s ease-in-out infinite; transform-origin: center; transform-box: fill-box; }  @keyframes mw-plate-spin {  from { transform: rotate(0deg); }  to { transform: rotate(360deg); } } .mw-plate-rotate {  animation: mw-plate-spin 5s linear infinite;  transform-origin: 51px 78px; } @keyframes mw-glow-pulse {  0%, 100% { opacity: 0.18; }  50% { opacity: 0.55; } } .mw-glow { animation: mw-glow-pulse 1.4s ease-in-out infinite; } @keyframes mw-steam-rise {  0% { transform: translateY(0) scale(1); opacity: 0; }  20% { opacity: 0.8; }  100% { transform: translateY(-18px) scale(1.25); opacity: 0; } } .mw-steam {  animation: mw-steam-rise 2.2s ease-out infinite;  transform-origin: center;  transform-box: fill-box; } .mw-steam-2 { animation-delay: -0.7s; } .mw-steam-3 { animation-delay: -1.4s; }  @keyframes moto-bob {  0%, 100% { transform: translateY(0) rotate(0deg); }  25% { transform: translateY(-0.6px) rotate(-0.4deg); }  75% { transform: translateY(0.6px) rotate(0.4deg); } } .moto-bob {  animation: moto-bob 0.6s ease-in-out infinite;  transform-origin: 60px 60px; } @keyframes moto-wheel {  from { transform: rotate(0deg); }  to { transform: rotate(360deg); } } .moto-wheel-front { animation: moto-wheel 0.6s linear infinite; transform-origin: 90px 78px; } .moto-wheel-back { animation: moto-wheel 0.6s linear infinite; transform-origin: 30px 78px; } @keyframes moto-speed {  0%  { transform: translateX(8px); opacity: 0; }  30% { opacity: 1; }  100% { transform: translateX(-22px); opacity: 0; } } .moto-speed-1 { animation: moto-speed 0.55s linear infinite; transform-box: fill-box; } .moto-speed-2 { animation: moto-speed 0.55s linear -0.18s infinite; transform-box: fill-box; } .moto-speed-3 { animation: moto-speed 0.55s linear -0.36s infinite; transform-box: fill-box; } @media (prefers-reduced-motion: reduce) {  .illus-spin, .illus-drift,  .mw-plate-rotate, .mw-glow, .mw-steam,  .moto-bob, .moto-wheel-front, .moto-wheel-back,  .moto-speed-1, .moto-speed-2, .moto-speed-3 {   animation: none;  } } @keyframes shimmer-slow {  0%, 100% { transform: translateY(0) rotate(-3deg); }  50% { transform: translateY(-8px) rotate(3deg); } } .animate-shimmer-slow {  animation: shimmer-slow 5s ease-in-out infinite; }  .add-btn[disabled], .add-btn:disabled, .card-qty-ctrl button[disabled], .card-qty-ctrl button:disabled {  opacity: .35;  cursor: not-allowed;  pointer-events: none;  filter: grayscale(.6); }  .card[data-qtde="0"] .card-img {  position: relative; } .card[data-qtde="0"] .card-img::after {  content: 'Esgotado';  position: absolute;  top: 50%; left: 50%;  transform: translate(-50%, -50%);  background: rgba(15,23,42,.82);  color: #fff;  padding: 6px 14px;  border-radius: 100px;  font-size: 11px;  font-weight: 800;  letter-spacing: .6px;  text-transform: uppercase;  z-index: 3;  box-shadow: 0 4px 12px rgba(0,0,0,.25); } .card[data-qtde="0"] .card-img img {  filter: grayscale(.7);  opacity: .55; } .card[data-qtde="0"] a.add-btn {  background: rgb(189, 188, 188); }   .product-extras-block {  border-top: 1px solid var(--mfg-line-2, #F3F4F6);  margin-top: 16px;  padding-top: 16px; } .product-extras-header {  display: flex;  align-items: center;  justify-content: space-between;  margin-bottom: 12px;  gap: 12px; } .product-extras-title {  font-size: 14px;  font-weight: 800;  color: var(--mfg-ink, #0F172A);  letter-spacing: -.1px; }  .product-extras-rule {  font-size: 11px;  font-weight: 700;  letter-spacing: .2px;  padding: 4px 10px;  border-radius: 100px;  transition: all .2s;  white-space: nowrap; color: var(--mfg-muted, #475569);  background: var(--mfg-line-2, #F3F4F6); } .product-extras-rule.invalid {  color: #B45309;  background: #FEF3C7; } .product-extras-rule.valid {  color: var(--mfg-brand-700, #3F4A26);  background: var(--mfg-brand-100, #e8ecd9); }  .product-extras-list {  display: flex;  flex-direction: column;  gap: 6px; } .product-extra-item {  display: grid;  grid-template-columns: 1fr auto;  gap: 12px;  padding: 10px 14px;  background: var(--mfg-bg, #F8FAFC);  border: 1px solid transparent;  border-radius: 10px;  align-items: center;  transition: all .15s; }  .product-extra-item:has(.qty-val:not(:empty):not([data-qty="0"])) {  background: var(--mfg-brand-50, #f4f6f0);  border-color: var(--mfg-brand-200, #d4dcb8); } .product-extra-info {  display: flex;  flex-direction: column;  gap: 1px;  min-width: 0; } .product-extra-name {  font-size: 13.5px;  font-weight: 700;  color: var(--mfg-ink, #0F172A);  line-height: 1.3; } .product-extra-price {  font-size: 11.5px;  color: var(--mfg-muted, #475569);  font-weight: 600; }  .product-extra-qty {  display: flex;  align-items: center;  gap: 4px;  background: #fff;  border-radius: 100px;  padding: 3px;  border: 1px solid var(--mfg-line, #E5E7EB); } .product-extra-qty button {  width: 26px;  height: 26px;  border-radius: 50%;  border: none;  background: transparent;  color: var(--mfg-muted, #475569);  cursor: pointer;  display: grid;  place-items: center;  transition: all .15s;  padding: 0; } .product-extra-qty button:not(:disabled):hover {  background: var(--mfg-brand-500, #799147);  color: #fff;  transform: scale(1.05); } .product-extra-qty button:disabled {  opacity: .3;  cursor: not-allowed; } .product-extra-qty .qty-val {  min-width: 18px;  text-align: center;  font-weight: 800;  color: var(--mfg-ink, #0F172A);  font-size: 13px; }  .product-extra-qty .qty-val:not([data-qty="0"]):not(:empty) {  color: var(--mfg-brand-700, #3F4A26); }  #product-add-btn:disabled, .product-add-btn:disabled {  opacity: .45;  cursor: not-allowed;  filter: grayscale(.4); } #product-add-btn:disabled::after {  content: ' (escolha os adicionais)';  font-size: 11px;  font-weight: 600;  letter-spacing: 0;  text-transform: none;  opacity: .8; }  .cart-item-extras {  margin-top: 4px;  display: flex;  flex-wrap: wrap;  gap: 4px; } .cart-item-extras span {  display: inline-block;  font-size: 11px;  font-weight: 600;  color: var(--mfg-brand-700, #3F4A26);  background: var(--mfg-brand-100, #e8ecd9);  padding: 2px 8px;  border-radius: 100px; }  @media (max-width: 600px) {  .product-extra-item {   padding: 10px 12px;  }  .product-extra-name {   font-size: 13px;  }  .product-extra-qty button {   width: 24px;   height: 24px;  } }  .cart-combo-banner {  background: #ECFDF5;  color: #065F46;  border: 1px solid #A7F3D0;  padding: 11px 14px 11px 40px;  border-radius: 10px;  font-size: 13px;  font-weight: 600;  position: relative;  margin-bottom: 10px;  line-height: 1.35; } .cart-combo-banner::before {  content: '';  position: absolute;  left: 14px;  top: 50%;  transform: translateY(-50%);  width: 18px;  height: 18px;  background: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><polyline points='9 12 11 14 16 9'/></svg>") no-repeat center / contain; } .cart-combo-banner strong {  font-weight: 800; }  .cart-combo-hint {  background: #FEF9E7;  color: #854F0B;  border: 1px solid #FCEFC4;  padding: 10px 14px 10px 38px;  border-radius: 10px;  font-size: 12.5px;  font-weight: 500;  position: relative;  margin-bottom: 10px;  line-height: 1.35; } .cart-combo-hint::before {  content: '';  position: absolute;  left: 12px;  top: 50%;  transform: translateY(-50%);  width: 16px;  height: 16px;  background: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BA7517' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='12' y1='8' x2='12' y2='12'/><line x1='12' y1='16' x2='12.01' y2='16'/></svg>") no-repeat center / contain; } .cart-combo-hint strong {  font-weight: 800; }  .summary-row.discount {  color: #065F46; } .summary-row.discount .summary-val {  color: #065F46;  font-weight: 700; }