/* ══════════════════════════════════════════════════════════
   Maple Hospitalar — CSS Personalizado (Loja Integrada)
   Colar em: Aparência > CSS Personalizado (campo CSS puro)
   Seletores verificados no HTML real do tema Grand Store
   ══════════════════════════════════════════════════════════ */

/* ── Base & Tipografia ── */
body,input,select,.titulo,button,textarea{font-family:'Inter',Roboto,sans-serif}
body{font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,.titulo-categoria strong{font-weight:800!important;letter-spacing:-0.02em}
a{transition:color .3s ease}
html{scroll-behavior:smooth}
::selection{background:rgba(44,116,179,.15);color:#0a2647}

/* ── Scrollbar ── */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#f6f6f6;border-radius:4px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2c74b3,#0a2647);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#205295,#0a2647)}
*{scrollbar-width:thin;scrollbar-color:#2c74b3 #f6f6f6}

/* ── Cabeçalho ── */
#cabecalho{background:#fff!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 3px rgba(0,0,0,.03),0 4px 12px rgba(0,0,0,.04)!important;border-bottom:1px solid rgba(228,231,236,.6)}
#cabecalho .busca input,#cabecalho .campo-busca input{border-radius:12px!important;background:#f6f6f6!important;border:1px solid #e4e7ec!important;padding:10px 16px!important;transition:border-color .3s ease,box-shadow .3s ease}
#cabecalho .busca input:focus,#cabecalho .campo-busca input:focus{border-color:#2c74b3!important;box-shadow:0 0 0 3px rgba(44,116,179,.12)!important}
#cabecalho a:hover{color:#2c74b3!important}

/* ── Menu Superior ── */
.menu.superior,.menu.superior .conteiner{background:linear-gradient(135deg,#0a2647 0%,#0d2d52 100%)!important}
.menu.superior li a{border-radius:8px!important;transition:background .3s ease,color .3s ease!important;padding:8px 16px!important}
.menu.superior li a:hover{background:rgba(255,255,255,.1)!important}
.menu.superior .dropdown-menu,.menu.superior .submenu{border-radius:12px!important;box-shadow:0 10px 40px rgba(10,38,71,.15),0 2px 8px rgba(0,0,0,.06)!important;border:1px solid #e4e7ec!important;animation:fadeInDown .25s ease;overflow:hidden}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* ── Tarja de Vantagens (Banner Tarja Avançada) ── */
.banners-vantagens{background:#f0f7ff!important;border-bottom:1px solid #e4e7ec}
.banner-tarja-avancada{padding:8px 0}
.vantagem{transition:transform .2s ease}
.vantagem:hover{transform:translateY(-1px)}
.vantagem-icone{background:#e8f4fd!important;border-radius:12px!important;padding:10px!important;display:flex;align-items:center;justify-content:center}
.vantagem-icone svg{width:28px;height:28px;fill:#0a2647!important}
.vantagem-icone .icone-place{display:flex;align-items:center}
.vantagem-texto strong{color:#0a2647!important;font-weight:700!important;font-size:14px}
.vantagem-texto span{color:#475467!important;font-size:13px}

/* ── Banners Tarja Inferior ── */
.banners-tarja{background:#fff;padding:10px 0}
.banner-tarja img{border-radius:12px!important;transition:transform .3s ease}
.banner-tarja img:hover{transform:scale(1.01)}

/* ── Banners Principal ── */
.secao-banners .flexslider,.secao-banners img{border-radius:16px!important;overflow:hidden}
.secao-banners .flexslider{box-shadow:0 4px 16px rgba(10,38,71,.06)!important;border:none!important}
.secao-banners .flex-control-paging li a{background:rgba(10,38,71,.2)!important;border-radius:50%!important;width:10px!important;height:10px!important;transition:all .3s ease}
.secao-banners .flex-control-paging li a.flex-active{background:#2c74b3!important;width:24px!important;border-radius:5px!important}

/* ── Títulos de Vitrine / Categoria ── */
.titulo-categoria{font-size:24px!important;padding-bottom:8px;margin-bottom:24px!important;border-bottom:3px solid rgba(44,116,179,.15)}
.titulo-categoria strong{font-size:24px!important;font-weight:800!important;color:#0a2647!important;letter-spacing:-0.02em}

/* ── Cards de Produto (.listagem-item) ── */
.listagem-item{border-radius:16px!important;border:1px solid #e4e7ec!important;overflow:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-color .35s ease!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.listagem-item:hover{transform:translateY(-4px)!important;box-shadow:0 12px 32px rgba(10,38,71,.1),0 4px 12px rgba(44,116,179,.06)!important;border-color:rgba(44,116,179,.2)!important}
.listagem-item-wrap{position:relative;padding:0;display:flex;flex-direction:column;height:100%}

/* ── Imagem do Produto ── */
.imagem-produto{border-radius:16px 16px 0 0!important;overflow:hidden;background:#fafbfc}
.imagem-produto img.imagem-principal{transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%;display:block}
.listagem-item:hover .imagem-produto img.imagem-principal{transform:scale(1.03)}

/* ── Overlay link (produto-sobrepor) ── */
.produto-sobrepor{position:absolute;inset:0;z-index:2}

/* ── Nome do Produto ── */
.nome-produto{font-weight:600!important;color:#0a2647!important;font-size:14px!important;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none!important;transition:color .2s ease}
.nome-produto:hover{color:#2c74b3!important}

/* ── Preços ── */
.preco-produto.destaque-preco{margin:8px 0 4px}
.preco-promocional.titulo{color:#205295!important;font-weight:800!important;font-size:20px!important}
.preco-parcela{color:#475467!important;font-size:13px!important}
.preco-parcela strong{color:#0a2647!important;font-weight:600}
.precos-wrap{padding:0 12px}

/* ── Ações do Produto (Desktop) ── */
.acoes-produto{padding:8px 12px 12px;position:relative;z-index:3}
.acoes-produto .seletor{display:flex;align-items:center;gap:8px}

/* ── Quantidade ── */
.qtde-adicionar-carrinho{display:flex;align-items:center;border:1px solid #e4e7ec;border-radius:10px;overflow:hidden;background:#f9fafb}
.qtde-carrinho{border:none!important;text-align:center;width:40px!important;padding:6px 2px!important;font-weight:600;background:transparent!important;font-size:14px;-moz-appearance:textfield}
.qtde-carrinho::-webkit-outer-spin-button,.qtde-carrinho::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.botao-quantidade{cursor:pointer;padding:6px 8px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
.botao-quantidade:hover{background:rgba(44,116,179,.1)}
.botao-quantidade svg{width:12px;height:12px;fill:#475467;transition:fill .2s ease}
.botao-quantidade:hover svg{fill:#0a2647}

/* ── Botão Comprar ── */
.botao.botao-comprar.principal{background:linear-gradient(135deg,#0a2647 0%,#2c74b3 100%)!important;border:none!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;padding:10px 20px!important;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease!important;text-transform:none!important;letter-spacing:0;font-size:14px!important;flex:1;text-align:center}
.botao.botao-comprar.principal:hover{transform:scale(1.02)!important;box-shadow:0 4px 16px rgba(44,116,179,.3)!important;opacity:.95}

/* ── Botão Mobile (tag-comprar) ── */
.acoes-produto-responsiva .tag-comprar{background:linear-gradient(135deg,#0a2647,#2c74b3)!important;border-radius:10px!important;color:#fff!important;font-weight:600!important;padding:10px 16px!important;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}
.acoes-produto-responsiva .tag-comprar:hover{box-shadow:0 4px 12px rgba(44,116,179,.25)}

/* ── Ícone Desejos (Coração) ── */
.bandeira-desejos{position:absolute;top:12px;right:12px;z-index:4}
.icone-desejos{width:36px;height:36px;background:#fff!important;border-radius:50%!important;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}
.icone-desejos:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.icone-desejos svg{width:18px;height:18px;fill:#475467;transition:fill .2s ease}
.icone-desejos:hover svg{fill:#dc3545}

/* ── Setas do Carrossel (Slick) ── */
.slick-prev,.slick-next{width:40px!important;height:40px!important;background:#fff!important;border-radius:50%!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;display:flex!important;align-items:center;justify-content:center;z-index:5;transition:transform .2s ease,box-shadow .2s ease!important;border:1px solid #e4e7ec!important}
.slick-prev:hover,.slick-next:hover{transform:scale(1.08)!important;box-shadow:0 4px 16px rgba(44,116,179,.2)!important;border-color:#2c74b3!important}
.slick-prev svg,.slick-next svg{width:16px;height:16px;fill:#0a2647;transition:fill .2s ease}
.slick-prev:hover svg,.slick-next:hover svg{fill:#2c74b3}

/* ── Badges de Desconto / Frete ── */
.bandeira-desconto,.selo-desconto,.tag-desconto{background:linear-gradient(135deg,#2c74b3,#205295)!important;color:#fff!important;border-radius:8px!important;font-weight:700!important;padding:4px 10px!important;font-size:12px!important;box-shadow:0 2px 8px rgba(44,116,179,.25)}
.bandeira-frete,.selo-frete,.tag-frete{background:linear-gradient(135deg,#144272,#0a2647)!important;color:#fff!important;border-radius:8px!important;font-weight:600!important;padding:4px 10px!important;font-size:12px!important}
.bandeiras-produto{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-direction:column;gap:4px}

/* ── Breadcrumbs ── */
.breadcrumb,.migalha,.breadcrumbs{padding:12px 0!important;font-size:13px}
.breadcrumb li,.migalha li,.breadcrumbs li{display:inline-flex;align-items:center}
.breadcrumb li+li::before,.migalha li+li::before,.breadcrumbs li+li::before{content:'›';margin:0 8px;color:#2c74b3;font-weight:700;font-size:16px}
.breadcrumb a,.migalha a,.breadcrumbs a{color:#475467;text-decoration:none;transition:color .2s ease}
.breadcrumb a:hover,.migalha a:hover,.breadcrumbs a:hover{color:#2c74b3}

/* ── Filtros Laterais ── */
.filtros,.lateral-filtros,.sidebar-filtros{border-radius:16px!important;border:1px solid #e4e7ec!important;padding:20px!important;background:#fff!important}
.filtros .titulo-filtro,.lateral-filtros h3,.sidebar-filtros h3{font-weight:700!important;color:#0a2647!important;font-size:14px!important;padding-bottom:8px;margin-bottom:12px!important;border-bottom:2px solid rgba(44,116,179,.1)}
.filtros label,.lateral-filtros label{display:flex;align-items:center;gap:8px;padding:6px 0;color:#475467;cursor:pointer;transition:color .2s ease}
.filtros label:hover,.lateral-filtros label:hover{color:#0a2647}
.filtros input[type="checkbox"],.lateral-filtros input[type="checkbox"]{accent-color:#2c74b3;width:16px;height:16px}

/* ── Paginação ── */
.paginacao,.pagination{display:flex;gap:6px;justify-content:center;padding:24px 0}
.paginacao a,.pagination a,.paginacao span,.pagination span{border-radius:10px!important;padding:8px 14px!important;font-weight:600!important;border:1px solid #e4e7ec!important;color:#475467!important;transition:all .25s ease!important;background:#fff!important}
.paginacao a:hover,.pagination a:hover{border-color:#2c74b3!important;color:#2c74b3!important;background:#f0f7ff!important;transform:translateY(-1px)}
.paginacao .ativa,.paginacao .active,.pagination .active,.paginacao span.current{background:linear-gradient(135deg,#0a2647,#2c74b3)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 2px 8px rgba(44,116,179,.25)}

/* ── Newsletter ── */
.newsletter input[type="email"],.newsletter input[type="text"]{border-radius:12px!important;border:1px solid #e4e7ec!important;padding:12px 16px!important;transition:border-color .3s ease}
.newsletter input:focus{border-color:#2c74b3!important;box-shadow:0 0 0 3px rgba(44,116,179,.1)!important}
.newsletter .botao,.newsletter button{background:linear-gradient(135deg,#0a2647 0%,#2c74b3 100%)!important;border:none!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;transition:transform .2s ease,box-shadow .2s ease!important}
.newsletter .botao:hover,.newsletter button:hover{transform:scale(1.02)!important;box-shadow:0 4px 16px rgba(44,116,179,.3)!important}

/* ── Página de Produto ── */
.pagina-produto .comprar .botao,.pagina-produto .botao.principal{background:linear-gradient(135deg,#0a2647 0%,#2c74b3 100%)!important;border:none!important;border-radius:12px!important;color:#fff!important;font-weight:700!important;padding:14px 32px!important;font-size:16px!important;transition:transform .2s ease,box-shadow .2s ease!important}
.pagina-produto .comprar .botao:hover,.pagina-produto .botao.principal:hover{transform:scale(1.02)!important;box-shadow:0 6px 20px rgba(44,116,179,.3)!important}
.pagina-produto .preco-promocional.titulo{color:#205295!important;font-size:28px!important;font-weight:800!important}
.pagina-produto .imagem-produto,.pagina-produto .imagem-principal{border-radius:16px!important;overflow:hidden}
.pagina-produto .abas .nav-tabs li a,.pagina-produto .tabs li a{border-radius:8px 8px 0 0!important;font-weight:600!important;transition:background .3s ease!important}
.pagina-produto .abas .nav-tabs li.active a,.pagina-produto .tabs li.active a{background:#fff!important;color:#0a2647!important;border-bottom-color:#fff!important}

/* ── Carrinho / Checkout ── */
.pagina-carrinho .tabela-carrinho,.pagina-carrinho table{border-radius:16px!important;overflow:hidden;border:1px solid #e4e7ec!important}
.pagina-carrinho th{background:#f0f7ff!important;color:#0a2647!important;font-weight:700!important;padding:14px 16px!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.03em}
.pagina-carrinho td{padding:14px 16px!important;border-bottom:1px solid #f0f0f0!important;vertical-align:middle}
.pagina-carrinho tr:hover td{background:#fafbfc}
.pagina-carrinho .botao-finalizar,.pagina-carrinho .btn-finalizar,.finalizar-compra .botao{background:linear-gradient(135deg,#0a2647,#2c74b3)!important;border:none!important;border-radius:12px!important;color:#fff!important;font-weight:700!important;padding:14px 32px!important;font-size:16px!important;transition:transform .2s ease,box-shadow .2s ease!important;text-transform:none!important}
.pagina-carrinho .botao-finalizar:hover,.finalizar-compra .botao:hover{transform:scale(1.02)!important;box-shadow:0 6px 20px rgba(44,116,179,.3)!important}
.pagina-carrinho .quantidade input{border-radius:8px!important;border:1px solid #e4e7ec!important;text-align:center;width:50px!important;padding:6px!important}
.pagina-carrinho .remover,.pagina-carrinho .excluir{color:#dc3545!important;opacity:.6;transition:opacity .2s ease}
.pagina-carrinho .remover:hover,.pagina-carrinho .excluir:hover{opacity:1}

/* ── Cupom ── */
.campo-cupom,.cupom-desconto,.area-cupom{display:flex;gap:8px;align-items:center}
.campo-cupom input,.cupom-desconto input{border-radius:10px!important;border:1px solid #e4e7ec!important;padding:10px 14px!important;flex:1;transition:border-color .3s ease}
.campo-cupom input:focus,.cupom-desconto input:focus{border-color:#2c74b3!important;box-shadow:0 0 0 3px rgba(44,116,179,.1)!important}
.campo-cupom .botao,.cupom-desconto .botao{background:#0a2647!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:10px 18px!important;font-weight:600!important;transition:background .2s ease}
.campo-cupom .botao:hover,.cupom-desconto .botao:hover{background:#2c74b3!important}

/* ── Alertas ── */
.alerta,.mensagem,.alert,.msg{border-radius:12px!important;padding:14px 18px!important;border:none!important;font-weight:500}
.alerta-sucesso,.mensagem-sucesso,.alert-success{background:#ecfdf3!important;color:#027a48!important;border-left:4px solid #12b76a!important}
.alerta-erro,.mensagem-erro,.alert-danger,.alert-error{background:#fef3f2!important;color:#b42318!important;border-left:4px solid #f04438!important}
.alerta-info,.mensagem-info,.alert-info{background:#f0f7ff!important;color:#0a2647!important;border-left:4px solid #2c74b3!important}
.alerta-aviso,.mensagem-aviso,.alert-warning{background:#fffaeb!important;color:#93370d!important;border-left:4px solid #f79009!important}

/* ── Rodapé ── */
#rodape{background:#071a33!important;position:relative;border-top:none!important}
#rodape::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(44,116,179,.4) 50%,transparent)}
#rodape .titulo,#rodape h4{color:#fff!important;font-weight:700!important;letter-spacing:.02em;text-transform:uppercase;font-size:13px!important}
#rodape a{opacity:.55;transition:opacity .3s ease,color .3s ease!important}
#rodape a:hover{opacity:.85}
#rodape .rodape-inferior,#rodape .inferior{background:rgba(0,0,0,.15)!important;border-top:1px solid rgba(255,255,255,.06)!important}

/* ── Carrinho Lateral ── */
.carrinho-lateral .carrinho-conteudo{border-radius:16px 0 0 16px!important;box-shadow:-4px 0 20px rgba(0,0,0,.1)!important}

/* ── Info Produto (dentro do card) ── */
.info-produto{padding:12px!important;flex:1;display:flex;flex-direction:column}

/* ── Skeleton Loading ── */
@keyframes skeletonPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}
.listagem-item.loading,.listagem-item .imagem-produto img[src=""]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%)!important;background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}

/* ── Transições Globais ── */
.botao,button,a,.listagem-item,input,select{transition:all .3s cubic-bezier(.4,0,.2,1)!important}

/* ── Responsividade Mobile ── */
@media(max-width:768px){
  .listagem-item{border-radius:12px!important}
  .botao.botao-comprar.principal{padding:8px 14px!important;font-size:13px!important;border-radius:10px!important}
  .pagina-produto .preco-promocional.titulo{font-size:22px!important}
  .pagina-produto .comprar .botao{padding:12px 24px!important;font-size:15px!important;width:100%!important;text-align:center}
  .titulo-categoria,.titulo-categoria strong{font-size:20px!important}
  .titulo-categoria{margin-bottom:16px!important}
  .pagina-carrinho th{padding:10px 12px!important;font-size:12px!important}
  .pagina-carrinho td{padding:10px 12px!important}
  #cabecalho{box-shadow:0 1px 6px rgba(0,0,0,.06)!important}
  .secao-banners .flexslider,.secao-banners img{border-radius:12px!important}
  .paginacao a,.pagination a,.paginacao span,.pagination span{padding:6px 10px!important;font-size:13px!important}
  .campo-cupom,.cupom-desconto,.area-cupom{flex-direction:column}
  .campo-cupom .botao,.cupom-desconto .botao{width:100%!important;text-align:center}
  .slick-prev,.slick-next{width:32px!important;height:32px!important}
  .slick-prev svg,.slick-next svg{width:12px;height:12px}
  .vantagem-texto strong{font-size:13px}
  .vantagem-texto span{font-size:12px}
}

@media(max-width:480px){
  .nome-produto{font-size:13px!important}
  .preco-promocional.titulo{font-size:17px!important}
  .pagina-produto .preco-promocional.titulo{font-size:20px!important}
  .menu.superior li a{padding:6px 10px!important;font-size:13px!important}
  .vantagem-texto strong{font-size:12px!important}
  .vantagem-texto span{font-size:11px!important}
  .vantagem-icone{padding:6px!important}
  .vantagem-icone svg{width:22px;height:22px}
}