.elementor-kit-9{--e-global-color-primary:#D6006E;--e-global-color-secondary:#54595F;--e-global-color-text:#1A1A1A;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Prompt";--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:25px;--e-global-typography-primary-letter-spacing:0.3px;--e-global-typography-secondary-font-family:"Prompt";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"prompt";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:25px;--e-global-typography-text-letter-spacing:0.3px;--e-global-typography-accent-font-family:"prompt";--e-global-typography-accent-font-weight:500;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;line-height:25px;letter-spacing:0.3px;}.elementor-kit-9 e-page-transition{background-color:#E72C32;}.elementor-kit-9 p{margin-block-end:0px;}.elementor-kit-9 a{font-family:"Prompt", Sans-serif;}.elementor-kit-9 h1{font-family:"Prompt", Sans-serif;font-size:90px;line-height:1.1em;}.elementor-kit-9 h2{font-family:"Prompt", Sans-serif;}.elementor-kit-9 h3{font-family:"Prompt", Sans-serif;}.elementor-kit-9 h4{font-family:"Prompt", Sans-serif;}.elementor-kit-9 h5{font-family:"Prompt", Sans-serif;}.elementor-kit-9 h6{font-family:"Prompt", Sans-serif;}.elementor-kit-9 label{font-family:"Prompt", Sans-serif;}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{font-family:"Prompt", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- 1. บังคับฟอนต์ Prompt ทั้งหน้า --- */
h1, h2, h3, h4, h5, h6, p, span, a, li, div {
    font-family: 'Prompt', sans-serif !important;
}

/* --- 2. แก้ไขหัวข้อให้สวยและเส้นไม่พุ่ง --- */
/* กรอบหัวข้อ */
.ma-title-box {
    position: relative;
    display: inline-block !important; /* บังคับให้กรอบกว้างเท่าตัวหนังสือพอดี */
    z-index: 10;
    text-align: center;
    width: auto !important;
}
/* ตัวหนังสือ */
.ma-title-box h1, .ma-title-box h2, .ma-title-box span {
    position: relative;
    z-index: 2; /* ให้อยู่เหนือเส้น */
    line-height: 1.2 !important;
}
/* เส้นวาด (Scribble) */
.ma-scribble-svg {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 140% !important; /* ขยายเส้นให้กว้างกว่าตัวหนังสือ */
    height: 160% !important;
    z-index: -1 !important; /* ไปอยู่ด้านหลังสุด */
    pointer-events: none;
    overflow: visible !important;
}
.ma-scribble-path {
    fill: none !important; /* แก้สามเหลี่ยมสีเทา */
    stroke-width: 40px;
    stroke-linecap: round;
    stroke-linejoin: round;
    mix-blend-mode: multiply;
    opacity: 0.6;
}

/* --- 3. Fan-out Overlay (หน้าต่างคลี่รูป) --- */
#fan-overlay {
    position: fixed !important;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100vw; height: 100vh;
    background: rgba(255, 255, 255, 0.98) !important;
    z-index: 99999 !important; /* บังคับให้อยู่บนสุดเสมอ */
    display: flex; /* ซ่อนไว้ก่อน เดี๋ยว JS มาเปิด */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    visibility: hidden; 
    opacity: 0;
    transition: opacity 0.3s;
}
#fan-overlay.active {
    visibility: visible;
    opacity: 1;
}

/* --- 4. ปรับขนาดฟอนต์หัวข้อ (Hero & Section) --- */
.hero-font span { font-size: 80px !important; font-weight: 800; }
.section-font span { font-size: 60px !important; font-weight: 800; }

@media (max-width: 768px) {
    .hero-font span { font-size: 40px !important; }
    .section-font span { font-size: 32px !important; }
}

.pink-ci { color: #d6006e !important; font-style: italic; }/* End custom CSS */