/* tt-frame.css · founder 2026-08-04
   กรอบขาว + ขอบมนมาตรฐาน TT สำหรับหน้าที่ยังไม่มีกรอบของตัวเอง
   (ค่าเดียวกับ togethr-fitwidth.css เป๊ะ ๆ เพื่อให้ทุกหน้าดูเป็นแอปเดียวกัน)
   ห้ามใส่หน้าที่มีการ์ดกรอบของตัวเองอยู่แล้ว เช่น order-food / trip-planner */
html {
  background: #D3C7DE !important;
  overflow-x: clip;
}
body {
  background: #fff !important;
  border: 10px solid #fff !important;
  border-radius: 24px !important;
  box-sizing: border-box !important;
  margin: max(10px, env(safe-area-inset-top,0px)) auto max(10px, env(safe-area-inset-bottom,0px)) !important;
  max-width: calc(100% - 20px) !important;
  overflow-x: clip;
}
@media (min-width: 1240px) { body { max-width: 1180px !important; } }
@media (min-width: 1560px) { body { max-width: 1480px !important; } }
/* แถบหัว/ท้ายที่กินเต็มความกว้างต้องโค้งตามกรอบ ไม่ให้มุมแหลมโผล่ */
body > :is(header, .rt-head, .top, .tt-backbar):first-child { border-radius: 14px 14px 0 0; }

/* fit-width: จอกว้างแล้วอย่าบีบเนื้อหาเป็นแถบผอมกลางจอ (มาตรฐานเดียวกับหน้าย่อยอื่น) */
@media (min-width: 900px) {
  body > :is(.wrap, .container, .content, .page, .shell, main) { max-width: 100% !important; }
}