/* =============================================================================
   MUUNIQUE — CORNER POLICY (ทิศทางแบรนด์)
   • รูปภาพ + กรอบที่ครอบรูป = "ขอบเหลี่ยม" (border-radius:0) เสมอ
   • element อื่น ๆ (ปุ่ม/แท็ก/อินพุต/สวิตช์/การ์ดที่ไม่ใช่กรอบรูป) = ใช้ radius ของตัวเองได้
   โหลดท้ายสุดทุกหน้า (muunique_enqueue_sharp @99) · แก้ที่เดียวคุมทั้งเว็บ —
   ครอบคลุม theme CSS, Elementor (post-*.css), WooCommerce, header/footer, PDP, Home Sections
   ========================================================================== */

/* 1) รูปทุกชนิด (raw media) — เหลี่ยมเสมอ */
html body img,
html body picture,
html body video {
  border-radius: 0 !important;
}

/* 2) "กรอบที่มีรูปเป็นลูกโดยตรง" (image frame) → บังคับเหลี่ยม เพื่อให้รูปในกรอบดูเหลี่ยมตาม
   เช่น .mqp__media (การ์ดสินค้า), กรอบแกลเลอรี PDP, แบนเนอร์, การ์ด cutout ฯลฯ
   ไม่โดนปุ่ม/ไอคอน เพราะไอคอนเป็น <svg> ไม่ใช่ <img>
   ⚠️ ถ้าเจอรูปที่ยังมนอยู่ (กรอบซ้อนหลายชั้น) ให้เพิ่มคลาสกรอบนั้นในบล็อกนี้ */
html body :has(> img),
html body :has(> picture),
html body :has(> video) {
  border-radius: 0 !important;
}