/* V4.6.9.21 iPad portrait detail title fix */
/* Fix the absurdly narrow detail hero title on iPad portrait. */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
  body.tablet-shell:not(.phone-shell) .detail-hero-main{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.tablet-shell:not(.phone-shell) .detail-hero-actions{
    justify-content: flex-start !important;
  }

  body.tablet-shell:not(.phone-shell) .detail-hero-title{
    max-width: none !important;
    width: 100% !important;
    font-size: clamp(26px, 4.2vw, 40px) !important;
    line-height: 1.08 !important;
    text-wrap: balance;
  }

  body.tablet-shell:not(.phone-shell) .detail-wrap,
  body.tablet-shell:not(.phone-shell) .detail-wrap-v420{
    max-width: none !important;
  }
}