.cafe{padding-top:var(--s-2);padding-bottom:0}.cafe .pcrumbs{display:none}.cafe .pcrumbs--back{padding:4px 0 12px;display:flex}.cafe .pback{min-height:var(--tap);color:var(--ink-2);font:500 var(--fs-small)/1.3 var(--font-ui);align-items:center;gap:8px;margin:-4px 0;text-decoration:none;display:inline-flex}.cafe .pback:hover{color:var(--ink);text-underline-offset:.2em;text-decoration:underline}@media (width>=48rem){.cafe .pcrumbs{font-size:var(--fs-small);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0 20px;display:flex}.cafe .pcrumbs a{min-width:var(--tap);min-height:var(--tap);color:var(--ink-2);justify-content:center;align-items:center;margin:-12px -8px;padding:0 8px;text-decoration:none;display:inline-flex}.cafe .pcrumbs a:hover{color:var(--ink);text-decoration:underline}}@media (width<=47.99rem){.cafe{padding-top:var(--s-3)}}.cafe .sec-head{margin-bottom:var(--s-3);align-items:center;gap:2px;display:flex}.cafe .sec-head h2{font:500 var(--fs-display-m)/1.2 var(--font-display);letter-spacing:-.01em;margin:0}.cafe .shead{margin-bottom:var(--s-4)}.cafe__grid{row-gap:var(--s-7);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.cafe__main{gap:var(--s-7);flex-direction:column;min-width:0;display:flex}@media (width>=64rem){.cafe__grid{column-gap:var(--s-8);grid-template-columns:minmax(0,1fr) 360px}.cafe__main{gap:var(--s-8)}.cvisit{top:calc(var(--header-h) + var(--s-5));position:sticky}}.cafe__first{gap:var(--s-6);flex-direction:column;min-width:0;display:flex}.cafe__top{gap:var(--s-4);grid-template-columns:minmax(0,1fr) auto;align-items:start;min-width:0;display:grid}.cafe__actions{flex-wrap:nowrap;padding-top:6px}.cafe__head{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.cafe__h1{font:500 var(--fs-display-l)/var(--lh-display) var(--font-display);letter-spacing:-.015em;overflow-wrap:anywhere;text-wrap:balance;margin:0 0 2px}.cafe__h1[lang=th]{font-family:var(--font-thai)}.cafe__kicker{font-size:var(--fs-body);color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0;display:flex}.cafe__th{font:400 var(--fs-body)/1.4 var(--font-thai);color:var(--ink-3)}.cafe__chips{align-items:center;gap:0 var(--s-3);flex-wrap:wrap;display:flex}.cafe__chips:empty{display:none}.cafe__now{clip-path:inset(-100vh -100vw -100vh 0);font-size:var(--fs-body);color:var(--ink-2);margin:0}.cafe__now:has(.info[open]){z-index:19;position:relative}.cafe__now-in{flex-wrap:wrap;align-items:center;margin:0 0 0 -20px;display:flex}.cafe__now-info{align-items:center;margin-left:6px;display:inline-flex}.cafe__now-info .info{margin:-10px 0}.cafe__now-i{white-space:nowrap;min-height:28px;margin-left:20px;position:relative}.cafe__now-i:before{content:"·";color:var(--ink-3);font-weight:400;position:absolute;top:50%;left:-13px;transform:translateY(-52%)}.cafe__near{align-items:center;display:inline-flex}.cafe__facts-lead{color:var(--ink-3)}.cstat{min-height:28px;font-size:var(--fs-body);color:var(--ink-2);white-space:nowrap;align-items:center;gap:8px;font-weight:500;display:inline-flex}.cstat__dot{border-radius:var(--radius-pill);background:var(--ink-3);flex:none;width:8px;height:8px}.cstat--open{color:var(--success)}.cstat--open .cstat__dot{background:var(--success)}.cstat--unknown{color:var(--ink-3);font-weight:400}.cchip .cchip__chip{min-height:32px;font-size:var(--fs-small);gap:6px;padding:0 12px;font-weight:600}.cafe__facts{flex-wrap:wrap;align-items:center;gap:0 2px;min-width:0;display:flex}.cafe__facts-text{font-size:var(--fs-body);color:var(--ink);margin:0;line-height:1.5}.cafe__facts .info{margin:-10px 0}.cafe .info__btn{width:var(--tap);height:var(--tap)}.cafe .sec-head .info{margin:-6px 0}.cafe__map{min-width:0;position:relative}@media (width<=47.99rem){.cafe__first{gap:var(--s-5)}.cafe__top{gap:var(--s-4);flex-direction:column;display:flex}.cafe__actions{padding-top:0}.cafe__head{gap:6px}.cafe__kicker,.cafe__th{font-size:var(--fs-ui)}.cafe__map .smap{aspect-ratio:2}}.cwork__grid{background:var(--line);border-block:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.cwork__cell{background:var(--ground);flex-direction:column;gap:4px;min-width:0;padding:18px 20px;display:flex}.cwork__cell:first-child{padding-left:0}.cwork__value{font:500 var(--fs-display-m)/1.1 var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cwork__label{font-size:var(--fs-small);color:var(--ink-2)}.cwork__cell.is-warn .cwork__value{color:var(--warning)}@media (width<=47.99rem){.cwork__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cwork__cell{padding:14px 16px}.cwork__cell:nth-child(odd){padding-left:0}}.cwork__also{margin:var(--s-3) 0 0;font-size:var(--fs-ui);color:var(--ink-2)}.cwork__also-h{color:var(--ink-3)}.cwork__more{margin:var(--s-1) 0 -10px;font-size:var(--fs-ui)}.cwork__more a{min-height:var(--tap);align-items:center;gap:4px;font-weight:500;text-decoration:none;display:inline-flex}.cwork__more a:hover{text-decoration:underline}.aband{aspect-ratio:4;border-radius:var(--radius-media);background:#2b2723;position:relative;overflow:hidden}.aband__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.aband__link{justify-content:space-between;align-items:flex-end;gap:var(--s-4);color:#fff;background:linear-gradient(#0000 22%,#0000009e);padding:16px 20px;text-decoration:none;display:flex;position:absolute;inset:0}.aband__link:hover{color:#fff}.aband__link:hover .aband__about{text-underline-offset:.2em;text-decoration:underline}.aband__link:focus-visible{outline-offset:-4px;outline-color:#fff}.aband__text{text-shadow:0 1px 2px #00000080;flex-direction:column;gap:2px;min-width:0;display:flex}.aband__kicker{font:600 var(--fs-caption)/1.3 var(--font-ui)}.aband__cap{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.aband__name{font:500 1.375rem/1.2 var(--font-display)}.aband__subject{font:500 var(--fs-ui)/1.2 var(--font-ui);color:#ffffffe6}.aband__go{font:600 var(--fs-ui)/1.3 var(--font-ui);white-space:nowrap;flex:none}.aband__info{z-index:2;position:absolute;top:6px;right:6px}.aband__info[open]{z-index:19}.aband__info>.info__btn{width:var(--tap);height:var(--tap);background:radial-gradient(circle closest-side, var(--chip-on-photo) 18px, transparent 18.5px)}.aband__info>.info__btn:hover,.aband__info[open]>.info__btn{background:radial-gradient(circle closest-side,#000000b8 18px,#0000 18.5px)}@media (width<=47.99rem){.aband{aspect-ratio:3}.aband__link{background:linear-gradient(#00000014,#000000b8);padding:12px 14px}.aband__name{font-size:1.1875rem}.aband__cap{white-space:normal}.aband__subject{font-size:var(--fs-small);display:block}.aband__sep,.aband__about{display:none}}.cnotes__grid{column-gap:var(--s-6);border-top:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));margin:0;display:grid}.cnotes__row{justify-content:space-between;align-items:baseline;gap:var(--s-4);border-bottom:1px solid var(--line);padding:14px 0;display:flex}.cnotes__row dt{font-size:var(--fs-ui);color:var(--ink-2)}.cnotes__row dd{min-width:0;font-size:var(--fs-body);text-align:right;overflow-wrap:anywhere;margin:0}.cvisit{gap:var(--s-4);min-width:0;padding:var(--s-5);border:1px solid var(--line);border-radius:var(--radius-price);background:var(--surface);box-shadow:var(--shadow-float);flex-direction:column;display:flex}.cvisit__go{border-radius:var(--radius-button);background:var(--accent);min-height:52px;color:var(--on-accent);font:600 var(--fs-body)/1 var(--font-ui);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:flex}.cvisit__go:hover{background:var(--accent-ink);color:var(--on-accent)}.cvisit__h{font:500 var(--fs-display-m)/1.2 var(--font-display);letter-spacing:-.01em;margin:0;display:none}.cvisit__addr{font-size:var(--fs-ui);overflow-wrap:anywhere;flex-direction:column;gap:2px;line-height:1.5;display:flex}.cvisit__addr p{margin:0}.cvisit__addr-latin{color:var(--ink)}.cvisit__addr-th{font:400 var(--fs-small)/1.5 var(--font-thai);color:var(--ink-3)}.cvisit__rows{margin:0;padding:0;list-style:none}.cvisit__rows:empty{display:none}.cvisit__row{justify-content:space-between;align-items:center;gap:var(--s-3);border:0;border-top:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);font:400 var(--fs-ui)/1.3 var(--font-ui);text-align:left;cursor:pointer;background:0 0;border-radius:0;margin:0;padding:0;text-decoration:none;display:flex}.cvisit__row:hover{color:var(--accent-ink)}.cvisit__row>span{align-items:center;gap:10px;min-width:0;display:inline-flex}.cvisit__row svg{color:var(--ink-3);flex:none}.cvisit__hours>summary{list-style:none}.cvisit__hours.is-single>summary{cursor:default;pointer-events:none}.cvisit__chev{transition:rotate .16s var(--ease)}.cvisit__hours[open]>summary{color:var(--ink)}.cvisit__hours[open] .cvisit__chev{rotate:180deg}.cvisit__week{padding:2px 0 12px 27px}.cvisit__week dl{font-size:var(--fs-small);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr;gap:4px 16px;margin:0 0 8px;display:grid}.cvisit__day{display:contents}.cvisit__day dt{color:var(--ink-2)}.cvisit__day dd{margin:0}.cvisit__day.is-today dt,.cvisit__day.is-today dd{color:var(--ink);font-weight:600}.cvisit__day.is-closed:not(.is-today) dd{color:var(--ink-2)}.cvisit__raw{font-size:var(--fs-small);overflow-wrap:anywhere;margin:0 0 8px}.cvisit__src{margin:0;line-height:1.5}.cvisit__src .prov{font-size:var(--fs-caption)}.cvisit__src .prov a{text-underline-offset:.2em;text-decoration:underline}.cbar{display:none}@media (width<=63.99rem){.cvisit__go{display:none}.cvisit{box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;padding:0}.cvisit__h{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.cvisit__addr{font-size:var(--fs-small)}.cvisit__addr-latin{color:var(--ink-2)}.cvisit__addr-th,.cvisit__rows li.cvisit__li--status{display:none}.cvisit__rows .cvisit__row{border-top:0}.cbar{z-index:25;align-items:center;gap:var(--s-3);padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);box-shadow:var(--shadow-float);display:flex;position:fixed;bottom:0;left:0;right:0}body:has(.cbar) .sf{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}body:has(.cbar){--info-card-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}.cbar__go{border-radius:var(--radius-button);background:var(--accent);min-height:48px;color:var(--on-accent);font:600 var(--fs-ui)/1 var(--font-ui);flex:auto;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.cbar__go:hover{background:var(--accent-ink);color:var(--on-accent)}.cbar__icon{border:1px solid var(--line-2);border-radius:var(--radius-button);width:48px;height:48px;color:var(--ink);flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.cbar__icon:hover{background:var(--surface-2);color:var(--ink)}@media (width<=63.99rem){.cvisit__rows li:has(>.cvisit__row--wide){display:none}}.crow__open{color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.crow__dot{border-radius:var(--radius-pill);background:var(--ink-3);flex:none;width:6px;height:6px}.crow__open.is-open{color:var(--teal-ink);font-weight:500}.crow__open.is-open .crow__dot{background:var(--dot-live)}.crow__chain{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-2);font-size:var(--text-xs);padding:0 8px;line-height:1.7}.cpresets{flex-direction:column;gap:6px;display:flex}.cpresets__list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:flex}.cpresets__why{font-size:var(--text-sm);color:var(--ink-2);margin:0}@media (width<=47.99rem){.cpresets__list{margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter);scrollbar-width:none;overflow-x:auto}.cpresets__list::-webkit-scrollbar{display:none}}@media (width>=48rem){.cpresets__list{flex-wrap:wrap}}.csug{max-width:40rem;padding-top:var(--s-5);padding-bottom:var(--s-9);gap:var(--s-5);flex-direction:column;display:flex}.csug__back{min-height:var(--tap);color:var(--ink-2);font-size:var(--fs-small);align-self:flex-start;align-items:center;gap:6px;margin:-10px 0 -8px;text-decoration:none;display:inline-flex}.csug__back:hover{color:var(--ink);text-decoration:underline}.csug__head{gap:var(--s-2);flex-direction:column;display:flex}.csug__h{font:500 clamp(1.875rem, 1.45rem + 1.2vw, 2.5rem)/1.12 var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0}.csug__lede{font-size:var(--fs-lede);color:var(--ink-2);margin:0}.csug__lede strong{color:var(--ink);font-weight:500}.csug__notice,.csug__error{border-radius:var(--radius-media);background:var(--surface-2);font-size:var(--fs-body);margin:0;padding:14px 18px}.csug__notice{color:var(--ink)}.csug__error{color:var(--warning)}.csug__form{gap:var(--s-5);flex-direction:column;margin:0;display:flex}.csug__field{min-width:0;font:500 var(--fs-ui)/1.3 var(--font-ui);color:var(--ink);flex-direction:column;gap:8px;margin:0;display:flex}.csug__field em,.csug__speed legend em{color:var(--ink-3);font-style:normal;font-weight:400}.csug__field input,.csug__field select,.csug__field textarea{width:100%;min-height:var(--tap);border:1px solid var(--line-2);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:400 var(--fs-body)/1.4 var(--font-ui);margin:0;padding:10px 12px}.csug__field input:hover,.csug__field select:hover,.csug__field textarea:hover{border-color:var(--line-strong)}.csug__field select{appearance:none;background:var(--surface) var(--chevron) no-repeat right 12px center / 14px;cursor:pointer;padding-right:36px}.csug__field textarea{resize:vertical;min-height:6rem}.csug__field input:focus-visible,.csug__field select:focus-visible,.csug__field textarea:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-color:#0000}.csug__speed{padding:var(--s-5) 0 0;border:0;border-top:1px solid var(--line);gap:var(--s-3);flex-direction:column;min-width:0;margin:0;display:flex}.csug__speed legend{float:left;width:100%;font:500 var(--fs-ui)/1.3 var(--font-ui);color:var(--ink);margin:0;padding:0}.csug__speed legend+*{clear:both}.csug__hint{font-size:var(--fs-small);color:var(--ink-2);margin:0}.csug__pair{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.csug__hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.csug__privacy{padding-top:var(--s-4);border-top:1px solid var(--line);font-size:var(--fs-small);color:var(--ink-2);margin:0;line-height:1.55}.csug__privacy a{color:var(--ink-2)}.csug__send{display:flex}.csug__send .btn{border-radius:var(--radius-button);min-height:48px;font:600 var(--fs-body)/1 var(--font-ui);padding:0 28px}@media (width<=47.99rem){.csug{padding-top:var(--s-4)}.csug__send .btn{width:100%}}