/* TalatYai.com ############################################## */
.ty-filter-panel[hidden],.ty-filter-check[hidden],.ty-filter-panel-body section[hidden],.ty-filter-empty[hidden]{display:none!important}
.ty-filter-item{width:100%;margin:0!important}
body.sp-site-page .sp-filter-drawer .ty-filter-row,.sp-filter-drawer .ty-filter-row{display:flex;align-items:center;gap:18px;width:100%;min-height:76px;padding:20px 0;border:0;border-bottom:1px solid #d5dde4;border-radius:0;background:#fff;color:#17273b;text-align:left;cursor:pointer;font:400 17px/1.45 Arial,sans-serif}
.ty-filter-label{flex:1;min-width:0}.ty-filter-value{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#245575;font-size:15px}.ty-filter-arrow{font-size:30px;line-height:1}
.ty-filter-row:focus-visible,.ty-category-row:focus-visible{outline:2px solid #2f80c3;outline-offset:-2px;background:#f2f7fb}
.ty-filter-panel{position:fixed;inset:0 0 0 auto;z-index:1005;display:flex;flex-direction:column;width:min(620px,100vw);height:100vh;height:100dvh;background:#fff;color:#17273b;font:400 17px/1.5 Arial,sans-serif;box-shadow:-12px 0 30px #101c2b33}
.ty-filter-panel>header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;flex-shrink:0;min-height:78px;padding:8px 20px;border-bottom:1px solid #c9d5df;box-sizing:border-box}
body.sp-site-page .ty-filter-panel h2,.ty-filter-panel h2{width:auto;margin:0;text-align:center;font:600 22px/1.4 Arial,sans-serif;text-transform:none}
.ty-filter-panel>header button{min-height:44px;padding:0;border:0;background:transparent;font:400 34px Arial,sans-serif;color:#394b5d;cursor:pointer}
.ty-filter-panel-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 24px}
.ty-category-row{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:74px;width:100%;padding:18px 0;border:0;border-bottom:1px solid #c9d5df;background:#fff;color:#17273b;text-align:left;font:400 18px/1.4 Arial,sans-serif;cursor:pointer}
.ty-category-row.is-selected{font-weight:600;color:#246da8}.ty-category-row>span:last-child{font-size:26px}
.ty-filter-panel>footer{display:flex;gap:16px;justify-content:space-between;flex-shrink:0;padding:16px 24px max(16px,env(safe-area-inset-bottom));border-top:1px solid #d5dde4;background:#fff}
.ty-filter-panel>footer:has(button[hidden]+button[hidden]){display:none}
.ty-filter-done,.ty-filter-clear{min-height:44px;padding:10px 22px;border:1px solid #c9d5df;border-radius:8px;background:#fff;color:#17273b;font:500 16px Arial,sans-serif;cursor:pointer}
.ty-filter-done{background:var(--talatyai-orange,#ed7425);border-color:var(--talatyai-orange,#ed7425);color:white;min-width:150px}
.ty-filter-clear:hover{background:#f3f7fa}
body.sp-site-page .sp-filter-drawer .ty-filter-value-search,.sp-filter-drawer .ty-filter-value-search{box-sizing:border-box;display:block;width:100%;height:48px;margin:22px 0;padding:0 18px;border:1px solid #b4c3d0;border-radius:26px;background:#fff;color:#17273b;font:400 16px Arial,sans-serif}
.ty-filter-value-search:focus{outline:2px solid #2f80c3;outline-offset:2px}
body.sp-site-page .sp-filter-drawer .ty-filter-check,.sp-filter-drawer .ty-filter-check{display:flex;align-items:center;gap:14px;min-height:52px;padding:8px 0;margin:0;text-align:left;color:#17273b;font:400 17px/1.4 Arial,sans-serif;cursor:pointer}
body.sp-site-page .sp-filter-drawer .ty-filter-check input[type=checkbox],.sp-filter-drawer .ty-filter-check input[type=checkbox]{appearance:auto;position:static;left:auto;top:auto;clip:auto;flex:0 0 24px;width:24px;height:24px;margin:0;accent-color:#2f80c3}
body.sp-site-page .ty-filter-panel h3,.ty-filter-panel h3{width:auto;margin:26px 0 12px;font:600 19px/1.4 Arial,sans-serif;text-transform:none}
.ty-filter-empty,.ty-filter-status{margin:24px 0;color:#586b7c;line-height:1.5}
.sp-filter-drawer .get-options-p-data:has(.ty-filter-item){margin:0!important}
.sp-filter-drawer .search-form #get_options .get-options-p-data:has(.ty-filter-item){margin:0!important}
.ty-filter-actions{position:sticky;bottom:0;z-index:2;display:flex;gap:12px;padding:16px 0 max(16px,env(safe-area-inset-bottom));border-top:1px solid #d5dde4;background:#fff}
.sp-filter-drawer .search-form .ty-filter-actions input[type=submit]{flex:1;width:auto;max-width:none;margin:0;min-height:46px;font-size:16px}
.sp-filter-drawer .search-form .ty-filter-actions input[type=submit]:disabled{opacity:.5;cursor:wait}
.sp-filter-drawer:has(form[data-ty-filter-ui]){width:min(620px,100vw)}
.sp-filter-drawer form[data-ty-filter-ui]{padding-bottom:0}
.sp-filter-drawer form[data-ty-filter-ui] .sp-search-fields{gap:0}
@media(max-width:600px){.ty-filter-panel>header{padding:8px 12px}.ty-filter-panel-body{padding:0 18px 20px}.ty-filter-panel>footer{padding-left:18px;padding-right:18px}.ty-filter-value{max-width:48%}.ty-filter-actions{gap:8px}.ty-filter-actions button{padding:8px 12px}}
