/* ============================================================================
   ชุดครบวงจร (ระบบ + แอด) — บล็อกที่ใช้ซ้ำหลายหน้า (9 ต.ค. 69)
   cb-tiers  = ราคา 3 ชุด (ชุดที่อยากขายอยู่กลาง)       → หน้าแรก /queue /pricing /ads
   cb-bridge = แถบเชื่อมข้ามบริการ ระบบ↔แอด             → /queue /pricing /ads /work
   cb-probs  = ระบบทั้งหมด จัดตามปัญหาของร้าน กดกางดู    → หน้าแรก
   🔴 คลาสขึ้นต้น cb- ทั้งหมด กันชน site.css · สีผูกกับ .cb ไม่แตะ :root
   🔴 ราคาในบล็อกต้องตรงทุกหน้า: ระบบ 18,800 (3 ร้านแรก 14,800) · เว็บ 8,800 · ดูแลระบบเริ่ม 880 · แอด START 3,880 / BOOST 8,880 / MAX 12,880
      ยิงแอดกับเราแพ็กไหนก็ได้ ระบบฟรี · ค่าทำแบ่ง 2 งวด (Smith อนุมัติ 19 ต.ค. 69) · บล็อกราคาเขียนด้วยสคริปต์เดียวกันทั้ง 4 หน้า
   ============================================================================ */
.cb{--cb-black:#080807;--cb-ink:#111110;--cb-line:rgba(240,234,222,.14);--cb-line2:rgba(240,234,222,.26);--cb-gold:#c9a464;--cb-hi:#f2d9a4;--cb-soft:rgba(201,164,100,.13);--cb-cream:#f0eade;--cb-muted:#a8a296;--cb-ok:#86c9a3;
  --cb-serif:"Noto Serif Thai","Noto Serif SC",Georgia,serif;--cb-sans:"IBM Plex Sans Thai","Noto Sans SC","Segoe UI",system-ui,sans-serif;
  color:var(--cb-cream);font-family:var(--cb-sans);line-height:1.6}
.cb *{box-sizing:border-box}
.cb.cb-sec{padding-block:clamp(44px,6vw,72px)!important}
.cb p{margin:0}
.cb-k{display:block;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cb-gold)}
.cb-h{font-family:var(--cb-serif);font-weight:500;font-size:clamp(30px,4.6vw,50px);line-height:1.14;letter-spacing:-.02em;margin:10px 0 0;color:var(--cb-cream);text-wrap:balance}
.cb-lead{margin-top:10px;color:var(--cb-muted);max-width:60ch;font-size:16px}
.cb-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 18px;border-radius:5px;font-weight:600;font-size:15px;text-decoration:none;background:var(--cb-gold);color:#140f05;border:1px solid var(--cb-gold)}
.cb-btn.gh{background:transparent;border-color:var(--cb-line2);color:var(--cb-cream)}
.cb-btn:focus-visible,.cb a:focus-visible{outline:2px solid var(--cb-hi);outline-offset:3px}

