:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.category-tabs{display:flex;gap:1px;padding:16px 16px 16px 24px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{height:40px;flex:0 0 auto;padding:8px 12px;border-radius:8px;border:none;background:#fff;color:gray;white-space:nowrap;font-family:Inter;font-size:16px;font-weight:500;cursor:pointer}.category-tab.active{background:#2d55eb;color:#fff}.search-bar{width:100%;height:44px;padding-left:18px;border-radius:24px;background-color:#f3f4f6;border:none;outline:none;box-sizing:border-box;color:var(--Color-Gray, #888);font-feature-settings:"liga" off,"clig" off;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:40px;border:none;background-color:#155dfc;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;font-size:18px;cursor:pointer}.chip-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:40px;padding:0 16px;border-radius:999px;border:1px solid transparent;background:#eff6ff;color:#155dfc;text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:22px;cursor:pointer}.chip-btn svg{display:inline-flex}.chip-btn span{line-height:1}.chip-btn--full{width:100%}.chip-btn--active{border-color:#155dfc}.chip-btn:focus{outline:none}.chip-btn:focus:not(.chip-btn--active){border-color:transparent}.chip-btn{-webkit-tap-highlight-color:transparent}.filterSortBar{display:flex;align-items:center;justify-content:space-between}.filterBtn span{font-family:Inter;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.filterBtn,.sortBtn{border:none;background:transparent;display:inline-flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}.sortBtn{gap:8px}.sortBtn span{font-weight:500}.sortBtn .select{font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.sort-text{font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.box-sort{display:flex;min-width:0;align-items:center;gap:8px}.sortBtn{background:none;border:none;cursor:pointer;padding:0}.select{display:flex;align-items:center;min-width:0;gap:2px}.box-filter{display:flex;justify-content:center;align-items:center;gap:6px}.filter-text{line-height:1}.service-card{width:100%;position:relative;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 8px 24px #00000014;background:#fff}.service-card-image{width:100%;height:290px;object-fit:cover;display:block;object-position:center bottom}.service-card-badge{position:absolute;top:12px;right:12px;background-color:#ff3b30;color:#fff;padding:6px 10px;border-radius:17px;font-weight:700;font-size:14px}.service-card-overlay{width:100%;position:absolute;left:0;right:0;bottom:0;padding:14px;background:#fff}.srv-title{color:var(--Color-Black, #000);font-family:Inter;font-size:18px;font-style:normal;font-weight:700;line-height:normal}.srv-location{color:var(--Color-Black, #000);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.Footer{position:sticky;bottom:0;z-index:10;background:#fff;border-top:1px solid #e5e7eb}.Footer__inner{display:flex;justify-content:space-around;align-items:center;height:64px}.footer-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#6b7280}.ft-menu{font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.2px}.back-drop{background:#00000080;position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end}.sheet{background-color:#f3fbff;width:100%;height:70vh;border-radius:24px 24px 0 0;display:flex;flex-direction:column;align-items:center}.header-bar{box-sizing:border-box;border-radius:24px 24px 0 0;width:100%;height:24px;display:flex;justify-content:center;align-items:center;background-color:#fff}.bar{width:64px;height:5px;background-color:#000;border-radius:24px}.header-btn{display:flex;justify-content:center;align-items:center;width:100%;height:56px;padding:8px;gap:260px;background-color:#fff}.filter-btn{padding:8px;font-size:16px;font-weight:700}.clear-btn{font-size:14px;padding:8px;font-weight:500;cursor:pointer}.price-range{display:flex;flex-direction:column;justify-content:center;align-items:center;width:390px;padding:8px 0 24px;gap:8px;margin-top:4px}.price-reset{width:100%;height:24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.price-text{font-size:16px;font-weight:700}.reset-btn{font-size:12px;font-weight:500;margin-right:18px}.home-container{min-height:100vh;display:flex;flex-direction:column;background:#fff}.search-container{display:flex;flex-direction:column;align-items:center;gap:18px;padding:26px 16px 10px}.chip-row{width:100%;max-width:303px;display:flex;justify-content:space-between;gap:16px}.chip-row>button{flex:1}.home-content{flex:1}.service-list{padding:16px 24px;display:flex;flex-direction:column;gap:24px;max-width:420px;margin:0 auto}*{margin:0;padding:0}.image-cover{position:relative;width:100%;height:292px;overflow:hidden}.image-cover img{width:100%;height:100%;object-fit:cover;display:block}.btn{position:absolute;top:38px;width:40px;height:40px;border-radius:999px;border:none;background:#00000073;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-back{left:24px}.btn-fav{right:24px}.box-paragraph{margin:8px;padding:8px}.header-paragraph{display:flex;justify-content:space-between;align-items:center;text-align:center}.header-paragraph :first-child{font-size:28px;font-weight:700}.header-paragraph :last-child{display:flex;align-items:center;gap:4px;color:#6a7282;text-align:center;font-size:18px;font-style:normal;font-weight:400;line-height:20px}.box-services{padding:8px;margin-bottom:16px}.header-service{padding:8px}.header-service span{color:var(--color-blue-23, #2D2A4A);font-family:Noto Sans Thai;font-size:24px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.024px}.card-services{padding:8px}.btn-fav:hover{color:#fff}.dt-desc{color:#4a5565;font-family:Inter;font-size:20px;font-style:normal;font-weight:400;line-height:28px}.container-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px}.svc-card{display:flex;align-items:stretch;width:100%;max-width:380px;gap:8px;align-items:center;border-radius:8px;background:#fff;box-shadow:0 1px 5px #00000026}.svc-image{flex:0 0 124px;border-radius:10px;overflow:hidden}.svc-image img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:8px}.svc-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:4px;padding:8px}.svc-body span:first-child{color:var(--color-black-solid, #000);font-size:20px;font-style:normal;font-weight:600;line-height:24px}.svc-side{width:60px;display:flex;margin-right:13px;flex-direction:column;align-items:flex-end;justify-content:flex-start}.svc-title{font-family:Noto Sans Thai;display:-webkit-box;font-size:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.2;max-height:2.4em;font-weight:700}.svc-price{display:flex;flex-direction:column;align-items:end}.svc-desc{overflow:hidden;color:var(--Gray-500-Inactive, #787F83);text-overflow:ellipsis;white-space:nowrap;font-family:Noto Sans Thai;font-size:14px;font-style:normal;font-weight:400;line-height:24px;margin-top:2px}.svc-duration{color:var(--Gray-300-Placeholder, #A0A6A9);font-family:Noto Sans Thai;overflow:hidden;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:10px}.price-now{color:var(--color-black-solid, #000);font-family:Noto Sans Thai;font-size:20px;font-style:normal;font-weight:700;line-height:24px;overflow:hidden}.price-old{color:var(--Gray-300-Placeholder, #A0A6A9);font-family:Noto Sans Thai;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-decoration-line:line-through;margin-top:4px;overflow:hidden}.svc-add{margin-top:16px;display:flex;width:40px;height:40px;justify-content:center;align-items:center;flex-shrink:0;border-radius:26843500px;background:var(--color-white-solid, #FFF);box-shadow:0 1px 5px #00000026;overflow:hidden}.svc-add svg{width:24px;height:24px;min-width:20px;min-height:20px;color:#2d55eb}*{box-sizing:border-box;margin:0;padding:0}.service-detail-wrapper{display:flex;flex-direction:column;min-height:100vh;background:#fff}.image-section{position:relative;width:100%;height:clamp(250px,40vh,400px);overflow:hidden}.service-image{width:100%;height:100%;object-fit:cover}.icon-btn{position:absolute;width:40px;height:40px;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#00000073;transition:transform .2s ease}.back-btn svg{width:8px;height:13px;flex-shrink:0}.fav-btn svg{width:20px;height:18px;flex-shrink:0}.icon-btn:hover{transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.back-btn{top:16px;left:16px}.fav-btn{top:16px;right:16px}.content-wrapper{flex:1;display:flex;flex-direction:column;padding:clamp(16px,3vw,24px);max-width:1200px;margin:0 auto;width:100%}.content-inner{flex:1}.service-info{padding:clamp(12px,2vw,16px) 0}.service-title{color:#0a0a0a;font-family:Inter,system-ui,sans-serif;font-size:clamp(24px,5vw,28px);font-weight:700;line-height:1.2;margin-bottom:clamp(12px,2vw,16px);word-wrap:break-word}.service-description{color:#4a5565;font-family:Noto Sans Thai,Inter,system-ui,sans-serif;font-size:clamp(16px,3.5vw,20px);font-weight:400;line-height:1.4;word-wrap:break-word}.time-section{padding:clamp(16px,3vw,24px) 0}.section-title{color:#4a5565;font-family:Inter,system-ui,sans-serif;font-size:clamp(18px,4vw,24px);font-weight:400;line-height:1.3;margin-bottom:clamp(12px,2vw,16px)}.time-selector{display:flex;align-items:center;gap:clamp(8px,2vw,12px);padding:clamp(12px,2.5vw,16px);background:#f2f5ff;border-radius:16px;min-height:56px}.time-display{flex:1;min-width:0}.time-text{color:#2d55eb;font-family:Inter,system-ui,sans-serif;font-size:clamp(16px,3.5vw,20px);font-weight:700;line-height:1.2;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-time-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:#6a7282;font-family:Inter,system-ui,sans-serif;font-size:clamp(14px,3vw,18px);font-weight:400;cursor:pointer;white-space:nowrap;flex-shrink:0;padding:8px;margin:-8px;transition:color .2s ease}.change-time-btn:hover{color:#2d55eb}.action-section{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vw,24px);padding-top:clamp(24px,4vw,40px);margin-top:auto}.select-btn{width:100%;max-width:400px;height:56px;padding:0 clamp(16px,3vw,24px);background:#2d55eb;border:none;border-radius:14px;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:clamp(18px,4vw,24px);font-weight:700;cursor:pointer;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:all .2s ease}.select-btn:hover{background:#2347cc;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a,0 2px 4px -1px #0000001a}.select-btn:active{transform:translateY(0)}.disclaimer-text{color:#6a7282;text-align:center;font-family:Inter,system-ui,sans-serif;font-size:clamp(14px,3vw,18px);font-weight:400;line-height:1.2;padding:0 16px}@media(max-width:480px){.time-selector{flex-direction:column;align-items:stretch;gap:12px}.time-text{white-space:normal;text-align:center}.change-time-btn{justify-content:center;width:100%}}@media(min-width:768px){.content-wrapper{padding:32px 40px}.image-section{height:450px}.icon-btn{width:48px;height:48px}.back-btn{top:24px;left:24px}.fav-btn{top:24px;right:24px}}@media(min-width:1024px){.service-detail-wrapper{background:#f8f9fa}.content-wrapper{background:#fff;border-radius:16px;margin-top:-40px;position:relative;box-shadow:0 4px 6px #0000000d}.image-section{border-radius:0}}