/* Ay-Habo Mobile Commerce Home — review tuning v3 */
@media (max-width: 560px){
  /* Product spotlight: calm, structured, confidence-first */
  .commerce-v2-spotlight{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:center!important;
    padding:14px!important;
    min-height:0!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(10,35,66,.08)!important;
  }
  .commerce-v2-spotlight-media{
    order:1!important;
    min-height:0!important;
    height:132px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#f5f7fa!important;
  }
  .commerce-v2-spotlight-media:before,
  .commerce-v2-orbit{display:none!important}
  .commerce-v2-spotlight-media img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    filter:none!important;
  }
  .commerce-v2-spotlight-copy{
    order:2!important;
    min-width:0!important;
    display:block!important;
  }
  .commerce-v2-kicker{
    margin:0 0 5px!important;
    font-size:.58rem!important;
    letter-spacing:.08em!important;
  }
  .commerce-v2-spotlight h1{
    margin:0 0 5px!important;
    max-width:none!important;
    font-size:1.06rem!important;
    line-height:1.12!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  .commerce-v2-spotlight p{
    margin:0!important;
    font-size:.72rem!important;
    line-height:1.3!important;
    -webkit-line-clamp:1!important;
  }
  .commerce-v2-spotlight-meta{
    display:flex!important;
    gap:6px!important;
    margin-top:8px!important;
  }
  .commerce-v2-spotlight-meta strong{font-size:1rem!important}
  .commerce-v2-spotlight-meta span{
    font-size:.58rem!important;
    padding:4px 6px!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .commerce-v2-spotlight-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin-top:9px!important;
  }
  .commerce-v2-spotlight-actions .btn{
    min-width:0!important;
    min-height:36px!important;
    padding:8px 7px!important;
    border-radius:11px!important;
    font-size:.7rem!important;
  }

  /* Market: three compact actionable rows instead of giant tiles */
  .commerce-v2-market-card{
    padding:18px!important;
    border-radius:22px!important;
    gap:15px!important;
  }
  .commerce-v2-market-copy h2{
    font-size:1.48rem!important;
    line-height:1.08!important;
    margin-bottom:8px!important;
  }
  .commerce-v2-market-copy p{
    font-size:.82rem!important;
    line-height:1.42!important;
    margin-bottom:12px!important;
  }
  .commerce-v2-market-copy .btn{
    min-height:40px!important;
    padding:9px 13px!important;
    font-size:.78rem!important;
    border-radius:12px!important;
  }
  .commerce-v2-market-mosaic{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    overflow:visible!important;
  }
  .commerce-v2-market-mosaic a,
  .commerce-v2-market-mosaic span{
    min-width:0!important;
    min-height:62px!important;
    padding:10px 12px!important;
    border-radius:15px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 20px!important;
    align-items:center!important;
    gap:9px!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#fff!important;
    text-decoration:none!important;
  }
  .commerce-v2-market-mosaic b{
    font-size:1.05rem!important;
    line-height:1!important;
    align-self:center!important;
  }
  .commerce-v2-market-mosaic strong{
    display:block!important;
    font-size:.78rem!important;
    line-height:1.15!important;
  }
  .commerce-v2-market-mosaic small{
    display:block!important;
    margin-top:2px!important;
    color:#cdd9e8!important;
    font-size:.62rem!important;
    line-height:1.15!important;
  }
  .commerce-v2-market-mosaic .commerce-v2-market-arrow{
    justify-self:end!important;
    font-size:1rem!important;
  }

  /* Preserve breathing room around commercial sections */
  .commerce-v2-hero{padding-bottom:5px!important}
  .commerce-v2-market-section{padding-top:18px!important}
}