:root{--bg:#140005;--wine:#650015;--gold:#e4b95d;--gold2:#ffe6a4;--text:#fff3e4;--muted:#d8bdaf;--line:#5a2c22}*{box-sizing:border-box}body{margin:0;background:var(--bg) url('../img/bg-site.png') center top/cover fixed;color:var(--text);font-family:Georgia,'Times New Roman',serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.toast{position:fixed;top:18px;right:18px;background:#220007;border:1px solid var(--gold);color:#fff;padding:14px 18px;border-radius:14px;z-index:999;display:none}.toast.show{display:block}.topbar{height:84px;background:rgba(18,0,6,.92);border-bottom:1px solid rgba(228,185,93,.35);display:flex;align-items:center;padding:0 6%;gap:24px;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px)}.brand img{height:68px;object-fit:contain}.nav{display:flex;gap:22px;flex:1;justify-content:center}.nav a{color:#ffe7c6;text-transform:uppercase;font-size:14px;letter-spacing:.8px}.nav a:hover{color:var(--gold2)}.topActions{display:flex;gap:10px;align-items:center}.social,.cartButton{border:1px solid var(--gold);background:#250009;color:#ffe7c6;padding:10px 14px;border-radius:999px;cursor:pointer}.cartButton span{background:var(--gold);color:#200005;border-radius:50%;padding:2px 7px}.menuBtn{display:none}.mobileNav{display:none}.hero{height:610px;background:url('../img/banner-desktop.png') center/cover no-repeat;border-bottom:1px solid rgba(228,185,93,.35)}.categoryBarWrap{margin-top:-54px;padding:0 4%;position:relative;z-index:5}.categoryBar{background:url('../img/menu-bg.png') center/100% 100% no-repeat;min-height:96px;display:flex;align-items:center;justify-content:center;padding:14px 34px}.catItem{min-width:155px;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid rgba(255,220,150,.35);height:62px;text-transform:uppercase;font-weight:bold;color:#fff0cf;letter-spacing:.6px}.catItem:last-child{border-right:0}.catItem img{width:42px;height:42px;object-fit:contain}.tagIcon{font-size:34px;color:var(--gold)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:22px 8%;background:rgba(15,0,5,.8);border-bottom:1px solid rgba(228,185,93,.25);text-align:center;color:#ffe7a6;text-transform:uppercase;font-size:14px}.section{padding:46px 7%}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sectionHead h2,.pageTitle h1{font-size:36px;color:var(--gold2);margin:0;text-transform:uppercase;letter-spacing:1px}.sectionHead a{color:#ffe7a6}.gridProducts{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.productCard{background:rgba(32,0,8,.86);border:1px solid rgba(228,185,93,.28);border-radius:18px;padding:14px;transition:.25s;box-shadow:0 18px 40px rgba(0,0,0,.35)}.productCard:hover{transform:translateY(-4px);border-color:var(--gold)}.productImg{height:300px;background:#100004;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.productImg img{width:100%;height:100%;object-fit:contain}.noImg{color:var(--gold);font-size:34px}.soldOut{position:absolute;top:12px;left:12px;background:#111;color:#fff;padding:8px 12px;border-radius:999px}.productCard h3{font-size:21px;margin:14px 0 6px}.productCard small{color:var(--muted)}.price{font-size:25px;color:var(--gold2);font-weight:bold;margin-top:8px}.empty{border:1px solid var(--line);padding:28px;border-radius:16px;background:rgba(30,0,8,.75);color:#ffe3c5}.pageTitle{padding:55px 7% 8px}.productPage{display:grid;grid-template-columns:48% 1fr;gap:42px;padding:50px 7%}.mainPhoto{height:620px;background:rgba(22,0,7,.85);border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mainPhoto img{width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:10px;margin-top:14px;overflow:auto}.thumbs button{width:88px;height:88px;border:1px solid var(--gold);background:#210007;border-radius:12px;cursor:pointer}.thumbs img{width:100%;height:100%;object-fit:cover;border-radius:10px}.productInfo h1{font-size:46px;color:var(--gold2);margin:8px 0}.productCode{color:var(--gold)}.bigPrice{font-size:40px}.productInfo p{font-size:18px;line-height:1.7;color:#ffe5d9}.variantBox{background:rgba(30,0,8,.82);border:1px solid var(--line);padding:22px;border-radius:18px}.variantBox select,.variantBox input{width:100%;margin-bottom:12px;background:#150005;color:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.btn{border:1px solid var(--gold2);background:linear-gradient(180deg,#ffe09a,#c8892e);color:#230006;font-weight:bold;border-radius:14px;padding:13px 22px;cursor:pointer}.btnDark{background:#250009;color:#ffe7c6}.footer{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;padding:50px 7%;background:#100004;border-top:1px solid rgba(228,185,93,.3)}.footerLogo{height:90px}.footer a,.footer p{display:block;color:#e8cfc5;line-height:1.7}.cartOverlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;display:none;justify-content:flex-end}.cartOverlay.show{display:flex}.cartPanel{width:min(440px,94vw);background:#160005;height:100%;padding:24px;overflow:auto;border-left:1px solid var(--gold);position:relative}.cartClose{position:absolute;right:16px;top:16px;background:none;border:0;color:#fff;font-size:32px}.cartItem{display:grid;grid-template-columns:62px 1fr auto;gap:10px;border-bottom:1px solid var(--line);padding:12px 0}.cartItem img{width:62px;height:75px;object-fit:contain}.cartItem b{display:block}.cartItem small{color:#d9c0b2}.cartItem button{background:#3b0010;color:#fff;border:1px solid var(--line);border-radius:8px}.cartTotal{display:flex;justify-content:space-between;font-size:22px;margin:20px 0}.checkoutForm input,.checkoutForm textarea{width:100%;background:#0b0003;color:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;margin-bottom:10px}.loginPage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#120005}.loginBox{width:min(420px,92vw);background:#220008;border:1px solid var(--gold);border-radius:24px;padding:30px;text-align:center}.loginBox img{height:130px}.loginBox input{width:100%;padding:14px;border-radius:12px;border:1px solid var(--line);background:#0b0003;color:#fff;margin:12px 0}.alert{background:#4d0014;border:1px solid #ffb0b0;color:#fff;padding:13px;border-radius:12px;margin:10px 0}.alert.ok{background:#102b14;border-color:#82d88d}.adminLayout{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#120005}.adminSide{background:#0b0003;border-right:1px solid var(--gold);padding:24px}.adminSide img{width:100%;margin-bottom:20px}.adminSide a{display:block;padding:13px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.adminSide a:hover{border-color:var(--gold);color:var(--gold2)}.adminMain{padding:28px;overflow:auto}.dashGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dashCard{background:#220008;border:1px solid var(--line);border-radius:18px;padding:24px}.dashCard b{display:block;font-size:38px;color:var(--gold2)}.adminForm{background:#220008;border:1px solid var(--line);border-radius:18px;padding:22px}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.adminForm label{display:block;margin-bottom:12px;color:#ffe2ad}.adminForm input,.adminForm textarea,.adminForm select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:#0d0004;color:#fff;margin-top:6px}.adminForm textarea{min-height:140px}.checkCats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.checkCats label{border:1px solid var(--line);border-radius:12px;padding:10px}.checkCats img{width:30px;vertical-align:middle}.variantLine{display:grid;grid-template-columns:1fr 1fr 1fr 100px;gap:10px}.adminTable{width:100%;border-collapse:collapse;background:#1b0006;margin-top:16px}.adminTable th,.adminTable td{border:1px solid var(--line);padding:10px;text-align:left}.adminTable th{color:var(--gold2)}.bad{background:#3a0010}.orderBox{border:1px solid var(--line);background:#220008;border-radius:16px;padding:18px;margin:14px 0}.orderBox h3 span{float:right;color:var(--gold)}.invoiceBox{display:flex;gap:10px}.invoiceBox input{flex:1;background:#0d0004;border:1px solid var(--line);color:#fff;border-radius:12px;padding:14px}@media(max-width:980px){.topbar{height:76px;padding:0 18px;justify-content:space-between}.menuBtn{display:block;background:none;border:1px solid var(--gold);color:var(--gold2);font-size:24px;border-radius:12px;padding:8px 12px}.brand img{height:62px}.nav{display:none}.topActions .social{display:none}.mobileNav{display:none;position:fixed;top:76px;left:12px;right:12px;background:#170005;border:1px solid var(--gold);border-radius:18px;padding:14px;z-index:100}.mobileNav.show{display:block}.mobileNav a{display:block;padding:12px;border-bottom:1px solid var(--line)}.hero{height:auto;aspect-ratio:1333/624;background-image:url('../img/banner-mobile.png');background-size:cover;background-position:center}.categoryBarWrap{margin-top:0;padding:14px 10px}.categoryBar{background:rgba(50,0,12,.92);border:1px solid var(--gold);border-radius:22px;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;padding:12px;gap:10px}.catItem{min-width:31%;height:88px;display:flex;flex-direction:column;gap:4px;border-right:0;border:1px solid rgba(228,185,93,.25);border-radius:16px;scroll-snap-align:start;font-size:11px}.catItem img{width:45px;height:45px}.benefits{grid-template-columns:repeat(2,1fr);font-size:12px;padding:16px}.section{padding:30px 14px}.sectionHead h2,.pageTitle h1{font-size:25px}.gridProducts{grid-template-columns:repeat(2,1fr);gap:16px}.productImg{height:230px}.productCard{padding:10px;border-radius:14px}.productCard h3{font-size:16px}.price{font-size:19px}.productPage{grid-template-columns:1fr;padding:26px 14px}.mainPhoto{height:440px}.productInfo h1{font-size:32px}.footer{grid-template-columns:1fr;padding:30px 18px}.adminLayout{grid-template-columns:1fr}.dashGrid{grid-template-columns:repeat(2,1fr)}.formGrid,.checkCats{grid-template-columns:1fr}.variantLine{grid-template-columns:1fr}.adminTable{font-size:13px}.invoiceBox{flex-direction:column}}@media(max-width:430px){.productImg{height:200px}.catItem{min-width:32%}.dashGrid{grid-template-columns:1fr}}

/* ===== AJUSTE CATEGORIAS + REMOÇÃO DE BENEFÍCIOS ===== */
.categoryBarWrap{margin-top:-42px;padding:0 5%;position:relative;z-index:5}
.categoryBar{
  background:linear-gradient(180deg,#8e001c 0%,#5c0011 52%,#320006 100%) !important;
  border:2px solid var(--gold);
  border-radius:999px;
  box-shadow:0 0 0 2px rgba(60,0,12,.8),0 12px 35px rgba(0,0,0,.45),inset 0 0 28px rgba(255,213,116,.16);
  min-height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:14px 32px;
  overflow:hidden;
}
.catItem{
  min-width:118px;
  height:88px;
  border-right:1px solid rgba(255,220,150,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
}
.catItem span:not(.tagIcon){display:none!important}
.catItem img{width:94px!important;height:78px!important;object-fit:contain;display:block;filter:drop-shadow(0 0 8px rgba(255,210,95,.4))}
.tagIcon{font-size:60px!important;line-height:1;color:var(--gold)}
.benefits{display:none!important}
.section{padding-top:54px}
.photoPreview{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:10px;margin:10px 0 18px}.photoPreview img{width:100%;height:110px;object-fit:contain;background:#0d0004;border:1px solid var(--line);border-radius:10px}.qtyInvoice{max-width:90px;background:#0d0004;color:#fff;border:1px solid var(--line);border-radius:8px;padding:8px}.invoiceBtn{margin-top:12px}
@media(max-width:980px){
  .categoryBarWrap{margin-top:0;padding:14px 10px}
  .categoryBar{border-radius:22px;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;padding:12px;gap:10px;min-height:118px}
  .catItem{min-width:31%;height:92px;flex-direction:column;border-right:0;border:1px solid rgba(228,185,93,.25);border-radius:16px;scroll-snap-align:start;padding:4px}
  .catItem img{width:90px!important;height:80px!important}
  .tagIcon{font-size:54px!important}
  .section{padding-top:30px}
}
@media(max-width:430px){.catItem{min-width:32%}.catItem img{width:82px!important;height:76px!important}}


/* ===== AJUSTE PEDIDO: HEADER TRANSPARENTE + ÍCONES MAIORES ===== */
/* Altera somente o cabeçalho e os ícones das categorias */
.topbar{
  background:rgba(18,0,6,.38) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

.catItem img{
  width:78px !important;
  height:78px !important;
  object-fit:contain !important;
}

.catItem .tagIcon{
  font-size:66px !important;
  line-height:1 !important;
}

.categoryBar .catItem{
  height:92px !important;
}

@media(max-width:980px){
  .topbar{
    background:rgba(18,0,6,.38) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
  }

  .catItem img{
    width:62px !important;
    height:62px !important;
  }

  .catItem .tagIcon{
    font-size:54px !important;
  }

  .categoryBar .catItem{
    height:102px !important;
  }
}

@media(max-width:430px){
  .catItem img{
    width:58px !important;
    height:58px !important;
  }

  .catItem .tagIcon{
    font-size:50px !important;
  }
}


/* ===== AJUSTE: HEADER SEMPRE TRANSPARENTE, MENOR E NO TOPO ===== */
.topbar{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:58px !important;
  min-height:58px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  border-bottom:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  z-index:80 !important;
  align-items:flex-start !important;
}

.topbar::before,
.topbar::after{
  display:none !important;
  content:none !important;
}

.brand img{
  height:50px !important;
  margin-top:4px !important;
}

.nav{
  align-items:flex-start !important;
  padding-top:10px !important;
}

.nav a{
  line-height:1 !important;
  padding-top:0 !important;
  margin-top:0 !important;
}

.topActions{
  align-items:flex-start !important;
  padding-top:7px !important;
}

.social,
.cartButton{
  padding:7px 12px !important;
  background:rgba(35,0,10,.36) !important;
}

.hero{
  margin-top:0 !important;
}

/* ===== SEÇÕES OFERTAS E TODOS OS PRODUTOS ===== */
.offerSection{
  padding-top:42px !important;
}

.allProductsSection{
  padding-top:22px !important;
}

.offerBadge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(180deg,#ffe09a,#c8892e);
  color:#250006;
  border-radius:999px;
  padding:8px 14px;
  font-weight:bold;
  margin-bottom:14px;
  box-shadow:0 0 18px rgba(228,185,93,.25);
}

@media(max-width:980px){
  .topbar{
    position:absolute !important;
    height:54px !important;
    min-height:54px !important;
    padding-left:12px !important;
    padding-right:12px !important;
    background:transparent !important;
    background-color:transparent !important;
    border-bottom:0 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    align-items:flex-start !important;
  }

  .menuBtn{
    margin-top:6px !important;
    padding:5px 9px !important;
    background:rgba(35,0,10,.22) !important;
  }

  .brand img{
    height:48px !important;
    margin-top:3px !important;
  }

  .cartButton{
    margin-top:6px !important;
    padding:6px 10px !important;
  }

  .mobileNav{
    top:58px !important;
  }
}


/* ===== AJUSTE FINAL: OFERTA ADM + BANNER ESCURO + CATEGORIAS FLUTUANTES ===== */

/* Máscara escura no banner principal */
.hero{
  position:relative !important;
  overflow:hidden !important;
}
.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.42) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

/* Remove o fundo/base das categorias e deixa somente botões flutuantes */
.categoryBarWrap{
  background:transparent !important;
  margin-top:-48px !important;
}
.categoryBar{
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  min-height:auto !important;
  padding:10px 20px !important;
  gap:18px !important;
}
.catItem{
  background:rgba(45,0,15,.28) !important;
  border:1px solid rgba(255,220,160,.38) !important;
  border-radius:22px !important;
  min-width:120px !important;
  height:112px !important;
  box-shadow:0 18px 35px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
}
.catItem span:not(.tagIcon){
  display:none !important;
}
.catItem img{
  width:92px !important;
  height:92px !important;
}
.catItem .tagIcon{
  font-size:76px !important;
}

/* Campo Oferta no ADM */
.offerAdminBox{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:15px !important;
  width:100% !important;
  padding:16px !important;
  margin:15px 0 !important;
  border:1px solid rgba(255,220,160,.42) !important;
  border-radius:16px !important;
  background:rgba(255,215,120,.08) !important;
  color:#ffe6aa !important;
}
.offerAdminBox span{
  display:block !important;
  font-size:18px !important;
  font-weight:bold !important;
}
.offerAdminBox small{
  display:block !important;
  color:#e8cfc5 !important;
  margin-top:4px !important;
}
.offerAdminBox input{
  width:26px !important;
  height:26px !important;
  accent-color:#e4b95d !important;
}

@media(max-width:980px){
  .categoryBarWrap{
    margin-top:0 !important;
    padding-top:12px !important;
  }
  .categoryBar{
    background:none !important;
    border:0 !important;
    padding:8px 10px !important;
    gap:10px !important;
  }
  .catItem{
    min-width:31% !important;
    height:100px !important;
    border-radius:18px !important;
  }
  .catItem img{
    width:76px !important;
    height:76px !important;
  }
  .catItem .tagIcon{
    font-size:64px !important;
  }
}




/* ===== LUPA PROFISSIONAL + MÁSCARAS SUAVES ===== */

/* Fundo do site apenas 5% escuro */
body{
  background-image:url('../img/bg-site.png') !important;
  background-position:center top !important;
  background-size:cover !important;
  background-attachment:fixed !important;
}

/* Banner apenas 10% escuro */
.hero::before{
  background:rgba(0,0,0,.03) !important;
}

/* remover novidades da barra */
.categoryBar .catItem[href*="Novidades"]{
  display:none !important;
}

/* ===== LUPA ESTILO PROFISSIONAL ===== */

.globalSearchBox{
  position:relative;
  display:flex;
  align-items:center;
}

.searchToggle{
  width:48px;
  height:48px;
  border-radius:16px;
  border:1px solid rgba(255,220,160,.28);
  background:rgba(25,0,8,.45);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:.25s ease;
  box-shadow:
    0 10px 24px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.searchToggle:hover{
  transform:translateY(-2px);
  border-color:rgba(255,220,160,.55);
  background:rgba(45,0,12,.62);
  box-shadow:
    0 14px 30px rgba(0,0,0,.35),
    0 0 18px rgba(255,210,120,.12);
}

.searchToggle svg{
  width:21px;
  height:21px;
  stroke:#f7d37a;
  stroke-width:2.2;
  fill:none;
}

.searchDrop{
  display:none;
  position:absolute;
  top:60px;
  right:0;
  width:380px;
  background:rgba(20,0,6,.92);
  border:1px solid rgba(255,220,160,.22);
  border-radius:22px;
  padding:14px;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  box-shadow:
    0 28px 60px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.03) inset;
  z-index:400;
}

.searchDrop.show{
  display:block;
  animation:fadeSearch .18s ease;
}

@keyframes fadeSearch{
  from{
    opacity:0;
    transform:translateY(-8px) scale(.98);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

.searchDrop input,
.adminSearchBar input{
  width:100%;
  height:50px;
  border-radius:16px;
  border:1px solid rgba(255,220,160,.16);
  background:rgba(255,255,255,.03);
  color:#fff;
  padding:0 16px;
  font-size:15px;
  outline:none;
  transition:.2s ease;
}

.searchDrop input:focus,
.adminSearchBar input:focus{
  border-color:rgba(255,220,160,.45);
  box-shadow:0 0 0 4px rgba(255,210,120,.08);
}

.searchResults,
.adminSearchResults{
  display:none;
  margin-top:12px;
  max-height:430px;
  overflow:auto;
}

.searchResults.show,
.adminSearchResults.show{
  display:block;
}

.searchResultItem{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:12px;
  align-items:center;
  padding:10px;
  border-radius:16px;
  text-decoration:none;
  transition:.18s ease;
}

.searchResultItem:hover{
  background:rgba(255,220,160,.06);
}

.searchResultItem img,
.searchNoImg{
  width:58px;
  height:70px;
  border-radius:12px;
  object-fit:contain;
  background:#100005;
  border:1px solid rgba(255,220,160,.14);
}

.searchResultItem b{
  display:block;
  color:#fff4d8;
  font-size:14px;
  line-height:1.2;
}

.searchResultItem small{
  display:block;
  margin-top:4px;
  color:#ccb6aa;
  font-size:12px;
}

.searchEmpty{
  padding:16px;
  text-align:center;
  color:#ccb6aa;
}

/* Busca ADM */
.adminSearchBar{
  position:relative;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:10px;
  align-items:center;
  padding:14px;
  border-radius:20px;
  background:rgba(20,0,6,.78);
  border:1px solid rgba(255,220,160,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  margin-bottom:22px;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}

.adminSearchBar span{
  display:flex;
  align-items:center;
  justify-content:center;
}

.adminSearchBar svg{
  width:22px;
  height:22px;
  stroke:#f7d37a;
  stroke-width:2.2;
  fill:none;
}

.adminSearchResults{
  position:absolute;
  top:72px;
  left:52px;
  right:14px;
  background:rgba(20,0,6,.96);
  border:1px solid rgba(255,220,160,.22);
  border-radius:18px;
  padding:10px;
  box-shadow:0 28px 60px rgba(0,0,0,.55);
  z-index:500;
}

@media(max-width:980px){

  .searchToggle{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .searchDrop{
    width:min(92vw,360px);
    right:-70px;
  }

}


/* ===== ÍCONES FLUTUANTES LIMPOS ===== */

.categoryBar,
.categoryBarInner,
.categoryScroller{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.categoryBar .catItem{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  outline:none !important;
  padding:0 !important;
  min-height:auto !important;
}

.categoryBar .catItem::before,
.categoryBar .catItem::after{
  display:none !important;
}

.categoryBar .catItem img{
  width:92px !important;
  height:auto !important;
  object-fit:contain !important;
  filter:
    drop-shadow(0 0 10px rgba(255,210,120,.18))
    drop-shadow(0 6px 12px rgba(0,0,0,.22));
  transition:.22s ease;
}

.categoryBar .catItem:hover img{
  transform:translateY(-4px) scale(1.05);
  filter:
    drop-shadow(0 0 18px rgba(255,210,120,.28))
    drop-shadow(0 10px 18px rgba(0,0,0,.28));
}

.categoryBar .catItem span{
  display:none !important;
}

@media(max-width:980px){

  .categoryBar .catItem img{
    width:78px !important;
  }

}


/* ===== AJUSTE FINAL ÍCONES + VITRINI ===== */

/* remover qualquer fundo residual */
.categoryBar .catItem,
.categoryBar .catItem *{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}

/* primeiros ícones maiores */
.categoryBar .catItem:nth-child(1) img,
.categoryBar .catItem:nth-child(2) img,
.categoryBar .catItem:nth-child(3) img{
  width:125px !important;
}

/* maquiagem e cosméticos mantidos grandes */
.categoryBar .catItem:nth-child(4) img,
.categoryBar .catItem:nth-child(5) img{
  width:112px !important;
}

/* novidades e promoções */
.categoryBar .catItem:nth-child(6) img,
.categoryBar .catItem:nth-child(7) img{
  width:54px !important;
}

/* sem fundo nos ícones */
.categoryBar .catItem img{
  background:none !important;
  border:none !important;
  padding:0 !important;
}

/* grid 6 produtos por linha */
.productsGrid,
.products-grid,
.productGrid{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:18px !important;
}

@media(max-width:1400px){
  .productsGrid,
  .products-grid,
  .productGrid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}

@media(max-width:1200px){
  .productsGrid,
  .products-grid,
  .productGrid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:980px){
  .productsGrid,
  .products-grid,
  .productGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .categoryBar .catItem:nth-child(1) img,
  .categoryBar .catItem:nth-child(2) img,
  .categoryBar .catItem:nth-child(3) img{
    width:92px !important;
  }

  .categoryBar .catItem:nth-child(4) img,
  .categoryBar .catItem:nth-child(5) img,
  .categoryBar .catItem:nth-child(6) img,
  .categoryBar .catItem:nth-child(7) img{
  width:54px !important;
}
}


/* ===== AJUSTE DOS 2 ÚLTIMOS ÍCONES ===== */

/* novidades */
.categoryBar .catItem:nth-child(6) img{
  width:58px !important;
}

/* promoções */
.categoryBar .catItem:nth-child(7) img{
  width:54px !important;
}

@media(max-width:980px){

  .categoryBar .catItem:nth-child(6) img{
  width:58px !important;
}

  .categoryBar .catItem:nth-child(7) img{
  width:54px !important;
}

}


/* ===== FORCE FIX ÚLTIMOS ÍCONES ===== */

.categoryBar .catItem:last-child img{
    width:34px !important;
    max-width:34px !important;
    height:auto !important;
}

.categoryBar .catItem:nth-last-child(2) img{
    width:38px !important;
    max-width:38px !important;
    height:auto !important;
}

@media(max-width:980px){

    .categoryBar .catItem:last-child img{
        width:28px !important;
        max-width:28px !important;
    }

    .categoryBar .catItem:nth-last-child(2) img{
        width:30px !important;
        max-width:30px !important;
    }

}


/* ===== CORREÇÃO FINAL: CATEGORIAS SOMENTE COM NOMES ===== */
.categoryBarWrap{
  margin-top:-42px !important;
  padding:0 5% 22px !important;
  position:relative !important;
  z-index:6 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.categoryBar{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.categoryBar .catItem{
  width:auto !important;
  min-width:148px !important;
  height:54px !important;
  padding:0 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid rgba(255,215,130,.72) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,224,160,.18), transparent 55%),
    linear-gradient(180deg, rgba(82,0,18,.92), rgba(35,0,9,.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 10px 25px rgba(0,0,0,.30),
    0 0 16px rgba(228,185,93,.10) !important;
  color:#ffe8ad !important;
  text-transform:uppercase !important;
  letter-spacing:1px !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-shadow:0 1px 4px rgba(0,0,0,.75) !important;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

.categoryBar .catItem:hover{
  transform:translateY(-3px) !important;
  border-color:#ffe8ad !important;
  color:#fff4cf !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 14px 30px rgba(0,0,0,.38),
    0 0 24px rgba(228,185,93,.26) !important;
}

.categoryBar .catItem img,
.categoryBar .catItem .tagIcon{
  display:none !important;
}

.categoryBar .catItem span{
  display:block !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  white-space:nowrap !important;
}

@media(max-width:980px){
  .categoryBarWrap{
    margin-top:0 !important;
    padding:12px 10px 16px !important;
  }

  .categoryBar{
    justify-content:flex-start !important;
    gap:10px !important;
    overflow-x:auto !important;
    padding:2px 2px 8px !important;
    scrollbar-width:none !important;
  }

  .categoryBar::-webkit-scrollbar{
    display:none !important;
  }

  .categoryBar .catItem{
    min-width:auto !important;
    height:46px !important;
    padding:0 18px !important;
    font-size:12px !important;
    flex:0 0 auto !important;
  }
}


/* ===== AJUSTE SOLICITADO: SOMENTE MOBILE ===== */
@media(max-width:980px){
  /* Remove a logo apenas da página principal no celular */
  body.homePage .topbar .brand{
    display:none !important;
  }

  /* Centraliza a lupa no topo do cabeçalho mobile */
  .topbar .globalSearchBox{
    position:absolute !important;
    left:50% !important;
    top:6px !important;
    transform:translateX(-50%) !important;
    z-index:120 !important;
  }

  .topbar .searchDrop{
    left:50% !important;
    right:auto !important;
    top:54px !important;
    transform:translateX(-50%) !important;
    width:min(92vw,360px) !important;
  }

  /* Produtos em 3 colunas somente no celular */
  .gridProducts{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .productCard{
    padding:6px !important;
    border-radius:12px !important;
  }

  .productImg{
    height:145px !important;
    border-radius:10px !important;
  }

  .productCard h3{
    font-size:12px !important;
    line-height:1.15 !important;
    margin:8px 0 4px !important;
  }

  .productCard small{
    font-size:10px !important;
  }

  .price{
    font-size:14px !important;
    margin-top:4px !important;
  }
}

@media(max-width:430px){
  .gridProducts{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .productImg{
    height:118px !important;
  }
}


/* ===== CORREÇÃO SOLICITADA: MOBILE + CARROSSEL DE OFERTAS ===== */
/* Desktop preservado: as regras abaixo atuam somente em telas de celular/tablet. */
@media (max-width: 980px){
  /* Seção OFERTAS em carrossel horizontal, menor que a vitrine */
  .offerSection .offerCarousel{
    display:flex !important;
    grid-template-columns:none !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    padding:2px 2px 12px !important;
    margin:0 -2px !important;
  }

  .offerSection .offerCarousel::-webkit-scrollbar{
    display:none !important;
  }

  .offerSection .offerCarousel{
    scrollbar-width:none !important;
  }

  .offerSection .offerCarousel .productCard{
    flex:0 0 30% !important;
    width:30% !important;
    min-width:30% !important;
    max-width:30% !important;
    scroll-snap-align:start !important;
    padding:6px !important;
    border-radius:11px !important;
  }

  .offerSection .offerCarousel .productImg{
    height:108px !important;
    border-radius:9px !important;
  }

  .offerSection .offerCarousel .productCard h3{
    font-size:11px !important;
    line-height:1.1 !important;
    margin:7px 0 3px !important;
  }

  .offerSection .offerCarousel .productCard small{
    display:none !important;
  }

  .offerSection .offerCarousel .price{
    font-size:13px !important;
    margin-top:3px !important;
  }

  /* Vitrine/produtos comuns em 3 quadros por linha horizontal no mobile */
  .allProductsSection .gridProducts,
  main > .section:not(.offerSection) .gridProducts,
  .pageTitle + .section .gridProducts,
  .gridProducts:not(.offerCarousel){
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  .gridProducts:not(.offerCarousel) .productCard{
    padding:6px !important;
    border-radius:11px !important;
  }

  .gridProducts:not(.offerCarousel) .productImg{
    height:118px !important;
    border-radius:9px !important;
  }

  .gridProducts:not(.offerCarousel) .productCard h3{
    font-size:11px !important;
    line-height:1.12 !important;
    margin:7px 0 3px !important;
  }

  .gridProducts:not(.offerCarousel) .productCard small{
    font-size:9px !important;
    line-height:1.1 !important;
  }

  .gridProducts:not(.offerCarousel) .price{
    font-size:13px !important;
    margin-top:3px !important;
  }
}

@media (max-width: 430px){
  .offerSection .offerCarousel .productCard{
    flex-basis:31% !important;
    width:31% !important;
    min-width:31% !important;
    max-width:31% !important;
  }

  .offerSection .offerCarousel .productImg,
  .gridProducts:not(.offerCarousel) .productImg{
    height:104px !important;
  }

  .gridProducts:not(.offerCarousel){
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:6px !important;
  }
}


/* ===== AJUSTE FINAL SOLICITADO: OFERTAS EM CARROSSEL + AZUL PEROLADO ===== */
.offerSection .offerCarousel{
  display:flex !important;
  grid-template-columns:none !important;
  gap:18px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x mandatory !important;
  -webkit-overflow-scrolling:touch !important;
  padding:4px 4px 18px !important;
  scrollbar-width:thin;
}

.offerSection .offerCarousel .productCard{
  flex:0 0 245px !important;
  width:245px !important;
  min-width:245px !important;
  max-width:245px !important;
  scroll-snap-align:start !important;
  background:linear-gradient(180deg, #eaf8ff 0%, #cfeeff 48%, #b7e2f4 100%) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:0 14px 32px rgba(70,150,190,.22), inset 0 1px 0 rgba(255,255,255,.85) !important;
  color:#09283a !important;
}

.offerSection .offerCarousel .productCard h3,
.offerSection .offerCarousel .productCard small,
.offerSection .offerCarousel .price{
  color:#09283a !important;
}

.offerSection .offerCarousel .productImg{
  height:230px !important;
  background:rgba(255,255,255,.55) !important;
}

@media(max-width:980px){
  .offerSection .offerCarousel{
    gap:10px !important;
    padding:2px 2px 12px !important;
    margin:0 -2px !important;
  }
  .offerSection .offerCarousel .productCard{
    flex:0 0 31% !important;
    width:31% !important;
    min-width:31% !important;
    max-width:31% !important;
    padding:6px !important;
    border-radius:11px !important;
  }
  .offerSection .offerCarousel .productImg{
    height:108px !important;
    border-radius:9px !important;
  }
}

@media(max-width:430px){
  .offerSection .offerCarousel .productCard{
    flex-basis:31% !important;
    width:31% !important;
    min-width:31% !important;
    max-width:31% !important;
  }
  .offerSection .offerCarousel .productImg{
    height:104px !important;
  }
}

/* ===== AJUSTES SOLICITADOS: ESPAÇAMENTO + TEXTOS OFERTAS + LUPA MOBILE ===== */
/* Aproxima categorias, ofertas e vitrine sem alterar estrutura do site */
body.homePage .categoryBarWrap{
  padding-bottom:4px !important;
}

body.homePage .offerSection{
  padding-top:10px !important;
  padding-bottom:12px !important;
}

body.homePage .allProductsSection{
  padding-top:8px !important;
}

body.homePage .sectionHead{
  margin-bottom:12px !important;
}

/* Textos das ofertas iguais aos textos da vitrine */
.offerSection .offerCarousel .productCard h3{
  font-size:21px !important;
  line-height:normal !important;
  margin:14px 0 6px !important;
  color:var(--text) !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  font-weight:bold !important;
}

.offerSection .offerCarousel .productCard small{
  display:block !important;
  font-size:inherit !important;
  line-height:normal !important;
  color:var(--muted) !important;
}

.offerSection .offerCarousel .price{
  font-size:25px !important;
  line-height:normal !important;
  margin-top:8px !important;
  color:var(--gold2) !important;
  font-weight:bold !important;
}

/* Lupa no mobile das páginas internas: mais perto da sacola, sem sobrepor a logo */
@media(max-width:980px){
  body:not(.homePage) .topbar .globalSearchBox{
    position:absolute !important;
    left:auto !important;
    right:74px !important;
    top:6px !important;
    transform:none !important;
    z-index:120 !important;
  }

  body:not(.homePage) .topbar .searchDrop{
    left:auto !important;
    right:-58px !important;
    top:54px !important;
    transform:none !important;
    width:min(92vw,360px) !important;
  }

  body.homePage .categoryBarWrap{
    padding-bottom:4px !important;
  }

  body.homePage .offerSection{
    padding-top:8px !important;
    padding-bottom:10px !important;
  }

  body.homePage .allProductsSection{
    padding-top:6px !important;
  }

  body.homePage .sectionHead{
    margin-bottom:10px !important;
  }

  .offerSection .offerCarousel .productCard h3{
    font-size:12px !important;
    line-height:1.15 !important;
    margin:8px 0 4px !important;
  }

  .offerSection .offerCarousel .productCard small{
    display:block !important;
    font-size:10px !important;
    line-height:1.1 !important;
  }

  .offerSection .offerCarousel .price{
    font-size:14px !important;
    margin-top:4px !important;
  }
}

/* ===== AJUSTE FINAL: LEGIBILIDADE OFERTAS + RODAPÉ MOBILE DISCRETO ===== */
/* Contorno preto somente nos textos dos cards da seção de ofertas */
.offerSection .offerCarousel .productCard h3,
.offerSection .offerCarousel .productCard small,
.offerSection .offerCarousel .price{
  text-shadow:
    -1px -1px 0 rgba(0,0,0,.85),
     1px -1px 0 rgba(0,0,0,.85),
    -1px  1px 0 rgba(0,0,0,.85),
     1px  1px 0 rgba(0,0,0,.85),
     0 1px 3px rgba(0,0,0,.35) !important;
}

/* Rodapé menor e mais discreto apenas no mobile */
@media(max-width:980px){
  .footer{
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
    padding:12px 10px !important;
    align-items:start !important;
  }

  .footerLogo{
    height:34px !important;
    max-width:100% !important;
    object-fit:contain !important;
  }

  .footer h3{
    font-size:11px !important;
    line-height:1.15 !important;
    margin:0 0 4px !important;
  }

  .footer p,
  .footer a{
    font-size:9px !important;
    line-height:1.25 !important;
    margin:0 0 3px !important;
  }
}

@media(max-width:430px){
  .footer{
    padding:10px 8px !important;
    gap:6px !important;
  }

  .footerLogo{
    height:28px !important;
  }
}

/* ===== REFINO FINAL: TIPOGRAFIA FEMININA E PROFISSIONAL SOMENTE NAS OFERTAS ===== */
.offerSection .offerCarousel .productCard h3,
.offerSection .offerCarousel .productCard small,
.offerSection .offerCarousel .price{
  text-shadow:none !important;
}

.offerSection .offerCarousel .productCard h3{
  font-family:Georgia, 'Times New Roman', serif !important;
  color:#17324a !important;
  font-weight:700 !important;
  letter-spacing:.2px !important;
  text-shadow:0 1px 0 rgba(255,255,255,.72), 0 2px 8px rgba(23,50,74,.10) !important;
}

.offerSection .offerCarousel .productCard small{
  font-family:Arial, Helvetica, sans-serif !important;
  color:#31586b !important;
  font-weight:600 !important;
  letter-spacing:.1px !important;
  text-shadow:0 1px 0 rgba(255,255,255,.65) !important;
}

.offerSection .offerCarousel .price{
  font-family:Georgia, 'Times New Roman', serif !important;
  color:#b83274 !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
  text-shadow:0 1px 0 rgba(255,255,255,.78), 0 2px 10px rgba(184,50,116,.16) !important;
}

/* ===== AJUSTE SOLICITADO: PREÇO MAIOR NA PÁGINA DO PRODUTO APENAS MOBILE ===== */
@media(max-width:980px){
  .productPage .bigPrice{
    font-size:34px !important;
    line-height:1.15 !important;
  }
}

@media(max-width:430px){
  .productPage .bigPrice{
    font-size:36px !important;
  }
}

/* ===== NOVA SEÇÃO: PRODUTOS POR ENCOMENDA ===== */
.offerHybrid{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:stretch}.offerHybrid .offerCarousel{min-width:0}.specialOfferButton{min-height:100%;display:flex!important;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(180deg,#fff4fb 0%,#ffd8ec 48%,#f7b9d8 100%)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 14px 32px rgba(184,50,116,.22), inset 0 1px 0 rgba(255,255,255,.85)!important;color:#4c0b2a!important}.specialOfferButton h3{font-size:22px!important;color:#4c0b2a!important;text-shadow:0 1px 0 rgba(255,255,255,.7)!important}.specialOfferButton small{color:#6b2948!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:600!important}.specialOfferIcon{width:82px;height:82px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.72);border:1px solid rgba(184,50,116,.28);font-size:38px;color:#b83274}.specialPrice{color:#b83274!important}.offerEmpty{width:100%}.specialTitle p{font-size:18px;color:#ffe5d9;max-width:850px}.specialNotice{border:1px solid rgba(228,185,93,.45);background:linear-gradient(180deg,rgba(41,0,12,.9),rgba(18,0,6,.88));border-radius:20px;padding:22px;margin-bottom:22px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.specialNotice h2{margin:0 0 8px;color:var(--gold2)}.specialNotice p{margin:0;line-height:1.6;color:#ffe8d8}.specialGrid .specialProductCard .price{font-size:22px}.specialCartOverlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:210;display:none;justify-content:flex-end}.specialCartOverlay.show{display:flex}.specialFloatingCart{position:fixed;right:18px;bottom:18px;z-index:80;border:1px solid var(--gold2);background:linear-gradient(180deg,#ffe09a,#c8892e);color:#230006;font-weight:bold;border-radius:999px;padding:12px 16px;box-shadow:0 10px 25px rgba(0,0,0,.25);cursor:pointer}.specialFloatingCart span{background:#230006;color:#ffe09a;border-radius:50%;padding:2px 7px;margin-left:4px}.adminThumb{width:58px;height:58px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#0d0004}.adminNoThumb{font-size:12px;color:var(--muted)}.adminProductCell{display:flex;align-items:center;gap:10px}.adminProductCell img{flex:0 0 auto}
@media(max-width:980px){.offerHybrid{grid-template-columns:31% minmax(0,1fr);gap:10px}.specialOfferButton{padding:6px!important;border-radius:11px!important}.specialOfferIcon{width:44px;height:44px;font-size:22px;margin-bottom:6px}.specialOfferButton h3{font-size:12px!important;line-height:1.15!important;margin:6px 0 4px!important}.specialOfferButton small{font-size:9px!important;line-height:1.1!important}.specialOfferButton .price{font-size:13px!important;margin-top:4px!important}.specialFloatingCart{right:10px;bottom:10px;font-size:12px;padding:10px 12px}.specialTitle p{font-size:14px}.specialNotice{padding:16px;border-radius:16px}.adminProductCell{min-width:180px}}
@media(max-width:430px){.offerHybrid{grid-template-columns:31% minmax(0,1fr);gap:8px}.specialOfferIcon{width:38px;height:38px;font-size:20px}.specialOfferButton small{display:none!important}}

.adminTable tr.stockOk td{background:rgba(35,150,80,.18)!important}.adminTable tr.stockLow td{background:rgba(255,145,0,.20)!important}.adminTable tr.stockZero td{background:rgba(220,30,60,.20)!important}.repoFilters{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 18px}.repoFilters .activeFilter{filter:brightness(1.16);box-shadow:0 0 0 2px rgba(255,255,255,.18) inset}


/* Ajustes pontuais: encomendas, entrada e pausa */
.specialProductPage .specialProductPriceGold{color:var(--gold2)!important;text-shadow:0 1px 10px rgba(228,185,93,.25)}
.downPaymentBox{display:inline-block;margin:4px 0 16px;padding:10px 14px;border:1px solid rgba(228,185,93,.45);border-radius:14px;background:rgba(18,0,6,.72);color:#ffe7c6;font-weight:bold}
.downPaymentBox b{color:var(--gold2)}
.toggleBtn{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 14px;font-weight:bold;cursor:pointer;min-width:72px}
.toggleBtn.on{background:#0f7a3a;color:#fff}
.toggleBtn.off{background:#7a1024;color:#fff}


/* Letreiro discreto de atendimento regional */
.cityNoticeMarquee{margin:10px 0 0;overflow:hidden;border:1px solid rgba(228,185,93,.38);border-radius:999px;background:linear-gradient(90deg,rgba(31,0,10,.86),rgba(70,0,22,.78),rgba(31,0,10,.86));box-shadow:0 10px 24px rgba(0,0,0,.18)}
.cityNoticeTrack{display:flex;width:max-content;animation:cityNoticeRun 23s linear infinite;white-space:nowrap}
.cityNoticeTrack span{display:inline-block;padding:10px 42px;color:#ffe7b8;font-weight:700;font-size:14px;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.45)}
@keyframes cityNoticeRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:980px){.cityNoticeMarquee{margin:8px 0 0}.cityNoticeTrack span{font-size:12px;padding:9px 28px}}

.cityNoticeMarquee{
background:linear-gradient(90deg,#7a0000,#c40000,#7a0000)!important;
border-top:2px solid #ff3b3b!important;
border-bottom:2px solid #ff3b3b!important;
box-shadow:0 0 12px rgba(255,0,0,.45), inset 0 0 10px rgba(255,255,255,.08)!important;
overflow:hidden;
position:relative;
}
.cityNoticeMarquee::before,
.cityNoticeMarquee::after{
content:'';
position:absolute;
left:0;
width:100%;
height:2px;
background:linear-gradient(90deg,transparent,#fff,transparent);
animation:borderRun 2.5s linear infinite;
}
.cityNoticeMarquee::before{top:0;}
.cityNoticeMarquee::after{bottom:0;}
@keyframes borderRun{
0%{transform:translateX(-100%);}
100%{transform:translateX(100%);}
}

/* Letreiro sem espaço nas extremidades */
.cityNoticeMarquee{margin-left:0!important;margin-right:0!important;border-radius:0!important;width:100%!important}
@media(max-width:980px){.cityNoticeMarquee{margin-left:0!important;margin-right:0!important}}

/* ===== ADM: CALCULADORA DE PRECIFICAÇÃO ===== */
.adminHint{color:var(--muted);margin:0 0 18px;line-height:1.5}.calcWrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.calcPanel{background:#fff;border:1px solid #e7e9f4;border-radius:18px;padding:22px;box-shadow:0 12px 30px rgba(18,29,53,.08);color:#101a32}.calcPanel h2{margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px;color:#06132b;font-size:22px}.calcPanel p{color:#647086;line-height:1.5}.calcPanel label{display:block;margin:14px 0 8px;color:#101a32;font-weight:700}.calcPanel input{width:100%;border:1px solid #d4d9e6;border-radius:999px;padding:14px 16px;background:#fff;color:#101a32;font-size:15px;outline:none}.calcPanel input:focus{border-color:#9db4ff;box-shadow:0 0 0 4px rgba(83,116,255,.12)}.calcInputs{display:grid;gap:10px}.calcInputs3{grid-template-columns:2fr 1fr 1fr}.calcBtn{border:0;border-radius:999px;padding:13px 20px;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 9px 18px rgba(0,0,0,.14);margin:10px 8px 10px 0;font-size:15px}.calcOrange{background:linear-gradient(180deg,#ff8a1e,#ff6900)}.calcGreen{background:linear-gradient(180deg,#18bf63,#07a64c)}.calcPurple{background:linear-gradient(180deg,#8f4bff,#6f26e8)}.calcPanel small{display:block;color:#6b7288;margin:0 0 10px}.calcTableBox{overflow:auto;border-radius:14px}.calcTable{width:100%;border-collapse:collapse;background:#fff;min-width:620px}.calcTable th{background:#eff1ff;text-align:left;color:#647086;font-size:13px;padding:10px}.calcTable td{border-bottom:1px solid #edf0f6;padding:11px 10px;color:#101a32}.calcTable tfoot td{background:#fbfcff;font-weight:600}.calcMiniRemove{border:0;border-radius:999px;background:#ffe0e0;color:#b00000;padding:7px 11px;font-weight:800;cursor:pointer}.calcPanel hr{border:0;border-top:1px solid #e6e9f2;margin:18px 0}.calcSummaryCards,.calcResultCards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.calcSummaryCards div,.calcResultCards div{border:1px solid #e4e7ef;border-radius:14px;background:#fbfcff;padding:14px}.calcSummaryCards span,.calcResultCards span{display:block;color:#647086;text-transform:uppercase;font-weight:900;font-size:12px}.calcSummaryCards b,.calcResultCards b{display:block;margin-top:6px;font-size:18px;color:#07152d}.calcResultTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0}.calcResultTop span{color:#6b7288}.calcPresetBtns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.calcPresetBtns button{border:1px solid #d6dce8;background:#fbfcff;color:#101a32;border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer}.calcPresetBtns button:hover{background:#e9fff2;border-color:#18bf63;color:#087b39}.calcSuggested{color:#ff6900!important;font-weight:900}.calcProfit{color:#08a64e!important;font-weight:900}.calcFoot{font-size:13px}.calcActions{display:flex;gap:8px;flex-wrap:wrap}.calcHistory{margin-top:24px}.calcResultPanel{position:sticky;top:12px}@media(max-width:1100px){.calcWrap{grid-template-columns:1fr}.calcResultPanel{position:static}}@media(max-width:700px){.calcPanel{padding:16px;border-radius:14px}.calcInputs3{grid-template-columns:1fr}.calcSummaryCards,.calcResultCards{grid-template-columns:1fr}.calcPanel h2{font-size:18px}.calcBtn{width:100%;margin-right:0}.calcActions{display:block}}

/* Ajustes finais da calculadora: neon e botão ativo */
.calcResultCards div:nth-child(1){animation:calcNeonBlue 2.4s ease-in-out infinite;border-color:rgba(0,150,255,.55);box-shadow:0 0 10px rgba(0,150,255,.22), inset 0 0 8px rgba(0,150,255,.08)}
.calcResultCards div:nth-child(2){animation:calcNeonPurple 2.6s ease-in-out infinite;border-color:rgba(126,70,255,.55);box-shadow:0 0 10px rgba(126,70,255,.22), inset 0 0 8px rgba(126,70,255,.08)}
.calcResultCards div:nth-child(3){animation:calcNeonGreen 2.8s ease-in-out infinite;border-color:rgba(0,190,90,.55);box-shadow:0 0 10px rgba(0,190,90,.22), inset 0 0 8px rgba(0,190,90,.08)}
.calcPresetBtns button.active{background:#e9fff2!important;border-color:#13b95a!important;color:#067a37!important;animation:calcActivePulse 1.25s ease-in-out infinite;box-shadow:0 0 0 rgba(19,185,90,0)}
@keyframes calcNeonBlue{0%,100%{box-shadow:0 0 8px rgba(0,150,255,.18), inset 0 0 7px rgba(0,150,255,.06)}50%{box-shadow:0 0 18px rgba(0,150,255,.48), inset 0 0 13px rgba(0,150,255,.14)}}
@keyframes calcNeonPurple{0%,100%{box-shadow:0 0 8px rgba(126,70,255,.16), inset 0 0 7px rgba(126,70,255,.06)}50%{box-shadow:0 0 18px rgba(126,70,255,.48), inset 0 0 13px rgba(126,70,255,.14)}}
@keyframes calcNeonGreen{0%,100%{box-shadow:0 0 8px rgba(0,190,90,.16), inset 0 0 7px rgba(0,190,90,.06)}50%{box-shadow:0 0 18px rgba(0,190,90,.48), inset 0 0 13px rgba(0,190,90,.14)}}
@keyframes calcActivePulse{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(19,185,90,0)}50%{transform:scale(1.035);box-shadow:0 0 18px rgba(19,185,90,.35)}}

/* Ajuste final: limpar calculadora e histórico detalhado */
.calcRed{background:linear-gradient(180deg,#ff4d4d,#d90f0f)}
.calcHistoryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:14px}
.calcHistoryCard{display:block;text-align:left;border:1px solid #e4e7ef;background:#fff;border-radius:16px;padding:14px;cursor:pointer;box-shadow:0 8px 18px rgba(18,29,53,.06);transition:.18s}
.calcHistoryCard:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(18,29,53,.12);border-color:#ff8a1e}
.calcHistoryCard b,.calcHistoryCard span,.calcHistoryCard small,.calcHistoryCard strong{display:block;color:#101a32;margin-bottom:5px}
.calcHistoryCard span{color:#6f26e8;font-weight:900}.calcHistoryCard small{color:#647086;min-height:32px}.calcHistoryCard strong{color:#08a64e;margin-bottom:0}.calcHistoryDetail{margin-top:18px;border-top:1px solid #e6e9f2;padding-top:16px}.calcHistoryDetail h3{margin:0 0 12px;color:#06132b}.calcHistoryMini{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}.calcHistoryMini span{border:1px solid #e4e7ef;background:#fbfcff;border-radius:14px;padding:12px;color:#647086}.calcHistoryMini b{color:#101a32}
/* Ajuste final calculadora: histórico com excluir */
.calcHistoryCard{position:relative;padding:0;overflow:hidden}
.calcHistoryOpen{width:100%;display:block;text-align:left;border:0;background:transparent;padding:14px;cursor:pointer}
.calcHistoryDelete{margin:0 14px 14px auto;display:block}
.calcRed{background:linear-gradient(180deg,#ff4d4d,#d90000)}


/* ===== FRAGSMA: NOVA IDENTIDADE VISUAL (apenas visual) ===== */
:root{
  --bg:#050505!important;
  --wine:#0b0b0b!important;
  --gold:#d9d9d9!important;
  --gold2:#ffffff!important;
  --text:#f4f4f4!important;
  --muted:#b8b8b8!important;
  --line:#2a2a2a!important;
  --fragsma-silver:#f2f2f2;
  --fragsma-bronze:#b08a5a;
}
body{
  background:#050505 url('../img/bg-site.png') center top/cover fixed!important;
  color:var(--text)!important;
  font-family:Arial, Helvetica, sans-serif!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.20);
  pointer-events:none;
  z-index:-1;
}
.topbar{
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,0))!important;
  border-bottom:0!important;
}
.brand img,.footerLogo,.loginBox img,.adminSide img{
  object-fit:contain!important;
  filter:drop-shadow(0 0 14px rgba(255,255,255,.12));
}
.nav a,
.mobileNav a{
  color:#f3f3f3!important;
  font-weight:700!important;
  letter-spacing:1.8px!important;
}
.nav a:hover,.mobileNav a:hover{color:#ffffff!important;text-shadow:0 0 12px rgba(255,255,255,.35)!important;}
.social,.cartButton,.searchToggle,.menuBtn{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.32)!important;
  background:rgba(0,0,0,.38)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.35)!important;
}
.searchToggle svg,.adminSearchBar svg{stroke:#fff!important;}
.cartButton span,.specialFloatingCart span{background:#fff!important;color:#000!important;}
.hero{
  background-image:url('../img/banner-desktop.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.hero::before{background:rgba(0,0,0,.02)!important;}
@media(max-width:980px){
  .hero{
    background-image:url('../img/banner-mobile.png')!important;
    aspect-ratio:1753/897!important;
    background-position:center center!important;
  }
}
.categoryBar .catItem{
  background:rgba(0,0,0,.46)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06)!important;
  text-shadow:none!important;
}
.categoryBar .catItem:hover{
  border-color:#fff!important;
  box-shadow:0 16px 35px rgba(0,0,0,.45),0 0 20px rgba(255,255,255,.12)!important;
}
.sectionHead h2,.pageTitle h1,.productInfo h1,.specialNotice h2,
.adminMain h1,.adminMain h2{
  color:#fff!important;
  font-family:Arial, Helvetica, sans-serif!important;
  letter-spacing:2px!important;
}
.sectionHead h2::after,.pageTitle h1::after{
  content:"";
  display:block;
  width:72px;
  height:1px;
  margin-top:10px;
  background:linear-gradient(90deg,#fff,transparent);
  opacity:.75;
}
.productCard,.variantBox,.empty,.cartPanel,.specialNotice,.orderBox,.adminForm,.dashCard,.loginBox,.searchDrop,.adminSearchBar,.adminSearchResults{
  background:linear-gradient(180deg,rgba(18,18,18,.94),rgba(3,3,3,.94))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.45)!important;
}
.productCard:hover{border-color:rgba(255,255,255,.45)!important;box-shadow:0 22px 55px rgba(0,0,0,.56),0 0 25px rgba(255,255,255,.08)!important;}
.productImg,.mainPhoto,.thumbs button,.searchResultItem img,.searchNoImg,.adminThumb{
  background:#080808!important;
  border-color:rgba(255,255,255,.12)!important;
}
.price,.bigPrice,.productCode,.dashCard b,.adminTable th,.orderBox h3 span,.specialProductPage .specialProductPriceGold{
  color:#fff!important;
}
.productCard small,.productInfo p,.footer a,.footer p,.adminHint{color:#c7c7c7!important;}
.btn,.specialFloatingCart{
  border:1px solid rgba(255,255,255,.55)!important;
  background:linear-gradient(180deg,#ffffff,#bdbdbd)!important;
  color:#050505!important;
  box-shadow:0 12px 25px rgba(0,0,0,.32)!important;
}
.btnDark{background:#111!important;color:#fff!important;}
.footer,.adminLayout,.loginPage{
  background:rgba(0,0,0,.88)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.adminSide{
  background:#030303!important;
  border-right:1px solid rgba(255,255,255,.14)!important;
}
.adminSide a{border-color:rgba(255,255,255,.13)!important;color:#eaeaea!important;}
.adminSide a:hover{border-color:#fff!important;color:#fff!important;}
.adminTable{background:#090909!important;}
.adminTable th,.adminTable td{border-color:rgba(255,255,255,.12)!important;}
input,select,textarea,.checkoutForm input,.checkoutForm textarea,.variantBox select,.variantBox input,.adminForm input,.adminForm textarea,.adminForm select{
  background:#050505!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
}
.offerSection .offerCarousel .productCard h3,
.offerSection .offerCarousel .productCard small,
.offerSection .offerCarousel .price{
  color:#fff!important;
  font-family:Arial, Helvetica, sans-serif!important;
  text-shadow:none!important;
}
.offerBadge,.cityNoticeMarquee{
  background:linear-gradient(90deg,#050505,#202020,#050505)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 0 20px rgba(255,255,255,.06)!important;
}
.cityNoticeTrack span{color:#fff!important;}
.soldOut,.alert{background:#151515!important;border-color:rgba(255,255,255,.20)!important;color:#fff!important;}
.alert.ok{background:#0d2014!important;border-color:#62c981!important;}
.noImg{color:#fff!important;letter-spacing:2px!important;}
@media(max-width:980px){
  .mobileNav{background:rgba(0,0,0,.94)!important;border-color:rgba(255,255,255,.18)!important;}
  body.homePage .topbar .brand{display:none!important;}
}


/* ===== AJUSTES FRAGSMA 96%: banner completo, cards metálicos e 3 categorias ===== */
.hero{
  height:520px!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-color:#000!important;
}
@media(max-width:980px){
  .hero{
    height:auto!important;
    aspect-ratio:1753/897!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-color:#000!important;
  }
}
.productCard,
.offerSection .offerCarousel .productCard{
  background:
    linear-gradient(145deg,rgba(185,188,190,.96) 0%,rgba(94,98,104,.96) 42%,rgba(43,45,49,.98) 100%)!important;
  border:1px solid rgba(230,230,230,.34)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.24)!important;
  color:#fff!important;
}
.productCard:hover,
.offerSection .offerCarousel .productCard:hover{
  border-color:rgba(255,255,255,.65)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.65),0 0 22px rgba(255,255,255,.10), inset 0 1px 0 rgba(255,255,255,.32)!important;
}
.productCard h3,
.productCard small,
.productCard .price,
.offerSection .offerCarousel .productCard h3,
.offerSection .offerCarousel .productCard small,
.offerSection .offerCarousel .price{
  color:#fff!important;
  text-shadow:0 1px 5px rgba(0,0,0,.65)!important;
}
.productImg,
.offerSection .offerCarousel .productImg{
  background:linear-gradient(180deg,#151515,#050505)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.categoryBar .catItem{
  min-width:170px!important;
}
@media(max-width:980px){
  .categoryBar .catItem{min-width:auto!important;}
}

/* ===== AJUSTE SOLICITADO: banner preenchendo as laterais e mantendo o rosto visível ===== */
.hero{
  width:100%!important;
  height:clamp(520px,53.35vw,760px)!important;
  background-image:url('../img/banner-desktop.png')!important;
  background-size:100% auto!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-color:#000!important;
}
@media(max-width:980px){
  .hero{
    height:auto!important;
    aspect-ratio:1753/897!important;
    background-image:url('../img/banner-mobile.png')!important;
    background-size:100% auto!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
  }
}

/* Ajuste solicitado: letreiro saindo da direita, sumindo na esquerda, com cores pelo ADM */
.cityNoticeMarquee{
  overflow:hidden!important;
  position:relative!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0!important;
}
.cityNoticeTrack{
  display:flex!important;
  width:max-content!important;
  min-width:260vw!important;
  white-space:nowrap!important;
  animation:cityNoticeRunRightLeft 60s linear infinite!important;
  will-change:transform;
}
.cityNoticeTrack span{
  display:inline-block!important;
  padding:10px 46px!important;
  font-weight:800!important;
  letter-spacing:.3px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
}
@keyframes cityNoticeRunRightLeft{
  0%{transform:translateX(100vw)}
  100%{transform:translateX(-100%)}
}
.cityNoticeMarquee.bg-azul_perolado{background:linear-gradient(90deg,#8fb4c8,#e8f7ff,#789db2)!important;border-color:rgba(232,247,255,.85)!important;box-shadow:0 0 18px rgba(143,180,200,.35)!important;}
.cityNoticeMarquee.bg-vermelho{background:linear-gradient(90deg,#760000,#e00000,#760000)!important;border-color:rgba(255,60,60,.9)!important;box-shadow:0 0 18px rgba(255,0,0,.35)!important;}
.cityNoticeMarquee.bg-cinza_perolado{background:linear-gradient(90deg,#3d3d3d,#d8d8d8,#5c5c5c)!important;border-color:rgba(255,255,255,.55)!important;box-shadow:0 0 18px rgba(255,255,255,.16)!important;}
.cityNoticeMarquee.bg-amarelo{background:linear-gradient(90deg,#d7a900,#fff0a8,#d7a900)!important;border-color:rgba(255,230,70,.95)!important;box-shadow:0 0 18px rgba(255,220,0,.28)!important;}
.cityNoticeMarquee.text-vermelho .cityNoticeTrack span{color:#ff1111!important;}
.cityNoticeMarquee.text-branco .cityNoticeTrack span{color:#ffffff!important;}
.cityNoticeMarquee.text-preta .cityNoticeTrack span{color:#000000!important;text-shadow:0 1px 1px rgba(255,255,255,.35)!important;}
.cityNoticeMarquee.text-azul .cityNoticeTrack span{color:#006dff!important;}
.cityNoticeMarquee.text-rosa .cityNoticeTrack span{color:#ff61b5!important;}
.cityNoticeMarquee.text-roxo .cityNoticeTrack span{color:#8b35ff!important;}
.cityNoticeMarquee.text-marrom .cityNoticeTrack span{color:#6b3517!important;}
.cityNoticeMarquee.text-amarelo .cityNoticeTrack span{color:#ffeb00!important;}
.cityNoticeMarquee.text-verde .cityNoticeTrack span{color:#00b84a!important;}
.cityNoticeMarquee.text-dourado .cityNoticeTrack span{color:#d4af37!important;}
.cityNoticeMarquee.text-prateado .cityNoticeTrack span{color:#d9d9d9!important;}
@media(max-width:980px){.cityNoticeTrack{animation-duration:45s!important}.cityNoticeTrack span{font-size:12px!important;padding:9px 34px!important}}

.colorChoiceGrid{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 18px}.colorChoice{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:128px;border-radius:999px;padding:11px 16px;border:2px solid rgba(255,255,255,.22);cursor:pointer;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.22);overflow:hidden}.colorChoice input{position:absolute;opacity:0;pointer-events:none}.colorChoice.active{outline:3px solid rgba(255,255,255,.85);outline-offset:2px}.colorChoice.bg-azul_perolado{background:linear-gradient(90deg,#8fb4c8,#e8f7ff,#789db2)!important;color:#00131f!important}.colorChoice.bg-vermelho{background:linear-gradient(90deg,#760000,#e00000,#760000)!important;color:#fff!important}.colorChoice.bg-cinza_perolado{background:linear-gradient(90deg,#3d3d3d,#d8d8d8,#5c5c5c)!important;color:#050505!important}.colorChoice.bg-amarelo{background:linear-gradient(90deg,#d7a900,#fff0a8,#d7a900)!important;color:#111!important}.colorChoice.letter-vermelho{background:#ff1111!important;color:#fff!important}.colorChoice.letter-branco{background:#fff!important;color:#111!important}.colorChoice.letter-preta{background:#000!important;color:#fff!important}.colorChoice.letter-azul{background:#006dff!important;color:#fff!important}.colorChoice.letter-rosa{background:#ff61b5!important;color:#111!important}.colorChoice.letter-roxo{background:#8b35ff!important;color:#fff!important}.colorChoice.letter-marrom{background:#6b3517!important;color:#fff!important}.colorChoice.letter-amarelo{background:#ffeb00!important;color:#111!important}.colorChoice.letter-verde{background:#00b84a!important;color:#fff!important}.colorChoice.letter-dourado{background:#d4af37!important;color:#111!important}.colorChoice.letter-prateado{background:#d9d9d9!important;color:#111!important}