body{background:#eaf5f0;padding-bottom:85px}header{max-width:960px;margin:auto;background:#fff;padding:14px 28px;justify-content:space-between;border:0;border-radius:0 0 18px 18px}.brand-logo{width:148px}.calendar{font-size:13px;padding:12px 16px}.notice{background:transparent;color:#74857c;font-size:10px;letter-spacing:.3px;padding:9px}main{max-width:960px;padding:12px 28px 30px}.locationline{display:flex;align-items:center;gap:8px;font-size:13px;margin:6px 0 18px}.locationline span{margin-left:auto;color:#6c8379;font-size:12px}.hero{position:relative;display:block;height:240px;min-height:0;margin:0 0 14px;background:#234d43}.hero img{height:100%;max-height:none;width:100%;object-position:center 40%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#072f2bd9,transparent 85%)}.hero .copy{position:absolute;top:0;bottom:0;left:0;padding:30px;z-index:1;display:flex;flex-direction:column;justify-content:center}.hero h1{color:white;font-size:44px;margin:0 0 10px}.hero p{color:#fffdf5;margin:0;font-size:14px}.bookingactions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bookingactions button{padding:16px 20px;font-weight:600;border-color:var(--plum);color:var(--plum);text-align:left}.bookingactions .primary{color:white}.bookingactions span{float:right}.search{margin:18px 0 14px;gap:8px}.search input{padding:14px 16px}.categories{grid-template-columns:repeat(4,1fr);gap:12px}.cat{display:block;position:relative;height:115px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:13px;background:#24473f}.cat img{width:100%;height:100%;object-fit:cover}.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#092e2bd9)}.cat strong{position:absolute;left:14px;bottom:12px;color:white;font-size:17px;z-index:1}.cat.selected{border-color:var(--plum);box-shadow:0 0 0 2px white}.quicklinks{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#5d776c;margin-top:14px}.quicklinks button{border:0;background:transparent;padding:8px;color:var(--ink)}.section{margin-top:20px}.sectionhead{margin-bottom:12px;align-items:center}.sectionhead h2{margin:0;font-size:28px}.sectionhead>button{border:0;background:transparent;color:var(--plum);padding:6px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card img{height:160px}.pad{padding:16px}.pad h3{font-size:22px;margin:5px 0 12px}.cardbottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.cardbottom button{padding:8px 14px;color:var(--plum);border-color:#edd2df}.accessorylink{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d2e4da;margin-top:24px;padding-top:15px;font-size:12px;color:#6b8075}.accessorylink button{border:0;background:transparent;color:var(--plum);font-size:13px;padding:8px}.bottomnav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(960px,100%);display:grid;grid-template-columns:repeat(4,1fr);margin:0;background:#fffefa;border-top:1px solid #dbe7df;border-radius:18px 18px 0 0;z-index:20;padding:6px 12px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -5px 25px #153c3308}.bottomnav button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:transparent;font-size:12px;padding:7px}.bottomnav button span{font-size:25px;line-height:1.1}.bottomnav button.selected{color:var(--plum);background:#fbf0f5;border-radius:12px}footer{max-width:960px;margin:auto;padding:12px 28px;border:0;font-size:11px}footer .brand{display:none}.pagetitle{font-size:38px;margin:14px 0 24px}.future{margin-top:28px;font-size:13px;color:#6e8177;padding:18px;border:1px solid var(--line);border-radius:12px}.future summary{cursor:pointer}.workspace main{padding-top:24px}.workspace .sectionhead{align-items:center}.workspace h1{font-size:34px!important}.workspace .sectionhead:before{display:none}.workspace .stats{margin-top:20px}.workspace .tabs{padding:8px;background:white;border-radius:14px}.workspace .tabs button{border:0}.workspace .tabs button.selected{background:#f7e8ee}.workspace .eyebrow{font-size:10px}#toast{bottom:95px}
@media(max-width:600px){header{padding:10px 16px;border-radius:0}.brand-logo,header .brand-logo{width:124px}.calendar{font-size:11px;padding:10px}.notice{font-size:9px}main{padding:10px 16px 25px}.locationline{font-size:11px}.locationline span{display:none}.hero{height:185px}.hero .copy{padding:22px}.hero h1{font-size:33px}.hero p{font-size:12px}.bookingactions{gap:8px}.bookingactions button{font-size:12px;padding:14px 10px}.categories{gap:7px}.cat{height:90px}.cat strong{left:8px;bottom:9px;font-size:13px}.search input{font-size:12px;padding:12px}.search button{padding:10px;font-size:12px}.sectionhead h2{font-size:25px}.grid{gap:10px}.card img{height:115px}.pad{padding:11px}.pad h3{font-size:17px}.cardbottom{flex-wrap:wrap}.cardbottom .meta{font-size:11px}.cardbottom button{font-size:11px;padding:7px 12px}.accessorylink span{max-width:55%;line-height:1.5}.quicklinks{font-size:11px}.quicklinks button{font-size:12px}.workspace .sectionhead{flex-wrap:wrap}.workspace h1{font-size:30px!important}footer{padding:10px 16px}.formgrid{grid-template-columns:1fr}dialog{padding:22px}}
.salon-entry{margin-left:auto;color:var(--plum);border-color:#e8cbd9;font-weight:600}.salonheading{display:flex;justify-content:space-between;align-items:center;gap:20px}.salonheading h1{margin:8px 0}.salonheading p{margin:0}.toolgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.toolcard{display:flex;align-items:center;text-align:left;gap:18px;padding:25px;background:#fff;border:1px solid #d6e6dd;border-radius:16px}.toolcard>span{font-size:30px;background:#f5e7ee;color:var(--plum);padding:12px;border-radius:12px}.toolcard strong{display:block;font-size:17px}.toolcard small{display:block;color:#708278;margin-top:6px}.toolcard b{margin-left:auto}.workspace .sectionhead>.primary{background:var(--plum);color:white;padding:12px 16px}.salon-tabs{overflow-x:auto;flex-wrap:nowrap}.salon-tabs button{white-space:nowrap}@media(max-width:600px){header{gap:8px}header .brand-logo{width:105px}.salon-entry{font-size:11px;padding:10px}.calendar{margin-left:0;font-size:10px;padding:10px}.salonheading{align-items:flex-start;flex-direction:column;gap:12px}.toolgrid{gap:10px}.toolcard{padding:15px;gap:10px;flex-wrap:wrap}.toolcard>span{font-size:23px;padding:8px}.toolcard strong{font-size:14px}.toolcard small{font-size:11px}.toolcard b{display:none}.salon-tabs{margin:20px -5px}.salon-tabs button{font-size:12px}}
.accessorylink{background:#f5dfe9;border:1px solid #e7bfd2;border-radius:14px;padding:16px 18px;color:#623348}.accessorylink button{color:#82204c;font-weight:600}