/* Shared industry layout: quiet navigation, compact icons and a continuous brand blend. */
body.industry-template #salon-page{--salon-accent:#ffb77c;--salon-feature-selection:#f5b7d0;--salon-muted:#bd8e9e;--industry-header-inset:max(5vw,calc((100vw - 1400px)/2));--salon-header-word-x:calc(var(--industry-header-inset) + 136px)}
body.industry-template #salon-page .bk-centered-hero .bk-hero-copy{max-width:940px;text-align:center}
body.industry-template #salon-page .bk-centered-hero h1{max-width:940px;margin-inline:auto;text-wrap:balance}
body.industry-template #salon-page .bk-centered-hero .bk-eyebrow{letter-spacing:.08em}
body.industry-template #salon-page .bk-centered-hero .bk-hero-shade{background:linear-gradient(180deg,#fffcf9f5 0%,#fffcf9e6 18%,#fffcf9c4 34%,#fffcf947 50%,#fffcf900 65%)}
body.industry-template #salon-page .bk-centered-hero .bk-divider{height:56px}
body.industry-template #salon-page .bk-day.bk-visual-guide{padding-bottom:64px}
body.industry-template #salon-page .bk-visual-guide .bk-day-heading{margin-bottom:46px}
body.industry-template #salon-page .bk-visual-guide h2{font-size:26px;line-height:1.3;letter-spacing:-.025em}
body.industry-template #salon-page .bk-guide-art{height:96px}
body.industry-template #salon-page .bk-guide-art img{display:block;width:96px;height:96px;object-fit:contain}
body.industry-template #salon-page .bk-guide-grid>li:not(:last-child):after{top:43px;opacity:.5}
body.industry-template #salon-page .bk-guide-caption{margin-top:16px}
body.industry-template #salon-page .bk-visual-guide h2{color:#191719}
body.industry-template #salon-page .bk-guide-caption h3{font-size:18px;line-height:1.4;margin-bottom:7px;font-weight:700;color:#191719}
body.industry-template #salon-page .bk-guide-caption p{font-size:14px;line-height:1.6;color:#191719}
body.industry-template #salon-page .bk-brand-band{--salon-glow-y:80px;--salon-glow-radius:370px;margin-top:40px;padding-top:240px;border-radius:0;background-color:#21000b;background-image:linear-gradient(180deg,#fffcfb 0%,#fffcfbf0 6%,#fffcfb99 16%,#fffcfb26 30%,#21000b33 43%,#21000b99 65%,#21000b 100%),radial-gradient(ellipse 76% var(--salon-glow-radius) at 24% var(--salon-glow-y),#f768a9 0%,#d83b7ec4 30%,#87234633 72%,#87234600 100%),radial-gradient(ellipse 70% var(--salon-glow-radius) at 100% var(--salon-glow-y),#ffd3adf5 0%,#e79d7f99 30%,#b25c4d26 72%,#b25c4d00 100%);background-size:100% 520px;background-position:center top;background-repeat:no-repeat}
body.industry-template #salon-page .bk-brand-band .bk-trust{width:100%;max-width:none;margin:0;padding:44px max(48px,calc((100% - 1200px)/2)) 46px;border-radius:0;background:transparent;color:#fff4ef}
body.industry-template #salon-page .bk-brand-band .bk-trust h2{color:#fff4ef;margin-bottom:32px}
body.industry-template #salon-page .bk-trust .bk-logo-slider{max-width:1200px;margin-inline:auto;padding:14px 0;border-radius:0;background:transparent}
body.industry-template #salon-page .bk-trust .bk-client-mark{background-color:#fff0e9;opacity:.92}
body.industry-template #salon-page .bk-trust .bk-logo-group{gap:40px;padding-right:40px;align-items:center}
body.industry-template #salon-page .bk-trust .bk-client-mark{flex-basis:116px;width:116px;height:44px}
body.industry-template #salon-page .bk-trust .bk-client-honey-bakeshop{flex-basis:128px;width:128px}
body.industry-template #salon-page .bk-trust .bk-client-arc{flex-basis:52px;width:52px}
body.industry-template #salon-page .bk-trust .bk-client-antill{flex-basis:58px;width:58px}
body.industry-template #salon-page .bk-trust .bk-logo-slider:focus-visible{outline-color:#ffb7d5}
body.industry-template #salon-page .bk-brand-band .bk-features{margin-top:0;padding-top:110px;border-radius:0;background:transparent}
body.industry-template #salon-page .bk-brand-band .bk-features>.bk-wrap{width:calc(100% - var(--salon-header-word-x) - var(--industry-header-inset));margin-left:var(--salon-header-word-x);margin-right:0}
/* Selection is carried by the lettering and complete vector marks, with no tile. */
body.industry-template #salon-page .bk-tab-highlight{display:none}
body.industry-template #salon-page .bk-tab{color:var(--salon-muted);font-weight:400;background:none;border-color:transparent;border-radius:0;padding-inline:0;gap:14px}
body.industry-template #salon-page .bk-tab[aria-selected="true"]{color:var(--salon-feature-selection);font-weight:700;background:none;border-color:transparent}
body.industry-template #salon-page .bk-tab:hover{color:#ffe0ec;background:none}
body.industry-template #salon-page .bk-tab[aria-selected="true"]:hover{color:var(--salon-feature-selection)}
body.industry-template #salon-page .bk-tab:focus-visible{outline-color:var(--salon-feature-selection);outline-offset:4px;border-radius:3px}
body.industry-template #salon-page .hair-feature-icon{display:block;width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;background:none;overflow:visible}
body.industry-template #salon-page .bk-tab .hair-feature-icon{width:22px;height:22px;flex-basis:22px;stroke:currentColor;stroke-width:1.6}
body.industry-template #salon-page .bk-feature-copy a{color:var(--salon-accent);border:0;text-decoration:none;padding-bottom:0}
body.industry-template #salon-page .bk-feature-copy a:hover{color:#ffe4d1}
body.industry-template #salon-page .bk-feature-panel{gap:24px}
body.industry-template #salon-page .bk-feature-panel .bk-feature-copy p{font-size:12px;line-height:1.7}
body.industry-template #salon-page .bk-feature-panel .bk-feature-copy a{font-size:12px}
body.industry-template #salon-page .workflow-links a{gap:12px}
body.industry-template #salon-page .workflow-links .hair-feature-icon{width:20px;height:20px;flex-basis:20px}
body.industry-template #salon-page .workflow-directory>.workflow-group:first-child{border-top:0}
body.industry-template #salon-page .bk-demo-actions .bk-button{text-decoration:none}
/* Smaller FAQ type, with generous hit areas and quieter dividing rules. */
body.industry-template #salon-page .bk-faq.ay-faq-section h2{font-size:26px;line-height:1.3;margin-bottom:28px}
body.industry-template #salon-page .bk-faq .ay-faq-list .ay-faq-item{border-color:#e9dfe3}
body.industry-template #salon-page .bk-faq .ay-faq-list .ay-faq-item:first-child{border-top:0}
body.industry-template #salon-page .bk-faq .ay-faq-list .ay-faq-question{font-size:15px;line-height:1.6;min-height:64px;padding-block:20px;font-weight:500}
body.industry-template #salon-page .bk-faq .ay-faq-question::after{top:27px;border-width:0 1.4px 1.4px 0}
body.industry-template #salon-page .bk-faq .ay-faq-answer p{font-size:14px;line-height:1.8}
body.industry-template #salon-page .bk-faq .ay-faq-answer{padding-bottom:22px}
body.industry-template #salon-page .bk-photo-cta h2{font-size:clamp(28px,3vw,40px);line-height:1.2}
@media(min-width:701px){
 body.industry-template #salon-page .bk-features>.bk-wrap{display:grid;grid-template-columns:235px minmax(0,1fr);column-gap:148px;align-items:start;padding-left:0}
 body.industry-template #salon-page .bk-features #bk-feature-heading{grid-column:1;grid-row:1;margin-bottom:30px;white-space:nowrap;width:max-content}
 body.industry-template #salon-page .bk-desktop-features{display:contents}
 body.industry-template #salon-page .bk-tabs{grid-column:1;grid-row:2;gap:6px}
 body.industry-template #salon-page .bk-feature-panel{grid-column:2;grid-row:1 / span 3;align-self:start}
}
@media(min-width:701px) and (max-width:1100px){
 body.industry-template #salon-page .bk-features>.bk-wrap{grid-template-columns:205px minmax(0,1fr);column-gap:34px;padding-left:0}
 body.industry-template #salon-page .bk-features #bk-feature-heading{grid-column:1 / -1;grid-row:1}
 body.industry-template #salon-page .bk-tabs{grid-row:2}
 body.industry-template #salon-page .bk-feature-panel{grid-row:2 / span 2}
}
@media(max-width:820px){
 body.industry-template #salon-page{--industry-header-inset:7vw}
}
@media(max-width:700px){
 body.industry-template #salon-page{--salon-header-word-x:63px}
 body.industry-template #salon-page .bk-centered-hero .bk-divider{height:42px}
 body.industry-template #salon-page .bk-day.bk-visual-guide{padding-bottom:48px}
 body.industry-template #salon-page .bk-visual-guide h2{font-size:24px}
 body.industry-template #salon-page .bk-brand-band{--salon-glow-y:48px;--salon-glow-radius:310px;margin-top:32px;padding-top:190px;background-size:100% 440px}
 body.industry-template #salon-page .bk-brand-band .bk-trust{padding:36px 20px 38px}
 body.industry-template #salon-page .bk-brand-band .bk-features{padding-top:94px}
 body.industry-template #salon-page .bk-brand-band .bk-features>.bk-wrap{width:calc(100% - var(--salon-header-word-x) - 20px)}
 body.industry-template #salon-page .bk-centered-hero .bk-hero-shade{background:linear-gradient(180deg,#fffcf9f5 0%,#fffcf9e6 24%,#fffcf9c4 39%,#fffcf947 55%,#fffcf900 65%)}
 body.industry-template #salon-page .bk-trust .bk-logo-group{gap:28px;padding-right:28px}
 body.industry-template #salon-page .bk-trust .bk-client-mark{flex-basis:100px;width:100px;height:38px}
 body.industry-template #salon-page .bk-trust .bk-client-honey-bakeshop{flex-basis:106px;width:106px}
 body.industry-template #salon-page .bk-trust .bk-client-arc{flex-basis:44px;width:44px}
 body.industry-template #salon-page .bk-trust .bk-client-antill{flex-basis:50px;width:50px}
 body.industry-template #salon-page .bk-feature-panel{padding-left:8px;gap:32px}
 body.industry-template #salon-page .bk-feature-panel .bk-feature-copy p{font-size:13px}
 body.industry-template #salon-page .bk-brand-band .bk-features h2{max-width:none;white-space:nowrap;font-size:clamp(18px,5.5vw,22px)}
 body.industry-template #salon-page .bk-tabs{gap:24px;scrollbar-color:#a46a80 transparent;padding-inline:4px}
 body.industry-template #salon-page .bk-tab{min-height:46px;padding:8px 0;gap:10px}
 body.industry-template #salon-page .bk-faq.ay-faq-section h2{font-size:24px}
 body.industry-template #salon-page .bk-faq .ay-faq-list .ay-faq-question{font-size:14px}
}
@media(max-width:520px){
 body.industry-template #salon-page .bk-guide-grid{gap:24px}
 body.industry-template #salon-page .bk-guide-grid figure{grid-template-columns:76px minmax(0,1fr);gap:18px}
 body.industry-template #salon-page .bk-guide-art,body.industry-template #salon-page .bk-guide-art img{width:76px;height:76px}
 body.industry-template #salon-page .bk-guide-caption{margin-top:0}
 body.industry-template #salon-page .bk-guide-caption h3{font-size:17px}
}
/* Business-specific sprite artwork follows the salon PNG's size and alignment. */
body.industry-template #salon-page .bk-guide-art .industry-workflow-art{display:block;width:96px;height:96px;flex:0 0 96px;background-color:transparent;background-image:var(--workflow-sheet);background-size:200% 200%;background-position:var(--workflow-position);background-repeat:no-repeat}
/* Longer industry names wrap within their column; the approved salon title stays unchanged. */
body.industry-template:not([data-industry="hair-salon"]) #salon-page .bk-features #bk-feature-heading{white-space:normal;width:auto;max-width:100%;text-wrap:balance}
@media(min-width:1101px){
 body.industry-template:not([data-industry="hair-salon"]) #salon-page .bk-features #bk-feature-heading{width:calc(100% + 124px);max-width:calc(100% + 124px)}
}
@media(max-width:520px){
 body.industry-template #salon-page .bk-guide-art .industry-workflow-art{width:76px;height:76px;flex-basis:76px}
}