.elementor .preview-col{justify-content:center;align-items:center;align-self:start;.preview-col {
position: -webkit-sticky !important;
position: sticky !important;
top: 90px !important; /* ระยะห่างจากขอบบนจอ */
align-self: flex-start !important;
height: fit-content !important; /* ล็อกความสูงพอดีกับรูป */

/* ล็อกการประมวลผลการแสดงผลไม่ให้เกิดการสั่น/ขยับ (Hardware Acceleration) */
will-change: transform !important;
transform: translateZ(0) !important;
backface-visibility: hidden !important;
}

/* ป้องกันรูปภาพข้างในขยับยืดหด */
.preview-col img {
width: 100% !important;
height: auto !important;
display: block !important;
object-fit: contain !important;
}\n}.elementor .form-col{display:flex;flex-direction:column;@media (min-width: 1025px) {
/* --- 1. คอลัมน์ขวา: ล็อกความสูงพอดีจอ + สกรอลล์เฉพาะด้านใน --- */
.form-col {
  position: sticky !important;
  top: 80px !important; /* ระยะห่างจากขอบบน (ปรับให้เท่าความสูง Header ของคุณ) */
  height: calc(100vh - 80px) !important; /* 100vh (เต็มจอ) ลบด้วยความสูง Header */
  overflow-y: auto !important; /* เปิดสกรอลล์เฉพาะด้านในคอลัมน์ขวา */
  padding-right: 10px !important;
  padding-bottom: 40px !important;
}

/* ตกแต่ง Scrollbar คอลัมน์ขวาให้ดูมินิมอล */
.form-col::-webkit-scrollbar {
  width: 5px;
}
.form-col::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 10px;
}
.form-col::-webkit-scrollbar-track {
  background: transparent;
}

/* --- 2. คอลัมน์ซ้าย (Preview): ล็อกเต็มจอใต้ Header นิ่งสนิท --- */
.preview-col {
  position: sticky !important;
  top: 80px !important;
  height: calc(100vh - 80px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.preview-col img {
  max-height: 100% !important;
  width: auto !important;
  object-fit: contain !important;
}
}\n}.elementor .configurator-layout{align-items:stretch;}