/* ---------- ราคา 3 ชุด ---------- */
.cb-tiers{margin-top:32px;display:grid;grid-template-columns:1fr 1.08fr 1fr;align-items:stretch;border-block:1px solid var(--cb-line2)}
.cb-t{position:relative;padding:34px 24px 30px;border:0;background:transparent;display:flex;flex-direction:column;gap:9px;min-width:0;align-self:stretch}
.cb-t+.cb-t{border-inline-start:1px solid var(--cb-line)}
.cb-t::before{position:absolute;top:18px;right:20px;font-size:11px;line-height:1;font-weight:600;letter-spacing:.16em;color:var(--cb-muted);opacity:.72}
.cb-t:nth-child(1)::before{content:"01"}.cb-t:nth-child(2)::before{content:"02"}.cb-t:nth-child(3)::before{content:"03"}
.cb-t.best{border:0;background:linear-gradient(180deg,rgba(201,164,100,.12),transparent 62%);padding:34px 26px 30px;box-shadow:inset 0 2px 0 var(--cb-gold),inset 0 -2px 0 rgba(201,164,100,.45);z-index:1;margin:0}
.cb-t.best::before{color:var(--cb-hi);opacity:1}
.cb-rib{position:static;align-self:flex-start;transform:none;background:transparent;color:var(--cb-hi);font-size:12.5px;font-weight:600;letter-spacing:.08em;padding:0 0 0 10px;border-radius:0;border-inline-start:2px solid var(--cb-gold);white-space:nowrap}
.cb-t h3{font-family:var(--cb-sans);font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cb-gold);font-weight:600;margin:0}
.cb-q{font-size:15px}
.cb-p{font-family:var(--cb-serif);font-size:32px;font-weight:700;line-height:1.08;font-variant-numeric:tabular-nums}
.cb-p small{font-family:var(--cb-sans);font-size:14px;font-weight:400;color:var(--cb-muted);white-space:nowrap}
.cb-sub{font-size:13.5px;color:var(--cb-muted)}
.cb-save{font-size:14px;color:var(--cb-hi)}
.cb-t ul{list-style:none;padding:0;margin:4px 0 6px;display:grid;gap:7px;font-size:14.5px}
.cb-t li{display:grid;grid-template-columns:18px 1fr;gap:6px}
.cb-t li::before{content:"";width:12px;height:7px;border-left:2px solid var(--cb-gold);border-bottom:2px solid var(--cb-gold);transform:rotate(-45deg);margin-top:7px}
.cb-t li.no{color:var(--cb-muted)}
.cb-t li.no::before{border:0;content:"–";transform:none;margin:0;color:var(--cb-muted)}
.cb-t li.ai{color:var(--cb-hi)}
.cb-t .cb-btn{margin-top:auto}
ul.cb-terms{list-style:none;padding:0;display:grid;gap:6px;max-width:64ch;text-align:start}   /* 18 ต.ค.: เงื่อนไขเป็นข้อ อ่านง่าย */
ul.cb-terms li{position:relative;padding-inline-start:16px}
ul.cb-terms li::before{content:"";position:absolute;inset-inline-start:2px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--cb-hi)}
.cb-note{max-width:92ch;font-size:13.5px;line-height:1.75;color:var(--cb-muted);margin:18px auto 0;text-align:center;text-wrap:pretty}
.cb-up{margin-top:14px;display:flex;gap:8px 16px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:14.5px;line-height:1.65;border:1px dashed var(--cb-line2);border-radius:8px;padding:12px 16px}
.cb-up b{color:var(--cb-hi)}
/* 19 ต.ค. 69: บอกราคารายวัน · ขีดฆ่าราคาปกติ · ป้ายระบบฟรี/ไม่ผูกสัญญา · กล่องค่าทำ · แถบลดความเสี่ยง */
.cb-was{font-family:var(--cb-sans);font-size:.5em;font-weight:400;color:var(--cb-muted);text-decoration:line-through;text-decoration-thickness:1.5px;margin-inline-end:6px;vertical-align:.18em}
.cb-day{font-size:14px;font-weight:500;color:var(--cb-ok);margin-top:-4px}
.cb-t ul.cb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}
.cb-t ul.cb-chips li{display:block;font-size:13.5px;font-weight:600;line-height:1.3;color:var(--cb-hi);background:var(--cb-soft);border:1px solid rgba(201,164,100,.38);border-radius:999px;padding:5px 11px}
.cb-t ul.cb-chips li::before{content:none}
.cb-setup{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:14px;padding:10px 12px;margin-top:2px;border:1px solid var(--cb-line2);border-radius:6px;background:rgba(240,234,222,.03)}
.cb-setup span{flex-basis:100%;font-weight:500;color:var(--cb-cream)}
.cb-setup .cb-was{font-size:14px;vertical-align:0;margin:0}
.cb-setup b{font-family:var(--cb-serif);font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--cb-cream)}
.cb-setup i{flex-basis:100%;font-style:normal;font-size:13.5px;color:rgba(240,234,222,.8)}
ul.cb-trust{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
ul.cb-trust li{display:grid;grid-template-columns:22px 1fr;column-gap:8px;align-items:start;border:1px solid var(--cb-line);border-radius:8px;padding:12px 14px;background:rgba(240,234,222,.025)}
ul.cb-trust li::before{content:"";grid-row:span 2;width:12px;height:7px;margin:8px 0 0 3px;border-left:2px solid var(--cb-ok);border-bottom:2px solid var(--cb-ok);transform:rotate(-45deg)}
.cb-sub{text-wrap:balance}
.cb .cb-up{margin-top:12px;text-wrap:pretty}
ul.cb-trust b{font-size:15px;font-weight:600;color:var(--cb-cream)}
ul.cb-trust span{font-size:13px;line-height:1.5;color:var(--cb-muted)}

/* ---------- แถบเชื่อมข้ามบริการ ---------- */
.cb-bridge{margin-top:30px;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;border:1px solid var(--cb-line);border-radius:14px;padding:clamp(18px,3.4vw,32px);background:radial-gradient(80% 70% at 85% 10%,rgba(201,164,100,.12),transparent 60%),var(--cb-ink)}
.cb-bq{font-family:var(--cb-serif);font-size:clamp(24px,3.6vw,34px);font-weight:700;line-height:1.22}
.cb-bq em{font-style:normal;color:var(--cb-hi)}
.cb-bridge .cb-lead{margin-top:10px}
.cb-mini{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px}
.cb-mini div{border-left:2px solid var(--cb-gold);padding-left:10px}
.cb-mini b{display:block;font-family:var(--cb-serif);font-size:25px;color:var(--cb-hi);line-height:1.1}
.cb-mini span{font-size:13px;color:var(--cb-muted)}
.cb-acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;align-items:center}
.cb-acts .cb-lnk{color:var(--cb-hi);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(201,164,100,.5);position:relative}
.cb-acts .cb-lnk::after{content:"";position:absolute;inset:-12px -6px}   /* 18 ต.ค.: พื้นที่กดใหญ่ขึ้น หน้าตาเท่าเดิม */
.cb-pic{position:relative;max-width:280px;justify-self:center;width:100%}
.cb-pic img{display:block;width:100%;border-radius:12px;border:1px solid var(--cb-line2);box-shadow:0 24px 50px rgba(0,0,0,.55);transform:rotate(2deg)}
.cb-pic .cb-hand{position:absolute;left:-12px;bottom:-16px;font-family:"Sriracha",cursive;font-size:20px;color:var(--cb-hi);background:rgba(8,8,7,.82);padding:2px 10px;border-radius:4px;transform:rotate(-4deg)}

