/* HairSync mobile-first enhancement v1.0 — scoped to existing markup. */
:root{--hsm-accent:#6d28d9;--hsm-ink:#251636;--hsm-muted:#655c72;--hsm-bg:#faf8fe;--hsm-line:#e9e3f2}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{overflow-x:hidden}#main-content{min-width:0}#main-content *,#main-content *::before,#main-content *::after{box-sizing:border-box}#main-content img{max-width:100%;height:auto}#main-content .hsp-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}#main-content .hsp-btn,#main-content .hsps-button,#main-content .hsar-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;text-decoration:none;touch-action:manipulation}#main-content input,#main-content select,#main-content textarea{max-width:100%;font-size:16px}#main-content :is(a,button,input,select,textarea):focus-visible{outline:3px solid #a78bfa;outline-offset:3px}#main-content .hsp-card,#main-content .hsp-pro-card{min-width:0}#main-content .hsp-card p,#main-content .hsp-pro-card p{overflow-wrap:anywhere}#main-content .hsp-tags{display:flex;flex-wrap:wrap;gap:8px}#main-content .hsp-page-actions{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:767px){
 body{max-width:100vw}#main-content{background:var(--hsm-bg)}
 #main-content .hsp-container{width:calc(100% - 28px)!important;max-width:none!important}
 #main-content :is(.hsp-hero,.hsp-page-hero){padding:34px 0 32px!important}
 #main-content :is(.hsp-hero-grid,.hsp-grid,.hs14-service-grid,.hsp-stats-grid,.hs15-kpi-grid,.hs15-appointments-grid,.hs15-checkout-grid){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
 #main-content :is(.hsp-hero h1,.hsp-page-hero h1){font-size:clamp(1.85rem,8vw,2.6rem)!important;line-height:1.12!important;overflow-wrap:anywhere}
 #main-content :is(.hsp-section,.hsps-section){padding-top:26px!important;padding-bottom:32px!important}
 #main-content .hsp-section-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px}#main-content .hsp-section-head h2{font-size:1.45rem;line-height:1.25}
 #main-content :is(.hsp-card,.hsp-pro-card,.hsp-form-card,.hs15-order-summary,.hs15-client-appt){border-radius:18px!important;box-shadow:0 8px 24px rgba(55,31,93,.07)!important;padding:18px!important}
 #main-content .hsp-pro-card{padding:0!important;overflow:hidden}#main-content .hsp-pro-body{padding:18px!important}
 #main-content .hsp-pro-media{height:190px;overflow:hidden}#main-content .hsp-pro-media img{width:100%;height:100%;object-fit:cover}
 #main-content .hsp-card-footer{display:flex;flex-direction:column;align-items:stretch!important;gap:14px!important}#main-content .hsp-card-footer .hsp-btn{width:100%;min-height:48px}
 #main-content :is(.hsp-search,.hsps-form){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 #main-content .hsp-search input,#main-content .hsp-search select{width:100%;min-height:48px}
 #main-content .hsp-search .hsp-btn,#main-content .hsp-page-actions .hsp-btn{width:100%}
 #main-content .hsp-page-actions{display:grid!important;grid-template-columns:1fr!important}
 #main-content .hsp-tags{gap:7px}#main-content .hsp-pill{font-size:.78rem;white-space:normal;overflow-wrap:anywhere}
 #main-content .hsp-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#main-content .hsp-stat{padding:15px!important;text-align:center}
 #main-content .hsp-showcase{margin-top:8px}#main-content .hsp-showcase-item{gap:12px}
 #main-content .hs15-tip-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}#main-content .hs15-tip-grid button{min-height:48px}
 #main-content .hs15-pay-btn,#main-content #payForm button{width:100%;min-height:54px}#main-content .hs15-order-summary{position:static!important}
 #main-content .hs15-client-appt-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
 #main-content .hs15-appt-buttons,#main-content .hs15-appt-buttons .hsp-btn{width:100%}
 #main-content .hs15-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #main-content .hs15-kpi-grid>div{min-width:0;padding:16px 12px!important}#main-content .hs15-kpi-grid strong{font-size:clamp(1rem,4.5vw,1.45rem)!important;overflow-wrap:anywhere}
 #main-content .hs15-table-wrap,#main-content .hsar-box{overflow:visible!important;background:transparent!important;border:0!important}
 #main-content .hs15-table,#main-content .hsar-box table{display:block!important;width:100%!important;min-width:0!important;border:0!important}
 #main-content .hs15-table thead,#main-content .hsar-box thead{display:none!important}
 #main-content .hs15-table tbody,#main-content .hsar-box tbody{display:grid!important;gap:12px!important}
 #main-content .hs15-table tr,#main-content .hsar-box tr{display:block!important;background:white!important;border:1px solid var(--hsm-line)!important;border-radius:16px!important;padding:12px 15px!important;box-shadow:0 5px 18px rgba(55,31,93,.05)}
 #main-content .hs15-table td,#main-content .hsar-box td{display:flex!important;align-items:flex-start;justify-content:space-between;gap:14px;padding:9px 0!important;border-bottom:1px solid #f0ebf6!important;white-space:normal!important;text-align:right!important;overflow-wrap:anywhere}
 #main-content .hs15-table td:last-child,#main-content .hsar-box td:last-child{border:0!important}
 #main-content .hs15-table td::before,#main-content .hsar-box td::before{content:'Détail';font-size:12px;font-weight:800;color:var(--hsm-muted);text-align:left;flex:0 0 40%}
 #main-content .hs15-table td:nth-child(1)::before{content:'Service'}#main-content .hs15-table td:nth-child(2)::before{content:'Client'}#main-content .hs15-table td:nth-child(3)::before{content:'Total'}#main-content .hs15-table td:nth-child(4)::before{content:'Pourboire'}#main-content .hs15-table td:nth-child(5)::before{content:'Votre part'}#main-content .hs15-table td:nth-child(6)::before{content:'Statut'}
 #main-content .hsar-box td:nth-child(1)::before{content:'Réservation'}#main-content .hsar-box td:nth-child(2)::before{content:'Date'}#main-content .hsar-box td:nth-child(3)::before{content:'Client'}#main-content .hsar-box td:nth-child(4)::before{content:'Service'}#main-content .hsar-box td:nth-child(5)::before{content:'État'}
 #main-content .hsar-layout{width:100%!important;padding:16px 14px 38px!important}
 #main-content .hsar-hero{padding:23px 20px!important;border-radius:20px!important}
 #main-content .hsar-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}#main-content .hsar-actions a{padding:12px 7px!important;font-size:.87rem;text-align:center}
 #main-content .hsps-wrap{width:calc(100% - 28px)!important}#main-content .hsps-hero{padding:32px 0!important}#main-content .hsps-hero h1{font-size:clamp(1.8rem,8vw,2.5rem)}
 #main-content .hsps-catalog,#main-content .hsps-presets,#main-content .hsps-form{grid-template-columns:minmax(0,1fr)!important}#main-content .hsps-card{padding:16px!important;border-radius:18px!important}
 #main-content .hsps-actions{display:grid!important;grid-template-columns:1fr}#main-content .hsps-actions a{width:100%}
 #main-content .hsps-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}#main-content .hsps-photo button{min-width:25px;min-height:25px}
 #main-content .hs-rs-wrap{padding:18px 0!important}#main-content .hs-rs-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}#main-content .hs-rs-main,#main-content .hs-rs-book{padding:20px!important}#main-content .hs-rs-book{position:static!important}
 #main-content .hs-rs-slots{grid-template-columns:repeat(3,minmax(0,1fr))!important}#main-content .hs-rs-slot span{min-height:49px}#main-content .hs-rs-submit{width:100%}
}
@media(max-width:380px){#main-content .hsp-stats-grid,#main-content .hs15-kpi-grid{grid-template-columns:1fr!important}#main-content .hsar-actions{grid-template-columns:1fr!important}#main-content .hs-rs-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}