/* AUCTION AZ v122 — targeted mobile carousel repair.
   v121 regression: homeCats is .cats (display:flex); its heading and carousel
   became side-by-side, shrinking the carousel to half the screen. */
@media (max-width:700px) {
  #view > .pad:has(#homeCats) {padding-top:8px!important}
  #view #homeCats.cats,
  #view #homeCats.home-cat-fan-host {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 14px!important;
    padding:0!important;
    overflow:visible!important;
    gap:0!important;
  }
  #view #homeCats .v121-category-title {
    display:block!important;
    width:100%!important;
    margin:0 0 10px!important;
    padding:0!important;
    font-size:20px!important;
    line-height:1.25!important;
    text-align:left!important;
    color:#071d49!important;
  }
  #view #homeCats .cat-fan {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 0 4px!important;
    border:1px solid #d9e6f8!important;
    border-radius:15px!important;
    background:#f7faff!important;
    overflow:hidden!important;
    box-shadow:0 3px 12px rgba(9,40,90,.06)!important;
  }
  #view #homeCats .cat-fan-stage {
    position:relative!important;
    width:100%!important;
    height:clamp(154px,calc((100vw - 100px)/3 + 63px),200px)!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    perspective:none!important;
    overflow:hidden!important;
  }
  #view #homeCats .cat-fan-card:not(.active) {
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  #view #homeCats .cat-fan-card.active {
    position:absolute!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    left:50%!important;
    top:0!important;
    bottom:auto!important;
    width:calc(100% - 82px)!important;
    max-width:480px!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    border:1px solid #b9d4f3!important;
    border-radius:12px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 3px 10px rgba(8,60,130,.1)!important;
    opacity:1!important;
    visibility:visible!important;
  }
  #view #homeCats .cat-fan-card.active .cat-fan-photo {
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:3/1!important;
    flex:none!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  #view #homeCats .cat-fan-card.active .cat-fan-photo img {
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  #view #homeCats .cat-fan-card.active .cat-fan-label {
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    flex:none!important;
    margin:0!important;
    padding:6px 8px!important;
    background:#fff!important;
    text-align:center!important;
  }
  #view #homeCats .cat-fan-card.active .cat-fan-label b {
    font-size:clamp(15px,4.1vw,18px)!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    color:#071d49!important;
  }
  #view #homeCats .cat-fan-arrow {
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:32px!important;
    height:40px!important;
    border:1px solid #b9d4f3!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#0869d8!important;
    font-size:28px!important;
    line-height:1!important;
    box-shadow:0 2px 6px rgba(8,60,130,.12)!important;
    z-index:70!important;
  }
  #view #homeCats .cat-fan-arrow.left{left:5px!important}
  #view #homeCats .cat-fan-arrow.right{right:5px!important}
  #view #homeCats .cat-fan-dots {
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    width:100%!important;
    height:20px!important;
    margin:0!important;
    padding:0 8px!important;
    overflow:hidden!important;
  }
  #view #homeCats .cat-fan-dots i{width:5px!important;height:5px!important;flex:0 0 5px!important}
  #view #homeCats .cat-fan-dots i.active{width:15px!important;flex-basis:15px!important}
}
