.background_index{
			/*margin-top:-7px;
			padding: 0em 0;*/

			background: linear-gradient(
				90deg,
				#f5f5f5 0%,      /* ชมพูอ่อนซ้าย */
				#ffffff 20%,
				#ffffff 80%,     /* ขยายโซนชมพูเข้ม */
				#f5f5f5 100%     /* ชมพูอ่อนขวา */
			);
		}

		.table_searchtabien_index{
			width:100%;
			margin: 6px auto 6px auto;
			border-collapse:separate;
			border-spacing:12px 10px;
		}

		.table_searchtabien_index input,
		.table_searchtabien_index select{
			font-family: 'Bai Jamjuree', sans-serif;
			width:100%;
			height:42px;
			padding:0 10px;

			border-radius:12px;

			border: 3px solid #898989;   /* ✅ ขอบชัดขึ้น */

			background: #ffffff;

			box-shadow:
				inset 0 2px 4px rgba(0,0,0,0.05);  /* ✅ เงาด้านใน */

			font-size:16px;
			transition: all 0.25s ease;
		}

		.table_searchtabien_index select.sortdata_select,
		.table_searchtabien_index select.sortsum_select,
		.table_searchtabien_index select.sorttabien_select{

			background: #FFFFCC;
			border: 4px solid #606060;
		}

		.table_searchtabien_index input:focus,
		.table_searchtabien_index select:focus{
			border-color:#b36adf;

			box-shadow:
				0 0 0 3px rgba(179,106,223,0.15),
				inset 0 2px 4px rgba(0,0,0,0.05);

			outline:none;

			color:#000000;
			font-weight:600;
		}

		.char_front_index,
		.num_tabien_index{
			font-family: 'Bai Jamjuree', sans-serif;
			color:#000;
			font-weight:600;

			font-size:30px;
			height:60px;
			line-height:60px;

			padding:0 14px;        /* ไม่ต้องมี padding บนล่าง */
		}

		.table_searchtabien_index th{
			text-align:center;
		}

		.button_index{
			font-family: 'Bai Jamjuree', sans-serif;
			width:70%;
			height:45px;

			/*border:none;*/
			border-radius:16px;

			display:block;
    		margin: 10px auto 0;

			font-size:20px;
			font-weight:600;
			letter-spacing:1px;

			color:#000000;
			cursor:pointer;

			background: linear-gradient(
				90deg,
				#e8d3ff 0%,      /* ชมพูอ่อนซ้าย */
				#cfa2ff 20%,
				#cfa2ff 80%,     /* ขยายโซนชมพูเข้ม */
				#e8d3ff 100%     /* ชมพูอ่อนขวา */
			);

			border-color:#f0e2ff;

			transition: all 0.3s ease;
		}

		.button_index:hover{
			transform: translateY(-3px);
			box-shadow: 0 10px 10px rgba(255, 79, 234, 0.35);
		}

		@media(max-width:768px){
			.table_searchtabien input,
			.table_searchtabien select{
				font-family: 'Bai Jamjuree', sans-serif;
				height:38px;
				font-size:15px;
			}

			.button_index{
				font-family: 'Bai Jamjuree', sans-serif;
				height:40px;
				font-size:21px;
			}
		}

		.dbd-section{
			max-width: 100%;
			margin: 25px auto;
			padding: 20px 15px;

			border-radius: 25px;

			background: linear-gradient(
				180deg,
				#ffffff 0%,
				#f6f6f6 100%
			);

			box-shadow:
				0 10px 10px rgba(0,0,0,0.08);

			border: 1px solid #eeeeee;
		}

		.dbd-section h1{
			font-size: 28px;
			font-weight: 600;
			letter-spacing: 1px;

			position: relative;
		}

		.dbd-section h1::after{
			content:"";
			display:block;
			width:100px;
			height:3px;
			margin:15px auto 0 auto;

			background: linear-gradient(
				to right,
				#eeeeee,
				#999999,
				#3f3f3f,
				#999999,
				#eeeeee
			);

			border-radius:5px;
		}

		.dbd-section .lead{
			font-size:16px;
			line-height:1.8;
			color:#333;
			max-width:850px;
			margin:0 auto 25px auto;
			text-align:center;
		}

		.line-btn-mobile img{
			transition: all 0.3s ease;
			border-radius: 12px;
		}

		.line-btn-mobile img:hover{
			transform: translateY(-4px);
			box-shadow: 0 12px 30px rgba(0,0,0,0.15);
		}

		.table_dbd img{
			transition: all 0.25s ease;
		}

		.table_dbd img:hover{
			transform: translateY(-5px);
			filter: drop-shadow(0 8px 18px rgba(0,0,0,0.2));
		}

		.divider-soft{
			border: none;
			height: 2px;
			margin: 20px auto;
			width: 80%;

			background: linear-gradient(
				90deg,
				#dddddd,
				#818181,
				#dddddd
			);
		}

		/* HERO */
		.hero-wave {
			position: relative;
			/*background: linear-gradient(180deg,#ffffff 0%,#f8f7f4 100%);*/
			background: linear-gradient(
				180deg,
				#ffffff 0%,
				#f4f2ee 50%,
				#f5f0e9 100%
			);
			padding: 40px 0 140px 0; /* เผื่อพื้นที่คลื่น */
			text-align: center;
			overflow: hidden;

			/* ทำขอบบนโค้ง */
			/*border-top-left-radius: 120px;
			border-top-right-radius: 120px;*/

			/*margin-top: -10px;   /* ดึงขึ้นไปซ้อนกับ header */
		}

		.hero-inner h1 {
			font-size: 28px;
			/*margin-bottom: 20px;*/
		}

		.hero-inner .lead {
			/*max-width: 800px;*/
			margin: -10px auto 20px;
			line-height: 1.7;
			color: #444;
		}

		.hero-title{
			font-family: 'Bai Jamjuree', sans-serif;
			font-weight: 600;
			font-size: 28px;
			text-align: center;

			display: inline-block;
			padding: 14px 36px;
			margin: 20px auto;

			color: #1b1b1b;

			background:linear-gradient(
						150deg,
						#ffffff 0%,
						#f0f0f0 100%
					);

			border-radius: 25px;

			/* เส้นขอบบางมาก */
			border: 1px solid rgba(0,0,0,0.08);

			box-shadow:
				0 4px 10px rgba(0,0,0,0.25),
				inset 0 1px 0 rgba(255,255,255,0.15);

				text-shadow: 0 1px 2px rgba(0,0,0,0.6);
		}

		.hero-heading{
    text-align:center;
    margin-bottom: 10px;

}

