/* Final mobile carousel rules. Kept last in the cascade to override desktop grids. */
@media (max-width:720px){
  [data-mobile-carousel]{align-items:stretch;gap:14px!important;margin-right:-14px;padding:4px 10vw 16px 0;overscroll-behavior-x:contain;scroll-padding-left:0}
  [data-mobile-carousel]>.content-card,
  [data-mobile-carousel]>.product-card,
  [data-mobile-carousel]>article,
  [data-mobile-carousel]>.consulting-directory-card{flex:0 0 88%!important;width:88%!important;min-width:88%!important;scroll-snap-align:start;scroll-snap-stop:always}

  .product-showcase-grid[data-all-carousel][data-mobile-carousel]>.product-card,
  .product-showcase-grid[data-all-carousel][data-mobile-carousel]>.product-card:nth-child(4),
  .product-showcase-grid[data-all-carousel][data-mobile-carousel]>.product-card:nth-child(5){flex:0 0 88%!important;width:88%!important;min-width:88%!important;min-height:430px!important}
  .product-showcase-grid[data-mobile-carousel] .product-card-media{aspect-ratio:16/10;margin:10px}
  .product-showcase-grid[data-mobile-carousel] .product-card-copy{padding:12px 20px 22px}
  .product-showcase-grid[data-mobile-carousel] .product-card h3{font-size:24px;line-height:1.2;white-space:normal;overflow:visible}
  .product-showcase-grid[data-mobile-carousel] .product-card p{display:-webkit-box;font-size:15px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .product-showcase-grid[data-mobile-carousel] .product-card-cta{padding-top:20px;font-size:13px}

  .content-grid[data-mobile-carousel]>.content-card{min-height:390px}
  .product-journey-grid[data-mobile-carousel]>article{min-height:420px}
  /* Expanded consulting cards must not stretch every sibling in the row. */
  .consulting-examples-grid[data-mobile-carousel]{align-items:flex-start!important}
  .consulting-examples-grid[data-mobile-carousel]>article{align-self:flex-start;height:auto!important;min-height:0}
  .consulting-examples-grid[data-mobile-carousel]>article>details{height:auto!important;width:100%}

  .mobile-carousel-controls{gap:14px;margin:6px 0 24px}
  .mobile-carousel-arrow{width:46px;height:46px;font-size:20px}
  .mobile-carousel-dots{max-width:118px;overflow:hidden}
}

@media (max-width:390px){
  [data-mobile-carousel]>.content-card,
  [data-mobile-carousel]>.product-card,
  [data-mobile-carousel]>article,
  [data-mobile-carousel]>.consulting-directory-card,
  .product-showcase-grid[data-all-carousel][data-mobile-carousel]>.product-card{flex-basis:92%!important;width:92%!important;min-width:92%!important}
}