:root{--sky:#74c0fc;--sky2:#2f80ed;--white:#f7fbff;--ink:#07111f;--panel:#0b1727;--muted:#94a8bf;--line:#1b324d;--gold:#d6a83a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050b14;color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:30;background:rgba(5,11,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(116,192,252,.15)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.12em}.brand img{width:58px;height:58px;object-fit:contain}.nav nav{display:flex;gap:28px;color:#c8d9eb}.nav nav a:hover{color:var(--sky)}.actions{display:flex;gap:10px;align-items:center}.ghost,.cartbtn{padding:11px 15px;border:1px solid var(--line);border-radius:999px}.cartbtn b{background:var(--sky);color:#04101e;border-radius:999px;padding:2px 7px;margin-left:6px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 35%,rgba(62,145,229,.32),transparent 30%),linear-gradient(140deg,#050b14 10%,#081a2d 60%,#0d3156);padding:80px 0 100px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,11,20,.22)),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.018) 80px)}.hero-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.2em;color:var(--sky)}h1,h2,h3{margin-top:0}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-.055em;margin:16px 0 22px}.hero h1 span{color:var(--sky)}.hero p{font-size:19px;line-height:1.7;color:#c3d3e4;max-width:650px}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:14px 20px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,#8fd3ff,#3b95ee);color:#03101f;box-shadow:0 12px 32px rgba(65,156,238,.24)}.secondary{background:#0d1b2c;color:#fff;border:1px solid var(--line)}.trust{display:flex;flex-wrap:wrap;gap:18px;color:#9eb4ca;font-size:13px}.hero-card{height:520px;border:1px solid rgba(255,255,255,.14);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018));display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 50px 100px rgba(0,0,0,.4);overflow:hidden}.hero-card img{width:78%;filter:drop-shadow(0 25px 45px rgba(0,0,0,.55))}.flag-band{position:absolute;inset:0;background:linear-gradient(180deg,rgba(116,192,252,.08) 0 32%,rgba(255,255,255,.045) 32% 66%,rgba(116,192,252,.08) 66%);mix-blend-mode:screen}.hero-badge{position:absolute;bottom:24px;right:24px;background:#f5fbff;color:#07111f;padding:10px 14px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.08em}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:-32px;position:relative;z-index:2}.categories a{background:#0b1625;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.categories strong{display:block;font-size:20px}.categories span{display:block;color:var(--muted);margin-top:5px}.section{padding:82px 0}.section-head,.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2,.catalog-head h1{font-size:42px;margin:7px 0 0}.section-head>a{color:var(--sky)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#091523;border:1px solid #142a42;border-radius:22px;overflow:hidden;transition:.2s}.product:hover{transform:translateY(-5px);border-color:#2e5f8c}.product-img{aspect-ratio:4/5;background:#0f2136;display:block;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;transition:.35s}.product:hover .product-img img{transform:scale(1.04)}.product-info{padding:18px}.product-info small{color:var(--sky);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.product-info h3{font-size:17px;margin:8px 0 14px}.price,.big-price{font-weight:950}.big-price{font-size:36px;color:var(--sky);margin:12px 0 22px}.story{padding:72px 0;background:linear-gradient(90deg,#eaf7ff,#b9e2ff);color:#07111f}.story .eyebrow{color:#185f9a}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story h2{font-size:44px;margin:10px 0}.story p{font-size:18px;line-height:1.75}.search{display:flex;gap:8px}.search input,.checkout-form input,.stack input,.stack select,.stack textarea,.buybox input,.buybox select,.inline select{background:#0b1828;border:1px solid #1e3a58;color:#fff;padding:13px 14px;border-radius:12px;outline:none}.search button{border:0;border-radius:12px;padding:0 18px;background:var(--sky);font-weight:800}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.chips a{border:1px solid var(--line);padding:9px 14px;border-radius:999px}.product-page{padding:70px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px}.detail-img{background:#0b1727;border:1px solid var(--line);border-radius:28px;overflow:hidden;min-height:600px}.detail-img img{width:100%;height:100%;object-fit:cover}.detail-copy{padding:28px 0}.detail-copy h1{font-size:48px;line-height:1.05;margin:10px 0}.detail-copy>p{color:#b7c9dc;line-height:1.7}.buybox{display:grid;grid-template-columns:1fr 130px;gap:12px;margin-top:25px}.buybox label{display:grid;gap:7px;color:#9db2c8;font-size:13px}.buybox button{grid-column:1/-1}.detail-trust{display:grid;gap:9px;margin-top:24px;color:#a9bed2}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:32px;margin-top:24px}.cart-item{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.cart-item img{width:110px;height:125px;border-radius:14px;object-fit:cover}.cart-item h3{margin:0 0 8px}.cart-item p{color:var(--muted)}.link-danger{background:none;border:0;color:#ff8b8b;cursor:pointer}.summary{background:#0b1727;border:1px solid var(--line);border-radius:20px;padding:24px;height:max-content}.summary>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0}.summary-total{font-size:20px}.full{width:100%}.narrow{max-width:850px}.checkout-form{background:#0b1727;border:1px solid var(--line);border-radius:24px;padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label,.stack label{display:grid;gap:7px;color:#9fb2c6;font-size:13px}.span2{grid-column:1/-1}.pay-total{display:flex;justify-content:space-between;font-size:22px;padding:24px 0}.tiny{font-size:12px;color:var(--muted);text-align:center}.alert,.ok{padding:13px 15px;border-radius:12px;margin:14px 0}.alert{background:#3b1b21;border:1px solid #74313e}.ok{background:#0e3328;border:1px solid #236b55}.success{text-align:center;max-width:720px;padding:100px 0}.success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:var(--sky);color:#052039;font-size:36px;font-weight:900}.order-status{display:flex;justify-content:space-between;background:#0b1727;border:1px solid var(--line);padding:18px;border-radius:16px;margin:28px 0}.empty{padding:40px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:52px 0 18px;background:#040911}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;color:#a8bbcf}.footerlogo{width:100px;margin-bottom:14px}.copy{text-align:center;color:#657a91;border-top:1px solid #102239;margin-top:35px;padding-top:18px;font-size:12px}
.admin-login{min-height:100vh;background:radial-gradient(circle at 20% 30%,#173c65,transparent 35%),#050b14;display:grid;place-items:center}.login-wrap{width:min(950px,92%);display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:center}.login-brand img{width:190px}.login-brand h1{font-size:54px;margin:10px 0}.login-brand p{color:var(--muted)}.login-card{background:rgba(10,24,40,.85);border:1px solid var(--line);backdrop-filter:blur(20px);padding:28px;border-radius:24px;display:grid;gap:18px}.login-card label{display:grid;gap:7px;color:#9db2c8}.login-card input{background:#07111f;border:1px solid var(--line);color:#fff;padding:14px;border-radius:12px}.login-card>a{text-align:center;color:var(--muted);font-size:13px}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#06101c;border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.1em}.admin-brand img{width:52px;height:52px;object-fit:contain}.sidebar nav{display:grid;gap:8px;margin-top:30px}.sidebar nav a{padding:12px 14px;color:#a7bbcf;border-radius:10px}.sidebar nav a:hover{background:#0d2136;color:#fff}.admin-main{min-width:0}.admin-top{height:96px;padding:20px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.admin-top h1{margin:3px 0}.admin-top small{color:var(--sky);font-weight:900;letter-spacing:.15em}.admin-content{padding:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats>div,.panel{background:#0a1624;border:1px solid var(--line);border-radius:18px;padding:20px}.stats span{display:block;color:var(--muted);font-size:13px}.stats b{display:block;font-size:28px;margin-top:8px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head a{color:var(--sky)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #14283d;white-space:nowrap}th{color:#8298ad;font-size:12px;text-transform:uppercase;letter-spacing:.08em}td small{display:block;color:var(--muted);margin-top:3px}.status{background:#132b42;border:1px solid #234867;padding:5px 8px;border-radius:999px;font-size:12px}.admin-grid{display:grid;grid-template-columns:420px 1fr;gap:20px}.stack{display:grid;gap:14px}.stack textarea{min-height:100px;resize:vertical}.checks{display:flex;gap:18px}.row-actions{display:flex;gap:10px;align-items:center}.row-actions a,.row-actions button{color:var(--sky);background:none;border:0;cursor:pointer}.max700{max-width:700px}
@media(max-width:900px){.nav nav,.ghost{display:none}.hero-grid,.product-page,.story-grid,.cart-layout,.login-wrap,.admin-grid{grid-template-columns:1fr}.hero-card{height:360px}.categories{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.admin-top{height:auto}.detail-img{min-height:420px}}
@media(max-width:560px){.nav{height:68px}.brand span{font-size:13px}.brand img{width:46px;height:46px}.hero{padding:55px 0 70px}.hero h1{font-size:49px}.hero p{font-size:16px}.hero-card{height:300px}.hero-actions{flex-direction:column}.trust{display:grid}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-info{padding:12px}.product-info h3{font-size:14px}.section{padding:55px 0}.section-head h2,.catalog-head h1{font-size:32px}.catalog-head{align-items:stretch;flex-direction:column}.search{width:100%}.search input{min-width:0;flex:1}.product-page{padding:40px 0;gap:24px}.detail-copy h1{font-size:36px}.buybox,.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.cart-item{grid-template-columns:80px 1fr}.cart-item img{width:80px;height:95px}.cart-item form{grid-column:2}.stats{grid-template-columns:1fr}.admin-content{padding:14px}.admin-top{padding:16px}.sidebar nav{grid-template-columns:1fr 1fr}.login-brand{text-align:center}.login-brand img{margin:auto}.login-brand h1{font-size:38px}.login-wrap{gap:20px}}

/* DirectAdmin / correções de visualização v3 */
html,body{max-width:100%;overflow-x:hidden}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main{min-height:55vh}
.product-img img,.detail-img img{background:#0d1b2c}
.admin-body{min-height:100vh}
@media(max-width:760px){
  .container{width:min(94%,1180px)}
  .actions{gap:6px}.cartbtn{padding:9px 11px;font-size:13px}
  .brand{min-width:0}.brand span{white-space:nowrap}
  .hero-grid{gap:28px}.hero-card{border-radius:22px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product{min-width:0}.product-info h3{overflow-wrap:anywhere}
  .admin-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:14px}
  .admin-brand{justify-content:center}.sidebar nav{display:flex;overflow-x:auto;gap:8px;margin-top:14px;padding-bottom:4px}
  .sidebar nav a{white-space:nowrap;flex:0 0 auto}
  .admin-main{width:100%;overflow:hidden}.admin-content{padding:14px}
  .table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:390px){
  .product-grid{grid-template-columns:1fr}
  .hero h1{font-size:42px}
  .brand span{font-size:11px}.brand img{width:42px;height:42px}
}

/* WF Imports v4 — correções de visualização */
:root{color-scheme:dark}
html{width:100%;overflow-x:hidden}
body{width:100%;min-width:0}
.container{max-width:1180px}
.topbar{width:100%}
.nav>*{min-width:0}
.hero-grid>*{min-width:0}
.product-grid>*{min-width:0}
.product-img{position:relative}
.product-img img{display:block;width:100%;height:100%;object-fit:cover}
.hero-card img{max-height:82%;object-fit:contain}
.setup-shell{width:min(1040px,94%);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:42px;align-items:center;margin:auto;padding:40px 0}
.setup-brand img{width:min(260px,65vw);margin-bottom:18px}
.setup-brand h1{font-size:clamp(38px,6vw,62px);margin:10px 0}
.setup-brand p{color:var(--muted);font-size:17px;line-height:1.65}
.setup-card h2{font-size:17px;margin:5px 0 0}
.alert small{display:block;margin-top:6px;opacity:.8}
@media(max-width:920px){
 .setup-shell{grid-template-columns:1fr;max-width:620px}
 .setup-brand{text-align:center}
 .setup-brand img{margin-left:auto;margin-right:auto}
 .hero-grid{grid-template-columns:1fr}
 .hero-copy{text-align:left}
}
@media(max-width:640px){
 .nav{gap:8px}
 .actions{flex-shrink:0}
 .cartbtn{white-space:nowrap}
 .hero{padding-top:42px}
 .hero-card{height:280px}
 .categories{margin-top:-18px}
 .categories a{padding:18px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-info{padding:12px}
 .product-info small{font-size:10px}
 .product-info h3{font-size:14px;line-height:1.3;min-height:36px}
 .price{font-size:15px}
 .product-img{aspect-ratio:4/5}
 .setup-shell{width:92%;padding:22px 0}
 .setup-card{padding:20px}
}
@media(max-width:380px){
 .brand span{display:none}
 .product-grid{grid-template-columns:1fr}
}

/* WF Imports Premium CMS v6 */
.announcement{min-height:34px;display:flex;align-items:center;justify-content:center;padding:7px 16px;text-align:center;background:linear-gradient(90deg,#8ed3ff,#eef9ff,#8ed3ff);color:#06111f;font-size:12px;font-weight:900;letter-spacing:.08em}
.announcement a,.announcement span{color:inherit}
.hero{background-image:linear-gradient(140deg,rgba(5,11,20,.96),rgba(8,26,45,.91) 60%,rgba(13,49,86,.88)),var(--hero-custom,none);background-size:cover;background-position:center}
.admin-kicker{color:var(--sky);font-size:10px;font-weight:900;letter-spacing:.18em}
.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px;margin-bottom:20px;border:1px solid #1c3957;border-radius:22px;background:radial-gradient(circle at 85% 20%,rgba(116,192,252,.18),transparent 30%),linear-gradient(135deg,#0a1726,#0d2238)}
.admin-hero h2{font-size:32px;margin:7px 0}.admin-hero p{margin:0;color:var(--muted);max-width:650px}.admin-hero-actions{display:flex;gap:10px;flex-shrink:0}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.quick-grid>a{display:flex;align-items:center;gap:14px;background:#0a1624;border:1px solid var(--line);border-radius:18px;padding:18px;transition:.2s}
.quick-grid>a:hover{transform:translateY(-3px);border-color:#36688f}.quick-grid>a>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#102a44;color:var(--sky);font-size:20px}.quick-grid b,.quick-grid small{display:block}.quick-grid small{color:var(--muted);margin-top:3px}
.cms-form{padding-bottom:90px}.cms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.span-panel{grid-column:1/-1}
.cms-grid .panel h2,.payment-grid .panel h2{margin:4px 0}.pill{border:1px solid #2c587b;border-radius:999px;padding:5px 9px;color:#9dc7e8;font-size:11px}
.switch{position:relative;display:inline-block;width:46px;height:26px;flex:0 0 auto}.switch input{display:none}.switch span{position:absolute;inset:0;background:#1a2a3b;border-radius:999px;border:1px solid #29445e;cursor:pointer;transition:.2s}.switch span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#7890a6;transition:.2s}.switch input:checked+span{background:#276da6}.switch input:checked+span:after{transform:translateX(20px);background:#eaf8ff}
.current-media{display:flex;align-items:center;gap:14px;background:#07111d;border:1px solid #172d43;border-radius:14px;padding:12px}.current-media img{width:78px;height:58px;object-fit:contain}.current-media span{color:var(--muted);font-size:12px}
.media-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:16px;padding:12px;background:#08131f;border-radius:12px;color:var(--muted);font-size:12px}
.sticky-save{position:fixed;z-index:20;bottom:18px;right:28px;left:288px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;background:rgba(7,17,31,.92);backdrop-filter:blur(18px);border:1px solid #244763;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.4)}.sticky-save b,.sticky-save small{display:block}.sticky-save small{color:var(--muted);margin-top:2px}
.payment-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px}.payment-brand{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#1191ff;color:#fff;font-weight:950}.panel-sub{color:var(--muted);line-height:1.6}
.payment-status-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid #24415b;background:#07131f}.payment-status-card .status-dot{width:10px;height:10px;border-radius:50%}.payment-status-card.connected .status-dot{background:#56d49b;box-shadow:0 0 18px #56d49b}.payment-status-card.disconnected .status-dot{background:#e3a653}.payment-status-card b,.payment-status-card small{display:block}.payment-status-card small{color:var(--muted);margin-top:3px}
.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:13px;border:1px solid #1b344c;border-radius:13px}.switch-row span b,.switch-row span small{display:block}.switch-row span small{color:var(--muted);margin-top:3px}
.integration-info{display:grid;gap:0;margin:18px 0}.integration-info>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #162a3d}.integration-info span{color:var(--muted)}.integration-info code{max-width:65%;white-space:normal;overflow-wrap:anywhere;color:#9fd3ff;text-align:right}
.premium-note{margin-top:18px;padding:16px;border:1px solid #21445f;background:#0a1d2d;border-radius:15px}.premium-note p{color:var(--muted);line-height:1.55;margin-bottom:0}.danger-check{color:#ffaaaa!important}
.settings-links{display:grid;gap:10px}.settings-links a{display:flex;justify-content:space-between;gap:15px;padding:15px;border-radius:13px;background:#07131f;border:1px solid #172e45}.settings-links a span{color:var(--sky);font-size:12px}
@media(max-width:960px){.cms-grid,.payment-grid{grid-template-columns:1fr}.span-panel{grid-column:auto}.sticky-save{left:18px;right:18px}.quick-grid{grid-template-columns:1fr}.admin-hero{align-items:flex-start;flex-direction:column}.admin-hero-actions{width:100%}.admin-hero-actions .btn{flex:1}}
@media(max-width:640px){.sticky-save{bottom:10px;padding:10px 12px}.sticky-save>div{display:none}.sticky-save .btn{width:100%}.cms-form{padding-bottom:75px}.admin-hero h2{font-size:26px}.payment-grid{display:block}.payment-grid>.panel+ .panel{margin-top:14px}.media-row{align-items:flex-start;flex-direction:column}}

/* Botão flutuante WhatsApp */
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:120;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:56px;
  padding:10px 16px 10px 10px;
  border-radius:999px;
  background:#25D366;
  color:#fff!important;
  box-shadow:0 14px 38px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08) inset;
  font-weight:900;
  letter-spacing:.01em;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.whatsapp-float:hover{
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 18px 46px rgba(0,0,0,.42);
  filter:brightness(1.03);
}
.whatsapp-float .wa-icon{
  width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,255,255,.16);
  flex:0 0 auto;
}
.whatsapp-float .wa-icon svg{
  width:24px;height:24px;fill:#fff;
}
.whatsapp-float .wa-label{
  white-space:nowrap;
}
@media(max-width:640px){
  .whatsapp-float{
    right:14px;
    bottom:14px;
    width:58px;
    height:58px;
    min-height:58px;
    padding:0;
    justify-content:center;
    border-radius:50%;
  }
  .whatsapp-float .wa-icon{
    width:40px;height:40px;background:transparent;
  }
  .whatsapp-float .wa-label{display:none}
}

/* V8 — barra premium acompanha a rolagem */
.announcement{
  position:sticky;
  top:0;
  z-index:160;
  width:100%;
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
  background:linear-gradient(90deg,#8ed3ff,#eef9ff,#8ed3ff);
  color:#06111f;
  box-shadow:0 5px 18px rgba(0,0,0,.18);
}
.announcement a,.announcement span{
  display:block;
  width:100%;
  text-align:center;
  white-space:normal;
  line-height:1.35;
}
.topbar{
  position:sticky;
  top:36px;
  z-index:150;
}
@media(max-width:640px){
  .announcement{
    min-height:38px;
    padding:7px 10px;
    font-size:10px;
    letter-spacing:.055em;
  }
  .topbar{top:38px}
}

/* V9 — correção definitiva da faixa que acompanha a rolagem */
:root{
  --announcement-h: 38px;
}
body{
  padding-top:var(--announcement-h);
}
.announcement{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  min-height:var(--announcement-h) !important;
  z-index:9999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  transform:none !important;
}
.announcement a,
.announcement span{
  display:block;
  width:100%;
  text-align:center;
  white-space:normal;
  line-height:1.3;
}
.topbar{
  position:sticky !important;
  top:0 !important;
  z-index:9000 !important;
}

/* cria o espaço correto abaixo da faixa fixa */
.topbar{
  margin-top:0;
}

@media(min-width:641px){
  .topbar{
    top:0 !important;
  }
}

@media(max-width:640px){
  :root{
    --announcement-h: 42px;
  }
  .announcement{
    min-height:var(--announcement-h) !important;
    padding:7px 10px !important;
    font-size:10px !important;
    letter-spacing:.045em !important;
  }
}

/* menu acompanha abaixo da faixa */
.topbar{
  top:var(--announcement-h) !important;
}

/* V10 — Menu configurável + Rastreamento Correios */
.menu-editor{overflow:hidden}.menu-table-head,.menu-edit-row{display:grid;grid-template-columns:90px 1.15fr 1.45fr 90px;gap:12px;align-items:center}.menu-table-head{padding:0 8px 10px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.12em}.menu-edit-row{padding:12px 8px;border-top:1px solid #172c40}.menu-edit-row label{margin:0}.menu-edit-row small{display:none}.order-input{text-align:center;font-weight:900}.visible-menu{display:flex!important;justify-content:center}.panel-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px}
.tracking-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.tracking-inline{display:flex;gap:8px;align-items:center}.tracking-inline input{min-width:170px;text-transform:uppercase}.mini-link{font-size:11px;color:var(--sky);white-space:nowrap}
.tracking-hero{padding:70px 0 50px;background:radial-gradient(circle at 80% 20%,rgba(116,192,252,.18),transparent 27%),linear-gradient(135deg,#06101c,#0a2137)}.tracking-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.tracking-copy h1{font-size:clamp(38px,6vw,68px);line-height:.98;margin:12px 0 18px}.tracking-copy p{color:var(--muted);font-size:17px;line-height:1.65;max-width:620px}.tracking-card{padding:25px;border:1px solid #24445e;background:rgba(8,21,34,.88);border-radius:22px;box-shadow:0 25px 60px rgba(0,0,0,.28)}.tracking-alert{margin-top:14px}
.tracking-result{padding-top:42px;padding-bottom:70px}.tracking-result-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.tracking-result-head h2{font-size:32px;margin:6px 0}.status.big{padding:9px 13px}.tracking-result-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:18px}.delivery-card h3,.correios-card h3{font-size:25px;margin:9px 0}.delivery-card p,.correios-card p{color:var(--muted);line-height:1.55}.tracking-code{font-size:30px!important;letter-spacing:.08em;color:#bde3ff}.correios-card .btn+.btn{margin-top:10px}.muted{color:var(--muted)}
@media(max-width:980px){.tracking-admin-grid,.tracking-wrap,.tracking-result-grid{grid-template-columns:1fr}.tracking-wrap{gap:28px}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.menu-table-head{display:none}.menu-edit-row{grid-template-columns:74px 1fr;gap:10px}.menu-edit-row label:nth-child(3){grid-column:1/-1}.menu-edit-row small{display:block;margin-bottom:5px;color:var(--muted);font-size:9px}.visible-menu{justify-content:flex-start!important;align-items:center;gap:10px}.panel-actions{flex-direction:column;align-items:stretch}.tracking-hero{padding:45px 0 35px}.tracking-result-head{align-items:flex-start;flex-direction:column}.quick-grid{grid-template-columns:1fr}}

/* V11 — integração oficial Correios */
.button-link{border:0;background:none;padding:0;cursor:pointer;font:inherit}
.correios-inline-form{margin-top:6px}
.correios-test code,.integration-info code{overflow-wrap:anywhere}

/* =========================================================
   V12 — EXPERIÊNCIA MOBILE PREMIUM
   ========================================================= */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:smooth;
}
body{
  overflow-x:hidden;
}
img,svg,video{
  max-width:100%;
}
input,select,textarea,button{
  font:inherit;
}
button,a{
  -webkit-tap-highlight-color:transparent;
}

/* Melhorias gerais para toque */
@media (max-width: 820px){
  :root{
    --mobile-gutter:16px;
    --announcement-h:42px;
  }

  body{
    min-width:0;
    padding-top:var(--announcement-h);
  }

  .container{
    width:100%;
    max-width:100%;
    padding-left:var(--mobile-gutter);
    padding-right:var(--mobile-gutter);
  }

  /* Barra superior sempre legível */
  .announcement{
    min-height:var(--announcement-h)!important;
    height:auto!important;
    padding:7px 42px 7px 12px!important;
    font-size:10px!important;
    font-weight:900;
    letter-spacing:.055em!important;
    line-height:1.25!important;
    overflow:visible!important;
  }
  .announcement a,
  .announcement span{
    white-space:normal!important;
    text-overflow:clip!important;
    overflow:visible!important;
  }

  /* Header compacto premium */
  .topbar{
    top:var(--announcement-h)!important;
    min-height:64px;
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .nav{
    min-height:64px;
    gap:10px;
    padding-top:8px;
    padding-bottom:8px;
  }
  .brand{
    min-width:0;
    gap:8px;
  }
  .brand img{
    width:38px!important;
    height:38px!important;
    object-fit:contain;
    flex:0 0 38px;
  }
  .brand span{
    font-size:12px!important;
    max-width:92px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* Menu horizontal rolável, sem quebrar layout */
  .nav nav{
    order:3;
    width:100%;
    display:flex!important;
    gap:8px!important;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    padding:4px 0 2px;
  }
  .nav nav::-webkit-scrollbar{display:none}
  .nav nav a{
    flex:0 0 auto;
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;
    background:rgba(255,255,255,.035);
    font-size:11px!important;
    white-space:nowrap;
  }
  .nav{
    flex-wrap:wrap;
  }
  .actions{
    margin-left:auto;
    gap:7px!important;
  }
  .actions .ghost{
    display:none!important;
  }
  .cartbtn{
    min-height:40px;
    padding:0 11px!important;
    border-radius:12px!important;
    font-size:11px!important;
    white-space:nowrap;
  }

  /* Hero mais refinado e sem cortes */
  .hero{
    min-height:auto!important;
    padding:44px 0 34px!important;
    background-position:center!important;
  }
  .hero .container,
  .hero-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .hero h1{
    font-size:clamp(38px,12vw,58px)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  .hero p{
    font-size:15px!important;
    line-height:1.55!important;
    max-width:100%!important;
  }
  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .hero-actions .btn{
    width:100%;
    min-height:50px;
    justify-content:center;
    border-radius:14px;
  }

  /* Cards/benefícios */
  .trust,
  .trust-grid,
  .benefits,
  .categories,
  .category-grid,
  .featured-grid,
  .product-grid,
  .footergrid{
    gap:12px!important;
  }

  .trust-grid,
  .benefits{
    grid-template-columns:1fr!important;
  }

  /* Categorias em cards maiores e confortáveis */
  .category-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .category-card,
  .category{
    min-height:132px;
    border-radius:18px!important;
  }

  /* Produtos: 2 colunas premium no smartphone */
  .product-grid,
  .featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .product-card{
    min-width:0;
    border-radius:18px!important;
    overflow:hidden;
  }
  .product-img{
    aspect-ratio:1/1.18;
    overflow:hidden;
  }
  .product-img img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .product-card .product-body,
  .product-card .body{
    padding:12px!important;
  }
  .product-card h3{
    font-size:13px!important;
    line-height:1.25!important;
    min-height:2.5em;
  }
  .product-card p,
  .product-card small{
    font-size:10px!important;
  }
  .product-card .price{
    font-size:15px!important;
  }

  /* Página de produto */
  .product-detail,
  .product-layout{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .product-detail .product-image,
  .product-gallery{
    position:static!important;
  }
  .product-detail h1,
  .product-info h1{
    font-size:30px!important;
    line-height:1.05!important;
  }

  /* Formulários e checkout */
  .checkout-grid,
  .cart-grid,
  .cms-grid,
  .tracking-wrap,
  .tracking-result-grid,
  .tracking-admin-grid{
    grid-template-columns:1fr!important;
  }
  input,select,textarea{
    width:100%;
    min-height:48px;
    font-size:16px!important; /* evita zoom automático no iOS */
    border-radius:12px!important;
  }
  textarea{
    min-height:110px;
  }
  .btn{
    min-height:46px;
    border-radius:12px!important;
  }

  /* Tabelas responsivas */
  .table-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:14px;
  }
  .table-wrap table{
    min-width:720px;
  }

  /* Rodapé */
  .footergrid{
    grid-template-columns:1fr!important;
    padding-top:32px!important;
  }
  .footergrid>div{
    padding-bottom:14px;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .footergrid>div:last-child{
    border-bottom:0;
  }

  /* Rastreamento */
  .tracking-hero{
    padding:36px 0 28px!important;
  }
  .tracking-copy h1{
    font-size:38px!important;
  }
  .tracking-card,
  .tracking-result .panel{
    border-radius:18px!important;
  }
  .tracking-result{
    padding-top:28px!important;
    padding-bottom:46px!important;
  }

  /* WhatsApp flutuante sem cobrir conteúdo */
  .whatsapp-float{
    right:14px!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    width:56px!important;
    height:56px!important;
    min-height:56px!important;
    box-shadow:0 12px 32px rgba(0,0,0,.34)!important;
  }

  /* Admin mobile */
  .admin-shell{
    display:block!important;
  }
  .sidebar{
    position:static!important;
    width:100%!important;
    min-height:auto!important;
    padding:12px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .sidebar .admin-brand{
    margin-bottom:10px;
  }
  .sidebar nav{
    display:flex!important;
    overflow-x:auto;
    gap:7px;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .sidebar nav::-webkit-scrollbar{display:none}
  .sidebar nav a{
    flex:0 0 auto;
    padding:10px 12px!important;
    border-radius:999px!important;
    white-space:nowrap;
    font-size:11px!important;
  }
  .admin-main{
    margin-left:0!important;
    width:100%!important;
  }
  .admin-top{
    min-height:auto!important;
    padding:18px var(--mobile-gutter)!important;
    align-items:flex-start!important;
    gap:10px;
  }
  .admin-top h1{
    font-size:24px!important;
  }
  .admin-content{
    padding:16px!important;
  }
  .admin-hero{
    grid-template-columns:1fr!important;
    padding:20px!important;
    border-radius:18px!important;
  }
  .admin-hero h2{
    font-size:26px!important;
  }
  .quick-grid,
  .stats-grid{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .panel{
    border-radius:16px!important;
    padding:16px!important;
  }
}

/* Smartphones menores */
@media (max-width: 480px){
  :root{
    --mobile-gutter:13px;
  }
  .announcement{
    font-size:9px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .brand span{
    display:none!important;
  }
  .brand img{
    width:40px!important;
    height:40px!important;
  }
  .cartbtn{
    font-size:10px!important;
  }
  .hero{
    padding-top:34px!important;
  }
  .hero h1{
    font-size:clamp(34px,12.5vw,48px)!important;
  }
  .category-grid{
    grid-template-columns:1fr!important;
  }
  .product-grid,
  .featured-grid{
    gap:9px!important;
  }
  .product-card .product-body,
  .product-card .body{
    padding:10px!important;
  }
  .product-card h3{
    font-size:12px!important;
  }
  .product-card .price{
    font-size:14px!important;
  }
  .quick-grid,
  .stats-grid{
    grid-template-columns:1fr!important;
  }
}

/* Safe areas (iPhone) */
@supports (padding: max(0px)){
  @media (max-width:820px){
    .topbar,
    .announcement{
      padding-left:max(10px, env(safe-area-inset-left));
      padding-right:max(10px, env(safe-area-inset-right));
    }
    footer{
      padding-bottom:max(18px, env(safe-area-inset-bottom));
    }
  }
}

/* =========================================================
   V13 — CORREÇÃO DEFINITIVA DE VISUALIZAÇÃO MOBILE
   ========================================================= */

/* nunca permitir estouro horizontal */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
*,*::before,*::after{
  box-sizing:border-box;
}
main,header,footer,section,.container,.admin-shell,.admin-main,.admin-content{
  max-width:100%;
}

/* imagens e mídia nunca extrapolam a viewport */
img,picture,video,iframe,svg{
  max-width:100%;
  height:auto;
}

/* ===== MOBILE ===== */
@media (max-width: 820px){

  :root{
    --mobile-gap:14px;
    --notice-h:42px;
    --header-h:112px;
  }

  body{
    margin:0!important;
    padding-top:var(--notice-h)!important;
    overflow-x:hidden!important;
  }

  .container{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding-left:var(--mobile-gap)!important;
    padding-right:var(--mobile-gap)!important;
  }

  /* Faixa premium fixa no topo */
  .announcement{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    min-height:var(--notice-h)!important;
    max-height:none!important;
    z-index:99999!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:7px 10px!important;
    margin:0!important;
    transform:none!important;
    overflow:visible!important;
  }
  .announcement a,
  .announcement span{
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:9.5px!important;
    line-height:1.25!important;
  }

  /* Header sem sobreposição */
  .topbar{
    position:sticky!important;
    top:var(--notice-h)!important;
    z-index:9990!important;
    width:100%!important;
    min-height:auto!important;
    height:auto!important;
    margin:0!important;
  }

  .nav{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    grid-template-areas:
      "brand actions"
      "menu menu"!important;
    align-items:center!important;
    width:100%!important;
    min-height:0!important;
    padding:8px var(--mobile-gap) 7px!important;
    gap:7px 10px!important;
  }

  .brand{
    grid-area:brand!important;
    min-width:0!important;
    max-width:160px!important;
    overflow:hidden!important;
  }
  .brand img{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    flex:0 0 38px!important;
    object-fit:contain!important;
  }
  .brand span{
    display:block!important;
    min-width:0!important;
    max-width:102px!important;
    font-size:11px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .actions{
    grid-area:actions!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:0!important;
    margin:0!important;
    gap:6px!important;
  }
  .actions .ghost{
    display:none!important;
  }
  .cartbtn{
    min-width:0!important;
    max-width:118px!important;
    min-height:38px!important;
    padding:0 10px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }

  .nav nav{
    grid-area:menu!important;
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    padding:2px 0!important;
    margin:0!important;
  }
  .nav nav::-webkit-scrollbar{display:none!important}
  .nav nav a{
    flex:0 0 auto!important;
    width:auto!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* hero sem corte e sem largura errada */
  .hero,
  .tracking-hero{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .hero .container,
  .hero-grid,
  .tracking-wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
  }
  .hero>*,
  .hero-grid>*,
  .tracking-wrap>*{
    min-width:0!important;
    max-width:100%!important;
  }
  .hero h1,
  .tracking-copy h1{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  /* grids */
  .product-grid,
  .featured-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
  }
  .product-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .product-img{
    width:100%!important;
    aspect-ratio:1/1.18!important;
  }

  .category-grid,
  .trust-grid,
  .benefits,
  .footergrid,
  .checkout-grid,
  .cart-grid,
  .product-layout,
  .product-detail,
  .tracking-result-grid,
  .tracking-admin-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }

  /* impede inputs de estourarem */
  form,
  fieldset,
  label{
    min-width:0!important;
    max-width:100%!important;
  }
  input,select,textarea,button{
    max-width:100%!important;
  }

  /* tabelas scrolláveis */
  .table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .table-wrap table{
    width:max-content!important;
    min-width:680px!important;
    max-width:none!important;
  }

  /* painel admin no celular */
  .admin-shell{
    display:block!important;
    width:100%!important;
  }
  .sidebar{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    padding:10px var(--mobile-gap)!important;
  }
  .sidebar nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:6px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .sidebar nav::-webkit-scrollbar{display:none!important}
  .sidebar nav a{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    white-space:nowrap!important;
  }
  .admin-main{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .admin-top{
    width:100%!important;
    max-width:100%!important;
    padding:15px var(--mobile-gap)!important;
  }
  .admin-content{
    width:100%!important;
    max-width:100%!important;
    padding:14px!important;
  }
  .panel,
  .admin-hero,
  .tracking-card{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  /* menu editor do painel */
  .menu-edit-row{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  /* WhatsApp sem encobrir rodapé */
  .whatsapp-float{
    right:12px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    z-index:9998!important;
  }
}

/* Celulares estreitos */
@media (max-width: 430px){
  :root{
    --mobile-gap:12px;
  }

  .brand{
    max-width:120px!important;
  }
  .brand span{
    display:none!important;
  }

  .product-grid,
  .featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .product-card h3{
    font-size:11.5px!important;
    min-height:2.5em!important;
  }
  .product-card .price{
    font-size:13.5px!important;
  }

  .hero h1{
    font-size:clamp(33px,12vw,46px)!important;
  }

  .quick-grid,
  .stats-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* aparelhos extremamente estreitos */
@media (max-width: 350px){
  .product-grid,
  .featured-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .cartbtn{
    max-width:104px!important;
    padding:0 8px!important;
  }
}

/* =========================================================
   V14 — CORREÇÃO DO MENU / MENU MOBILE PREMIUM
   ========================================================= */
.mobile-menu-toggle,
.mobile-menu-panel,
.mobile-menu-backdrop{
  display:none;
}

/* desktop mantém navegação normal */
@media (min-width: 821px){
  .desktop-menu{
    display:flex!important;
  }
}

/* smartphone: remove menu horizontal problemático e usa drawer */
@media (max-width: 820px){
  .topbar{
    overflow:visible!important;
  }

  .nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:64px!important;
    padding:8px var(--mobile-gap,14px)!important;
    gap:10px!important;
  }

  .desktop-menu{
    display:none!important;
  }

  .brand{
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
  }

  .brand img{
    width:40px!important;
    height:40px!important;
    max-width:40px!important;
    flex:0 0 40px!important;
  }

  .brand span{
    display:block!important;
    max-width:135px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }

  .actions{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }

  .cartbtn{
    min-height:40px!important;
    max-width:none!important;
    padding:0 11px!important;
    border-radius:12px!important;
  }

  .mobile-menu-toggle{
    display:flex!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.055)!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:4px!important;
    cursor:pointer!important;
  }

  .mobile-menu-toggle span{
    width:18px!important;
    height:2px!important;
    display:block!important;
    border-radius:20px!important;
    background:#fff!important;
    transition:transform .22s ease,opacity .22s ease!important;
  }

  body.mobile-menu-open{
    overflow:hidden!important;
  }

  .mobile-menu-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:100000!important;
    background:rgba(0,0,0,.58)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .24s ease,visibility .24s ease!important;
  }

  .mobile-menu-panel{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    z-index:100001!important;
    width:min(88vw,360px)!important;
    max-width:360px!important;
    height:100dvh!important;
    padding:18px!important;
    flex-direction:column!important;
    background:
      radial-gradient(circle at 100% 0,rgba(116,192,252,.14),transparent 32%),
      linear-gradient(180deg,#081725,#06111c)!important;
    border-left:1px solid rgba(255,255,255,.1)!important;
    box-shadow:-25px 0 70px rgba(0,0,0,.38)!important;
    transform:translateX(105%)!important;
    visibility:hidden!important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }

  body.mobile-menu-open .mobile-menu-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.mobile-menu-open .mobile-menu-panel{
    transform:translateX(0)!important;
    visibility:visible!important;
  }

  body.mobile-menu-open .mobile-menu-toggle span:nth-child(1){
    transform:translateY(6px) rotate(45deg)!important;
  }
  body.mobile-menu-open .mobile-menu-toggle span:nth-child(2){
    opacity:0!important;
  }
  body.mobile-menu-open .mobile-menu-toggle span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg)!important;
  }

  .mobile-menu-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding-bottom:16px!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
  }

  .mobile-menu-brand{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
  }

  .mobile-menu-brand img{
    width:44px!important;
    height:44px!important;
    object-fit:contain!important;
    flex:0 0 44px!important;
  }

  .mobile-menu-brand div{
    min-width:0!important;
  }

  .mobile-menu-brand b{
    display:block!important;
    font-size:14px!important;
  }

  .mobile-menu-brand small{
    display:block!important;
    margin-top:3px!important;
    color:var(--muted)!important;
    font-size:9px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:205px!important;
  }

  .mobile-menu-close{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.04)!important;
    color:#fff!important;
    font-size:25px!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .mobile-menu-links{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    gap:7px!important;
    padding:18px 0!important;
    margin:0!important;
    overflow:visible!important;
  }

  .mobile-menu-links a{
    width:100%!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:0 14px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.035)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    white-space:normal!important;
  }

  .mobile-menu-links a b{
    font-size:22px!important;
    color:var(--sky)!important;
    line-height:1!important;
  }

  .mobile-menu-actions{
    display:grid!important;
    gap:9px!important;
    margin-top:auto!important;
    padding-top:14px!important;
    padding-bottom:max(4px,env(safe-area-inset-bottom))!important;
  }
}

@media (max-width: 430px){
  .brand span{
    max-width:90px!important;
  }
  .cartbtn{
    padding:0 9px!important;
    font-size:10px!important;
  }
}

@media (max-width: 355px){
  .brand span{
    display:none!important;
  }
  .cartbtn{
    max-width:95px!important;
  }
}

/* =========================================================
   V15 — MENU MOBILE CORRIGIDO SEM CONFLITOS
   ========================================================= */

/* elimina componentes antigos do drawer V14 */
.mobile-menu-panel,
.mobile-menu-backdrop{
  display:none!important;
}

.mobile-menu-overlay{
  display:none;
}

/* Desktop */
@media (min-width:821px){
  .mobile-menu-toggle,
  .mobile-menu-overlay{
    display:none!important;
  }
  .desktop-menu{
    display:flex!important;
  }
}

/* Smartphone */
@media (max-width:820px){

  .topbar{
    position:sticky!important;
    top:var(--notice-h,42px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    min-height:62px!important;
    z-index:9000!important;
    overflow:visible!important;
  }

  .topbar .nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:62px!important;
    padding:8px 12px!important;
    gap:8px!important;
  }

  .desktop-menu{
    display:none!important;
  }

  .topbar .brand{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 150px)!important;
    overflow:hidden!important;
  }

  .topbar .brand img{
    display:block!important;
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    flex:0 0 38px!important;
    object-fit:contain!important;
  }

  .topbar .brand span{
    display:block!important;
    min-width:0!important;
    max-width:120px!important;
    font-size:11px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .topbar .actions{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    margin:0!important;
  }

  .topbar .actions .ghost{
    display:none!important;
  }

  .topbar .cartbtn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:auto!important;
    max-width:none!important;
    min-height:40px!important;
    padding:0 10px!important;
    font-size:10px!important;
    white-space:nowrap!important;
    border-radius:12px!important;
  }

  .mobile-menu-toggle{
    display:flex!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.06)!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    cursor:pointer!important;
  }

  .mobile-menu-toggle span{
    display:block!important;
    width:18px!important;
    height:2px!important;
    margin:0!important;
    background:#fff!important;
    border-radius:10px!important;
  }

  /* menu full-screen */
  .mobile-menu-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:100000!important;
    width:100vw!important;
    height:100dvh!important;
    padding:
      max(18px,env(safe-area-inset-top))
      16px
      max(18px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    background:
      radial-gradient(circle at 85% 5%,rgba(116,192,252,.16),transparent 30%),
      linear-gradient(180deg,#081725 0%,#06111c 100%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
    transition:opacity .2s ease,visibility .2s ease,transform .2s ease!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }

  body.mobile-menu-open{
    overflow:hidden!important;
    touch-action:none!important;
  }

  body.mobile-menu-open .mobile-menu-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }

  .mobile-menu-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    padding-bottom:16px!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
  }

  .mobile-menu-brand{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    color:#fff!important;
    text-decoration:none!important;
  }

  .mobile-menu-brand img{
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    flex:0 0 46px!important;
    object-fit:contain!important;
  }

  .mobile-menu-brand div{
    min-width:0!important;
  }

  .mobile-menu-brand b{
    display:block!important;
    font-size:15px!important;
  }

  .mobile-menu-brand small{
    display:block!important;
    margin-top:3px!important;
    max-width:215px!important;
    color:var(--muted)!important;
    font-size:9px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .mobile-menu-close{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.05)!important;
    color:#fff!important;
    font-size:27px!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .mobile-menu-links{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    gap:8px!important;
    padding:20px 0!important;
    margin:0!important;
    overflow:visible!important;
  }

  .mobile-menu-links a{
    display:flex!important;
    width:100%!important;
    min-height:52px!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 15px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.035)!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:800!important;
    white-space:normal!important;
  }

  .mobile-menu-links a b{
    color:var(--sky)!important;
    font-size:24px!important;
    line-height:1!important;
  }

  .mobile-menu-actions{
    display:grid!important;
    width:100%!important;
    gap:9px!important;
    margin-top:auto!important;
    padding-top:10px!important;
  }

  .mobile-menu-actions .btn{
    width:100%!important;
    min-height:48px!important;
    justify-content:center!important;
  }
}

@media(max-width:390px){
  .topbar .brand span{
    display:none!important;
  }
  .topbar .brand{
    max-width:60px!important;
  }
  .topbar .cartbtn{
    padding:0 8px!important;
  }
}

/* V16 — no celular os links ficam SOMENTE dentro do botão Menu */
@media (max-width:820px){
  .desktop-only-menu,
  header.topbar .desktop-menu,
  .topbar .nav > .desktop-menu{
    display:none!important;
    visibility:hidden!important;
    position:absolute!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  .topbar .nav{
    display:flex!important;
    flex-wrap:nowrap!important;
  }
}

/* V17 — upload de imagens dos produtos */
.alert{padding:12px 14px;border-radius:12px;margin:0 0 14px;font-weight:700}
.alert.success{background:rgba(46,204,113,.12);border:1px solid rgba(46,204,113,.28)}
.alert.danger{background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.28)}
.product-admin-preview{display:flex;align-items:center;gap:10px;margin:8px 0 10px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:12px}
.product-admin-preview img{width:74px;height:74px;object-fit:cover;border-radius:10px;background:rgba(255,255,255,.04)}
.product-admin-preview span{font-size:11px;font-weight:800}
.admin-product-cell{display:flex;align-items:center;gap:10px;min-width:180px}
.admin-product-cell img{width:46px;height:46px;object-fit:cover;border-radius:9px;background:rgba(255,255,255,.05);flex:0 0 46px}
.admin-product-cell div{min-width:0}
.admin-product-cell small{display:block}