@font-face{font-family:'Shrikhand';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/shrikhand-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-weight:800;font-style:normal;font-display:swap;src:url(../fonts/bricolage-grotesque-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/bricolage-grotesque-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2')}
:root{
  color-scheme:light;
  --bg:#FFF8EC;
  --surface:#FFFFFF;
  --ink:#1D1220;
  --muted:#6A5A68;
  --line:#EADFD0;
  --polenta:#FFC21A;
  --polenta-soft:#FFEDB8;
  --lime:#C6FF1A;
  --pink:#FF0054;
  --pink-text:#D1004A;
  --pink-soft:#FFE3EC;
  --tomate:#F2461B;
  --berinjela:#2A1030;
  --berinjela-2:#3A1B42;
  --panel-ink:#FFF4E6;
  --panel-muted:#C9B6C8;
  --panel-line:#4B2A53;
  --on-accent:#1D1220;
  --shadow:0 1px 2px rgba(42,16,48,.06),0 14px 34px -14px rgba(42,16,48,.25);
  --display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --letter:"Shrikhand","Georgia",serif;
  --body:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#140A17; --surface:#1F1223; --ink:#FFF4E6; --muted:#BFAFBE; --line:#37233C;
    --pink-text:#FF4D85; --pink-soft:#3A1426; --polenta-soft:#3B2E0C;
    --berinjela:#241029; --berinjela-2:#321A39; --panel-line:#4A2C52;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#140A17; --surface:#1F1223; --ink:#FFF4E6; --muted:#BFAFBE; --line:#37233C;
  --pink-text:#FF4D85; --pink-soft:#3A1426; --polenta-soft:#3B2E0C;
  --berinjela:#241029; --berinjela-2:#321A39; --panel-line:#4A2C52;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.7);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--body);padding-inline:20px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}
p{margin:0}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:6px}
.wrap{max-width:1140px;margin:0 auto}
section{padding-block:clamp(64px,9vw,112px)}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pink-text);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--polenta);box-shadow:inset 0 0 0 2px var(--ink)}
h2{font:800 clamp(30px,4.6vw,50px)/1.03 var(--display);letter-spacing:-.025em;margin:14px 0 0;text-wrap:balance}
.lettering{font-family:var(--letter);font-weight:400;letter-spacing:0}

/* Logo: cubo de polenta + ponto de pimenta */
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 18px/1 var(--display);letter-spacing:-.02em}
.logo small{display:block;font:400 13px/1 var(--letter);letter-spacing:0;color:var(--pink-text);margin-top:4px}
.mark{width:36px;height:36px;border-radius:9px;background:var(--polenta);display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 2px var(--ink);position:relative}
.mark::after{content:"";width:11px;height:11px;border-radius:50%;background:var(--pink)}
.mark.lime{background:var(--lime)}

