/* Dịch bằng dich-lop-khoac.py từ bo-khoac-elementor.css.
 * Bám lớp thiết kế của dự án, không bám lớp của trình dựng nào.
 * Sửa thì sửa bảng ánh xạ trong công cụ rồi dịch lại. */
/* Trang xem demo tai /demo/{ma}/. Thanh cong cu dung lop `.su-dt` da co san
   trong thanh-phan.css; tep nay chi lo phan khung xem va chan trang. */
.su-demo-trang{margin:0;background:var(--gray-900);min-height:100vh;
  display:flex;flex-direction:column}/* Tieu de cho may doc man hinh. `DemoToolbar` hien ma va ten nhung khong dung
   the tieu de nao, nen trang se khong co h1 - phep soat SEO bat duoc. */
.su-an-nhin{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.su-demo-khung{flex:1;display:flex;justify-content:center;overflow:auto;
  background:var(--gray-900);min-height:60vh}/* `min-height` dat o KHUNG chu khong o iframe. De 640px tren iframe thi o man
   hinh 844px cao, khung chi con 638 ma iframe doi 640, du ra 2px cuon doc o
   mot trang le ra khong cuon. Da do 06/10/2026. */
.su-demo-khung__i{width:100%;min-height:0;border:0;
  background:#fff;display:block;align-self:stretch;flex:1 1 auto}/* `height:100%` KHONG dung duoc o day: chieu cao cua khung do flex chia ra chu
   khong phai mot so, nen phan tram khong quy chieu vao dau va iframe tut ve
   min-height 640. Da do 06/10/2026: khung cao 821 ma iframe chi 640, con lai
   181px den sì duoi khung. Phai cho no tu gian bang flex. */
/* Doi co may: chi doi be rong, khung giua, vien xam de thay ro mep may */
.su-demo-khung[data-co="tablet"], .su-demo-khung[data-co="mobile"]{padding:var(--space-6,24px) 0}/* PHẢI khai `flex` ở đây, không chỉ `width`. Bản vá chiều cao hôm 07/10 cho
   iframe `flex:1 1 auto` để nó tự giãn; nhưng flex-grow nuốt luôn `width`, nên
   bấm đổi thiết bị thì `data-co` đổi, `aria-pressed` đổi, mà khung vẫn 1440px.
   Chữa một chiều làm hỏng chiều kia, và tôi không đo lại. Dũng báo 09/10/2026. */
.su-demo-khung[data-co="tablet"] .su-demo-khung__i{flex:0 0 768px;width:768px;max-width:100%;
  box-shadow:0 0 0 8px var(--gray-800)}/* 414 chứ không phải 360. Tra StatCounter Việt Nam tháng 8/2026: 414x896 chiếm
   22,05%, gấp đôi 360x800 ở 11,09%. Bản xem thử trả lời câu "web của tôi trên
   điện thoại trông thế nào", nên phải lấy máy ĐÔNG NHẤT, không lấy máy hẹp
   nhất. 360 vẫn giữ trong danh sách kiểm tra khi dựng, vì đó là ca khó nhất:
   chạy được ở 360 thì chạy được ở 414, ngược lại thì không. Dũng chốt 09/10/2026. */
.su-demo-khung[data-co="mobile"] .su-demo-khung__i{flex:0 0 414px;width:414px;max-width:100%;
  box-shadow:0 0 0 8px var(--gray-800)}.su-demo-chan{display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  justify-content:space-between;padding:16px var(--margin,24px);
  background:var(--gray-800);color:var(--gray-300);
  border-top:1px solid var(--gray-700);font-size:14px}.su-demo-chan b{color:var(--gray-0)}.su-demo-chan__gia{color:var(--accent);font-family:var(--font-mono)}.su-demo-chan__nut{display:flex;gap:8px}.su-demo-trong{margin:auto;max-width:560px;padding:var(--space-10,40px) var(--margin,24px);
  text-align:center;color:var(--gray-300)}.su-demo-trong h1, .su-demo-trong h2{color:var(--gray-0);margin:0 0 12px}.su-demo-trong p{margin:0 0 20px}/* Nut lien he noi cua SiteUp KHONG duoc hien o day. Trang nay trung bay web
   CUA MOT CO SO KHAC; de nut cua SiteUp noi len tren thi vua de len nut lien
   he cua chinh mau, vua de len nut "Chon mau nay" o chan trang. Da thay chong
   len nhau khi chup 06/10/2026. */
.su-demo-trang .siteup-contact, .su-demo-trang .su-cb{display:none !important}/* Trang demo khong co thanh lien he day day nen cung khong chua cho no */
.su-demo-trang{padding-bottom:0 !important}/* Ba nút chuyển thiết bị.
   Biểu tượng bị bóp méo còn 12x20 dù thẻ khai 18x18. Không phải lỗi cỡ chữ:
   nút thừa hưởng `padding: 8px 16px` từ luật nút chung, nên hộp NỘI DUNG của
   nút rộng 44 trừ 32 bằng đúng 12px - rồi `max-width:100%` của luật
   `{img, svg}` kẹp biểu tượng vào con số đó. Bỏ đệm là xong, không cần chống
   bằng `min-width`.
   Nút cũng nới từ 40x36 lên 44x40 cho đủ vùng chạm; Dũng thấy cụm này nhỏ. */
.su-dt__dev button{width:44px;height:40px;padding:0}.su-dt__dev button svg{width:20px;height:20px}