/* V11.51 — final media + UI corrections */

/* Desktop header: preserve the Reviews pill and remove squeeze points. */
@media (min-width:961px){
  .hdr .wrap{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:10px!important}
  .nav{min-width:0!important;margin-left:0!important;justify-content:flex-end!important;column-gap:3px!important}
  .nav>a,.nav>.nav-group .nav-parent-row>.nav-parent-link{padding-left:6px!important;padding-right:6px!important;white-space:nowrap!important}
  .hdr-rating{grid-column:auto;flex:none!important;white-space:nowrap!important;position:relative!important;z-index:3!important}
  .hdr-cta{flex:none!important;white-space:nowrap!important}
  .burger{display:none!important}
}
@media (min-width:961px) and (max-width:1399px){
  .hdr-cta{display:none!important}
  .hdr .wrap{grid-template-columns:auto minmax(0,1fr) auto!important}
  .nav>a,.nav>.nav-group .nav-parent-row>.nav-parent-link{font-size:.84rem!important;padding-left:5px!important;padding-right:5px!important}
  .hdr-rating{font-size:.78rem!important;padding:9px 12px!important}
}
@media (min-width:961px) and (max-width:1110px){
  .logo{font-size:1.35rem!important}
  .logo small{font-size:.52rem!important;letter-spacing:.12em!important}
  .nav>a,.nav>.nav-group .nav-parent-row>.nav-parent-link{font-size:.78rem!important;padding-left:3px!important;padding-right:3px!important}
  .hdr-rating{padding:8px 10px!important}
}

/* Mobile header: no off-screen hamburger or review badge. */
@media (max-width:960px){
  .hdr .wrap{display:flex!important;width:100%!important;max-width:100%!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}
  .hdr-rating,.hdr-cta{display:none!important}
  .burger{display:flex!important;margin-left:auto!important;position:relative!important;right:auto!important;inset-inline-end:auto!important;flex:0 0 44px!important;width:44px!important;max-width:44px!important}
}

/* Home hero badge: compact supporting fact, not a photo-covering card. */
.hero-media .hero-badge{left:14px!important;bottom:14px!important;max-width:178px!important;padding:11px 13px!important;border-radius:16px!important}
.hero-media .hero-badge .n{font-size:1.55rem!important;line-height:1!important;margin-bottom:4px!important}
.hero-media .hero-badge .t{font-size:.69rem!important;line-height:1.38!important}
@media (max-width:767px){
  .hero-media .hero-badge{position:static!important;max-width:none!important;width:100%!important;margin-top:7px!important;padding:10px 12px!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:10px!important;align-items:center!important}
  .hero-media .hero-badge .n{font-size:1.4rem!important;margin:0!important}
  .hero-media .hero-badge .t{font-size:.72rem!important}
}

/* Brow Lamination media requested in portrait/story format. */
body.page-brow-lamination #results-gallery .carousel-track{gap:5px!important}
body.page-brow-lamination #results-gallery .carousel-card{margin:0!important}
body.page-brow-lamination #results-gallery .carousel-card img,
body.page-brow-lamination #results-gallery .carousel-card video{height:auto!important;aspect-ratio:9/16!important;object-fit:cover!important}
@media (min-width:980px){body.page-brow-lamination #results-gallery .carousel-track{grid-auto-columns:calc((100% - 15px)/4)!important}}
@media (max-width:767px){body.page-brow-lamination #results-gallery .carousel-track{grid-auto-columns:minmax(250px,88%)!important}}

/* Manual-derived visuals: show the whole teaching image rather than cropping it. */
.manual-visual img{object-fit:contain!important;background:#fff!important}

/* Technique tabs: on mobile, show the image before the explanation. */
@media (max-width:767px){
  .tabpanel[data-open]{grid-template-columns:1fr!important}
  .tabpanel[data-open] > div:last-child{order:-1!important}
  .tabpanel[data-open] .ph{margin-bottom:4px!important}
}