/**
 * CHAVE VERTICAL — cabeçalhos partilhados do catálogo.
 * Manter a mesma tipografia/medidas no tema WooCommerce e no Astro.
 * Abrange apenas /shop/, /loja/ e páginas de categorias.
 */
.cvl-catalog-hero,
.cvl-shop-category-section .cvl-catalog-hero,
.cvl-category-catalog-page .cvl-catalog-hero {
  width:100%;
  max-width:none!important;
  margin:0 0 24px!important;
  padding:24px clamp(20px,2.6vw,34px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px 24px;
  border:1px solid #e0ebe8!important;
  border-left:4px solid #007267!important;
  border-radius:12px;
  background:linear-gradient(108deg,#f3faf8 0%,#fff 74%)!important;
  box-shadow:none;
  text-align:left;
}
.cvl-catalog-hero-copy{flex:1 1 420px;min-width:0}
.cvl-catalog-hero .cvl-catalog-hero-kicker{
  display:block!important;
  margin:0 0 7px!important;
  padding:0!important;
  color:#007267!important;
  font-family:"DM Sans",system-ui,sans-serif;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
.cvl-catalog-hero h1,
.cvl-shop-category-section .cvl-catalog-hero h1,
.cvl-category-catalog-page .cvl-catalog-hero h1{
  margin:0 0 8px!important;
  color:#101820!important;
  font-family:Manrope,"DM Sans",system-ui,sans-serif!important;
  font-size:clamp(27px,3vw,39px)!important;
  font-weight:800!important;
  line-height:1.13!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  overflow-wrap:anywhere;
}
.cvl-catalog-hero h1 .cvl-catalog-hero-accent{color:#007267!important}
.cvl-catalog-hero .cvl-catalog-hero-description{
  display:block;
  max-width:660px;
  margin:0!important;
  color:#66727c!important;
  font-family:"DM Sans",system-ui,sans-serif;
  font-size:13px!important;
  font-weight:400;
  line-height:1.6!important;
  letter-spacing:normal;
}
.cvl-catalog-hero .cvl-catalog-hero-count{
  flex:0 0 auto;
  min-height:44px;
  margin:0!important;
  padding:11px 16px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:5px 8px;
  border:1px solid #dce8e5;
  border-radius:999px;
  background:#fff;
  color:#53616a!important;
  font-family:"DM Sans",system-ui,sans-serif;
  font-size:12px!important;
  font-weight:700;
  line-height:1.3;
  white-space:normal;
}
.cvl-catalog-hero .cvl-catalog-hero-count strong{
  color:#007267!important;
  font-family:Manrope,"DM Sans",system-ui,sans-serif;
  font-size:20px;
  font-weight:800;
  line-height:1;
}
.cvl-catalog-hero .cvl-catalog-hero-count[hidden]{display:none!important}
@media(max-width:640px){
  .cvl-catalog-hero,
  .cvl-shop-category-section .cvl-catalog-hero,
  .cvl-category-catalog-page .cvl-catalog-hero{
    align-items:flex-start!important;
    margin-bottom:20px!important;
    padding:19px 17px!important;
    border-radius:10px;
    gap:12px;
  }
  .cvl-catalog-hero-copy{flex-basis:100%}
  .cvl-catalog-hero h1,
  .cvl-shop-category-section .cvl-catalog-hero h1,
  .cvl-category-catalog-page .cvl-catalog-hero h1{
    font-size:clamp(25px,6vw,29px)!important;
    line-height:1.17!important;
  }
  .cvl-catalog-hero .cvl-catalog-hero-description{font-size:12.5px!important}
  .cvl-catalog-hero .cvl-catalog-hero-count{min-height:38px;padding:9px 13px}
  .cvl-catalog-hero .cvl-catalog-hero-count strong{font-size:18px}
}
