/**
 * Jean Paul Gaultier brand space styling.
 *
 * JPG had NO bespoke legacy microsite stylesheet (the microsite_jpg layout only injected the
 * jpg-product-logo CMS block; styling came from default_microsite.css plus bootstrap-ish grid
 * classes only-desktop/only-mobile/col-*, now resolved with Tailwind inside the Hyva blocks
 * jpg-product-logo + jpg-home). So there is no brand typography to port here.
 *
 * Loaded ONLY on the JPG brand handles (catalog_category_view_brand_jean-paul-gaultier /
 * catalog_product_view_brand_jean-paul-gaultier) and scoped under the body class below, so it
 * never leaks elsewhere. Kept as a thin scope hook for future per-brand tweaks (e.g. matching
 * production spacing) without touching the shared theme.
 */

.catalog-category-view-brand-jean-paul-gaultier .no-add-to-cart [data-role="add-to-cart"],
.catalog-category-view-brand-jean-paul-gaultier .no-add-to-cart .add-to-cart,
.catalog-category-view-brand-jean-paul-gaultier .no-add-to-cart button.tocart {
    display: none;
}

/*
 * Typography matched 1:1 to production (www.druni.es/marcas/jean-paul-gaultier). The Hyva JIT does
 * not emit arbitrary Tailwind values (text-[23px], etc.), so the exact px sizes live here, scoped
 * under the brand body class, targeting marker classes added to the jpg-home block sections.
 */

/* Intro paragraph: prod = 23px / 400 / line-height 1.43 (mobile 19px). */
.catalog-category-view-brand-jean-paul-gaultier .jpg-intro {
    font-size: 19px;
    line-height: 1.43;
    font-weight: 400;
}

/* Editorial grid titles (LES MALES / LES FEMMES / SCANDAL): prod = 26px / 700 (mobile 20px). */
.catalog-category-view-brand-jean-paul-gaultier .jpg-tile-title {
    font-size: 20px;
}

/* BEST SELLERS section title: prod = 26px / 700. */
.catalog-category-view-brand-jean-paul-gaultier .jpg-section-title {
    font-size: 26px;
}

@media (min-width: 1024px) {
    .catalog-category-view-brand-jean-paul-gaultier .jpg-intro {
        font-size: 23px;
    }

    .catalog-category-view-brand-jean-paul-gaultier .jpg-tile-title {
        font-size: 26px;
    }
}