/* Jealash V11.50 — mobile/header + privacy-photo + reviews launch fixes */

/* ---------- Header: reliable desktop rhythm and contained review badge ---------- */
.hdr .wrap{box-sizing:border-box;overflow:visible!important}
.hdr-rating{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:0!important;
  width:auto!important;
  height:40px!important;
  padding:0 12px!important;
  border:1px solid #e5d6c3!important;
  border-radius:999px!important;
  background:#fff!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  color:var(--body)!important;
  flex:0 0 auto!important;
  line-height:1!important;
}
.hdr-rating .stars{display:inline-block!important;line-height:1!important;color:#F5A623!important;font-size:.76rem!important;letter-spacing:-1.2px!important}
.hdr-rating [data-google-review-count]{display:inline-block!important;line-height:1!important;font-size:.76rem!important}

@media (min-width:961px){
  .hdr .wrap{gap:10px!important}
  .nav{margin-left:auto!important;min-width:0!important;column-gap:6px!important}
  .nav>a{padding-left:8px!important;padding-right:8px!important}
}
@media (min-width:961px){.hdr-rating{display:inline-flex!important}}
@media (min-width:961px) and (max-width:1080px){.hdr-rating{display:none!important}}
@media (min-width:961px) and (max-width:1180px){
  .hdr-cta{display:none!important}
  .nav{column-gap:3px!important}
  .nav>a,.nav>.nav-group .nav-parent-row>.nav-parent-link{font-size:.82rem!important;padding-left:6px!important;padding-right:6px!important}
}

/* ---------- Mobile header: logo left, hamburger safely inside viewport ---------- */
@media (max-width:960px){
  .hdr .wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    align-items:center!important;
    gap:8px!important;
    min-height:64px!important;
    padding-left:max(16px,env(safe-area-inset-left))!important;
    padding-right:max(12px,env(safe-area-inset-right))!important;
  }
  .hdr .logo{min-width:0!important;max-width:calc(100vw - 84px)!important;overflow:hidden!important}
  .hdr-rating,.hdr-cta{display:none!important}
  .burger{
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    align-self:center!important;
    width:44px!important;
    height:44px!important;
    padding:10px!important;
    margin:0!important;
    box-sizing:border-box!important;
    position:relative!important;
    right:auto!important;
  }
  .burger span{width:24px!important}
  .nav{
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:100vw!important;
    left:0!important;
    right:0!important;
    padding-left:max(16px,env(safe-area-inset-left))!important;
    padding-right:max(16px,env(safe-area-inset-right))!important;
    overflow-x:hidden!important;
    white-space:normal!important;
  }
}

/* ---------- Home graduate wall: preserve faces + full portrait frame ---------- */
.student-gratitude .graduate-wall{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:10px!important;
}
.student-gratitude .graduate-wall figure{
  grid-column:auto!important;
  grid-row:auto!important;
  aspect-ratio:9/16!important;
  margin:0!important;
  overflow:hidden!important;
  background:#f6f0e8!important;
}
.student-gratitude .graduate-wall img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  background:#f6f0e8!important;
}
.student-gratitude .graduate-wall figure:hover img{transform:none!important}
@media (max-width:1099px){.student-gratitude .graduate-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:699px){
  .student-gratitude .graduate-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .student-gratitude .graduate-wall figure,.student-gratitude .graduate-wall figure:nth-child(3n){grid-column:auto!important;aspect-ratio:9/16!important;border-radius:13px!important}
}

/* ---------- Reviews: article feature should read as a feature, not a tiny logo ---------- */
.reviews-msn-proof .proof-quote{
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
  gap:28px!important;
  align-items:center!important;
}
.reviews-msn-proof .msn-feature-media{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 16px 34px rgba(0,0,0,.14)!important;
}
.reviews-msn-proof .msn-feature-media a{display:block!important}
.reviews-msn-proof .msn-feature-media img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;border-radius:22px!important}
@media (max-width:780px){
  .reviews-msn-proof .proof-quote{grid-template-columns:1fr!important;gap:18px!important}
  .reviews-msn-proof .msn-feature-media{width:100%!important;max-width:620px!important;margin-inline:auto!important}
  .reviews-msn-proof blockquote{font-size:1.08rem!important}
}

/* ---------- Reviews graduate cards: enough room for portrait photos on phones ---------- */
[data-v1125-proof="reviews-graduate-wall"] .media-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:860px!important;margin-inline:auto!important;gap:16px!important}
[data-v1125-proof="reviews-graduate-wall"] .media-proof-card.portrait img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:9/16!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f6f0e8!important;
}
@media (max-width:620px){
  [data-v1125-proof="reviews-graduate-wall"] .media-proof-grid{grid-template-columns:1fr!important;max-width:430px!important;gap:14px!important}
  [data-v1125-proof="reviews-graduate-wall"] .media-proof-card{border-radius:18px!important}
  [data-v1125-proof="reviews-graduate-wall"] .media-proof-card.portrait img{aspect-ratio:auto!important;max-height:none!important}
}

/* ---------- Models treatment carousel: portrait reel rhythm ---------- */
#model-treatment-gallery .carousel-track{gap:5px!important}
#model-treatment-gallery .carousel-card video{aspect-ratio:9/16!important;object-fit:cover!important;height:auto!important}

/* ---------- Policy short version ---------- */
.policy-short-version .prob-card{height:100%}
.policy-short-version .prob-card h3{line-height:1.28}
.policy-short-version .prob-card p{line-height:1.65}

/* ---------- Lash Pods: sharper brand statement ---------- */
.pod-difference{padding:clamp(48px,6vw,76px) 0;background:var(--green-soft)}
.pod-difference-card{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--sand-line);border-radius:26px;padding:clamp(24px,4vw,40px);box-shadow:var(--shadow-sm)}
.pod-difference-card .eyebrow{margin-bottom:10px}
.pod-difference-card h2{max-width:18ch;margin-bottom:14px}
.pod-difference-card p{max-width:72ch;color:var(--muted);line-height:1.75}
.pod-difference-card .pod-feature-note{margin-top:18px;padding-top:18px;border-top:1px solid var(--sand-line);font-size:.92rem}

/* ---------- Generic mobile polish ---------- */
@media (max-width:620px){
  .proof-head{margin-bottom:20px!important}
  .proof-head h2{line-height:1.08!important}
  .media-proof-card figcaption,.carousel-card figcaption{line-height:1.5!important}
  .facts-grid{gap:12px!important}
}