/* Hallmark · component: mobile Premium discovery · existing Plumbing system.
 * Native loading/empty/error states, contact actions and disclosures are retained.
 * Early placement, navy identity, tonal contacts, native swipe. P5 H5 E5 S5 R5 V4. */
body.af-exchange-design.af-plumbing-design {
  --size-mobile-premium-card: min(22rem, calc(100% - var(--space-ex-2xl)));
  .af-mobile-premium-slot { display: none; }
}
@media (max-width: 67.99rem) {
  body.af-exchange-design.af-plumbing-design #wpforo.af-publication #wpforo-wrap,
  body.af-exchange-design.af-plumbing-design.aigenforums-directory {
    .af-mobile-premium-slot { display: block; min-width: 0; margin-block: var(--space-ex-md) var(--space-ex-xl); scroll-margin-top: var(--space-ex-lg); }
    .af-mobile-premium-slot:empty { display: none; }
    .af-mobile-premium-slot :is(.af-discussion-premium,.af-platform-providers) { min-width: 0; margin: var(--space-ex-md) 0 0; padding: var(--space-ex-md) 0; border: 0; background: var(--color-ex-paper); color: var(--color-ex-ink); }
    .af-mobile-premium-slot :is(.af-platform-section-head,.af-discussion-premium > header) { margin-bottom: var(--space-ex-sm); }
    .af-mobile-premium-slot :is(.af-platform-section-head,.af-discussion-premium > header) h2 { margin: 0; font: 500 var(--text-ex-section)/1.2 var(--font-ex-display) !important; }
    .af-mobile-premium-slot :is(.af-platform-section-head,.af-discussion-premium > header) p { margin-top: var(--space-ex-xs); font: 400 var(--text-ex-caption)/1.5 var(--font-ex-body); }
    .af-mobile-premium-slot .af-platform-section-head > a { min-height: var(--control-ex-height); }
    .af-mobile-premium-slot .af-mobile-premium-hint { margin: var(--space-ex-sm) 0 var(--space-ex-xs); color: var(--color-ex-secondary); font: 500 var(--text-ex-caption)/1.4 var(--font-ex-body); }
    .af-mobile-premium-slot [data-af-local-cards] { display: flex; flex-wrap: nowrap; gap: var(--space-ex-md); min-width: 0; max-width: 100%; margin: 0; padding: var(--space-ex-xs) var(--space-ex-2xs); overflow-x: auto; scroll-snap-type: x proximity; scroll-padding-inline: var(--space-ex-2xs); scrollbar-width: thin; scrollbar-color: var(--color-ex-field) var(--color-ex-porcelain); }
    .af-mobile-premium-slot [data-af-local-cards]:focus-visible { outline: var(--rule-ex-focus) solid var(--color-ex-copper); outline-offset: var(--space-ex-2xs); }
    .af-mobile-premium-slot [data-af-local-cards]:empty,
    .af-mobile-premium-slot [data-load-state]:not([data-load-state="ready"]) .af-mobile-premium-hint { display: none; }
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] { flex: 0 0 var(--size-mobile-premium-card); min-width: 0; scroll-snap-align: start; }
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] :is(.af-dir-premium-card__description,.af-provider-coverage,.af-dir-specialties) { display: none; }
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] .af-dir-premium-card__summary,
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] .af-dir-premium-card__contact { padding: var(--space-ex-sm); }
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] .af-dir-premium-card__title-row { gap: var(--space-ex-xs); }
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] .af-dir-premium-card__media--badge { flex-basis: var(--control-ex-height); width: var(--control-ex-height); height: var(--control-ex-height); }
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] :is(h3,h3 a) { font: 500 var(--text-ex-section)/1.2 var(--font-ex-display) !important; }
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] .af-dir-location { margin: var(--space-ex-xs) 0 0; font: 400 var(--text-ex-caption)/1.5 var(--font-ex-body); }
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] .af-provider-website { min-height: var(--control-ex-height); padding: var(--space-ex-xs) var(--space-ex-sm); }
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] .af-provider-website__domain { font-size: var(--text-ex-meta); white-space: normal; overflow-wrap: anywhere; }
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] .af-dir-actions { gap: var(--space-ex-xs); margin-top: var(--space-ex-xs); }
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] .af-dir-actions :is(.af-provider-phone,.af-dir-text-link) { min-height: var(--control-ex-height); padding: var(--space-ex-xs) var(--space-ex-sm); font-size: var(--text-ex-meta); }
    .af-mobile-premium-slot .af-dir-premium-card[data-af-premium-card] .af-provider-phone__number { white-space: normal; overflow-wrap: anywhere; }
  }
}
