:where(.mf), :where(.mf *){margin:0;padding:0;box-sizing:border-box}
html:has(body.mf-page){background:#000}
body.mf-page{background:#000 !important;margin:0 !important;padding:0 !important;overflow-x:hidden;min-height:100vh;--wp--style--root--padding-left:0 !important;--wp--style--root--padding-right:0 !important}
body.mf-page > .mf{width:100%;max-width:100%}
body.mf-page .wp-site-blocks{padding:0 !important;margin:0 !important}
.admin-bar .mf .nav{top:32px}

/* ===========================================================
   Minisforum Thailand — prototype stylesheet
   สไตล์อ้างอิงจาก iyo.ai (dark, minimal, sticky product gallery)
   =========================================================== */

:root{
  --bg:#000;
  --bg-soft:#0b0b0c;
  --card:#111113;
  --line:rgba(255,255,255,.12);
  --line-soft:rgba(255,255,255,.06);
  --fg:#f5f5f7;
  --fg-dim:#98989d;
  --accent:#ff4d19;      /* Minisforum orange */
  --accent-2:#0a84ff;
  --radius:16px;
  --maxw:1280px;
  --nav-h:64px;

  /* ---- ปรับวิดีโอ hero ได้ที่ 2 ค่านี้ ----
     --hero-bright : ความสว่าง 1 = ต้นฉบับ, 1.3 = สว่างขึ้น 30%
     --hero-focus  : ตำแหน่งแนวตั้งของคลิป 0% = ชิดบนสุด, 50% = กึ่งกลาง */
  --hero-bright:1.19;
  --hero-focus:12%;
}.mf *{box-sizing:border-box}html:has(body.mf-page){scroll-behavior:smooth}body.mf-page{
  margin:0;background:var(--bg);color:var(--fg);
  font-family:"Inter","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.55;
}.mf img{max-width:100%;display:block}.mf a{color:inherit;text-decoration:none}.mf button{font:inherit;cursor:pointer}.mf .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.mf .muted{color:var(--fg-dim)}.mf .center{text-align:center}/* ---------- i18n ---------- */
.mf [data-en]{display:none}html[lang="en"] .mf [data-th]{display:none}html[lang="en"] .mf [data-en]{display:inline}html[lang="en"] .mf li[data-en], html[lang="en"] .mf p[data-en], html[lang="en"] .mf div[data-en], html[lang="en"] .mf h1[data-en], html[lang="en"] .mf h2[data-en], html[lang="en"] .mf h3[data-en], html[lang="en"] .mf h4[data-en], html[lang="en"] .mf b[data-en]{display:block}html[lang="en"] .mf td[data-en]{display:table-cell}html[lang="en"] .mf span.lab[data-en]{display:block}/* กันกฎ display เฉพาะทางไปทับสวิตช์ภาษา */
.mf [data-en]{display:none !important}html[lang="en"] .mf [data-th]{display:none !important}html[lang="en"] .mf [data-en]{display:revert !important}/* ---------- ป้ายตัวแทนจำหน่าย ต่อท้ายโลโก้ในแถบเมนู ---------- */
.mf .tagline{
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--fg-dim);white-space:nowrap;
  padding-left:16px;margin-left:-12px;
  border-left:1px solid var(--line-soft);
}@media (max-width:1180px){.mf .tagline{display:none}}/* ---------- nav ---------- */
.mf .nav{
  position:sticky;top:0;z-index:100;height:var(--nav-h);
  display:flex;align-items:center;gap:28px;
  padding:0 24px;
  background:rgba(0,0,0,.72);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line-soft);
}.mf .nav .brand{font-weight:700;letter-spacing:-.02em;font-size:17px}.mf .nav .brand span{color:var(--accent)}.mf .nav .links{display:flex;gap:22px;font-size:14px;color:var(--fg-dim);margin-left:8px}.mf .nav .links a:hover{color:var(--fg)}.mf .nav .spacer{flex:1}.mf .langbtn{
  border:1px solid var(--line);background:transparent;color:var(--fg);
  border-radius:999px;padding:6px 14px;font-size:13px;
}.mf .langbtn:hover{border-color:var(--fg)}.mf .navcart{border:0;background:var(--fg);color:#000;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600}/* ---------- hero ---------- */
.mf .hero{
  min-height:96vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;
  text-align:center;padding:80px 24px 72px;position:relative;overflow:hidden;
}/* วิดีโอพื้นหลัง hero
   object-position บนสุด = ตรึงส่วนบนของคลิปไว้เสมอ ตัวเครื่องจึงไม่โดนครอปตอนซูมออก */
.mf .hero-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:50% var(--hero-focus);
  z-index:0;pointer-events:none;
  filter:url(#heroSharpen) brightness(var(--hero-bright)) contrast(1.12) saturate(1.06);
}/* ชั้นไล่สีบางๆ เฉพาะขอบบน–ล่าง กลางภาพปล่อยให้เห็นตัวเครื่องเต็มๆ */
.mf .hero-scrim{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(0,0,0,.55) 0%,
    rgba(0,0,0,.12) 22%,
    rgba(0,0,0,0)   45%,
    rgba(0,0,0,.55) 74%,
    rgba(0,0,0,.92) 92%,
    #000 100%);
}.mf .hero > .eyebrow, .mf .hero > h1, .mf .hero > p, .mf .hero > .cta-row{position:relative;z-index:2}.mf .hero h1{text-shadow:0 2px 30px rgba(0,0,0,.85),0 1px 4px rgba(0,0,0,.6)}.mf .hero p{text-shadow:0 1px 16px rgba(0,0,0,.8);color:#c9c9cf}/* จอเตี้ย/มือถือ ตัวเครื่องอยู่บน จึงขยับกรอบขึ้นอีก */
@media (max-width:820px){.mf .hero{min-height:88vh;padding-bottom:56px}.mf .hero-video{object-position:50% 4%}}@media (prefers-reduced-motion:reduce){.mf .hero-video{display:none}}.mf .eyebrow{
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:20px;
}.mf h1{
  font-size:clamp(38px,7vw,86px);line-height:1.02;letter-spacing:-.035em;
  font-weight:700;margin:0 0 22px;
}.mf .hero p{max-width:620px;font-size:clamp(15px,2vw,19px);color:var(--fg-dim);margin:0 auto 34px}.mf .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}.mf .btn{
  border-radius:999px;padding:14px 30px;font-size:15px;font-weight:600;border:1px solid transparent;
  display:inline-block;
}.mf .btn-primary{background:var(--fg);color:#000}.mf .btn-primary:hover{background:#fff}.mf .btn-ghost{border-color:var(--line);color:var(--fg)}.mf .btn-ghost:hover{border-color:var(--fg)}.mf .heroshot{
  margin-top:56px;width:min(760px,90vw);aspect-ratio:16/9;border-radius:24px;
  border:1px solid var(--line);position:relative;z-index:2;
  background:
    radial-gradient(120% 90% at 50% 0%,#26262b,#0d0d10 60%);
  display:grid;place-items:center;color:#48484e;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
}/* ---------- section ---------- */
.mf section{padding:96px 0;border-top:1px solid var(--line-soft)}.mf .sec-head{max-width:720px;margin:0 auto 56px;text-align:center}.mf .sec-head h2{font-size:clamp(28px,4.2vw,46px);line-height:1.1;letter-spacing:-.03em;margin:0 0 14px}.mf .sec-head p{color:var(--fg-dim);margin:0}/* ---------- product grid (bento) ---------- */
.mf .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mf .pcard{
  background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);
  padding:14px;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;
  position:relative;
}.mf .pcard:hover{border-color:rgba(255,255,255,.22);transform:translateY(-2px)}/* แผ่นรองภาพ — contain + padding ให้เห็นภาพเต็มใบ ไม่โดนครอปขอบ */
.mf .pcard .shot{
  aspect-ratio:1/1;border-radius:12px;margin-bottom:14px;overflow:hidden;
  padding:10px;display:grid;place-items:center;position:relative;isolation:isolate;
  /* แผ่นรองแบบมีแสง: กลางสว่าง ขอบหรี่ลงเป็นเทา ไม่ใช่สี่เหลี่ยมขาวแบนๆ */
  background:
    radial-gradient(130% 105% at 50% 18%, #ffffff 0%, #f4f4f7 42%, #d8d8e0 78%, #b9b9c4 100%);
  /* เส้นขอบในสว่างด้านบน + เงาในด้านล่าง ให้ดูเป็นแผ่นวัสดุ */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -14px 26px -14px rgba(60,60,80,.45),
    0 1px 0 rgba(255,255,255,.10),
    0 14px 30px -12px rgba(0,0,0,.85);
}/* ขอบมืดจางๆ รอบแผ่น ให้ตัดกับพื้นดำแบบนุ่ม ไม่เป็นเส้นคม */
.mf .pcard .shot::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
  background:radial-gradient(120% 100% at 50% 40%, rgba(0,0,0,0) 55%, rgba(30,30,45,.20) 100%);
}.mf .pcard .shot img{
  width:100%;height:100%;object-fit:contain;position:relative;z-index:1;
  transition:transform .35s ease;
  filter:drop-shadow(0 6px 12px rgba(40,40,60,.28));
}.mf .pcard:hover .shot img{transform:scale(1.04)}/* ป้ายสถานะเป็นชิปในการ์ด ไม่ทับตัวหนังสือในภาพ */
.mf .badge{
  display:inline-block;align-self:flex-start;margin-bottom:10px;
  font-size:10.5px;font-weight:600;letter-spacing:.03em;
  padding:3px 9px;border-radius:999px;
  background:rgba(255,77,25,.16);color:var(--accent);
  border:1px solid rgba(255,77,25,.35);
}.mf .badge.out{background:rgba(255,255,255,.05);color:var(--fg-dim);border-color:var(--line-soft)}.mf .pcard.is-out .shot{filter:grayscale(.75);opacity:.62}.mf .pcard.is-out:hover .shot{filter:none;opacity:.92}.mf .pcard h3{margin:0 0 6px;font-size:15.5px;letter-spacing:-.01em;font-weight:600;line-height:1.3}.mf .pcard .spec{
  color:var(--fg-dim);font-size:12.5px;line-height:1.5;margin:0 0 14px;flex:1;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}.mf .price{
  font-size:17px;font-weight:700;letter-spacing:-.02em;
  display:flex;align-items:baseline;gap:8px;
  padding-top:12px;border-top:1px solid var(--line-soft);
}.mf .price small{font-size:11px;color:var(--fg-dim);font-weight:400;text-transform:uppercase;letter-spacing:.08em}.mf .pcard.is-out .price{color:var(--fg-dim)}/* การ์ดเด่น 2 ใบแรก กว้าง 2 ช่อง ภาพซ้าย ข้อความขวา */
.mf .pcard.feat2{grid-column:span 2;flex-direction:row;gap:20px;padding:16px}.mf .pcard.feat2 .shot{width:44%;flex:none;aspect-ratio:1/1;margin:0;padding:10px}.mf .pcard.feat2 .badge{position:absolute;top:16px;right:16px;margin:0}.mf .pcard.feat2 .body{display:flex;flex-direction:column;flex:1;padding:8px 4px 4px 0}.mf .pcard.feat2 h3{font-size:22px;margin-bottom:8px;padding-right:80px}.mf .pcard.feat2 .spec{font-size:13.5px;-webkit-line-clamp:4}.mf .pcard.feat2 .price{font-size:22px}@media (max-width:1080px){.mf .grid{grid-template-columns:repeat(2,1fr)}.mf .pcard.feat2{grid-column:span 2}}@media (max-width:640px){.mf .grid{grid-template-columns:1fr;gap:14px}.mf .pcard.feat2{grid-column:span 1;flex-direction:column}.mf .pcard.feat2 .shot{width:100%;margin-bottom:14px}.mf .pcard.feat2 h3{padding-right:0}}/* ---------- feature strip ---------- */
.mf .feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0}.mf .feat{padding:0 28px;border-left:1px solid var(--line-soft);display:flex;flex-direction:column}.mf .feat:first-child{border-left:0;padding-left:0}.mf .feat .num{
  font-size:12px;letter-spacing:.14em;color:var(--accent);
  font-weight:600;margin-bottom:16px;
}.mf .feat h3{font-size:18px;margin:0 0 10px;letter-spacing:-.01em;font-weight:600}.mf .feat p{color:var(--fg-dim);font-size:14px;margin:0 0 22px;flex:1}.mf .feat figure{margin:0}.mf .feat figure img{
  width:100%;aspect-ratio:3/2;object-fit:cover;
  border-radius:10px;border:1px solid var(--line-soft);
  background:#050506;
}@media (max-width:760px){.mf .feat{border-left:0;padding:0 0 34px}.mf .feat:first-child{padding-left:0}}/* ===========================================================
   PRODUCT PAGE — sticky gallery + configurator
   =========================================================== */