/* ---------- ระบบทั้งหมด จัดตามปัญหา ---------- */
.cb-probs{margin-top:26px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.cb-fx{border:1px solid var(--cb-line2);border-radius:10px;background:var(--cb-black)}
.cb-fx[open]{border-color:var(--cb-gold)}
.cb-fx summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:16px}
.cb-fx summary::-webkit-details-marker{display:none}
.cb-fx summary::after{content:"+";color:var(--cb-gold);font-size:22px}
.cb-fx[open] summary::after{content:"–"}
.cb-n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--cb-gold);color:var(--cb-hi);font-family:var(--cb-serif);font-weight:700}
.cb-fx b{display:block;font-size:16.5px}
.cb-fx i{font-style:normal;font-size:13.5px;color:var(--cb-muted)}
.cb-fx ul{margin:0;padding:0 16px 16px 68px;display:grid;gap:7px;font-size:15px}
.cb-fx a{color:var(--cb-hi);font-size:13.5px;white-space:nowrap}
.cb-more{margin-top:16px;text-align:center;font-size:15px;color:var(--cb-muted)}
.cb-more a{color:var(--cb-hi)}

@media (max-width:820px){
  .cb-h{font-size:clamp(30px,9vw,42px)}
  .cb-tiers{grid-template-columns:1fr;gap:0;border:0}
  .cb-t{padding:30px 4px 28px;border-top:1px solid var(--cb-line2);border-radius:0}
  .cb-t+.cb-t{border-inline-start:0}
  .cb-t.best{order:-1;margin:0;padding:30px 16px 28px;border-top:1px solid var(--cb-gold);border-bottom:1px solid var(--cb-gold);box-shadow:none}
  ul.cb-trust{grid-template-columns:1fr;gap:8px}
  .cb-up{justify-content:flex-start;text-align:start}
  .cb-note{text-align:start}
  .cb-bridge{grid-template-columns:1fr}
  .cb-probs{grid-template-columns:1fr}
}