/* Extra sections used by the detailed industry layouts. Base styles are shared with hair salons. */
.industry-detailed #salon-page .feature-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.industry-page #salon-page .migration-photo,.industry-page #salon-page .booking-photo img{object-position:78% center}
.industry-page #salon-page .feature-visual>.preview-caption{bottom:9px;left:18px;right:auto;max-width:48%;font-size:.75rem;line-height:1.2;text-align:left}
.industry-page #salon-page .feature-visual{height:470px}
.industry-page #salon-page .app-preview{margin-top:10px}
.industry-page #salon-page .app-bar{padding:12px 16px}
.industry-page #salon-page .app-inner{padding:18px}
.industry-page #salon-page .app-heading{margin-bottom:12px}
.industry-page #salon-page .profile-title{margin-bottom:14px}
.industry-page #salon-page .profile-note{padding:10px 12px;margin:8px 0}
.industry-page #salon-page .profile-note:last-child{margin-bottom:0}
.industry-page #salon-page .sample-row{padding-block:11px}
.industry-page #salon-page .receipt-row{padding-block:11px}
.industry-page #salon-page .receipt-total,.industry-page #salon-page .payment-methods{margin-top:16px}
#salon-page .industry-overview{padding:8px 0 90px}
#salon-page .overview-card{padding:45px 48px;border-radius:28px;background:#fff;box-shadow:0 10px 40px #42102907}
#salon-page .overview-card h2{font-size:1.55rem;line-height:1.25;margin-bottom:30px}
#salon-page .overview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 35px;padding:0;margin:0;list-style:none}
#salon-page .overview-list li{display:flex;align-items:start;gap:12px;font-size:1rem}
#salon-page .overview-list i{display:grid;place-items:center;flex:0 0 22px;height:22px;border:1.5px solid #9b3665;border-radius:50%;font-size:.75rem;font-style:normal;color:#9b3665;margin-top:2px}
#salon-page .industry-details{padding:105px 0 10px}
#salon-page .detail-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:90px;align-items:center;margin-bottom:120px}
#salon-page .detail-row:nth-child(even){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
#salon-page .detail-row:nth-child(even) .detail-copy{order:2}
#salon-page .detail-row .salon-eyebrow{margin-bottom:22px;font-size:.75rem;color:#986079}
#salon-page .detail-row h2{font-size:clamp(2rem,3vw,2.7rem);line-height:1.15;margin-bottom:25px}
#salon-page .detail-row .detail-copy>p:not(.salon-eyebrow){font-size:1.075rem;line-height:1.75;color:#66545d;margin-bottom:22px}
#salon-page .detail-row .feature-visual{background:linear-gradient(145deg,#f3dce6,#f9e9df);box-shadow:none}
#salon-page .intake-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f0e8ec;font-size:.875rem}
#salon-page .intake-row>span{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;background:#f3dce6;color:#8b3158;border-radius:50%}
#salon-page .intake-row b,#salon-page .intake-row small{display:block}
#salon-page .intake-row small{color:#75616b;font-size:.75rem}
#salon-page .message-bubble{max-width:86%;padding:12px 15px;border-radius:14px;font-size:.8125rem;line-height:1.45;margin-bottom:13px}
#salon-page .client-message{background:#f3edf0;border-bottom-left-radius:3px}
#salon-page .studio-message{background:#f4dbe6;margin-left:auto;border-bottom-right-radius:3px}
#salon-page .industry-links{padding:25px 0 95px}
#salon-page .industry-links h2{font-size:2rem;text-align:center;margin-bottom:35px}
#salon-page .industry-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
#salon-page .industry-link-grid a{padding:18px;border:1px solid #eadfe5;background:white;border-radius:15px;font-size:.95rem;text-align:center;transition:border-color .2s,color .2s}
#salon-page .industry-link-grid a:hover{border-color:#a54671;color:#a01f54}
#salon-page .industry-link-grid a[aria-current="page"]{background:#f0dce6;border-color:#c189a5;color:#6e2547}
#salon-page .industry-link-grid-small{grid-template-columns:repeat(5,minmax(0,1fr))}
#salon-page .industry-all-link{text-align:center;margin-top:24px}
.industry-category-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 32px;margin:30px 0 0}
.industry-category-links a{font:500 1rem/1.5 'DM Sans',sans-serif;color:#762648;text-decoration:none;border-bottom:1px solid #d8adbf;padding:8px 0}
.industry-category-links a:hover{color:#b61f62;border-color:#b61f62}
.industry-category-links a:focus-visible{outline:3px solid #b61f62;outline-offset:5px}
.industry-hub{scroll-margin-top:105px}
.industry-hub:nth-of-type(even){background:#fff}
.industry-hub{padding:80px 0;background:#faf4f7}
.industry-hub h2{font-family:'DM Sans',sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1.15;color:#2d0313;margin:0 0 20px;letter-spacing:-.04em}
.industry-hub .hub-intro{max-width:680px;font-size:1.1rem;line-height:1.7;color:#66545d;margin-bottom:35px}
.industry-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.industry-hub-grid a{display:flex;flex-direction:column;gap:12px;padding:27px;text-decoration:none;border:1px solid #eadfe5;border-radius:20px;background:white;color:#2d0313;transition:border-color .2s,box-shadow .2s}
.industry-hub-grid a:hover{border-color:#b56d92;box-shadow:0 10px 24px #5210340a}
.industry-hub-grid a:focus-visible{outline:3px solid #b61f62;outline-offset:4px}
.industry-hub-grid b{font:650 1.25rem/1.3 'DM Sans',sans-serif;letter-spacing:-.025em}
.industry-hub-grid span{font:400 .95rem/1.6 'DM Sans',sans-serif;color:#66545d}
.industry-hub-grid em{font-style:normal;font-size:.8rem;font-weight:600;color:#9c305e;margin-top:auto}
@media(max-width:1100px){#salon-page .detail-row{gap:48px}#salon-page .overview-card{padding:36px}.industry-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.industry-detailed #salon-page .feature-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}#salon-page .overview-list{grid-template-columns:repeat(2,minmax(0,1fr))}#salon-page .detail-row,#salon-page .detail-row:nth-child(even){grid-template-columns:1fr;gap:32px;margin-bottom:75px}#salon-page .detail-row:nth-child(even) .detail-copy{order:0}#salon-page .detail-row .feature-visual{width:min(560px,100%)}#salon-page .detail-copy{max-width:600px}#salon-page .industry-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.industry-page #salon-page .feature-visual{height:450px}#salon-page .industry-overview{padding-bottom:55px}#salon-page .overview-card{padding:28px 23px;border-radius:22px}#salon-page .overview-list{grid-template-columns:1fr;gap:17px}#salon-page .overview-card h2{font-size:1.4rem}#salon-page .industry-details{padding-top:65px}#salon-page .detail-row{margin-bottom:65px}#salon-page .detail-row h2{font-size:2rem}#salon-page .detail-row .detail-copy>p:not(.salon-eyebrow){font-size:1rem}#salon-page .industry-links{padding-bottom:65px}#salon-page .industry-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#salon-page .industry-link-grid a{font-size:.875rem;padding:15px 10px}.industry-hub{padding:60px 0}.industry-hub-grid{grid-template-columns:1fr}.industry-hub-grid a{padding:25px}}