.mf .pdp{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:start;padding:48px 0 96px}.mf .gallery{position:sticky;top:calc(var(--nav-h) + 24px)}.mf .gstage{
  aspect-ratio:1/1;border-radius:20px;border:1px solid var(--line);
  display:grid;place-items:center;overflow:hidden;transition:background .5s ease;
}.mf .gstage .label{color:#5a5a62;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.mf .gthumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.mf .gthumb{
  width:72px;height:72px;border-radius:10px;border:1px solid var(--line-soft);
  background:radial-gradient(110% 90% at 50% 10%,#26262c,#0e0e12 70%);
  display:grid;place-items:center;color:#4a4a52;font-size:10px;
}.mf .gthumb.is-active{border-color:var(--fg)}.mf .config h1{font-size:clamp(30px,4vw,46px);margin:0 0 6px}.mf .config .sub{color:var(--fg-dim);margin:0 0 26px}.mf .cfg-block{margin-bottom:28px}.mf .cfg-block > .lab{
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);
  display:block;margin-bottom:12px;
}.mf .opts{display:grid;gap:10px}.mf .opt{
  border:1px solid var(--line-soft);border-radius:12px;padding:14px 16px;
  display:flex;align-items:center;gap:14px;background:transparent;color:var(--fg);
  text-align:left;width:100%;transition:.15s;
}.mf .opt:hover{border-color:var(--line)}.mf .opt.is-active{border-color:var(--fg);background:rgba(255,255,255,.04)}.mf .opt .t{flex:1}.mf .opt .t b{display:block;font-size:15px;font-weight:600}.mf .opt .t span{font-size:12.5px;color:var(--fg-dim)}.mf .opt .p{font-size:14px;color:var(--fg-dim);white-space:nowrap}.mf .swatches{display:flex;gap:12px}.mf .sw{
  width:56px;height:56px;border-radius:50%;border:2px solid transparent;
  box-shadow:0 0 0 1px var(--line-soft) inset;position:relative;padding:0;
}.mf .sw.is-active{border-color:var(--fg)}.mf .sw .nm{
  position:absolute;top:64px;left:50%;transform:translateX(-50%);
  font-size:11px;color:var(--fg-dim);white-space:nowrap;
}.mf .swatches{margin-bottom:26px}.mf .summary{
  border-top:1px solid var(--line-soft);padding-top:22px;margin-top:8px;
}.mf .sumrow{display:flex;justify-content:space-between;font-size:14px;color:var(--fg-dim);margin-bottom:8px}.mf .sumtotal{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 20px}.mf .sumtotal .big{font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--fg)}.mf .buy{width:100%;border:0;border-radius:999px;padding:16px;background:var(--fg);color:#000;font-weight:700;font-size:16px}.mf .buy:hover{background:#fff}.mf .note{font-size:12.5px;color:var(--fg-dim);margin-top:12px;text-align:center}/* spec table */
.mf .spectable{width:100%;border-collapse:collapse;font-size:14.5px;max-width:860px;margin:0 auto}.mf .spectable td{padding:14px 0;border-bottom:1px solid var(--line-soft);vertical-align:top}.mf .spectable td:first-child{color:var(--fg-dim);width:34%}/* ---------- footer ---------- */
.mf footer{padding:60px 0 80px;border-top:1px solid var(--line-soft);color:var(--fg-dim);font-size:13.5px}.mf .fgrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px}.mf .fgrid h4{color:var(--fg);font-size:13px;margin:0 0 12px;letter-spacing:.04em}.mf .fgrid a{display:block;margin-bottom:8px}.mf .fgrid a:hover{color:var(--fg)}.mf .fbot{margin-top:44px;padding-top:22px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px}@media (max-width:980px){.mf .pdp{grid-template-columns:1fr;gap:32px}.mf .gallery{position:static}.mf .fgrid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.mf .nav .links{display:none}.mf section{padding:64px 0}.mf .fgrid{grid-template-columns:1fr}}
/* ---------- popup ช่องทางสั่งซื้อ ---------- */
.mf .buym{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px}
.mf .buym[hidden]{display:none}
.mf .buym__bg{position:absolute;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mf .buym__box{position:relative;width:100%;max-width:460px;background:#121214;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:28px 24px 24px;box-shadow:0 30px 70px -20px rgba(0,0,0,.9)}
.mf .buym__box h3{font-size:19px;font-weight:600;margin:0 0 18px;letter-spacing:-.01em}
.mf .buym__x{position:absolute;top:12px;right:14px;background:transparent;border:0;color:#98989d;font-size:26px;line-height:1;padding:4px 8px;border-radius:8px}
.mf .buym__x:hover{color:#f5f5f7;background:rgba(255,255,255,.06)}
.mf .buym__opt{display:block;position:relative;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:16px 44px 16px 18px;margin-bottom:12px;transition:border-color .15s,background .15s}
.mf .buym__opt:last-child{margin-bottom:0}
.mf .buym__opt:hover{border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.04)}
.mf .buym__n{display:block;font-size:16px;font-weight:600;margin-bottom:4px}
.mf .buym__d{display:block;font-size:12.5px;color:#98989d;line-height:1.5}
.mf .buym__go{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#98989d;font-size:18px}
.mf .buym__opt:hover .buym__go{color:#ff4d19}
/* ================= MOBILE TUNING ================= */
/* โปสเตอร์ hero ต้องเต็มกรอบ มือถือที่ไม่โหลดวิดีโอจะเห็นภาพนี้แทนพื้นดำ */
.mf .hero-video{background:#000}

/* แท็บเล็ต — 3 คอลัมน์ */
@media (max-width:1080px) and (min-width:761px){
  .mf .grid{grid-template-columns:repeat(3,1fr)}
  .mf .pcard.feat2{grid-column:span 3}
}

/* มือถือ — 2 คอลัมน์ การ์ดกระชับขึ้น หน้าจะได้ไม่ยาวเกิน */
@media (max-width:760px){
  .mf .grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .mf .pcard{padding:10px;border-radius:12px}
  .mf .pcard.feat2{grid-column:span 2;flex-direction:column;padding:10px}
  .mf .pcard.feat2 .shot{width:100%;margin-bottom:10px}
  .mf .pcard.feat2 .body{padding:0}
  .mf .pcard.feat2 h3{font-size:15px;padding-right:0;margin-bottom:5px}
  .mf .pcard.feat2 .spec{font-size:11.5px;-webkit-line-clamp:2}
  .mf .pcard.feat2 .price{font-size:16px}
  .mf .pcard.feat2 .badge{position:static;margin-bottom:8px}
  .mf .pcard .shot{padding:6px;margin-bottom:10px;border-radius:9px}
  .mf .pcard h3{font-size:13px;line-height:1.25;margin-bottom:5px}
  .mf .pcard .spec{font-size:11px;line-height:1.45;-webkit-line-clamp:2;margin-bottom:10px}
  .mf .price{font-size:15px;padding-top:9px;gap:6px}
  .mf .price small{font-size:9.5px}
  .mf .badge{font-size:9.5px;padding:2px 7px;margin-bottom:7px}
  .mf .nav{gap:10px;padding:0 14px}
  .mf .nav .brand{font-size:15px;white-space:nowrap}
  .mf .navcart{padding:7px 14px;white-space:nowrap;font-size:12.5px}
  .mf .langbtn{padding:5px 11px;font-size:12px}
  .mf .hero{min-height:72vh;padding:60px 20px 44px}
  .mf section{padding:56px 0}
  .mf .sec-head{margin-bottom:30px}
  .mf .wrap{padding:0 16px}
}
/* ---- MOBILE SCRIM: จอแคบ ข้อความทับตัวเครื่อง ต้องหรี่ครึ่งล่างลงให้อ่านออก ---- */
@media (max-width:760px){
  .mf .hero-scrim{
    background:linear-gradient(180deg,
      rgba(0,0,0,.60) 0%,
      rgba(0,0,0,.18) 16%,
      rgba(0,0,0,.30) 38%,
      rgba(0,0,0,.74) 58%,
      rgba(0,0,0,.93) 80%,
      #000 100%);
  }
  .mf .hero h1{font-size:34px;line-height:1.12}
  .mf .hero p{font-size:14.5px;margin-bottom:26px;color:#d4d4d9}
  .mf .hero .btn{padding:13px 26px;font-size:14.5px}
}
/* ---- MOBILE COMPACT: ส่วนจุดเด่น / ท้ายเว็บ หน้าจะได้ไม่ยาว ---- */
@media (max-width:760px){
  .mf .feats{grid-template-columns:repeat(2,1fr);gap:22px 12px}
  .mf .feat{padding:0;border-left:0}
  .mf .feat .num{font-size:10.5px;margin-bottom:8px;letter-spacing:.12em}
  .mf .feat h3{font-size:14px;margin-bottom:6px;line-height:1.3}
  .mf .feat p{font-size:11.5px;line-height:1.5;margin-bottom:12px}
  .mf .feat figure img{aspect-ratio:16/10;border-radius:8px}
  .mf .sec-head h2{font-size:26px;line-height:1.18;margin-bottom:10px}
  .mf .sec-head p{font-size:13.5px}
  .mf footer{padding:40px 0 56px;font-size:12.5px}
  .mf .fgrid{grid-template-columns:1fr 1fr;gap:22px}
  .mf .fgrid h4{font-size:12px;margin-bottom:9px}
  .mf .fgrid a{margin-bottom:6px}
  .mf .fbot{margin-top:26px;padding-top:16px;font-size:11.5px}
  .mf #support .sec-head{margin-bottom:0}
  .mf #support .cta-row{margin-top:22px}
}
/* ---------- ปุ่มเปิด/ปิดเสียงวิดีโอ hero ---------- */
.mf .mutebtn{
  position:absolute;right:20px;bottom:20px;z-index:3;
  width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(0,0,0,.45);color:#f5f5f7;
  border:1px solid rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:background .15s,border-color .15s,opacity .2s;
}
.mf .mutebtn:hover{background:rgba(0,0,0,.7);border-color:rgba(255,255,255,.5)}
.mf .mutebtn[hidden]{display:none}
.mf .mutebtn .mutebtn__on{display:none}
.mf .mutebtn.is-on .mutebtn__off{display:none}
.mf .mutebtn.is-on .mutebtn__on{display:block}
.mf .mutebtn.is-on{border-color:rgba(255,77,25,.65);color:#ff4d19}
@media (max-width:760px){
  .mf .mutebtn{right:14px;bottom:14px;width:36px;height:36px}
}
/* ---- FEAT2 MOBILE: มือถือให้การ์ดเด่น  2 ใบแรกเรียงคู่กัน เหมือนใบอื่น ---- */
@media (max-width:760px){
  .mf .pcard.feat2{grid-column:span 1}
  .mf .pcard.feat2 h3{font-size:13px;line-height:1.25}
  .mf .pcard.feat2 .spec{font-size:11px;line-height:1.45}
  .mf .pcard.feat2 .price{font-size:15px}
  .mf .pcard.feat2 .badge{font-size:9.5px;padding:2px 7px;margin-bottom:7px}
}