/* Botões */
.btn{display:inline-flex;align-items:center;gap:10px;font:600 16px/1 var(--body);text-decoration:none;padding:16px 22px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}
.btn svg{width:18px;height:18px;flex:none}
.btn-pink{background:var(--pink);color:#fff}
.btn-pink:hover{transform:translateY(-2px);background:#E6004C}
.btn-ghost{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-ghost:hover{background:var(--ink);color:var(--bg)}
.btn-polenta{background:var(--polenta);color:var(--on-accent);border-color:var(--polenta)}
.btn-polenta:hover{transform:translateY(-2px)}

.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:22px}
.top nav{display:flex;align-items:center;gap:26px;font:500 15px/1 var(--body)}
.top nav a:not(.btn){text-decoration:none;color:var(--muted)}
.top nav a:not(.btn):hover{color:var(--ink)}
.top .btn{padding:11px 18px;font-size:14px}

.hl{display:inline-block;background:var(--polenta);color:var(--on-accent);padding:0 .14em .04em;border-radius:.1em;transform:rotate(-1.5deg);box-shadow:.06em .06em 0 var(--ink)}

.copy{font:500 12px/1 var(--mono);letter-spacing:.06em;cursor:pointer;background:var(--polenta);color:var(--on-accent);border:0;padding:10px 14px;border-radius:999px;transition:transform .15s ease}
.copy:hover{transform:scale(1.05)}
.copy.done{background:var(--pink);color:#fff}

footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-block:28px 40px;font:400 13px/1.5 var(--mono);color:var(--muted)}
footer .mark{width:28px;height:28px;border-radius:7px}
footer .mark::after{width:9px;height:9px}

@media (max-width:640px){
  body{font-size:16px}
  .top nav a:not(.btn){display:none}
}


/* Hero */
.hero{padding-block:clamp(32px,6vw,64px) clamp(56px,8vw,96px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,64px);align-items:center}
.hero h1{font:800 clamp(46px,7.6vw,96px)/.95 var(--display);letter-spacing:-.045em;margin:18px 0 0;text-wrap:balance}
.hero h1 .lettering{display:block;font-size:.5em;letter-spacing:0;color:var(--pink-text);margin-top:.35em;line-height:1.1}
.lead{font-size:clamp(18px,2vw,20px);line-height:1.6;color:var(--muted);max-width:50ch;margin-top:24px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding:0;list-style:none}
.chips li{font:500 13px/1 var(--mono);padding:9px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);display:inline-flex;align-items:center;gap:8px}
.chips li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pink)}

