@charset "utf-8";
/* =====================================================================
   Rent108 — ติดต่อสอบถาม (contactus.php) : ต่อจาก index/howto.css
   ===================================================================== */
.ct-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.ct-way{display:flex;flex-direction:column;gap:2px;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:18px 16px;color:var(--ink) !important;transition:transform .25s,box-shadow .25s,border-color .25s;min-width:0;}
.ct-way:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,11,12,.07);border-color:var(--gold);}
.ct-way i{font-style:normal;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--gold-soft);display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:8px;}
.ct-way small{font-size:12.5px;color:var(--mute);}
.ct-way b{font-weight:500;font-size:16.5px;overflow-wrap:anywhere;}
.ct-way span{font-size:12.5px;color:var(--gold-text);margin-top:4px;}
.ct-way:first-child{background:var(--ink);border-color:var(--ink);color:#fff !important;}
.ct-way:first-child i{background:linear-gradient(135deg,var(--gold-soft),var(--gold));color:var(--ink);}
.ct-way:first-child small{color:#a9a59c;}
.ct-way:first-child b{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;letter-spacing:.04em;color:var(--gold-soft);line-height:1.2;}
.ct-way:first-child span{color:var(--gold-soft);}
.ct-info{font-size:14px;line-height:1.7;color:#3a3a3e;}
.ct-info *{max-width:100%;}

.ct-form-card .hu-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
.ct-req{font-size:12.5px;color:var(--mute);}
.ct-req em,.ct-f em{font-style:normal;color:#b3432f;}
.ct-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;}
.ct-f{display:flex;flex-direction:column;gap:6px;min-width:0;}
.ct-f--full,.ct-msg,.ct-actions{grid-column:1/-1;}
.ct-f span{font-size:13.5px;color:#3a3a3e;}
.ct-f input[name],.ct-f textarea{width:100%;font-family:'Prompt',Tahoma,sans-serif;font-size:15px;color:var(--ink);background:var(--ivory);border:1px solid var(--line);border-radius:4px;padding:11px 12px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none;}
.ct-f textarea{resize:vertical;min-height:130px;line-height:1.6;}
.ct-f input[name]:focus,.ct-f textarea:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(200,164,93,.18);}
.ct-f .is-err{border-color:#b3432f;background:#fdf3f1;}
.ct-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden;}
.ct-msg{margin:0;font-size:13.5px;display:none;padding:9px 12px;border-radius:4px;background:var(--gold-light);color:var(--gold-text);}
.ct-msg.is-show{display:block;}
.ct-msg.is-bad{background:#fdf3f1;color:#b3432f;}
.ct-actions{display:flex;gap:10px;flex-wrap:wrap;}
.ct-actions button{font-family:inherit;cursor:pointer;}
.hu .ct-reset{background:#fff;color:var(--mute) !important;border-color:var(--line);}
.ct-actions .is-busy{opacity:.7;cursor:wait;}
.ct-done{display:none;text-align:center;padding:26px 10px 8px;}
.ct-done.is-show{display:grid;gap:10px;justify-items:center;animation:ct-in .45s ease;}
.ct-done i{font-style:normal;width:58px;height:58px;border-radius:50%;background:var(--ink);color:var(--gold-soft);font-size:26px;display:flex;align-items:center;justify-content:center;}
.ct-done b{font-family:'Noto Serif Thai',serif;font-weight:500;font-size:20px;}
.ct-done p{margin:0;font-size:14px;color:var(--mute);}
.ct-done p a{color:var(--gold-text) !important;font-weight:500;}
@keyframes ct-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

@media (max-width:860px){ .ct-ways{grid-template-columns:1fr;} .ct-form{grid-template-columns:1fr;} }
@media (max-width:560px){ .ct-actions .hu-btn{flex:1;justify-content:center;} }

/* ชนะสไตล์ปุ่ม/ช่องกรอกทั่วไปของ luxe.css (#all #main_story td:last-child ...) */
#all #main_story .ct .ct-f input[name],#all #main_story .ct .ct-f textarea{background:var(--ivory) !important;border:1px solid var(--line) !important;border-radius:4px;padding:11px 12px;font-size:15px;}
#all #main_story .ct .ct-f input[name]:focus,#all #main_story .ct .ct-f textarea:focus{background:#fff !important;border-color:var(--gold) !important;box-shadow:0 0 0 3px rgba(200,164,93,.18);}
#all #main_story .ct .ct-f [name].is-err{border-color:#b3432f !important;background:#fdf3f1 !important;}
#all #main_story .hu button.hu-btn{background:#fff !important;color:var(--mute) !important;border:1px solid var(--line) !important;border-radius:30px;padding:11px 24px;font-size:14.5px !important;}
#all #main_story .hu button.hu-btn--gold{background:linear-gradient(135deg,var(--gold-soft),var(--gold) 55%,#b8862b) !important;color:var(--ink) !important;border-color:var(--gold) !important;font-weight:500;}
#all #main_story .hu button.hu-btn:hover{background:var(--ink) !important;color:var(--gold-soft) !important;border-color:var(--ink) !important;}