/* ============================================================
   SUA PADARIA — preto & ouro, tradição desde 1998
   ============================================================ */

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }

/* garante que [hidden] vença qualquer display definido por classe */
[hidden]{ display:none !important; }

:root{
  --ink:      #3b1f0f;   /* preto quente */
  --ink-2:    #6b5344;   /* marrom escuro p/ texto secundário */
  --gold:     #cf8031;   /* ouro oficial do logo */
  --gold-deep:#a35f1c;   /* ouro escuro p/ texto em fundo claro */
  --gold-pale:#f6e0c4;
  --paper:    #faf5ed;   /* creme papel */
  --card:     #ffffff;
  --line:     #ebe0d2;
  --red:      #9c2b1f;
  --green:    #1e6b40;
  --shadow:   0 10px 30px rgba(23,16,8,.10);
  --radius:   14px;
  --font-display:'Nunito', 'Segoe UI', sans-serif;
  --font-body:'Karla', 'Segoe UI', sans-serif;
}

html{ scroll-behavior:smooth; }
body{
  font-family:var(--font-body);
  background:var(--paper);
  color:var(--ink);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
button{ font-family:inherit; cursor:pointer; }
input,textarea,select{ font-family:inherit; font-size:1rem; }
img{ max-width:100%; display:block; }

/* textura sutil de papel */
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.47 0 0 0 0 0.33 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
}
.topbar,.hero,.catnav,.menu,.footer{ position:relative; z-index:1; }

/* ---------- Topbar ---------- */
.topbar{
  position:sticky; top:0; z-index:50;
  background:var(--ink);
  border-bottom:2px solid var(--gold);
}
.topbar-inner{
  max-width:1080px; margin:0 auto; padding:10px 16px;
  display:flex; align-items:center; gap:14px;
}
.brand{ display:flex; align-items:center; text-decoration:none; flex-shrink:0; }
.brand-logo{ height:52px; width:auto; filter:drop-shadow(0 2px 6px rgba(0,0,0,.45)); transition:transform .18s ease; }
.brand:hover .brand-logo{ transform:scale(1.04); }
.search-wrap{
  flex:1; min-width:0; display:flex; align-items:center; gap:8px; position:relative;
  background:rgba(255,253,248,.08); border:1px solid rgba(233,220,184,.25);
  border-radius:999px; padding:8px 14px; color:var(--gold-pale);
  transition:border-color .2s, background .2s;
}

