/* Approved Hair Salon CTA: the photograph continues behind smoked maroon glass. */
body.industry-template #salon-page .bk-photo-cta .bk-demo-card{
  position:relative;
  isolation:isolate;
}
body.industry-template #salon-page .bk-photo-cta .bk-demo-card::before{
  content:"";
  position:absolute;
  inset:0 7px;
  z-index:0;
  border-radius:30px 30px 32px 32px;
  background:#4a211f var(--industry-cta-photo) center / cover no-repeat;
  filter:blur(14px);
  clip-path:inset(0 round 30px 30px 32px 32px);
  pointer-events:none;
}
body.industry-template #salon-page .bk-photo-cta .bk-demo-image{
  position:relative;
  z-index:1;
}
body.industry-template #salon-page .bk-photo-cta .bk-demo-copy{
  position:relative;
  z-index:2;
  overflow:hidden;
  background:linear-gradient(125deg,#430e28eb,#290915ed);
  border:1px solid #fff0e96b;
  box-shadow:inset 0 1px 0 #ffffff24,0 16px 42px -30px #40102570;
  color:#fff6ef;
  text-align:center;
  -webkit-backdrop-filter:blur(12px) saturate(.85);
  backdrop-filter:blur(12px) saturate(.85);
}
body.industry-template #salon-page .bk-photo-cta .bk-demo-copy::before{
  content:none;
}
body.industry-template #salon-page .bk-photo-cta h2{
  margin-inline:auto;
  color:#fff6ef;
  text-align:center;
  text-shadow:none;
}
body.industry-template #salon-page .bk-photo-cta .bk-demo-actions{
  justify-content:center;
}
body.industry-template #salon-page .bk-photo-cta .bk-demo-actions .bk-button,
body.industry-template #salon-page .bk-photo-cta .bk-demo-actions .bk-button:is(:hover,:focus-visible,:active){
  text-decoration:none;
  background-origin:border-box;
  background-repeat:no-repeat;
}
body.industry-template #salon-page .bk-photo-cta .bk-demo-actions .bk-button.outline{
  background:#320b1e33;
  color:#fff6ef;
  border:1px solid #fff0e9b3;
}
body.industry-template #salon-page .bk-photo-cta .bk-demo-actions .bk-button:focus-visible{
  outline:3px solid #ffcd9e;
  outline-offset:4px;
}
@media(min-width:701px){
  body.industry-template #salon-page .bk-photo-cta>.bk-wrap{width:min(740px,calc(100% - 64px))}
  body.industry-template #salon-page .bk-photo-cta .bk-demo-image{height:350px}
  body.industry-template #salon-page .bk-photo-cta .bk-demo-copy{padding:40px 44px}
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body.industry-template #salon-page .bk-photo-cta .bk-demo-copy{
    background:linear-gradient(125deg,#4a102aa8,#290915c7);
  }
}
@media(hover:hover) and (pointer:fine){
  body.industry-template #salon-page .bk-photo-cta .bk-demo-actions .bk-button.outline:hover{
    background:#fff0e914;
    border-color:#fff0e9;
  }
}
@media(max-width:700px){
  body.industry-template #salon-page .bk-photo-cta .bk-demo-card::before{
    inset-inline:3px;
    border-radius:23px 23px 25px 25px;
    clip-path:inset(0 round 23px 23px 25px 25px);
  }
  body.industry-template #salon-page .bk-photo-cta .bk-demo-actions{
    flex-wrap:wrap;
  }
  body.industry-template #salon-page .bk-photo-cta .bk-demo-actions .bk-button{
    flex:1 1 120px;
    min-width:0;
  }
}