/* Shared top-banner geometry for every Laser Clinic detail page. */
:is(
  body.skin-regeneration-figma,
  body.skin-booster-figma,
  body.wedding-figma,
  body.acne-figma,
  body.scar-figma
) main{
  padding-top:var(--global-header-height,127px)!important;
}

:is(
  .skin-regeneration-figma .sr-hero,
  .skin-booster-figma .booster-hero,
  .wedding-figma .wedding-hero,
  .acne-figma .acne-hero,
  .scar-figma .scar-hero
){
  width:calc(100% - 88px)!important;
  height:762px!important;
  margin-top:0!important;
  margin-right:44px!important;
  margin-left:44px!important;
  grid-template-columns:48% 52%!important;
}

:is(
  .skin-regeneration-figma .sr-hero > figure,
  .skin-booster-figma .booster-hero > .hero-image,
  .wedding-figma .wedding-hero > .hero-image,
  .acne-figma .acne-hero > .acne-hero-image,
  .scar-figma .scar-hero > figure
){
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

:is(
  .skin-regeneration-figma .sr-hero > figure img,
  .skin-booster-figma .booster-hero > .hero-image img,
  .wedding-figma .wedding-hero > .hero-image img,
  .acne-figma .acne-hero > .acne-hero-image img,
  .scar-figma .scar-hero > figure img
){
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

@media(max-width:900px){
  :is(
    body.skin-regeneration-figma,
    body.skin-booster-figma,
    body.wedding-figma,
    body.acne-figma,
    body.scar-figma
  ) main{
    padding-top:var(--global-header-height,72px)!important;
  }

  :is(
    .skin-regeneration-figma .sr-hero,
    .skin-booster-figma .booster-hero,
    .wedding-figma .wedding-hero,
    .acne-figma .acne-hero,
    .scar-figma .scar-hero
  ){
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin-top:0!important;
    margin-right:0!important;
    margin-left:0!important;
    border-right:0!important;
    border-left:0!important;
    border-radius:0!important;
    grid-template-columns:1fr!important;
  }

  :is(
    .skin-regeneration-figma .sr-hero > figure,
    .skin-booster-figma .booster-hero > .hero-image,
    .wedding-figma .wedding-hero > .hero-image,
    .acne-figma .acne-hero > .acne-hero-image,
    .scar-figma .scar-hero > figure
  ){
    height:clamp(360px,112vw,500px)!important;
  }
}