/* Nossas Ofertas — identidade visual Marketplace Mix v7.5
   Direcao visual: familiaridade com grandes marketplaces sem copiar suas interfaces.
   Azul + amarelo remetem ao universo Mercado Livre; laranja remete ao universo Shopee.
   O logo original permanece como identidade proprietaria do Nossas Ofertas. */
:root{
  --market-blue:#2d3277;
  --market-blue-dark:#20265f;
  --market-blue-soft:#eef0ff;
  --market-yellow:#ffe600;
  --market-yellow-soft:#fff9cf;
  --market-orange:#ee4d2d;
  --market-orange-dark:#cf3f24;
  --market-orange-soft:#fff1ec;
  --brand-ink:#252830;
  --brand-muted:#69717d;
  --brand-line:#e5e7eb;
  --brand-bg:#f7f8fa;
  --brand-card:#ffffff;
  --primary:var(--market-blue)!important;
  --secondary:var(--market-orange)!important;
}

body{
  background:
    radial-gradient(circle at 5% 3%,rgba(255,230,0,.10),transparent 26rem),
    radial-gradient(circle at 96% 8%,rgba(238,77,45,.055),transparent 27rem),
    var(--brand-bg);
  color:var(--brand-ink);
}

/* Cabecalho: base neutra + faixa tricolor para criar associacao imediata. */
.site-header{
  background:rgba(255,255,255,.98)!important;
  color:var(--brand-ink)!important;
  border-bottom:1px solid rgba(45,50,119,.11)!important;
  box-shadow:0 8px 28px rgba(34,39,73,.08)!important;
  backdrop-filter:blur(14px);
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:3px;
  background:linear-gradient(90deg,
    var(--market-orange) 0%,var(--market-orange) 31%,
    var(--market-yellow) 46%,var(--market-yellow) 59%,
    var(--market-blue) 74%,var(--market-blue) 100%);
  opacity:.96;
}
.header-inner{min-height:82px!important}
.logo{display:flex;align-items:center;flex:0 0 auto}
.logo img{height:54px!important;max-width:min(360px,40vw)!important;filter:none!important}
.trust-message-single{color:#343843!important}
.trust-message-single strong{color:#343843!important;text-shadow:none!important;font-weight:850!important}
.trust-message-single i{
  background:var(--market-yellow-soft)!important;
  border-color:rgba(45,50,119,.18)!important;
  color:var(--market-blue)!important;
  box-shadow:0 4px 14px rgba(45,50,119,.08)!important;
}
.icon-btn{
  background:var(--market-orange-soft)!important;
  color:var(--market-orange)!important;
  border:1px solid rgba(238,77,45,.16)!important;
}
.icon-btn:hover{background:#ffe7df!important;color:var(--market-orange-dark)!important}
.header-search-inline{
  background:#fff!important;
  border-color:rgba(45,50,119,.30)!important;
  box-shadow:0 16px 45px rgba(34,39,73,.16)!important;
}
.header-search-inline input{color:var(--brand-ink)!important}
.header-search-inline input::placeholder{color:#8a909b!important}
.header-search-close{background:var(--market-orange-soft)!important;color:var(--market-orange)!important}
.service-edit-button{
  min-height:44px!important;
  border:0!important;
  background:linear-gradient(135deg,var(--service-button-color),color-mix(in srgb,var(--service-button-color) 76%,var(--market-blue)))!important;
  color:#fff!important;
  box-shadow:0 9px 22px color-mix(in srgb,var(--service-button-color) 22%,transparent)!important;
  text-shadow:none!important;
}
.service-edit-button:hover{
  background:linear-gradient(135deg,color-mix(in srgb,var(--service-button-color) 92%,#fff),color-mix(in srgb,var(--service-button-color) 66%,var(--market-blue)))!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--service-button-color) 28%,transparent)!important;
}

/* Categorias: azul transmite navegacao/confianca; amarelo marca selecao. */
.category-bar{background:#fff!important;border-bottom-color:var(--brand-line)!important;box-shadow:0 5px 18px rgba(32,38,95,.035)!important}
.category-inner{padding-top:12px!important;padding-bottom:12px!important}
.category-chip{
  border-color:#e5e7eb!important;
  background:#fff!important;
  color:#4f5561!important;
  font-weight:800!important;
  transition:all .18s ease!important;
}
.category-chip.active,.category-chip:hover{
  border-color:rgba(45,50,119,.28)!important;
  color:var(--market-blue-dark)!important;
  background:var(--market-yellow-soft)!important;
  box-shadow:0 5px 14px rgba(45,50,119,.07)!important;
}
.subcategory-shell{background:#fff!important;border-color:var(--brand-line)!important}
.subcategory-chip:hover,.subcategory-chip.active{
  color:var(--market-orange-dark)!important;
  border-color:rgba(238,77,45,.28)!important;
  background:var(--market-orange-soft)!important;
}

/* Banner textual: amarelo + laranja despertam atencao; azul ancora confianca. */
.hero.hero-mode-text,
.hero.hero-mode-image-text:not(.has-image){
  background:
    radial-gradient(circle at 15% 24%,rgba(255,230,0,.27),transparent 34%),
    radial-gradient(circle at 86% 18%,rgba(238,77,45,.13),transparent 33%),
    linear-gradient(135deg,#fffbe3 0%,#ffffff 49%,#fff2ed 100%)!important;
  color:var(--brand-ink)!important;
  border-bottom:1px solid rgba(45,50,119,.08);
}
.hero h1{
  color:var(--market-blue)!important;
  font-weight:900!important;
  letter-spacing:-1.8px!important;
  text-shadow:none!important;
}
.hero p{color:#535966!important;font-weight:700!important;line-height:1.55!important}
.hero.has-image .hero-content h1{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.34)!important}
.hero.has-image .hero-content p{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.30)!important}
.hero-shade{background:linear-gradient(120deg,rgba(32,38,95,.76),rgba(126,54,35,.52))!important}

/* Catalogo: neutro para deixar produto e precos dominarem. */
.catalog{padding-top:38px!important}
.catalog-title{color:var(--brand-ink)!important;font-weight:900!important}
.catalog-title i{color:var(--market-orange)!important}
.search-wrap input{
  border-color:#dfe3e8!important;
  background:#fff!important;
  border-radius:14px!important;
  box-shadow:0 4px 16px rgba(34,39,73,.035)!important;
}
.search-wrap input:focus{border-color:var(--market-blue)!important;box-shadow:0 0 0 4px rgba(45,50,119,.10)!important}
.products-grid{gap:24px!important}
.product-card{
  position:relative;
  padding:10px 10px 14px!important;
  border:1px solid #e7e9ed!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(34,39,73,.055)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
  overflow:hidden;
}
.product-card::before{
  content:"";
  position:absolute;
  z-index:2;
  top:0;left:16px;right:16px;
  height:3px;
  border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,var(--market-orange),var(--market-yellow),var(--market-blue));
  opacity:0;
  transform:scaleX(.78);
  transition:opacity .2s ease,transform .2s ease;
  pointer-events:none;
}
.product-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(45,50,119,.20)!important;
  box-shadow:0 18px 38px rgba(34,39,73,.11)!important;
}
.product-card:hover::before{opacity:1;transform:scaleX(1)}
.product-card:hover .product-cover{transform:none!important;box-shadow:none!important}
.product-cover{border-radius:13px!important;background:#f5f6f8!important}
.product-badge.featured{
  background:var(--market-yellow)!important;
  color:var(--market-blue-dark)!important;
  border:1px solid rgba(45,50,119,.10)!important;
  box-shadow:0 5px 14px rgba(45,50,119,.11)!important;
}
.product-cat{color:var(--market-orange)!important;font-weight:850!important;letter-spacing:.045em!important}
.product-name{color:#292d35!important;font-weight:800!important;font-size:16.5px!important}
.product-summary{color:#747b86!important;line-height:1.5!important}
.product-bottom{margin-top:10px!important;padding-top:9px!important;border-top:1px solid #eef0f2!important}
.product-store-count{color:#59616e!important}
.product-store-count i{color:var(--market-blue)!important}
.details-link{color:var(--market-blue)!important;font-weight:900!important}
.details-link:hover{color:var(--market-orange-dark)!important}
.product-stock-note{color:#555d69!important}
.product-stock-note i{color:var(--market-orange)!important}
.product-store-icon{border-color:#e2e5e9!important;box-shadow:0 4px 14px rgba(34,39,73,.10)!important}
.product-store-icon.is-cheapest{border:2px solid var(--market-yellow)!important;box-shadow:0 0 0 2px rgba(45,50,119,.10),0 5px 16px rgba(34,39,73,.12)!important}
.load-more-button{background:var(--market-orange)!important;border-color:var(--market-orange)!important;color:#fff!important;box-shadow:0 8px 20px rgba(238,77,45,.18)!important}
.load-more-button:hover{background:var(--market-orange-dark)!important;border-color:var(--market-orange-dark)!important}

/* Modal: area de decisao com azul de confianca e laranja de acao. */
.modal-overlay{background:rgba(27,31,54,.72)!important}
.product-modal{border:1px solid rgba(45,50,119,.10)!important;box-shadow:0 30px 90px rgba(27,31,54,.30)!important}
.modal-left{background:linear-gradient(145deg,#fafbff,#fffaf0)!important}
.modal-close{background:var(--market-orange-soft)!important;color:var(--market-orange)!important}
.modal-close:hover{background:#ffe2d9!important;color:var(--market-orange-dark)!important}
.modal-cat{color:var(--market-orange)!important}
.modal-name{color:var(--brand-ink)!important}
.modal-desc{color:#626a76!important}
.gallery-thumb.active{border-color:var(--market-blue)!important;box-shadow:0 0 0 2px rgba(45,50,119,.09)!important}
.affiliate-buy-area{border-top-color:#e8eaee!important}
.affiliate-buy-title{color:var(--brand-ink)!important}
.affiliate-buy-title i{color:var(--market-orange)!important}
.affiliate-buy-help{color:#747b86!important}
.affiliate-offer-card{border-color:#e4e7ec!important;box-shadow:0 8px 22px rgba(34,39,73,.06)!important}
.affiliate-cheapest-badge{
  background:var(--market-yellow-soft)!important;
  color:var(--market-blue-dark)!important;
  border:1px solid rgba(45,50,119,.12)!important;
}
.affiliate-current-price{color:#20242b!important}
.affiliate-buy-button-image{border:1px solid #e4e7ec!important;box-shadow:0 7px 20px rgba(34,39,73,.08)!important}
.affiliate-buy-button-image:hover{box-shadow:0 14px 30px rgba(34,39,73,.14)!important}
.affiliate-missing{background:#f7f8fa!important;border-color:#d9dde3!important;color:#6c7480!important}
.affiliate-disclosure{color:#777f8a!important}

/* FAQ: leitura clara com acentos quentes discretos. */
.faq-section{
  background:linear-gradient(180deg,#fafbfc 0%,#fffaf0 100%)!important;
  border-top-color:#e8eaee!important;
}
.faq-heading .eyebrow{color:var(--market-orange)!important}
.faq-heading h2{color:var(--brand-ink)!important}
.faq-item{border-color:#e5e7eb!important;box-shadow:0 8px 24px rgba(34,39,73,.04)!important}
.faq-item.open{border-color:rgba(45,50,119,.22)!important;box-shadow:0 14px 34px rgba(34,39,73,.075)!important}
.faq-question{color:#3d424c!important}
.faq-question:hover{background:#fffdf4!important}
.faq-question i{background:var(--market-yellow-soft)!important;color:var(--market-blue)!important}
.faq-item.open .faq-question i{background:var(--market-blue)!important;color:#fff!important}

/* Rodape: azul profundo reforca seguranca; faixa quente conecta com as ofertas. */
.site-footer{
  position:relative;
  background:
    radial-gradient(circle at 8% 0,rgba(255,230,0,.09),transparent 27rem),
    radial-gradient(circle at 92% 15%,rgba(238,77,45,.10),transparent 25rem),
    linear-gradient(135deg,#20265f 0%,#252b67 58%,#18204f 100%)!important;
  color:#eef0f8!important;
  border-top:3px solid var(--market-yellow)!important;
}
.footer-logo{height:54px!important;filter:none!important}
.footer-inner p{color:#d5d9e8!important;line-height:1.55!important}
.footer-cnpj{color:#bcc2d5!important}
.footer-social a{background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important}
.footer-social a:hover{background:var(--market-orange)!important;color:#fff!important;border-color:var(--market-orange)!important}

/* Mobile */
.mobile-nav-drawer{background:#fff!important}
.mobile-nav-head{color:var(--brand-ink)!important;border-color:var(--brand-line)!important}
.mobile-nav-close{background:var(--market-orange-soft)!important;color:var(--market-orange)!important}
.mobile-menu-search input{background:#fbfbfc!important;border-color:#e2e5e9!important}
.mobile-menu-search input:focus{border-color:var(--market-blue)!important;box-shadow:0 0 0 3px rgba(45,50,119,.09)!important}
.mobile-category-link{border-color:#e5e7eb!important;color:#4f5662!important}
.mobile-category-link.active{border-color:rgba(45,50,119,.25)!important;background:var(--market-yellow-soft)!important;color:var(--market-blue-dark)!important}
.mobile-category-link.active i{color:var(--market-blue)!important}
.mobile-subcategory-link.active{background:var(--market-orange-soft)!important;color:var(--market-orange-dark)!important;border-color:rgba(238,77,45,.22)!important}

@media(max-width:760px){
  .header-inner{min-height:72px!important}
  .logo img{height:45px!important;max-width:min(275px,62vw)!important}
}
@media(max-width:500px){
  .logo img{height:42px!important;max-width:68vw!important}
  .products-grid{gap:16px 12px!important}
  .product-card{border-radius:16px!important;padding:8px 8px 12px!important}
  .site-header::after{height:3px}
}

/* Telas de manutencao/atualizacao seguem a mesma identidade. */
.store-maintenance{
  background:
    radial-gradient(circle at 12% 10%,rgba(255,230,0,.24),transparent 29rem),
    radial-gradient(circle at 88% 10%,rgba(238,77,45,.13),transparent 28rem),
    linear-gradient(145deg,#fffdf0,#f7f8ff)!important;
  color:var(--brand-ink)!important;
}
.store-maintenance .box{padding:34px;border:1px solid #e1e4e9;border-radius:22px;background:#fff;box-shadow:0 20px 55px rgba(34,39,73,.13)}
.store-maintenance img{max-width:310px!important}
.store-maintenance h1{color:var(--market-blue)!important}
.store-maintenance a{color:var(--market-orange-dark)!important}

/* Ajustes adicionais v7.5.1 — galeria do modal e indicadores */
.gallery-thumb-button.active{
  border-color:var(--market-blue)!important;
  box-shadow:0 0 0 2px rgba(45,50,119,.10),0 10px 24px rgba(34,39,73,.12)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fffaf0 100%)!important;
}
.modal-gallery-dot{
  width:10px!important;
  height:10px!important;
  border-radius:999px!important;
  border:1px solid rgba(45,50,119,.10)!important;
  background:#d5dceb!important;
  box-shadow:none!important;
}
.modal-gallery-dot:hover{
  background:#9fb0c2!important;
}
.modal-gallery-dot.active{
  background:var(--market-orange)!important;
  border-color:var(--market-orange)!important;
  transform:scale(1.12)!important;
  box-shadow:0 0 0 3px rgba(255,230,0,.38)!important;
}
.modal-gallery-dot.active:hover{
  background:var(--market-orange-dark)!important;
}


/* =========================================================
   RODAPE - NOSSAS OFERTAS / TEMA MARKETPLACES v7.5.2
   ========================================================= */
.site-footer{
  position:relative!important;
  background:
    radial-gradient(circle at 8% 0,rgba(250,204,21,.10),transparent 27rem),
    radial-gradient(circle at 92% 15%,rgba(249,115,22,.10),transparent 25rem),
    linear-gradient(135deg,#123F7A 0%,#1E4F91 58%,#0E3569 100%)!important;
  color:#F8FAFC!important;
  border-top:3px solid #FACC15!important;
}
.site-footer .footer-logo{
  height:66px!important;
  max-width:min(330px,70vw)!important;
  width:auto!important;
  object-fit:contain!important;
  filter:none!important;
}
.site-footer .footer-inner p{
  color:#F8FAFC!important;
  line-height:1.6!important;
}
.site-footer .footer-cnpj{
  color:rgba(248,250,252,.78)!important;
}
.site-footer .footer-social a{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 6px 18px rgba(4,25,58,.10)!important;
  transition:transform .2s ease,background .2s ease,border-color .2s ease!important;
}
.site-footer .footer-social a:hover{
  background:#F97316!important;
  border-color:#F97316!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}
.back-to-top{
  background:#123F7A!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 28px rgba(4,25,58,.24)!important;
}
.back-to-top:hover{
  background:#F97316!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}
@media(max-width:760px){
  .site-footer .footer-logo{
    height:58px!important;
    max-width:min(300px,75vw)!important;
  }
}