/* Layout: vitrine clara com faixa azul-marinho no topo e no rodapé; painel com barra lateral marinho e cartões brancos. Cores tiradas da logo: azul-marinho, ouro e prata sobre branco. */
:root{
  --bg:#FFFFFF; --bg-2:#F3F5F9; --surface:#FFFFFF; --line:#DCE1EA; --line-2:#EBEEF4;
  --fg:#0D1B36; --fg-2:#34425E; --muted:#5C6880;
  --navy:#13366F; --navy-2:#1D4A95; --navy-dk:#0A1F44;
  --gold:#C8962E; --gold-hi:#E9B84F; --gold-lo:#86600F; --silver:#B8BFCC;
  --ok:#16794F; --warn:#A8610A; --bad:#BC2F26; --info:#1F5FA8;
  --f-display:'Poppins','Segoe UI',system-ui,sans-serif; --f-body:'Inter','Segoe UI',system-ui,sans-serif; --f-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0}img{max-width:100%}[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font:400 15px/1.55 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--f-display);color:var(--fg);margin:0 0 .5em;line-height:1.2;text-wrap:balance}
h1{font-size:clamp(26px,4.2vw,38px);font-weight:600}h2{font-size:22px;font-weight:600}h3{font-size:16px;font-weight:600}h4{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
p{margin:0 0 .9em;max-width:70ch}a{color:var(--navy-2);text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:var(--f-mono);font-size:13px;letter-spacing:.02em}.mt{margin-top:1em}
.ok-t{color:var(--ok)}.bad-t{color:var(--bad)}.nw{white-space:nowrap}
.ico{flex:none;vertical-align:middle}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px;border-radius:4px}
.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px}
.pad{padding-block:28px 56px}.narrow{max-width:860px}.sec{padding-block:30px 6px}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.sec-h h2{margin:0}.sub{margin:.3em 0 1em}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:9px;font-weight:600;cursor:pointer;text-decoration:none!important;transition:transform .12s,box-shadow .12s,background .12s}
.btn-gold{background:linear-gradient(180deg,#F2C763,#D9A236);color:var(--navy-dk);box-shadow:0 1px 0 #fff6 inset,0 2px 6px #c8962e44}
.btn-gold:hover{box-shadow:0 1px 0 #fff6 inset,0 4px 12px #c8962e66;transform:translateY(-1px)}
.btn-ghost{background:#fff;color:var(--navy);border-color:var(--line)}.btn-ghost:hover{border-color:var(--navy-2);background:var(--bg-2)}
.btn-danger{background:var(--bad);color:#fff}
.btn-sm{min-height:36px;padding:0 13px;font-size:13px}.btn-block{width:100%}
.icon-btn{background:none;border:0;color:var(--muted);width:40px;height:40px;display:inline-grid;place-items:center;cursor:pointer;border-radius:8px}.icon-btn:hover{background:var(--bg-2);color:var(--fg)}

/* topo */
.annc{background:var(--navy-dk);color:var(--gold-hi);font-size:13px;font-weight:500;text-align:center;padding:8px 0}
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.hdr-in{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding-block:8px}
.logo img,.ftr-logo,.adm-logo img{display:block;height:54px;width:auto;mix-blend-mode:multiply}
.search{display:flex;max-width:520px;width:100%;margin-inline:auto;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);overflow:hidden}
.search input{flex:1;min-width:0;border:0;background:none;padding:10px 16px;outline:none}.search:focus-within{border-color:var(--navy-2);background:#fff}
.search button{border:0;background:none;padding:0 14px;color:var(--navy);cursor:pointer}
.cartbtn{position:relative;color:var(--navy);width:44px;height:44px;display:grid;place-items:center}
.badge-n{position:absolute;top:2px;right:0;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--gold);color:var(--navy-dk);font:600 11px/19px var(--f-body);text-align:center}
.menubtn{display:none;background:none;border:0;color:var(--navy);width:44px;height:44px;cursor:pointer}
.nav{border-top:1px solid var(--line-2)}.nav>.wrap>ul{display:flex;gap:2px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.nav li{position:relative;list-style:none}.nav a{display:block;padding:11px 14px;font-weight:500;color:var(--fg);font-size:14px;text-decoration:none}
.nav>.wrap>ul>li>a:hover{color:var(--navy-2);box-shadow:inset 0 -2px 0 var(--gold)}
.drop{display:none;position:absolute;left:0;top:100%;min-width:250px;margin:0;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px #0a1f4426;z-index:50}
.has-drop:hover>.drop,.has-drop:focus-within>.drop{display:block}.drop a{border-radius:6px;padding:9px 12px}.drop a:hover{background:var(--bg-2)}

/* início */
.hero-banner{background:#fff;line-height:0}.hero-banner img{display:block;width:100%;max-width:1500px;height:auto;margin-inline:auto}
.hero-cta{background:var(--bg-2);border-bottom:1px solid var(--line)}.hero-cta-in{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-block:24px}.hero-cta h1{margin:0 0 6px;font-size:clamp(22px,3vw,30px)}.hero-cta .lead{margin:0;font-size:16px}.hero-cta .cta{margin:0}
.hero{background:linear-gradient(180deg,var(--bg-2),#fff)}
.hero-in{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;padding-block:36px 28px}
.eyebrow{font:600 12px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lo);margin:0 0 10px}
.lead{font-size:18px;color:var(--fg-2)}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.hero-logo img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.selos{background:var(--navy-dk);color:#fff}.selos-in{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-block:14px}
.selos-in div{display:flex;align-items:center;gap:10px;font-weight:500;font-size:14px}.selos .ico{color:var(--gold-hi)}
.cat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px}
.cat-card{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:2px 14px;align-items:center;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--navy);text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.cat-card>svg:first-child{grid-row:1/3;color:var(--navy-2)}.cat-card strong{font:600 16px var(--f-display);color:var(--fg)}.cat-card span{font-size:13px;color:var(--muted)}.cat-card>svg:last-child{grid-row:1/3;color:var(--gold-lo)}
.cat-card:hover{border-color:var(--gold);box-shadow:0 8px 22px #0a1f4416}
.wa-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px;background:var(--bg-2);border:1px solid var(--line);border-radius:14px}.wa-cta h3,.wa-cta p{margin:0}
.empty{display:grid;justify-items:start;gap:8px;padding:22px;border:1px dashed var(--silver);border-radius:12px;color:var(--muted);background:var(--bg-2)}.empty p{margin:0}.empty .ico{color:var(--gold-lo)}

/* listas e cartões de produto */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--fg-2);font-size:13px;font-weight:500;cursor:pointer;text-decoration:none!important}
.chip:hover{border-color:var(--navy-2)}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.chip em{font-style:normal;font-size:12px;opacity:.7}
.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:8px 0}.count{margin:6px 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:14px}
.pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.pcard:hover{box-shadow:0 10px 26px #0a1f441a;border-color:#c9d1df}
.pimg{position:relative;display:block;aspect-ratio:1/1;background:linear-gradient(160deg,#F7F8FB,#E9EDF5);overflow:hidden}.pimg img,.pdp-img img{width:100%;height:100%;object-fit:cover;display:block}
.ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--navy-2);text-align:center;padding:12px}.ph svg{opacity:.55}.ph span{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tags{position:absolute;top:10px;left:10px;display:flex;gap:6px;flex-wrap:wrap}
.tag{background:var(--navy);color:#fff;font:600 11px var(--f-body);padding:3px 9px;border-radius:999px;letter-spacing:.03em}.tag-hot{background:var(--bad)}.tag-soft{background:#fff;color:var(--gold-lo);border:1px solid var(--gold-hi)}
.pbody{display:flex;flex-direction:column;gap:3px;padding:14px;flex:1}
.pname{color:var(--fg);font-weight:500;text-decoration:none!important;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pname:hover{color:var(--navy-2)}
.pold{color:var(--muted);text-decoration:line-through;font-size:13px}
.pprice{display:flex;align-items:baseline;gap:6px}.pprice strong{font:600 21px var(--f-display);color:var(--navy)}.pprice span{font-size:12px;color:var(--ok);font-weight:600}
.pinst{font-size:12px;color:var(--muted)}.pact{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px}.pact .btn{flex:1;white-space:nowrap}
.pager{display:flex;gap:6px;justify-content:center;margin-top:26px}.pager button{width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-weight:600}.pager .on{background:var(--navy);color:#fff;border-color:var(--navy)}
.crumb{font-size:13px;color:var(--muted);margin-bottom:12px}.crumb a{color:var(--muted)}

/* produto */
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
.pdp-img{position:relative;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#F7F8FB,#E9EDF5);border:1px solid var(--line)}
.gift-note{color:var(--gold-lo);font-weight:500;font-size:14px}
.pdp-price{display:flex;align-items:baseline;gap:10px}.pdp-price strong{font:600 34px var(--f-display);color:var(--navy)}.pdp-price span{color:var(--ok);font-weight:600;font-size:14px}
.vars{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.vars .fld{min-width:130px;flex:1}
.pdp-act{display:flex;gap:10px;flex-wrap:wrap}.prazo{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:13px;color:var(--fg-2)}.prazo .ico{color:var(--navy-2);margin-top:2px}
.cep{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:6px}.cep .fld{width:170px}
.warn-t{color:var(--warn);font-weight:600;font-size:13px}
.kit-up{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px;border:1px solid var(--gold-hi);background:#FDF7E7;border-radius:12px;font-size:14px}.kit-up .ico{color:var(--gold-lo);margin-top:2px}
.pdp-more{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:40px}
.dl{margin:0}.dl>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-2)}.dl dt{color:var(--muted);font-size:13px}.dl dd{margin:0}
.bul{margin:0 0 1em;padding-left:20px}.bul.num{padding-left:22px}.bul li{margin:4px 0}
.med{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:14px;font:13px/1.7 var(--f-body);white-space:pre-wrap;overflow-x:auto}
.sug{margin-top:44px;padding:22px;background:var(--bg-2);border:1px solid var(--line);border-radius:16px}.sug h3{margin:0 0 2px;font-size:18px}.sug>p{margin-bottom:14px}
.sug-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.sug-row{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px}
.sug-img{width:64px;height:64px;border-radius:8px;overflow:hidden;display:block;background:var(--bg-2)}.sug-img .ph{padding:0}.sug-img .ph span{display:none}.sug-img svg{width:30px;height:30px}
.sug-t{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px}.sug-t a{color:var(--fg);font-weight:500;line-height:1.3}.sug-t em{font-style:normal;font-size:12px;display:flex;align-items:center;gap:5px;font-weight:600}.sug-t em.ok{color:var(--ok)}.sug-t em.sep{color:var(--warn)}

/* carrinho */
.cart-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:start}
.citens{list-style:none;margin:0;padding:0;display:grid;gap:12px}.citem{display:grid;grid-template-columns:72px 1fr auto auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}
.cimg{width:72px;height:72px;border-radius:8px;overflow:hidden;background:var(--bg-2);display:block}.cimg .ph{padding:0}.cimg .ph span{display:none}.cimg svg{width:34px;height:34px}
.cinfo{display:flex;flex-direction:column;gap:2px;min-width:0}.cinfo a{color:var(--fg);font-weight:500}.cinfo strong{color:var(--navy)}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px}.qty button{width:34px;height:34px;border:0;background:none;font-size:18px;cursor:pointer}.qty span{min-width:28px;text-align:center;font-weight:600}
.gift-box{margin-top:16px;padding:14px;border:1px solid var(--gold-hi);background:#FDF7E7;border-radius:12px;display:grid;gap:10px}
.co{position:sticky;top:90px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px #0a1f4412}.co h3{margin-top:16px}
.co-form{display:grid;gap:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:120px}
.pay{display:grid;gap:8px}.radio,.chk{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:14px}.radio{padding:11px 14px;border:1px solid var(--line);border-radius:10px}
input[type=checkbox],input[type=radio]{width:17px;height:17px;accent-color:var(--navy);flex:none}
.tot{margin:0 0 10px}.tot>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:14px}.tot dt{color:var(--fg-2)}.tot dd{margin:0;font-variant-numeric:tabular-nums;font-weight:500}.tot .ok dd,.tot .ok dt{color:var(--ok)}.tot .grand{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-size:18px}.tot .grand dt,.tot .grand dd{font:600 18px var(--f-display);color:var(--navy)}
.note-sep{display:flex;gap:8px;padding:10px 12px;background:#FDF1DC;border-radius:10px;color:#7A4A07;font-size:13px}
.err{color:var(--bad);font-weight:500;font-size:13px}
.ok-head{display:flex;align-items:center;gap:14px;color:var(--ok)}.ok-head h1{margin:0}
.panel{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--bg-2)}
.prose h3{margin-top:1.4em}details{border-bottom:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:600}details p{margin:.6em 0 0}

/* campos */
.fld{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:500;color:var(--fg-2);min-width:0}.fld.inline{min-width:150px}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--fg);font-size:14px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold-hi);outline-offset:0;border-color:var(--navy-2)}
textarea{resize:vertical}input.num{width:84px}input.mono{font-family:var(--f-mono)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.chk-row{display:flex;gap:18px;flex-wrap:wrap;margin:6px 0}
.tbl-w{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:14px}
.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font:600 11px var(--f-body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:11px 14px;border-bottom:1px solid var(--line);background:var(--bg-2);white-space:nowrap}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--line-2);vertical-align:middle;font-variant-numeric:tabular-nums}.tbl tr:last-child td{border-bottom:0}.tbl.hov tbody tr:hover{background:#F8F9FC}.tbl tr[data-act]{cursor:pointer}

/* rodapé */
.ftr{background:var(--navy-dk);color:#D5DCEA;margin-top:56px;padding-top:40px}.ftr h4{color:var(--gold-hi);margin-bottom:12px}.ftr a{color:#D5DCEA}.ftr .muted{color:#9AA7C0}
.ftr-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1.2fr;gap:28px}.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14px}
.ftr-logo{background:#fff;padding:6px 10px;border-radius:10px;margin-bottom:12px;mix-blend-mode:normal;height:56px}
.socs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.soc{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #ffffff30;border-radius:999px;font-size:13px;text-decoration:none!important}.soc:hover{border-color:var(--gold-hi);color:var(--gold-hi)}
.pays{display:flex;gap:6px;flex-wrap:wrap}.pays span{padding:4px 10px;border:1px solid #ffffff30;border-radius:6px;font-size:12px;font-weight:600}.seal{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--gold-hi);font-size:13px;font-weight:600}
.ftr-bot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:32px;padding-block:18px;border-top:1px solid #ffffff22;font-size:13px;color:#9AA7C0}
.wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:62px;height:62px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 6px 18px #0a1f4466;z-index:45;transition:transform .15s}.wa-float:hover{transform:scale(1.06)}.wa-float .wa-img{width:50px;height:50px}.wa-img{display:inline-block;vertical-align:middle;object-fit:contain}
#toasts{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:grid;gap:8px;z-index:120;width:min(92vw,460px)}
.toast{background:var(--navy-dk);color:#fff;padding:12px 16px;border-radius:10px;font-size:14px;box-shadow:0 10px 26px #0a1f4455}.toast.bad{background:var(--bad)}
#tip{position:fixed;z-index:130;pointer-events:none;background:var(--navy-dk);color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;line-height:1.4}
.avatar{display:block;width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--gold-hi)}.avatar img{width:100%;height:100%;object-fit:cover}

/* painel */
body.is-admin{background:var(--bg-2)}
.adm{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
.adm-side{background:var(--navy-dk);color:#D5DCEA;padding:18px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;align-self:start;height:100vh}
.adm-logo{background:#fff;border-radius:10px;padding:6px 8px;display:block}.adm-logo img{height:44px;margin:auto}
.adm-side nav{display:grid;gap:3px}.adm-side nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#D5DCEA;font-weight:500;font-size:14px;text-decoration:none}.adm-side nav a:hover{background:#ffffff14}.adm-side nav a.on{background:#ffffff1f;color:var(--gold-hi);box-shadow:inset 3px 0 0 var(--gold-hi)}
.adm-view{margin-top:auto}.adm-side .btn-ghost{background:transparent;color:#fff;border-color:#ffffff40}
.adm-main{padding:22px 20px 60px;min-width:0}
.adm-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.adm-top h1{margin:0;font-size:26px}.adm-act{display:flex;gap:8px;flex-wrap:wrap}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px;min-width:0}.card h2{font-size:17px;margin-bottom:12px}
.cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cols-2>.card{margin-bottom:0}.cols-2{margin-bottom:16px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}.kpi span{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.kpi strong{font:600 24px var(--f-display);color:var(--navy);font-variant-numeric:tabular-nums}.kpi em{font-style:normal;font-size:12px;color:var(--muted)}.kpi.good strong{color:var(--ok)}.kpi.low strong{color:var(--warn)}
.chart-w{margin:0 -4px}svg.chart{width:100%;height:auto;display:block}
.gl{stroke:var(--line-2);stroke-width:1}.al{fill:var(--muted);font:11px var(--f-body)}
.area{fill:var(--navy-2);fill-opacity:.1}.line{fill:none;stroke:var(--navy-2);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.end{fill:var(--gold);stroke:#fff;stroke-width:2}
.hit .band{fill:transparent}.hit .cross,.hit .dot{opacity:0}.hit:hover .cross{opacity:1;stroke:var(--silver);stroke-dasharray:3 3}.hit:hover .dot{opacity:1;fill:var(--navy-2);stroke:#fff;stroke-width:2}
.col{fill:var(--navy-2)}.col.neg{fill:var(--bad)}.hit:hover .col{fill:var(--gold-lo)}
.tbl-d{margin-top:10px;border:0;padding:0}.tbl-d summary{font-size:13px;color:var(--navy-2);font-weight:500}.tbl-d .tbl-w{max-height:280px;margin-top:8px}
.hbars{list-style:none;margin:0;padding:0;display:grid;gap:12px}.hbars li{display:grid;grid-template-columns:120px 1fr 96px;gap:10px;align-items:center;font-size:13px}.hl{color:var(--fg-2)}.ht{height:10px;background:var(--line-2);border-radius:999px;overflow:hidden}.ht i{display:block;height:100%;background:var(--navy-2);border-radius:999px}.hv{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;margin-right:4px}
.pill.ok{background:#E2F3EA;color:#0F6A44}.pill.warn{background:#FBEED6;color:#85500A}.pill.bad{background:#FBE4E1;color:#A32A21}.pill.info{background:#E2EDFA;color:#174F8F}.pill.gold{background:#F8EBC9;color:#74510B}.pill.mute{background:#EAEEF4;color:#46526B}
.alerts{list-style:none;margin:0;padding:0;display:grid;gap:8px}.alerts li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;font-size:14px;background:var(--bg-2)}
.al-warn{background:#FDF3E0!important}.al-warn .ico{color:var(--warn)}.al-bad{background:#FCE9E7!important}.al-bad .ico{color:var(--bad)}.al-ok .ico{color:var(--ok)}.al-info .ico{color:var(--info)}
.banner{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;background:#EAF1FC;border:1px solid #C9DAF3;border-radius:12px;margin-bottom:16px;font-size:14px;color:#17407D}.banner .ico{margin-top:2px;flex:none}.banner.gift{background:#FDF7E7;border-color:var(--gold-hi);color:#6B4A09}
.toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:12px}
.pcell{display:flex;align-items:center;gap:12px;min-width:220px}.pcell div{display:flex;flex-direction:column}
.thumb{width:44px;height:44px;border-radius:8px;overflow:hidden;background:var(--bg-2);flex:none;display:block}.thumb .ph{padding:0}.thumb .ph span{display:none}.thumb .ph svg{width:22px;height:22px}.thumb.big{width:84px;height:84px}.thumb.big .ph svg{width:36px;height:36px}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.avatar{border-radius:50%;width:56px;height:56px}
.ean-card{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center}.ean-card h2{margin-bottom:4px}.ean-card p{margin:0}.ean-q{display:grid;gap:8px}.ean-q input{font-family:var(--f-mono);font-size:16px;letter-spacing:.04em}.ean-res{font-size:13px;min-height:2.6em}
.modal-bg{position:fixed;inset:0;background:rgba(10,31,68,.55);z-index:100;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:24px 12px}
.modal{background:#fff;border-radius:16px;width:100%;max-width:640px;box-shadow:0 24px 60px #0a1f4466;outline:none}.modal.wide{max-width:1000px}
.modal-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-h h2{margin:0;font-size:19px}.modal-h>div:last-child{display:flex;align-items:center;gap:6px}
.modal-b{padding:18px 20px;display:grid;gap:14px}.modal-b section{min-width:0}.modal-f{display:flex;gap:10px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line);background:var(--bg-2);border-radius:0 0 16px 16px}
body.modal-open{overflow:hidden}
.pf-grid{grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.pf-main{display:grid;gap:12px;min-width:0}.pf-side{position:sticky;top:8px;padding:14px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px}
.conf{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}.conf li{display:flex;gap:8px;font-size:13px;align-items:flex-start}.conf li .ico{margin-top:1px}.conf li.ok{color:var(--ok)}.conf li.bad{color:var(--bad)}.conf li.warn{color:var(--warn)}.conf em{display:block;font-style:normal;color:var(--muted);font-size:12px}
.img-up{display:flex;gap:14px;align-items:center}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.envio{padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px}.envio-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.envio-a{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-top:10px}.envio p{margin:6px 0 0}
.sup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:16px}.sup .card,.sup{margin:0}.sup-h{display:flex;justify-content:space-between;gap:10px}.sup-h h3{margin:0}.sup-h p{margin:2px 0 0}.sup-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.dl2{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:12px 0}.dl2 dt{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.dl2 dd{margin:0;font-size:14px}
.prog-h{display:flex;justify-content:space-between;align-items:baseline}.prog-h h2{margin:0}.prog-h strong{font:600 22px var(--f-display);color:var(--navy)}.prog{height:10px;border-radius:999px;background:var(--line-2);overflow:hidden;margin:10px 0 16px}.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-hi))}
.lanc{list-style:none;margin:0;padding:0;display:grid;gap:2px}.lanc li{padding:10px 4px;border-bottom:1px solid var(--line-2)}
.soc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.soc-f{display:grid;gap:4px}
.card .fld{margin-bottom:10px}
.sticky-save{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom,0px));display:flex;justify-content:flex-end;margin-bottom:16px;z-index:5}
#bk-out,#bk-in{font:12px var(--f-mono);margin:10px 0}

.dicas{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:14px}
.dica{display:flex;flex-direction:column;gap:6px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--fg);text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.dica:hover{border-color:var(--gold);box-shadow:0 8px 22px #0a1f4416}
.dica-cat{font:600 11px var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-lo)}
.dica strong{font:600 17px/1.3 var(--f-display)}.dica .muted{font-size:14px}.dica-more{margin-top:auto;padding-top:8px;display:inline-flex;gap:6px;align-items:center;color:var(--navy-2);font-weight:600;font-size:14px}
@media (max-width:980px){
  .hero-in,.pdp,.pdp-more,.cart-grid,.ean-card,.pf-grid,.two-col{grid-template-columns:1fr}
  .cat-cards,.selos-in{grid-template-columns:repeat(2,1fr)}.ftr-grid{grid-template-columns:1fr 1fr}.co{position:static}.cols-2{grid-template-columns:1fr}
  .pf-side{position:static}
}
@media (max-width:860px){
  .hdr-in{grid-template-columns:auto 1fr auto auto;gap:8px}.menubtn{display:grid;place-items:center}.search{grid-column:1/-1;order:5;max-width:none}.hdr-in{grid-template-columns:1fr auto auto}
  .nav{display:none;max-height:70vh;overflow:auto}.nav.open{display:block}.nav>.wrap>ul{display:block}.drop{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 14px;min-width:0}
  .adm{grid-template-columns:1fr}.adm-side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 12px}.adm-side nav{display:flex;overflow-x:auto;flex:1 1 100%;order:3}.adm-side nav a{white-space:nowrap}.adm-view{margin-top:0;margin-left:auto}
}
@media (max-width:560px){
  .two,.three,.dl2{grid-template-columns:1fr}.cat-cards,.selos-in,.ftr-grid{grid-template-columns:1fr}.hbars li{grid-template-columns:90px 1fr 84px}
  .citem{grid-template-columns:60px 1fr auto}.citem .icon-btn{grid-column:3;grid-row:1}.citem .qty{grid-column:2}.logo img{height:46px}
  .dl>div{grid-template-columns:1fr;gap:2px}.sug-row{grid-template-columns:56px 1fr}.sug-row .btn{grid-column:1/-1}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pact{flex-direction:column}
}
.conx{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.conx:first-of-type{border-top:0}.conx .row{display:flex;gap:8px;flex-wrap:wrap}
.adv{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.adv summary{cursor:pointer;font-weight:600;color:var(--navy)}
.conn{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:8px 0}.conn legend{padding:0 6px;font-weight:600;color:var(--navy)}
.bulk{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px 14px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;margin-bottom:10px}.bulk>span{margin-right:auto}
.cur td{vertical-align:top}.cur td>span,.cur td>strong{display:block}.cur td select{min-width:178px;max-width:none}.flags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.acts{display:flex;gap:6px;flex-wrap:wrap}
.combo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.combo{margin:0}.combo h3{font-size:15px;margin:0 0 4px}.card.empty{text-align:center;padding:28px}
.pdv{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px;align-items:start}.pdv .card{margin:0}
.pdv-res{display:grid;gap:8px;max-height:62vh;overflow:auto;margin-top:10px}
.pdv-p{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font:inherit;color:inherit;width:100%}.pdv-p:hover{border-color:var(--navy-2)}
.pdv-p .thumb{width:48px;height:48px}.pdv-p strong,.pdv-p .small{display:block}.pdv-p em{font-style:normal;font-weight:700;color:var(--navy)}
.pix-box{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:start;margin:10px 0}.pix-qr{width:190px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px}.pix-qr svg{width:100%;height:auto;display:block}.pix-box textarea{width:100%;margin:6px 0}
.qty-c{white-space:nowrap}.qty-c span{display:inline-block;min-width:24px;text-align:center}.pdv-troco{font-size:18px;margin:8px 0;min-height:1.4em}.at-assume{align-items:end;margin-top:8px}
@media(max-width:900px){.pdv{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.pix-box{grid-template-columns:minmax(0,1fr)}}
.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:10px 0}.bg-t{padding:0;border:3px solid transparent;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer}.bg-t.on{border-color:var(--gold)}.bg-t img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.bg-busca{align-items:end;margin-top:10px}
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.art img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);display:block;margin-bottom:8px}.art .row{display:flex;gap:6px;flex-wrap:wrap}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.adm-login{max-width:380px;margin:12vh auto;padding:0 16px}.adm-login .card{display:grid;gap:12px;text-align:center}.adm-login img{height:56px;margin:0 auto}.adm-login .btn{width:100%}
button.link{background:none;border:0;padding:0;color:var(--navy,#14264a);text-decoration:underline;cursor:pointer;font:inherit}