#details .sKicker{
color: var(--gold, #d6b56c) !important;
opacity: 1 !important;
letter-spacing: .10em;
text-transform: uppercase;
font-weight: 600;
}
/* ===============================
FIX HAMBURGER — service-20 only
=============================== */
/* 1) ยก header ให้อยู่เหนือ panel ทั้งหมด */
.page--shop .siteHeader {
position: relative;
z-index: 1000;
}
/* 2) ยืนยันว่าปุ่มแฮมรับ click จริง */
.page--shop #krHam {
position: relative;
z-index: 1100;
pointer-events: auto;
}
/* 3) กัน panel / section ใด ๆ มาทับ header */
.page--shop .panel,
.page--shop .panel::before,
.page--shop .panel::after {
pointer-events: auto;
z-index: 1;
}
/* 4) บังคับสถานะกด (active) ให้แสดงสีทอง */
.page--shop #krHam:active,
.page--shop #krHam:focus-visible {
outline: none;
}
.page--shop #krHam:active .krHamIcon,
.page--shop #krHam:focus-visible .krHamIcon {
stroke: var(--gold, #c9a45c);
fill: none;
}
/* =========================================================
service-20min — Hamburger FIX (CSS only)
Goal:
1) hidden ต้องซ่อนจริง 100%
2) z-index layer: header/button อยู่บนสุด
3) menu/backdrop ไม่ทับปุ่ม
========================================================= */
/* 1) บังคับ [hidden] ให้ซ่อนจริงเสมอ (กันเคสโดน override) */
#mobileMenu[hidden],
#menuBackdrop[hidden]{
display: none !important;
}
/* 2) จัด layer: header และปุ่มแฮมอยู่บนสุด */
.siteHeader{
position: sticky;
top: 0;
z-index: 9999 !important;
}
.navInner,
.krActions,
#krHam{
position: relative;
z-index: 10000 !important;
pointer-events: auto !important;
}
/* 3) backdrop อยู่ "ใต้ header" เพื่อไม่ทับปุ่ม */
#menuBackdrop{
position: fixed;
inset: 0;
z-index: 9000 !important;
}
/* 4) เมนูมือถืออยู่เหนือ backdrop แต่ยังใต้ header ได้ */
#mobileMenu{
position: fixed;
z-index: 9500 !important;
}
/* 5) กดแล้วต้องเห็นสีทอง (press feedback) */
#krHam:active .krHamIcon path,
#krHam:focus-visible .krHamIcon path{
stroke: #d6b56c !important;
}
#krHam:focus-visible{
outline: none;
box-shadow: 0 0 0 3px rgba(214,181,108,.25);
}
/* =========================================
service-20min: STOP instant-close (CSS)
- Prevent backdrop click-through on mobile
- Keep hamburger working
========================================= */
/* 1) ซ่อน hidden ให้ชัวร์ */
#mobileMenu[hidden],
#menuBackdrop[hidden]{
display:none !important;
}
/* 2) Header/ham อยู่เหนือทุกอย่าง */
.siteHeader{ position: sticky; top:0; z-index:9999 !important; }
#krHam{ position: relative; z-index:10000 !important; pointer-events:auto !important; }
/* 3) ตัวการเด้งปิด: backdrop รับคลิกทันที -> ปิดการรับคลิกมันไปเลย */
#menuBackdrop{
pointer-events: none !important; /* 🔥 ตัวนี้คือแก้เด้งปิด */
}
/* 4) เมนูต้องรับคลิกได้ปกติ */
#mobileMenu{
pointer-events: auto !important;
z-index: 9500 !important;
}
/* 5) ให้ feedback สีทองตอนกด (มือถือ) */
#krHam:active .krHamIcon path,
#krHam:focus-visible .krHamIcon path{
stroke: #d6b56c !important;
}