/* คอนเทนเนอร์หลักควบคุมระยะห่าง */
.hkt-pricing-container {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding: 10px;
}

/* ดีไซน์ตัวกล่องการ์ด ขอบมนจาง ๆ และเงาละมุน */
.hkt-pricing-card {
	background-color: #ffffff !important;
	border: 1px solid #eaddcd !important;
	border-radius: 14px !important;
	padding: 28px 20px !important;
	margin-bottom: 25px !important;
	text-align: center !important;
	box-shadow: 0 4px 12px rgba(44, 38, 33, 0.04) !important;
	position: relative;
}

/* ป้าย Tag ขนาดเล็กด้านบนกล่อง */
.hkt-card-tag {
	display: inline-block !important;
	background-color: #f5eedf !important;
	color: #8a6d43 !important;
	font-size: 11px !important;
	font-weight: bold !important;
	padding: 4px 14px !important;
	border-radius: 30px !important;
	margin-bottom: 12px !important;
	letter-spacing: .5px;
}

/* ชื่อแพ็กเกจตัวหนา ชัดเจน */
.hkt-package-name {
	font-size: 20px !important;
	color: #2c2621 !important;
	margin: 0 0 6px !important;
	font-weight: 700 !important;
}

/* ตัวเลขราคาขนาดใหญ่ โดดเด่นสะดุดตา */
.hkt-package-price {
	font-size: 32px !important;
	color: #c5a880 !important;
	font-weight: bold !important;
	margin-bottom: 20px !important;
}

.hkt-package-price span {
	font-size: 14px !important;
	color: #8c857b !important;
	font-weight: normal !important;
}

/* รายการเครื่องดนตรีแบบชิดซ้ายเพื่อให้อ่านง่าย */
.hkt-instrument-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 auto 24px !important;
	max-width: 280px !important;
	text-align: left !important;
}

.hkt-instrument-list li {
	font-size: 14px !important;
	color: #5a524a !important;
	margin-bottom: 8px !important;
	position: relative !important;
	padding-left: 22px !important;
	line-height: 1.5;
}

/* ใส่เครื่องหมายติ๊กถูกหน้าลิสต์รายการอัตโนมัติ */
.hkt-instrument-list li::before {
	content: "✓" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	color: #c5a880 !important;
	font-weight: bold !important;
	font-size: 15px;
}

/* ปุ่มกดทักไลน์/ติดต่อ สีเข้มดูหรูหรา และกดง่ายด้วยนิ้วโป้ง */
.hkt-cta-button {
	display: block !important;
	background-color: #2c2621 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	padding: 12px 20px !important;
	border-radius: 8px !important;
	font-weight: bold !important;
	font-size: 15px !important;
	transition: all .2s ease;
}

/* เอฟเฟกต์เวลาลูกค้ายื่นนิ้วมาโดนปุ่ม จะเปลี่ยนเป็นสีทอง */
.hkt-cta-button:hover {
	background-color: #c5a880 !important;
	color: #2c2621 !important;
}

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Sarabun:wght@300;400;600&display=swap');

.hk-carousel-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;font-family:'Sarabun',sans-serif;}
.hk-viewer{width:100%;max-width:520px;}
.hk-slides-wrapper{overflow:hidden;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,0.4);}
.hk-slides-track{display:flex;transition:transform 0.5s cubic-bezier(0.77,0,0.175,1);}
.hk-slide{min-width:100%;aspect-ratio:1/1;position:relative;overflow:hidden;}

