@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap";:root{color-scheme:light;--font-sans: "Noto Sans Thai", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--background: #f8f7f3;--surface: #ffffff;--surface-muted: #f0eee7;--text: #201b16;--text-muted: #6d6258;--line: #ded8cc;--accent: #0f766e;--accent-strong: #115e59;--accent-soft: #d7f2ee;--warning: #c27b18;--danger: #b42318;--success: #16833a;--shadow: 0 18px 60px rgba(39, 31, 22, .12)}:root[data-theme=dark]{color-scheme:dark;--background: #171411;--surface: #211d19;--surface-muted: #2c2620;--text: #f6efe5;--text-muted: #c6b9a9;--line: #3b332b;--accent: #5eead4;--accent-strong: #99f6e4;--accent-soft: #143f3b;--warning: #f2b84b;--danger: #ff8a7a;--success: #7ee08c;--shadow: 0 18px 60px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{min-width:320px;background:var(--background)}body{margin:0;font-family:var(--font-sans);background:var(--background);color:var(--text)}button,input,select,textarea{font:inherit}a{color:inherit}:root{--customer-bg: #f7fbff;--customer-bg-2: #e8f5ff;--customer-surface: #ffffff;--customer-surface-soft: #eef8ff;--customer-ink: #16283d;--customer-muted: #5c718a;--customer-line: #cfe4f5;--customer-caramel: #3b82c4;--customer-caramel-strong: #1769aa;--customer-rose: #8fc7ee;--customer-mint: #80c7dc;--customer-cream: #f4fbff;--customer-shadow: 0 24px 70px rgb(38 111 170 / 13%)}.booking-shell{min-height:100svh;display:block;padding:18px clamp(18px,4vw,48px) 48px;background:radial-gradient(circle at 12% 12%,rgb(143 199 238 / 24%),transparent 28%),radial-gradient(circle at 88% 6%,rgb(128 199 220 / 20%),transparent 24%),linear-gradient(135deg,var(--customer-bg),var(--customer-bg-2) 58%,#ffffff);color:var(--customer-ink);overflow-x:hidden;overflow-y:auto;position:relative}.booking-shell>*+*{margin-top:28px}.booking-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgb(23 105 170 / 10%) 0 2px,transparent 2px),radial-gradient(circle,rgb(128 199 220 / 14%) 0 1.5px,transparent 1.5px);background-position:18px 28px,72px 92px;background-size:132px 132px,168px 168px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}.booking-topbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.booking-topbar strong,.brand-link{align-items:center;display:inline-flex;gap:8px;font-size:18px;color:var(--customer-caramel-strong);font-weight:900;text-decoration:none}.shop-hero{min-height:min(620px,calc(100svh - 96px));display:grid;place-items:center;border-bottom:1px solid rgb(59 130 196 / 18%);position:relative;z-index:1}.shop-intro{width:min(100%,520px);display:grid;justify-items:center;gap:22px;text-align:center;animation:rise-in .52s ease both}.shop-logo{width:min(72vw,320px);height:auto;display:block}.shop-hours{margin:0;color:var(--customer-muted);font-size:clamp(18px,4vw,24px);font-weight:800;line-height:1.8}.shop-social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.shop-social-links a{min-height:46px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgb(59 130 196 / 24%);border-radius:8px;background:#ffffffdb;color:var(--customer-caramel-strong);box-shadow:0 10px 22px #266faa17;font-size:14px;font-weight:900;line-height:1.2;padding:10px 14px;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.shop-social-links a:hover,.shop-social-links a:focus-visible{border-color:#3b82c46b;background:var(--customer-cream);transform:translateY(-2px)}.shop-social-links a:focus-visible{outline:3px solid rgb(143 199 238 / 48%);outline-offset:3px}.shop-social-links svg{width:20px;height:20px;flex:0 0 auto;fill:currentColor}.shop-social-links svg circle,.shop-social-links svg rect{fill:none;stroke:currentColor;stroke-width:1.9}.hero-copy{max-width:760px;display:grid;gap:18px;animation:rise-in .52s ease both}.hero-copy h1{margin:0;font-size:clamp(40px,7vw,84px);letter-spacing:0;line-height:.98;text-wrap:balance}.hero-copy p{margin:0;max-width:560px;color:var(--customer-muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.hero-visual{min-height:390px;border-radius:8px;background:linear-gradient(180deg,#fffffff0,#eef8ffe5),radial-gradient(circle at 50% 0%,rgb(255 255 255 / 70%),transparent 45%);border:1px solid rgb(207 228 245 / 84%);display:grid;gap:14px;place-items:center;color:var(--customer-caramel);box-shadow:var(--customer-shadow);overflow:hidden;position:relative;animation:soft-pop .62s ease .12s both}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border-radius:999px}.hero-visual:before{width:170px;height:170px;right:-42px;top:-38px;background:#8fc7ee42}.hero-visual:after{width:140px;height:140px;left:-48px;bottom:-36px;background:#80c7dc38}.hero-visual>span{color:var(--customer-muted);font-weight:800;position:relative;z-index:1}.cat-window{width:min(260px,72vw);aspect-ratio:1 / 1;border-radius:8px;background:linear-gradient(180deg,#fff,#dff2ff);display:grid;place-items:center;position:relative;z-index:1;box-shadow:inset 0 0 0 1px #1769aa1f}.sunbeam{position:absolute;width:58%;height:130%;border-radius:999px;background:#ffffff57;transform:rotate(28deg);animation:sun-drift 5s ease-in-out infinite alternate}.cat-face{width:154px;height:136px;border-radius:48% 48% 44% 44%;background:#244764;position:relative;transform:translateY(10px);box-shadow:0 14px 30px #16283d2e}.ear{position:absolute;top:-28px;width:56px;height:62px;background:#244764;border-radius:10px 40px 8px 42px}.ear.left{left:12px;transform:rotate(-24deg)}.ear.right{right:12px;transform:rotate(68deg)}.eye{position:absolute;top:48px;width:14px;height:18px;border-radius:999px;background:#f7fbff}.eye.left{left:46px}.eye.right{right:46px}.nose{position:absolute;left:50%;top:75px;width:18px;height:13px;border-radius:50% 50% 60% 60%;background:var(--customer-rose);transform:translate(-50%)}.whisker{position:absolute;top:88px;width:46px;height:2px;background:#f7fbffc7}.whisker.left{left:16px;transform:rotate(8deg)}.whisker.right{right:16px;transform:rotate(-8deg)}.cat-paws{bottom:24px;display:flex;gap:18px;position:absolute}.cat-paws span{width:38px;height:30px;border-radius:999px 999px 12px 12px;background:#244764}.booking-workflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative;z-index:1}.workflow-step{min-height:94px;border:1px solid var(--customer-line);border-radius:8px;background:#ffffffd1;color:var(--customer-ink);box-shadow:0 12px 26px #266faa17;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workflow-step{display:grid;align-content:center;justify-items:center;gap:8px;color:var(--customer-muted);text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.workflow-step:hover{border-color:#3b82c457;color:var(--customer-caramel-strong);transform:translateY(-2px)}.workflow-step.active{color:var(--customer-caramel-strong);border-color:#3b82c461;background:#f4fbfff0}.page-section{position:relative;z-index:1;display:grid;align-self:start;gap:18px;border:1px solid var(--customer-line);border-radius:8px;background:#ffffffe5;box-shadow:0 12px 26px #266faa17;padding:clamp(22px,4vw,34px)}.compact-page-section{max-width:760px;width:100%;margin-inline:auto}.section-heading{display:grid;gap:4px}.section-heading p,.section-heading h2,.page-note{margin:0}.section-heading p,.page-note{color:var(--customer-muted)}.section-heading h2{font-size:clamp(28px,4vw,42px)}.single-form{grid-template-columns:1fr;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.queue-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.queue-board>div{min-height:116px;display:grid;align-content:center;gap:6px;border:1px solid rgb(59 130 196 / 24%);border-radius:8px;background:var(--customer-cream);padding:18px}.queue-board span{color:var(--customer-muted);font-weight:800}.queue-board strong{font-size:clamp(24px,4vw,38px)}.public-queue-list{display:grid;gap:10px}.public-queue-row{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;border:1px solid rgb(59 130 196 / 20%);border-radius:8px;background:#ffffffc7;padding:14px}.public-queue-row>strong{color:var(--customer-caramel-strong);font-size:22px}.public-queue-row div{display:grid;gap:3px}.public-queue-row span{color:var(--customer-ink);font-weight:900}.public-queue-row small{color:var(--customer-muted);font-weight:800}.rule-list{margin:0;padding-left:22px;color:var(--customer-muted);font-weight:800;line-height:1.8}.queue-page{position:relative;z-index:1;display:grid;gap:18px}.service-info-section,.queue-rules-section{display:grid;gap:16px;border:1px solid var(--customer-line);border-radius:8px;background:#ffffffe5;box-shadow:0 12px 26px #266faa17;padding:clamp(20px,4vw,32px)}.service-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-price-card,.service-note,.service-child-note{border:1px solid rgb(59 130 196 / 20%);border-radius:8px;background:var(--customer-cream);padding:16px}.service-price-card{display:grid;gap:6px}.service-price-card.primary{border-color:#3b82c457;background:#eef8fff5}.service-price-card span,.service-note span,.service-child-note span{color:var(--customer-muted);font-weight:800;line-height:1.7}.service-price-card strong{color:var(--customer-caramel-strong);font-size:clamp(24px,5vw,38px);line-height:1.15}.service-note,.service-child-note{display:grid;gap:4px}.service-note strong,.service-child-note strong{color:var(--customer-ink);font-size:18px}.rules-acceptance{display:flex;align-items:center;gap:12px;border:1px solid rgb(59 130 196 / 28%);border-radius:8px;background:#eef8fff0;color:var(--customer-ink);cursor:pointer;font-weight:900;line-height:1.6;padding:16px}.rules-acceptance input{width:22px;height:22px;accent-color:var(--customer-caramel-strong);flex:0 0 auto}.rules-page{position:relative;z-index:1;display:grid;gap:16px}.rules-content{display:grid;gap:16px}.rules-hero,.rule-card,.rule-important,.rules-warning{border:1px solid var(--customer-line);border-radius:8px;background:#ffffffe5;box-shadow:0 12px 26px #266faa17;padding:clamp(18px,4vw,30px)}.rules-hero{display:grid;gap:8px;text-align:center}.rules-hero p,.rules-hero h1,.rules-hero span,.rule-card h2,.rule-important h2,.rule-important p,.rule-important span,.rules-warning h2{margin:0}.rules-hero p,.rules-hero span,.rule-important span{color:var(--customer-muted);font-weight:800}.rules-hero h1{color:var(--customer-caramel-strong);font-size:clamp(30px,6vw,52px)}.rules-hero strong{color:var(--customer-ink);font-size:clamp(18px,3vw,24px)}.rules-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rule-card{display:grid;align-content:start;gap:12px}.rule-card h2,.rule-important h2{color:var(--customer-caramel-strong);font-size:20px}.rule-card ul,.rules-warning ul{margin:0;padding-left:22px;color:var(--customer-muted);font-weight:800;line-height:1.8}.rule-important{display:grid;gap:8px;background:#f4fbfff0}.rule-important p{color:var(--customer-ink);font-size:clamp(20px,4vw,30px);font-weight:900}.rules-warning{border-color:#b4231833;background:#fffafaf0}.rules-warning h2{color:#b42318}.compact-rules .rules-list{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-rules .rule-card,.compact-rules .rule-important,.compact-rules .rules-warning{padding:16px}.compact-rules .rule-card h2,.compact-rules .rule-important h2{font-size:17px}.compact-rules .rule-card ul,.compact-rules .rules-warning ul{font-size:14px;line-height:1.65}.compact-rules .rule-important p{font-size:clamp(17px,3vw,22px)}.family-page{position:relative;z-index:1;display:grid;gap:clamp(18px,3vw,28px)}.family-title{display:grid;justify-items:center;padding:clamp(8px,2vw,18px) 0}.family-title img{width:min(78vw,420px);height:auto;display:block}.cat-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(10px,2vw,16px)}.cat-card{margin:0;aspect-ratio:4 / 5;border:1px solid rgb(59 130 196 / 20%);border-radius:8px;background:#ffffffeb;box-shadow:0 12px 26px #266faa14;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.cat-card:hover{border-color:#3b82c461;box-shadow:0 18px 34px #266faa1f;transform:translateY(-2px)}.cat-card img{width:100%;height:100%;display:block;object-fit:contain}.queue-section{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:18px;position:relative;z-index:1}.queue-status,.queue-form,.queue-confirmation{border:1px solid var(--customer-line);border-radius:8px;background:#ffffffe5;box-shadow:0 12px 26px #266faa17;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.queue-status{padding:22px}.queue-status p,.queue-status h2{margin:0}.queue-status p,.queue-metrics,.queue-confirmation span{color:var(--customer-muted)}.queue-status h2{font-size:clamp(26px,4vw,42px);margin-top:4px}.queue-window-note{display:block;margin-top:6px;color:var(--customer-muted);font-size:15px;font-weight:900;line-height:1.5}.queue-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.queue-metrics span{min-height:34px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid rgb(59 130 196 / 24%);border-radius:999px;background:var(--customer-cream);font-weight:800}.queue-form{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.queue-form label{display:grid;gap:7px;color:var(--customer-muted);font-weight:900}.queue-form label.wide,.queue-form .tm-button,.form-error{grid-column:1 / -1}.queue-form input,.queue-form textarea,.birthday-picker select{width:100%;min-height:44px;border:1px solid var(--customer-line);border-radius:8px;background:var(--customer-surface);color:var(--customer-ink);font:inherit;padding:10px 12px;outline:none}.queue-form input::placeholder,.queue-form textarea::placeholder,.birthday-picker select.is-empty{color:#8aa0b5}.birthday-picker select option{color:var(--customer-ink)}.queue-form textarea{min-height:96px;resize:vertical}.queue-form input:focus,.queue-form textarea:focus,.birthday-picker select:focus{border-color:var(--customer-caramel);box-shadow:0 0 0 3px #3b82c429}.birthday-picker{display:grid;grid-template-columns:minmax(64px,.7fr) minmax(104px,1.35fr) minmax(90px,.95fr);gap:8px}.birthday-picker select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--customer-caramel-strong) 50%),linear-gradient(135deg,var(--customer-caramel-strong) 50%,transparent 50%);background-position:calc(100% - 16px) 19px,calc(100% - 10px) 19px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:30px}.queue-form small,.input-hint{color:var(--customer-muted);font-size:13px;font-weight:800}.success-hint{color:#16794f}.danger-hint{color:#b42318}.queue-confirmation{padding:24px;display:flex;align-items:center;gap:16px;color:var(--customer-caramel-strong)}.queue-confirmation div{display:grid;gap:4px}.queue-confirmation p{margin:0;color:var(--customer-muted);font-weight:900}.queue-confirmation strong{font-size:clamp(28px,5vw,46px);letter-spacing:0}.form-error{margin:0;color:#b42318;font-weight:900}.customer-link-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid var(--customer-line);border-radius:8px;color:var(--customer-ink);text-decoration:none;font-weight:900}.customer-link-button.primary{border-color:var(--customer-caramel-strong);background:var(--customer-caramel-strong);color:#fff;box-shadow:0 10px 20px #1769aa33}.customer-link-button.secondary{background:var(--customer-surface)}.tm-button,.tm-icon-button{border:1px solid var(--customer-line);border-radius:8px;background:var(--customer-surface);color:var(--customer-ink);min-height:42px;cursor:pointer}.tm-button{padding:0 18px;font-weight:900}.tm-button--primary{border-color:var(--customer-caramel-strong);background:var(--customer-caramel-strong);color:#fff;box-shadow:0 10px 20px #1769aa33}.tm-button--secondary{background:var(--customer-surface)}.tm-icon-button{width:42px;display:inline-flex;align-items:center;justify-content:center}.tm-badge{width:fit-content;min-height:28px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;background:#80c7dc33;color:#1769aa;font-size:13px;font-weight:900}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sun-drift{0%{transform:translate(-8px) rotate(28deg)}to{transform:translate(12px) rotate(28deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}@media(max-width:820px){.booking-shell{padding:16px 16px 36px}.shop-hero,.booking-workflow,.queue-section,.queue-form,.queue-board,.service-price-grid,.compact-rules .rules-list,.cat-gallery,.rules-list{grid-template-columns:1fr}.shop-hero{min-height:auto;padding-bottom:28px}.hero-copy h1{font-size:clamp(38px,13vw,58px)}.hero-visual{min-height:300px}}