/* noodee-bootbiz.com — token ชุดแบบ site_structure_v1 (ที่เดียว ห้ามแก้สีรายหน้า)
   ทิศทาง: "ป้ายหน้าร้าน" — เขียวหยกเป็นสีแบรนด์ (เชื่อถือ/ระบบ) · เหลืองดาวเรืองใช้ที่เดียว = สิ่งที่เลือกอยู่
   ฟอนต์ Sarabun เก็บในเครื่อง (OFL) ไม่ใช้ CDN */
@font-face{font-family:Sarabun;font-weight:400;font-display:swap;src:url(fonts/sarabun-thai-400.woff2) format("woff2");unicode-range:U+0E00-0E7F}
@font-face{font-family:Sarabun;font-weight:400;font-display:swap;src:url(fonts/sarabun-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Sarabun;font-weight:600;font-display:swap;src:url(fonts/sarabun-thai-600.woff2) format("woff2");unicode-range:U+0E00-0E7F}
@font-face{font-family:Sarabun;font-weight:600;font-display:swap;src:url(fonts/sarabun-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Sarabun;font-weight:700;font-display:swap;src:url(fonts/sarabun-thai-700.woff2) format("woff2");unicode-range:U+0E00-0E7F}
@font-face{font-family:Sarabun;font-weight:700;font-display:swap;src:url(fonts/sarabun-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}

@font-face{font-family:Sarabun;font-weight:800;font-display:swap;src:url(fonts/sarabun-thai-800.woff2) format("woff2");unicode-range:U+0E00-0E7F}
@font-face{font-family:Sarabun;font-weight:800;font-display:swap;src:url(fonts/sarabun-latin-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
:root{
  --ink:#1B2330;      /* ตัวอักษรหลัก */
  --muted:#556170;    /* ตัวอักษรรอง (คอนทราสต์บน paper ≥ 5.9:1) */
  --paper:#F5F7F6;    /* พื้นหน้า */
  --card:#FFFFFF;
  --line:#D6DDDA;
  --jade:#0E6B5A;     /* สีแบรนด์ · ปุ่มหลัก */
  --jade-ink:#09493E;
  --jade-soft:#E1F0EC;
  --marigold:#F4B400; /* ใช้ที่เดียว: ตัวบอก "กำลังเลือก" */
  --marigold-soft:#FFF4CF; /* พื้นการ์ดที่เลือกอยู่ (ตามภาพอ้างอิง 16 ต.ค. 69) */
  --warm:#FAF8F3;      /* พื้นอุ่นของส่วนหัวหน้า (ทับรูปฉากร้าน) */
  --font:Sarabun,"Noto Sans Thai",system-ui,sans-serif;
  --r-sm:8px; --r-md:14px; --r-lg:22px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;
  --t-body:17px; --t-small:15px; --t-h3:20px; --t-h2:clamp(24px,3vw,32px); --t-h1:clamp(32px,5vw,54px);
  --lh:1.75;
  --shadow:0 1px 0 rgba(27,35,48,.06),0 10px 30px -18px rgba(27,35,48,.35);
  /* เพิ่ม 18 ต.ค. 69 ตาม hello_momo_design_system_v1.md หมวด 1.1 และ 5 (ป้ายสถานะสินค้า · เงาขั้น 2) */
  --success:#1B6E3A; --success-soft:#E3F3E8;
  --warning:#7A4B00; --border-strong:#7C8A86;
  --r-full:999px;
  --shadow-2:0 2px 4px rgba(27,35,48,.08),0 18px 36px -16px rgba(27,35,48,.38);
}
:root{
  /* เพิ่ม 19 ต.ค. 69 จากแบบหน้าแรก v5 (home_v5_wm.html) — พื้นขาว เส้นบาง ดำ มิ้นต์ ขนาดหัวข้อ */
  --page:#FFFFFF;          /* พื้นขาวล้วนทั้งหน้า (เดิม --paper เทาอมเขียว) */
  --rule:#E6EAE8;          /* เส้นคั่นบาง */
  --soft:#F4F6F5;          /* พื้นกรอบภาพ (ไม่ใช่การ์ด) */
  --black:#101614;         /* ปุ่มหลัก/แถบปิด/ท้ายเว็บ */
  --mint:#7FE3C0;          /* เขียวแบรนด์บนพื้นดำเท่านั้น (ตาของ Momo) */
  --t-hero:clamp(40px,5vw,68px); --t-sec:clamp(32px,3.4vw,48px);
  --lh-tight:1.36; --sec:128px; --wrap:1180px;
}
@media (max-width:767px){:root{--sec:64px}}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);font-size:var(--t-body);line-height:var(--lh);color:var(--ink);background:var(--paper);font-style:normal}
em,i{font-style:normal}
a{color:var(--jade-ink)}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--marigold);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}