/* ═══════════════════════════════════════════════════════════════
   PORÇÕES PG — styles.css
   ▼▼▼  CONFIG 1 de 2 — CORES DA MARCA  ▼▼▼
   Troque os 4 primeiros valores pelos tons da marca.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --marca:        #0a9396;   /* cor principal (cabeçalho, preços) */
  --marca-escura: #077a7d;   /* tom mais escuro da principal      */
  --destaque:     #ff8c42;   /* cor dos botões "Adicionar"        */
  --destaque-esc: #f2741f;   /* tom mais escuro do destaque       */
  /* ▲▲▲  fim das cores — não precisa mexer daqui pra baixo no CSS ▲▲▲ */

  --fundo:#fff8ee; --fundo-2:#fffdfa; --tinta:#2a2118; --tinta-suave:#7a6f60;
  --linha:#efe3d2; --coral:#ef476f; --zap:#25d366;
  --sombra:0 2px 4px rgba(42,33,24,.05),0 10px 30px rgba(42,33,24,.08);
  --f-disp:'Baloo 2',system-ui,sans-serif; --f-body:'Inter',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--f-body);color:var(--tinta);background:var(--fundo);line-height:1.55;-webkit-font-smoothing:antialiased;padding-bottom:96px;}
img{display:block;max-width:100%;}
.wrap{width:100%;max-width:760px;margin-inline:auto;padding-inline:18px;}
.topbar{background:linear-gradient(135deg,var(--marca),var(--marca-escura));color:#fff;padding:26px 0 30px;position:relative;overflow:hidden;}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:22px;background:var(--fundo);-webkit-mask:radial-gradient(14px at 14px 0,transparent 98%,#000) repeat-x;mask:radial-gradient(14px at 14px 0,transparent 98%,#000) repeat-x;mask-size:28px 22px;}
.brand-row{display:flex;align-items:center;gap:13px;}
.logo{width:52px;height:52px;border-radius:15px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:28px;flex:none;}
.brand-txt h1{font-family:var(--f-disp);font-weight:800;font-size:1.7rem;line-height:1;letter-spacing:-.01em;}
.brand-txt p{font-size:.9rem;opacity:.9;margin-top:3px;}
.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:500;}
.chip.open{background:var(--zap);}
.cats{position:sticky;top:0;z-index:20;background:var(--fundo);border-bottom:1px solid var(--linha);padding:12px 0;margin-bottom:6px;}
.cats-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
.cats-row::-webkit-scrollbar{display:none;}
.cat-btn{flex:none;font-family:var(--f-disp);font-weight:600;font-size:.92rem;color:var(--tinta-suave);background:var(--fundo-2);border:1.5px solid var(--linha);padding:8px 16px;border-radius:999px;cursor:pointer;transition:.15s;white-space:nowrap;}
.cat-btn.active{background:var(--tinta);color:#fff;border-color:var(--tinta);}
.cat-title{font-family:var(--f-disp);font-weight:700;font-size:1.35rem;margin:26px 0 14px;}
.item{display:flex;gap:14px;background:var(--fundo-2);border:1px solid var(--linha);border-radius:16px;padding:13px;margin-bottom:12px;box-shadow:var(--sombra);}
.item-img{width:92px;height:92px;border-radius:12px;object-fit:cover;flex:none;background:var(--linha);}
.item-body{flex:1;min-width:0;display:flex;flex-direction:column;}
.item-name{font-family:var(--f-disp);font-weight:600;font-size:1.08rem;line-height:1.2;}
.item-desc{font-size:.86rem;color:var(--tinta-suave);margin:3px 0 8px;}
.item-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.item-price{font-family:var(--f-disp);font-weight:700;font-size:1.1rem;color:var(--marca-escura);}
.add-btn{font-family:var(--f-disp);font-weight:700;font-size:.9rem;color:#fff;background:var(--destaque);border:none;border-radius:10px;padding:8px 15px;cursor:pointer;transition:.15s;box-shadow:0 4px 12px rgba(0,0,0,.12);}
.add-btn:hover{background:var(--destaque-esc);transform:translateY(-1px);}
.qty-ctrl{display:flex;align-items:center;background:var(--destaque);border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.12);}
.qty-ctrl button{width:34px;height:34px;border:none;background:transparent;color:#fff;font-size:1.3rem;font-weight:700;cursor:pointer;line-height:1;display:grid;place-items:center;}
.qty-ctrl button:hover{background:rgba(0,0,0,.12);}
.qty-ctrl span{font-family:var(--f-disp);font-weight:700;color:#fff;min-width:26px;text-align:center;font-size:1rem;}
.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--fundo-2);border-top:1px solid var(--linha);box-shadow:0 -6px 24px rgba(42,33,24,.1);padding:12px 0;transform:translateY(120%);transition:transform .3s cubic-bezier(.22,1,.36,1);}
.cartbar.show{transform:translateY(0);}
.cartbar-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;}
.cart-info{font-family:var(--f-disp);font-weight:600;}
.cart-info .count{font-size:.82rem;color:var(--tinta-suave);display:block;}
.cart-info .total{font-size:1.3rem;color:var(--marca-escura);}
.cart-open-btn{font-family:var(--f-disp);font-weight:700;font-size:1rem;color:#fff;background:var(--zap);border:none;border-radius:12px;padding:13px 22px;cursor:pointer;display:flex;align-items:center;gap:9px;transition:.15s;}
.cart-open-btn:hover{filter:brightness(1.05);transform:translateY(-1px);}
.overlay{position:fixed;inset:0;z-index:60;background:rgba(42,33,24,.5);display:none;align-items:flex-end;justify-content:center;}
.overlay.show{display:flex;}
.sheet{background:var(--fundo);width:100%;max-width:560px;max-height:92vh;overflow-y:auto;border-radius:22px 22px 0 0;padding:22px 18px 28px;animation:up .3s cubic-bezier(.22,1,.36,1);}
@keyframes up{from{transform:translateY(40px);opacity:.5;}to{transform:none;opacity:1;}}
.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.sheet-head h2{font-family:var(--f-disp);font-weight:800;font-size:1.5rem;}
.close-x{width:36px;height:36px;border:none;background:var(--linha);border-radius:50%;font-size:1.3rem;cursor:pointer;color:var(--tinta);line-height:1;}
.order-line{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--linha);}
.order-line .ol-qty{font-family:var(--f-disp);font-weight:700;color:var(--destaque-esc);min-width:30px;}
.order-line .ol-name{flex:1;font-weight:500;font-size:.95rem;}
.order-line .ol-price{font-family:var(--f-disp);font-weight:600;}
.order-line .ol-rm{border:none;background:none;color:var(--coral);font-size:.82rem;cursor:pointer;font-weight:600;}
.empty-msg{text-align:center;color:var(--tinta-suave);padding:28px 0;}
.tot-line{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-disp);font-weight:800;font-size:1.3rem;margin:16px 0 6px;}
.tot-line .tv{color:var(--marca-escura);}
.fields{margin-top:18px;display:grid;gap:12px;}
.field label{display:block;font-weight:600;font-size:.86rem;margin-bottom:5px;}
.field input,.field select,.field textarea{width:100%;font-family:var(--f-body);font-size:1rem;padding:11px 13px;border:1.5px solid var(--linha);border-radius:11px;background:var(--fundo-2);color:var(--tinta);}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--marca);}
.field textarea{resize:vertical;min-height:54px;}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.send-btn{width:100%;margin-top:18px;font-family:var(--f-disp);font-weight:800;font-size:1.1rem;color:#fff;background:var(--zap);border:none;border-radius:14px;padding:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.15s;}
.send-btn:hover{filter:brightness(1.05);}
.send-btn:disabled{background:var(--linha);color:var(--tinta-suave);cursor:not-allowed;}
.send-note{text-align:center;font-size:.8rem;color:var(--tinta-suave);margin-top:10px;}
.foot{text-align:center;padding:30px 18px 10px;color:var(--tinta-suave);font-size:.82rem;}
.foot .made{margin-top:6px;font-size:.76rem;opacity:.7;}
/* Lightbox: foto ampliada ao tocar */
.item-img.has-photo{cursor:pointer;}
.lightbox{position:fixed;inset:0;z-index:80;background:rgba(20,15,10,.92);display:none;align-items:center;justify-content:center;padding:20px;}
.lightbox.show{display:flex;}
.lightbox img{max-width:100%;max-height:88vh;border-radius:14px;box-shadow:0 10px 50px rgba(0,0,0,.5);}
.lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;display:grid;place-items:center;}
.lightbox-close:active{background:rgba(255,255,255,.3);}
.lightbox-cap{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#fff;font-family:var(--f-disp);font-weight:600;font-size:1.05rem;text-shadow:0 1px 6px rgba(0,0,0,.6);padding:0 20px;}
.foot .made a{color:var(--marca-escura);font-weight:600;text-decoration:none;}
.foot .made a:hover{text-decoration:underline;}

/* ── Seções estáticas de SEO (hero e rodapé local) ───────────── */
.hero-seo{padding:18px 0 0;}
.hero-seo p{font-size:.95rem;color:var(--tinta-suave);max-width:640px;}
.foot address{font-style:normal;line-height:1.7;margin-bottom:8px;}
.foot address strong{color:var(--tinta);}
.foot address a{color:var(--marca-escura);font-weight:600;text-decoration:none;}
.foot address a:hover{text-decoration:underline;}