/*
 * Overrides de estilo do tema delivery2 para este site.
 *
 * Editado pelo CMS (Aparência > editar CSS): a cópia vai para o custom do site
 * (custom//css/custom_delivery2.css) e é carregada depois do CSS do
 * frontend. Nome próprio do delivery2 para não herdar o custom.css de outros
 * temas ao trocar de layout.
 *
 * Use os ganchos d2-* (estáveis), não as classes Tailwind (mudam a cada ajuste).
 * Estado no : d2-mode-delivery|cardapio|qrcode, d2-tablet, d2-loja,
 * d2-cards-padrao|lista|galeria, d2-page-catalogo|pedidos|conta|dados...
 * Blocos: d2-header, d2-product-card (__name, __image...), d2-price, d2-sheet--produto,
 * d2-group (complementos/grade), d2-cart, d2-bottom-nav, d2-category-chip...
 * Lista completa: docs/layouts/delivery2.md. Ex.:
 *   .d2-tablet .d2-product-card__name { font-size: 1.1rem; }
 *   .d2-sheet--produto .d2-product__add { border-radius: 8px; }
 * Cor da marca: variável --d2-brand (R G B). O frontend a define inline com a
 * cor do tema, então o override precisa de !important:
 *   :root { --d2-brand: 220 38 38 !important; }
 */

.d2-category-intro img.d2-category-intro__banner {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain;
}