.directoryPage{background:var(--directory-bg,#faf8f5);min-height:100vh;color:var(--directory-text,#272a27);font-family:var(--font-playpen-thai),Tahoma,Arial,sans-serif}.directoryPage *{box-sizing:border-box}.directoryHeader{border-bottom:1px solid #ddd9d2;justify-content:space-between;align-items:center;width:min(100%,1160px);height:78px;margin:auto;padding:0 30px;display:flex}.directoryHeaderNote{color:var(--directory-text,#292c28);font-size:13px;font-weight:600}.directoryHeaderActions{align-items:center;gap:10px;display:flex}.directoryOwnerLink{border:1px solid var(--directory-shortcut,#272a27);background:var(--directory-shortcut,#272a27);min-height:38px;color:var(--directory-shortcut-ink,#fff);border-radius:999px;align-items:center;gap:5px;padding:0 13px;font-size:11px;text-decoration:none;display:inline-flex}.directoryOwnerLink:hover{filter:brightness(.92)}.directoryAccount{position:relative}.directoryAccount button,.directoryAccount summary{background:var(--directory-surface,#fffdfa);min-height:38px;color:var(--directory-text,#292c28);font:inherit;cursor:pointer;border:1px solid #dedbd4;border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:11px;display:inline-flex}.directoryAccount button:disabled{opacity:.6;cursor:default}.directoryAccount summary span{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.directoryAccountMenu{z-index:5;background:var(--directory-surface,#fffdfa);min-width:max-content;box-shadow:0 12px 26px var(--directory-text,#272a27)1f;border:1px solid #dedbd4;border-radius:12px;gap:4px;padding:5px;display:grid;position:absolute;top:46px;right:0}.directoryAccountMenu a,.directoryAccount .directoryAccountMenu button{width:100%;min-height:36px;box-shadow:none;color:var(--directory-text,#292c28);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 11px;font-size:11px;text-decoration:none;display:flex}.directoryMain{width:min(100%,1160px);margin:auto;padding:0 30px 100px}.directoryHero{text-align:center;padding:96px 0 90px}.directoryHero h1{letter-spacing:-.065em;overflow-wrap:anywhere;margin:0 0 19px;font-size:clamp(56px,7.2vw,94px);font-weight:700;line-height:1.22}.directoryHero h1 em{color:var(--directory-accent,#ad756b);font-style:normal}.directoryHero>p{color:#73766f;max-width:520px;margin:0 auto 42px;font-size:13px;line-height:2}.directorySearch{background:var(--directory-surface,#fffdfa);color:#777973;border:1px solid #ddd9d2;border-radius:999px;align-items:center;gap:13px;width:min(100%,620px);height:62px;margin:auto;padding:6px 7px 6px 21px;display:flex;box-shadow:0 8px 28px #50483c0b}.directorySearch input{min-width:0;color:var(--directory-text,#292c28);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.directorySearch button{background:var(--directory-text,#292c28);color:#fff;height:48px;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:12px;padding:0 20px;font-size:12px;display:inline-flex}.directorySearch button:hover{background:var(--directory-accent,#ad756b)}.directorySearch button:disabled{opacity:.55;cursor:default}.directoryResults{border-top:1px solid #ddd9d2}.directoryResultsHead{justify-content:space-between;align-items:end;gap:20px;margin:47px 0 27px;display:flex}.directorySectionIndex{color:var(--directory-accent,#ad756b);font-size:10px}.directoryResultsHead h2{letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(27px,3vw,38px);font-weight:600;line-height:1.3}.directoryResultsHead>span{color:#777973;white-space:nowrap;font-size:11px}.directoryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.directoryCard{background:var(--directory-surface,#fffdfa);min-width:0;color:inherit;border:1px solid #e2ddd6;border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.directoryCard:hover{border-color:#c7b6ad;transform:translateY(-4px);box-shadow:0 16px 28px #55463b12}.directoryCardImage{aspect-ratio:1942/809;background:#e9e4dc;flex:none;position:relative;overflow:hidden}.directoryCardImage img{object-fit:contain}.directoryCardInitial{color:#b4a79b;place-items:center;width:100%;height:100%;font-size:72px;font-weight:600;display:grid}.directoryCardArrow{background:var(--directory-surface,#fffdfa);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:14px;right:14px}.directoryCardBody{flex-direction:column;flex:1;justify-content:space-between;min-height:158px;padding:21px;display:flex}.directoryCard h3{letter-spacing:-.04em;margin:0 0 7px;font-size:20px;font-weight:600;line-height:1.4}.directoryCard p{-webkit-line-clamp:2;color:#777973;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.8;display:-webkit-box;overflow:hidden}.directoryCardMetrics{color:#73766f;border-top:1px solid #ece8e2;justify-content:space-between;gap:10px;margin-top:19px;padding-top:19px;font-size:10px;display:flex}.directoryCardMetrics span{align-items:center;gap:4px;display:inline-flex}.directoryCardMetrics strong{color:var(--directory-text,#292c28);font-size:13px}.directoryState{text-align:center;background:var(--directory-surface,#fffdfa);border:1px solid #e2ddd6;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:35px;display:flex}.directoryState h3{margin:0 0 8px;font-size:21px;font-weight:600}.directoryState p{color:#777973;margin:0;font-size:12px;line-height:1.8}.directoryState a,.directoryState button{color:var(--directory-text,#292c28);font:inherit;cursor:pointer;background:0 0;border:1px solid #d8cec5;border-radius:999px;align-items:center;gap:7px;margin-top:20px;padding:9px 15px;font-size:11px;text-decoration:none;display:inline-flex}.directoryPagination{color:#777973;justify-content:center;align-items:center;gap:25px;margin-top:40px;font-size:11px;display:flex}.directoryPagination button{background:var(--directory-surface,#fffdfa);color:var(--directory-text,#292c28);font:inherit;cursor:pointer;border:1px solid #ddd9d2;border-radius:999px;align-items:center;gap:8px;padding:10px 13px;display:inline-flex}.directoryPagination button:disabled{opacity:.4;cursor:default}.directoryFooter{color:#777973;border-top:1px solid #ddd9d2;justify-content:flex-end;align-items:center;gap:15px;width:min(100%,1160px);min-height:70px;margin:auto;padding:0 30px;font-size:10px;display:flex}.directoryPage :focus-visible{outline:2px solid var(--directory-accent,#ad756b);outline-offset:3px}.directorySrOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.directorySearch:focus-within{border-color:var(--directory-accent,#ad756b);box-shadow:0 0 0 2px color-mix(in srgb,var(--directory-accent,#ad756b) 20%,transparent)}.directoryPage .directorySearch input:focus-visible{outline:none}.shopStatePage{background:var(--directory-bg,#faf8f5);min-height:100vh;color:var(--directory-text,#272a27);text-align:center;place-items:center;padding:30px;display:grid}.shopStatePage>div{max-width:440px}.shopStatePage h1{margin:0 0 13px;font-size:31px;line-height:1.3}.shopStatePage p{color:#777973;margin:0 0 23px;font-size:13px;line-height:1.8}.shopStatePage a,.shopStatePage button{background:var(--directory-surface,#fffdfa);color:var(--directory-text,#272a27);font:inherit;cursor:pointer;border:1px solid #ddd9d2;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;text-decoration:none;display:inline-flex}@media (max-width:900px){.directoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.directoryHero{padding:76px 0 74px}}@media (max-width:620px){.directoryHeader{height:65px;padding:0 18px}.directoryHeaderNote{font-size:12px}.directoryMain{padding:0 18px 70px}.directoryHero{padding:60px 0 68px}.directoryHero h1{font-size:clamp(51px,12vw,70px)}.directoryHero>p{margin-bottom:30px;font-size:11px}.directorySearch{gap:5px;height:57px;padding-left:15px}.directorySearch button{gap:5px;height:44px;padding:0 13px}.directorySearch input{font-size:11px}.directoryResultsHead{margin:34px 0 21px}.directoryResultsHead h2{font-size:27px}.directoryGrid{grid-template-columns:1fr;gap:17px}.directoryCardBody{min-height:145px}.directoryFooter{padding:0 18px}.directoryHeaderActions{gap:6px}.directoryOwnerLink,.directoryAccount button,.directoryAccount summary{min-height:34px;padding:0 9px;font-size:10px}}.directoryAccount details>summary{border-radius:50%;place-items:center;width:38px;height:38px;min-height:38px;padding:0;list-style:none;display:grid}.directoryAccount details>summary::-webkit-details-marker{display:none}.directoryAccountMenu{max-width:min(280px,100vw - 36px)}.directoryAccountIdentity{border-bottom:1px solid #e9e5dc;gap:3px;max-width:240px;padding:9px 11px 10px;display:grid}.directoryAccountIdentity span{color:#7b8279;font-size:10px}.directoryAccountIdentity strong{overflow-wrap:anywhere;font-size:12px;font-weight:600}.directoryAccount details>summary>.accountAvatar{place-items:center;width:100%;height:100%;display:grid}@media (max-width:620px){.directoryAccount details>summary{width:34px;height:34px;min-height:34px;padding:0}}@media (prefers-reduced-motion:reduce){.directoryCard{transition:none}.directoryCard:hover{transform:none}}.directoryPage{--directory-muted:color-mix(in srgb,var(--directory-text) 73%,var(--directory-bg));--directory-line:color-mix(in srgb,var(--directory-text) 17%,var(--directory-bg));--directory-surface-line:color-mix(in srgb,var(--directory-text) 16%,var(--directory-surface))}.directoryHeader,.directoryResults,.directoryFooter{border-color:var(--directory-line)}.directoryHero>p,.directoryResultsHead>span,.directoryCard p,.directoryCardMetrics,.directoryState p,.directoryPagination,.directoryFooter{color:var(--directory-muted)}.directorySearch,.directoryCard,.directoryState,.directoryPagination button,.directoryAccount button,.directoryAccount summary,.directoryCardMetrics{border-color:var(--directory-surface-line)}.directorySearch input,.directoryAccountMenu a,.directoryAccount .directoryAccountMenu button,.directoryCardMetrics strong{color:var(--directory-text)}.directorySearch button{background:var(--directory-button);color:var(--directory-button-ink)}.directorySearch button:hover{background:var(--directory-button);color:var(--directory-button-ink);filter:brightness(.9)}.directoryCardImage{background:color-mix(in srgb,var(--directory-text) 10%,var(--directory-surface))}.directoryCardTitle{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.directoryCardTitle h3{min-width:0}.directoryShopStatus{background:color-mix(in srgb,#3b7756 12%,var(--directory-surface));color:#27543d;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;margin-top:4px;padding:4px 9px;font-size:10px;font-weight:600;display:inline-flex}.directoryShopStatus>span{background:#3b7756;border-radius:50%;width:6px;height:6px}.directoryShopStatus.isClosed{background:color-mix(in srgb,var(--directory-text) 9%,var(--directory-surface));color:var(--directory-text)}.directoryShopStatus.isClosed>span{background:var(--directory-text)}.directoryCardHours{color:var(--directory-muted);align-items:center;gap:5px;margin-top:8px;font-size:11px;line-height:1.6;display:flex}.directoryCardHours svg{flex:none}.directoryAccountMenu a:hover,.directoryAccount .directoryAccountMenu button:hover{background:color-mix(in srgb,var(--directory-text) 7%,var(--directory-surface))}.directoryAccountMenu{border-color:var(--directory-surface-line);background:var(--directory-surface);box-shadow:0 12px 26px #0002}.directoryHero h1{color:var(--directory-hero-heading)}.directoryHero>p{color:var(--directory-hero-description)}.directorySearch input::placeholder{color:var(--directory-search-placeholder)}.directoryCard h3{color:var(--directory-card-title)}.directoryCard p{color:var(--directory-card-description)}.directoryAccountIdentity{border-color:var(--directory-surface-line)}.directoryAccountIdentity span,.directoryCardInitial{color:var(--directory-muted)}.directoryState a,.directoryState button{border-color:var(--directory-surface-line);color:var(--directory-text)}.directoryCard:hover{border-color:var(--directory-accent)}.directoryPage{isolation:isolate;position:relative}.directoryPage[data-has-background=true]:before{content:"";z-index:0;pointer-events:none;background-image:var(--directory-background-image);filter:blur(var(--directory-background-blur));background-position:50%;background-size:cover;position:fixed;inset:0;transform:scale(1.15)}.directoryPage[data-has-background=true]>.directoryHeader,.directoryPage[data-has-background=true]>.directoryMain,.directoryPage[data-has-background=true]>.directoryFooter{z-index:1;position:relative}.directoryPagination{flex-wrap:wrap;gap:5px}.directoryPagination button{border-radius:8px;justify-content:center;min-width:36px;min-height:36px;padding:7px 10px}.directoryPagination>button:first-child{margin-right:7px}.directoryPagination>button:last-child{margin-left:7px}.directoryPageChoice{align-items:center;display:flex}.directoryPageGap{color:var(--directory-muted);padding:0 3px}.directoryPagination button[aria-current=page]{border-color:var(--directory-text);background:var(--directory-text);color:var(--directory-surface)}@media (max-width:620px){.directoryOwnerLink,.directoryAccount button,.directoryAccount summary{min-height:44px}.directoryAccount details>summary{width:44px;height:44px;min-height:44px}.directoryAccountMenu a,.directoryAccount .directoryAccountMenu button,.directoryState a,.directoryState button,.directoryPagination button{min-height:44px}.directoryPagination{gap:10px}}.directoryHeader:has(.directoryAccount details[open]){z-index:2;position:relative}