/* Phase 380.8.3.4.2.1.2 — Homepage Mobile Card Viewport & Verified Badge Visibility Lock */

/*
 * The recommended row is an inline scroller. When overflow-x is scrollable,
 * browsers compute overflow-y as scrollable too; therefore the badge must be
 * given a protected top lane inside the scrollport while it remains exactly
 * half outside the card border.
 */
body.marketak-responsive-v18952858.view-home
  .home-recommended-products-section-v380834212
  .home-product-rail-v186.recommended-v186.home-compact-product-rail-v38083421{
  position:relative!important;
  padding-top:26px!important;
  padding-bottom:20px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  contain:none!important;
  isolation:isolate;
}
body.marketak-responsive-v18952858.view-home
  .home-recommended-products-section-v380834212
  .home-product-rail-v186.recommended-v186
  .home-product-tile-v186.home-compact-product-card-v38083421{
  position:relative!important;
  overflow:visible!important;
  contain:none!important;
  isolation:isolate;
}
body.marketak-responsive-v18952858.view-home
  .home-recommended-products-section-v380834212
  .home-compact-product-card-v38083421
  .home-compact-verified-corner-v38083421{
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
}

/*
 * Featured products retain the original complete catalog card. On phones the
 * section alone becomes a near-edge-to-edge one-column canvas so the complete
 * card uses the viewport instead of being squeezed by stacked container and
 * scope gutters.
 */
@media(max-width:620px){
  body.marketak-responsive-v18952858.view-home
    .home-featured-products-section-v380834212{
    overflow:visible!important;
  }
  body.marketak-responsive-v18952858.view-home
    .home-featured-products-section-v380834212
    >.home-wide-container-v1861{
    width:100%!important;
    max-width:100%!important;
    padding-inline:16px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  body.marketak-responsive-v18952858.view-home
    .home-featured-products-section-v380834212
    .home-featured-products-scope-v380834211{
    width:calc(100% + 32px)!important;
    max-width:none!important;
    margin-inline:-16px!important;
    padding:22px 12px 14px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  body.marketak-responsive-v18952858.view-home
    .home-featured-products-section-v380834212
    .home-featured-products-grid-v3808342{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  body.marketak-responsive-v18952858.view-home
    .home-featured-products-section-v380834212
    .home-featured-products-grid-v3808342
    >.card.product-card-pro{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    overflow:visible!important;
  }
  body.marketak-responsive-v18952858.view-home
    .home-featured-products-section-v380834212
    .product-card-pro
    .card-img-wrap,
  body.marketak-responsive-v18952858.view-home
    .home-featured-products-section-v380834212
    .product-card-pro
    .card-body{
    overflow:hidden!important;
  }
}

@media(max-width:680px){
  body.marketak-responsive-v18952858.view-home
    .home-recommended-products-section-v380834212
    .home-product-rail-v186.recommended-v186.home-compact-product-rail-v38083421{
    padding-top:24px!important;
    padding-bottom:18px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.marketak-responsive-v18952858.view-home
    .home-recommended-products-section-v380834212
    .home-compact-product-card-v38083421{
    transition:none!important;
  }
}
