/* v195 — X10 conversion pass: mobile quality-first funnel + stronger portfolio paths */

.seo-portfolio-cta-v195,
.hvx-portfolio-gateway-v195{
  margin-top:28px;
  justify-content:center;
}

.mobile-film-actions-v195,
.mobile-trustbar-v195{
  display:none;
}

@media (max-width:760px){
  /* Mobile start page: quality -> portfolio -> price -> trust -> about. */
  body.home-x10-v178 main#main-content{
    display:flex;
    flex-direction:column;
  }
  body.home-x10-v178 .top-video-banner{order:1;}
  body.home-x10-v178 .home-intro-hero{order:2;}
  body.home-x10-v178 .home-film-section-x10{order:3;}
  body.home-x10-v178 .mobile-trustbar-v195{order:4;}
  body.home-x10-v178 .home-reviews-section{order:5;}
  body.home-x10-v178 .home-owner-section{order:6;}
  body.home-x10-v178 .home-emotion-rotator{order:7;}
  body.home-x10-v178 .home-photo-upgrade-showcase{order:8;}
  body.home-x10-v178 .home-story-section{order:9;}
  body.home-x10-v178 main#main-content > section:not(.top-video-banner):not(.home-intro-hero):not(.home-film-section-x10):not(.mobile-trustbar-v195):not(.home-reviews-section):not(.home-owner-section):not(.home-emotion-rotator):not(.home-photo-upgrade-showcase):not(.home-story-section){order:20;}

  /* H1 immediately after banner; compact instead of another long hero. */
  body.home-x10-v178 .home-intro-hero{
    min-height:0!important;
    padding:0!important;
  }
  body.home-x10-v178 .home-intro-hero .container.inner{
    min-height:0!important;
    padding-top:28px!important;
    padding-bottom:28px!important;
  }
  body.home-x10-v178 .home-intro-hero .eyebrow{
    margin-bottom:9px!important;
  }
  body.home-x10-v178 .home-intro-hero h1{
    font-size:clamp(2rem,9vw,2.75rem)!important;
    line-height:1.02!important;
    margin-bottom:0!important;
  }
  body.home-x10-v178 .home-intro-hero .lead{
    display:none!important;
  }
  body.home-x10-v178 .home-intro-hero .trustbar{
    display:none!important;
  }
  body.home-x10-v178 .home-intro-hero .hero-slideshow{
    opacity:.52!important;
  }

  /* One strong film only on mobile; other films remain available in Portfolio. */
  body.home-x10-v178 .home-film-section-x10{
    padding-top:18px!important;
    padding-bottom:22px!important;
  }
  body.home-x10-v178 .home-film-section-x10 .section-head{
    display:none!important;
  }
  body.home-x10-v178 .home-film-section-x10 .portfolio-video-grid.compact{
    display:block!important;
  }
  body.home-x10-v178 .home-film-section-x10 .portfolio-card:nth-child(n+2){
    display:none!important;
  }
  body.home-x10-v178 .home-film-section-x10 .portfolio-card{
    width:100%!important;
    margin:0!important;
  }
  body.home-x10-v178 .home-film-section-x10 .portfolio-card-body{
    padding:13px 15px 15px!important;
  }
  body.home-x10-v178 .home-film-section-x10 .portfolio-card-body .film-tag,
  body.home-x10-v178 .home-film-section-x10 .portfolio-card-body p{
    display:none!important;
  }
  body.home-x10-v178 .home-film-section-x10 .portfolio-card-body h3{
    margin:0!important;
    font-size:1.15rem!important;
  }
  body.home-x10-v178 .desktop-film-actions-v195{
    display:none!important;
  }
  body.home-x10-v178 .mobile-film-actions-v195{
    display:grid!important;
    gap:10px;
    margin-top:14px;
  }
  body.home-x10-v178 .mobile-film-actions-v195 .btn{
    width:100%;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:800;
    letter-spacing:.025em;
  }
  body.home-x10-v178 .mobile-primary-cta-v195{
    box-shadow:0 10px 30px rgba(0,0,0,.22);
  }

  /* Compact trust row: no extra scrolling. */
  body.home-x10-v178 .mobile-trustbar-v195{
    display:block!important;
    background:rgba(8,7,6,.98);
    border-top:1px solid rgba(205,164,95,.22);
    border-bottom:1px solid rgba(205,164,95,.18);
  }
  body.home-x10-v178 .mobile-trustbar-inner-v195{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:min(100% - 24px,720px);
    margin:0 auto;
  }
  body.home-x10-v178 .mobile-trustbar-inner-v195 > div{
    padding:17px 7px 16px;
    text-align:center;
    min-width:0;
  }
  body.home-x10-v178 .mobile-trustbar-inner-v195 > div + div{
    border-left:1px solid rgba(205,164,95,.13);
  }
  body.home-x10-v178 .mobile-trustbar-inner-v195 strong{
    display:block;
    font-family:'Cormorant Garamond',Georgia,serif;
    font-size:1.16rem;
    line-height:1.05;
    color:#e4c083;
    white-space:nowrap;
  }
  body.home-x10-v178 .mobile-trustbar-inner-v195 span{
    display:block;
    margin-top:5px;
    font-size:.68rem;
    line-height:1.15;
    color:#bdb2a5;
  }

  /* Reviews remain complete but become swipeable instead of three long stacked cards. */
  body.home-x10-v178 .home-reviews-section{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  body.home-x10-v178 .home-reviews-section .section-head{
    margin-bottom:18px!important;
  }
  body.home-x10-v178 .home-review-grid{
    display:flex!important;
    gap:12px!important;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    padding:0 0 8px!important;
    scrollbar-width:none;
  }
  body.home-x10-v178 .home-review-grid::-webkit-scrollbar{display:none;}
  body.home-x10-v178 .home-review-grid .review-card{
    flex:0 0 min(86vw,390px);
    scroll-snap-align:start;
  }

  /* About block shorter on phones; full copy remains on desktop. */
  body.home-x10-v178 .home-owner-section{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  body.home-x10-v178 .home-owner-copy > p:not(.home-owner-lead),
  body.home-x10-v178 .home-owner-facts{
    display:none!important;
  }
  body.home-x10-v178 .home-owner-actions .btn.line:not(.home-owner-instagram){
    display:none!important;
  }

  /* Regional SEO pages: one immediate film on mobile, then two clear next steps. */
  .seo-three-video-grid .portfolio-card:nth-child(n+2){
    display:none!important;
  }
  .seo-three-video-grid{
    grid-template-columns:1fr!important;
  }
  .seo-portfolio-cta-v195,
  .hvx-portfolio-gateway-v195{
    display:grid!important;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:18px!important;
  }
  .seo-portfolio-cta-v195 .btn,
  .hvx-portfolio-gateway-v195 .btn{
    width:100%;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
}