.trang-khach{background:#fffdf9;color:#34291f;font-family:system-ui,-apple-system,sans-serif}.kh-header,.kh-main,.kh-footer{max-width:1120px;margin:auto;padding:24px}.kh-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee4d8;gap:20px}.kh-brand{display:flex;align-items:center;gap:12px;font-weight:750;color:inherit;text-decoration:none}.kh-brand img{border-radius:10px}.kh-header nav{display:flex;gap:24px}.kh-header nav a,.kh-footer a{color:#704631;text-decoration:none;font-size:15px}.kh-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;padding:64px 0 72px}.kh-eyebrow{font-size:12px;letter-spacing:2px;color:#986142;font-weight:700}.kh-hero h1,.kh-account h1{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-1.8px;margin:20px 0}.kh-hero p,.kh-book p,.kh-account>p{font-size:17px;line-height:1.7;color:#756658}.kh-link{display:inline-block;margin:18px 0 0 18px;color:#805237;font-size:15px}.kh-note{position:relative;overflow:hidden;min-height:300px;background:#f0e5d7;border-radius:100px 20px 20px 20px;padding:52px 36px}.kh-note>span{font-size:11px;letter-spacing:2px}.kh-note h2{font-size:30px;line-height:1.3;font-weight:500}.kh-note p{font-size:13px;position:relative;z-index:1}.kh-circle{position:absolute;right:-25px;bottom:-80px;font-size:240px;line-height:1;color:#dec5ac;pointer-events:none}.kh-book{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:40px 0;border-top:1px solid #eee4d8;scroll-margin-top:24px}.kh-book h2,.kh-branches h2{font-size:30px}.kh-book li{padding:9px 0;color:#756658}.trang-khach .the{border:1px solid #e9dfd3;box-shadow:0 6px 24px #52301506;border-radius:20px;padding:26px;background:white}.trang-khach .nut{background:#ad4b1a;border-radius:12px}.trang-khach label{font-size:14px}.kh-pair,.kh-branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kh-branches{padding:24px 0}.kh-footer{display:flex;justify-content:space-between;border-top:1px solid #eee4d8;font-size:14px;color:#756658}.kh-account{max-width:620px;margin:35px auto 65px}.kh-account h1{font-size:40px}.kh-account .the{margin-top:30px}.trang-khach .phu{font-size:13px;line-height:1.6;color:#756658}@media(max-width:720px){.kh-header,.kh-main,.kh-footer{padding:18px}.kh-header{align-items:flex-start;flex-direction:column;gap:16px}.kh-header nav{gap:24px}.kh-hero,.kh-book{grid-template-columns:1fr;gap:25px}.kh-hero{padding:32px 0}.kh-note{min-height:210px;padding:32px;border-radius:65px 18px 18px 18px}.kh-note h2{font-size:25px}.kh-book{padding:30px 0}.kh-branch-grid{grid-template-columns:1fr;gap:0}.trang-khach .the{padding:20px}.kh-link{margin-left:0;display:block}.kh-account h1{font-size:32px}.kh-footer{gap:20px}.kh-pair{gap:10px}.kh-pair input{min-width:0;width:100%}}
.trang-khach .nut.phu{background:#fff;color:#804423;border:1px solid #d9c8b5}
/* Customer account: clear sections, compact summary, large touch targets. */
.kh-portal{scroll-behavior:smooth}.kh-portal .kh-main{max-width:980px}.kh-portal section,.kh-portal details[id]{scroll-margin-top:86px}.kh-shortcuts{position:sticky;top:0;z-index:5;background:#fffdf9;border-bottom:1px solid #e9dfd3;display:flex;justify-content:center;gap:8px;padding:10px 14px;overflow-x:auto}.kh-shortcuts a{white-space:nowrap;text-decoration:none;color:#704631;padding:10px 16px;border-radius:24px;background:#f5eadd}.kh-shortcuts a:focus-visible,.kh-portal summary:focus-visible{outline:3px solid #ad4b1a;outline-offset:3px}.kh-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 24px}.kh-welcome h1{font-size:clamp(24px,3vw,34px);line-height:1.25;margin:10px 0}.kh-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.kh-stats a{color:inherit;text-decoration:none;margin:0}.kh-stats strong{display:block;font-size:25px;margin:8px 0}.kh-stats small,.kh-ledger small{display:block;color:#756658}.kh-portal .the{margin-bottom:18px}.kh-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.kh-section-title h2{margin:0}.kh-row{padding:16px 0;border-top:1px solid #eee4d8}.kh-row:first-of-type{margin-top:12px}.kh-row h3{margin:8px 0;font-size:17px}.kh-row p{margin:8px 0}.kh-portal summary{cursor:pointer;padding:8px 0;min-height:44px}.kh-portal summary h2{display:inline;font-size:21px}.kh-portal summary>span{display:block;color:#756658;font-size:14px;margin-top:7px}.kh-portal details[open]>summary{margin-bottom:12px}.kh-treatment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kh-treatment{padding:16px;border-radius:14px;background:#faf6ef}.kh-treatment h3{font-size:18px;margin:10px 0}.kh-ledger{display:flex;justify-content:space-between;gap:16px}.kh-ledger>b{white-space:nowrap}.kh-stars{border:0;padding:8px 0 16px;margin:0;display:flex;gap:8px;flex-wrap:wrap}.kh-stars legend{font-weight:600}.kh-stars label{margin:0;display:flex;gap:5px;align-items:center;padding:8px 10px;border:1px solid #d9c8b5;border-radius:10px;cursor:pointer;min-height:44px}.kh-stars input{width:auto;margin:0;accent-color:#ad4b1a}.kh-stars label:has(input:checked){background:#fff0df;border-color:#ad4b1a}.kh-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kh-photos figure{margin:0}.kh-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.kh-photos figcaption{font-size:14px;padding:8px 0}.kh-pages{display:flex;gap:12px;justify-content:center;margin-top:14px}.kh-points-summary{display:flex;gap:20px;flex-wrap:wrap}.kh-portal .nut[aria-disabled=true]{opacity:.65}.kh-portal textarea{width:100%;min-height:80px}.kh-portal input,.kh-portal select{min-width:0;max-width:100%}.kh-portal .kh-booking form{margin-top:16px}
@media(max-width:720px){.kh-welcome{display:block}.kh-welcome .nut{display:block;margin-top:16px;text-align:center}.kh-shortcuts{justify-content:flex-start;gap:6px}.kh-shortcuts a{padding:10px 12px}.kh-stats{grid-template-columns:1fr 1fr;gap:10px}.kh-stats .the{padding:14px;margin:0}.kh-stats .the:nth-child(2){grid-column:1/-1;grid-row:2}.kh-stats strong{font-size:23px}.kh-treatment-grid{grid-template-columns:1fr}.kh-photos{grid-template-columns:1fr 1fr}.kh-section-title{align-items:flex-start}.kh-section-title h2{font-size:21px}.kh-stars{gap:6px}.kh-stars label{padding:8px;gap:3px}.kh-points-summary{gap:8px 16px}.kh-portal .kh-main{padding:16px}.kh-portal .kh-header{flex-direction:row;align-items:center;font-size:13px}.kh-portal .kh-header>a:last-child{max-width:92px;text-align:right}}

.kh-staff-card{border:1px solid #e9dfd3;border-radius:14px;margin:12px 0;background:#fff}.kh-staff-card[hidden]{display:none}.kh-staff-card summary{display:flex;gap:12px;align-items:center;cursor:pointer;padding:14px;min-height:68px}.kh-staff-card summary>span:nth-child(2){flex:1;min-width:0}.kh-staff-card summary small{display:block;color:#756658;font-size:13px;margin-top:5px}.kh-staff-card summary img,.kh-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.kh-avatar{display:grid;place-items:center;background:#f5eadd;color:#804423;font-size:24px}.kh-staff-body{padding:0 16px 16px}.kh-staff-body p,.kh-staff-body li{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.kh-staff-body ul{padding-left:20px}.kh-staff-card summary:focus-visible{outline:3px solid #ad4b1a;outline-offset:2px}.kh-staff .nut{white-space:normal}

.kh-portal [data-kh-pane][hidden]{display:none!important}.kh-shortcuts a[aria-current=page]{background:#ad4b1a;color:white;font-weight:700}.kh-preview{border:0;padding:0;margin:0;min-width:0}.kh-preserve{white-space:pre-wrap;overflow-wrap:anywhere}.kh-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,auto))}.kh-shortcuts a{text-align:center}.kh-portal .kh-row,.kh-portal .kh-treatment{overflow-wrap:anywhere}
@media(max-width:720px){.kh-portal .kh-shortcuts{position:fixed;top:auto;bottom:0;left:0;right:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:8px 4px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 14px #52301512}.kh-shortcuts a{font-size:13px;padding:12px 3px;border-radius:12px}.kh-portal{padding-bottom:86px}.kh-portal section,.kh-portal details[id]{scroll-margin-top:16px}.kh-portal .kh-main{min-height:65vh}}