/* Fabrico static site — responsive variant switching.
 *
 * The live site serves two rendered variants of each page — a desktop layout
 * and a mobile layout — chosen by device detection (user agent), not window
 * width. This file reproduces that behaviour: both variants are present in
 * each page, and the inline head script adds .fab-is-mobile on phones/tablets.
 *
 * Within each variant, the original site stylesheets (assets/css/vendor/)
 * provide all fluid/breakpoint behaviour exactly as on fabrico.in.
 */

.fab-variant--mobile {
  display: none;
}

html.fab-is-mobile .fab-variant--desktop {
  display: none;
}

html.fab-is-mobile .fab-variant--mobile {
  display: block;
}