/*
 * GOLDEN-LINE mobile readability layer.
 *
 * Yandex mobile compatibility flags visible text below 12px. Keep the
 * existing desktop typography untouched and only raise small, user-visible
 * mobile labels in shared storefront components.
 */
@media (max-width: 767.98px) {
  /* Shared buttons and section navigation. */
  .btn-gl-primary,
  .btn-gl-outline,
  .gl-section-link,
  .gl-bd-show-all-btn {
    font-size: 12px;
  }

  /* Homepage/product carousel metadata. */
  .gl-arrival-badge,
  .gl-arrival-brand,
  .gl-arrival-old,
  .gl-price-discount {
    font-size: 12px;
  }

  .gl-arrival-brand {
    line-height: 1.25;
  }

  .gl-arrival-info {
    grid-template-rows: 16px 39px 49px;
  }

  /* Homepage hero and editorial labels. */
  .gl-banner-tag,
  .gl-banner-sale,
  .gl-ed-tag,
  .gl-brand-cell span {
    font-size: 12px;
  }

  /* Header ticker and mobile navigation. */
  .gl-ticker-marquee-msg,
  .gl-ticker--single .gl-ticker-msg {
    font-size: 12px;
    letter-spacing: 0.14em;
  }

  .sb-icon-btn,
  .sb-foot-label,
  .sb-foot-hours,
  .sb-sub-all,
  .sb-sub-quick a {
    font-size: 12px;
  }

  .sb-icon-btn {
    letter-spacing: 0.04em;
  }

  .gl-cart-badge,
  .gl-favorite-badge,
  .sb-badge {
    min-width: 16px;
    height: 16px;
    padding-inline: 3px;
    font-size: 12px;
    line-height: 16px;
  }

  /* Common breadcrumbs and form helper text on inner pages. */
  .gl-breadcrumb,
  .gl-breadcrumb-sep,
  .gl-form-label,
  .gl-form-error,
  .gl-form-terms {
    font-size: 12px;
  }

  /* Newsletter block used on the homepage and landing pages. */
  .gl-nl-inc-eyebrow,
  .gl-nl-inc-btn,
  .gl-nl-inc-error,
  .gl-nl-inc-note,
  .gl-nl-inc-label,
  .gl-nl-inc-success-code-label {
    font-size: 12px;
  }

  /* Cookie/privacy controls can be rendered on a first crawler visit. */
  .gl-consent-eyebrow,
  .gl-consent-btn,
  .gl-consent-category-heading span,
  .gl-content-cookie-settings {
    font-size: 12px;
  }

  /* Footer labels. The <small> elements otherwise shrink inherited text. */
  .gl-footer-title,
  .gl-copyright,
  .gl-copyright small {
    font-size: 12px;
  }

  /* Advertising disclosure remains visually secondary through opacity,
     rather than unreadably small text. */
  .gl-ord-disclosure__toggle,
  .gl-ord-disclosure__details,
  .gl-ord-disclosure__inn,
  .gl-ord-disclosure__token,
  .gl-banner-ord {
    font-size: 12px;
  }

  .gl-ord-disclosure__toggle {
    padding: 4px 8px;
    opacity: 0.68;
  }
}