/* The approved café arrangement, shared by every listed industry. */
body.industry-template{background:#fff3ee}
body.industry-template #site-footer::before{width:var(--bk-viewport-width,100%)}
/* Selected berry-to-rose CTA, distinct from the deep maroon header. */
#salon-page .bk-photo-cta .bk-demo-copy{background:linear-gradient(135deg,#712848 0%,#8f3e5e 58%,#b25372 100%);border-color:#e1a3ba80;color:#fff5f0;box-shadow:0 18px 40px -26px #67203d50;backdrop-filter:none;-webkit-backdrop-filter:none}
#salon-page .bk-photo-cta .bk-demo-copy::before{background:none}
#salon-page .bk-photo-cta h2{color:#fff5f0;text-shadow:none}
#salon-page .bk-demo-actions .bk-button.outline{background:transparent;color:#fff8f3;border-color:#f4bfd0}
#salon-page .bk-demo-actions .bk-button.outline:hover{background:#ffffff12}
#salon-page .bk-demo-actions .bk-button:focus-visible{outline-color:#fff8f3;outline-offset:4px}
/* Deep maroon showcase with matched headings and boxed feature selection. */
#salon-page .bk-day.bk-visual-guide{padding-bottom:24px}
#salon-page .bk-visual-guide .bk-day-heading{margin-bottom:32px}
#salon-page .bk-guide-art{height:108px}
#salon-page .bk-guide-art svg{width:min(100%,124px)}
#salon-page .bk-guide-grid>li:not(:last-child):after{top:51px}
#salon-page .bk-guide-caption{margin-top:14px}
#salon-page .bk-brand-band{--bk-section-title-size:clamp(22px,2vw,28px);margin-top:24px;padding-bottom:56px;border-radius:28px;background:#21000b;color:#fff4ef}
#salon-page .bk-brand-band .bk-trust{width:min(1200px,calc(100% - 96px));padding:36px 0 0;background:transparent;color:#fff4ef}
#salon-page .bk-brand-band .bk-trust h2,#salon-page .bk-brand-band .bk-features h2{font-size:var(--bk-section-title-size);font-weight:650;line-height:1.3;letter-spacing:-.025em;color:#fff4ef}
#salon-page .bk-brand-band .bk-trust h2{max-width:none;margin:0 auto 32px}
#salon-page .bk-trust .bk-logo-slider{padding:16px 24px;background:transparent;mask-image:none;-webkit-mask-image:none}
#salon-page .bk-trust .bk-client-mark{background:#fff0e9;opacity:.9}
#salon-page .bk-trust .bk-logo-slider:focus-visible{outline:2px solid #ffb7d5;outline-offset:6px}
#salon-page .bk-brand-band .bk-features{max-width:none;margin:88px 0 0;background:transparent;color:#fff4ef;border-radius:0}
#salon-page .bk-brand-band .bk-features h2{margin:0 0 44px}
#salon-page .bk-brand-band .bk-features>.bk-wrap{width:min(1200px,calc(100% - 96px))}
#salon-page .bk-features h2,#salon-page .bk-feature-copy h3{color:#fff4ef}
#salon-page .bk-feature-copy p{color:#e2bfce}
#salon-page .bk-feature-copy a{color:#ffc0d7;border-color:#be7693}
#salon-page .bk-feature-panel .bk-screen-caption,#salon-page #bk-slide-status{color:#d8aebe}
#salon-page .bk-feature-panel .bk-laptop-screen{box-shadow:0 18px 36px -22px #49182f60}
#salon-page .bk-tabs{position:relative;isolation:isolate}
#salon-page .bk-tab{position:relative;z-index:1;color:#e2bfce}
#salon-page .bk-tab .feature-library-icon{background-color:#fff7fa;opacity:.85}
#salon-page .bk-tab-highlight{position:absolute;top:0;left:0;width:100%;height:44px;z-index:0;pointer-events:none;border:1px solid #ffffff45;border-radius:10px;background:#ffffff14;transition:transform 180ms cubic-bezier(.23,1,.32,1),height 180ms cubic-bezier(.23,1,.32,1)}
#salon-page .bk-tabs.is-keyboard .bk-tab-highlight{transition:none}
#salon-page .bk-tab-label,#salon-page .bk-tab[aria-selected=true] .bk-tab-label{transform:none;transition:none}
#salon-page .bk-tab[aria-selected=true]{background:transparent;border-color:transparent;color:#fff4ef;font-weight:650}
#salon-page .bk-tab:focus-visible{outline:2px solid #ffb7d5;outline-offset:3px}
#salon-page .bk-feature-panel .bk-screen-caption{font-size:10px}
#salon-page .bk-feature-panel .bk-screen-caption{display:none}
#salon-page #bk-slide-status{position:absolute;width:1px;height:1px;min-width:0;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#salon-page .bk-feature-panel .bk-screen-content{position:relative}
#salon-page .bk-screen-scene{position:absolute;top:0;left:0;width:714px;height:408px;transform-origin:top left}
#salon-page .industry-screen-inner{height:100%;position:relative;isolation:isolate;overflow:hidden;background:#fff}
#salon-page .industry-screen-inner .preview-caption,#salon-page .industry-screen-inner .booking-phone{display:none}
#salon-page .industry-screen-inner .app-preview{height:100%;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none}
#salon-page .industry-screen-inner .app-bar{min-height:0;height:36px;padding:0 14px}
#salon-page .industry-screen-inner .app-inner{padding:12px 14px}
#salon-page .industry-screen-inner .app-heading{margin-bottom:12px}
#salon-page .industry-screen-inner .sample-row{padding:10px 0}
#salon-page .industry-screen-inner .booking-browser{width:100%;min-height:0;height:100%;margin:0;border:0;border-radius:0;box-shadow:none}
#salon-page .industry-screen-inner .booking-layout{min-height:0;height:calc(100% - 30px)}
#salon-page .industry-screen-inner .booking-menu{padding:12px}
#salon-page .industry-screen-inner .booking-menu>span{padding:8px 0}
#salon-page .industry-screen-inner .booking-photo{min-height:0}
#salon-page .industry-screen-inner .booking-photo img{height:100%;object-fit:cover}
#salon-page .industry-screen-inner .schedule-table{font-size:10px;gap:6px}
#salon-page .industry-screen-inner .appointment{min-height:50px;padding:9px}
#salon-page .industry-screen-inner .profile-note{padding:9px 12px;margin:8px 0}

@media(min-width:701px){
 #salon-page .bk-features{padding:0 0 30px}
 #salon-page .bk-desktop-features{grid-template-columns:235px minmax(0,1fr);gap:10px 35px;align-items:start}
 #salon-page .bk-tabs{gap:5px;grid-row:1/3}
 #salon-page .bk-tab{min-height:44px;height:44px;padding:5px 10px;font-size:12px;gap:10px}
 #salon-page .bk-tab .feature-library-icon{width:30px;height:30px;flex-basis:30px}
 #salon-page .bk-feature-panel{width:min(100%,840px);justify-self:end;gap:16px;min-height:0;overflow-anchor:none}
 #salon-page .bk-feature-panel .bk-laptop{width:100%;max-width:none;flex:none;animation:none;transition:none;transform:none}
 #salon-page .bk-feature-panel .bk-screen-content{height:auto;min-height:0;aspect-ratio:7 / 4}
 #salon-page .bk-feature-panel .bk-feature-copy{min-height:140px;padding:0}
 #salon-page .bk-feature-panel h3{font-size:22px;line-height:1.25;letter-spacing:-.025em}
 #salon-page .bk-feature-panel .bk-feature-copy p{font-size:13px;line-height:1.5;margin:8px 0 10px;max-width:630px}
 #salon-page .bk-feature-panel .bk-feature-copy a{font-size:12px;padding-bottom:4px}
 #salon-page .bk-feature-status{font-size:10px;line-height:1.5}
}
@media(min-width:701px) and (max-width:1000px){
 #salon-page .bk-desktop-features{grid-template-columns:205px minmax(0,1fr);column-gap:22px}
 #salon-page .bk-guide-art{height:96px}
}
@media(hover:hover) and (pointer:fine){
 #salon-page .bk-tab:hover{background:transparent}
 #salon-page .bk-tab:hover .bk-tab-label{transform:none}
}
@media(max-width:700px){
 #salon-page .bk-brand-band{--bk-section-title-size:22px;margin-top:16px;padding-bottom:36px}
 #salon-page .bk-brand-band .bk-trust{width:calc(100% - 40px);padding:28px 0 0}
 #salon-page .bk-brand-band .bk-trust h2{max-width:340px;margin-bottom:28px}
 #salon-page .bk-trust .bk-logo-slider{padding:14px 18px}
 #salon-page .bk-brand-band .bk-features{margin-top:64px;border-radius:0;padding:0 0 30px}
 #salon-page .bk-brand-band .bk-features h2{margin-bottom:34px}
 #salon-page .bk-brand-band .bk-features>.bk-wrap{width:calc(100% - 40px)}
 #salon-page .bk-tab-highlight{display:none}
 #salon-page .bk-tab{background:#ffffff08}
 #salon-page .bk-tab[aria-selected=true]{background:#ffffff14;border-color:#ffffff45}
 #salon-page .bk-tabs{scrollbar-color:#b97190 transparent}
 #salon-page .bk-feature-panel{overflow-anchor:none}
 #salon-page .bk-feature-panel .bk-screen-content{height:auto;min-height:0;aspect-ratio:7 / 4}
 #salon-page .bk-feature-panel .bk-feature-copy{min-height:220px}
 #salon-page .industry-screen-inner .app-inner{padding:12px}
}
@media(max-width:520px){
 #salon-page .bk-guide-grid figure{grid-template-columns:72px minmax(0,1fr)}
 #salon-page .bk-guide-art{height:72px}
 #salon-page .bk-guide-caption{margin-top:0}
}
@media(prefers-reduced-motion:reduce){#salon-page .bk-tab-highlight{transition:none}}