/* V27 mobile cleanup — product CTA sizing + compact mobile shop list */

@media (max-width: 820px){
  /* Product detail mobile: make quantity + CTA clean and readable. */
  body.product-clean-v6 .qty-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
    width:100% !important;
  }
  body.product-clean-v6 .qty-control{
    display:grid !important;
    grid-template-columns:56px minmax(0,1fr) 56px !important;
    width:100% !important;
    min-width:0 !important;
    height:58px !important;
    flex:none !important;
  }
  body.product-clean-v6 .qty-control button,
  body.product-clean-v6 .qty-control input{
    width:100% !important;
    height:58px !important;
    font-size:19px !important;
    line-height:1 !important;
  }
  body.product-clean-v6 .qty-row .add-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:58px !important;
    min-height:58px !important;
    padding:0 18px !important;
    text-align:center !important;
    white-space:nowrap !important;
    line-height:1 !important;
    font-size:clamp(16px,4.8vw,20px) !important;
    font-weight:700 !important;
  }
  body.product-clean-v6 .sticky-mobile-cta{display:none !important;}
  body.product-clean-v6 .pc-pairing{
    font-size:clamp(15px,4vw,17px) !important;
    line-height:1.55 !important;
  }

  /* Shop mobile: replace airy broken grid with compact editorial list. */
  body.shop-redesign .shop-catalog-v2{
    padding:44px 0 76px !important;
  }
  body.shop-redesign .shop-status-v2{
    margin:0 0 18px !important;
  }
  body.shop-redesign .product-grid-v2{
    grid-template-columns:1fr !important;
    column-gap:0 !important;
    row-gap:22px !important;
  }
  body.shop-redesign .product-tile-v2{
    display:grid !important;
    grid-template-columns:118px minmax(0,1fr) !important;
    align-items:center !important;
    gap:14px !important;
    padding:0 0 18px !important;
    border-bottom:1px solid rgba(181,124,25,.16) !important;
  }
  body.shop-redesign .product-tile-v2__visual{
    width:118px !important;
    height:150px !important;
    min-height:150px !important;
    aspect-ratio:auto !important;
    overflow:visible !important;
    background:transparent !important;
  }
  body.shop-redesign .product-tile-v2__visual::after{
    display:none !important;
  }
  body.shop-redesign .product-tile-v2__visual img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    transform:none !important;
  }
  body.shop-redesign .product-tile-v2__content{
    min-width:0 !important;
    padding:0 !important;
  }
  body.shop-redesign .product-tile-v2__meta{
    gap:10px !important;
    margin:0 0 6px !important;
    font-size:10px !important;
  }
  body.shop-redesign .product-tile-v2 h2{
    margin:0 0 6px !important;
    font-size:clamp(28px,7.4vw,40px) !important;
    line-height:.95 !important;
  }
  body.shop-redesign .product-tile-v2 p{
    margin:0 0 10px !important;
    min-height:0 !important;
    font-size:14px !important;
    line-height:1.4 !important;
  }
  body.shop-redesign .product-tile-v2__bottom{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
    padding-top:0 !important;
  }
  body.shop-redesign .product-tile-v2__price{
    font-size:clamp(18px,4.6vw,22px) !important;
  }
  body.shop-redesign .product-tile-v2__add{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    width:auto !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
    border-radius:0 !important;
  }
  body.shop-redesign .product-tile-v2__add span:first-child{
    display:inline !important;
    font-size:14px !important;
    font-weight:700 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
  }
  body.shop-redesign .product-tile-v2__add span:last-child{
    width:auto !important;
    height:auto !important;
    border:0 !important;
    font-size:18px !important;
    line-height:1 !important;
  }
}

@media (max-width: 480px){
  body.shop-redesign .product-tile-v2{
    grid-template-columns:100px minmax(0,1fr) !important;
    gap:12px !important;
  }
  body.shop-redesign .product-tile-v2__visual{
    width:100px !important;
    height:132px !important;
    min-height:132px !important;
  }
  body.shop-redesign .product-tile-v2 h2{
    font-size:clamp(22px,8vw,32px) !important;
  }
  body.shop-redesign .product-tile-v2 p{
    font-size:13px !important;
  }
}

/* V28 fix: eliminate oversized mobile gaps in shop list */
@media (max-width: 820px){
  body.shop-redesign .product-grid-v2{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
  }
  body.shop-redesign .product-grid-v2 > .product-tile-v2{
    flex:0 0 auto !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
  }
  body.shop-redesign .product-tile-v2{
    align-items:start !important;
  }
}
@media (max-width: 480px){
  body.shop-redesign .product-grid-v2{gap:16px !important;}
}