/* Scoped to the two discovery sites and their standalone demos. */
@font-face{font-family:PlexThai;src:url('assets/fonts/IBMPlexSansThai-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:PlexThai;src:url('assets/fonts/IBMPlexSansThai-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:PlexThai;src:url('assets/fonts/IBMPlexSansThai-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Prompt;src:url('assets/fonts/Prompt-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Kanit;src:url('assets/fonts/Kanit-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:where(.v3-site,.v3-demo){--ink:#252529;--muted:#61616b;--line:#dedee3;--surface:#fff;--accent:#b9371b;--display:Prompt,PlexThai,sans-serif;font-family:PlexThai,sans-serif;font-size:1rem;line-height:1.7;color:var(--ink);background:#fff;margin:0;-webkit-font-smoothing:antialiased}
:where(.v3-site,.v3-demo) *,:where(.v3-site,.v3-demo) *::before,:where(.v3-site,.v3-demo) *::after{box-sizing:border-box}
:where(.v3-site,.v3-demo) :is(h1,h2,h3,h4,p,ul,ol){margin:0}
:where(.v3-site,.v3-demo) :is(h1,h2,h3,h4){font-family:var(--display);font-weight:600;line-height:1.4;letter-spacing:0;text-wrap:balance}
:where(.v3-site,.v3-demo) h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}
:where(.v3-site,.v3-demo) :is(a,button,input,select){-webkit-tap-highlight-color:transparent;letter-spacing:0}
:where(.v3-site,.v3-demo) a{color:inherit;text-decoration:none}
:where(.v3-site,.v3-demo) button{cursor:pointer;font:inherit;color:inherit}
:where(.v3-site,.v3-demo) :is(input,select){font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid #85858f;border-radius:10px;padding:12px;min-height:48px;min-width:0;max-width:100%}
:where(.v3-site,.v3-demo) :is(button,a,summary,input,select,[tabindex="0"]):focus-visible{outline:3px solid #2055d9;outline-offset:4px}
:where(.v3-site,.v3-demo) img{display:block;max-width:100%;object-fit:cover}
:where(.v3-site,.v3-demo) [hidden]{display:none!important}
:where(.v3-site,.v3-demo) .container{max-width:1376px;width:100%;padding-inline:40px;margin-inline:auto}
:where(.v3-site,.v3-demo) .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
:where(.v3-site,.v3-demo) .v-icon{width:22px;height:22px;flex-shrink:0;object-fit:contain}
:where(.v3-site,.v3-demo) :is(section,h2,input[id],#cart,#contact){scroll-margin-block-start:100px}
:where(.v3-site,.v3-demo) .skip-link{position:fixed;top:-100px;left:16px;background:#fff;color:#171717;padding:12px 20px;z-index:500;border:2px solid #171717}
:where(.v3-site,.v3-demo) .skip-link:focus{top:12px}
:where(.v3-site,.v3-demo) .skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0;border:0}
:where(.v3-site,.v3-demo) .v-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:12px 24px;border:0;border-radius:12px;color:white;background:var(--accent);font-weight:600}
.v3-site .chrome-header{background:#fff;border-bottom:1px solid var(--line);backdrop-filter:none}
.v3-site .chrome-header-row{min-height:80px;height:auto;padding-block:15px}
.v3-site .chrome-brand{letter-spacing:0;font-family:var(--display);font-weight:600}
.v3-site .brand-name{line-height:1.25;font-weight:600}
.v3-site .brand-sub{display:block;font:400 .75rem/1.6 PlexThai,sans-serif;color:var(--muted);letter-spacing:0}
.v3-site .chrome-emblem{background:var(--accent);border-radius:12px;transform:none;width:42px;height:42px}
.v3-site .chrome-emblem img{transform:none;width:38px;height:38px;filter:none}
.suite-thaieater.v3-site .chrome-emblem{background:transparent}
.suite-thaiez.v3-site .chrome-emblem{background:#fff}
.v3-site .chrome-desktop-nav a{color:#45454e;font-size:.9rem;letter-spacing:0}
.v3-site .chrome-cta{background:var(--accent);border-radius:12px;font-size:.9rem;letter-spacing:0}
.v3-site .chrome-mobile-menu a{min-height:44px}
.v3-site .mobile-menu-toggle{min-height:44px;min-width:44px}
.v3-site .brand-badge{font:700 .9rem/1 Kanit,sans-serif;background:#ffe141;border:2px solid #252529;color:#252529;margin-left:7px;border-radius:6px;padding:5px 7px;transform:rotate(-6deg);display:inline-block}
.v3-site .demo-note{font-size:.8rem;color:var(--muted);padding-block:12px;line-height:1.7}
.v3-site .v-search{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #9b9ba3;border-radius:14px;padding-inline:20px;min-height:66px;width:100%}
.v3-site .v-search input{flex:1;border:0;min-height:62px;padding:10px 0;background:transparent;font-size:1.1rem;outline-offset:0;min-width:0}
.v3-site .search-hint{font-size:.82rem;color:var(--muted)}
.v3-site .section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}
.v3-site .section-top p{color:var(--muted);font-size:.95rem;margin-top:6px}
.v3-site .section-top .section-label{color:var(--accent);font-size:.85rem;margin:0 0 3px}
.v3-site #catalogCount{font-size:.9rem;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}
.v3-site .catalog-empty{border:1px dashed #85858f;border-radius:16px;padding:40px;text-align:center;margin-block:25px}
.v3-site .catalog-empty p{margin-block:10px 20px}
.v3-site .v-preview{padding-block:28px 48px}
.v3-site .v-preview summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;border:1px solid #85858f;border-radius:12px;padding:16px 22px;font-weight:600;list-style:none}
.v3-site .v-preview summary::-webkit-details-marker{display:none}
.v3-site .v-preview summary>span{font-weight:400;font-size:.85rem}
.v3-site .preview-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-block:20px}
.v3-site .preview-tools select{flex:1}
.v3-site .preview-tools a{text-decoration:underline;min-height:44px;display:flex;align-items:center}
.v3-site .v-preview iframe{width:100%;height:820px;border:1px solid #aaa;border-radius:12px;background:white}
.v3-site .v-footer{background:#f6f6f7;padding-block:42px;border-top:1px solid var(--line)}
.v3-site .v-footer-brand{font:600 1.6rem/1.4 var(--display)}
.v3-site .v-footer nav{display:flex;flex-wrap:wrap;gap:8px 28px;margin-block:20px}
.v3-site .v-footer nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:.9rem}
.v3-site .v-footer p{font-size:.8rem;color:var(--muted)}
/* กินไหนดี? — search and food photography lead the page. */
.suite-thaieater.v3-site{--chrome-accent:var(--accent)}
.v3-site .eater-search{background:#fff6f2;padding-top:36px;border-bottom:1px solid #f0e4dd}
.v3-site .eater-slogan{font-size:.95rem;color:var(--accent);font-weight:600}
.v3-site .eater-search h1{font-size:clamp(1.8rem,3vw,2.8rem);margin:5px 0 23px}
.v3-site .eater-search .v-search{border:2px solid var(--accent);max-width:none;box-shadow:0 5px 16px #ad42100a}
.v3-site .category-row{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x proximity;padding:25px 4px 20px;scrollbar-width:thin}
.v3-site .category-row button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:9px;flex:0 0 112px;scroll-snap-align:start;min-height:115px;border-radius:16px;padding:6px 3px;font-size:.82rem;white-space:nowrap}
.v3-site .category-row img{width:72px;height:72px;border-radius:50%;border:3px solid white;outline:1px solid #e5d8d1}
.v3-site .category-row button[aria-pressed=true]{color:var(--accent);font-weight:600;background:#ffe7dc}
.v3-site .category-row button[aria-pressed=true] img{outline:2px solid var(--accent)}
.v3-site .food-recommend{padding-block:26px 35px}
.v3-site .carousel-controls{display:flex;gap:10px}
.v3-site .carousel-controls button{border:1px solid #c2c2c8;width:44px;height:44px;border-radius:50%;background:white;font-size:1.15rem}
.v3-site .food-carousel{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 15px;scrollbar-width:thin}
.v3-site .food-card{min-width:0;background:white;overflow:hidden}
.v3-site .food-feature{flex:0 0 31%;scroll-snap-align:start}
.v3-site .food-photo{display:block;position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:15px;background:#f0eeeb}
.v3-site .food-photo>img{width:100%;height:100%;object-fit:cover;outline:1px solid #00000019;outline-offset:-1px}
.v3-site .food-rating{position:absolute;right:12px;bottom:12px;border-radius:8px;padding:3px 9px;font:600 .85rem/1.7 PlexThai,sans-serif;color:#252529;background:white;box-shadow:0 2px 10px #0002}
.v3-site .food-info{padding:14px 2px 0}
.v3-site .food-info h3{font-size:1.02rem;line-height:1.5;text-wrap:pretty}
.v3-site .food-english{font-size:.78rem;color:var(--muted);margin-top:2px}
.v3-site .food-meta{font-size:.78rem;color:var(--muted);margin-top:7px;line-height:1.7}
.v3-site .food-action{display:flex;justify-content:space-between;align-items:center;min-height:44px;color:var(--accent);font-size:.88rem;font-weight:600}
.v3-site .food-action span{font-size:1.1rem}
.v3-site .food-catalog{padding-block:24px 35px;border-top:1px solid var(--line)}
.v3-site .food-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}
.v3-site .eater-partner{background:#fff1e8;border:1px solid #f1d9cc;border-radius:20px;margin-block:20px 45px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:25px;width:calc(100% - 80px);max-width:1296px}
.v3-site .eater-partner p{font-size:.9rem;color:#6a4637}
.v3-site .eater-partner h2{font-size:1.6rem;margin-block:7px}
.v3-site .app-tabs{display:none}
/* ThaiEZ — flat colour bands, outlines and tangible offset shadows. */
.suite-thaiez.v3-site{--display:Kanit,PlexThai,sans-serif;--accent:#2652e8;--ink:#242126;--muted:#5d5560;--outline:#242126;--yellow:#ffe141;--pink:#ff94cc;--lime:#d4ef66;--paper:#fffdf6;background:var(--paper)}
.suite-thaiez.v3-site :is(h1,h2,h3,h4){font-weight:700}
.suite-thaiez.v3-site .chrome-header{background:var(--paper);border-bottom:2px solid var(--outline)}
.suite-thaiez.v3-site .chrome-brand{font-weight:700}
.suite-thaiez.v3-site .brand-name{font-weight:700}
.suite-thaiez.v3-site :is(.v-button,.chrome-cta){background:var(--accent);border:2px solid var(--outline);box-shadow:4px 4px 0 var(--outline);border-radius:12px;color:white;font-weight:600;transform:translate(0,0)}
.suite-thaiez.v3-site .v-button{min-height:56px;padding:13px 26px}
.v3-site .ez-hero{background:var(--yellow);border-bottom:2px solid var(--outline);overflow:hidden}
.v3-site .ez-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;min-height:630px;padding-block:70px 50px}
.v3-site .ez-tag{font-size:.95rem;font-weight:600;margin-bottom:16px}
.v3-site .ez-hero h1{font-size:clamp(3.4rem,6vw,5.5rem);line-height:1.2}
.v3-site .ez-hero h1 span{color:#263dc2}
.v3-site .ez-intro{font-size:1.1rem;margin-block:24px 28px;line-height:1.8}
.v3-site .ez-price-note{font-size:.83rem;margin-top:18px}
.v3-site .ez-hero .demo-note{color:#554617;border-top:1px solid #9f882d;padding-block:14px}
.v3-site .ez-fan{position:relative;height:430px;isolation:isolate}
.v3-site .ez-fan-card{position:absolute;width:72%;top:20px;left:5%;border:2px solid var(--outline);border-radius:13px;background:white;box-shadow:6px 7px 0 var(--outline);overflow:hidden;transform:rotate(-13deg);transform-origin:center bottom}
.v3-site .fan-1{top:0;left:22%;transform:rotate(9deg);z-index:2}
.v3-site .fan-2{top:110px;left:9%;transform:rotate(-4deg);z-index:3}
.v3-site .ez-fan-card:focus-visible{z-index:6}
.v3-site .price-sticker{position:absolute;z-index:5;right:-5px;bottom:-10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--pink);border:3px solid var(--outline);border-radius:50%;width:188px;height:188px;box-shadow:5px 5px 0 var(--outline);transform:rotate(10deg)}
.v3-site .price-sticker>span{font-size:.8rem;font-weight:600}
.v3-site .price-sticker strong{font:700 4.5rem/1.1 Kanit,sans-serif}
.v3-site .price-sticker strong span{font-size:1.3rem}
.v3-site .mini-site{background:white;color:#262529;font-family:PlexThai,sans-serif;font-weight:400;text-align:left}
.v3-site .mini-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;background:white;padding:10px 13px;font-size:.45rem;white-space:nowrap}
.v3-site .mini-nav strong{font-size:.55rem}
.v3-site .mini-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 13px;background:color-mix(in srgb,var(--mini-color) 12%,white)}
.v3-site .mini-hero>div{min-width:0}
.v3-site .mini-hero>div>span{font-size:.43rem;color:#555}
.v3-site .mini-hero strong{display:block;font-size:1.1rem;line-height:1.35;margin-block:5px}
.v3-site .mini-hero p{font-size:.47rem;line-height:1.65;margin-block:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.v3-site .mini-hero b{display:inline-block;color:white;background:var(--mini-action);font-size:.46rem;font-weight:600;padding:5px 8px;border-radius:3px}
.v3-site .mini-hero>img{width:100%;height:170px;border-radius:6px;object-fit:cover}
.v3-site .mini-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:15px 13px 20px}
.v3-site .mini-services>div{border-top:2px solid var(--mini-color);padding-top:8px}
.v3-site .mini-services strong{display:block;font-size:.45rem;line-height:1.6;font-weight:600}
.v3-site .mini-services span{font-size:.5rem;color:#555}
.v3-site .ez-marquee{display:flex;background:var(--pink);border-bottom:2px solid var(--outline);overflow:hidden}
.v3-site .marquee-controls{flex:0 0 210px;background:var(--pink);border-right:2px solid var(--outline);padding:12px 20px;z-index:1;display:flex;flex-direction:column;justify-content:center}
.v3-site .marquee-controls>span{font:700 1.1rem/1.5 Kanit,sans-serif}
.v3-site #marqueePause{border:0;background:transparent;min-height:44px;text-align:left;font-size:.75rem;text-decoration:underline;padding:0}
.v3-site .marquee-viewport{overflow:hidden;flex:1;display:flex;align-items:center}
.v3-site .marquee-track,.v3-site .marquee-track>div{display:flex;align-items:center;gap:0;width:max-content;flex-shrink:0}
.v3-site .marquee-track span{white-space:nowrap;padding:10px 32px;font:700 1.4rem/1.6 Kanit,sans-serif;border-right:2px solid var(--outline)}
.v3-site .ez-band{padding-block:76px;border-bottom:2px solid var(--outline)}
.v3-site .ez-band h2{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.3}
.v3-site .ez-section-heading{margin-bottom:35px}
.v3-site .ez-section-heading>p{margin-bottom:8px}
.v3-site .ez-steps{background:var(--paper)}
.v3-site .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:35px}
.v3-site .steps-grid li{display:grid;grid-template-columns:85px 1fr;gap:6px 20px}
.v3-site .steps-grid li>span{font:700 6.5rem/1 Kanit,sans-serif;grid-row:span 2;color:#2652e8}
.v3-site .steps-grid h3{font-size:1.4rem;padding-top:5px}
.v3-site .steps-grid p{color:var(--muted);font-size:.94rem;max-width:27ch}
.v3-site .ez-included{background:var(--lime)}
.v3-site .included-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:50px}
.v3-site .included-layout h2{margin-top:12px}
.v3-site .included-layout ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;gap:35px}
.v3-site .included-layout li{display:flex;gap:15px}
.v3-site .included-layout .v-icon{width:28px;height:28px;margin-top:4px}
.v3-site .included-layout h3{font-size:1.3rem;margin-bottom:7px}
.v3-site .included-layout li p{font-size:.95rem;color:#434a2b}
.v3-site .ez-gallery{background:#f7f3ff}
.v3-site .ez-gallery .section-top{margin-bottom:28px}
.v3-site .gallery-count{border:2px solid var(--outline);border-radius:50%;width:95px;height:95px;display:grid;place-items:center;background:var(--yellow);transform:rotate(8deg)}
.v3-site .ez-gallery-tools{display:flex;flex-direction:column;gap:18px;margin-bottom:30px}
.v3-site .ez-gallery .v-search{max-width:550px;border:2px solid var(--outline);min-height:54px;box-shadow:3px 3px 0 var(--outline)}
.v3-site .ez-gallery .v-search input{min-height:50px}
.v3-site .ez-gallery .search-hint{display:none}
.v3-site .ez-filters{display:flex;flex-wrap:wrap;gap:12px}
.v3-site .ez-filters button{border:2px solid var(--outline);padding:9px 17px;min-height:46px;border-radius:30px;background:white;font-size:.9rem}
.v3-site .ez-filters button[aria-pressed=true]{background:var(--outline);color:white}
.v3-site .ez-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.v3-site .ez-template{border:2px solid var(--outline);border-radius:17px;background:white;box-shadow:5px 5px 0 var(--outline);overflow:hidden;display:flex;flex-direction:column}
.v3-site .ez-template-preview{border-bottom:2px solid var(--outline);padding:14px;background:var(--yellow)}
.v3-site .ez-template:nth-child(3n+2) .ez-template-preview{background:var(--pink)}
.v3-site .ez-template:nth-child(3n) .ez-template-preview{background:var(--lime)}
.v3-site .ez-template .mini-site{border:1px solid #6f6b73;border-radius:5px;overflow:hidden}
.v3-site .ez-template .mini-hero>img{height:145px}
.v3-site .ez-template .mini-hero strong{font-size:.95rem}
.v3-site .ez-template-info{display:flex;justify-content:space-between;gap:12px;padding:20px 20px 12px}
.v3-site .ez-template-info>div{min-width:0}
.v3-site .ez-template-info h3{font-size:1.2rem;line-height:1.4;text-wrap:pretty}
.v3-site .ez-template-info p{font-size:.78rem;color:var(--muted);margin-top:5px}
.v3-site .palette{width:30px;height:30px;border:2px solid var(--outline);background:var(--palette);border-radius:50%;flex-shrink:0}
.v3-site .ez-template-action{display:flex;align-items:center;justify-content:space-between;min-height:50px;font-weight:600;padding:10px 20px;margin-top:auto;border-top:1px solid #ddd}
.v3-site .ez-pricing{background:#3159e9;color:white}
.v3-site .receipt-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.v3-site .receipt-layout h2{font-size:clamp(2.6rem,4.3vw,4.1rem);margin-block:16px 20px}
.v3-site .domain-builder{margin-top:35px;max-width:520px}
.v3-site .domain-builder label{display:block;font-weight:600;margin-bottom:9px}
.v3-site .domain-builder small{display:block;font-size:.8rem;font-weight:400}
.v3-site .domain-input{display:flex;gap:8px;margin-bottom:18px}
.v3-site .domain-input input{width:50%}
.v3-site .domain-input select{width:50%}
.v3-site .domain-builder .v-button{background:var(--yellow);color:var(--ink)}
.v3-site #domainPreview{font-size:.8rem;margin-top:18px;overflow-wrap:anywhere}
.v3-site .ez-receipt{color:var(--ink);background:var(--paper);border:3px solid var(--outline);padding:35px;border-radius:20px 20px 6px 6px;box-shadow:10px 10px 0 var(--outline);transform:rotate(2deg);position:relative}
.v3-site .ez-receipt::after{content:'';display:block;height:12px;position:absolute;bottom:-12px;left:0;right:0;background:conic-gradient(from 135deg at 50% 0,var(--paper) 90deg,transparent 0) 0 0/20px 15px}
.v3-site .receipt-heading{font-size:.8rem;display:block;border-bottom:1px solid #9b9794;padding-bottom:15px}
.v3-site .ez-receipt h3{font-size:1.7rem;margin-block:20px}
.v3-site .receipt-line{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-block:12px}
.v3-site .receipt-line>span{font-size:.93rem}
.v3-site .receipt-line strong{font:700 3.3rem/1.3 Kanit,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.v3-site .receipt-line small{font:400 .8rem/1.6 PlexThai,sans-serif}
.v3-site .receipt-divider{border-top:2px dashed #8a8585;margin-block:23px}
.v3-site .ez-receipt h4{font-size:1.2rem;margin-block:19px 9px}
.v3-site .ez-receipt ul{padding-left:22px;font-size:.9rem;line-height:1.9}
.v3-site .ez-receipt>p{font-size:.86rem;line-height:1.8}
.v3-site .ez-receipt .v-button{width:100%;margin-top:25px}
.v3-site .ez-receipt .receipt-note{font-size:.75rem;text-align:center;margin-top:17px;color:var(--muted)}
.v3-site .ez-faq{background:var(--paper)}
.v3-site .faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:65px}
.v3-site .faq-layout h2{margin-top:12px}
.v3-site .faq-layout details{border-bottom:2px solid var(--outline)}
.v3-site .faq-layout summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-weight:600;padding:23px 0;list-style:none}
.v3-site .faq-layout summary::-webkit-details-marker{display:none}
.v3-site .faq-layout summary>span{font:400 1.6rem/1 Arial,sans-serif;flex-shrink:0}
.v3-site .faq-layout details[open] summary>span{transform:rotate(45deg)}
.v3-site .faq-layout details>p{padding-bottom:25px;color:var(--muted);font-size:.95rem;max-width:65ch}
.suite-thaiez.v3-site .v-preview{padding-block:35px;background:var(--paper)}
.suite-thaiez.v3-site .v-preview summary{border:2px solid var(--outline);box-shadow:3px 3px 0 var(--outline)}
.v3-site .ez-final{background:var(--pink);text-align:center;padding-block:65px;border-block:2px solid var(--outline)}
.v3-site .ez-final h2{font-size:clamp(3rem,5.5vw,5rem);margin-block:15px 30px;line-height:1.2}
.v3-site .ez-final .final-small{font-size:.8rem;margin-top:20px}
.suite-thaiez.v3-site .v-footer{background:var(--paper);border:0}
/* Neutral, clean business sites and restaurant menu storefronts. */
.v3-demo .standalone-notice{font-size:.8rem;text-align:center;background:#f2f3f5;color:#55545a;padding:10px 20px}
.v3-demo .demo-page-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px}
.v3-demo .storefront-brand{font-family:var(--display);color:var(--demo-action);font-size:1.1rem;max-width:55%}
.v3-demo .demo-page-nav nav{display:flex;gap:22px;align-items:center}
.v3-demo .demo-page-nav nav a{min-height:44px;display:flex;align-items:center;font-size:.85rem}
.v3-demo .demo-page-nav .storefront-nav-action{padding:10px 20px;border:1px solid var(--demo-action);color:var(--demo-action);border-radius:8px;font-weight:600}
.v3-demo .store-cover{position:relative;height:390px;color:white;background:#252529;isolation:isolate}
.v3-demo .store-cover>img{width:100%;height:100%;position:absolute;inset:0;z-index:-2}
.v3-demo .store-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000e 0%,#0007 60%,#0002);z-index:-1}
.v3-demo .store-cover-copy{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-block:40px}
.v3-demo .store-cover h1{font-size:clamp(1.9rem,4vw,3.5rem);max-width:24ch;margin-block:8px}
.v3-demo .store-open{font-size:.8rem;padding:5px 12px;border-radius:6px;background:#edf8e9;color:#245d31;align-self:flex-start;font-weight:600}
.v3-demo .store-english{font-size:.95rem;margin-bottom:12px;color:#fff}
.v3-demo .store-cover-meta{font-size:.85rem}
.v3-demo .menu-tabs{position:sticky;top:0;background:white;border-bottom:1px solid var(--line);z-index:20}
.v3-demo .menu-tabs>.container{display:flex;overflow-x:auto;gap:25px}
.v3-demo .menu-tabs button{flex-shrink:0;background:transparent;border:0;border-bottom:3px solid transparent;padding:17px 3px;min-height:62px;font-size:.92rem}
.v3-demo .menu-tabs button[aria-pressed=true]{border-color:var(--demo-action);color:var(--demo-action);font-weight:600}
.v3-demo .demo-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:55px;padding-block:42px 65px;align-items:start}
.v3-demo .demo-panel{min-width:0}
.v3-demo .section-intro{margin-bottom:22px}
.v3-demo .section-intro>p:last-child{color:var(--muted);font-size:.9rem;margin-top:8px}
.v3-demo .eyebrow{font-size:.82rem;color:var(--demo-action);margin-bottom:5px}
.v3-demo .demo-menu-grid{display:flex;flex-direction:column}
.v3-demo .demo-menu-item{position:relative;min-height:150px;padding:22px 145px 22px 0;border-bottom:1px solid var(--line)}
.v3-demo .demo-menu-item>strong{font-size:1rem;font-weight:600;display:block;line-height:1.65}
.v3-demo .demo-menu-item>.demo-item-actions>strong{display:block;color:var(--ink)!important;font-variant-numeric:tabular-nums;font-size:1rem;margin-top:15px}
.v3-demo .menu-thumb{position:absolute;width:110px;height:110px;object-fit:cover;border-radius:12px;right:0;top:20px}
.v3-demo .demo-menu-item [data-add]{position:absolute;right:-5px;top:93px;z-index:1;border:1px solid var(--demo-action);border-radius:50%;width:44px;height:44px;font-size:1.8rem;line-height:1;background:white;color:var(--demo-action);box-shadow:0 2px 8px #0001}
.v3-demo .cart-panel{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fafafa}
.v3-demo .cart-panel h2{font-size:1.5rem}
.v3-demo #stageCartItems{padding-block:20px}
.v3-demo .demo-item-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-block:10px}
.v3-demo .demo-item-actions .btn-chip{border:1px solid #85858f;background:#fff;padding:8px 12px;border-radius:7px;min-height:44px;font-size:.8rem;flex-shrink:0}
.v3-demo .demo-menu-item .demo-item-actions [data-add]{border-radius:50%;font-size:1.8rem;padding:0;border-color:var(--demo-action);color:var(--demo-action)}
.v3-demo :is(.cart-panel,.lead-panel) label{display:flex;flex-direction:column;gap:7px;margin-block:17px;font-size:.9rem;font-weight:600}
.v3-demo .demo-primary{display:flex;align-items:center;justify-content:center;min-height:50px;border:0;border-radius:9px;width:100%;background:var(--demo-action);color:white;font-weight:600;padding:13px 17px}
.v3-demo .demo-primary:disabled{background:#dedee3;color:#61616b;cursor:default}
.v3-demo .form-note{color:var(--muted);font-size:.78rem;margin-top:15px;line-height:1.8}
.v3-demo [role=status]{font-size:.88rem;margin-top:14px;overflow-wrap:anywhere}
.v3-demo .sticky-cart{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:660px;background:var(--demo-action);color:white;z-index:50;display:flex;justify-content:space-between;gap:20px;padding:16px 22px;border-radius:14px;box-shadow:0 6px 24px #0003;min-height:58px;font-variant-numeric:tabular-nums}
.v3-demo .storefront-footer{padding-block:35px;background:#f4f5f6;border-top:1px solid var(--line)}
.v3-demo .storefront-footer>.container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px 35px}
.v3-demo .storefront-footer strong{font-size:1rem}
.v3-demo .storefront-footer p{font-size:.8rem;color:var(--muted);margin-top:6px}
.v3-demo .storefront-footer nav{display:flex;gap:25px;flex-wrap:wrap}
.v3-demo .storefront-footer nav a{min-height:44px;display:flex;align-items:center;font-size:.85rem;text-decoration:underline}
.v3-demo .storefront-footer-note{width:100%}
.v3-demo.demo-storefront{padding-bottom:90px}
.v3-demo .business-hero{background:color-mix(in srgb,var(--demo-color) 10%,white);border-top:1px solid var(--line)}
.v3-demo .business-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:65px}
.v3-demo .business-label{color:var(--demo-action);font-size:.9rem;font-weight:600;line-height:1.8}
.v3-demo .business-hero h1{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.25;margin-block:18px 25px}
.v3-demo .business-description{font-size:1.05rem;color:#55535e;max-width:50ch;line-height:1.9}
.v3-demo .storefront-action{display:inline-flex;align-items:center;gap:20px;padding:13px 25px;background:var(--demo-action);color:white;border-radius:8px;min-height:50px;font-weight:600;margin-top:28px}
.v3-demo .business-domain{font-size:.77rem;color:var(--muted);margin-top:22px;overflow-wrap:anywhere}
.v3-demo .business-hero-grid>img{width:100%;height:460px;border-radius:16px;object-fit:cover}
.v3-demo .business-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:60px;border-bottom:1px solid var(--line)}
.v3-demo .business-intro h2{margin-top:9px}
.v3-demo .business-intro>p{color:var(--muted);line-height:1.9;max-width:60ch}
.v3-demo .demo-services{list-style:none;display:flex;flex-direction:column;gap:16px}
.v3-demo .service-card{position:relative;padding:23px;border:1px solid var(--line);border-radius:12px;background:#fff}
.v3-demo .service-card::before{content:'';width:4px;position:absolute;top:25px;bottom:25px;left:0;background:var(--demo-color);border-radius:0 5px 5px 0}
.v3-demo .service-card h3{font-size:1.1rem}
.v3-demo .service-card p{font-size:.8rem;color:var(--muted);margin-top:8px}
.v3-demo .service-card>strong{font-size:1.2rem;display:block;margin-top:7px;font-variant-numeric:tabular-nums}
.v3-demo .service-card a{display:inline-flex;align-items:center;min-height:44px;gap:18px;color:var(--demo-action);font-size:.85rem;font-weight:600;margin-top:8px}
.v3-demo .lead-panel{border:1px solid var(--line);border-radius:16px;padding:28px;background:#fafafa}
.v3-demo .lead-panel>p{font-size:.9rem;color:var(--muted);margin-top:10px}
@media(hover:hover){
 .v3-site .food-action:hover,.v3-demo .service-card a:hover{text-decoration:underline}
 .v3-site .category-row button:hover{background:#ffe7dc}
 .suite-thaiez.v3-site :is(.v-button,.chrome-cta):hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--outline)}
 .v3-site .ez-template-action:hover{background:var(--yellow)}
 .v3-site .ez-marquee:hover .marquee-track{animation-play-state:paused}
}
@media(prefers-reduced-motion:no-preference){
 html:has(.v3-site),html:has(.v3-demo){scroll-behavior:smooth;scroll-padding-block-start:90px}
 .v3-site .marquee-track{animation:industry-scroll 65s linear infinite}
 .v3-site .ez-marquee.is-paused .marquee-track,.v3-site .ez-marquee:focus-within .marquee-track{animation-play-state:paused}
 .suite-thaiez.v3-site :is(.v-button,.chrome-cta){transition:transform 150ms ease-out,box-shadow 150ms ease-out}
 .suite-thaiez.v3-site :is(.v-button,.chrome-cta):active{transform:translate(4px,4px);box-shadow:0 0 0 var(--outline)}
 :where(.v3-site,.v3-demo) button:not(:disabled):active{scale:.96}
 @keyframes industry-scroll{to{transform:translateX(-50%)}}
}
@media(prefers-reduced-motion:reduce){
 .v3-site .marquee-viewport{overflow-x:auto}
 .v3-site .marquee-track>div{display:none}
 .v3-site #marqueePause{display:none}
 .v3-site .marquee-track{animation:none}
 .v3-site .ez-fan-card,.v3-site .v-button{transition:none}
 .suite-thaiez.v3-site :is(.v-button,.chrome-cta):hover{transform:none;box-shadow:4px 4px 0 var(--outline)}
 .v3-site .chrome-header *{transition:none}
}
@media(max-width:1100px){
 .v3-site .food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v3-site .food-feature{flex-basis:42%}
 .v3-site .ez-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v3-site .ez-hero-grid{gap:10px;min-height:580px}
 .v3-site .ez-hero h1{font-size:3.5rem}
 .v3-site .ez-fan{height:400px}
 .v3-site .price-sticker{width:145px;height:145px;bottom:0}
 .v3-site .price-sticker strong{font-size:3.5rem}
 .v3-site .steps-grid li{grid-template-columns:60px 1fr;gap:8px 12px}
 .v3-site .steps-grid li>span{font-size:5rem}
 .v3-site .receipt-layout{gap:45px}
 .v3-demo .business-hero-grid{gap:35px}
}
@media(max-width:760px){
 :where(.v3-site,.v3-demo) .container{padding-inline:20px}
 .v3-site .chrome-header-row{padding-block:12px;min-height:72px;gap:14px}
 .v3-site .chrome-brand{font-size:1.5rem;gap:9px}
 .v3-site .chrome-cta{display:none}
 .v3-site .brand-sub{font-size:.65rem}
 .v3-site .chrome-header-actions{gap:8px}
 .v3-site .chrome-emblem{width:36px;height:36px}
 .v3-site .chrome-brand .brand-name{letter-spacing:0}
 .v3-site .chrome-mobile-menu{padding:18px 20px}
 .v3-site .network-popover{right:-45px;max-width:calc(100vw - 40px)}
 .v3-site .v-footer{padding-block:32px}
 .v3-site .v-footer nav{gap:4px 22px}
 .v3-site .eater-search{padding-top:24px}
 .v3-site .eater-search h1{font-size:1.65rem;margin-bottom:20px}
 .v3-site .eater-slogan{font-size:.85rem}
 .v3-site .v-search{padding-inline:14px;gap:12px;min-height:60px}
 .v3-site .v-search input{font-size:1rem;min-height:56px}
 .v3-site .search-hint{display:none}
 .v3-site .category-row{gap:12px;margin-inline:-20px;padding:20px 20px 16px}
 .v3-site .category-row button{flex-basis:90px;font-size:.74rem}
 .v3-site .category-row img{width:64px;height:64px}
 .v3-site .food-recommend{padding-block:20px}
 .v3-site .section-top{margin-bottom:18px;gap:12px}
 .v3-site .section-top p{font-size:.85rem}
 .v3-site .food-carousel{margin-inline:-20px;padding-inline:20px;gap:18px;scroll-padding-inline:20px}
 .v3-site .food-feature{flex-basis:84%}
 .v3-site .carousel-controls{gap:5px}
 .v3-site .food-grid{grid-template-columns:1fr;gap:22px}
 .v3-site .food-grid .food-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px}
 .v3-site .food-grid .food-photo{aspect-ratio:auto;min-height:128px;border-radius:12px}
 .v3-site .food-grid .food-rating{right:7px;bottom:7px;padding:2px 6px;font-size:.75rem}
 .v3-site .food-grid .food-info{padding:0}
 .v3-site .food-grid .food-info h3{font-size:.95rem;line-height:1.5}
 .v3-site .food-grid .food-english{font-size:.72rem;line-height:1.7}
 .v3-site .food-grid .food-meta{font-size:.72rem;margin-top:5px}
 .v3-site .food-catalog{padding-block:22px}
 .v3-site .food-catalog h2{font-size:1.45rem}
 .v3-site .eater-partner{width:calc(100% - 40px);padding:25px;flex-direction:column;align-items:start;margin-bottom:30px}
 .v3-site .eater-partner h2{font-size:1.4rem}
 .suite-thaieater.v3-site{padding-bottom:85px}
 .v3-site .app-tabs{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;z-index:120;background:#fff;border-top:1px solid var(--line);padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
 .v3-site .app-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:55px;min-width:80px;font-size:.72rem;color:#666}
 .v3-site .app-tabs a[aria-current]{color:var(--accent);font-weight:600}
 .v3-site .v-preview summary{font-size:.85rem;padding-inline:14px}
 .v3-site .v-preview summary>span{font-size:.7rem}
 .v3-site .preview-tools{gap:10px;font-size:.85rem}
 .v3-site .preview-tools select{flex-basis:100%;width:100%}
 .v3-site .ez-hero-grid{grid-template-columns:1fr;padding-block:35px 25px;gap:20px}
 .v3-site .ez-tag{font-size:.85rem;margin-bottom:12px}
 .v3-site .ez-hero h1{font-size:3.35rem;line-height:1.2}
 .v3-site .ez-intro{font-size:1rem;margin-block:20px 24px}
 .v3-site .ez-price-note{font-size:.73rem;max-width:33ch}
 .v3-site .ez-fan{height:360px;margin-top:20px}
 .v3-site .ez-fan-card{width:75%;left:0;top:10px}
 .v3-site .fan-1{left:20%;top:0}
 .v3-site .fan-2{left:7%;top:90px}
 .v3-site .ez-fan-card .mini-hero strong{font-size:.83rem}
 .v3-site .ez-fan-card .mini-hero>img{height:135px}
 .v3-site .price-sticker{width:135px;height:135px;right:0;bottom:0}
 .v3-site .price-sticker>span{font-size:.65rem}
 .v3-site .price-sticker strong{font-size:3.1rem}
 .v3-site .ez-marquee{flex-direction:column}
 .v3-site .marquee-controls{flex-basis:auto;flex-direction:row;justify-content:space-between;align-items:center;gap:15px;padding:3px 20px;border:0;border-bottom:1px solid var(--outline)}
 .v3-site .marquee-controls>span{font-size:.9rem}
 .v3-site .marquee-track span{font-size:1.1rem;padding:15px 25px}
 .v3-site .ez-band{padding-block:45px}
 .v3-site .ez-band h2{font-size:2.1rem}
 .v3-site .steps-grid{grid-template-columns:1fr;gap:28px}
 .v3-site .steps-grid li{grid-template-columns:65px 1fr;gap:4px 20px}
 .v3-site .steps-grid li>span{font-size:5.8rem}
 .v3-site .steps-grid h3{font-size:1.3rem}
 .v3-site .steps-grid p{max-width:30ch;font-size:.92rem}
 .v3-site .included-layout{grid-template-columns:1fr;gap:30px}
 .v3-site .included-layout ul{grid-template-columns:1fr;gap:25px}
 .v3-site .included-layout h3{font-size:1.2rem}
 .v3-site .gallery-count{width:65px;height:65px;flex-shrink:0;font-size:.8rem!important}
 .v3-site .ez-gallery .section-top{align-items:start}
 .v3-site .ez-gallery .section-top p{font-size:.83rem}
 .v3-site .ez-gallery h2{font-size:1.9rem}
 .v3-site .ez-filters{flex-wrap:nowrap;overflow:auto;margin-inline:-20px;padding:3px 20px 10px;gap:9px}
 .v3-site .ez-filters button{flex-shrink:0;font-size:.82rem;padding-inline:14px}
 .v3-site .ez-template-grid{grid-template-columns:1fr;gap:26px}
 .v3-site .ez-template-preview{padding:12px}
 .v3-site .ez-template .mini-hero>img{height:145px}
 .v3-site .ez-template-info{padding-inline:17px}
 .v3-site .ez-template-info h3{font-size:1.2rem}
 .v3-site .receipt-layout{grid-template-columns:1fr;gap:35px}
 .v3-site .receipt-layout h2{font-size:2.6rem}
 .v3-site .ez-receipt{padding:23px;transform:rotate(1deg);box-shadow:6px 6px 0 var(--outline)}
 .v3-site .ez-receipt h3{font-size:1.5rem}
 .v3-site .receipt-line{gap:10px}
 .v3-site .receipt-line>span{font-size:.85rem}
 .v3-site .receipt-line strong{font-size:2.5rem}
 .v3-site .receipt-line small{font-size:.7rem}
 .v3-site .faq-layout{grid-template-columns:1fr;gap:25px}
 .v3-site .faq-layout summary{font-size:.92rem}
 .v3-site .ez-final h2{font-size:3rem}
 .v3-demo .demo-page-nav{align-items:start;gap:12px;padding-block:14px}
 .v3-demo .storefront-brand{font-size:.92rem;max-width:55%}
 .v3-demo .demo-page-nav nav{gap:0;flex-direction:column;align-items:end}
 .v3-demo .demo-page-nav nav a{font-size:.75rem}
 .v3-demo .demo-page-nav .storefront-nav-action{display:none}
 .v3-demo .standalone-notice{font-size:.72rem;padding:8px 16px}
 .v3-demo .store-cover{height:330px}
 .v3-demo .store-cover-copy{padding-block:25px}
 .v3-demo .store-cover h1{font-size:1.9rem}
 .v3-demo .store-english{font-size:.83rem}
 .v3-demo .store-cover-meta{font-size:.75rem}
 .v3-demo .menu-tabs>.container{gap:22px}
 .v3-demo .menu-tabs button{font-size:.85rem;min-height:58px;padding-block:15px}
 .v3-demo .demo-columns{grid-template-columns:1fr;gap:35px;padding-block:30px 45px}
 .v3-demo .demo-menu-item{padding-right:125px;min-height:150px}
 .v3-demo .demo-menu-item>strong{font-size:.94rem}
 .v3-demo .menu-thumb{width:100px;height:100px;top:24px}
 .v3-demo .demo-menu-item [data-add]{top:90px}
 .v3-demo .cart-panel{padding:20px}
 .v3-demo .storefront-footer nav{gap:10px 20px}
 .v3-demo .business-hero-grid{grid-template-columns:1fr;gap:30px;padding-block:35px}
 .v3-demo .business-hero h1{font-size:2.3rem;margin-block:14px 20px}
 .v3-demo .business-description{font-size:1rem}
 .v3-demo .business-hero-grid>img{height:300px}
 .v3-demo .business-intro{grid-template-columns:1fr;gap:20px;padding-block:35px}
 .v3-demo .business-label{font-size:.8rem}
 .v3-demo .lead-panel{padding:22px}
}
@media(max-width:350px){.v3-site .ez-hero h1{font-size:2.9rem}.v3-site .food-grid .food-card{grid-template-columns:95px minmax(0,1fr)}.v3-site .receipt-line{flex-wrap:wrap}.v3-site .ez-fan{height:370px}}