/* ==========================================================================
   TattooClub — page Nouveautés (/nouveautes/).
   Hero et catalogue reprennent category.css + shop.css (mêmes composants
   que les pages catégories et la Boutique). Ici : variables, fil d'Ariane,
   texte éditorial.
   ========================================================================== */
.tc-new-page {
	--shp-ink: #111111; --shp-cream: #F9F5EF; --shp-line: #E8E4DC; --shp-muted: #68645E; --shp-body: #4A4640;
	--shp-green: #B7E41C; --shp-green-txt: #4F7A00; --shp-green-soft: #F1F8D9; --shp-red: #B42318;
	--shp-head: 'Archivo Black', 'Arial Black', sans-serif; --shp-font: 'Space Grotesk', system-ui, sans-serif;
}
.tc-new-page .tc-cat-page { font-family: var(--shp-font); color: var(--shp-body); }
.tc-new-page .tc-cat-page *, .tc-new-page .tc-cat-page *::before, .tc-new-page .tc-cat-page *::after { box-sizing: border-box; }
.tc-new-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; font: 500 13px/1.4 var(--shp-font); color: var(--shp-muted); }
.tc-new-crumb a { color: var(--shp-muted) !important; text-decoration: none !important; }
.tc-new-crumb a:hover, .tc-new-crumb a:focus-visible { color: var(--shp-ink) !important; text-decoration: underline !important; }
.tc-new-crumb [aria-current] { color: var(--shp-ink); font-weight: 600; }
.tc-new-hero { min-height: 280px; }
.tc-new-hero .tc-cat-hero__img { object-position: center 30%; }
.tc-new-about__t { margin: 0 0 10px !important; color: var(--shp-ink) !important; font: 400 20px/1.2 var(--shp-head) !important; text-transform: uppercase; }
.tc-new-about a { color: var(--shp-green-txt); font-weight: 700; }
@media (max-width: 767px) {
	.tc-new-crumb { margin-bottom: 12px; }
	.tc-new-hero { min-height: 0; }
	.tc-new-about__t { font-size: 18px !important; }
}
/* La page n'a pas le conteneur WooCommerce des pages catégories : même largeur et mêmes marges. */
.tc-cat-page.tc-new { box-sizing: border-box; width: 100%; min-width: 0; max-width: 1280px; margin: 0 auto; padding: 24px 24px 56px; }
@media (max-width: 767px) { .tc-cat-page.tc-new { padding: 16px 16px 40px; } }