.hero-heading h1{
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight:600;
    font-size:26px;
    color:#222;
	/*margin-top:20px;*/
    margin-bottom:15px;
}

/* เส้น + โลโก้ */
.heading-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
}

.heading-line span{
    width:180px;           /* ความยาวเส้น */
    height:3px;
    background: linear-gradient(
    90deg,
    #111 0%,
    #c9c9c9 50%,
    #111 100%
);
    border-radius:2px;
}

.heading-line img{
    width:32px;            /* ขนาดโลโก้ */
    height:auto;
}

.info-card{
    position: relative;

    max-width: 100%;
    margin: 20px auto;

    padding: 20px 25px 20px;

    background: #f2f2f2;
    border-radius: 20px;

    box-shadow:
        0 10px 25px rgba(0,0,0,0.08),
        inset 0 1px 0 rgba(255,255,255,0.8);
}

/* วงกลมด้านบน */
.card-icon{
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);

    width: 55px;          /* ลดขนาดวง */
    height: 55px;

    background: #fff;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    /* ลดเงา */
    box-shadow: 0 4px 10px rgba(0,0,0,0.12);

    padding: 4px;         /* ใส่บาง ๆ แทนวงหนา */
}

.card-icon img{
    width: 44px;         /* เดิม 70 */
}

