/* Senior Dog Comfort v176 targeted visual alignment — 2026-09-05
   Desktop-only refinement based on real-device v175 review.
   1) Home: bring Cooper's hero card bottom into line with the left-side hero copy/trust row.
   2) Meet Cooper: give the portrait more horizontal presence, move it visually left,
      and center it in its available right-side space without stretching the source image.
   Mobile layout, approved links, content, and other sections are intentionally unchanged. */

@media (min-width:961px){
  /* HOME — slightly smaller + higher so the bottom edge no longer hangs below the left content. */
  .home-hero .hero-photo-card{width:min(100%,372px)!important;}
  .home-hero .hero-visual{
    justify-content:flex-end!important;
    align-items:flex-start!important;
    transform:translateY(-28px)!important;
  }
  .home-hero{padding-bottom:0!important;}
  .editors-picks{padding-top:22px!important;}

  /* MEET COOPER — wider card, smaller gap, centered in the right-side space.
     Object-fit preserves natural proportions and avoids visible stretching. */
  .cooper-hero .cooper-hero-grid{
    grid-template-columns:minmax(0,1fr) 310px!important;
    gap:28px!important;
    align-items:start!important;
  }
  .cooper-hero .cooper-main-photo{
    width:296px!important;
    justify-self:center!important;
    margin-left:-8px!important;
    transform:translateY(-10px)!important;
  }
  .cooper-hero .cooper-main-photo img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1206/1536!important;
    object-fit:cover!important;
    object-position:center 28%!important;
  }
  .cooper-hero{padding-bottom:4px!important;}
  #cooper-story{padding-top:18px!important;}
}

/* v177 Meet Cooper caption safeguard — keep the caption fully visible in the first desktop viewport. */
@media (min-width:961px){
  .cooper-hero .cooper-main-photo{transform:translateY(-14px)!important;}
  .cooper-hero .cooper-main-photo figcaption{
    white-space:nowrap!important;
    overflow:visible!important;
    line-height:1.15!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
}