/* FALCON Homepage Visibility + Recommended Mobile Final Fix F
   Front page only. Load last, after main.css and home-recommended-mobile-v2.css. */

/* The homepage reveal system has repeatedly left content at opacity:0.
   The homepage no longer depends on JS reveal state. */
body.home .reveal,
body.page-template-front-page .reveal,
body.home .reveal.is-visible,
body.page-template-front-page .reveal.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
}

/* Also protect reveal descendants used by homepage modules. */
body.home #recommended-models .reveal,
body.home .product-range-section .reveal,
body.home .why-falcon-section .reveal,
body.home .applications-section .reveal,
body.page-template-front-page #recommended-models .reveal,
body.page-template-front-page .product-range-section .reveal,
body.page-template-front-page .why-falcon-section .reveal,
body.page-template-front-page .applications-section .reveal {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Recommended Models: the previous mobile hard-fix set height:auto while
   its internal content is positioned, collapsing the card container.
   Restore an explicit card box for the 2x2 mobile grid. */
@media (max-width: 600px) {
  body.home #recommended-models .recommended-models-grid,
  body.page-template-front-page #recommended-models .recommended-models-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  body.home #recommended-models .recommended-model-card,
  body.page-template-front-page #recommended-models .recommended-model-card {
    position: relative !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 292px !important;
    min-height: 292px !important;
    grid-column: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.home #recommended-models .recommended-product,
  body.page-template-front-page #recommended-models .recommended-product {
    width: 92% !important;
    max-width: 92% !important;
    height: 48% !important;
    max-height: 145px !important;
    left: 4% !important;
    object-fit: contain !important;
  }

  body.home #recommended-models .recommended-copy,
  body.page-template-front-page #recommended-models .recommended-copy {
    min-width: 0 !important;
    overflow: hidden;
  }

  body.home #recommended-models .recommended-title,
  body.page-template-front-page #recommended-models .recommended-title {
    overflow-wrap: anywhere;
  }

  body.home #recommended-models .recommended-specs,
  body.page-template-front-page #recommended-models .recommended-specs,
  body.home #recommended-models .recommended-link,
  body.page-template-front-page #recommended-models .recommended-link {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

/* Final Visual Assets H: preserve the established 2x2 layout while allowing
   the supplied finished card image to occupy the complete card stage. */
@media (max-width: 600px) {
  body.home #recommended-models .recommended-bg,
  body.home #recommended-models .recommended-overlay,
  body.home #recommended-models .recommended-watermark,
  body.page-template-front-page #recommended-models .recommended-bg,
  body.page-template-front-page #recommended-models .recommended-overlay,
  body.page-template-front-page #recommended-models .recommended-watermark { display: none !important; }
  body.home #recommended-models .recommended-product,
  body.page-template-front-page #recommended-models .recommended-product {
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    left: 0 !important;
    top: 0 !important;
    object-fit: contain !important;
    filter: none !important;
    transform: none !important;
  }
}

@media (max-width: 380px) {
  body.home #recommended-models .recommended-model-card,
  body.page-template-front-page #recommended-models .recommended-model-card {
    height: 286px !important;
    min-height: 286px !important;
  }

  body.home #recommended-models .recommended-models-grid,
  body.page-template-front-page #recommended-models .recommended-models-grid {
    gap: 6px !important;
  }
}

/* Recommended + Mega Menu Rebuild J: mobile full-bleed card remains 2x2. */
@media (max-width: 600px) {
  body.home #recommended-models .recommended-model-card--full,
  body.page-template-front-page #recommended-models .recommended-model-card--full { height:258px !important; min-height:258px !important; }
  body.home #recommended-models .recommended-card-media,
  body.page-template-front-page #recommended-models .recommended-card-media { position:absolute; inset:0; width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; object-position:center; opacity:1; filter:none; transform:none; }
  body.home #recommended-models .recommended-card-copy,
  body.page-template-front-page #recommended-models .recommended-card-copy { top:0; right:0; left:0; padding:14px; }
  body.home #recommended-models .recommended-card-copy>strong,
  body.page-template-front-page #recommended-models .recommended-card-copy>strong { font-size:17px; }
  body.home #recommended-models .recommended-card-copy .recommended-specs,
  body.page-template-front-page #recommended-models .recommended-card-copy .recommended-specs { gap:5px; margin-top:6px; font-size:10px; }
  body.home #recommended-models .recommended-card-link,
  body.page-template-front-page #recommended-models .recommended-card-link { bottom:14px; left:14px; font-size:9.5px; }
}
@media (max-width:380px){
  body.home #recommended-models .recommended-model-card--full,
  body.page-template-front-page #recommended-models .recommended-model-card--full { height:250px !important; min-height:250px !important; }
}