/*
 * Choksena Landing Page — ธีมสีแบรนด์จริง (ดึงจาก choksena.com)
 * Navy:  #000066 / #030372     Yellow accent: #F9DE0B     Line green: #06C755
 * ฟอนต์: Kanit (หัวข้อ) + Sarabun (เนื้อหา) โหลดผ่าน Google Fonts
 */

.choksena-lp{
	--navy:        #000066;
	--navy-deep:   #03023d;
	--navy-soft:   #eef0fa;
	--yellow:      #f9de0b;
	--line-green:  #06c755;
	--ink:         #23262b;
	--muted:       #666b74;
	--line:        rgba(0,0,102,.12);
	--bg-alt:      #f5f6fb;
	--radius:      14px;

	font-family: "Sarabun", "IBM Plex Sans Thai", sans-serif;
	color: var(--ink);
	background:#fff;
	/* กันเผื่อธาตุลูกตัวไหนกว้างเกิน viewport บนมือถือ (เช่น ตารางสเปครถ) แล้วดันให้ทั้งหน้า
	   scroll แนวนอนได้ ซึ่งจะทำให้เนื้อหาด้านบน (เช่น Hero) ดูเหมือนโดนตัดขอบซ้าย */
	overflow-x: hidden !important;
	max-width: 100vw !important;
}
.choksena-lp *{ box-sizing:border-box; }
/* !important เพราะหลายธีมตั้ง img{max-width:100%;height:auto;} ไว้ในเนื้อหา ซึ่งชนกับ height ตายตัวที่กำหนดเฉพาะจุดด้านล่าง */
.choksena-lp img{ max-width:100% !important; display:block !important; }
.choksena-lp h1,.choksena-lp h2,.choksena-lp h3{
	font-family:"Kanit","Sarabun",sans-serif;
	color: var(--navy);
	line-height:1.3;
	margin:0 0 12px;
	text-wrap: balance;
}
.choksena-lp p{ line-height:1.8; margin:0 0 14px; color:var(--ink); }
/* จำกัดความกว้างเนื้อหาไว้ที่ 1140px แต่พื้นหลังของแต่ละ section (เช่น .fleet, .services)
   ยังกว้างเต็มจอเสมอ เพราะพื้นหลังอยู่ที่ <section> ไม่ใช่ .lp-wrap
   ใส่ !important เพราะบางธีมมี CSS กำหนดความกว้าง div ในเนื้อหาไว้ก่อนแล้วด้วย specificity สูงกว่า */
.choksena-lp .lp-wrap{ max-width:1140px !important; margin:0 auto !important; padding:0 24px !important; box-sizing:border-box !important; }
.choksena-lp section{ padding:56px 0; }
.choksena-lp .eyebrow{
	display:inline-block; font-family:"Kanit",sans-serif; font-weight:600;
	text-transform:uppercase; letter-spacing:.12em; font-size:.78rem;
	color: var(--navy); background: var(--navy-soft); padding:5px 14px; border-radius:999px;
	margin-bottom:16px;
}
.choksena-lp .section-head{ text-align:center; max-width:640px; margin:0 auto 36px; }
.choksena-lp .section-head h2{ font-size:clamp(1.4rem,3vw,1.8rem); }
.choksena-lp .section-head p{ color:var(--muted); margin:0; }

/* ===== HERO: รูปเต็มพื้นหลัง + ข้อความจริงลอยทับ ===== */
.choksena-lp .hero{
	position:relative; overflow:hidden; padding:0;
	min-height:540px; display:flex; align-items:center;
}
.choksena-lp .hero-bg{ position:absolute; inset:0; z-index:0; }
.choksena-lp .hero-bg img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:50% 24% !important; max-width:none !important; }
/* ไล่ความโปร่งใสจาก 0 -> 1 ด้วย CSS ล้วน ไม่ใช้รูป: มืดสนิทฝั่งซ้าย (ให้ตัวหนังสือขาวอ่านออก) จางลงจนโปร่งใสฝั่งขวา (โชว์รูปรถเต็มๆ) */
.choksena-lp .hero-bg::after{
	content:""; position:absolute; inset:0;
	background: linear-gradient(100deg, var(--navy) 0%, rgba(0,0,102,.93) 32%, rgba(0,0,102,.55) 55%, rgba(0,0,102,.06) 80%, rgba(0,0,102,0) 95%);
}
/* Hero ใช้พื้นหลังเต็มจอ แต่ "ขอบซ้ายของข้อความ" ต้องตรงกับขอบซ้ายของการ์ด/เนื้อหา section อื่น
   ที่ถูกจำกัดไว้ที่ 1140px กึ่งกลางจอ จึงคำนวณ padding-left ด้วยสูตรเดียวกับการจัดกึ่งกลาง 1140px
   ((ความกว้างจอ - 1140px) / 2 + 24px padding ปกติของ .lp-wrap) แทนที่จะชิดขอบจอจริงแบบอิสระ
   จอแคบกว่า 1140px ก็ยังเหลืออย่างน้อย 24px เท่าเดิม */
