/* หน้าติดต่อ: หัวฟ้ามีเบอร์โทรตัวใหญ่ + QR ไลน์กับ WhatsApp (เฉพาะจอคอม) · ล่างเป็นที่อยู่ร้าน กับสิ่งที่ควรส่งให้ช่างดู */
.ct-head-in{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.ct-call p{max-width:40em}
.ct-tel{display:inline-block;margin-top:28px;text-decoration:none;color:#fff;line-height:1}
.ct-tel small{display:block;font-size:1rem;font-weight:500;color:#d4e4ff;margin-bottom:10px}
.ct-tel span{font-family:var(--f-head);font-weight:700;font-size:clamp(2.6rem,1.5rem + 4.2vw,4.75rem);letter-spacing:-.01em;white-space:nowrap}
.ct-telrow{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px 18px;margin-top:28px}
.ct-telrow .ct-tel{margin-top:0}
.ct-copy{min-height:42px;padding:6px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);background:rgba(9,25,72,.22);
  color:#fff;font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;transition:background-color .2s,color .2s}
/* เวลาเปิด: แถบ 7 วัน วันพุธขีดทับ วันนี้ขอบขาว · บรรทัดบนบอกว่าตอนนี้เปิดอยู่ไหม (nav.js คิดตามเวลาไทย) */
.ct-hours{margin-top:22px}
.ct-now{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-family:var(--f-head);font-weight:600;color:#fff}
.ct-now::before{content:"";width:10px;height:10px;border-radius:50%;background:#b8c4dc;box-shadow:0 0 0 4px rgba(255,255,255,.15)}
.ct-now.is-open::before{background:#3ee07f;box-shadow:0 0 0 4px rgba(62,224,127,.25)}
.ct-week{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.ct-week li{min-width:42px;padding:6px 4px;border-radius:10px;text-align:center;font-family:var(--f-head);font-weight:600;font-size:.95rem;
  background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.18);color:#fff}
.ct-week li.off{background:transparent;border-style:dashed;color:rgba(255,255,255,.55);text-decoration:line-through}
.ct-week li.is-today{background:#fff;border-color:#fff;color:var(--navy)}
.ct-week li.off.is-today{color:var(--blue-700)}
.ct-time{margin-top:10px;font-size:.95rem;color:#e3edff}
.ct-time b{margin-left:6px;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:.88rem}
.ct-copy.is-done{background:#fff;color:var(--navy)}
@media (hover:hover) and (pointer:fine){.ct-copy:hover{background:#fff;color:var(--navy)}}
.ct-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ct-qrs{display:flex;gap:16px}
.ct-qr{margin:0;width:184px;background:#fff;border-radius:16px;padding:14px 14px 12px;box-shadow:0 18px 30px -22px rgba(0,0,0,.8)}
.ct-qr img{width:100%;border-radius:6px}
.ct-qr figcaption{margin-top:10px;color:var(--muted);font-size:.9rem;line-height:1.4;text-align:center}
.ct-qr figcaption b{display:block;font-family:var(--f-head);font-size:1.05rem;color:var(--navy)}

.ct-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:stretch}
.ct-place{display:flex;flex-direction:column}
.ct-place,.ct-send{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 22px 36px -32px rgba(16,36,95,.8)}
.ct-area{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ct-area b{padding:3px 12px;border-radius:999px;background:var(--sky-50);border:1px solid var(--line);color:var(--navy);font-size:.9rem;font-weight:600}
.ct-place h2,.ct-send h2{margin-bottom:14px}
.ct-place p{color:var(--c-muted)}
.ct-place .ct-addr{font-family:var(--f-head);font-weight:600;font-size:1.25rem;line-height:1.45;color:var(--navy);margin-bottom:8px}
.ct-map{flex:1;min-height:280px;margin-top:20px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--sky-100)}
.ct-map iframe{display:block;width:100%;height:100%;border:0}
.ct-place .btn{margin-top:16px;align-self:flex-start}
.ct-send dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:ct}
.ct-send dl div{counter-increment:ct;padding:16px 18px;border-radius:14px;background:var(--sky-50);box-shadow:inset 4px 0 0 var(--blue-600)}
.ct-send dt{font-family:var(--f-head);font-weight:600;font-size:1.05rem;color:var(--navy);margin-bottom:4px}
.ct-send dd{margin:0;color:var(--c-muted)}
.ct-send-btn{margin-top:18px}
.ct-send dd a{color:var(--blue-600);font-weight:500;text-underline-offset:3px}

@media (max-width:1080px){
  .ct-qr{width:150px}
}
@media (max-width:900px){
  .ct-head-in{grid-template-columns:1fr}
  .ct-qrs{display:none}
  .ct-grid{grid-template-columns:1fr;gap:44px}
}
@media (max-width:560px){
  .ct-tel{margin-top:22px}
  .ct-btns .btn{flex:1 1 100%}
  .ct-place .btn,.ct-send-btn{width:100%}
  .ct-place,.ct-send{padding:20px 16px}
  .ct-send dl{grid-template-columns:1fr}
}
@media (max-width:560px){.ct-week{gap:4px}.ct-week li{flex:1;min-width:0;font-size:.88rem}}