/* BBS mobile homepage refinement – preview only.
   Keeps brand assets, desktop layout and existing SEO text intact. */
.mobile-rental-teaser{display:none}

@media (max-width:700px){
  /* Less vertical space before the first useful content. */

  /* No longer force a 730–760px poster on phones. Preserve the actual BBS hero photo. */

  /* Visible continuation immediately below the hero, ahead of the larger sections. */
  .home-pro .mobile-rental-teaser{display:block!important;background:#f2f7fb;border-top:4px solid #159cff;padding:13px 0 17px}
  .home-pro .mobile-rental-teaser .pro-wrap{padding:0 15px!important}
  .home-pro .mobile-teaser-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
  .home-pro .mobile-teaser-heading h2{font-size:19px;line-height:1.2;margin:0;color:#102b3b;letter-spacing:-.3px}
  .home-pro .mobile-teaser-heading a{font-size:12px;font-weight:800;color:#087bd2;text-decoration:none;white-space:nowrap}
  .home-pro .mobile-teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .home-pro .mobile-teaser-card{display:flex;align-items:center;min-width:0;gap:8px;padding:8px;border:1px solid #d8e5ee;border-radius:10px;background:#fff;color:#173247;text-decoration:none;box-shadow:0 3px 11px rgba(0,39,73,.055)}
  .home-pro .mobile-teaser-card img{display:block;flex:0 0 49px;width:49px;height:53px;object-fit:contain}
  .home-pro .mobile-teaser-info{display:flex;flex-direction:column;gap:3px;min-width:0}
  .home-pro .mobile-teaser-info strong{font-size:11px;line-height:1.18;white-space:normal}
  .home-pro .mobile-teaser-info span{color:#007bd5;font-size:12px;font-weight:900;white-space:nowrap}
  .home-pro .mobile-teaser-card:focus-visible,.home-pro .mobile-teaser-heading a:focus-visible{outline:3px solid #159cff;outline-offset:2px}
}

@media (max-width:360px){
  .home-pro .mobile-teaser-card img{width:38px;height:46px;flex-basis:38px}
  .home-pro .mobile-teaser-card{gap:5px;padding:6px}
  .home-pro .mobile-teaser-info strong{font-size:10px}
  .home-pro .mobile-teaser-info span{font-size:11px}
}

@media (prefers-reduced-motion:reduce){
  .home-pro .mobile-rental-teaser *{scroll-behavior:auto}
}