:root{--font-body: "Sarabun", "Noto Sans Thai", "Tahoma", system-ui, sans-serif;--color-bg: #F6F1E7;--color-surface: #FFFFFF;--color-surface-warm: #FFF8E1;--color-border: #8A8076;--color-divider: #DDD3C2;--color-text: #1F1A17;--color-text-muted: #5A4F47;--color-text-on-dark: #FFFFFF;--color-primary: #B01218;--color-primary-hover: #8C1015;--color-primary-soft: #FDE9E9;--color-accent: #FFE600;--color-link: #1E4FA0;--color-link-hover: #14376F;--color-ok-bg: #E6F4EA;--color-ok-text: #165C2E;--color-warn-bg: #FFF3CD;--color-warn-text: #6B4500;--color-out-bg: #FFF1E6;--color-out-text: #8A2C00;--color-error-bg: #FDE9E9;--color-error-text:#8C1015;--color-call-bg: var(--color-primary);--color-call-text: #FFFFFF;--color-line-bg: #06C755;--color-line-text: #06210F;--color-messenger-bg: #0B5FD9;--color-messenger-text: #FFFFFF;--color-focus: #1E4FA0;--color-skeleton: #E8DFCC;--color-skeleton-hi: #F3ECDC;--color-noimg: #F1EADD;--color-footer-line: #5A4F47;--fs-caption: 1rem;--fs-body: 1.125rem;--fs-lead: 1.25rem;--fs-h3: 1.375rem;--fs-h2: 1.75rem;--fs-h1: 2rem;--fs-price-card: 1.5rem;--fs-price-detail: 2.5rem;--fw-regular: 400;--fw-semibold: 600;--fw-bold: 700;--lh-body: 1.7;--lh-heading: 1.35;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--gutter: 16px;--container: 1280px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--border-w: 2px;--shadow-card: 0 1px 2px rgba(31,26,23,.08), 0 4px 12px rgba(31,26,23,.08);--shadow-raise: 0 2px 4px rgba(31,26,23,.1), 0 10px 24px rgba(31,26,23,.14);--shadow-bar: 0 -2px 12px rgba(31,26,23,.18);--tap-min: 48px;--tap-comfy: 56px;--tap-gap: 12px;--bar-h: 64px;--dur: .16s}html{font-size:100%;-webkit-text-size-adjust:100%}html[data-fs="1"]{font-size:112.5%}html[data-fs="2"]{font-size:125%}@media(min-width:600px){:root{--gutter: 24px}}@media(min-width:900px){:root{--fs-h2: 2rem;--fs-h1: 2.5rem}}@media(min-width:1200px){:root{--gutter: 32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text);background:var(--color-bg);padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom));overflow-x:hidden}@media(min-width:900px){body{padding-bottom:0}}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:var(--lh-heading);font-weight:var(--fw-bold)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--color-link-hover)}img,svg{max-width:100%}button,input,select{font-family:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:4px}.ic{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}.skip-link{position:absolute;left:8px;top:-100px;z-index:200;background:var(--color-surface);color:var(--color-link);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-weight:700}.skip-link:focus{top:8px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.section{padding:var(--sp-7) 0}.section.tight-top{padding-top:0}@media(min-width:900px){.section{padding:var(--sp-8) 0}.section.tight-top{padding-top:0}}.section-head{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-5)}.section-head p{color:var(--color-text-muted)}.section-foot{margin-top:var(--sp-5);display:flex;justify-content:center}.section-foot .btn{width:100%;max-width:420px}main:focus{outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap-comfy);padding:0 var(--sp-5);font:700 var(--fs-lead)/1.3 var(--font-body);border-radius:var(--radius-md);border:2px solid transparent;text-decoration:none;cursor:pointer;text-align:center;transition:background-color var(--dur),box-shadow var(--dur)}.btn:disabled{cursor:progress}.btn-primary{background:var(--color-primary);color:var(--color-text-on-dark)}.btn-primary:hover{background:var(--color-primary-hover);color:var(--color-text-on-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-link);border-color:var(--color-link)}.btn-secondary:hover{background:#eef3fb;color:var(--color-link-hover)}.btn-dark{background:transparent;color:var(--color-text);border-color:var(--color-text)}.btn-dark:hover{background:#1f1a1714;color:var(--color-text)}.btn-line{background:var(--color-line-bg);color:var(--color-line-text)}.btn-line:hover{background:#05b04b;color:var(--color-line-text)}.btn-messenger{background:var(--color-messenger-bg);color:var(--color-messenger-text)}.btn-messenger:hover{background:#0949a8;color:var(--color-messenger-text)}.btn-block{width:100%}.btn-sm{min-height:var(--tap-min);font-size:var(--fs-body);padding:0 var(--sp-4)}.btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.text-btn{background:none;border:0;padding:0 var(--sp-2);min-height:var(--tap-min);color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;display:inline-flex;align-items:center}.offline{background:var(--color-accent);color:var(--color-text);border-bottom:2px solid var(--color-text)}.offline .container{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);font-weight:700}.utility{background:var(--color-text);color:var(--color-text-on-dark)}.utility .container{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:64px}.fs-ctl{display:flex;align-items:center;gap:var(--sp-2);font-size:16px;font-weight:600}.fs-ctl .lbl{margin-right:var(--sp-1)}.fs-btn{width:48px;height:48px;border-radius:var(--radius-sm);border:2px solid var(--color-text-on-dark);background:transparent;color:var(--color-text-on-dark);font-weight:700;line-height:1;cursor:pointer;padding:0}.fs-btn[aria-pressed=true]{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.utility-tel{display:none;font-size:var(--fs-body)}.utility-tel a{color:var(--color-text-on-dark);font-weight:700;display:inline-flex;align-items:center;min-height:var(--tap-min)}@media(min-width:900px){.utility-tel{display:block}}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-divider)}.header-top{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) 0 var(--sp-3)}.brand{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none;color:var(--color-text);min-width:0;min-height:var(--tap-min)}.brand:hover{color:var(--color-text)}.brand-logo{width:56px;height:56px;border-radius:var(--radius-sm);border:2px solid var(--color-text);flex:none;object-fit:cover;background:var(--color-accent)}.brand-name{font-size:var(--fs-h3);font-weight:700;line-height:1.2;display:block}.brand-tag{font-size:var(--fs-caption);color:var(--color-text-muted);display:block;line-height:1.35}.main-nav{display:none;margin-left:auto}.main-nav ul{display:flex;gap:var(--sp-2);list-style:none;margin:0;padding:0}.main-nav a{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);padding:0 var(--sp-4);font-weight:600;color:var(--color-text);border-radius:var(--radius-sm);text-decoration:none;border-bottom:4px solid transparent}.main-nav a:hover{background:var(--color-surface-warm)}.main-nav a[aria-current=page]{border-bottom-color:var(--color-primary);color:var(--color-primary)}@media(min-width:900px){.main-nav{display:block}}.search{display:flex;gap:var(--sp-2);padding-bottom:var(--sp-4)}.search label{flex:1;display:block;min-width:0}.search input{width:100%;height:var(--tap-comfy);padding:0 var(--sp-4);font:400 var(--fs-body) var(--font-body);color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md)}.search input::placeholder{color:var(--color-text-muted);opacity:1}.search .btn{padding:0 var(--sp-4);flex:none}.search .btn .ic{display:none}@media(min-width:600px){.search .btn .ic{display:block}.search .btn{padding:0 var(--sp-5)}}.hero{background:var(--color-accent);border-bottom:4px solid var(--color-text)}.hero .container{display:grid;gap:var(--sp-5);padding-top:var(--sp-6);padding-bottom:var(--sp-6)}.hero-text{display:grid;gap:var(--sp-4)}.hero h1{max-width:20ch}.hero .lead{font-size:var(--fs-lead);max-width:42ch}.hero-actions{display:flex;flex-direction:column;gap:var(--sp-3);max-width:480px}.today{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);font-weight:700;font-size:var(--fs-body);border:2px solid currentColor;width:fit-content;max-width:100%}.today.open{background:var(--color-ok-bg);color:var(--color-ok-text)}.today.closed{background:var(--color-out-bg);color:var(--color-out-text)}@media(min-width:900px){.hero .container{padding-top:var(--sp-7);padding-bottom:var(--sp-7)}.hero-actions{flex-direction:row;max-width:none}}.cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}.cat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);min-height:128px;height:100%;padding:var(--sp-4) var(--sp-2);background:var(--color-surface);border:2px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-decoration:none;color:var(--color-text);text-align:center}.cat:hover{border-color:var(--color-primary);color:var(--color-text)}.cat-img{width:72px;height:72px;object-fit:contain;background:var(--color-surface);border-radius:var(--radius-sm)}.cat .sym{width:56px;height:56px;color:var(--color-text-muted)}.cat b{font-size:var(--fs-h3);line-height:1.2;overflow-wrap:anywhere}.cat small{font-size:var(--fs-caption);color:var(--color-text-muted)}.cat.all{background:var(--color-text);color:var(--color-text-on-dark);border-color:var(--color-text)}.cat.all small,.cat.all .sym{color:var(--color-text-on-dark)}.cat.all:hover{color:var(--color-text-on-dark);background:#3a322d}@media(min-width:600px){.cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(min-width:900px){.cats{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}@media(min-width:600px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(min-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media(min-width:1200px){.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}}.lg-only{display:none}@media(min-width:1200px){.lg-only{display:list-item}}.card{display:grid;grid-template-rows:auto 1fr;height:100%;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;text-decoration:none;color:var(--color-text);position:relative;transition:box-shadow var(--dur),transform var(--dur)}.card:hover{box-shadow:var(--shadow-raise);transform:translateY(-2px);color:var(--color-text)}.thumb{position:relative;aspect-ratio:1 / 1;background:var(--color-surface);padding:8px;display:grid;place-items:center;border-bottom:1px solid var(--color-divider)}.thumb img{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;display:block}.thumb .noimg{position:absolute;top:0;right:0;bottom:0;left:0}.ribbon{position:absolute;top:8px;left:8px;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:700;line-height:1.5;border:2px solid currentColor}.ribbon.last{background:var(--color-warn-bg);color:var(--color-warn-text)}.card-body{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3);min-width:0}.card-name{font-size:var(--fs-body);font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:2.9em}.card-cat{font-size:var(--fs-caption);color:var(--color-text-muted);overflow-wrap:anywhere}.price{color:var(--color-primary);font-weight:700;line-height:1.2;margin-top:auto;padding-top:var(--sp-2);overflow-wrap:anywhere}.price b{font-size:var(--fs-price-card)}.price span{font-size:var(--fs-body);font-weight:600;margin-left:4px}.price.ask{color:var(--color-text)}.price.ask b{font-size:var(--fs-body)}.card.out .price{color:var(--color-text-muted)}.card.out .thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff8c}.out-label{position:absolute;z-index:1;inset:auto 12px 50% 12px;transform:translateY(50%);text-align:center;background:var(--color-out-bg);color:var(--color-out-text);border:2px solid var(--color-out-text);border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-body);padding:4px 8px}.stock{display:inline-flex;align-items:flex-start;gap:6px;padding:4px 10px 4px 8px;border-radius:var(--radius-sm);font-size:var(--fs-caption);font-weight:600;line-height:1.4;width:fit-content;max-width:100%;margin-top:var(--sp-2)}.stock .ic{width:20px;height:20px;margin-top:2px}.stock.ok{background:var(--color-ok-bg);color:var(--color-ok-text)}.stock.low{background:var(--color-warn-bg);color:var(--color-warn-text)}.stock.out{background:var(--color-out-bg);color:var(--color-out-text)}.crumbs{font-size:var(--fs-caption);margin-bottom:var(--sp-3)}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0;margin:0}.crumbs li{display:flex;align-items:center}.crumbs li+li:before{content:"›";margin-right:var(--sp-2);color:var(--color-text-muted)}.crumbs a{display:inline-flex;align-items:center;min-height:var(--tap-min);min-width:var(--tap-min)}.back{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--tap-comfy);padding:0 var(--sp-4) 0 var(--sp-2);margin-bottom:var(--sp-3);font:700 var(--fs-lead) var(--font-body);background:var(--color-surface);border:2px solid var(--color-link);color:var(--color-link);border-radius:var(--radius-md);text-decoration:none;cursor:pointer}.crumbs-desktop{display:none}@media(min-width:900px){.crumbs-desktop{display:block}.back-mobile{display:none}}.count{font-size:var(--fs-lead);font-weight:600;margin:var(--sp-2) 0 var(--sp-4)}.filters{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--sp-4);display:grid;gap:var(--sp-4);margin-bottom:var(--sp-5)}.filters fieldset{border:0;padding:0;margin:0;min-width:0}.field-label{display:block;font-weight:700;margin-bottom:var(--sp-2);padding:0}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{min-height:var(--tap-min);min-width:var(--tap-min);justify-content:center;padding:0 var(--sp-4);display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:600 var(--fs-body) var(--font-body);cursor:pointer;text-decoration:none}.chip:hover{color:var(--color-text);border-color:var(--color-text)}.chip[aria-pressed=true],.chip[aria-current=true]{background:var(--color-text);color:var(--color-text-on-dark);border-color:var(--color-text)}.chip .ic{width:20px;height:20px;display:none}.chip[aria-pressed=true] .ic,.chip[aria-current=true] .ic{display:block}.chip.more-chip{border-style:dashed}.select{width:100%;height:var(--tap-comfy);padding:0 var(--sp-4);font:600 var(--fs-body) var(--font-body);color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:var(--tap-comfy);padding:0;cursor:pointer;font-weight:700;background:none;border:0;font-family:inherit;font-size:var(--fs-body);color:var(--color-text);text-align:left;width:100%}.switch{position:relative;flex:none;width:64px;height:36px;border-radius:var(--radius-pill);background:var(--color-surface);border:2px solid var(--color-border);transition:background-color var(--dur)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--color-border);transition:transform var(--dur),background-color var(--dur)}.switch-row[aria-checked=true] .switch{background:var(--color-ok-text);border-color:var(--color-ok-text)}.switch-row[aria-checked=true] .switch:after{transform:translate(28px);background:var(--color-surface)}.switch-text{display:flex;flex-direction:column;line-height:1.35}.switch-text small{font-weight:400;font-size:var(--fs-caption);color:var(--color-text-muted)}@media(min-width:900px){.filters{grid-template-columns:2fr 1fr 1fr;align-items:end}}.more{margin-top:var(--sp-6);display:grid;gap:var(--sp-3);justify-items:center;text-align:center}.more .btn{width:100%;max-width:560px;flex-direction:column;gap:0;min-height:72px}.more .btn small{font-weight:400;font-size:var(--fs-caption)}.more .done{font-weight:600;color:var(--color-text-muted)}.inline-error{display:grid;gap:var(--sp-2);justify-items:center;color:var(--color-error-text);font-weight:700}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite;display:inline-block;vertical-align:-4px;margin-right:var(--sp-2)}@keyframes spin{to{transform:rotate(360deg)}}.detail{display:grid;gap:var(--sp-5)}@media(min-width:900px){.detail{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--sp-7);align-items:start}.detail-info{position:sticky;top:16px}}.gallery{display:grid;gap:var(--sp-3);min-width:0}.stage{position:relative;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.track::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;aspect-ratio:1 / 1;display:grid;place-items:center;padding:16px;background:var(--color-surface);position:relative;min-width:0}.slide .noimg{position:absolute;top:0;right:0;bottom:0;left:0}.slide-btn{position:absolute;top:16px;right:16px;bottom:16px;left:16px;padding:0;border:0;background:none;cursor:zoom-in;display:block}.slide-btn img{width:100%;height:100%;object-fit:contain;display:block}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-text);color:var(--color-text);display:grid;place-items:center;box-shadow:var(--shadow-raise);cursor:pointer;padding:0;z-index:2}.arrow.prev{left:8px}.arrow.next{right:8px}.arrow .ic{width:30px;height:30px}.expand{position:absolute;right:8px;bottom:8px;z-index:2;min-height:var(--tap-min);padding:0 var(--sp-4);display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-md);font:700 var(--fs-body) var(--font-body);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-card)}.counter{text-align:center;font-weight:600;font-size:var(--fs-caption)}.hint{display:flex;justify-content:center;align-items:center;gap:var(--sp-2);flex-wrap:wrap;text-align:center;font-size:var(--fs-caption);color:var(--color-text-muted)}.thumbs{display:flex;gap:var(--sp-2);overflow-x:auto;padding:4px 4px 8px;scroll-snap-type:x proximity;list-style:none;margin:0}.tbtn{position:relative;flex:none;width:72px;height:72px;padding:4px;background:var(--color-surface);border:2px solid var(--color-divider);border-radius:var(--radius-sm);cursor:pointer;scroll-snap-align:start;display:block}.tbtn img{position:absolute;top:4px;right:4px;bottom:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain;display:block}.tbtn[aria-current=true]{border:4px solid var(--color-primary);padding:2px}@media(min-width:900px){.tbtn{width:84px;height:84px}}.detail-info{display:grid;gap:var(--sp-4);min-width:0}.detail-info h1{font-size:1.75rem;overflow-wrap:anywhere}@media(min-width:900px){.detail-info h1{font-size:2.125rem}}.cat-link{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 var(--sp-4);background:var(--color-surface);border:2px solid var(--color-link);border-radius:var(--radius-pill);font-weight:600;text-decoration:none;width:fit-content;max-width:100%;overflow-wrap:anywhere}.price-detail{color:var(--color-primary);font-weight:700;line-height:1.15;overflow-wrap:anywhere}.price-detail b{font-size:var(--fs-price-detail)}.price-detail span{font-size:var(--fs-h3);margin-left:6px}.price-detail.out{color:var(--color-text-muted)}.price-detail.ask{color:var(--color-text)}.price-detail.ask b{font-size:var(--fs-h3)}.stock-panel{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4);border:2px solid currentColor;border-radius:var(--radius-md)}.stock-panel .ic{width:32px;height:32px;margin-top:2px}.stock-panel b{display:block;font-size:var(--fs-h3);line-height:1.3}.stock-panel small{display:block;font-size:var(--fs-caption);color:var(--color-text);margin-top:2px}.stock-panel.ok{background:var(--color-ok-bg);color:var(--color-ok-text)}.stock-panel.low{background:var(--color-warn-bg);color:var(--color-warn-text)}.stock-panel.out{background:var(--color-out-bg);color:var(--color-out-text)}.contact-box{background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--sp-4);display:grid;gap:var(--sp-3)}.contact-box h2{font-size:var(--fs-h3)}.contact-box .note{font-size:var(--fs-caption);color:var(--color-text-muted)}.alt-tel{text-align:center;font-size:var(--fs-body)}.alt-tel a{display:inline-flex;align-items:center;min-height:var(--tap-min)}.visit{background:var(--color-surface-warm);border:2px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--sp-4);display:grid;gap:var(--sp-3)}.visit p{display:flex;gap:var(--sp-2);align-items:flex-start}.visit .ic{margin-top:4px}.visit-actions{display:grid;gap:var(--sp-3);max-width:520px}.skel{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);overflow:hidden}.sk{background:linear-gradient(90deg,var(--color-skeleton) 25%,var(--color-skeleton-hi) 50%,var(--color-skeleton) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:6px}@keyframes shimmer{to{background-position:-200% 0}}.skel .sk.img{aspect-ratio:1 / 1;border-radius:0}.skel .lines{padding:var(--sp-3);display:grid;gap:10px}.sk.l{height:18px}.sk.l.w60{width:60%}.sk.l.w40{width:40%;height:28px}.sk.block{height:56px;border-radius:var(--radius-md)}.sk.square{aspect-ratio:1 / 1;border-radius:var(--radius-lg)}.msg{background:var(--color-surface);border:2px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-4);text-align:center;display:grid;gap:var(--sp-3);justify-items:center}.msg>.ic{width:56px;height:56px;color:var(--color-text-muted)}.msg p{max-width:44ch}.msg .actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;width:100%}.msg .actions .btn{flex:1 1 220px;max-width:320px}.msg.error{background:var(--color-error-bg);border-color:var(--color-error-text);color:var(--color-text)}.msg.error>.ic{color:var(--color-error-text)}.msg a.tel-inline{display:inline-flex;align-items:center;min-height:var(--tap-min);font-weight:700}.noimg{aspect-ratio:1 / 1;width:100%;background:var(--color-noimg);display:grid;place-items:center;align-content:center;gap:var(--sp-2);text-align:center;font-size:var(--fs-caption);color:var(--color-text-muted);font-weight:600;padding:var(--sp-3)}.noimg .ic{width:56px;height:56px}.noimg .btn{margin-top:var(--sp-2)}.page-head{margin-bottom:var(--sp-5)}.contact-grid{display:grid;gap:var(--sp-5)}@media(min-width:900px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.panel{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--sp-5) var(--sp-4);display:grid;gap:var(--sp-3);min-width:0}.panel.call{border:2px solid var(--color-primary)}.panel h2{font-size:var(--fs-h3)}.panel .big{font-size:var(--fs-lead)}.map-embed{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-divider);background:var(--color-bg)}.map-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.highlight{background:var(--color-surface-warm);border:2px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-weight:700;display:flex;gap:var(--sp-2);align-items:flex-start}.highlight .ic{margin-top:4px}.pending{color:var(--color-text-muted);font-size:var(--fs-caption)}.copy-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.status-msg{font-weight:700;color:var(--color-ok-text)}.list-plain{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-2)}.list-plain li{display:flex;gap:var(--sp-2);align-items:flex-start}.list-plain .ic{margin-top:4px}.prose{max-width:72ch;display:grid;gap:var(--sp-4)}.prose h2{font-size:var(--fs-h3);margin-top:var(--sp-3)}.prose p a,.prose li a{display:inline-flex;align-items:center;min-height:var(--tap-min)}.prose ul{margin:0;padding-left:1.4em;display:grid;gap:var(--sp-2)}.prose .panel{margin-top:var(--sp-2)}.footer{background:var(--color-text);color:var(--color-text-on-dark);padding:var(--sp-7) 0 var(--sp-5)}.footer .cols{display:grid;gap:var(--sp-6)}.footer h2{font-size:var(--fs-h3);color:var(--color-accent);margin-bottom:var(--sp-3)}.footer a{color:var(--color-text-on-dark);display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--tap-min)}.footer a:hover{color:var(--color-accent)}.footer ul{list-style:none;margin:0;padding:0}.footer .brand-row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.footer .brand-row img{width:56px;height:56px;border-radius:var(--radius-sm);border:2px solid var(--color-text-on-dark)}.footer .brand-row h2{margin:0}.footer .addr{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.footer .addr .ic{margin-top:4px}.footer .closed{color:var(--color-accent)}.footer .pdpa{margin-top:var(--sp-6);padding:var(--sp-4);border:1px solid var(--color-footer-line);border-radius:var(--radius-md);display:grid;gap:var(--sp-2);font-size:var(--fs-caption)}.footer .pdpa-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.footer .pdpa button{min-height:var(--tap-min);padding:0 var(--sp-4);border-radius:var(--radius-md);border:2px solid var(--color-text-on-dark);background:transparent;color:var(--color-text-on-dark);font:700 var(--fs-caption) var(--font-body);cursor:pointer}.footer .pdpa button:hover{background:#ffffff1f}.footer .fine{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--color-footer-line);font-size:var(--fs-caption)}@media(min-width:900px){.footer .cols{grid-template-columns:1.2fr 1fr 1.4fr}}.bar{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--bar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);box-shadow:var(--shadow-bar);display:grid}.bar-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.bar-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:16px;font-weight:700;color:var(--color-text);text-decoration:none;border-top:4px solid transparent;line-height:1.2;min-width:0}.bar-nav a[aria-current=page]{color:var(--color-primary);border-top-color:var(--color-primary)}.bar-nav a.call{background:var(--color-primary);color:var(--color-text-on-dark);border-top-color:var(--color-primary)}.bar-contact{gap:6px;padding:6px var(--sp-3) calc(6px + env(safe-area-inset-bottom))}.bar-contact a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border-radius:var(--radius-md);font-size:16px;font-weight:700;text-decoration:none;line-height:1.2;min-width:0}.bar-contact .c1{background:var(--color-primary);color:var(--color-text-on-dark)}.bar-contact .c2{background:var(--color-line-bg);color:var(--color-line-text)}.bar-contact .c3{background:var(--color-messenger-bg);color:var(--color-messenger-text)}@media(min-width:900px){.bar{display:none}}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000f0;display:flex;flex-direction:column;color:var(--color-text-on-dark)}.lb-top{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-weight:700;font-size:var(--fs-lead)}.lb-btn{min-height:var(--tap-comfy);min-width:var(--tap-comfy);padding:0 var(--sp-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-surface);border-radius:var(--radius-md);font:700 var(--fs-body) var(--font-body);cursor:pointer}.lb-view{flex:1;position:relative;overflow:hidden;display:grid;place-items:center;min-height:0}.lb-view .react-transform-wrapper{width:100%!important;height:100%!important}.lb-view .react-transform-component{width:100%!important;height:100%!important;display:grid!important;place-items:center}.lb-img{max-width:min(96vw,1280px);max-height:100%;width:auto;height:auto;object-fit:contain;background:var(--color-surface);border-radius:var(--radius-sm);display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:64px;height:64px;border-radius:50%;background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-text);display:grid;place-items:center;cursor:pointer;padding:0}.lb-arrow .ic{width:34px;height:34px}.lb-arrow.prev{left:8px}.lb-arrow.next{right:8px}.lb-bottom{display:flex;gap:var(--sp-2);justify-content:center;padding:var(--sp-3) var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom));flex-wrap:wrap}.lb-err{background:var(--color-surface);color:var(--color-text);padding:var(--sp-5);border-radius:var(--radius-md);text-align:center;display:grid;gap:var(--sp-3)}body.lb-open{overflow:hidden}