/**
 * swiper-14-compat.css — ใช้แทน swiper.min.css (3.4.1) ในหน้าที่ย้ายไป Swiper 14 แล้ว
 *
 * โหลดไฟล์นี้ไฟล์เดียวพอ (มัน import swiper-14.3.0.min.css และ swiper-14-compat-rules.css ให้เอง
 * ทั้งสอง import ถูกโหลดพร้อมกัน ไม่ได้ต่อกันเป็นทอด)
 *
 * - CSS ของ Swiper 14 ถูกใส่ไว้ใน cascade layer ทำให้ CSS ของหน้าเดิม (ที่ไม่อยู่ใน layer) ชนะเสมอ
 *   ไม่ว่า selector ของ Swiper 14 จะ specificity สูงกว่าแค่ไหน (เช่น .swiper-horizontal ~ .swiper-button-prev)
 *   หน้าเดิมจึงไม่ต้องแก้ CSS ที่ override ปุ่ม/ตำแหน่งไว้
 * - layer swiper-compat คืนค่า default ที่หน้าเดิมพึ่งพาจาก 3.4.1 (class .swiper-container, ปุ่มลูกศรรูปภาพ)
 * - เบราว์เซอร์ที่ไม่รองรับ layer จะข้ามไฟล์นี้ทั้งหมด swiper_helper.js จึง inject swiper-14-legacy.css ให้แทน
 * - เมื่อย้ายครบทุกหน้าและปรับ markup เป็น .swiper แล้ว ค่อยพิจารณาเลิกใช้ไฟล์นี้
 */
@layer swiper-core, swiper-compat;
@import url("swiper-14.3.0.min.css") layer(swiper-core);
@import url("swiper-14-compat-rules.css?v=1") layer(swiper-compat);
