/* MyGraduationBanner Phase 1D: direct image elements, CSS cache-busted via index.php. */
.hero-grad,.hero-products {position:relative;overflow:hidden;background-color:#f4e6ed}
.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-grad .hero-photo{object-position:center 36%}
.hero-products .hero-photo{object-position:center center}
@media(max-width:700px){
  .hero{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;min-height:0!important;overflow:hidden!important;background:#fff6fb!important}
  .hero-copy{order:0!important;flex:0 0 100%!important;width:100%!important;min-width:0!important;display:flex!important;z-index:1!important;padding:28px 21px 25px!important;background:linear-gradient(145deg,#fffaff,#fff1f8)!important}
  .hero-grad,.hero-products{order:1!important;flex:0 0 50%!important;width:50%!important;height:clamp(170px,51vw,245px)!important;min-height:0!important;max-height:245px!important;background-image:none!important;grid-area:auto!important}
  .hero-products{order:2!important}
  .hero-grad .hero-photo{object-position:center 26%!important}
  .hero-products .hero-photo{object-position:58% center!important}
  .hero h1{font-size:clamp(36px,10vw,49px)!important;line-height:1.08!important;margin:15px 0 12px!important}
  .hero-copy p{font-size:14px!important;line-height:1.55!important}
  .proof{margin-top:19px!important;gap:8px!important;flex-wrap:wrap!important}
  .searchsection{margin:0 auto!important;padding:14px 13px 22px!important}
  .search-card{padding:20px 16px!important;box-shadow:0 6px 21px rgba(20,34,71,.09)!important}
  .searchform{display:flex!important;flex-direction:column!important;height:auto!important;overflow:visible!important;border:0!important;gap:8px!important;background:transparent!important}
  .searchform input{min-height:50px!important;width:100%!important;border:1px solid #dce3ef!important;background:#fff!important;border-radius:10px!important}
  .searchform button{min-height:47px!important;border-radius:10px!important}
  .categories{margin-top:0!important;padding-top:25px!important}
}