.contact-page{margin:0;background:#070604;color:#fff;font-family:"Kanit",sans-serif}.contact-page main{min-height:100vh;padding:78px max(20px,calc((100vw - 1180px)/2)) 80px;background:radial-gradient(circle at 50% 0,#2b1005,transparent 30%)}.contact-title{padding:65px 0 35px;text-align:center}.contact-title p,.line-label{margin:0 0 12px;color:#ff6d1c;font-size:12px;font-weight:700;letter-spacing:.22em}.contact-title h1{margin:0;color:#ff8a42;font-size:clamp(32px,4vw,52px)}.line-contact{display:grid;grid-template-columns:1fr 255px;gap:45px;align-items:center;padding:28px 34px;border:1px solid #823716;border-radius:16px;background:linear-gradient(120deg,#07140c,#171007)}.line-content h2{margin:0;color:#ff934f;font-size:23px}.line-copy{color:#bbb;line-height:1.7}.line-id{display:flex;align-items:center;gap:14px;margin:16px 0}.line-id strong{color:#ff9a55;font-size:19px;letter-spacing:1px}.line-id button{padding:8px 13px;border:1px solid #8c421c;border-radius:8px;background:#261207;color:#ffb383;font:500 12px inherit;cursor:pointer}.add-line{display:inline-flex;padding:13px 22px;border-radius:11px;background:linear-gradient(135deg,#42e979,#10b94f);color:#06270f;font-weight:600;box-shadow:0 8px 24px #10c55425}.security-note{margin:18px 0 0;color:#8fb09a;font-size:11px}.qr-box{padding:16px;border-radius:14px;background:#fff;text-align:center}.qr-box img{display:block;width:100%;height:auto}.qr-box span{color:#161616;font-size:11px}.contact-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px auto 48px;width:85%}.contact-features article{padding:25px;text-align:center;border:1px solid #773416;border-radius:15px;background:#12100f}.contact-features span{font-size:25px}.contact-features h2{margin:9px 0;color:#ff8943;font-size:19px}.contact-features p{margin:0;color:#bcb4af;font-size:13px;line-height:1.6}.contact-warning{display:grid;grid-template-columns:.7fr 1.3fr auto;gap:30px;align-items:center;padding:30px;border:1px solid #6c3118;border-radius:15px;background:#100c09}.contact-warning h2{margin:0;font-size:29px}.contact-warning ul{margin:0;padding-left:20px;color:#aaa;font-size:12px;line-height:1.9}.contact-warning>a{padding:11px 16px;border:1px solid #a14319;border-radius:8px;color:#ff9555}.contact-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px max(20px,calc((100vw - 1180px)/2));border-top:1px solid #4f220f;background:#050403;color:#8d817a}.contact-footer p{font-size:11px}
@media(max-width:800px){.line-contact{grid-template-columns:1fr}.qr-box{width:250px;margin:auto}.contact-features{width:100%;grid-template-columns:1fr}.contact-warning{grid-template-columns:1fr}.contact-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:500px){.contact-page main{padding-top:67px}.contact-title{padding-top:50px}.line-contact{padding:22px 18px}.qr-box{width:min(250px,100%)}.line-copy{font-size:13px}.contact-title h1{font-size:32px}}

.qr-box{padding:0;background:transparent}.qr-reference{width:224px;height:243px;margin:auto;border-radius:14px;background-image:url("assets/contact-line-reference.png");background-repeat:no-repeat;background-size:1204px 315px;background-position:-956px -46px}

@media(max-width:800px){.contact-page{width:100%;max-width:100vw;overflow-x:hidden}.contact-title{padding-inline:5px}.contact-title h1{font-size:clamp(30px,8vw,40px);line-height:1.25;overflow-wrap:anywhere}.line-contact{gap:28px}.line-content,.line-copy,.security-note{min-width:0;max-width:100%;overflow-wrap:anywhere}.line-id{flex-wrap:wrap}.contact-warning{padding:22px 18px}.contact-warning>a{max-width:100%;overflow-wrap:anywhere}}
@media(max-width:380px){.qr-reference{transform:scale(.92);transform-origin:center}.qr-box{height:224px}.add-line{width:100%;justify-content:center}}

.contact-features h3{margin:9px 0;color:#ff8943;font-size:19px}

/* ไฟล์เดียวกัน คนละฟอร์แมต: avif 13KB · webp 23KB แทน png 328KB — ขนาดภาพเท่าเดิม ไม่กระทบตำแหน่งสไปรท์ */
@supports (background-image: image-set(url("x.avif") type("image/avif"))) {
  .qr-reference{background-image:image-set(url("assets/contact-line-reference.avif") type("image/avif"),url("assets/contact-line-reference.webp") type("image/webp"))}
}