/* Lowy typography v1 — fuente única; no tocar fuentes de iconos. */
:root {
  --lowy-font: "Montserrat", Arial, sans-serif;
  --lowy-text: 16px;
  --lowy-title: clamp(28px, 3.2vw, 44px);
  --lowy-section: clamp(23px, 2.2vw, 30px);
  --lowy-card: clamp(16px, 1.4vw, 18px);
  --lowy-banner: clamp(28px, 2.8vw, 40px);
  --lowy-leading: 1.55;
  --lowy-space-sm: 12px;
  --lowy-space-md: 20px;
  --lowy-space-lg: 32px;
}
:is(.lowy-hub, #df-hub, #afaq-hub, #ao-hub, #ur-hub, #dd-hub, #mb-hub, #perfume-hub, #care-hub) { font-family: var(--lowy-font); font-size: var(--lowy-text); line-height: var(--lowy-leading); }
:is(.lowy-hub, #df-hub, #afaq-hub, #ao-hub, #ur-hub, #dd-hub, #mb-hub, #perfume-hub, #care-hub) :is(h1,h2,h3,h4,p,a,button,select,input,label,summary),
.df-filter-open, .df-filter-sort select, #brand-filter-status, .df-chip,
.lowy-pack-heading, .lowy-pack-intro, .lowy-component-name { font-family: var(--lowy-font) !important; }
:is(.lowy-hub, #df-hub, #afaq-hub, #ao-hub, #ur-hub, #dd-hub, #mb-hub, #perfume-hub, #care-hub) :is(h1,h2,h3,h4) { font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: -.02em !important; text-transform: none !important; }
:is(.lowy-hub, #df-hub, #afaq-hub, #ao-hub, #ur-hub, #dd-hub, #mb-hub, #perfume-hub, #care-hub) h2 { font-size: var(--lowy-section) !important; }
:is(.lowy-hub, #df-hub, #afaq-hub, #ao-hub, #ur-hub, #dd-hub, #mb-hub, #perfume-hub, #care-hub) h3 { font-size: var(--lowy-card) !important; line-height: 1.35 !important; }
:is(.lowy-hub, #df-hub, #afaq-hub, #ao-hub, #ur-hub, #dd-hub, #mb-hub, #perfume-hub, #care-hub) :is(.lowy-title,.af-title,.ao2-title,.ur-title,.dd-title),
#df-hub > h2:first-child, #mb-hub .mb-intro h2,
:is(#perfume-hub,#care-hub) .pf-intro h2 { font-size: var(--lowy-title) !important; font-weight: 700 !important; margin-bottom: var(--lowy-space-sm); }
:is(.lowy-hub, #df-hub, #afaq-hub, #ao-hub, #ur-hub, #dd-hub, #mb-hub, #perfume-hub, #care-hub) :is(.lowy-banner-title,.af-hero-copy h3,.ao2-copy h3,.ao2-copy h2,.ur-copy h3,.ur-copy h2,.dd-copy h3,.dd-copy h2,.mb-copy h3,.mb-copy h2,.pf-hero-text h2) { font-size: var(--lowy-banner) !important; line-height: 1.12 !important; font-weight: 600 !important; margin-bottom: var(--lowy-space-md); }
:is(.lowy-hub, #df-hub, #afaq-hub, #ao-hub, #ur-hub, #dd-hub, #mb-hub, #perfume-hub, #care-hub) :is(.af-button,.ao2-button,.ur-button,.dd-btn,.mb-btn,.pf-btn,.lowy-button) { font-size: 15px; font-weight: 500; line-height: 1.35; }
.lowy-section-title { font-family: var(--lowy-font); font-size: var(--lowy-section); font-weight: 600; line-height: 1.2; }
.lowy-card-title { font-family: var(--lowy-font); font-size: var(--lowy-card); font-weight: 600; line-height: 1.35; }
@media (max-width: 767px) {
  :root { --lowy-banner: clamp(20px, 5.1vw, 26px); --lowy-text: 15px; --lowy-space-md: 16px; --lowy-space-lg: 24px; }
  :is(.lowy-hub, #df-hub, #afaq-hub, #ao-hub, #ur-hub, #dd-hub, #mb-hub, #perfume-hub, #care-hub) :is(.af-button,.ao2-button,.ur-button,.dd-btn,.mb-btn,.pf-btn,.lowy-button) { font-size: 12px; }
}
