/* ถามทีเดียว — สไตล์พื้นฐานของคอมโพเนนต์ (ธีมกำหนดสี/ฟอนต์ผ่านตัวแปร --dmx-*) */
:root{--dmx-brand:#0f766e;--dmx-brand-d:#115e59;--dmx-accent:#f59e0b;--dmx-ink:#14213d;--dmx-muted:#5b677a;--dmx-line:#e3e8ef;--dmx-bg:#f6f8fb;--dmx-ok:#15803d;--dmx-bad:#b91c1c}
.dmx-wrap{--dmx-brand:#0f766e;--dmx-brand-d:#115e59;--dmx-accent:#f59e0b;--dmx-ink:#14213d;--dmx-muted:#5b677a;--dmx-line:#e3e8ef;--dmx-bg:#f6f8fb;--dmx-ok:#15803d;--dmx-bad:#b91c1c;max-width:1240px;margin:0 auto;padding:24px 16px 48px;color:var(--dmx-ink);line-height:1.65}
.dmx-wrap *{box-sizing:border-box}
.dmx-wrap h1{font-size:1.75rem;line-height:1.25;margin:.2em 0 .5em}
.dmx-wrap h2{font-size:1.25rem;margin:1.4em 0 .5em}
.dmx-lead{font-size:1.05rem;color:var(--dmx-muted)}
.dmx-card{background:#fff;border:1px solid var(--dmx-line);border-radius:14px;padding:16px 18px;margin:12px 0}
.dmx-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.dmx-btn{display:inline-block;border:1px solid var(--dmx-line);background:#fff;color:var(--dmx-ink);border-radius:10px;padding:10px 16px;font:inherit;cursor:pointer;text-decoration:none}
.dmx-btn:hover{border-color:var(--dmx-brand)}
.dmx-btn:focus-visible,.dmx-wrap input:focus-visible,.dmx-wrap select:focus-visible,.dmx-wrap textarea:focus-visible{outline:3px solid #99f6e4;outline-offset:1px}
.dmx-btn-primary{background:var(--dmx-brand);border-color:var(--dmx-brand);color:#fff;font-weight:600}
.dmx-btn-primary:hover{background:var(--dmx-brand-d);color:#fff}
.dmx-btn-line{background:#06c755;border-color:#06c755;color:#fff;font-weight:600}
.dmx-btn-lg{padding:14px 22px;font-size:1.05rem}
.dmx-btn[disabled]{opacity:.55;cursor:not-allowed}
.dmx-field{margin:14px 0}
.dmx-field>label,.dmx-label{display:block;font-weight:600;margin-bottom:4px}
.dmx-hint{font-size:.88rem;color:var(--dmx-muted)}
.dmx-wrap input[type=text],.dmx-wrap input[type=tel],.dmx-wrap input[type=number],.dmx-wrap input[type=email],.dmx-wrap input[type=url],.dmx-wrap input[type=search],.dmx-wrap select,.dmx-wrap textarea{width:100%;padding:10px 12px;border:1px solid #c7d0dc;border-radius:10px;font:inherit;background:#fff;color:inherit}
.dmx-wrap textarea{min-height:110px;resize:vertical}
.dmx-row{display:flex;gap:12px;flex-wrap:wrap}.dmx-row>*{flex:1 1 220px}
.dmx-chips{list-style:none;padding:0;margin:8px 0;display:flex;flex-wrap:wrap;gap:8px}
.dmx-chips li,.dmx-chip{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:4px 12px;font-size:.92rem}
.dmx-chip button{border:0;background:none;cursor:pointer;margin-left:6px;color:var(--dmx-muted)}
.dmx-note{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 14px;margin:12px 0}
.dmx-err{background:#fef2f2;border:1px solid #fecaca;color:var(--dmx-bad);border-radius:10px;padding:10px 14px;margin:12px 0}
.dmx-ok{background:#f0fdf4;border:1px solid #bbf7d0;color:var(--dmx-ok);border-radius:10px;padding:10px 14px;margin:12px 0}
.dmx-badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.82rem;font-weight:600;background:#eef2f7;color:#334155}
.dmx-badge.paid,.dmx-badge.replied,.dmx-badge.sent,.dmx-badge.approved{background:#dcfce7;color:#166534}
.dmx-badge.awaiting_payment,.dmx-badge.pending,.dmx-badge.waiting,.dmx-badge.expired{background:#fef3c7;color:#92400e}
.dmx-badge.failed,.dmx-badge.declined,.dmx-badge.suspended,.dmx-badge.mismatch{background:#fee2e2;color:#991b1b}
.dmx-price{font-size:1.5rem;font-weight:700;color:var(--dmx-brand-d)}
.dmx-list{list-style:none;margin:0;padding:0}.dmx-list li{padding:8px 0;border-bottom:1px solid var(--dmx-line)}
.dmx-suggest{border:1px solid var(--dmx-line);border-radius:10px;background:#fff;max-height:240px;overflow:auto;margin-top:4px}
.dmx-suggest button{display:block;width:100%;text-align:left;border:0;background:none;padding:9px 12px;font:inherit;cursor:pointer}
.dmx-suggest button:hover{background:#f1f5f9}
.dmx-crumbs{font-size:.9rem;color:var(--dmx-muted)}
.dmx-seo details summary{cursor:pointer;font-weight:600}
@media (max-width:600px){.dmx-wrap{padding:16px 14px 40px}.dmx-wrap h1{font-size:1.45rem}}

.dmx-shop h3{margin:0 0 4px;font-size:1.1rem}.dmx-shop h3 a{text-decoration:none;color:var(--dmx-ink)}.dmx-shop h3 a:hover{color:var(--dmx-brand-d);text-decoration:underline}
.dmx-shop p{margin:.4em 0;color:var(--dmx-muted);font-size:.95rem}
.dmx-rate{font-size:.92rem;color:var(--dmx-muted)}.dmx-stars{color:#f59e0b;letter-spacing:1px;font-size:1.05rem}
.dmx-grid3 .dmx-shop{margin:0}
.dmx-pick{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.92rem}
.dmx-bar{position:sticky;bottom:0;z-index:20;background:#fff;border-top:2px solid var(--dmx-brand);padding:10px 14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between;box-shadow:0 -6px 18px rgba(0,0,0,.08)}
.dmx-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.dmx-pager{display:flex;gap:8px;align-items:center;justify-content:center;margin:16px 0}

.dmx-noscroll{overflow:hidden}
.dmx-modal{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.55);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:24px 12px}
.dmx-modal-box{position:relative;background:#fff;border-radius:18px;max-width:640px;width:100%;padding:22px 20px 18px;margin:auto;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.dmx-modal-x{position:absolute;right:10px;top:8px;border:0;background:none;font-size:1.8rem;line-height:1;cursor:pointer;color:var(--dmx-muted);padding:6px 10px}
.dmx-modal-title{margin-top:0}
.dmx-more{margin:14px 0}.dmx-more summary{cursor:pointer;font-weight:600;color:var(--dmx-brand-d)}
.dmx-zoom{align-items:center;cursor:zoom-out}.dmx-zoom img{max-width:96vw;max-height:92vh;border-radius:10px}
@media (max-width:600px){.dmx-modal{padding:0}.dmx-modal-box{border-radius:0;min-height:100%;max-width:none}}

/* หน้าโปรไฟล์ร้าน (สไตล์ไดเรกทอรี/ตลาดฟรีแลนซ์) */
.dmx-shoppage{max-width:1240px}
.dmx-hero-card{display:flex;gap:20px;align-items:flex-start;background:linear-gradient(135deg,#ecfdf5,#fff 60%);border:1px solid var(--dmx-line);border-radius:18px;padding:22px;margin:12px 0}
.dmx-logo{flex:0 0 96px;width:96px;height:96px;border-radius:20px;overflow:hidden;background:var(--dmx-brand);color:#fff;display:grid;place-items:center;font-size:2.4rem;font-weight:700;border:3px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.dmx-logo img{width:100%;height:100%;object-fit:cover;display:block}
.dmx-hero-body h1{margin:0 0 4px;font-size:1.6rem}.dmx-tagline{margin:.2em 0 .5em;color:var(--dmx-muted);font-size:1.02rem}
.dmx-verified{font-size:.78rem;font-weight:600;background:#dcfce7;color:#166534;border-radius:999px;padding:2px 10px;vertical-align:middle;white-space:nowrap}
.dmx-facts{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;padding:0;margin:10px 0 0;font-size:.92rem;color:var(--dmx-ink)}
.dmx-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.dmx-aside{position:sticky;top:76px}
.dmx-aside .dmx-card h2,.dmx-aside .dmx-card h3{margin-top:0;font-size:1.1rem}
.dmx-btn-block{display:block;width:100%;text-align:center;margin:8px 0}
.dmx-contact-list{list-style:none;padding:0;margin:10px 0}.dmx-contact-list li{padding:5px 0;word-break:break-word}
.dmx-prose{white-space:normal;line-height:1.8}
.dmx-svc{margin:.6em 0 0}
.dmx-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.dmx-gallery a{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--dmx-bg)}.dmx-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.dmx-gallery a:hover img{transform:scale(1.04)}
.dmx-sum{display:flex;gap:22px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.dmx-big{font-size:3rem;font-weight:700;line-height:1}.dmx-big small{font-size:1rem;color:var(--dmx-muted)}
.dmx-bars{flex:1 1 220px}.dmx-bars>div{display:flex;align-items:center;gap:8px;font-size:.88rem}.dmx-bars span{width:28px}.dmx-bars i{flex:1;height:8px;background:#eef2f7;border-radius:6px;overflow:hidden}.dmx-bars b{display:block;height:100%;background:#f59e0b}.dmx-bars em{width:24px;text-align:right;font-style:normal;color:var(--dmx-muted)}
.dmx-review{border-top:1px solid var(--dmx-line);padding:10px 0}.dmx-review p{margin:.3em 0 0}
.dmx-share{text-align:center;font-size:.9rem}.dmx-share .dmx-sharebar{justify-content:center}
.dmx-mbar{display:none}
@media (max-width:860px){
  .dmx-cols{grid-template-columns:1fr}.dmx-aside{position:static}
  .dmx-hero-card{flex-direction:column;align-items:center;text-align:center}.dmx-facts{justify-content:center}
  .dmx-mbar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--dmx-line);padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}
  /* ปุ่มเท่ากันทุกปุ่ม: ไอคอน + ข้อความบรรทัดเดียวกึ่งกลาง (ไม่ตัดบรรทัดจนแถบสูงเกินและข้อความลอยบน) · ไอคอน SVG หน้าตาเหมือนกันทุกเครื่อง (อีโมจิต่างกันตามระบบ) */
  .dmx-mbar .dmx-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 6px;font-size:.95rem;line-height:1.2;white-space:nowrap;text-align:center}
  .dmx-mbar .dmx-ic{width:18px;height:18px;flex:0 0 auto;fill:currentColor}
  .dmx-shoppage{padding-bottom:84px}
}
@media (max-width:359px){.dmx-mbar .dmx-btn{font-size:.85rem;gap:4px;padding:10px 3px}.dmx-mbar .dmx-ic{width:16px;height:16px}}

.dmx-cardhead{display:flex;gap:12px;align-items:center}.dmx-cardhead h3{margin:0}
.dmx-thumb{flex:0 0 52px;width:52px;height:52px;border-radius:14px;overflow:hidden;background:var(--dmx-brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.3rem;text-decoration:none}.dmx-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dmx-cardact{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:10px}.dmx-cardact .dmx-btn{padding:6px 12px;font-size:.92rem}
.dmx-modal-box.dmx-wrap{max-width:640px;padding:22px 20px 18px;margin:auto}
.dmx-modal-box .dmx-field{margin:10px 0}
.dmx-modal-box h1,.dmx-modal-box h2{margin-top:0}

/* หน้า /service/ */
.dmx-pill{display:inline-block;background:#eef2f7;color:#475569;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600}.dmx-pill-ok{background:#dcfce7;color:#166534}
.dmx-cta-band{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--dmx-brand);color:#fff;border-radius:18px;padding:22px 24px;margin:22px 0}.dmx-cta-band h2{margin:0 0 4px;color:#fff}.dmx-cta-band p{margin:0;opacity:.92}.dmx-cta-band .dmx-btn-primary{background:#fff;color:var(--dmx-brand-d);border-color:#fff}
.dmx-cathead{display:flex;gap:14px;align-items:center;margin:6px 0 4px}.dmx-cathead h1{margin:0 0 4px}

.dmx-wide{max-width:1240px}
.dmx-resbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.dmx-resbar p{margin:8px 0}
.dmx-viewtog{display:inline-flex;gap:4px}.dmx-viewtog .dmx-btn{padding:4px 12px;font-size:1rem;line-height:1.4}.dmx-viewtog .dmx-btn.on{background:var(--dmx-brand);border-color:var(--dmx-brand);color:#fff}
.dmx-gridx{display:grid;gap:12px}.dmx-gridx>.dmx-card{margin:0}
.dmx-cols-1{grid-template-columns:1fr}.dmx-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dmx-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){.dmx-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.dmx-cols-3,.dmx-cols-2{grid-template-columns:1fr}.dmx-viewtog{display:none}}
.dmx-iconimg{width:1.1em;height:1.1em;object-fit:cover;border-radius:6px;vertical-align:-.2em}
.dmx-badges{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.dmx-modes{display:grid;gap:8px;margin:10px 0}.dmx-modes-t{font-weight:600}
.dmx-mode{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--dmx-line);border-radius:12px;padding:10px 12px;background:#fff;cursor:pointer}
.dmx-mode.on{border-color:var(--dmx-brand);background:#f0fdfa;box-shadow:0 0 0 2px #99f6e4 inset}.dmx-mode.off{opacity:.5;cursor:not-allowed}
.dmx-mode small{display:block;color:var(--dmx-muted)}.dmx-mode input{margin-top:4px}
/* โฆษณา */
.dmx-ad{margin:18px 0;text-align:center;overflow:hidden;max-width:100%}
.dmx-ad-label{display:block;font-size:.7rem;color:#8a94a6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.dmx-ad-ph{border:2px dashed #94a3b8;border-radius:10px;color:#64748b;padding:24px 10px;background:#f8fafc;font-size:.9rem}
.dmx-ad-sidebar_bottom{position:sticky;top:90px}
.dmx-consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;max-width:760px;margin:auto;background:#0f172a;color:#fff;border-radius:14px;padding:14px 16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.dmx-consent p{margin:0;flex:1 1 280px;font-size:.92rem}.dmx-consent a{color:#99f6e4}
.dmx-consent button{border:1px solid #475569;background:transparent;color:#fff;border-radius:10px;padding:8px 14px;cursor:pointer;font:inherit}.dmx-consent .dmx-consent-y{background:#0f766e;border-color:#0f766e;font-weight:600}
.dmx-withside{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.dmx-sidemain{min-width:0}
@media (max-width:980px){.dmx-withside{grid-template-columns:1fr}}
.dmx-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.dmx-pillcb{border:1px solid var(--dmx-line);border-radius:999px;padding:6px 12px;background:#fff;cursor:pointer;font-size:.92rem}.dmx-pillcb:has(input:checked){background:#ecfdf5;border-color:var(--dmx-brand)}
.dmx-fblink{margin-left:10px;font-size:.85rem;font-weight:400}.dmx-joinbox{border-color:var(--dmx-brand);background:#f0fdfa}

.dmx-btn-link{background:none;border:0;padding:4px 0;color:#b42318;font-size:.9em;text-decoration:underline;cursor:pointer;min-height:0}
.dmx-report{margin-top:8px}
.dmx-report textarea{width:100%;margin-top:6px}

.dmx-compare{width:100%;border-collapse:collapse;font-size:.95em}
.dmx-compare th,.dmx-compare td{padding:8px 10px;border-bottom:1px solid #e5e7eb;text-align:left}
.dmx-compare tr.dmx-best td{background:#ecfdf3;font-weight:600}
.dmx-tablewrap{overflow-x:auto}
.dmx-pricehint{margin:10px 0}
.dmx-pricebox{border:1px solid #cfe3d8;background:#f4faf6;border-radius:12px;padding:14px 16px;margin:16px 0}
.dmx-pricebox .dmx-pr{font-size:1.5em;font-weight:700;color:#0f6b4f;margin:2px 0}
.dmx-pricebox small{display:block;color:#5b6b63;margin-top:4px}
.dmx-guide-ctas{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.dmxt-prose .dmx-guide-ctas a.dmx-btn-primary,.dmx-guide-ctas a.dmx-btn-primary{color:#fff;text-decoration:none}
.dmxt-prose .dmx-guide-ctas a.dmx-btn{text-decoration:none}

/* ===== เครื่องมือใบเสนอราคา/ใบรับประกัน ===== */
.dmx-qm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:start;margin:16px 0}
.dmx-qm-side{position:sticky;top:76px}
.dmx-qm-tabs{display:flex;gap:8px;margin-bottom:12px}.dmx-qm-tabs button{flex:1;padding:12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-weight:600;cursor:pointer}.dmx-qm-tabs button.on{background:#0f6b4f;color:#fff;border-color:#0f6b4f}
.dmx-qm-card h3{margin:0 0 8px;font-size:1.05em}
.dmx-qm-item{border:1px solid #e5e7eb;border-radius:10px;padding:8px;margin-bottom:8px;display:grid;gap:6px}.dmx-qm-nums{display:grid;grid-template-columns:1fr .8fr 1.2fr auto;gap:6px}
.dmx-qm-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.dmx-qm-cta{margin-bottom:10px}
.dmx-qm-chk{display:block;margin:4px 0}
.dmx-qm-preview{background:#e5e7eb;padding:12px;border-radius:12px;overflow:auto}
.dmx-qdoc{background:#fff;color:#111827;padding:28px 30px;min-height:420px;font-size:14px;line-height:1.5;box-shadow:0 1px 6px rgba(0,0,0,.12)}
.dmx-qd-head{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;margin-bottom:14px;border-bottom:1px solid #d1d5db;padding-bottom:12px}
.dmx-qd-logo{width:70px;height:70px;object-fit:contain}.dmx-qd-from{flex:1}.dmx-qd-shop{font-weight:700;font-size:1.25em}.dmx-qd-sub{color:#4b5563;font-size:.92em}
.dmx-qd-title{text-align:right}.dmx-qd-title h2{margin:0 0 4px;color:#0f6b4f;font-size:1.6em}.dmx-qd-title span{color:#6b7280}
.dmx-qd-party{margin-bottom:12px}
.dmx-qd-table{width:100%;border-collapse:collapse;margin:8px 0}.dmx-qd-table th{background:#ecfdf3;padding:6px 8px}.dmx-qd-table td{padding:6px 8px;border-bottom:1px solid #e5e7eb}
.a-l{text-align:left}.a-r{text-align:right}.a-c{text-align:center}
.dmx-qd-totals{margin-left:auto;max-width:300px}.dmx-qd-totals div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.dmx-qd-totals .is-total{background:#ecfdf3;color:#0f6b4f;font-size:1.15em;padding:6px 8px;margin-top:4px}
.dmx-qd-words{text-align:right;color:#4b5563;margin:4px 0 14px}
.dmx-qd-block{margin:10px 0}.dmx-qd-block strong{display:block;color:#0f6b4f}
.dmx-qd-sign{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:34px;text-align:center}.dmx-qd-line{border-bottom:1px solid #6b7280;height:46px;margin-bottom:6px}
.dmx-qd-foot{margin-top:22px;text-align:center;color:#9ca3af;font-size:.8em}
.dmx-qm-guide{max-width:860px;margin:30px auto}
@media (max-width:900px){.dmx-qm{grid-template-columns:1fr}.dmx-qm-side{position:static}.dmx-qdoc{padding:18px}.dmx-qd-head{flex-direction:column}.dmx-qd-title{text-align:left}}
@media print{.dmxt-header,.dmxt-foot,.dmx-qm-form,.dmx-qm-actions,.dmx-qm-cta,.dmx-qm-guide,.dmxt-skip{display:none!important}.dmx-qm{display:block}.dmx-qm-preview{background:#fff;padding:0}.dmx-qdoc{box-shadow:none;padding:0}@page{size:A4;margin:14mm}}
.dmx-qm-side{max-height:calc(100vh - 90px);overflow:auto}
.dmx-qm-acct{margin-bottom:10px}.dmx-qm-hist{max-height:260px;overflow:auto;margin:8px 0}
.dmx-qm-hrow{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.dmx-qm-hact{display:flex;gap:4px;flex-shrink:0}.dmx-qm-hact .dmx-btn{padding:6px 9px}
@media (max-width:900px){.dmx-qm-side{max-height:none;overflow:visible}}

/* ชุดโปรโมตรหน้าร้าน + หน้ารับสิทธิ์ร้าน */
.dmx-promo h3{margin:16px 0 6px}.dmx-promo-prev{display:grid;gap:12px;margin:10px 0}.dmx-promo-item{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.dmx-promo-thumb{width:150px;max-width:40%;height:auto;border:1px solid #e5e7eb;border-radius:8px}
.dmx-claimcard{margin-bottom:10px}.dmx-claimpanel{margin-top:10px}

/* คลังเอกสาร */
.dmx-docs-q{width:100%;max-width:420px;margin:8px 0 16px}.dmx-docs section{margin-bottom:22px}
.dmx-doc{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.dmx-doc h3{margin:0 0 4px;font-size:1.05em}.dmx-doc p{margin:0 0 4px}.dmx-doc[hidden]{display:none}
.dmx-post{padding:12px 0;border-bottom:1px solid var(--dmx-line,#e5e7eb)}.dmx-post:last-child{border-bottom:0}.dmx-postimgs{margin:8px 0}
.dmx-embed{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;margin:8px 0}.dmx-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dmx-quota{height:10px;border-radius:6px;background:var(--dmx-bg,#f3f4f6);overflow:hidden}.dmx-quota i{display:block;height:100%;background:var(--dmx-accent,#16a34a)}
.dmx-spark{display:flex;align-items:flex-end;gap:2px;height:48px;margin:6px 0}.dmx-spark i{flex:1;min-width:2px;background:var(--dmx-accent,#16a34a);border-radius:2px 2px 0 0;opacity:.85}
.dmx-composer textarea,.dmx-composer input[type=url]{width:100%;margin:6px 0}.dmx-prev{margin:6px 0}.dmx-prev img{width:100%;height:100%;object-fit:cover}
.dmx-mypost{padding:10px 0;border-bottom:1px solid var(--dmx-line,#e5e7eb)}.dmx-check{display:block;margin:8px 0;font-size:.9em}

/* ===== /service/ : หมวดบริการแบบไทล์ (ดีไซน์แบบ marketplace: สะอาด เน้นภาพ/ไอคอน อ่านง่าย) ===== */
.dmx-svc-hero{background:linear-gradient(135deg,#0f766e 0%,#115e59 60%,#134e4a 100%);color:#fff;border-radius:22px;padding:34px 32px 26px;margin:6px 0 28px}
.dmx-svc-hero h1{margin:0 0 6px;font-size:2rem;color:#fff}.dmx-svc-hero .dmx-lead{color:rgba(255,255,255,.88);margin:0 0 18px;max-width:760px}
.dmx-svc-search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:4px 16px;box-shadow:0 10px 28px rgba(0,0,0,.18);max-width:760px}
.dmx-svc-search input{flex:1;border:0!important;box-shadow:none!important;font-size:1.05rem;padding:14px 4px!important;background:transparent!important;min-width:0;color:var(--dmx-ink)}
.dmx-svc-search:focus-within{box-shadow:0 0 0 3px #fcd34d,0 10px 28px rgba(0,0,0,.18)}
.dmx-popular{display:flex;gap:8px;align-items:center;margin-top:16px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding-bottom:2px}.dmx-popular::-webkit-scrollbar{display:none}
.dmx-popular>span{color:rgba(255,255,255,.8);font-size:.9rem;flex:0 0 auto}
.dmx-popular a{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:6px 14px;font-size:.92rem;text-decoration:none}.dmx-popular a:hover{background:rgba(255,255,255,.26)}
.dmx-popular .dmx-chips{display:contents}.dmx-popular .dmx-chips li{background:none;border:0;padding:0}
.dmx-svc-note{margin:14px 0 0;font-size:.88rem;color:rgba(255,255,255,.78)}
.dmx-svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dmx-svc-card{position:relative;background:#fff;border:1px solid var(--dmx-line);border-radius:18px;padding:18px 18px 14px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s,border-color .15s,transform .15s}
.dmx-svc-card:hover{border-color:#b6c4d4;box-shadow:0 12px 30px rgba(20,33,61,.10);transform:translateY(-2px)}.dmx-svc-card[hidden]{display:none}
.dmx-svc-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:1.7rem;text-decoration:none;background:hsl(var(--h,170) 80% 94%);margin-bottom:6px}.dmx-svc-icon img{width:32px;height:32px;object-fit:contain}
.dmx-svc-card h2{margin:0;font-size:1.08rem;line-height:1.35}.dmx-svc-card h2 a{color:var(--dmx-ink);text-decoration:none}.dmx-svc-card h2 a::after{content:"";position:absolute;inset:0;border-radius:18px}
.dmx-svc-count{font-size:.86rem;color:var(--dmx-muted)}.dmx-svc-count b{color:var(--dmx-ink)}.dmx-svc-count .ok{color:var(--dmx-ok);font-weight:600;white-space:nowrap}
.dmx-svc-kids{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;flex:1}
.dmx-svc-kids li{position:relative;z-index:1;font-size:.9rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dmx-svc-kids a{color:#475569;text-decoration:none}.dmx-svc-kids a:hover{color:var(--dmx-brand-d);text-decoration:underline}
.dmx-svc-more{position:relative;z-index:1;margin-top:8px;font-size:.88rem;font-weight:600;color:var(--dmx-brand-d);text-decoration:none}.dmx-svc-more:hover{text-decoration:underline}
@media (max-width:1180px){.dmx-svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.dmx-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dmx-svc-hero{padding:24px 20px 20px}.dmx-svc-hero h1{font-size:1.6rem}}
@media (max-width:520px){.dmx-svc-grid{gap:10px}.dmx-svc-card{padding:14px 14px 12px}.dmx-svc-kids li:nth-child(n+3){display:none}.dmx-svc-icon{width:44px;height:44px;font-size:1.4rem}}

/* ===== การ์ดร้านแบบภาพนำ (หน้าแรก / ไดเรกทอรี / หน้าหมวด) ===== */
.dmx-grid3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.dmx-sc{position:relative;padding:0!important;overflow:hidden;border-radius:18px;display:flex;flex-direction:column;margin:0;transition:box-shadow .15s,border-color .15s,transform .15s}
.dmx-sc:hover{border-color:#b6c4d4;box-shadow:0 12px 30px rgba(20,33,61,.10);transform:translateY(-2px)}
.dmx-sc-cover{position:relative;aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#0f766e,#2dd4bf);overflow:hidden}
.dmx-grid3>.dmx-sc:nth-child(5n+2) .dmx-sc-cover,.dmx-gridx>.dmx-sc:nth-child(5n+2) .dmx-sc-cover{background:linear-gradient(135deg,#1d4ed8,#60a5fa)}
.dmx-grid3>.dmx-sc:nth-child(5n+3) .dmx-sc-cover,.dmx-gridx>.dmx-sc:nth-child(5n+3) .dmx-sc-cover{background:linear-gradient(135deg,#b45309,#fbbf24)}
.dmx-grid3>.dmx-sc:nth-child(5n+4) .dmx-sc-cover,.dmx-gridx>.dmx-sc:nth-child(5n+4) .dmx-sc-cover{background:linear-gradient(135deg,#7c3aed,#c4b5fd)}
.dmx-grid3>.dmx-sc:nth-child(5n+5) .dmx-sc-cover,.dmx-gridx>.dmx-sc:nth-child(5n+5) .dmx-sc-cover{background:linear-gradient(135deg,#be123c,#fb7185)}
.dmx-sc-cover img{width:100%;height:100%;object-fit:cover;display:block}
.dmx-sc-initial{font-size:3rem;font-weight:700;color:rgba(255,255,255,.92);line-height:1}
.dmx-sc-flag{position:absolute;left:10px;bottom:10px;background:#fff;color:#166534;border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.dmx-sc-body{padding:14px 16px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.dmx-sc h3{margin:0;font-size:1.02rem;line-height:1.4;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dmx-sc-link{color:var(--dmx-ink)!important;text-decoration:none!important}.dmx-sc-link::after{content:"";position:absolute;inset:0;z-index:1}
.dmx-sc-sub{margin:0!important;font-size:.88rem!important;line-height:1.5;color:var(--dmx-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.dmx-sc-meta{font-size:.85rem;color:var(--dmx-muted)}.dmx-sc-meta b{color:var(--dmx-ink)}.dmx-sc-meta .dmx-stars{font-size:.95rem;letter-spacing:0}
.dmx-sc-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:6px;overflow:hidden}
.dmx-sc-chips li{flex:0 1 auto;min-width:0;background:#f1f5f9;border:0;border-radius:6px;padding:2px 8px;font-size:.78rem;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dmx-sc-chips li:first-child{flex-shrink:1}.dmx-sc-chips .dmx-sc-more{flex:0 0 auto}.dmx-sc-chips .dmx-sc-more{background:none;color:var(--dmx-muted)}
.dmx-sc-foot{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-top:auto;padding-top:8px;border-top:1px solid var(--dmx-line);font-size:.84rem}
.dmx-sc-price{font-weight:700;color:var(--dmx-brand-d);white-space:nowrap;flex:0 0 auto}.dmx-sc-where{color:var(--dmx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin-left:auto}
.dmx-sc-act{position:relative;z-index:2;padding:0 16px 12px;font-size:.88rem}.dmx-sc-act:empty{display:none}
/* ไดเรกทอรี: กริดอัตโนมัติ 4/3/2/1 คอลัมน์ ตามความกว้างจอ (ไม่ต้องเลือกจำนวนคอลัมน์เอง) */
.dmx-gridx,.dmx-gridx.dmx-cols-1,.dmx-gridx.dmx-cols-2,.dmx-gridx.dmx-cols-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.dmx-viewtog{display:none!important}

/* ===== หัวหน้า + แถบตัวกรองแบบกระชับ (ไดเรกทอรี) ===== */
.dmx-pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:0 0 16px}.dmx-pagehead h1{margin:0}.dmx-pagehead .dmx-lead{margin:4px 0 0;max-width:640px}
.dmx-toolbar{background:#fff;border:1px solid var(--dmx-line);border-radius:16px;padding:12px;margin:0 0 16px;display:grid;gap:10px;box-shadow:0 2px 10px rgba(20,33,61,.04)}
.dmx-toolbar-row,.dmx-toolbar .dmx-row{display:grid;gap:10px}.dmx-toolbar-row{grid-template-columns:2fr 1.2fr 1.2fr 1fr}.dmx-toolbar .dmx-row{grid-template-columns:repeat(3,minmax(0,1fr))}.dmx-toolbar .dmx-row>*{flex:none}
.dmx-toolbar .dmx-field{margin:0}.dmx-toolbar .dmx-field>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dmx-toolbar select,.dmx-toolbar input{min-height:44px}
@media (max-width:860px){.dmx-toolbar-row{grid-template-columns:1fr 1fr}.dmx-toolbar-row>.dmx-field:first-child{grid-column:1/-1}.dmx-toolbar .dmx-row{grid-template-columns:1fr}}
.dmx-resbar p{font-weight:600;color:var(--dmx-ink)}

/* ===== แดชบอร์ดร้านค้า: หัวหน้า + แท็บ + แผง ===== */
.dmx-dash-head{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#ecfdf5,#fff 65%);border:1px solid var(--dmx-line);border-radius:20px;padding:18px 20px;margin:4px 0 14px;flex-wrap:wrap}
.dmx-dash-logo{flex:0 0 64px;width:64px;height:64px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#0f766e,#2dd4bf);color:#fff;display:grid;place-items:center;font-size:1.8rem;font-weight:700}.dmx-dash-logo img{width:100%;height:100%;object-fit:cover}
.dmx-dash-id{flex:1 1 220px;min-width:0}.dmx-dash-id h1{margin:0 0 6px;font-size:1.5rem}.dmx-dash-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dmx-chipst{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.82rem;font-weight:600}.dmx-chipst.ok{background:#dcfce7;color:#166534}.dmx-chipst.warn{background:#fef3c7;color:#92400e}
.dmx-tabs{display:flex;gap:4px;border-bottom:1px solid var(--dmx-line);margin:6px 0 18px;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;background:#fff;z-index:5;padding-top:4px}.dmx-tabs::-webkit-scrollbar{display:none}
.dmx-tab{flex:0 0 auto;position:relative;border:0;background:none;font:inherit;font-weight:600;color:var(--dmx-muted);padding:12px 18px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;border-radius:10px 10px 0 0}
.dmx-tab:hover{color:var(--dmx-ink);background:var(--dmx-bg)}.dmx-tab.on{color:var(--dmx-brand-d);border-bottom-color:var(--dmx-brand)}
.dmx-tabcount{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:999px;background:#dc2626;color:#fff;font-size:.74rem;font-weight:700}.dmx-tabcount[hidden]{display:none}
.dmx-panel[hidden]{display:none}
.dmx-empty{text-align:center;padding:36px 16px;background:var(--dmx-bg);border:1px dashed #cbd5e1;border-radius:16px}.dmx-empty-ico{font-size:2.2rem}.dmx-empty p{margin:6px 0 12px}
.dmx-job{background:#fff;border:1px solid var(--dmx-line);border-radius:16px;padding:14px 16px;margin:0 0 12px}.dmx-job.new{border-left:4px solid #f59e0b}
.dmx-job-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dmx-job-top .dmx-badge{margin-left:auto}
.dmx-job-msg{margin:8px 0 4px;font-size:1.02rem}.dmx-job-who{font-size:.9rem;color:var(--dmx-muted)}
.dmx-job-reply{margin-top:10px;border-top:1px solid var(--dmx-line);padding-top:8px}.dmx-job-reply summary{cursor:pointer;font-weight:600;color:var(--dmx-brand-d)}.dmx-job-reply .dmx-row{margin:8px 0}
.dmx-setcard{background:#fff;border:1px solid var(--dmx-line);border-radius:16px;padding:14px 18px;margin:0 0 12px;max-width:720px}.dmx-setcard h3{margin:0 0 6px;font-size:1.05rem}
.dmx-check{display:flex;gap:8px;align-items:center;margin:6px 0}
/* หน้าร้าน (มินิเว็บ) */
.dmx-mini{display:block}
.dmx-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 12px}
.dmx-tile{background:#fff;border:1px solid var(--dmx-line);border-radius:16px;padding:14px 16px}.dmx-tile-n{font-size:2rem;font-weight:700;line-height:1.1;color:var(--dmx-brand-d)}.dmx-tile-l{font-weight:600}
.dmx-tile .dmx-spark{height:34px;margin:8px 0 0}
.dmx-mcard h3{margin:0 0 8px;font-size:1.05rem}.dmx-mcard{margin:0 0 12px}
.dmx-sechead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.dmx-sechead h3{margin:0}
.dmx-composer{background:var(--dmx-bg);border-radius:14px;padding:12px 14px;margin:0 0 14px}.dmx-composer[hidden]{display:none}
.dmx-postgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:8px 0 14px}
.dmx-pcard{background:#fff;border:1px solid var(--dmx-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(15,23,42,.05);transition:box-shadow .2s,transform .2s}.dmx-pcard:hover{box-shadow:0 10px 26px rgba(15,23,42,.10);transform:translateY(-2px)}.dmx-pcard.hid{opacity:.6}
.dmx-pcard-img{position:relative;aspect-ratio:4/3;background:var(--dmx-bg);display:grid;place-items:center;font-size:2rem;color:#94a3b8}.dmx-pcard-img{overflow:hidden}.dmx-pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.dmx-pcard:hover .dmx-pcard-img img{transform:scale(1.04)}
.dmx-pcard-date{position:absolute;left:10px;top:10px;z-index:2;background:rgba(15,23,42,.74);color:#fff;border-radius:999px;padding:1px 11px;font-size:.78rem;font-weight:600;line-height:1.7;letter-spacing:.01em}
.dmx-pcard-n{position:absolute;right:8px;bottom:8px;background:rgba(15,23,42,.75);color:#fff;border-radius:999px;padding:1px 8px;font-size:.78rem;font-weight:600}
.dmx-pcard-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}.dmx-pcard-txt{margin:0;font-size:.95rem;line-height:1.6;color:var(--dmx-ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.dmx-pcard-act{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--dmx-line);font-size:.88rem;flex-wrap:wrap}
.dmx-pcard-act a{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:999px;border:1px solid var(--dmx-brand);color:var(--dmx-brand-d);background:#fff;font-weight:600;line-height:1.4;text-decoration:none;transition:background .15s,color .15s}
.dmx-pcard-act a:hover,.dmx-pcard-act a:focus-visible{background:var(--dmx-brand);color:#fff}
.dmx-pcard-act a.dmx-vid{border-color:#dc2626;color:#b91c1c}.dmx-pcard-act a.dmx-vid:hover,.dmx-pcard-act a.dmx-vid:focus-visible{background:#dc2626;color:#fff}.dmx-linkbtn{border:0;background:none;color:#b91c1c;cursor:pointer;font:inherit;padding:0;margin-left:auto}
@media (max-width:720px){.dmx-tiles{grid-template-columns:1fr}.dmx-dash-head{padding:14px}.dmx-dash-head>.dmx-btn{width:100%;text-align:center}.dmx-tab{padding:12px 14px}}

/* ชุดโปรโมต: 2 คอลัมน์ (ซ้าย = ลิงก์/ข้อความ, ขวา = การ์ดและภาพแชร์) */
.dmx-promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 28px;align-items:start;border:0;padding:0;background:none;margin:0}
.dmx-promo>h2{grid-column:1/-1;font-size:1.1rem;margin:0 0 4px}.dmx-promo>p.dmx-hint{grid-column:1/-1;margin:0 0 10px}
.dmx-promo>*{grid-column:1}.dmx-promo>.dmx-promo-prev{grid-column:2;grid-row:3/span 7;margin:0;display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid var(--dmx-line);border-radius:16px;padding:16px}
.dmx-promo-item{flex-direction:column;align-items:stretch;gap:8px}.dmx-promo-thumb{width:100%!important;max-width:none!important;max-height:340px;object-fit:contain;background:var(--dmx-bg)}
.dmx-promo h3{margin:18px 0 6px;font-size:1rem}.dmx-promo textarea{min-height:84px}
.dmx-promo>.dmx-row{flex-wrap:nowrap}.dmx-promo>.dmx-row>*:first-child{flex:1 1 auto}.dmx-promo>.dmx-row>.dmx-btn{flex:0 0 auto}
@media (max-width:900px){.dmx-promo{grid-template-columns:1fr}.dmx-promo>.dmx-promo-prev{grid-column:1;grid-row:auto}}
/* URL ร้าน: คำนำหน้า + ช่องกรอกเป็นกล่องเดียว; กราฟ/แถบโควตาใช้สีแบรนด์ */
.dmx-handle{display:flex;align-items:stretch;flex:1 1 280px;border:1px solid #c7d0dc;border-radius:12px;overflow:hidden;background:#fff}.dmx-handle:focus-within{border-color:var(--dmx-brand);box-shadow:0 0 0 3px #99f6e4}
.dmx-handle>span{display:grid;place-items:center;padding:0 12px;background:var(--dmx-bg);color:var(--dmx-muted);font-size:.92rem;white-space:nowrap;border-right:1px solid var(--dmx-line)}
.dmx-handle>input{border:0!important;box-shadow:none!important;border-radius:0!important;flex:1;min-width:0}
.dmx-handlerow{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.dmx-handlerow>.dmx-btn{flex:0 0 auto}
.dmx-spark i{background:var(--dmx-brand)}.dmx-quota i{background:var(--dmx-brand)}
.dmx-dash-act{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:720px){.dmx-dash-act{width:100%}.dmx-dash-act>*{flex:1 1 auto;text-align:center}}
@media (max-width:520px){.dmx-toolbar-row{grid-template-columns:1fr}}

/* โลโก้ร้านต้องเห็นครบทั้งภาพ (ไม่ครอป): แสดงแบบ contain บนพื้นอ่อน; รูปถ่ายผลงานยังใช้แบบเต็มกรอบ */
.dmx-sc-cover.has-logo{background:linear-gradient(135deg,#f8fafc,#eef2f7)!important}
.dmx-sc-cover.has-logo img{object-fit:contain;padding:14px 18px}
.dmx-dash-logo img{object-fit:contain;background:#fff}
.dmx-thumb img,.dmx-logo img{object-fit:contain!important;background:#fff}

.dmx-sc-cover.has-logo .dmx-sc-flag{top:10px;bottom:auto}

/* ===== หน้าร้านแบบ landing page: ปุ่มติดต่อเด่น · แถบความน่าเชื่อถือ · บริการและราคา ===== */
.dmx-lp-hero{padding:22px 24px;border-radius:22px;margin-bottom:12px}
.dmx-hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.dmx-hero-cta .dmx-btn{display:inline-flex;align-items:center;gap:6px}
.dmx-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:#fff;border:1px solid var(--dmx-line);border-radius:16px;margin:0 0 14px;overflow:hidden}
.dmx-trust>div{padding:14px 16px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--dmx-line);min-width:0}.dmx-trust>div:first-child{border-left:0}
.dmx-trust b{font-size:1.3rem;line-height:1.2;color:var(--dmx-brand-d)}.dmx-trust span{font-size:.86rem;color:var(--dmx-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dmx-svcs .dmx-sechead{align-items:baseline}.dmx-svcs h2{margin:0}
.dmx-svcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;margin-top:10px}
.dmx-svccard{background:#fff;border:1px solid var(--dmx-line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:border-color .15s,box-shadow .15s}
.dmx-svccard:hover{border-color:#b6c4d4;box-shadow:0 8px 22px rgba(20,33,61,.08)}
.dmx-svc-main h3{margin:0 0 4px;font-size:1.02rem;line-height:1.4}.dmx-svc-main h3 a{color:var(--dmx-ink);text-decoration:none}.dmx-svc-main h3 a:hover{text-decoration:underline}
.dmx-svc-main p{margin:0;color:var(--dmx-muted);font-size:.9rem;line-height:1.5}
.dmx-svc-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px dashed var(--dmx-line);padding-top:10px}
.dmx-svc-price{font-weight:700;font-size:1.12rem;color:var(--dmx-brand-d)}.dmx-svc-price.ask{font-size:.95rem;font-weight:600;color:var(--dmx-muted)}
.dmx-svc-buy .dmx-btn{padding:8px 14px;font-size:.92rem}
.dmx-powered{text-align:center;color:var(--dmx-muted);font-size:.88rem;margin:26px 0 0}
@media (max-width:640px){.dmx-lp-hero{padding:18px 16px}.dmx-hero-cta .dmx-btn{flex:1 1 auto;justify-content:center}.dmx-trust{grid-template-columns:repeat(2,1fr)}.dmx-trust>div:nth-child(odd){border-left:0}.dmx-trust>div:nth-child(n+3){border-top:1px solid var(--dmx-line)}}
.dmx-card>h2:first-child{margin-top:0}
.dmx-aside .dmx-contact{position:sticky;top:88px}
/* ตัวแก้ไขบริการและราคา (แดชบอร์ดร้าน) */
.dmx-svcrow{border:1px solid var(--dmx-line);border-radius:12px;padding:10px;margin:0 0 10px;display:grid;gap:8px;background:#fff}
.dmx-svcrow-main{display:grid;grid-template-columns:2fr 1.1fr 1fr 1fr;gap:8px}.dmx-svcrow-main [hidden]{display:none}
.dmx-svcrow-act{display:flex;gap:6px;justify-content:flex-end;align-items:center}.dmx-linkbtn2{border:1px solid var(--dmx-line);background:#fff;border-radius:8px;width:32px;height:32px;cursor:pointer;font:inherit}.dmx-svcrow-act .dmx-linkbtn{margin-left:8px}
@media (max-width:720px){.dmx-svcrow-main{grid-template-columns:1fr 1fr}.dmx-svcrow-main>:first-child{grid-column:1/-1}}
.dmx-pcard-txt.full{-webkit-line-clamp:unset;display:block}
a.dmx-pcard-img{text-decoration:none;color:inherit}
.dmx-posts .dmx-postgrid{margin:10px 0 6px}

/* ===== สไลด์แบนเนอร์ภาพผลงาน ===== */
.dmx-slider{position:relative;margin:0 0 16px;border-radius:20px;overflow:hidden;background:#0f172a;box-shadow:0 6px 20px rgba(20,33,61,.12)}
.dmx-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline-offset:-3px}.dmx-slides::-webkit-scrollbar{display:none}
.dmx-slide{flex:0 0 100%;scroll-snap-align:center;display:block;aspect-ratio:21/9;max-height:460px;cursor:zoom-in}
.dmx-slide img{width:100%;height:100%;object-fit:cover;display:block}
.dmx-slider.single .dmx-slide{aspect-ratio:16/7}
.dmx-sl-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#0f172a;font-size:1.7rem;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.25);display:grid;place-items:center;padding:0 0 4px}
.dmx-sl-btn:hover{background:#fff}.dmx-sl-prev{left:12px}.dmx-sl-next{right:12px}
.dmx-sl-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;pointer-events:none}
.dmx-sl-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(0,0,0,.2)}.dmx-sl-dots i.on{background:#fff;width:22px;border-radius:6px}
.dmx-posts .dmx-slider{margin:10px 0}
@media (max-width:640px){.dmx-slide,.dmx-slider.single .dmx-slide{aspect-ratio:4/3}.dmx-sl-btn{width:36px;height:36px;font-size:1.4rem}.dmx-sl-prev{left:8px}.dmx-sl-next{right:8px}}
@media (prefers-reduced-motion:reduce){.dmx-slides{scroll-behavior:auto}}
.dmx-svccard.has-img{padding-top:0;overflow:hidden}.dmx-svc-img{margin:0 -16px;aspect-ratio:16/10;overflow:hidden;background:var(--dmx-bg)}.dmx-svc-img img{width:100%;height:100%;object-fit:cover;display:block}
.dmx-svcrow-body{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:start}.dmx-svcrow-fields{display:grid;gap:8px;min-width:0}
.dmx-svcimg{display:flex;flex-direction:column;gap:6px}.dmx-svcimg img{width:132px;height:88px;object-fit:cover;border-radius:10px;border:1px solid var(--dmx-line);background:var(--dmx-bg);display:block}
.dmx-svcimg-act{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.dmx-svcimg-act .dmx-btn{padding:5px 10px;font-size:.85rem}.dmx-svcimg-act .dmx-linkbtn{margin-left:0;font-size:.85rem}
@media (max-width:720px){.dmx-svcrow-body{grid-template-columns:1fr}.dmx-svcimg{flex-direction:row;align-items:center}.dmx-svcimg img{width:96px;height:64px}}
/* แท็บ "ข้อมูลร้านและตั้งค่า": การ์ดตั้งค่าเล็กด้านบน แล้วตามด้วยฟอร์มข้อมูลร้านเต็มกว้าง */
.dmx-shopform{margin-top:18px;padding-top:6px;border-top:1px solid var(--dmx-line);max-width:860px}.dmx-shopform>h2{font-size:1.2rem;margin:14px 0 6px}


/* หน้า /for-business/ */
.dmx-biz-hero{text-align:center;padding:36px 16px}
.dmx-biz-hero .dmx-lead{max-width:640px;margin:8px auto 18px}
.dmx-biz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0}
.dmx-biz-grid h2{font-size:1.05rem;margin:8px 0 4px}
.dmx-biz-steps ol{margin:8px 0 14px;padding-left:1.3em;line-height:1.9}
/* เช็กลิสต์เริ่มต้นร้าน */
.dmx-setup{margin:0 0 14px}
.dmx-setup-bar{height:8px;background:#e5e7eb;border-radius:99px;overflow:hidden;margin:6px 0 10px}
.dmx-setup-bar i{display:block;height:100%;background:#16a34a;border-radius:99px}
.dmx-setup ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.dmx-setup li{display:flex;gap:8px;align-items:center}
.dmx-setup li.done{color:#6b7280;text-decoration:line-through}
.dmx-setup li button{margin-left:auto}
.dmx-biz-hero .dmx-btn-primary{background:#fbbf24;color:#1f2937;border-color:#fbbf24}

/* การ์ดผลงานหลายรูป: โมเสกสูงสุด 4 ช่อง */
.dmx-pcard-img.mos{display:grid;gap:2px;font-size:1rem;place-items:stretch}
.dmx-pcard-img.mos i{position:relative;display:block;overflow:hidden;min-height:0}
.dmx-pcard-img.mos i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dmx-pcard-img.m2{grid-template-columns:1fr 1fr}
.dmx-pcard-img.m3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.dmx-pcard-img.m3 i:first-child{grid-row:1/3}
.dmx-pcard-img.m4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.dmx-pcard-img.mos i b{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.55);color:#fff;font-size:1.2rem}

/* ชุดโปรโมตบนหน้าร้าน (เฉพาะเจ้าของ) */
.dmx-owner{margin:0 0 14px;border:1px dashed #0f766e;border-radius:12px;background:#f0fdfa;padding:10px 14px}
.dmx-owner>summary{cursor:pointer;font-weight:700}
.dmx-owner>summary small{font-weight:400;color:#475569}
.dmx-owner .dmx-promo{margin-top:10px;box-shadow:none}