.choksena-lp .hero .lp-wrap{
	position:relative !important; z-index:1 !important; max-width:none !important; margin:0 !important;
	padding-top:84px !important; padding-bottom:120px !important;
	padding-left:max(24px, calc((100vw - 1140px) / 2 + 24px)) !important;
	padding-right:max(24px, calc((100vw - 1140px) / 2 + 24px)) !important;
}
.choksena-lp .hero-content{ max-width:580px; }
.choksena-lp .hero-content h1{ color:#fff; font-size:clamp(1.9rem,4.2vw,2.6rem); }
.choksena-lp .hero-content h1 em{ font-style:normal; text-decoration:underline; text-decoration-color:var(--yellow); text-decoration-thickness:3px; text-underline-offset:5px; }
.choksena-lp .hero-content .lede{ font-size:1.02rem; color:rgba(255,255,255,.86); max-width:50ch; }
.choksena-lp .eyebrow.eyebrow-onphoto{ background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.28); }
@media (max-width:760px){
	.choksena-lp .hero{ min-height:420px; }
	.choksena-lp .hero-bg::after{ background: linear-gradient(180deg, rgba(0,0,102,.85) 0%, rgba(0,0,102,.8) 55%, rgba(0,0,102,.5) 100%); }
	.choksena-lp .hero .lp-wrap{ padding-left:24px !important; padding-right:24px !important; }
	.choksena-lp .hero-content{ max-width:none !important; text-align:center !important; }
	.choksena-lp .hero-content h1{ text-align:center !important; }
	.choksena-lp .hero-content .lede{ max-width:none !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; }
	.choksena-lp .eyebrow.eyebrow-onphoto{ text-align:center !important; }
	.choksena-lp .btn-row{ justify-content:center !important; }
}

