.elementor .e-ffe7066-a35979b{width:60%;/* --- 1. กรอบเลือกเทมเพลตสกรอลล์เฉพาะด้านใน --- */
.template-scroll-box,
.template-scroll-box .ff-el-input-element,
.template-scroll-box .ff-el-group {
max-height: 400px !important;
overflow-y: auto !important;
overflow-x: hidden !important;
padding: 12px !important;
border: 1px solid #e2e8f0 !important;
border-radius: 12px !important;
background: #ffffff !important;
}

/* ปรับ Scrollbar กรอบเทมเพลต */
.template-scroll-box::-webkit-scrollbar,
.template-scroll-box .ff-el-input-element::-webkit-scrollbar {
width: 6px !important;
}
.template-scroll-box::-webkit-scrollbar-thumb,
.template-scroll-box .ff-el-input-element::-webkit-scrollbar-thumb {
background: #0066cc !important;
border-radius: 10px !important;
}

/* --- 2. ล็อกคอลัมน์ซ้าย (preview-col) ให้ Sticky ค้างหน้าจอแบบ Tesla --- */
.preview-col {
position: -webkit-sticky !important;
position: sticky !important;
top: 90px !important;
align-self: flex-start !important; /* สำคัญมาก: กันคอลัมน์ยืดตามฟอร์มขวา */
height: auto !important;
z-index: 10 !important;
}\n}.elementor .e-ced54e7-5a511bc{width:100%;position:sticky;inset-block-end:0px;padding:15px;border-start-start-radius:8px;border-start-end-radius:8px;background-color:#ffffff;box-shadow:0px -3px 10px 0px rgba(0, 0, 0, 0.2);justify-content:space-between;align-items:center;align-self:center;}.elementor .e-12d4e12-3fc6425{width:40%;position:static;padding-block-end:0px;}.elementor .e-414a8a7-ab2a3c5{padding:0px;flex-direction:row;align-items:start;@media (min-width: 1025px) {
body.page-id-195 .form-col {
  position: sticky !important;
  top: 90px !important;
  height: calc(100vh - 90px) !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

body.page-id-195 .form-col > .elementor-widget-fluent-form-widget {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 0 12px 16px 0 !important;
}

body.page-id-195 .checkout-price-bar {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  z-index: 20 !important;
}
}

@media (max-width: 1024px) {
body.page-id-195 .form-col {
  position: static !important;
  height: auto !important;
  display: block !important;
}

body.page-id-195 .form-col > .elementor-widget-fluent-form-widget {
  overflow: visible !important;
  padding: 0 !important;
}

body.page-id-195 .checkout-price-bar {
  position: sticky !important;
  bottom: 0 !important;
  width: 100% !important;
  z-index: 20 !important;
}
}\n}