/* Premium storefront typography. Admin screens intentionally remain unchanged. */
body{
    font-family:"Manrope",Inter,Arial,sans-serif;
    font-kerning:normal;
    text-rendering:optimizeLegibility;
}

:is(
    h1,h2,
    .hero h1,.catalog-hero h1,.page-title h1,
    .ref-hero h1,.ref-title h2,.ref-section-heading h2,
    .ref-lifestyle-copy h2,.ref-why>h2,.ref-why>h3,
    .product-info h1,.benefit-section h2,
    .commerce-heading h1,.success-card h1,
    .content-page h1,.content-page h2,.page-cta h2
){
    font-family:"Cormorant Garamond",Georgia,serif!important;
    font-weight:700!important;
    letter-spacing:-.025em!important;
}

:is(
    .product-card h3,.ref-product-info h3,.ref-category-model-copy h3,
    .benefit-grid h3,.ref-reason-grid h3,.ref-journal-grid h3,
    .product-info .price-row strong
){
    font-family:"Manrope",Inter,Arial,sans-serif!important;
    letter-spacing:-.018em;
}

:is(.desktop-nav a,.drawer nav a,.button,.text-link,.ref-view-all,.header-signup-btn,.account-link){
    font-family:"Manrope",Inter,Arial,sans-serif;
}

:is(.eyebrow,.hero-kicker,.ref-kicker){
    font-family:"Manrope",Inter,Arial,sans-serif;
    letter-spacing:.17em;
}

@media(max-width:650px){
    :is(h1,h2,.product-info h1){letter-spacing:-.018em!important}
}