/* Cover S1 */
.hk-s1{background:#0d0d0d;}
.hk-s1-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 80%,#1a0d1a 0%,transparent 55%),radial-gradient(ellipse at 85% 20%,#0d1a10 0%,transparent 55%),#0d0d0d;}
.hk-notes-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.hk-note{position:absolute;font-size:22px;opacity:0.07;animation:hkFloat linear infinite;}
@keyframes hkFloat{0%{transform:translateY(0) rotate(0deg);opacity:0.07;}50%{opacity:0.12;}100%{transform:translateY(-120px) rotate(15deg);opacity:0;}}
.hk-s1-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:52px 44px;}
.hk-s1-eyebrow{font-size:10px;letter-spacing:3.5px;text-transform:uppercase;color:#c9a96e;font-weight:700;margin-bottom:20px;}
.hk-s1-title{font-family:'Playfair Display',serif;font-size:34px;line-height:1.2;color:#f5f0e8;margin-bottom:6px;}
.hk-s1-title em{font-style:italic;color:#c9a96e;}
.hk-s1-divider{display:flex;align-items:center;gap:10px;margin:18px 0;width:100%;}
.hk-s1-div-line{flex:1;height:1px;background:#2a2a2a;}
.hk-s1-div-heart{color:#c9a96e;font-size:14px;}
.hk-s1-sub{font-size:14px;color:#666;line-height:1.7;font-weight:300;}
.hk-swipe-hint{position:absolute;bottom:22px;right:24px;color:#555;font-size:11px;letter-spacing:1px;}

/* Song slides shared */
.hk-song-light{background:#f5f0e8;}
.hk-song-dark{background:#0d0d0d;}
.hk-song-bg{position:absolute;inset:0;}
.hk-song-content{position:absolute;inset:0;padding:44px 40px;display:flex;flex-direction:column;}
.hk-song-num{font-family:'Playfair Display',serif;font-size:100px;line-height:1;font-weight:700;position:absolute;right:28px;top:20px;opacity:0.05;}
.hk-num-dark{color:#fff;}
.hk-num-light{color:#000;}
.hk-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:16px;width:fit-content;}
.hk-pill-rose{background:rgba(220,130,130,0.15);color:#c97070;}
.hk-pill-amber{background:rgba(201,169,110,0.15);color:#c9a96e;}
.hk-pill-sage{background:rgba(100,160,130,0.15);color:#5a9e80;}
.hk-song-icon{font-size:38px;margin-bottom:12px;}
.hk-song-title{font-family:'Playfair Display',serif;font-size:24px;line-height:1.25;margin-bottom:6px;}
.hk-title-dark{color:#f5f0e8;}
.hk-title-light{color:#1a1a1a;}
.hk-song-sub{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:600;margin-bottom:14px;}
.hk-sub-dark{color:#555;}
.hk-sub-light{color:#bbb;}
.hk-song-story{font-size:14px;line-height:1.75;font-weight:300;flex:1;font-style:italic;}
.hk-story-dark{color:#aaa;}
.hk-story-light{color:#555;}
.hk-song-quote{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:12px;line-height:1.6;font-style:normal;}
.hk-quote-dark{background:rgba(255,255,255,0.04);color:#888;border-left:2px solid #333;}
.hk-quote-light{background:rgba(0,0,0,0.04);color:#999;border-left:2px solid #ddd;}
.hk-waveform{position:absolute;bottom:0;left:0;right:0;height:60px;opacity:0.06;pointer-events:none;}

/* S7 Your Story */
.hk-s7{background:#0d0d0d;}
.hk-s7-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,#1a1200 0%,#0d0d0d 60%);}
.hk-s7-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:52px 44px;}
.hk-s7-icon{font-size:48px;margin-bottom:18px;}
.hk-s7-title{font-family:'Playfair Display',serif;font-size:28px;color:#f5f0e8;line-height:1.3;margin-bottom:14px;}
.hk-s7-title em{font-style:italic;color:#c9a96e;}
.hk-s7-divider{display:flex;align-items:center;gap:10px;margin-bottom:20px;width:100%;}
.hk-s7-div-line{flex:1;height:1px;background:#222;}
.hk-s7-div-dot{width:4px;height:4px;border-radius:50%;background:#c9a96e;}
.hk-s7-sub{font-size:14px;color:#666;line-height:1.75;font-weight:300;}

/* S8 CTA */
.hk-s8{background:#f5f0e8;}
.hk-s8-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 36px;}
.hk-s8-band{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#c9a96e;font-weight:700;margin-bottom:12px;}
.hk-s8-emoji{font-size:44px;margin-bottom:14px;}
.hk-s8-title{font-family:'Playfair Display',serif;font-size:26px;color:#1a1a1a;line-height:1.3;margin-bottom:10px;}
.hk-s8-title em{font-style:italic;color:#c9a96e;}
.hk-s8-sub{font-size:13px;color:#888;line-height:1.7;margin-bottom:20px;font-weight:300;}
.hk-s8-contacts{display:flex;flex-direction:column;gap:8px;width:100%;}
.hk-contact-row{display:flex;align-items:center;gap:12px;background:#1a1a1a;color:#f5f0e8;padding:11px 18px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;}
.hk-contact-row:hover{background:#333;color:#f5f0e8;}

/* Nav */
.hk-nav{display:flex;align-items:center;gap:16px;}
.hk-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid #444;background:#222;color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;}
.hk-nav-btn:hover{background:#333;}
.hk-nav-btn:disabled{opacity:0.25;cursor:not-allowed;}
.hk-dots{display:flex;gap:7px;}
.hk-dot{width:6px;height:6px;border-radius:50%;background:#555;cursor:pointer;transition:all 0.3s;}
.hk-dot-active{background:#c9a96e;width:20px;border-radius:3px;}
.hk-counter{color:#888;font-size:12px;letter-spacing:1px;}
.vsdj-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;font-family:'Sarabun',sans-serif;}
.vsdj-viewer{width:100%;max-width:520px;}
.vsdj-slides-wrapper{overflow:hidden;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,0.4);}
.vsdj-track{display:flex;transition:transform 0.5s cubic-bezier(0.77,0,0.175,1);}
.vsdj-slide{min-width:100%;aspect-ratio:1/1;position:relative;overflow:hidden;}

/* Cover */
.vsdj-s1{background:#0d0d0d;}
.vsdj-s1-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 70%,#1a1200 0%,#0d0d0d 65%),radial-gradient(ellipse at 80% 30%,#0a001a 0%,transparent 60%);}
.vsdj-s1-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 44px;}
.vsdj-vs{font-family:'Playfair Display',serif;font-size:72px;font-weight:700;line-height:1;background:linear-gradient(135deg,#c9a96e 0%,#fff 50%,#9b59b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px;}
.vsdj-label-row{display:flex;align-items:center;gap:12px;margin-bottom:24px;}
.vsdj-band-lbl{font-size:13px;color:#c9a96e;font-weight:600;letter-spacing:1px;}
.vsdj-sep{color:#444;font-size:18px;}
.vsdj-dj-lbl{font-size:13px;color:#a78bfa;font-weight:600;letter-spacing:1px;}
.vsdj-s1-title{font-family:'Playfair Display',serif;font-size:26px;color:#f5f0e8;line-height:1.3;margin-bottom:14px;}
.vsdj-s1-sub{font-size:14px;color:#666;line-height:1.65;font-weight:300;}
.vsdj-swipe-hint{position:absolute;bottom:22px;right:24px;color:#555;font-size:11px;letter-spacing:1px;}

/* Shared slide */
.vsdj-light{background:#f5f0e8;}
.vsdj-dark{background:#0d0d0d;}
.vsdj-s3-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,#1a0a2e 0%,#0d0d0d 60%);}
.vsdj-s5-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#1a1200 0%,#0d0d0d 60%);}
.vsdj-content{position:absolute;inset:0;padding:44px 40px;display:flex;flex-direction:column;}
.vsdj-big-num{font-family:'Playfair Display',serif;font-size:100px;line-height:1;font-weight:700;position:absolute;right:24px;top:20px;opacity:0.05;}
.vsdj-pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:16px;width:fit-content;}
.vsdj-pill-gold{background:rgba(201,169,110,0.12);color:#c9a96e;}
.vsdj-pill-purple{background:rgba(167,139,250,0.12);color:#a78bfa;}
.vsdj-icon{font-size:40px;margin-bottom:12px;}
.vsdj-title{font-family:'Playfair Display',serif;font-size:26px;line-height:1.2;margin-bottom:12px;}
.vsdj-title-dark{color:#1a1a1a;}
.vsdj-title-light{color:#f5f0e8;}
.vsdj-list{list-style:none;display:flex;flex-direction:column;gap:9px;flex:1;padding:0;margin:0;}
.vsdj-list li{font-size:13px;line-height:1.5;display:flex;align-items:flex-start;gap:10px;}
.vsdj-dot{flex-shrink:0;margin-top:2px;}
.vsdj-li-dark{color:#444;}
.vsdj-li-light{color:#aaa;}
.vsdj-note{margin-top:auto;padding-top:16px;font-size:12px;font-style:italic;}
.vsdj-note-dark{color:#bbb;}
.vsdj-note-light{color:#666;}

/* Table */
.vsdj-table-heading{font-family:'Playfair Display',serif;font-size:22px;color:#1a1a1a;margin-bottom:18px;line-height:1.3;}
.vsdj-table{display:flex;flex-direction:column;gap:7px;flex:1;}
.vsdj-t-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:4px;}
.vsdj-t-header span{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-align:center;}
.vsdj-h-band{color:#c9a96e;}
.vsdj-h-dj{color:#a78bfa;}
.vsdj-t-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center;}
.vsdj-t-topic{font-size:12px;color:#666;font-weight:600;}
.vsdj-cell{text-align:center;padding:8px 6px;border-radius:8px;font-size:11px;font-weight:600;line-height:1.3;}
.vsdj-cell-band{background:rgba(201,169,110,0.12);color:#8b6c3e;}
.vsdj-cell-dj{background:rgba(167,139,250,0.12);color:#7c5cbf;}
.vsdj-cell-tie{background:#ede8dc;color:#888;}

/* Decision */
.vsdj-s5-heading{font-family:'Playfair Display',serif;font-size:22px;color:#f5f0e8;margin-bottom:20px;line-height:1.35;}
.vsdj-choice{border-radius:12px;padding:14px 16px;margin-bottom:10px;}
.vsdj-choice-band{background:rgba(201,169,110,0.1);border-left:3px solid #c9a96e;}
.vsdj-choice-dj{background:rgba(167,139,250,0.1);border-left:3px solid #a78bfa;}
.vsdj-choice-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:7px;}
.vsdj-choice-band .vsdj-choice-label{color:#c9a96e;}
.vsdj-choice-dj .vsdj-choice-label{color:#a78bfa;}
.vsdj-choice-text{font-size:13px;color:#aaa;line-height:1.6;}
.vsdj-tip{margin-top:auto;font-size:12px;color:#555;font-style:italic;padding-top:12px;}

/* CTA */
.vsdj-cta-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 36px;}
.vsdj-cta-band{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:#c9a96e;font-weight:700;margin-bottom:12px;}
.vsdj-cta-emoji{font-size:44px;margin-bottom:12px;}
.vsdj-cta-title{font-family:'Playfair Display',serif;font-size:26px;color:#1a1a1a;line-height:1.3;margin-bottom:10px;}
.vsdj-cta-title em{font-style:italic;color:#c9a96e;}
.vsdj-cta-sub{font-size:13px;color:#888;line-height:1.7;margin-bottom:20px;font-weight:300;}
.vsdj-contacts{display:flex;flex-direction:column;gap:8px;width:100%;}
.vsdj-contact-row{display:flex;align-items:center;gap:12px;background:#1a1a1a;color:#f5f0e8;padding:11px 18px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;}
.vsdj-contact-row:hover{background:#333;color:#f5f0e8;}

/* Nav */
.vsdj-nav{display:flex;align-items:center;gap:16px;}
.vsdj-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid #444;background:#222;color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;}
.vsdj-nav-btn:hover{background:#333;}
.vsdj-nav-btn:disabled{opacity:0.25;cursor:not-allowed;}
.vsdj-dots{display:flex;gap:7px;}
.vsdj-dot{width:6px;height:6px;border-radius:50%;background:#555;cursor:pointer;transition:all 0.3s;}
.vsdj-dot-active{background:#c9a96e;width:20px;border-radius:3px;}
.vsdj-counter{color:#888;font-size:12px;letter-spacing:1px;}