:root{--site-nav-height:96px}
body:has(>.site-nav),.site-shell{padding-top:var(--site-nav-height)}
html{scrollbar-gutter:stable;scroll-padding-top:108px}
body .site-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:60!important;display:flex!important;align-items:center;justify-content:space-between;gap:24px;height:96px!important;min-height:96px;box-sizing:border-box;margin:0;width:100%;padding:12px max(20px,calc((100% - 1160px)/2))!important;background:#092a43;color:#fff;border-bottom:1px solid #ffffff1f;font-family:"Kanit","Noto Sans Thai",Tahoma,sans-serif}
body .site-nav .site-brand{display:flex;align-items:center;gap:12px;min-width:0;flex:0 1 auto;color:#fff;text-decoration:none}
body .site-nav .site-brand-logo{display:block;object-fit:contain;width:66px!important;height:66px!important;flex:0 0 66px}
body .site-nav .site-brand b{font-size:18px;line-height:1.35;max-width:none!important;white-space:normal;overflow-wrap:anywhere}
body .site-nav .site-brand small{display:block;margin-top:4px;color:#8edfff;font-size:11px;letter-spacing:.06em;line-height:1.4}
body .site-nav nav{display:flex!important;align-items:center;justify-content:flex-end;gap:14px;flex:0 0 auto;min-width:0;font-size:14px;font-weight:700}
body .site-nav nav>a{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;color:#fff;white-space:nowrap;text-decoration:none;border-radius:12px;box-sizing:border-box}
body .site-nav nav>a.customer-entry{border:1px solid #80d5f4;color:#dbf6ff}
body .site-nav nav>a.admin-entry{width:44px;min-width:44px;padding:10px;color:#8faebf}
body .site-nav nav>a.call{background:#ff5848;padding:12px 18px;gap:8px}
body .site-nav nav svg{width:20px;height:20px;flex:0 0 20px}
body .site-nav a:focus-visible{outline:3px solid #8edfff;outline-offset:3px}
body .site-shell section[id],body .site-shell footer[id]{scroll-margin-top:108px}
body .admin-shell>header{position:sticky;top:0;z-index:60;background:#eef4f8}
@media(max-width:1000px){:root{--site-nav-height:148px}html{scroll-padding-top:154px}body .site-nav{height:148px!important;min-height:148px;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;padding:10px 16px!important}body .site-nav .site-brand{height:58px;flex:0 0 58px}body .site-nav .site-brand-logo{width:52px!important;height:52px!important;flex-basis:52px}body .site-nav nav{justify-content:flex-start;gap:8px;overflow-x:auto;max-width:100%;padding:0 0 4px;scrollbar-width:thin}body .site-nav nav>a{flex:0 0 auto}body .site-nav nav>a.call{display:none!important}body .site-shell section[id],body .site-shell footer[id]{scroll-margin-top:154px}}
@media(max-width:600px){body .site-nav{padding:10px 12px!important}body .site-nav .site-brand b{font-size:16px}body .site-nav nav{gap:4px;font-size:13px}body .site-nav nav>a{padding:8px 10px}body .site-nav nav>a.admin-entry{width:44px;min-width:44px}}
.shop-contact{max-width:1160px;margin:0 auto;padding:0 24px 48px;scroll-margin-top:108px}.shop-contact-card{border:1px solid #dce8ee;border-radius:20px;background:#fff;padding:24px;line-height:1.7}.shop-contact h2{margin:0;font-size:22px;color:#0b729d}.shop-contact h3{margin:6px 0 18px;font-size:18px}.shop-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shop-contact-grid small{display:block;color:#617b8b}.shop-contact-grid span,.shop-contact-grid a{display:block;overflow-wrap:anywhere;color:#17364a;font-weight:600}.shop-contact-line{display:inline-block;margin-top:18px;padding:10px 18px;border-radius:10px;background:#168a4c;color:#fff!important;text-decoration:none;font-weight:700}@media(max-width:1000px){.shop-contact{scroll-margin-top:154px}}@media(max-width:760px){.shop-contact{padding:0 16px 32px}.shop-contact-card{padding:20px}.shop-contact-grid{grid-template-columns:1fr;gap:12px}}