/* ข้อความ */
.card-content p{
    font-family: 'Bai Jamjuree', sans-serif;
    color: #333;
	font-size: 18px;
    line-height: 1.8;
    margin: 0;
}

		/*.hero-title::after{
			content: "";
			display: block;
			width: 120px;
			height: 2px;
			margin: 15px auto 0;

			border-radius: 5px;
			background: linear-gradient(90deg,#d4af37,#f5e7a1,#d4af37);
		}*/

		/* SVG wave */
		.wave-bottom {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			line-height: 0;
		}

		.wave-bottom svg {
			display: block;
			width: 100%;
			height: 120px;
		}

		/* SEARCH SECTION */
		.search-section {
			position: relative;
			margin-top: -90px; /* ทำให้ลอยทับ */
			z-index: 10;
		}

		.search-card_search {
			position: relative;
			top: 10px; 
			max-width: 1000px;
			/*margin: auto;*/
			margin: 0px auto 10px;
			background: linear-gradient(
				90deg,
				#f2f2f2 0%,      /* ชมพูอ่อนซ้าย */
				#ffffff 20%,
				#ffffff 80%,     /* ขยายโซนชมพูเข้ม */
				#f2f2f2 100%     /* ชมพูอ่อนขวา */
			);

			border: 2px solid #d2d2d2;   /* ✅ เส้นขอบนอก */

			padding: 30px;
			border-radius: 20px;
			/*box-shadow: 0 15px 20px rgba(0,0,0,0.08);*/
			box-shadow:
				0 30px 60px rgba(212, 212, 212, 0.35),
				0 12px 25px rgba(141, 141, 141, 0.25),
				inset 0 3px 6px rgba(255,255,255,0.25),
				inset 0 -10px 25px rgba(170, 170, 170, 0.25);
			}

		/* วงกลมด้านบน */
.search-icon{
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);

    width: 60px;
    height: 60px;

    background: linear-gradient(
        180deg,
        #ecdcff 0%,
        #d6b5ff 100%
    );

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 26px;
    color: #fff;

    /* เพิ่มขอบ */
    border: 2.5px solid rgba(211, 211, 211, 0.9);

    box-shadow:
        0 6px 15px rgba(0,0,0,0.15);
}

		.wave-wrapper {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			line-height: 0;
		}

		.wave-wrapper svg {
			display: block;
			width: 100%;
			height: 140px; /* เพิ่มความสูงให้เห็นชัด */
			filter: drop-shadow(0 -8px 10px rgba(0,0,0,0.05));
		}

		@media (max-width: 768px){

			.hero-wave{
				padding: 20px 8px 120px 8px;  /* ลดจาก desktop */
			}

			.hero-inner h1{
				font-size: 24px;
			}

			.hero-inner .lead{
				font-size: 19px;
				line-height: 1.6;
				text-align:left;
				
			}

		}

		@media (max-width: 768px){

			.wave-wrapper svg{
				height: 150px;   /* เดิม 140px */
			}

			.wave-wrapper path:nth-child(1){
				display:none;   /* ซ่อนชั้นหลัง */
			}

		}

		@media (max-width: 768px){

			.search-section{
				margin-top: -60px;   /* เดิม -90px */
			}

			.search-card_search{
				top: -10px;
				margin: 0px auto -10px;
				padding: 25px 5px 15px;
				border-radius: 18px;
			}

			.search-icon{
				top: -35px;
			}

		}

		.tabien-title{
			display:inline-block;
			padding: 12px 35px 12px 25px;
			/*margin:0 auto;*/
			margin-bottom:20px;

			font-family:'Bai Jamjuree', sans-serif;
			font-size:20px;
			font-weight:600;
			color:#000000;

			background:linear-gradient(
				180deg,
				#fcfcfc 0%,
				#FFFFF6 100%
			);
			border: 2px solid #eeeeee;   /* ✅ เส้นขอบนอก */
			/* 👇 ทรงแบบวงแดง */
			border-radius:0px 50px 50px 0px;

			box-shadow:
				0 10px 12px rgba(0,0,0,0.15),
				inset 0 2px 2px rgba(255,255,255,0.85),
				inset 0 -4px 4px rgba(0,0,0,0.08);

			text-align:left;
		}

		@media (max-width: 768px){

			.search-card_search{
				width: 92%;
			}

			.tabien-title{
				margin-left: calc(-38vw + 38%);
				font-size:18px;
			}

		}

		/* ===== Sticky Bar ===== */

.sticky-search{
  position: fixed;
  top: -120px;      /* ซ่อนตอนแรก */
  left: 0;
  width: 100%;
  z-index: 98;
  transition: top .35s ease;
}

.sticky-search.active{
  /*top: 0;      */     /* เลื่อนลงมา */
  top: 50px;   /* ความสูง menu */
}
/* ===== Layout only ===== */
#stickyForm{
  display:flex;
  align-items:center;
  gap:8px;
}

#stickyForm input{
  flex:1;
  min-width:0;
}

