/* Restore natural proportions for case/product wordmarks on touch-sized screens. */
@media (max-width:900px) {
  .product-detail .detail-logo img { width:auto; max-width:100%; object-fit:contain; }
}

/* Fit category labels inside their own navigation container on narrow phones. */
@media (max-width:600px) {
  .news-nav.pxid-secondary-nav .news-cate {
    width:100%!important; max-width:100%!important; justify-content:space-between!important;
    gap:0!important; overflow:visible!important;
  }
  .news-nav.pxid-secondary-nav .news-cate>li {
    flex:1 1 0!important; min-width:0!important; padding:0!important; margin:0!important;
  }
  .news-nav.pxid-secondary-nav .news-cate>li>a {
    width:100%!important; padding:3px 1px!important; box-sizing:border-box!important;
    font-size:13px!important; line-height:1.2!important; white-space:normal!important;
    justify-content:center!important; text-align:center!important;
  }
  /* Case-story body copy was 9–11px; allow it to be read on phones. */
  .product-detail.case-style .case-design .item-desc,
  .product-detail.case-style .power_system .desc,
  .product-detail.case-style .power_system .system_info p,
  .product-detail.case-style .product_merit .merit_info p {
    font-size:13px!important; line-height:1.45!important;
  }
}

/* The case-story introduction must sit above its image after enlarging the text. */
@media (max-width:600px) {
  .product-detail.case-style .case-design>.case-item:first-of-type>.item-info {
    position:relative!important; top:auto!important; left:auto!important;
    right:auto!important; bottom:auto!important; transform:none!important;
    width:100%!important; margin:0!important; padding:22px 16px 14px!important;
    box-sizing:border-box!important;
  }
}