/* Prateleira */
.shelf{background:var(--berinjela);color:var(--panel-ink);border-radius:24px;padding:24px 22px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.shelf::after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,194,26,.35),transparent 70%);pointer-events:none}
.shelf-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--panel-line);font:500 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--panel-muted)}
.shelf-head b{color:var(--polenta);font-weight:500}
.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 14px 0;position:relative}
.row::after{content:"";position:absolute;left:-22px;right:-22px;bottom:-6px;height:12px;background:var(--polenta);border-block:2px solid #1D1220}
.row + .row{margin-top:26px}
.row a{display:block;width:100%;max-width:118px;justify-self:center;transition:transform .2s ease}
.row a:hover{transform:translateY(-6px) rotate(-2deg)}
.row svg{display:block;width:100%;height:auto}
.sticker{position:absolute;z-index:2;right:16px;bottom:10px;width:92px;height:92px;border-radius:50%;background:var(--pink);color:#fff;display:grid;place-items:center;text-align:center;font:400 14px/1.1 var(--letter);transform:rotate(12deg);box-shadow:3px 3px 0 #1D1220;padding:10px}
.shelf-foot{margin-top:26px;min-height:60px;padding-right:110px;font:400 12px/1.5 var(--mono);color:var(--panel-muted)}

/* Faixa */
.ticker{background:var(--polenta);color:#1D1220;margin-inline:-20px;overflow:hidden;border-block:2px solid var(--ink)}
.ticker-track{display:flex;width:max-content}
.ticker ul{display:flex;list-style:none;margin:0;padding:18px 0}
.ticker li{font:400 clamp(18px,2.4vw,26px)/1 var(--letter);white-space:nowrap;display:flex;align-items:center}
.ticker li::after{content:"";width:12px;height:12px;border-radius:3px;background:var(--pink);margin-inline:28px;transform:rotate(45deg)}
@media (prefers-reduced-motion:no-preference){.ticker-track{animation:slide 40s linear infinite}}
@keyframes slide{to{transform:translateX(-50%)}}

/* Produtos */
.head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.head p{color:var(--muted);max-width:42ch}
.grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;scroll-margin-top:24px}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--ink)}
.card .pic{background:color-mix(in srgb,var(--c,#FFC21A) 20%,var(--surface));border-radius:16px;display:grid;place-items:center;padding:18px 0 12px}
.card .pic svg{width:54%;height:auto;display:block}
.card h3{font:800 23px/1.1 var(--display);letter-spacing:-.02em;margin:6px 0 0}
.card .what{font:500 11.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pink-text)}
.card p{color:var(--muted);font-size:15.5px;line-height:1.55}
.pair{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tags li{font:500 13px/1 var(--mono);padding:8px 10px;border-radius:999px;background:var(--pink-soft);color:var(--pink-text)}
.card-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}
.card-foot span{font:500 13px/1.3 var(--mono);color:var(--muted)}
.step{display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:999px;overflow:hidden}
.step button{width:38px;height:38px;border:0;background:transparent;color:var(--ink);font:600 20px/1 var(--body);cursor:pointer}
.step button:hover{background:var(--polenta);color:#1D1220}
.step output{min-width:28px;text-align:center;font:600 16px/1 var(--body);font-variant-numeric:tabular-nums}
.add{font:600 14px/1 var(--body);padding:12px 16px;border-radius:999px;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
.add:hover{background:var(--ink);color:var(--bg)}

/* Barra de pedido */
.order{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:20;width:min(620px,calc(100% - 32px));background:var(--berinjela);color:var(--panel-ink);border-radius:20px;padding:14px 14px 14px 20px;display:flex;align-items:center;gap:12px 16px;justify-content:space-between;flex-wrap:wrap;box-shadow:0 20px 50px -18px rgba(0,0,0,.6);border:1px solid var(--panel-line)}
.order b{font:800 18px/1.1 var(--display)}
.order small{display:block;font:400 13px/1.4 var(--body);color:var(--panel-muted);margin-top:2px;max-width:40ch}
.order .acts{display:flex;gap:8px;align-items:center}
.order .clear{background:none;border:0;color:var(--panel-muted);font:500 13px/1 var(--mono);cursor:pointer;padding:10px}
.order .clear:hover{color:var(--panel-ink)}
.order .btn{padding:13px 18px;font-size:15px}

/* História */
.story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);align-items:start}
.story-text{display:flex;flex-direction:column;gap:18px;font-size:18px;color:var(--muted);max-width:60ch;padding-top:34px}
.story-text strong{color:var(--ink);font-weight:600;background:linear-gradient(transparent 60%,var(--polenta-soft) 60%)}
.timeline{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.timeline li{border-top:3px solid var(--ink);padding-top:18px;display:flex;flex-direction:column;gap:8px}
.timeline .when{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.timeline b{font:800 26px/1.1 var(--display);letter-spacing:-.02em}
.timeline li:nth-child(1) b{font-family:var(--letter);font-weight:400;letter-spacing:0;color:var(--muted);text-decoration:line-through;text-decoration-color:var(--pink);text-decoration-thickness:3px}
.timeline li:nth-child(2){border-color:var(--pink)}
.timeline li:nth-child(3){border-top-style:dashed}
.timeline span{color:var(--muted);font-size:16px}

/* Como pedir */
.steps{margin:44px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s}
.steps li{counter-increment:s;display:flex;flex-direction:column;gap:10px;position:relative}
.steps li::before{content:counter(s);display:grid;place-items:center;width:56px;height:56px;border-radius:14px;font:800 24px/1 var(--display);background:var(--surface);border:2px solid var(--ink);margin-bottom:8px;position:relative;z-index:1}
.steps li:last-child::before{background:var(--polenta);color:#1D1220}
.steps li:not(:last-child)::after{content:"";position:absolute;top:28px;left:56px;right:-20px;height:2px;background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 12px)}
.steps b{font:800 21px/1.2 var(--display);letter-spacing:-.01em}
.steps span{font-size:16px;color:var(--muted);line-height:1.55}

/* Instagram */
.insta{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,64px);align-items:center}
.insta-copy{display:flex;flex-direction:column;gap:18px}
.insta-copy p{color:var(--muted);max-width:44ch}
.handle{font:600 20px/1 var(--mono);color:var(--ink)}
.feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tile{aspect-ratio:1;max-width:100%;border-radius:12px;display:grid;place-items:center;overflow:hidden;position:relative;padding:12px;text-align:center}
.tile svg{width:62%;height:auto}
.t-y{background:var(--polenta)}
.t-p{background:var(--pink);color:#fff}
.t-b{background:#2A1030;color:#FFF4E6}
.t-l{background:var(--lime);color:#1D1220}
.t-c{background:#FFF1D6}
.tile q{font:400 clamp(14px,2vw,20px)/1.15 var(--letter);quotes:none}
.tile .tag{position:absolute;left:8px;bottom:8px;font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:rgba(29,18,32,.85);color:#FFF4E6;padding:5px 7px;border-radius:6px}

/* Contato */
.contact{background:var(--berinjela);color:var(--panel-ink);border-radius:28px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);position:relative;overflow:hidden}
.contact::before{content:"";position:absolute;left:-120px;bottom:-140px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,194,26,.25),transparent 70%);pointer-events:none}
.contact .eyebrow{color:var(--polenta)}
.contact h2{color:var(--panel-ink)}
.contact h2 em{font-style:normal;font-family:var(--letter);font-weight:400;color:var(--polenta);letter-spacing:0}
.contact-intro{display:flex;flex-direction:column;gap:18px;position:relative}
.contact-intro p{color:var(--panel-muted);max-width:44ch}
.contact-intro .btn{align-self:flex-start;margin-top:8px}
.channels{display:flex;flex-direction:column;gap:12px;position:relative}
.ch{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;border-radius:16px;background:var(--berinjela-2);border:1px solid var(--panel-line)}
.ch-ic{width:44px;height:44px;border-radius:12px;background:rgba(255,194,26,.14);color:var(--polenta);display:grid;place-items:center}
.ch-ic svg{width:22px;height:22px}
.ch .k{display:block;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--panel-muted);margin-bottom:6px}
.ch .v{font:600 18px/1.25 var(--body);overflow-wrap:anywhere}
.ch .v a{text-decoration:none}
.ch .v a:hover{color:var(--polenta)}
.family{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.family a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.family a:hover{color:var(--ink)}
.family .mark{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--ink)}
.family .mark::after{width:6px;height:6px}
body.has-order{padding-bottom:110px}

@media (max-width:980px){
  .grid{gap:14px}
}
@media (max-width:900px){
  .hero-grid,.story,.contact,.insta{grid-template-columns:1fr}
  .story-text{padding-top:0}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .steps li::after{display:none}
}
@media (max-width:640px){
  .grid,.timeline{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .ch{grid-template-columns:40px minmax(0,1fr);gap:12px 14px}
  .ch-ic{width:40px;height:40px}
  .copy{grid-column:2;justify-self:start}
  .sticker{width:80px;height:80px;font-size:12px}
}

/* Carrinho */
.drawer{border:0;padding:0;margin:0 0 0 auto;height:100%;max-height:100%;width:min(480px,100%);background:var(--bg);color:var(--ink);box-shadow:-20px 0 60px -20px rgba(0,0,0,.4)}
.drawer::backdrop{background:rgba(15,8,18,.5)}
.dr-in{min-height:100%;display:flex;flex-direction:column;gap:18px;padding:22px 20px calc(24px + env(safe-area-inset-bottom,0px))}
.dr-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.dr-top h2{font-size:30px;margin:0}
.x{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:20px;cursor:pointer}
.items{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.items li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.items li svg{width:44px;height:auto;display:block}
.items b{font:600 15px/1.25 var(--body)}
.items span{display:block;font:400 13px/1.3 var(--mono);color:var(--muted);margin-top:3px}
.items .step button{width:32px;height:32px;font-size:17px}
.sum{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-variant-numeric:tabular-nums}
.sum div{display:flex;justify-content:space-between;font-size:15px;color:var(--muted)}
.sum div.tot{color:var(--ink);font:800 20px/1.2 var(--display);padding-top:6px;border-top:1px solid var(--line);margin-top:4px}
form.ck{display:flex;flex-direction:column;gap:12px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld label,.fld legend{font:500 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0}
.fld input,.fld textarea{font:400 16px/1.4 var(--body);padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);width:100%}
.fld input:focus,.fld textarea:focus{outline:3px solid var(--polenta);outline-offset:1px;border-color:var(--ink)}
fieldset.fld{border:0;margin:0;padding:0}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.seg label{cursor:pointer;text-transform:none;letter-spacing:0;font:600 15px/1.2 var(--body);color:var(--ink)}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:block;padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface)}
.seg span small{display:block;font:400 12.5px/1.35 var(--body);color:var(--muted);margin-top:4px}
.seg input:checked + span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.seg input:focus-visible + span{outline:3px solid var(--pink);outline-offset:2px}
.lgpd{font-size:13px;color:var(--muted)}
.err{font-size:14px;color:var(--pink-text);font-weight:600}
.empty{color:var(--muted);text-align:center;padding:36px 12px;border:1.5px dashed var(--line);border-radius:16px}
.done{display:flex;flex-direction:column;gap:14px;text-align:left}
.code{font:800 44px/1 var(--display);letter-spacing:-.02em}
.pix{padding:16px;border-radius:14px;background:var(--polenta-soft);display:flex;flex-direction:column;gap:10px}
.pix code{font:600 16px/1.3 var(--mono);overflow-wrap:anywhere}


/* ---------- site: cabeçalho, loja, produto, páginas ---------- */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:15;background:var(--bg);margin-inline:-20px;padding-inline:20px;display:block;border-bottom:1px solid transparent;transition:border-color .2s}
.top-in{max-width:1140px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:16px}
.top nav{display:flex;align-items:center;gap:22px;font:500 15px/1 var(--body)}
.top nav a:not(.btn){text-decoration:none;color:var(--muted)}
.top nav a:not(.btn):hover,.top nav a[aria-current="page"]{color:var(--ink)}
.cartbtn{display:inline-flex;align-items:center;gap:10px;font:600 14.5px/1 var(--body);padding:11px 16px;border-radius:999px;border:0;background:var(--pink);color:#fff;cursor:pointer;text-decoration:none}
.cartbtn b{background:#fff;color:var(--pink-text);border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font:600 12px/1 var(--mono);padding:0 6px}
.cartbtn svg{width:18px;height:18px}
.card .pic{text-decoration:none;position:relative}
.card h3 a{text-decoration:none}
.card h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.card .what{font:500 11.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pink-text)}
.price{font:800 22px/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.price small{display:block;font:400 12px/1.3 var(--mono);letter-spacing:0;color:var(--muted);margin-top:4px}
.badge{position:absolute;left:12px;top:12px;z-index:1;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:7px 9px;border-radius:999px;background:var(--surface);border:1.5px solid var(--ink);color:var(--ink)}
.badge.low{background:var(--polenta);border-color:var(--polenta);color:#1D1220}
.badge.out{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.step button:disabled,.add:disabled{opacity:.4;cursor:default}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.notice{padding:14px 18px;border-radius:14px;background:var(--polenta-soft);font-size:15px}
.page-head{padding-block:clamp(28px,5vw,56px) 0;display:flex;justify-content:space-between;align-items:end;gap:16px 24px;flex-wrap:wrap}
.page-head h1{font:800 clamp(38px,6vw,68px)/.98 var(--display);letter-spacing:-.04em;margin:14px 0 0;text-wrap:balance}
.page-head p{color:var(--muted);max-width:48ch}
.page-head + section{padding-top:clamp(28px,4vw,40px)}
.crumbs{font:400 13px/1.4 var(--mono);color:var(--muted);padding-top:clamp(20px,3vw,32px)}
.crumbs a{color:var(--muted)}
/* produto */
.prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start;padding-block:clamp(20px,3vw,32px) clamp(56px,8vw,96px)}
.prod-pic{border-radius:28px;background:color-mix(in srgb,var(--c) 22%,var(--surface));display:grid;place-items:center;padding:clamp(28px,5vw,56px) 0;position:relative}
.prod-pic svg,.prod-pic img{width:min(62%,340px);height:auto;display:block}
.prod-pic .badge{left:20px;top:20px}
.prod-info{display:flex;flex-direction:column;gap:18px}
.prod-info .num{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.prod-info h1{font:800 clamp(38px,5.6vw,64px)/.98 var(--display);letter-spacing:-.04em;margin:0;text-wrap:balance}
.prod-info .sub{font:500 13px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pink-text)}
.prod-info .desc{font-size:clamp(17px,2vw,19px);color:var(--muted);max-width:52ch}
.buy{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;padding:18px 20px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.buy .price{font-size:32px}
.buy .acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.blk{padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:8px}
.blk h2{font:800 17px/1.2 var(--display);margin:0;letter-spacing:-.01em}
.blk p{font-size:15.5px;color:var(--muted);line-height:1.55}
.outros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.outro{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-decoration:none}
.outro:hover{border-color:var(--ink)}
.outro span{width:56px;flex:none}
.outro svg{width:100%;height:auto;display:block}
.outro b{font:800 16px/1.2 var(--display)}
.outro small{display:block;font:400 12.5px/1.3 var(--mono);color:var(--muted);margin-top:4px}
/* perguntas e textos */
.faq{display:flex;flex-direction:column;gap:10px;max-width:820px}
.faq details{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:0 20px}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font:800 19px/1.3 var(--display);display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:500 22px/1 var(--mono);color:var(--pink-text)}
.faq details[open] summary::after{content:"−"}
.faq details p{color:var(--muted);padding-bottom:18px;max-width:64ch}
.texto{max-width:720px;display:flex;flex-direction:column;gap:16px;padding-bottom:clamp(56px,8vw,96px)}
.texto h2{font-size:clamp(22px,3vw,28px);margin-top:18px}
.texto p,.texto li{color:var(--muted)}
.texto ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.nf{padding-block:clamp(56px,10vw,120px);display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.nf h1{font:800 clamp(44px,8vw,96px)/.95 var(--display);letter-spacing:-.04em;margin:0}
.nf .row3{display:flex;gap:18px}
.nf .row3 span{width:90px}
footer .fnav{display:flex;gap:18px;flex-wrap:wrap}
footer .fnav a{color:var(--muted)}
@media (max-width:900px){
  .prod{grid-template-columns:1fr}
  .outros{grid-template-columns:1fr}
}
@media (max-width:640px){
  .top nav a.hide-m{display:none}
  .blocks{grid-template-columns:1fr}
}
/* frete */
.seg.seg3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cep-row{display:flex;gap:8px}
.cep-row input{flex:1;min-width:0}
.cep-row .btn{padding:12px 14px;font-size:14px;white-space:nowrap}
.hint{font-size:13px;color:var(--muted)}
.hint a{color:var(--muted)}
.svcs{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.svcs label{cursor:pointer}
.svcs input{position:absolute;opacity:0;pointer-events:none}
.svcs span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);font:500 15px/1.3 var(--body);color:var(--ink);text-transform:none;letter-spacing:0}
.svcs span small{grid-column:1;font:400 12.5px/1.3 var(--body);color:var(--muted)}
.svcs span em{grid-row:1 / span 2;grid-column:2;align-self:center;font:800 17px/1 var(--display);font-style:normal;font-variant-numeric:tabular-nums}
.svcs input:checked + span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.svcs input:focus-visible + span{outline:3px solid var(--pink);outline-offset:2px}
@media (max-width:480px){.seg.seg3{grid-template-columns:1fr}}
.aviso-frio{border:2px solid #E97132;background:#FFF1E6;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.aviso-frio b{font:800 16px/1.25 var(--display);color:#9A3F0C}
.aviso-frio p{font-size:14.5px;line-height:1.5;color:var(--ink)}
.pedido .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
/* painel */
.pn{padding-block:clamp(24px,4vw,40px) clamp(56px,8vw,96px);min-height:60vh}
.pn-login{max-width:520px;margin:clamp(24px,6vw,64px) auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.pn-login h1{font:800 clamp(36px,6vw,56px)/1 var(--display);letter-spacing:-.03em;margin:0}
.pn-login p{color:var(--muted)}
.pn-carregando,.pn-vazio{color:var(--muted);padding:24px 0}
.pn-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.pn-top h1{font:800 clamp(32px,5vw,48px)/1 var(--display);letter-spacing:-.03em;margin:8px 0 6px}
.pn-top small{font:400 13px/1.4 var(--mono);color:var(--muted)}
.pn-link{background:none;border:0;padding:0;font:inherit;color:var(--pink-text);text-decoration:underline;cursor:pointer}
.pn-abas{display:flex;gap:6px;margin-top:22px;border-bottom:2px solid var(--ink);overflow-x:auto}
.pn-abas button{border:0;background:none;padding:12px 16px;font:600 15px/1 var(--body);color:var(--muted);cursor:pointer;border-radius:12px 12px 0 0;white-space:nowrap}
.pn-abas button[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.pn-abas b{background:var(--pink);color:#fff;border-radius:999px;padding:2px 7px;font:600 12px/1 var(--mono);margin-left:4px}
.pn-corpo{padding-top:20px;display:flex;flex-direction:column;gap:16px}
.pn-aviso{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;transition:.2s;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:999px;font:600 14px/1 var(--body);z-index:40;pointer-events:none}
.pn-aviso.on{opacity:1;transform:translate(-50%,0)}
.pn-aviso.erro{background:#B42318}
.pn-filtros{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px;font:500 14px/1 var(--body);cursor:pointer;color:var(--ink)}
.chip span{font:500 12px/1 var(--mono);color:var(--muted);margin-left:2px}
.chip.on{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.chip.on span{color:var(--bg);opacity:.75}
.pn-busca{width:100%;max-width:460px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);font:400 15px/1.2 var(--body)}
.pn-pedidos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.pn-ped{background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}
.pn-ped.st-ag{border-left-color:#E97132}.pn-ped.st-nv{border-left-color:#156082}.pn-ped.st-pg{border-left-color:#196B24}.pn-ped.st-pr{border-left-color:#FFC21A}.pn-ped.st-en{border-left-color:#8A8A8A}.pn-ped.st-cn{border-left-color:#B42318;opacity:.8}
.pn-ped-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pn-cod{font:600 14px/1 var(--mono)}
.pn-st{font:500 11.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;background:var(--polenta-soft);padding:5px 8px;border-radius:999px}
.pn-data{font:400 12.5px/1 var(--mono);color:var(--muted)}
.pn-tot{margin-left:auto;font:800 20px/1 var(--display)}
.pn-ped-info a{color:var(--pink-text)}
.pn-itens{font-size:15px}
.pn-meta{font-size:13.5px;color:var(--muted)}
.pn-motivo{font-size:13.5px;background:#FFF1E6;border-radius:10px;padding:8px 10px;color:#7A2E0A}
.pn-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.pn-acoes .btn{padding:10px 14px;font-size:14px}
.pn-cancel{display:flex;gap:8px;flex-wrap:wrap;align-items:center;width:100%}
.pn-cancel input{flex:1;min-width:180px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--line);font:400 14px/1.2 var(--body)}
.pn-dica{font-size:13.5px;color:var(--muted)}
.pn-tab-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.pn-tab{width:100%;border-collapse:collapse;min-width:640px}
.pn-tab th{font:500 11.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
.pn-tab td{padding:10px 14px;border-bottom:1px solid var(--line);font-size:15px;vertical-align:middle}
.pn-tab tr:last-child td{border-bottom:0}
.pn-tab .mono{font-family:var(--mono);color:var(--muted)}
.pn-num{width:84px;padding:8px 10px;border-radius:10px;border:1.5px solid var(--line);font:500 15px/1 var(--body);font-variant-numeric:tabular-nums}
.pn-step{display:inline-flex;align-items:center;gap:4px}
.pn-step button{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--ink);background:var(--surface);cursor:pointer;font-size:16px;line-height:1}
.pn-step .pn-num{width:60px;text-align:center}
.pn-baixo{display:block;font:500 11px/1.2 var(--mono);color:#B42318;margin-top:4px}
.pn-sw{position:relative;display:inline-block;width:44px;height:26px}
.pn-sw input{opacity:0;width:0;height:0}
.pn-sw span{position:absolute;inset:0;border-radius:999px;background:var(--line);transition:.2s;cursor:pointer}
.pn-sw span::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}
.pn-sw input:checked + span{background:#196B24}
.pn-sw input:checked + span::after{transform:translateX(18px)}
.pn-sw input:focus-visible + span{outline:3px solid var(--pink);outline-offset:2px}
.pn-salvar{padding:9px 14px;font-size:14px}
.pn-salvar:disabled,.pn-cfg-row .btn:disabled{opacity:.35}
.pn-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.pn-kpi{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px}
.pn-kpi span{font:500 11.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.pn-kpi b{font:800 30px/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pn-kpi small{font-size:13px;color:var(--muted)}
.pn-h2{font:800 20px/1.2 var(--display);margin:10px 0 0}
.pn-rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-width:640px}
.pn-rank li{display:grid;grid-template-columns:200px 1fr 40px;align-items:center;gap:10px;font-size:14.5px}
.pn-rank i{display:block;height:12px;border-radius:6px;background:var(--pink)}
.pn-rank b{font:600 14px/1 var(--mono);text-align:right}
.pn-ajustes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;max-width:640px}
.pn-ajustes label{display:block;font:600 14px/1.3 var(--body);margin-bottom:6px}
.pn-cfg-row{display:flex;gap:8px}
.pn-cfg-row input{flex:1;min-width:0;padding:11px 12px;border-radius:10px;border:1.5px solid var(--line);font:400 15px/1.2 var(--body);background:var(--surface)}
.pn-cfg-row .btn{padding:10px 14px;font-size:14px}
@media (max-width:640px){.pn-rank li{grid-template-columns:120px 1fr 32px}.pn-pedidos{grid-template-columns:1fr}}
/* atalho do painel (só no aparelho do dono) */
.top nav a.pn-atalho{font-family:"IBM Plex Mono",monospace;font-size:.8rem;border:1.5px dashed currentColor;border-radius:999px;padding:.3rem .7rem;opacity:.75}
.top nav a.pn-atalho:hover{opacity:1}
/* painel · precificação */
.pn-prem{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:0}
.pn-prem summary{cursor:pointer;padding:16px 18px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;list-style:none}
.pn-prem summary::-webkit-details-marker{display:none}
.pn-prem summary::before{content:"+";font:700 18px/1 var(--mono);width:18px}
.pn-prem[open] summary::before{content:"−"}
.pn-prem summary b{font:800 18px/1 var(--display)}
.pn-prem summary span{font-size:13.5px;color:var(--muted)}
.pn-prem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;padding:0 18px}
.pn-prem fieldset{border:1px solid var(--line);border-radius:12px;padding:12px 14px 14px;margin:0;display:flex;flex-direction:column;gap:8px}
.pn-prem legend{font:700 14px/1.2 var(--body);padding:0 6px}
.pn-prem legend small{font:500 11px/1 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.pn-pcampo{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}
.pn-pcampo .pn-num{width:78px;text-align:right}
.pn-soma{font:500 12.5px/1.3 var(--mono);color:#196B24;margin:2px 0 0}
.pn-soma.mal{color:#B42318}
.pn-prem-pe{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px 16px}
.pn-prec{min-width:980px}
.pn-prec td b{font-weight:600}
.pn-ref{display:block;font:400 11.5px/1.3 var(--mono);color:var(--muted);margin-top:4px}
.pn-rs{display:inline-flex;align-items:center;gap:6px;font:500 13px/1 var(--mono);color:var(--muted)}
.pn-rs .pn-num{width:76px;text-align:right}
.pn-est{display:block;font:500 11px/1.2 var(--mono);color:#E97132;margin-top:4px}
.pn-fraco{color:var(--muted)}
.pn-prec td[data-k],.pn-prec [data-k="sug"]{font-variant-numeric:tabular-nums;white-space:nowrap}
.pn-marg{display:inline-block;min-width:58px;text-align:center;font:600 13px/1 var(--mono);padding:6px 8px;border-radius:999px}
.pn-marg.ok{background:#E3F1E5;color:#196B24}.pn-marg.at{background:#FCE8DC;color:#A34A12}.pn-marg.mal{background:#FBE0DE;color:#B42318}
.pn-prec-pe{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.pn-prec-pe .btn:disabled{opacity:.35}