/* Thai Suite — original 2026 interface. Lucide icons: assets/icons/LICENSE. */
:root { --bg-page:#fafaf8; --text-main:#20231f; --text-body:#50564e; --text-muted:#61685e; --border-light:#e4e6df; --border-strong:#c8cdc2; --shadow-md:0 12px 32px #222a1d0a; }
[hidden] { display:none !important; }
html { scroll-padding-top:100px; }
body { font-size:16px; }
button,input,select { font:inherit; }
button,a { touch-action:manipulation; }
button { cursor:pointer; }
a { color:inherit; }
:focus-visible { outline:3px solid #215de6; outline-offset:4px; }
.container { max-width:1320px; padding-inline:40px; }
.ui-icon { display:inline-block; width:21px; height:21px; flex-shrink:0; vertical-align:middle; }
.btn-grad,.btn-chip { min-height:44px; border-radius:10px; font-size:14px; padding:11px 18px; font-weight:650; box-shadow:none; gap:10px; }
.btn-grad { background:var(--primary); }
.btn-grad .ui-icon { filter:brightness(0) invert(1); }
.btn-chip { border:1px solid #dce0d5; background:#fff; color:#30372a; }
.btn-chip.is-active { background:#26342c; border-color:#26342c; color:white; }
.btn-chip:hover,.btn-grad:hover { transform:translateY(-1px); box-shadow:none; }
.input-modern,.select-modern { font-size:16px; min-height:46px; border:1px solid #d7dcd2; border-radius:9px; padding:10px 12px; max-width:100%; }
.eco-topbar { background:#f4f5f0; border-bottom:1px solid #e7e9e1; padding:0; color:#555d4e; }
.eco-topbar-inner { min-height:42px; }
.eco-topbar-inner > span { font-size:11px; letter-spacing:1.5px; font-weight:700; }
.eco-pill { min-height:40px; display:inline-flex; align-items:center; padding:8px 13px; font-size:13px; border:0; border-radius:0; background:transparent; color:#50594a; }
.eco-pill:hover { background:#e8ecdf; transform:none; color:#25341f; }
.eco-pill.active-eater,.eco-pill.active-ez,.eco-pill.active-ap,.eco-pill.active-sw { color:#202b19; background:transparent; box-shadow:inset 0 -2px #26342c; }
.site-navbar { background:#fff; box-shadow:none; border-bottom:1px solid #e7e9e1; }
.navbar-inner { min-height:82px; }
.brand-logo-wrap { font-size:24px; letter-spacing:-.8px; }
.brand-icon { border-radius:12px; width:40px; height:40px; font-size:17px; box-shadow:none; }
.nav-links a { font-size:14px; font-weight:600; }
.nav-links { gap:24px; }
.eyebrow { font-size:11px; font-weight:750; letter-spacing:2px; color:#58634f; margin-bottom:14px; }
.suite-hero { padding:34px 0 24px; background:#fafaf8; }
.suite-hero h1 { font-size:clamp(38px,4.1vw,62px); font-weight:750; line-height:1.35; letter-spacing:-1.9px; margin:14px 0 22px; }
.suite-hero h1 em { font-style:normal; }
.hero-description { font-size:17px; color:#4d5848; line-height:1.85; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:28px; }
.food-hero-card { display:grid; grid-template-columns:1fr 1.06fr; min-height:460px; background:#f3f0dc; border-radius:24px; overflow:hidden; }
.hero-copy { padding:42px 44px; }
.food-hero h1 em { color:#a63820; }
.food-hero .btn-grad { margin-top:28px; background:#a63820; }
.hero-note { margin-top:20px; font-size:13px; color:#626648; }
.hero-photo { position:relative; min-width:0; }
.hero-photo > img { width:100%; height:100%; object-fit:cover; }
.photo-stamp { position:absolute; top:26px; right:26px; width:90px; height:90px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#e4ee89; border-radius:50%; transform:rotate(10deg); color:#273215; font-size:20px; line-height:1.3; }
.photo-caption { position:absolute; bottom:22px; left:22px; padding:14px 20px; border-radius:12px; background:#fffffff0; font-size:12px; color:#545c45; }
.photo-caption strong { display:block; color:#26321c; font-size:18px; }
.catalog-section { padding:40px 0 60px; }
.catalog-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.catalog-heading h2 { font-size:29px; font-weight:700; letter-spacing:-.7px; }
.catalog-heading p:not(.eyebrow) { color:#5e6657; font-size:14px; margin-top:6px; }
#catalogCount { white-space:nowrap; font-size:14px; color:#5f6857; }
.catalog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:28px; flex-wrap:wrap; }
.catalog-filters { display:flex; flex-wrap:wrap; gap:8px; }
.catalog-filters .btn-chip { padding-inline:15px; border-radius:24px; }
.catalog-search { display:flex; gap:10px; align-items:center; border:1px solid #dfe3d8; background:#fff; border-radius:12px; padding:0 15px; flex:1; min-width:250px; max-width:380px; }
.catalog-search:focus-within { outline:2px solid #a9be8a; outline-offset:2px; }
.catalog-search input { border:0; background:none; outline:0; width:100%; min-width:0; padding:13px 0; font-size:14px; }
.catalog-search input::placeholder { color:#6b7363; }
.demo-grid-20 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 24px; }
.discovery-card { border:1px solid #e4e6df; border-radius:16px; background:#fff; overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .2s,transform .2s; }
.discovery-card:hover { transform:translateY(-3px); box-shadow:0 12px 25px #25321c0c; }
.discovery-photo { position:relative; display:block; aspect-ratio:1.85; overflow:hidden; }
.discovery-photo img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.discovery-photo:hover img { transform:scale(1.035); }
.rating-pill { position:absolute; bottom:14px; right:14px; border-radius:8px; padding:5px 9px; background:#fff; color:#283b1e; font-weight:750; font-size:13px; }
.discovery-body { padding:19px 20px 0; flex:1; }
.card-kicker { color:#626c56; font-size:13px; }
.discovery-body h3 { font-size:20px; line-height:1.4; margin:4px 0 8px; }
.discovery-body h3 a { text-decoration:none; }
.card-location { color:#63705b; font-size:13px; }
.featured-menu { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; padding:14px 0; margin-top:14px; border-top:1px solid #edf0e8; }
.featured-menu strong { color:#232e1c; white-space:nowrap; font-size:16px; }
.discovery-actions { display:flex; align-items:center; border-top:1px solid #edf0e8; padding:9px 15px; gap:8px; }
.discovery-actions > a { flex:1; padding:9px 5px; text-decoration:none; font-size:14px; font-weight:700; display:flex; justify-content:space-between; gap:5px; }
.discovery-actions > button { border:0; border-left:1px solid #e0e4da; color:#616c55; background:none; font-size:13px; padding:10px 12px; min-height:44px; }
.discovery-actions a:hover,.discovery-actions button:hover { color:#a5371e; }
.catalog-empty { grid-column:1/-1; text-align:center; padding:60px; border:1px dashed #cad2bf; border-radius:16px; }
.catalog-empty p { margin:10px 0 20px; }
.preview-disclosure { margin:0 auto 48px; max-width:1240px; border:1px solid #dde4d2; border-radius:16px; background:#fff; overflow:hidden; }
.preview-disclosure > summary { padding:22px 26px; cursor:pointer; font-weight:700; display:flex; align-items:center; gap:12px; }
.preview-disclosure > summary span { margin-left:auto; font-size:13px; font-weight:400; }
.preview-disclosure[open] > summary { border-bottom:1px solid #e2e7da; }
.preview-disclosure .container { padding-inline:26px; }
.preview-disclosure section { padding-block:26px !important; border:0 !important; }
.live-stage-window { border:1px solid #dce2d4 !important; border-radius:16px; box-shadow:none; }
.window-topbar { background:#edf1e8; color:#414c37; border-bottom:1px solid #dce2d4; flex-wrap:wrap; gap:12px; }
.window-url { background:#fff; color:#536047; border:1px solid #dce2d4; border-radius:6px; overflow-wrap:anywhere; }
.suite-thaiap .window-url { color:#405633 !important; }
.window-topbar [id$="ThemeLabel"],#ezStagePalette { display:none; }
.studio-hero { background:#f5f1fc; padding:44px 0; }
.studio-layout { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.studio-layout .hero-copy { padding:12px 0; }
.studio-hero h1 { font-size:clamp(36px,4vw,58px); }
.studio-hero h1 em { color:#5634b0; }
.studio-hero .btn-grad { background:#5735b0; }
.text-link { text-decoration:none; font-weight:650; font-size:14px; border-bottom:1px solid currentColor; }
.studio-art { position:relative; padding:0 0 32px; }
.studio-art > img { aspect-ratio:1.25; width:100%; height:auto; object-fit:cover; border-radius:20px; }
.studio-note { position:absolute; bottom:0; left:-24px; padding:20px 26px; border:1px solid #e9e1f1; background:#fff; box-shadow:0 10px 28px #4931720c; border-radius:14px; font-size:12px; }
.studio-note strong { display:block; font-size:22px; margin:3px 0; }
.studio-note > span { color:#755e98; }
.studio-price { display:flex; align-items:center; gap:20px; margin-top:30px; }
.studio-price > strong { font-size:42px; letter-spacing:-2px; color:#432a7e; }
.studio-price > strong span { font-size:24px; }
.studio-price p { font-size:14px; }
.studio-price p span { color:#686073; font-size:13px; }
.template-card { overflow:hidden; border-radius:16px; background:#fff; border:1px solid #e5e3eb; }
.template-preview { display:block; background:color-mix(in srgb,var(--card-color) 8%,white); padding:20px; text-decoration:none; }
.template-browser { display:flex; align-items:center; gap:4px; border-radius:8px 8px 0 0; background:white; padding:8px 10px; border-bottom:1px solid #eee; }
.template-browser i { width:4px; height:4px; border-radius:50%; background:#d4d4d4; }
.template-browser span { margin-left:9px; font-size:9px; color:#666; }
.template-shot { display:grid; grid-template-columns:1fr 1fr; background:color-mix(in srgb,var(--card-color) 9%,white); min-height:156px; }
.template-shot > div { display:flex; flex-direction:column; justify-content:center; padding:15px; }
.template-shot span { font-size:9px; color:#50504e; }
.template-shot strong { font-size:17px; line-height:1.2; color:#292b27; margin:8px 0 16px; }
.template-shot b { font-size:9px; background:#242c20; color:white; border-radius:3px; padding:5px 7px; align-self:start; }
.template-shot img { width:100%; height:100%; object-fit:cover; }
.template-lines { display:flex; gap:12px; background:white; padding:18px; border-radius:0 0 8px 8px; }
.template-lines i { height:5px; background:#e9eae6; width:33.33%; }
.template-info { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:19px 20px; min-height:105px; }
.template-info h3 { font-size:17px; margin-top:4px; line-height:1.4; }
.color-dot { width:20px; height:20px; border-radius:50%; background:var(--card-color); flex-shrink:0; outline:1px solid #ddd; outline-offset:3px; }
.domain-builder { display:grid; grid-template-columns:1fr 1fr auto; gap:12px; background:#f6f4fa; padding:20px; border-radius:16px; margin-bottom:32px; }
.domain-builder > * { min-width:0; width:100% !important; }
.pos-hero { background:#edf6ee; padding:32px 0 0; border-bottom:1px solid #dce7d9; }
.workspace-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.workspace-heading h1 { font-size:34px; margin:0 0 8px; letter-spacing:-.7px; }
.workspace-heading p:not(.eyebrow) { color:#57684d; font-size:15px; }
.pos-status { display:flex; flex-wrap:wrap; gap:10px 25px; margin:23px 0; font-size:13px; color:#526b44; }
.pos-status i { display:inline-block; width:7px; height:7px; background:#42852e; border-radius:50%; margin-right:6px; }
#posModuleTabs { gap:6px !important; }
#posModuleTabs .btn-chip { border-radius:10px 10px 0 0; background:transparent; border:0; padding:15px 24px; }
#posModuleTabs .is-active { background:white; color:#245336; box-shadow:inset 0 3px #356c43; }
#pos-master-suite { background:#f7f9f5; padding-top:24px !important; }
.software-hero { background:#efeefb; padding:40px 0 30px; }
.software-heading { text-align:center; }
.software-heading h1 { font-size:45px; line-height:1.3; margin:0 0 14px; }
.software-heading h1 em { color:#5b3eb7; }
.software-heading p:not(.eyebrow) { color:#615a76; font-size:16px; }
.app-launchers { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:32px; }
.app-launcher { position:relative; text-align:left; display:flex; flex-direction:column; gap:6px; padding:24px; border:1px solid #ffffff; border-radius:16px; background:#fff; color:#31274b; box-shadow:0 4px 12px #59409805; transition:transform .2s; }
.app-launcher:hover { transform:translateY(-4px); }
.app-launcher > .ui-icon:first-child { width:44px; height:44px; padding:10px; border-radius:12px; background:#e6e5fa; margin-bottom:14px; }
.launcher-2 > .ui-icon:first-child { background:#f9dfdf; }
.launcher-3 > .ui-icon:first-child { background:#e8f0d1; }
.launcher-4 > .ui-icon:first-child { background:#f9ebcd; }
.app-launcher strong { font-size:22px; }
.app-launcher span { font-size:13px; color:#645e73; }
.app-launcher > .ui-icon:last-child { position:absolute; right:20px; top:25px; width:18px; }
.software-price { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:22px; font-size:13px; color:#655b7b; }
.suite-thaisoftware .colorful-card { border:1px solid #e3dfeb; border-radius:14px; box-shadow:none; }
.suite-thaisoftware .colorful-card > div > div:first-child { background:#f7f5fc !important; color:#392f4f !important; }
.suite-thaisoftware .colorful-card .sub-url-pill { color:#625675; background:#eae4f4; }
.suite-thaisoftware .card-foot-bar button { background:#eee9f9 !important; color:#51398d; }
.mega-footer { background:#27352b; margin-top:0; padding-block:36px; }
.mega-footer p,.mega-footer a { color:#d5dfcf; font-size:14px; }
/* Full-screen customer pages */
.demo-page:not(.admin-page) { background:#fcfcfa; }
.demo-page-nav a { text-decoration:none; font-size:14px; color:#34402e; font-weight:650; }
.demo-page-nav { font-size:13px; }
.demo-hero { background:color-mix(in srgb,var(--demo-color) 9%,white); color:#20291c; border-block:1px solid color-mix(in srgb,var(--demo-color) 18%,white); }
.demo-hero-layout { gap:44px; padding-block:42px; }
.demo-hero-layout > div { padding:0; background:none; }
.demo-hero h1 { font-size:clamp(32px,3.8vw,52px); line-height:1.15; letter-spacing:-1.5px; }
.demo-hero-label { color:#43543a; font-size:14px; }
.demo-hero-layout > div > p:not(.demo-hero-label) { color:#535c4c; margin:20px 0; line-height:1.8; }
.demo-hero img { border-radius:18px; max-height:320px; }
.demo-columns { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:24px; padding-block:32px; }
.demo-panel { border-radius:16px; border-color:#e1e7db; }
.demo-panel h2 { font-size:23px; }
.demo-menu-item { background:#fafbf7; padding:18px; gap:14px; border-color:#e3e8dd; border-radius:12px; }
.demo-menu-item .btn-chip { border-radius:8px; }
.demo-primary { background:#2f4929; box-shadow:none; }
.demo-columns > section:last-child,.demo-columns > form { position:sticky; top:24px; }
/* Admin workspace */
.admin-page { display:grid; grid-template-columns:238px minmax(0,1fr); background:#f6f7f3; --primary:#34492b; }
.admin-sidebar { position:sticky; top:0; height:100vh; padding:28px 18px; background:#fff; border-right:1px solid #e1e5d9; display:flex; flex-direction:column; gap:5px; }
.admin-brand { display:flex; align-items:center; gap:12px; font-size:25px; text-decoration:none; font-weight:750; margin:0 10px 22px; }
.admin-brand-mark { background:#dceda5; color:#304217; width:42px; height:44px; display:grid; place-items:center; border-radius:12px; font-size:32px; }
.admin-brand small { display:block; font-size:9px; letter-spacing:1.3px; color:#727c64; }
.sidebar-label { color:#737f65; font-size:12px; margin:22px 12px 8px; }
.admin-sidebar nav { display:grid; gap:6px; }
.admin-sidebar nav a { display:flex; align-items:center; gap:12px; min-height:46px; text-decoration:none; padding:11px 12px; font-size:14px; color:#5c6850; border-radius:9px; }
.admin-sidebar nav a:hover { background:#f1f5e9; }
.admin-sidebar nav .sidebar-current { background:#edf4dc; color:#344620; font-weight:700; }
.nav-arrow { margin-left:auto; }
.site-dot { width:8px; height:8px; border-radius:50%; }
.eater-dot { background:#d65c35; }.ez-dot { background:#8b63d3; }.ap-dot { background:#5c9a69; }.sw-dot { background:#6678d3; }
.sidebar-note { margin-top:auto; font-size:13px; background:#f5f6ef; padding:16px; border-radius:12px; color:#677158; }
.sidebar-note p { margin-top:6px; }
.admin-main { min-width:0; padding:0 38px 28px; }
.admin-topline { display:flex; justify-content:space-between; align-items:center; padding:22px 0; border-bottom:1px solid #e1e6d7; font-size:13px; color:#626e54; }
.workspace-tag { background:#eef4dd; padding:6px 11px; border-radius:7px; font-size:12px; }
.admin-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:32px 0 26px; }
.admin-heading h1 { font-size:34px; letter-spacing:-.8px; }
.admin-heading p:last-child { font-size:15px; color:#637154; margin-top:7px; }
.admin-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.stat-card { display:flex; flex-direction:column; gap:10px; padding:22px; border:1px solid #e2e7d8; border-radius:14px; background:#fff; }
.stat-card > span { color:#596b45; font-size:14px; }.stat-card strong { font-size:34px; font-weight:650; letter-spacing:-1px; overflow-wrap:anywhere; }.stat-card small { font-size:12px; color:#667458; }
.stat-mint { background:#e9f1cd; border-color:#e0e9bc; }.stat-peach { background:#f9eade; border-color:#f1dfcf; }
.admin-section-heading { display:flex; align-items:center; justify-content:space-between; margin:30px 0 16px; }.admin-section-heading h2 { font-size:22px; }.admin-section-heading a { font-size:14px; text-decoration:none; }
.workspace-sites { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.workspace-site { background:white; border:1px solid #e2e7d8; border-radius:14px; padding:20px; text-decoration:none; transition:transform .2s; }.workspace-site:hover { transform:translateY(-3px); }
.workspace-site > span { display:inline-grid; place-items:center; font-size:17px; font-weight:750; width:44px; height:44px; border-radius:12px; background:var(--tile-color); margin-bottom:18px; }.workspace-site strong { display:block; font-size:18px; }.workspace-site p { font-size:13px; color:#667458; margin:6px 0 18px; }.workspace-site small { font-size:13px; }
.admin-guide { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:28px; }
.admin-guide article { background:#fff; border:1px solid #e2e7d8; border-radius:14px; padding:26px; }.admin-guide h2 { font-size:21px; margin-bottom:12px; }.admin-guide p { font-size:14px; color:#657155; margin-bottom:20px; line-height:1.8; }.admin-guide .btn-chip { font-size:14px; }
.admin-panel { background:white; border:1px solid #e0e6d5; border-radius:16px; padding:26px; }
.admin-panel > label { display:grid; gap:9px; font-size:14px; max-width:560px; font-weight:600; }
.admin-panel #recordCount { font-size:14px; color:#647151; margin:18px 0; }
.admin-page .demo-edit-list { gap:0; margin-top:22px; }
.admin-page .demo-menu-item { display:flex; align-items:end; flex-wrap:wrap; gap:16px; border:0; border-top:1px solid #e7ebdf; border-radius:0; padding:22px 0; background:white; }
.menu-row-number { color:#7b896b; font-size:13px; align-self:center; min-width:24px; }
.admin-page .demo-menu-item label { display:grid; gap:8px; flex:1; min-width:150px; font-size:14px; }.admin-page .demo-menu-item .menu-price { flex:0 1 140px; min-width:110px; }.menu-save { gap:8px; }.menu-save .btn-grad { background:#edf3df; color:#3f572c; border:1px solid #dbe6c5; }.menu-save p { font-size:13px; color:#326022; }
.admin-page .demo-record { padding:22px; background:#fbfcf8; margin-bottom:12px; font-size:15px; }.admin-page .demo-record h3 { font-size:18px; }.admin-page .demo-record time { font-size:13px; color:#69755d; }
.admin-empty { text-align:center; padding:50px 20px; }.admin-empty > span { display:block; font-size:30px; color:#788d54; margin-bottom:16px; }.admin-empty p { margin:12px 0 22px; color:#68775a; }
.admin-footnote { font-size:12px; color:#69775c; margin-top:28px; }
@media (max-width:1100px) {
  .container { padding-inline:28px; }.nav-links { gap:12px; }.nav-links a { font-size:13px; }.navbar-inner > .btn-grad { font-size:13px; }
  .food-hero-card { min-height:420px; }.hero-copy { padding:32px; }.suite-hero h1 { font-size:42px; }.studio-layout { gap:32px; }
  .demo-grid-20 { grid-template-columns:repeat(2,minmax(0,1fr)); }.catalog-search { max-width:none; }.catalog-filters { flex:1 1 100%; }
  .admin-page { grid-template-columns:210px minmax(0,1fr); }.admin-main { padding-inline:24px; }.admin-stats,.workspace-sites { grid-template-columns:repeat(2,minmax(0,1fr)); }.app-launcher { padding:20px; }.app-launcher strong { font-size:19px; }
}
@media (max-width:720px) {
  .container { padding-inline:20px; }.eco-topbar-inner > span { display:none; }.eco-switcher { gap:0; flex-wrap:nowrap; width:100%; justify-content:space-between; }.eco-pill { font-size:12px; padding-inline:7px; }
  .navbar-inner { flex-wrap:wrap; padding-block:15px; gap:15px; }.site-navbar { position:relative; }.brand-logo-wrap { font-size:21px; }.navbar-inner > .btn-grad { font-size:12px; padding:10px; }.nav-links { display:flex; order:3; width:100%; justify-content:space-between; gap:8px; }.nav-links a { font-size:12px; }
  .suite-hero { padding:20px 0; }.food-hero-card { grid-template-columns:1fr; border-radius:18px; }.hero-copy { padding:28px; }.suite-hero h1 { font-size:38px; letter-spacing:-1px; }.hero-description { font-size:15px; }.hero-note { margin-top:15px; }.hero-photo { aspect-ratio:1.65; }.photo-stamp { width:70px; height:70px; font-size:16px; top:18px; right:18px; }.photo-caption { padding:10px 15px; bottom:14px; left:14px; }.photo-caption strong { font-size:16px; }
  .catalog-section { padding:26px 0 40px; }.catalog-heading { align-items:start; gap:12px; }.catalog-heading h2 { font-size:24px; }.catalog-heading p:not(.eyebrow) { font-size:13px; }.catalog-heading .eyebrow { font-size:9px; }.catalog-toolbar { gap:16px; }.catalog-filters { gap:6px; }.catalog-filters .btn-chip { font-size:12px; padding:9px 13px; }.catalog-search { min-width:0; flex-basis:100%; }.demo-grid-20 { grid-template-columns:1fr; gap:22px; }.discovery-photo { aspect-ratio:1.8; }
  .preview-disclosure { margin:0 20px 30px; }.preview-disclosure > summary { padding:18px; flex-wrap:wrap; font-size:14px; }.preview-disclosure > summary span { margin-left:32px; font-size:12px; }.preview-disclosure .container { padding-inline:16px; }.window-topbar { padding:12px; }.window-dots { display:none; }.window-url { font-size:12px; min-width:120px; }.demo-preview-columns { grid-template-columns:minmax(0,1fr) !important; }.demo-preview-columns > div { min-width:0; }#quickStoreSelect,#ezQuickSelect { width:100% !important; }
  .studio-layout { grid-template-columns:1fr; gap:28px; }.studio-layout .hero-copy { padding:10px 0; }.studio-hero { padding-block:28px; }.studio-price { margin-top:22px; }.studio-art > img { aspect-ratio:1.6; }.studio-note { left:14px; padding:14px 18px; }.studio-note strong { font-size:19px; }.domain-builder { grid-template-columns:1fr; }
  .workspace-heading { align-items:start; flex-wrap:wrap; gap:16px; }.workspace-heading h1 { font-size:29px; }.workspace-heading .eyebrow { font-size:10px; }.pos-status { font-size:12px; gap:8px 16px; }#posModuleTabs .btn-chip { padding:12px 10px; font-size:12px; min-height:48px; }#posModuleTabs { flex-wrap:nowrap !important; }#pos-master-suite .container { padding-inline:14px; }
  #posView-order .live-stage-window > div:nth-child(2) > div:first-child { flex-wrap:wrap; gap:14px; }
  #posView-order .live-stage-window > div:nth-child(2) > div:first-child > div:first-child { width:100%; }
  #posView-order .live-stage-window > div:nth-child(2) { padding:18px !important; }
  #apTableSelect { width:100% !important; }
  .software-heading h1 { font-size:36px; }.software-heading p:not(.eyebrow) { font-size:14px; }.app-launchers { grid-template-columns:1fr 1fr; gap:10px; }.app-launcher { padding:18px 14px; }.app-launcher span { font-size:12px; }.app-launcher > .ui-icon:last-child { right:12px; width:16px; }.software-price { font-size:12px; }
  .demo-hero-layout,.demo-columns { grid-template-columns:minmax(0,1fr); }.demo-hero-layout { gap:24px; padding-block:28px; }.demo-hero h1 { font-size:36px; }.demo-hero img { aspect-ratio:1.7; }.demo-columns > section:last-child,.demo-columns > form { position:static; }.demo-panel { padding:20px; }.demo-page-nav { gap:8px; }
  .admin-page { display:block; }.admin-sidebar { position:static; height:auto; padding:18px 20px 0; gap:0; }.admin-brand { margin:0 0 16px; font-size:24px; }.sidebar-label,.sidebar-note,.admin-sidebar nav[aria-label="เปิดเว็บไซต์ตัวอย่าง"] { display:none; }.admin-sidebar nav[aria-label="เมนูจัดการ"] { display:flex; gap:4px; }.admin-sidebar nav a { font-size:12px; padding:12px 9px; gap:6px; border-radius:8px 8px 0 0; flex:1; justify-content:center; white-space:nowrap; }.admin-sidebar nav .ui-icon { width:17px; height:17px; }.admin-main { padding-inline:20px; }.admin-topline { font-size:12px; gap:10px; padding-block:18px; }.workspace-tag { font-size:11px; }.admin-heading { padding:24px 0; align-items:start; flex-wrap:wrap; }.admin-heading h1 { font-size:29px; }.admin-heading p:last-child { font-size:14px; }.admin-stats { gap:10px; }.stat-card { padding:17px; }.stat-card strong { font-size:27px; }.stat-card > span { font-size:12px; }.stat-card small { font-size:11px; }.workspace-sites { gap:10px; }.workspace-site { padding:17px; }.workspace-site strong { font-size:17px; }.admin-guide { grid-template-columns:1fr; gap:16px; }.admin-panel { padding:20px; }.admin-page .demo-menu-item label { flex-basis:100%; }.menu-row-number { flex-basis:100%; }.admin-page .demo-menu-item .menu-price { flex:1; }.menu-save { flex:1; }.admin-footnote { line-height:1.8; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; animation:none !important; } }