/* sugestões da busca */
.suggest{
  position:absolute; top:calc(100% + 10px); left:0; right:0; z-index:80;
  background:var(--card); border:1px solid var(--line); border-radius:16px;
  box-shadow:0 18px 44px rgba(23,16,8,.28); overflow:hidden;
  max-height:min(430px, 70dvh); overflow-y:auto;
}
.sug-item{
  display:flex; align-items:center; gap:12px; width:100%;
  background:none; border:none; border-bottom:1px solid var(--paper);
  padding:10px 14px; text-align:left; font-family:inherit; cursor:pointer;
  transition:background .12s;
}
.sug-item:hover{ background:var(--paper); }
.sug-item img, .sug-ph{
  width:42px; height:42px; border-radius:8px; object-fit:cover; flex-shrink:0;
  border:1px solid var(--line);
}
.sug-ph{ display:grid; place-items:center; font-size:1.2rem; background:linear-gradient(140deg,#f2e9d4,#e7d9b8); }
.sug-info{ flex:1; min-width:0; display:flex; flex-direction:column; }
.sug-name{
  font-size:.9rem; font-weight:700; color:var(--ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.sug-cat{ font-size:.72rem; color:var(--ink-2); }
.sug-price{ font-size:.86rem; font-weight:700; color:var(--gold-deep); flex-shrink:0; }
.sug-all{
  display:block; width:100%; background:var(--paper); border:none;
  padding:12px; font-family:inherit; font-size:.85rem; font-weight:700;
  color:var(--gold-deep); cursor:pointer; letter-spacing:.03em;
}
.sug-all:hover{ background:var(--gold-pale); }
@media (max-width:640px){
  .suggest{ position:fixed; left:10px; right:10px; top:64px; }
}
.search-wrap:focus-within{ border-color:var(--gold); background:rgba(255,253,248,.12); }
.search-wrap .ico{ width:17px; height:17px; flex-shrink:0; opacity:.7; }
#search{
  flex:1; background:none; border:none; outline:none; color:var(--gold-pale);
  font-size:.95rem; min-width:0;
}
#search::placeholder{ color:rgba(233,220,184,.5); }
.cart-btn{
  position:relative; background:var(--gold); border:none; border-radius:50%;
  width:44px; height:44px; display:grid; place-items:center; color:var(--ink);
  transition:transform .15s ease, background .2s; flex-shrink:0;
}
.cart-btn:hover{ transform:scale(1.06); background:var(--gold-pale); }
.cart-btn .ico{ width:21px; height:21px; }
.cart-badge{
  position:absolute; top:-4px; right:-4px; background:var(--red); color:#fff;
  font-size:.68rem; font-weight:700; min-width:19px; height:19px; border-radius:999px;
  display:grid; place-items:center; padding:0 4px; border:2px solid var(--ink);
}

/* ---------- Hero ---------- */
.hero{
  position:relative;
  background:var(--ink);
  color:var(--gold-pale);
  min-height:88dvh;
  display:flex; flex-direction:column;
  overflow:hidden;
}
.hero-bg{ position:absolute; inset:0; }
.hslide{ filter:saturate(1.08) contrast(1.03);
  position:absolute; inset:0;
  background-position:center; background-size:cover; background-repeat:no-repeat;
  opacity:0; transform:scale(1.06);
  transition:opacity 2s ease;
}
.hslide.on{ opacity:1; animation:kenburns 9s ease-out both; }
@keyframes kenburns{ from{ transform:scale(1.14);} to{ transform:scale(1.02);} }
.hero-bg::after{
  content:""; position:absolute; inset:0; z-index:2;
  background:
    linear-gradient(100deg, rgba(59,31,15,.94) 18%, rgba(59,31,15,.72) 42%, rgba(59,31,15,.20) 74%, rgba(59,31,15,.45) 100%),
    linear-gradient(0deg, rgba(59,31,15,.85) 0%, rgba(59,31,15,0) 34%),
    linear-gradient(180deg, rgba(59,31,15,.6) 0%, rgba(59,31,15,0) 20%);
}
.hero-frame{
  position:absolute; inset:20px; z-index:3; pointer-events:none;
  border:1px solid rgba(208,172,105,.32);
}
.hero-frame span{
  position:absolute; top:-9px; left:50%; transform:translateX(-50%);
  background:transparent; color:var(--gold); font-size:.8rem; padding:0 12px;
  text-shadow:0 0 12px rgba(23,16,8,.9);
}
.hero-est{
  position:absolute; right:34px; top:50%; z-index:3;
  transform:translateY(-50%);
  writing-mode:vertical-rl;
  font-size:.68rem; letter-spacing:.55em; color:var(--gold);
  opacity:.85; text-shadow:0 0 10px rgba(23,16,8,.8);
}
.hero-main{
  position:relative; z-index:4; flex:1;
  display:flex; align-items:center;
  padding:90px 20px 40px;
}
.hero-grain{
  position:absolute; inset:0; opacity:.25; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.73 0 0 0 0 0.55 0 0 0 0 0.18 0 0 0 0.10 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E");
}
.hero-inner{
  position:relative; width:100%; max-width:1080px; margin:0 auto;
  text-align:left;
}
.hero-kicker{
  letter-spacing:.42em; text-transform:uppercase; font-size:.74rem;
  color:var(--gold); animation:rise .7s ease both .1s;
}
.hero-title{
  font-family:var(--font-display); font-weight:800;
  font-size:clamp(3.4rem, 10vw, 6.6rem); letter-spacing:-.015em;
  color:#fdf3e5; line-height:.98; margin:10px 0 18px;
  text-shadow:0 6px 60px rgba(0,0,0,.55);
  animation:rise .7s ease both .2s;
}
.hero-since{
  display:flex; align-items:center; gap:16px;
  font-family:var(--font-display); font-size:.92rem; font-weight:700; letter-spacing:.22em;
  text-transform:uppercase; color:var(--gold);
  margin-bottom:18px; animation:rise .7s ease both .3s;
}
.hero-since span{ height:1px; width:52px; background:linear-gradient(90deg, var(--gold), transparent); }
.hero-since span:first-child{ background:linear-gradient(90deg, transparent, var(--gold)); }
.hero-sub{
  font-size:1.05rem; color:#e8d9c6; max-width:520px; line-height:1.7;
  animation:rise .7s ease both .4s;
}
.hero-sub strong{ color:var(--gold-pale); }
.hero-rule{
  display:flex; align-items:center; gap:12px; color:var(--gold);
  margin:0 auto 18px; max-width:280px; animation:rise .7s ease both 0s;
}
.hero-rule-b{ margin:22px auto 20px; animation-delay:.4s; }
.hero-rule::before,.hero-rule::after{
  content:""; flex:1; height:1px;
  background:linear-gradient(90deg, transparent, var(--gold));
}
.hero-rule::after{ background:linear-gradient(90deg, var(--gold), transparent); }
.hero-rule span{ font-size:.8rem; }
.hero-ctas{
  display:flex; align-items:center; gap:26px; margin-top:30px; flex-wrap:wrap;
  animation:rise .7s ease both .5s;
}
.btn-hero{
  display:inline-block;
  font-family:var(--font-body); font-weight:700; font-size:.9rem;
  letter-spacing:.22em; text-transform:uppercase; text-decoration:none;
  color:var(--ink); background:var(--gold);
  padding:16px 44px; border-radius:2px;
  box-shadow:0 10px 30px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.25);
  transition:background .2s, transform .16s ease, box-shadow .2s;
}
.btn-hero:hover{ background:var(--gold-pale); transform:translateY(-2px); box-shadow:0 16px 36px rgba(0,0,0,.45); }
.hero-link{
  color:var(--gold-pale); text-decoration:none; font-size:.9rem;
  letter-spacing:.12em; text-transform:uppercase;
  border-bottom:1px solid rgba(208,172,105,.45); padding-bottom:4px;
  transition:color .2s, border-color .2s;
}
.hero-link span{ display:inline-block; transition:transform .2s ease; }
.hero-link:hover{ color:#fff; border-color:var(--gold); }
.hero-link:hover span{ transform:translateX(4px); }

/* régua de informações no pé do hero */
.hero-strip{
  position:relative; z-index:4;
  display:grid; grid-template-columns:repeat(4, 1fr);
  border-top:1px solid rgba(208,172,105,.28);
  background:rgba(23,16,8,.55); backdrop-filter:blur(6px);
  animation:rise .7s ease both .62s;
}
.hstrip-cell{
  padding:18px 26px; text-decoration:none;
  border-left:1px solid rgba(208,172,105,.18);
}
.hstrip-cell:first-child{ border-left:none; }
.hstrip-cell b{
  display:block; font-size:.9rem; letter-spacing:.04em; color:var(--gold-pale);
}
.hstrip-cell span{ font-size:.76rem; color:#b5a08b; letter-spacing:.04em; }
a.hstrip-cell{ transition:background .2s; }
a.hstrip-cell:hover{ background:rgba(208,172,105,.12); }
a.hstrip-cell b{ text-decoration:underline dotted; text-underline-offset:3px; }
@media (max-width:860px){
  .hero-since{ font-size:.72rem; letter-spacing:.2em; gap:10px; }
  .hero-since span{ width:26px; flex-shrink:0; }
  .hero-strip{ grid-template-columns:1fr 1fr; }
  .hstrip-cell{ padding:14px 18px; }
  .hstrip-cell:nth-child(3){ border-left:none; }
  .hstrip-cell:nth-child(n+3){ border-top:1px solid rgba(208,172,105,.18); }
  .hero-est{ display:none; }
  .hero-frame{ inset:12px; }
  .hero-main{ padding:70px 18px 34px; }
  .hero-br{ display:none; }
}
@keyframes rise{ from{ opacity:0; transform:translateY(14px);} to{ opacity:1; transform:none;} }

/* ---------- Institucional ---------- */
.about{
  position:relative; z-index:1;
  padding:64px 20px 58px;
  background:
    radial-gradient(ellipse 70% 90% at 105% 0%, rgba(185,140,47,.10), transparent 60%),
    var(--paper);
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.about-inner{
  max-width:1010px; margin:0 auto;
  display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);
  gap:clamp(28px, 6vw, 72px); align-items:center;
}
.about-media{ position:relative; margin:0; }
.about-media::before{
  content:""; position:absolute; inset:-14px 14px 14px -14px;
  border:1.5px solid var(--gold); border-radius:18px; z-index:0;
}
.about-media img{
  position:relative; z-index:1; width:100%; aspect-ratio:4/3.4; object-fit:cover;
  border-radius:16px; box-shadow:0 22px 48px rgba(23,16,8,.22);
}
.about-media figcaption{
  position:absolute; z-index:2; left:14px; bottom:14px;
  background:rgba(23,16,8,.82); color:var(--gold-pale);
  font-size:.76rem; letter-spacing:.08em; padding:7px 14px; border-radius:999px;
  border:1px solid rgba(185,140,47,.5); backdrop-filter:blur(4px);
}
.about-kicker{
  letter-spacing:.4em; text-transform:uppercase; font-size:.7rem;
  color:var(--gold-deep); margin-bottom:10px;
}
.about-title{
  font-family:var(--font-display); font-weight:800;
  font-size:clamp(1.8rem, 4vw, 2.6rem); line-height:1.14; letter-spacing:-.015em;
  margin-bottom:16px;
}
.about-copy{ color:var(--ink-2); font-size:.99rem; margin-bottom:12px; max-width:52ch; }
.about-copy strong{ color:var(--ink); }
.about-stats{
  display:flex; gap:0; margin-top:22px;
  border-top:1px solid var(--line);
  width:fit-content;
}
.stat{ padding:14px 26px 0 0; margin-right:26px; border-right:1px solid var(--line); padding-right:26px; }
.stat:last-child{ border-right:none; margin-right:0; padding-right:0; }
.stat strong{
  font-family:var(--font-display); font-size:1.7rem; color:var(--gold-deep);
  display:block; line-height:1.1;
}
.stat span{ font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2); }
@media (max-width:760px){
  .about{ padding:44px 20px 40px; }
  .about-inner{ grid-template-columns:1fr; gap:34px; }
  .about-media{ max-width:440px; }
}

/* ---------- Chamada do cardápio ---------- */
.menu-lead{
  position:relative; z-index:1; text-align:center; padding:46px 20px 6px;
}
.menu-lead .hero-rule{ color:var(--gold-deep); margin-bottom:14px; }
.menu-lead .hero-rule::before{ background:linear-gradient(90deg, transparent, var(--gold-deep)); }
.menu-lead .hero-rule::after{ background:linear-gradient(90deg, var(--gold-deep), transparent); }
.menu-lead-title{
  font-family:var(--font-display); font-weight:800;
  font-size:clamp(1.9rem, 4.5vw, 2.7rem); letter-spacing:-.015em;
}
.menu-lead-sub{ color:var(--ink-2); font-size:.95rem; margin-top:6px; }

/* ---------- Nav de categorias ---------- */
.catnav{
  position:sticky; top:73px; z-index:40;
  background:rgba(247,241,228,.92); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  display:flex; gap:8px; overflow-x:auto; padding:10px 16px;
  scrollbar-width:none;
}
.catnav::-webkit-scrollbar{ display:none; }
.catchip{
  flex-shrink:0; border:1px solid var(--line); background:var(--card);
  color:var(--ink-2); border-radius:999px; padding:7px 15px; font-size:.86rem;
  font-weight:500; letter-spacing:.01em; white-space:nowrap;
  transition:all .18s ease;
}
.catchip:hover{ border-color:var(--gold); color:var(--ink); }
.catchip.active{ background:var(--ink); color:var(--gold-pale); border-color:var(--ink); }

/* ---------- Menu ---------- */
.menu{ max-width:1080px; margin:0 auto; padding:10px 16px 90px; }
.cat-section{ padding-top:26px; }
.cat-title{
  font-family:var(--font-display); font-weight:800; font-size:1.5rem;
  letter-spacing:-.01em; display:flex; align-items:center; gap:12px; color:var(--ink);
}
.cat-title::after{
  content:""; flex:1; height:1px;
  background:linear-gradient(90deg, var(--gold), transparent);
}
.cat-title .cat-emoji{ font-size:1.2rem; }
.cat-count{
  font-family:var(--font-body); font-size:.72rem; color:var(--gold-deep);
  letter-spacing:.18em; text-transform:uppercase; margin-top:4px;
}
.grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(310px, 1fr));
  gap:12px; margin-top:16px;
}
.pcard{
  display:flex; gap:12px; align-items:stretch; text-align:left;
  background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
  padding:12px; transition:transform .16s ease, box-shadow .16s ease, border-color .16s;
}
.pcard:hover{ transform:translateY(-2px); box-shadow:var(--shadow); border-color:var(--gold-pale); }
.pcard-info{ flex:1; min-width:0; display:flex; flex-direction:column; }
.pcard-name{ font-weight:700; font-size:.98rem; line-height:1.3; }
.pcard-desc{
  color:var(--ink-2); font-size:.84rem; margin-top:3px; flex:1;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.pcard-price{ margin-top:8px; font-weight:700; color:var(--gold-deep); font-size:.98rem; }
.pcard-price .old{ color:#a09577; text-decoration:line-through; font-weight:400; font-size:.82rem; margin-left:6px; }
.pcard-media{ position:relative; flex-shrink:0; }
.pcard-img,.pcard-ph{
  width:92px; height:92px; border-radius:10px; object-fit:cover;
  border:1px solid var(--line);
}
.pcard-ph{
  display:grid; place-items:center; font-size:1.9rem;
  background:linear-gradient(140deg, #f2e9d4, #e7d9b8);
}
.pcard-add{
  position:absolute; right:-6px; bottom:-6px; width:30px; height:30px;
  border-radius:50%; border:none; background:var(--ink); color:var(--gold-pale);
  font-size:1.15rem; line-height:1; display:grid; place-items:center;
  box-shadow:0 3px 8px rgba(23,16,8,.3); transition:transform .15s, background .2s;
}
.pcard-add:hover{ transform:scale(1.12); background:var(--gold-deep); color:#fff; }

.no-results{ text-align:center; padding:60px 20px; color:var(--ink-2); }
.no-results strong{ font-family:var(--font-display); font-size:1.3rem; display:block; margin-bottom:6px; }

/* ---------- Rodapé ---------- */
.footer{
  position:relative; z-index:1;
  background:
    radial-gradient(ellipse 80% 120% at 50% 130%, #2c200e 0%, transparent 65%),
    var(--ink);
  color:#e0d0bd;
  padding:56px 24px 110px; margin-top:26px; border-top:2px solid var(--gold);
  font-size:.92rem; line-height:1.75;
}
.footer-grid{
  max-width:1010px; margin:0 auto;
  display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:clamp(28px, 5vw, 64px);
}
.footer-col{ min-width:0; }
.footer-logo{ height:74px; width:auto; margin-bottom:14px; filter:drop-shadow(0 3px 10px rgba(0,0,0,.5)); }
.footer-tag{ font-size:.9rem; max-width:32ch; opacity:.85; }
.footer-h{
  font-family:var(--font-display); font-weight:400; color:var(--gold);
  font-size:.86rem; letter-spacing:.3em; text-transform:uppercase; margin-bottom:10px;
}
.footer-h-gap{ margin-top:20px; }
.footer-hours strong{ color:var(--gold-pale); }
.footer a{ color:var(--gold-pale); text-decoration:none; border-bottom:1px dashed rgba(185,140,47,.45); }
.footer a:hover{ color:#fff; border-bottom-color:var(--gold); }
.footer-social{ display:flex; gap:8px; margin-top:16px; flex-wrap:wrap; }
.footer-social a{
  display:inline-flex; align-items:center; gap:7px;
  border:1px solid rgba(185,140,47,.45); border-radius:999px;
  padding:7px 15px; font-size:.82rem; color:var(--gold-pale);
  background:rgba(185,140,47,.08); text-decoration:none; border-bottom-style:solid;
  transition:all .18s ease;
}
.footer-social a:hover{ background:var(--gold); color:var(--ink); border-color:var(--gold); }
.footer-rule{
  display:flex; align-items:center; gap:12px; color:var(--gold);
  max-width:1010px; margin:38px auto 16px;
}
.footer-rule::before,.footer-rule::after{ content:""; flex:1; height:1px; background:rgba(185,140,47,.3); }
.footer-rule span{ font-size:.72rem; }
.footer-small{ text-align:center; font-size:.78rem; opacity:.6; }
@media (max-width:760px){
  .footer-grid{ grid-template-columns:1fr; gap:30px; }
}

/* ---------- Barra do carrinho ---------- */
.cartbar{
  position:fixed; left:16px; right:16px; bottom:16px; z-index:60;
  max-width:560px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:var(--ink); color:var(--gold-pale); border:1px solid var(--gold);
  border-radius:999px; padding:14px 22px; font-size:1rem; font-weight:700;
  box-shadow:0 12px 32px rgba(23,16,8,.35);
  animation:rise .3s ease both;
}
.cartbar:hover{ background:#241a0d; }
.cartbar-qty{
  background:var(--gold); color:var(--ink); border-radius:999px;
  min-width:26px; height:26px; display:grid; place-items:center; font-size:.85rem;
}

/* ---------- Overlays / sheets ---------- */
.overlay{
  position:fixed; inset:0; z-index:100; background:rgba(15,10,4,.55);
  backdrop-filter:blur(3px);
  display:grid; place-items:end center;
  animation:fade .2s ease both;
}
@media (min-width:640px){ .overlay{ place-items:center; } }
@keyframes fade{ from{opacity:0} to{opacity:1} }
.sheet{
  position:relative; background:var(--card); width:100%; max-width:520px;
  border-radius:20px 20px 0 0; max-height:92dvh; overflow:auto;
  animation:sheetup .28s cubic-bezier(.22,1,.36,1) both;
}
@media (min-width:640px){ .sheet{ border-radius:20px; } }
@keyframes sheetup{ from{ transform:translateY(40px); opacity:.4;} to{ transform:none; opacity:1;} }
.sheet-close{
  position:absolute; top:10px; right:10px; z-index:5;
  width:34px; height:34px; border-radius:50%; border:none;
  background:rgba(23,16,8,.55); color:#fff; font-size:1.3rem; line-height:1;
}
.sheet-close:hover{ background:var(--ink); }

/* produto */
.psheet-img,.psheet-ph{ width:100%; height:230px; object-fit:cover; border-radius:20px 20px 0 0; }
.psheet-ph{ display:grid; place-items:center; font-size:4rem; background:linear-gradient(140deg,#f2e9d4,#e7d9b8); }
.psheet-body{ padding:18px 20px 20px; }
.psheet-name{ font-family:var(--font-display); font-size:1.45rem; line-height:1.2; }
.psheet-desc{ color:var(--ink-2); margin-top:8px; font-size:.94rem; white-space:pre-line; }
.psheet-price{ margin-top:10px; font-size:1.2rem; font-weight:700; color:var(--gold-deep); }
.psheet-obs{ margin-top:14px; }
.psheet-obs label{ font-size:.8rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-2); }
.psheet-obs textarea{
  width:100%; margin-top:6px; border:1px solid var(--line); border-radius:10px;
  padding:10px; min-height:64px; resize:vertical; background:#fff; outline:none;
}
.psheet-obs textarea:focus{ border-color:var(--gold); }
.psheet-foot{ display:flex; gap:12px; margin-top:16px; align-items:center; }
.stepper{
  display:flex; align-items:center; border:1px solid var(--line); border-radius:999px;
  overflow:hidden; flex-shrink:0; background:#fff;
}
.stepper button{
  width:40px; height:44px; border:none; background:none; font-size:1.25rem; color:var(--gold-deep);
}
.stepper button:hover{ background:var(--paper); }
.stepper span{ min-width:30px; text-align:center; font-weight:700; }
.btn{
  border:none; border-radius:999px; padding:13px 20px; font-weight:700; font-size:.98rem;
  letter-spacing:.02em; transition:transform .14s ease, background .2s, opacity .2s;
}
.btn:active{ transform:scale(.97); }
.btn-primary{ background:var(--ink); color:var(--gold-pale); flex:1; display:flex; justify-content:space-between; gap:10px; }
.btn-primary:hover{ background:#2a1f10; }
.btn-gold{ background:var(--gold); color:var(--ink); width:100%; }
.btn-gold:hover{ background:var(--gold-pale); }
.btn-ghost{ background:none; border:1px solid var(--line); color:var(--ink-2); }
.btn-ghost:hover{ border-color:var(--gold); color:var(--ink); }
.btn[disabled]{ opacity:.45; cursor:not-allowed; }

/* ---------- Drawer carrinho ---------- */
#cartOverlay{ place-items:stretch end; }
.drawer{
  background:var(--paper); width:100%; max-width:440px; height:100dvh;
  display:flex; flex-direction:column;
  animation:slidein .28s cubic-bezier(.22,1,.36,1) both;
}
@keyframes slidein{ from{ transform:translateX(60px); opacity:.4;} to{ transform:none; opacity:1;} }
.drawer-head{
  background:var(--ink); color:var(--gold-pale); padding:16px 20px;
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:2px solid var(--gold); flex-shrink:0;
}
.drawer-head h2{ font-family:var(--font-display); font-weight:400; letter-spacing:.06em; font-size:1.3rem; }
.drawer-head .sheet-close{ position:static; }
.drawer-body{ flex:1; overflow:auto; padding:16px 18px; }
.drawer-foot{ flex-shrink:0; padding:14px 18px 18px; border-top:1px solid var(--line); background:var(--card); }

.cart-empty{ text-align:center; color:var(--ink-2); padding:60px 10px; }
.cart-empty-logo{ height:64px; width:auto; margin:0 auto 16px; opacity:.85; }
.citem{
  display:flex; gap:10px; padding:12px 0; border-bottom:1px dashed var(--line);
}
.citem-info{ flex:1; min-width:0; }
.citem-name{ font-weight:700; font-size:.93rem; }
.citem-obs{ font-size:.8rem; color:var(--ink-2); font-style:italic; }
.citem-price{ font-size:.9rem; color:var(--gold-deep); font-weight:700; margin-top:2px; }
.citem-side{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.mini-step{ display:flex; align-items:center; gap:2px; border:1px solid var(--line); border-radius:999px; background:#fff; }
.mini-step button{ width:30px; height:30px; border:none; background:none; color:var(--gold-deep); font-size:1.05rem; }
.mini-step span{ min-width:22px; text-align:center; font-weight:700; font-size:.9rem; }
.citem-remove{ border:none; background:none; color:var(--red); font-size:.75rem; text-decoration:underline; }

.totals{ font-size:.95rem; }
.totals .row{ display:flex; justify-content:space-between; padding:3px 0; color:var(--ink-2); }
.totals .row.grand{ font-size:1.15rem; font-weight:700; color:var(--ink); padding-top:8px; }
.totals .free{ color:var(--green); font-weight:700; }

/* formulário */
.fgroup{ margin-bottom:14px; }
.fgroup label{
  display:block; font-size:.76rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--ink-2); margin-bottom:5px;
}
.fgroup input,.fgroup textarea,.fgroup select{
  width:100%; border:1px solid var(--line); border-radius:10px; padding:11px 12px;
  background:#fff; outline:none; transition:border-color .2s;
}
.fgroup input:focus,.fgroup textarea:focus{ border-color:var(--gold); }
.fgroup .hint{ font-size:.76rem; color:var(--ink-2); margin-top:4px; }
.frow{ display:flex; gap:10px; }
.frow .fgroup{ flex:1; }
.frow .fgroup.small{ flex:0 0 110px; }
.seg{
  display:flex; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff;
}
.seg button{
  flex:1; padding:11px 6px; border:none; background:none; font-size:.9rem; font-weight:500;
  color:var(--ink-2); transition:all .18s;
}
.seg button.active{ background:var(--ink); color:var(--gold-pale); font-weight:700; }
.pay-opt{
  display:flex; align-items:center; gap:10px; border:1px solid var(--line);
  background:#fff; border-radius:12px; padding:12px; margin-bottom:8px; width:100%;
  text-align:left; font-size:.93rem; transition:all .18s;
}
.pay-opt .pay-ico{ display:grid; place-items:center; color:var(--gold-deep); }
.pay-opt .pico{ width:22px; height:22px; }
.pay-opt.active{ border-color:var(--gold); background:#fdf7e7; box-shadow:0 0 0 1px var(--gold); }
.pay-opt small{ display:block; color:var(--ink-2); }
.form-error{ color:var(--red); font-size:.85rem; margin:6px 0 0; }
.fsaved{ font-size:.78rem; color:var(--ink-2); margin-top:4px; }
.fsaved button{
  background:none; border:none; color:var(--gold-deep); font-size:.78rem;
  text-decoration:underline; padding:0;
}

/* pix */
.pix-sheet{ max-width:400px; text-align:center; }
.pix-body{ padding:26px 22px 24px; }
.pix-title{ font-family:var(--font-display); font-size:1.4rem; letter-spacing:.04em; }
.pix-amount{ font-size:1.6rem; font-weight:700; color:var(--gold-deep); margin:4px 0 14px; }
.pix-qr{ display:grid; place-items:center; margin:0 auto 14px; background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px; width:fit-content; }
.pix-qr svg,.pix-qr img{ width:210px; height:210px; }
.pix-code{
  font-size:.7rem; word-break:break-all; background:var(--paper); border:1px dashed var(--line);
  border-radius:10px; padding:10px; max-height:76px; overflow:auto; text-align:left; margin-bottom:12px;
  font-family:Consolas, monospace;
}
.pix-note{ font-size:.82rem; color:var(--ink-2); margin-top:12px; }
.pix-order{ font-size:.9rem; color:var(--ink-2); }
.pix-status{
  display:flex; align-items:center; justify-content:center; gap:8px;
  font-size:.88rem; color:var(--ink-2); margin-bottom:12px;
}
.pix-dot{
  width:9px; height:9px; border-radius:50%; background:var(--gold-deep);
  animation:pulse 1.2s ease infinite;
}
@keyframes pulse{ 0%,100%{ opacity:.35; transform:scale(.85);} 50%{ opacity:1; transform:scale(1.1);} }
.pix-status-ok{ color:var(--green); font-weight:700; }

/* toast */
.toast{
  position:fixed; bottom:90px; left:50%; transform:translateX(-50%);
  background:var(--ink); color:var(--gold-pale); padding:11px 22px; border-radius:999px;
  font-size:.9rem; z-index:200; border:1px solid var(--gold);
  box-shadow:0 8px 24px rgba(23,16,8,.4); animation:rise .25s ease both;
  max-width:88vw; text-align:center;
}

/* ============ responsivo ============ */

/* tablet: duas colunas de produto e cabeçalho mais compacto */
@media (max-width:1024px){
  .grid{ grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); }
}

/* dedo: nenhum controle abaixo de 44px */
@media (hover:none),(max-width:900px){
  .pcard-add{ width:40px; height:40px; right:-4px; bottom:-4px; font-size:1.3rem; }
  .search-wrap{ padding:12px 14px; }        /* 44px de altura para o dedo */
  .citem-remove{ padding:10px 6px; }
  #search{ font-size:16px; }                /* iPhone não dá zoom ao focar */
  .mini-step button{ width:40px; height:40px; font-size:1.15rem; }
  .mini-step span{ min-width:26px; }
  .citem-remove{ padding:8px 4px; font-size:.8rem; }
  .citem-side{ gap:2px; }
  .catchip{ min-height:42px; }
  .footer-social a{ padding:10px 16px; }
  .sheet-close{ width:44px; height:44px; }
}

@media (max-width:640px){
  .brand-logo{ height:42px; }
  .catnav{ top:65px; }
  .grid{ grid-template-columns:1fr; }
  .hero{ padding:40px 18px 36px; }
  .psheet-foot{ flex-wrap:wrap; }
  .psheet-foot .btn-primary{ flex:1 1 100%; order:2; }
  .stepper{ order:1; }
  .cartbar{ left:12px; right:12px; padding:13px 18px; }
  .drawer-body{ padding:14px 14px; }
  .drawer-foot{ padding:12px 14px 16px; }
  .totals .row.grand{ font-size:1.08rem; }
}

/* celular estreito (360px e abaixo): evita número grande estourando a linha */
@media (max-width:380px){
  .cartbar{ font-size:.92rem; padding:12px 15px; }
  .citem-name{ font-size:.88rem; }
  .totals{ font-size:.9rem; }
}

.pix-demo{font-size:.78rem;line-height:1.5;color:#a35f1c;background:#fdf3e6;border:1px solid #f0d9bb;border-radius:9px;padding:8px 11px;margin:4px 0 10px;}


/* ============ marca d'água do símbolo ============ */
.wm{
  position:absolute; pointer-events:none; user-select:none; z-index:0;
  width:auto; opacity:.05;
}
.hero .wm-hero{ height:132%; right:-6%; top:-14%; opacity:.13; z-index:1; mix-blend-mode:soft-light; }
.about{ position:relative; overflow:hidden; }
.about .wm-about{ height:160%; left:-10%; top:-30%; opacity:.055; }
.menu-lead{ position:relative; overflow:hidden; }
.menu-lead .wm-menu{ height:250%; right:4%; top:-72%; opacity:.06; }
.footer{ position:relative; overflow:hidden; }
.footer .wm-footer{ height:200%; right:-4%; bottom:-50%; opacity:.09; }
.about-inner,.menu-lead > *:not(.wm),.footer-grid,.footer-rule,.footer-small{ position:relative; z-index:1; }

/* ornamento com o símbolo da marca */
.hero-rule span img,.footer-rule span img{ height:20px; width:auto; display:block; opacity:.9; }
.hero-frame span img{ height:26px; width:auto; display:block; }
.hero-frame span{ background:var(--ink); padding:4px 10px; border-radius:6px; line-height:0; }

/* ícones Lucide na interface */
.lc{ width:1em; height:1em; display:inline-block; vertical-align:-0.14em; flex-shrink:0; }
.cat-title .cat-emoji,.catchip .lc{ color:var(--gold-deep); }
.catchip{ display:inline-flex; align-items:center; gap:7px; }
.catchip.active .lc{ color:var(--gold-pale); }
.cat-title .lc{ width:1.05em; height:1.05em; color:var(--gold-deep); }
.pcard-ph .lc,.psheet-ph .lc,.sug-ph .lc{ width:1em; height:1em; color:var(--gold-deep); opacity:.75; }
.pcard-ph .lc{ font-size:26px; }
.psheet-ph .lc{ font-size:52px; }
.sug-ph .lc{ font-size:20px; }