#stickyForm button{
  flex-shrink:0;
}

#searchResultAnchor{
  scroll-margin-top: 120px; /* ปรับตามความสูง header + sticky */
}

/* ===== Visual style (มีมิติ) ===== */

.sticky-search{
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.95),
    rgba(0,0,0,0.02)
  );
  backdrop-filter: blur(12px);
  
  box-shadow:
    0 8px 25px rgba(0,0,0,0.08),
    0 2px 8px rgba(0,0,0,0.05);
}

#stickyForm input{
  padding:8px 14px;
  border-radius:12px;

  background: linear-gradient(
    180deg,
    #ffffff,
    #ececec
  );

  border: 2px solid #464646;   /* ✅ เส้นขอบนอก */

  box-shadow:
    inset 0 2px 4px rgba(0,0,0,0.06),
    0 2px 6px rgba(0,0,0,0.05);
}

#stickyForm button{
  padding:8px 18px;
  border-radius:12px;
  /*border:none;*/
  border: 1px solid #caa6ff;   /* ✅ เส้นขอบนอก */

  background: linear-gradient(
    135deg,
    #caa6ff,
    #9f72ff
  );

  color:#000000;
  font-weight:500;

  box-shadow:
    0 6px 14px rgba(159,114,255,0.35);

  transition: all .2s ease;
}

#stickyForm button:hover{
  transform: translateY(-2px);
  box-shadow:
    0 10px 18px rgba(159,114,255,0.45);
}

/* จำกัดความกว้างเนื้อหา */
.sticky-inner{
  max-width: 1100px;      /* หรือ 1200px ตาม layout เว็บ */
  margin: 0 auto;
  padding: 16px 40px;     /* เพิ่มพื้นที่ซ้ายขวา */
}

/* ไม่ให้ input ยืดสุด */
#stickyForm{
  max-width: 800px;       /* จำกัดความกว้าง form */
  margin: 0 auto;         /* ให้อยู่กลาง */
  display: flex;
  gap: 12px;
}

#stickyForm input{
  flex: 1;
  min-width: 0;
}

#stickyForm button{
  flex-shrink: 0;
}

/* ===== Mobile sizing only ===== */
@media (max-width:480px){

  .sticky-inner{
    padding:8px 10px;
  }

  #stickyForm input{
    font-size:16px;
	color:#000000;
	font-weight:500;
  }

  #stickyForm button{
    font-size:16px;
	color:#000000;
	font-weight:500;
  }

}

.btn-close-search{
  display:block;
  margin:20px auto 15px;
  padding:12px 28px;

  border:none;
  border-radius:16px;

  font-size:16px;
  font-weight:500;
  letter-spacing:.3px;

  color:#fff;
  cursor:pointer;

  background: linear-gradient(
    135deg,
    #ff9a9e,
    #f06565
  );

  box-shadow:
    0 6px 16px rgba(240,101,101,.35);

  transition: all .25s ease;
}

.btn-close-search:hover{
  transform: translateY(-2px);
  box-shadow:
    0 10px 22px rgba(240,101,101,.45);
}

.btn-close-search:active{
  transform: translateY(0);
}

/* ===== FLOAT NAV RESET ===== */
.float-nav{
    position: fixed;
    right: 16px;
    bottom: 130px;
    z-index: 9999;

    display: flex;
    flex-direction: column;

    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease;
}

.float-nav.show{
    opacity: 1;
    pointer-events: auto;
}

