/*
 * fotomaton.css — page-specific styles, loaded only on /fotomaton/.
 * Critical CSS for above-fold lives inline in _head.php.
 */

/* -----------------------------------------------------------
 * Mobile-only blocks.
 *
 * Blocks with config_json.is_mobile_only=true get a .is-mobile-only
 * class applied by their template (currently inc/blocks/service_intro.php).
 * On desktop these blocks are hidden; on mobile they render normally
 * but the CTA button is suppressed (only the canonical block keeps it).
 *
 * Used by the Barcelona / La Baronia service_intro blocks in
 * fotomaton/content.php to stack 3 video sections on mobile while
 * keeping a single block on desktop.
 * ----------------------------------------------------------- */

.is-mobile-only .svc-intro__btn {
  display: none !important;
}

@media (min-width: 601px) {
  .is-mobile-only {
    display: none !important;
  }
}