/* ===== ปุ่ม ===== */
.choksena-lp .btn-row{ display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; }
.choksena-lp .btn{
	display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:.97rem;
	padding:14px 28px; border-radius:999px; text-decoration:none; border:2px solid transparent;
	transition:transform .15s ease, box-shadow .15s ease;
}
.choksena-lp .btn:hover{ transform:translateY(-2px); }
.choksena-lp .btn-primary{ background:var(--yellow); color:var(--navy); }
.choksena-lp .btn-outline{ background:#fff; color:var(--navy); border-color:var(--navy); }
.choksena-lp .btn-line{ background:var(--line-green); color:#fff; }

/* ===== แถบจุดเด่น: แผงลอยทับขอบล่างของ Hero ===== */
.choksena-lp .trust-strip{ position:relative; z-index:2; padding:0; margin-top:-72px; }
.choksena-lp .trust-panel{
	display:flex; background:#fff; border-radius:20px; overflow:hidden;
	box-shadow:0 30px 60px -24px rgba(0,0,102,.4), 0 0 0 1px rgba(0,0,102,.04);
}
.choksena-lp .trust-item{ flex:1; display:flex; align-items:center; gap:14px; padding:26px 22px; }
.choksena-lp .trust-item + .trust-item{ border-left:1px solid var(--line); }
.choksena-lp .trust-item .ic{
	flex:none; width:52px; height:52px; border-radius:50%; color:#fff;
	background: var(--navy);
	display:flex; align-items:center; justify-content:center;
}
.choksena-lp .trust-item .ic svg{ width:24px; height:24px; }
.choksena-lp .trust-item h3{ font-size:.96rem; font-weight:700; margin-bottom:3px; }
.choksena-lp .trust-item p{ font-size:.8rem; color:var(--muted); margin:0; line-height:1.4; }
@media (max-width:900px){
	.choksena-lp .trust-strip{ margin-top:-48px; }
	.choksena-lp .trust-panel{ flex-wrap:wrap; }
	.choksena-lp .trust-item{ flex:0 0 50%; }
	.choksena-lp .trust-item:nth-child(2n){ border-left:1px solid var(--line); }
	.choksena-lp .trust-item:nth-child(2n+1){ border-left:none; }
	.choksena-lp .trust-item:nth-child(n+3){ border-top:1px solid var(--line); }
}
@media (max-width:560px){
	.choksena-lp .trust-item{ flex:0 0 100%; border-left:none !important; border-top:1px solid var(--line) !important; }
	.choksena-lp .trust-item:first-child{ border-top:none !important; }
}

/* ===== ผลงานจริง ===== */
.choksena-lp .case-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.choksena-lp .case-grid > *{ min-width:0; }
@media (max-width:820px){ .choksena-lp .case-grid{ grid-template-columns:1fr; } }
.choksena-lp .case-card{
	position:relative; display:block; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line);
	background:#fff; box-shadow:0 14px 30px -16px rgba(0,0,102,.28);
	text-decoration:none; color:inherit; transition:box-shadow .15s ease, transform .15s ease;
}
.choksena-lp .case-card:hover{ box-shadow:0 18px 36px -14px rgba(0,0,102,.34); transform:translateY(-3px); }
.choksena-lp .case-card img{ width:100% !important; height:240px !important; object-fit:cover !important; display:block !important; }
.choksena-lp .case-card .body{ padding:26px 20px 20px; }
/* ป้ายสถานที่ลอยทับรอยต่อระหว่างรูปกับส่วนข้อความ */
.choksena-lp .case-card .tag{
	position:absolute; top:240px; left:16px; transform:translateY(-50%); z-index:2;
	display:inline-flex; align-items:center; gap:6px;
	font-size:.76rem; font-weight:600;
	color:#fff; background:var(--navy); padding:6px 14px; border-radius:999px;
	box-shadow:0 8px 16px -6px rgba(0,0,102,.55);
}
.choksena-lp .case-card .tag svg{ width:13px; height:13px; flex:none; }
.choksena-lp .case-card h3{ font-size:1rem; margin-bottom:6px; }
.choksena-lp .case-card p{ font-size:.87rem; color:var(--muted); margin:0; }
.choksena-lp .case-card .more{ display:inline-flex; align-items:center; gap:6px; margin-top:12px; font-size:.85rem; font-weight:600; color:var(--navy); }
.choksena-lp .case-card .more svg{ width:14px; height:14px; }
@media (min-width:821px){
	.choksena-lp .case-card img{ height:340px !important; }
	.choksena-lp .case-card .tag{ top:340px; }
}

/* ===== แถบภาพงานจริงเพิ่มเติม ใต้การ์ดผลงานจริง ===== */
.choksena-lp .photo-strip{ display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:20px; }
.choksena-lp .photo-strip{ min-width:0; }
.choksena-lp .photo-strip > *{ min-width:0; }
.choksena-lp .photo-strip img{
	border-radius:10px; width:100% !important; height:120px !important; object-fit:cover !important;
	display:block !important; box-shadow:0 8px 18px -12px rgba(0,0,102,.3);
	cursor:zoom-in; transition:transform .18s ease;
}
.choksena-lp .photo-strip img:hover{ transform:scale(1.04); }
@media (max-width:820px){ .choksena-lp .photo-strip{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:520px){
	.choksena-lp .photo-strip{ grid-template-columns:repeat(2,1fr); }
	/* จอมือถือเหลือ 4 รูปพอ ไม่ให้เหลือรูปที่ 5 โดดเดี่ยวแถวสุดท้าย */
	.choksena-lp .photo-strip img:nth-child(5){ display:none !important; }
}

/* ===== Lightbox: popup ขยายรูปเมื่อคลิกรูปใน .photo-strip (สร้างโดย assets/js/lp-lightbox.js) =====
   ไม่ผูกกับ .choksena-lp เพราะ overlay ถูก append เข้า <body> ตรง ๆ ไม่ได้อยู่ใต้ .choksena-lp
   z-index สูงมากตั้งใจ เพราะเว็บจริงมักมีวิดเจ็ตลอย (เช่นปุ่ม Line/โทร แบบ sticky ของปลั๊กอินอื่น)
   ตั้ง z-index ไว้สูงถึงหลักแสน ถ้าเราตั้งต่ำกว่าจะโดนวิดเจ็ตพวกนั้นลอยทับปุ่มลูกศรของเรา */
.cksn-lightbox{
	position:fixed; inset:0; z-index:2147483000; display:flex; align-items:center; justify-content:center;
	padding:32px; background:rgba(0,0,32,.85);
	opacity:0; visibility:hidden; transition:opacity .2s ease;
}
.cksn-lightbox.is-open{ opacity:1; visibility:visible; }
.cksn-lightbox-img{ max-width:100%; max-height:100%; border-radius:10px; box-shadow:0 20px 60px rgba(0,0,0,.5); }
.cksn-lightbox-close{
	position:absolute; top:18px; right:20px; width:44px; height:44px; border-radius:999px; border:none;
	background:rgba(255,255,255,.15); color:#fff; font-size:28px; line-height:1; cursor:pointer;
	display:flex; align-items:center; justify-content:center; transition:background .15s ease;
}
.cksn-lightbox-close:hover{ background:rgba(255,255,255,.3); }
.cksn-lightbox-prev,
.cksn-lightbox-next{
	position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; border-radius:999px;
	border:none; background:rgba(255,255,255,.15); color:#fff; font-size:20px; line-height:1; cursor:pointer;
	display:flex; align-items:center; justify-content:center; transition:background .15s ease;
}
.cksn-lightbox-prev:hover,
.cksn-lightbox-next:hover{ background:rgba(255,255,255,.3); }
.cksn-lightbox-prev{ left:20px; }
.cksn-lightbox-next{ right:20px; }
@media (max-width:640px){
	.cksn-lightbox-prev,.cksn-lightbox-next{ width:40px; height:40px; font-size:16px; }
	.cksn-lightbox-prev{ left:8px; }
	.cksn-lightbox-next{ right:8px; }
}

/* ===== ประเภทรถให้บริการ: ตาราง + ภาพปะติด ===== */
.choksena-lp .fleet{ background:var(--bg-alt); }
.choksena-lp .fleet-grid{ display:grid; grid-template-columns:1.1fr 1fr; gap:28px; align-items:stretch; }
/* จุดสำคัญ: ลูกของ grid มี min-width:auto เป็นค่าเริ่มต้น ถ้าเนื้อหาข้างใน (ตาราง) กว้างกว่าพื้นที่จริง
   จะดันทั้งคอลัมน์ (และอาจดันทั้งหน้าให้ scroll แนวนอน) แม้จะมี overflow-x:auto ครอบไว้แล้วก็ตาม
   ต้องบังคับ min-width:0 ให้คอลัมน์ยอมหดตามพื้นที่จริง แล้วให้ .table-wrap เป็นตัว scroll แทน */
.choksena-lp .fleet-grid > *{ min-width:0; }
@media (max-width:900px){ .choksena-lp .fleet-grid{ grid-template-columns:1fr; } }
/* ตอนตารางกับรูปเรียงต่อกันแนวตั้ง (จอ <900px) ไม่ต้อง stretch ให้เท่าตารางแล้ว จึงเปลี่ยนมาโชว์
   เต็มรูปแทนการครอป (background-size:contain แทน cover) เพราะรูปเป็นโปสเตอร์มีข้อความในตัว
   ครอปแล้วอาจตัดข้อความบน-ล่างหาย ใช้ aspect-ratio ให้กล่องพอดีตัวรูปแทนความสูงตายตัว */
@media (max-width:900px){
	.choksena-lp .fleet-photo-single{
		aspect-ratio:3/4; min-height:0; background-size:contain; background-color:#fff;
	}
}
/* !important เพราะบางธีมมีสไตล์ table เริ่มต้นในเนื้อหา (เช่น border/padding ของตัวเอง)
   ที่มี specificity สูงกว่าและมาทีหลัง ทำให้เส้นตาราง/มุมโค้ง/เงาของเราหายไป */
.choksena-lp .spec-table{
	width:100% !important; border-collapse:collapse !important; background:#fff !important;
	border-radius:var(--radius) !important; overflow:hidden !important;
	border:1px solid var(--line) !important; box-shadow:0 14px 30px -18px rgba(0,0,102,.25) !important;
}
.choksena-lp .spec-table th,.choksena-lp .spec-table td{
	text-align:left !important; padding:9px 16px !important; border:none !important;
	border-bottom:1px solid var(--line) !important; font-size:.9rem !important; background:transparent !important;
	overflow-wrap:anywhere !important; word-break:break-word !important;
}
.choksena-lp .spec-table thead th{ background:var(--navy-soft) !important; color:var(--navy) !important; font-family:"Kanit",sans-serif; font-weight:600; font-size:.82rem; }
.choksena-lp .spec-table tbody tr:last-child td{ border-bottom:none !important; }
.choksena-lp .spec-table td .sub{ font-size:.78rem; color:var(--muted); font-weight:400; }
.choksena-lp .spec-list{ margin:6px 0 0; padding-left:1.1em; }
.choksena-lp .spec-list li{ margin-bottom:3px; }
.choksena-lp .spec-list li:last-child{ margin-bottom:0; }

/* รูปเดียวเต็มคอลัมน์ขวา แทนที่ตารางภาพปะติด 4 รูปเดิม — ตั้งใจใช้เป็น background-image ของ div
   เปล่า แทนแท็ก <img> เพราะ <img> มี aspect-ratio ของตัวเองจากขนาดรูปจริง ซึ่งไปชนกับ
   align-items:stretch ของ .fleet-grid (เบราว์เซอร์บางตัวยึดสัดส่วนรูปมากกว่ายอมให้ stretch บังคับ
   ความสูง ทำให้รูปสูง/เตี้ยกว่าตารางเล็กน้อยเสมอ) พอเป็น background-image ตัว div เองไม่มี
   aspect-ratio ให้ชนกับ stretch แล้ว จึงยืดสูงเท่าตารางได้เป๊ะ — min-height กันไว้ไม่ให้เตี้ยเกินไป
   ตอนจอเล็กที่ตารางกับรูปเรียงต่อกันแนวตั้ง (ไม่มีอะไรให้ stretch เทียบด้วย) */
.choksena-lp .fleet-photo-single{
	position:relative; min-height:360px; border-radius:var(--radius); overflow:hidden;
	box-shadow:0 10px 22px -14px rgba(0,0,102,.3);
	background-size:cover; background-position:center; background-repeat:no-repeat;
}

/* โปสเตอร์สเปครถ — โชว์เต็มรูป ไม่ครอป ต่างจาก .fleet-photo ที่ตัดภาพให้เต็มกรอบสี่เหลี่ยม */
.choksena-lp .fleet-poster-wrap{
	display:flex; align-items:center; justify-content:center; min-width:0;
	border-radius:var(--radius); overflow:hidden; box-shadow:0 10px 22px -14px rgba(0,0,102,.3);
	background:#fff;
}
.choksena-lp .fleet-poster{ width:100% !important; height:auto !important; object-fit:contain !important; display:block !important; }

.choksena-lp .fleet-note{
	display:flex; align-items:flex-start; gap:8px; margin:18px 0 0;
	font-size:.82rem; color:var(--muted); background:var(--navy-soft); padding:12px 16px; border-radius:10px;
}
.choksena-lp .fleet-note svg{ width:16px; height:16px; flex:none; color:var(--navy); margin-top:2px; }

/* ===== ก่อนตัดสินใจ (FAQ แบบไอคอน) ===== */
.choksena-lp .faq-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.choksena-lp .faq-grid > *{ min-width:0; }
@media (max-width:900px){ .choksena-lp .faq-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){ .choksena-lp .faq-grid{ grid-template-columns:1fr;} }
.choksena-lp .faq-card{
	text-align:center; background:#fff; border:1px solid var(--line); border-radius:var(--radius);
	padding:28px 20px; box-shadow:0 12px 26px -16px rgba(0,0,102,.2);
	transition:transform .15s ease, box-shadow .15s ease;
}
.choksena-lp .faq-card:hover{ transform:translateY(-3px); box-shadow:0 16px 30px -14px rgba(0,0,102,.26); }
.choksena-lp .faq-card .ic{
	width:88px; height:88px; border-radius:50%; color:var(--navy); margin:0 auto 20px;
	background: var(--navy-soft);
	display:flex; align-items:center; justify-content:center;
}
.choksena-lp .faq-card .ic svg{ width:38px; height:38px; }
.choksena-lp .faq-card h3{ font-size:1.02rem; font-weight:700; line-height:1.4; margin-bottom:8px; }
.choksena-lp .faq-card p{ font-size:.86rem; color:var(--muted); margin:0; }
.choksena-lp .faq-card .more-btn{
	display:flex; align-items:center; justify-content:center; width:38px; height:38px;
	border-radius:50%; border:1px solid var(--line); color:var(--navy); background:var(--navy-soft);
	margin:16px auto 0; text-decoration:none; transition:background .15s ease, transform .15s ease;
}
.choksena-lp .faq-card .more-btn:hover{ background:var(--navy); color:#fff; transform:translateX(2px); }
.choksena-lp .faq-card .more-btn svg{ width:16px; height:16px; }

/* ===== ปิดท้าย CTA ===== */
.choksena-lp .closing-section{ padding:0 0 56px; }
.choksena-lp .closing{
	position:relative; overflow:hidden; border-radius:var(--radius); padding:38px 40px;
	background: linear-gradient(120deg, var(--navy) 0%, var(--navy-deep) 100%);
	box-shadow:0 24px 48px -16px rgba(0,0,102,.45);
	color:#fff;
	display:grid; grid-template-columns:auto 1fr auto; gap:28px; align-items:center;
}
/* ไล่ความโปร่งใสจาก 0 -> 1 อีกจุด เพื่อสร้างมิติแสงมุมขวาบนของแถบปิดท้าย */
.choksena-lp .closing::after{
	content:""; position:absolute; inset:0; pointer-events:none;
	background: radial-gradient(circle at 85% 0%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 55%);
}
@media (max-width:760px){ .choksena-lp .closing{ grid-template-columns:1fr !important; text-align:center !important; } }
.choksena-lp .closing .clock{
	width:64px; height:64px; border-radius:50%; background:rgba(255,255,255,.14); color:var(--yellow);
	display:flex; align-items:center; justify-content:center; flex:none; position:relative; z-index:1;
}
@media (max-width:760px){ .choksena-lp .closing .clock{ margin:0 auto !important; } }
.choksena-lp .closing .clock svg{ width:30px; height:30px; }
.choksena-lp .closing .msg{ position:relative; z-index:1; }
.choksena-lp .closing h2{ color:#fff; font-size:1.35rem; margin-bottom:4px; }
@media (max-width:760px){ .choksena-lp .closing h2{ text-align:center !important; } }
.choksena-lp .closing .msg p{ color:#c9cdef; margin:0; }
@media (max-width:760px){ .choksena-lp .closing .msg p{ text-align:center !important; } }
.choksena-lp .closing .phone-block{ position:relative; z-index:1; text-align:right; }
@media (max-width:760px){ .choksena-lp .closing .phone-block{ text-align:center !important; } }
.choksena-lp .closing .phone-num{ font-family:"Kanit",sans-serif; font-size:1.7rem; font-weight:700; color:var(--yellow); margin-bottom:12px; }
.choksena-lp .closing .phone-num a{ color:inherit; text-decoration:none; }
.choksena-lp .closing .btn-row{ margin-top:0; justify-content:flex-end; }
@media (max-width:760px){ .choksena-lp .closing .btn-row{ justify-content:center !important; } }
.choksena-lp .closing-badges{ display:flex; flex-wrap:wrap; gap:16px; margin-top:14px; }
@media (max-width:760px){ .choksena-lp .closing-badges{ justify-content:center !important; } }
.choksena-lp .closing-badges span{ display:inline-flex; align-items:center; gap:6px; font-size:.82rem; color:#dfe2f7; }
.choksena-lp .closing-badges svg{ width:15px; height:15px; color:var(--yellow); flex:none; }
.choksena-lp .closing-foot{
	display:flex; align-items:center; justify-content:center; gap:6px; margin:16px 0 0;
	font-size:.8rem; color:var(--muted);
}
.choksena-lp .closing-foot svg{ width:15px; height:15px; color:var(--navy); flex:none; }

/* ===== Responsive เพิ่มเติม ===== */
.choksena-lp .table-wrap{ overflow-x:auto; }
@media (max-width:640px){
	.choksena-lp section{ padding:40px 0; }
	.choksena-lp .hero{ padding:0; }
	.choksena-lp .hero .lp-wrap{ padding-top:56px; padding-bottom:90px; }
	.choksena-lp .closing{ padding:28px 22px; }
	.choksena-lp .closing .phone-num{ font-size:1.4rem; }
	.choksena-lp .btn{ padding:12px 20px; font-size:.9rem; }
}