/* ============================================================
     PRODUCT TITLE — one typography for every catalog item
     ============================================================
     The game-card title is the standard. Before this file, a card with
     condition rows got its title from condition-rows.css
     (`.result-info:has(.cond-rows) h4`) while every other card fell
     through to the lighter base rule in result-list.css, so consoles,
     handhelds, controllers and accessories rendered at 17.6px/340 against
     a game's 18.88px/600 on phones, and 20.6px/340 against 22.4px/600 on
     desktop.

     One title style for every product type: 17.6px / 340 up to 760px and
     20.6px / 340 from 761px, line-height 1.25 — the lighter treatment the
     catalog used before, now shared by games, consoles, handhelds,
     controllers and accessories alike. Expressed as custom properties so
     there is one place to change them, with nothing duplicated per card
     type or per system.

     This file must load AFTER result-list.css AND condition-rows.css —
     both of the rules it supersedes are matched on specificity, so source
     order is what settles it. */

  :root{
    --product-title-family:'Poppins';
    --product-title-size:1.1rem;      /* 17.6px — phone/tablet */
    --product-title-weight:340;       /* the light Poppins weight the site already loads */
    --product-title-line-height:1.25;
    --product-title-letter-spacing:normal;
    --product-title-color:var(--ink,#191C19);
  }

  /* The one size step the original treatment had: 3px larger from 761px up. */
  @media (min-width:761px){
    :root{
      --product-title-size:calc(1.1rem + 3px);   /* 20.6px */
    }
  }

  /* Two selectors, not one. condition-rows.css styles game titles through
     `.result-info:has(.cond-rows) h4`, which outranks a plain
     `.result-info h4`; matching that specificity and loading later is what
     lets one rule cover every product type. */
  .result-info:has(.cond-rows) h4,
  .result-info h4{
    font-family:var(--product-title-family);
    font-size:var(--product-title-size);
    font-weight:var(--product-title-weight);
    line-height:var(--product-title-line-height);
    letter-spacing:var(--product-title-letter-spacing);
    color:var(--product-title-color);
    /* No font-smoothing override: game titles render with the browser
       default today, and "same smoothing behaviour" means leaving that
       alone rather than forcing antialiased on both, which would visibly
       thin the game titles on macOS. */
  }