/* OceanofTools image UI final overrides — 2026-08-09 */
.image-suite-page main > .is-hero.oot-image-hero-card{
  width:min(1120px,calc(100% - 32px))!important;
  max-width:1120px!important;
  margin:28px auto 22px!important;
  padding:46px 42px 38px!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 90% 16%,rgba(59,130,246,.24),transparent 34%),
    linear-gradient(105deg,#10203f 0%,#142a50 52%,#183b68 100%)!important;
  box-shadow:0 24px 58px rgba(7,20,38,.17)!important;
  text-align:left!important;
  color:#fff!important;
}
.image-suite-page main > .is-hero.oot-image-hero-card:before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 46%)!important;
}
.image-suite-page .oot-image-hero-card > *{position:relative;z-index:1}
.image-suite-page .oot-image-hero-card .is-hero-icon{
  width:auto!important;height:auto!important;display:block!important;margin:0 0 18px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  color:inherit!important;font-size:3rem!important;line-height:1!important;text-align:left!important;
}
/* Match the simpler hero shown on the legacy photo filter page. */
.image-suite-page .oot-image-hero-card .is-eyebrow,.image-suite-page .oot-image-hero-card .is-badges{display:none!important}
.image-suite-page .oot-image-hero-card h1{
  max-width:900px!important;margin:0 0 16px!important;text-align:left!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;
  font-size:clamp(2.35rem,4.6vw,4rem)!important;line-height:1.02!important;letter-spacing:-.05em!important;font-weight:900!important;
}
.image-suite-page .oot-image-hero-card > p:not(.is-eyebrow){
  max-width:880px!important;margin:0!important;text-align:left!important;color:#d4deed!important;
  font-size:clamp(.98rem,1.7vw,1.1rem)!important;line-height:1.7!important;
}
/* Legacy image pages use .hero: keep the same rounded-card language. */
body.oot-modern.oot-legacy-image-tool > .hero,body.oot-modern.oot-legacy-image-tool main > .hero{
  width:min(1120px,calc(100% - 32px))!important;max-width:1120px!important;margin:28px auto 22px!important;
  border-radius:30px!important;overflow:hidden!important;
}
@media(max-width:780px){
  .image-suite-page main > .is-hero.oot-image-hero-card{width:calc(100% - 20px)!important;margin:18px auto 16px!important;padding:30px 22px 27px!important;border-radius:23px!important}
  .image-suite-page .oot-image-hero-card .is-hero-icon{font-size:2.5rem!important;margin-bottom:14px!important}
  .image-suite-page .oot-image-hero-card h1{font-size:clamp(2rem,9vw,3rem)!important}
  body.oot-modern.oot-legacy-image-tool > .hero,body.oot-modern.oot-legacy-image-tool main > .hero{width:calc(100% - 20px)!important;margin:18px auto 16px!important;border-radius:23px!important}
}