.float-nav__btn{
    width: 43px;
    height: 43px;
    border-radius: 17px;
    border: none;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 18px;
    font-weight: bold;
    color: #fff;

    background: linear-gradient(180deg,#c0c0c0,#5f5f5f);

	/*border: 1px solid #b3b3b3;   /* ✅ เส้นขอบนอก */

    box-shadow:
        0 6px 16px rgba(0,0,0,0.35),
        inset 0 2px 4px rgba(255,255,255,0.2);

    transition: 0.25s ease;
}

.float-nav__btn + .float-nav__btn{
    margin-top: 15px;
}

.float-nav__btn:hover{
    transform: translateY(-3px);
}

.result-title{
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight:600;
    font-size:20px;

    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 12px 28px;
    margin: 20px auto;

    color: #fff;

    background: linear-gradient(
        180deg,
        #a3a3a3 0%,
        #3d3d3d 100%
    );

    border-radius: 50px;

    box-shadow:
        0 6px 18px rgba(0,0,0,0.25),
        inset 0 1px 0 rgba(255,255,255,0.15);

	justify-content: center;
}

/* ไอคอนด้านหน้า */
.result-icon{
    font-size:18px;
    color:#4cd964;  /* เขียวอ่อน */
}

.result-icon svg{
    width:26px;
    height:26px;
	margin-top:4px;
    stroke:#4cd964;
    stroke-width:4;   /* เพิ่มความหนาตรงนี้ */
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.result-sub{
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight:600;
    font-size:20px;
	line-height: 1.5;

    margin: 10px auto;
    padding: 10px 22px;

    display: inline-block;

    color:#222;

    background: linear-gradient(
        180deg,
        #fcfcfc 0%,
        #c9ffe0 100%
    );

    border-radius: 12px;

    border-left: 10px solid #2ecc71;  /* accent เขียว */

    box-shadow:
        0 6px 15px rgba(0,0,0,0.08),
        inset 0 1px 0 rgba(255,255,255,0.8);
}

.result-sub-near{
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight:600;
    font-size:20px;
	line-height: 1.5;

    margin: 10px auto;
    padding: 10px 22px;

    display: inline-block;

    color:#222;

    background: linear-gradient(
        180deg,
        #fcfcfc 0%,
        #bbddff 100%
    );

    border-radius: 12px;

    border-left: 10px solid #3399ff;  /* accent เขียว */

    box-shadow:
        0 6px 15px rgba(0,0,0,0.08),
        inset 0 1px 0 rgba(255,255,255,0.8);
}

/* ทำเลขเด่นขึ้น */
.result-sub span{
    font-size:20px;
    font-weight:700;
    color:#000;
}

.result-sub-near span{
    font-size:20px;
    font-weight:700;
    color:#000;
}

.result-sub-sum{
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight:600;
    font-size:20px;
	line-height: 1.5;

    margin: 10px auto;
    padding: 10px 22px;

    display: inline-block;

    color:#222;

    background: linear-gradient(
        180deg,
        #fcfcfc 0%,
        #ffc9ff 100%
    );

    border-radius: 12px;

    border-left: 10px solid #ff84ff;  /* accent เขียว */

    box-shadow:
        0 6px 15px rgba(0,0,0,0.08),
        inset 0 1px 0 rgba(255,255,255,0.8);
}

.plate-section{
    max-width: 100%;
    margin-top: 15px;
	margin-bottom : 10px;
    /*border-radius: 18px;*/
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
    background:#ffffff;
	border-radius:0px 50px 50px 0px;
}

/* แถบหัวสีม่วง */
.plate-header{
    background: linear-gradient(
        90deg,
        #8f57ff 0%,
        #b18dff 100%
    );
    color:#fff;
    font-family:'Bai Jamjuree', sans-serif;
    font-weight:600;
    font-size:20px;
    padding:12px 22px;

	position:relative;   /* เพิ่ม */
}

.plate-header-white{
    background: linear-gradient(
        90deg,
        #737373 0%,
        #bfbfbf 100%
    );
    color:#fff;
    font-family:'Bai Jamjuree', sans-serif;
    font-weight:600;
    font-size:20px;
    padding:12px 22px;

	position:relative;   /* เพิ่ม */
}

.plate-header-pickup{
    background: linear-gradient(
        90deg,
        #006527 0%,
        #00652783 100%
    );
    color:#fff;
    font-family:'Bai Jamjuree', sans-serif;
    font-weight:600;
    font-size:20px;
    padding:12px 22px;

	position:relative;   /* เพิ่ม */
}

.plate-header-van{
    background: linear-gradient(
        90deg,
        #00178c 0%,
        #657fff 100%
    );
    color:#fff;
    font-family:'Bai Jamjuree', sans-serif;
    font-weight:600;
    font-size:20px;
    padding:12px 22px;

	position:relative;   /* เพิ่ม */
}

.plate-header-bell{
    background: linear-gradient(
        90deg,
        #b98b00 0%,
        #dfa700 100%
    );
    color:#fff;
    font-family:'Bai Jamjuree', sans-serif;
    font-weight:600;
    font-size:20px;
    padding:12px 22px;

	position:relative;   /* เพิ่ม */
}

.plate-header-mosai{
    background: linear-gradient(
        90deg,
        #a20082 0%,
        #ff72e3 100%
    );
    color:#fff;
    font-family:'Bai Jamjuree', sans-serif;
    font-weight:600;
    font-size:20px;
    padding:12px 22px;

	position:relative;   /* เพิ่ม */
}

.plate-header span:first-child,
.plate-header-white span:first-child,
.plate-header-pickup span:first-child,
.plate-header-van span:first-child,
.plate-header-bell span:first-child,
.plate-header-mosai span:first-child{
    flex:1;
}

/* พื้นที่ด้านใน */
.plate-body{
    background:#f7f7f7;
}

.plate-links{
    padding:20px 25px;
    background:#f7f7f7;
    border-top:1px solid rgba(0,0,0,0.05);
    text-align:left;              /* ชิดซ้าย */
}

.plate-desc{
    margin-bottom:12px;
    font-size:17px;
    color:#444;
}

.plate-link-group{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.plate-link-group a{
    text-decoration:none;      /* เอาเส้นใต้หลักออก */
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-weight:600;
    color:#333;
}

.plate-link-group a:hover{
    color:#7b4dff;                 /* hover โทนม่วงเข้าธีม */
}

.link-text{
    text-decoration:underline; /* ใต้เฉพาะข้อความ */
}

.link-icon{
    text-decoration:none;      /* ไม่ให้ไอคอนมีเส้น */
    font-size:16px;
}

/* ลูกศร */
.plate-arrow{
    position:absolute;
    right:18px;          /* ระยะจากขอบขวา */
    font-size:18px;
    transition:0.3s;
}

/* หมุนตอนเปิด (Bootstrap collapse จะเพิ่ม class show) */
.plate-header[aria-expanded="true"] .plate-arrow{
    transform: rotate(180deg);
}

@media (max-width: 768px){

	.plate-header, .plate-header-white, .plate-header-pickup, .plate-header-van, .plate-header-bell, .plate-header-mosai{
			font-size:18px;
			padding:12px 16px;
			border-radius: 14px 14px 0 0;
		}

    .plate-grid{
        grid-template-columns: 1fr;   /* เหลือ 1 คอลัมน์ */
        gap:16px;
    }

	.plate-body{
		margin-left: -20px;
        padding: 16px -20px 16px 0px;
    }

    .plate-section{
        /*margin: 10px -10px 15px 0px;   /* ไม่ให้ติดขอบ */
    }

}

.contact-card{
    max-width:85%;
    margin:20px auto;
    padding:20px 20px;

    background: linear-gradient(
        180deg,
        #f5f5f5 0%,
        #d8d8d8 100%
    );
    border-radius:18px;

    box-shadow:
        0 12px 30px rgba(0,0,0,0.08),
        inset 0 1px 0 rgba(255,255,255,0.8);

    text-align:center;
}

/* หัวข้อ */
.contact-title{
    font-family:'Bai Jamjuree', sans-serif;
    font-size:24px;
    font-weight:700;
    margin-bottom:20px;
    letter-spacing:1px;
}

/* รายการติดต่อ */
.contact-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    margin:12px 0;
    padding:12px 18px;

    background:#f7f7f7;
    border-radius:12px;

    transition:0.25s;
}

.contact-item:hover{
    background:#ececec;
}

/* ไอคอน */
.contact-item img{
    width:30px;
    height:auto;
}

/* ลิงก์ */
.contact-item a{
    font-size:22px;
    font-weight:600;
    color:#000;
    text-decoration:none;
    letter-spacing:2px;
}

.empty-state{
    max-width:85%;
    margin:20px auto;
    padding:10px 20px;
    text-align:center;

    background:#ffffff;
    border-radius:18px;
    box-shadow:0 15px 30px rgba(0,0,0,0.06);
}

.empty-icon{
    font-size:35px;
    color:#ff4d4f;
    margin-bottom:0px;
}

.empty-title{
    font-family:'Bai Jamjuree', sans-serif;
    font-weight:600;
    font-size:22px;
    margin-bottom:8px;
    color:#333;
}

.empty-desc{
    font-size:15px;
    color:#666;
}

#searchform_index{
  scroll-margin-top: 160px; /* ปรับตามความสูง header + sticky */
}