/* ==========================================================================
   Trang Minh — assets/css/chung.css
   HEADER + CHÂN TRANG dùng chung, dựng theo bản mẫu _GIAO-DIEN-MOI.

   Mọi quy tắc bắt đầu bằng `body.tmdm` để:
     • tắt plugin là lớp `tmdm` biến mất → giao diện trở lại nguyên trạng;
     • độ ưu tiên (0,2,1) thắng cả theme (`.wstm-…`) lẫn plugin
       trangminh-tiktok (`.tm-tt .…`) mà KHÔNG cần `!important`.

   KHÔNG đặt lại tên lớp nào của theme hay của trangminh-tiktok.
   Biến riêng đều mang tiền tố --tmdm-.
   ========================================================================== */

/* ---------------------------------------------------------- 1. BẢNG MÀU */
/* Bảng màu bản mẫu: xanh ngọc + cam.
   Muốn quay lại xanh dương thương hiệu cũ: đổi 4 dòng --tmdm-chinh* dưới đây
   thành #1F4FD8 / #1740B4 / #E8EEFD / #F4F7FE. Không phải sửa gì khác. */
body.tmdm{
  --tmdm-chinh:#00B4A8;
  --tmdm-chinh-dam:#009C92;
  --tmdm-chinh-nhat:#E6F8F6;
  --tmdm-chinh-rat-nhat:#F2FCFB;

  --tmdm-phu:#F88E0F;
  --tmdm-phu-dam:#E07A00;
  --tmdm-phu-nhat:#FFF3E3;

  --tmdm-do:#F0344F;
  --tmdm-do-nhat:#FDE9EC;
  --tmdm-vang:#FFC93C;

  --tmdm-tieu-de:#0E2464;
  --tmdm-chu:#5C6B80;
  --tmdm-chu-nhat:#93A0B2;
  --tmdm-chu-rat-nhat:#B9C3D0;

  --tmdm-nen-xam:#F6F8FA;
  --tmdm-vien:#E8ECF1;
  --tmdm-vien-dam:#D6DDE6;

  --tmdm-bo-nho:8px;
  --tmdm-bo:14px;
  --tmdm-bo-to:22px;
  --tmdm-bo-tron:999px;

  --tmdm-bong-1:0 1px 2px rgba(14,36,100,.05),0 2px 6px rgba(14,36,100,.04);
  --tmdm-bong-2:0 6px 20px rgba(14,36,100,.09);
  --tmdm-bong-3:0 16px 44px rgba(14,36,100,.14);
  --tmdm-muot:cubic-bezier(.4,0,.2,1);
}

/* BỀ RỘNG KHUNG — MỘT QUYẾT ĐỊNH CHUNG, CỐ Ý ĐỂ NGUYÊN
   Bản mẫu dùng khung 1320px, theme đang dùng 1650px (`--wrap` trong main.css).
   Khung này dùng chung cho TRANG CHỦ và GIỎ / THANH TOÁN — hai phần do người
   khác làm — nên ở đây KHÔNG đổi, để header/chân trang và ruột trang luôn
   thẳng mép nhau.
   Nếu người điều phối chốt lấy đúng 1320px cho cả site thì chỉ cần bỏ dấu
   chú thích của dòng dưới đây (một dòng, không phải sửa theme):

   body.tmdm .wstm-wrap{max-width:1320px}
*/

/* =========================================================== 2. TOPBAR  */
/* Plugin in thanh trên cùng của riêng mình (.tmdm-tb) vì bản mẫu cần dải chạy
   ngang trên điện thoại — thanh của theme chỉ có một bản nội dung và ẩn hẳn
   dưới 1024px. Giấu thanh của theme để không có hai thanh chồng nhau.
   Tắt plugin là thanh cũ hiện lại y như trước. */
body.tmdm .wstm-topbar{display:none}

body.tmdm .tmdm-tb{
  background:var(--tmdm-chinh);color:#fff;border:0;
  font-size:13px;font-weight:500;overflow:hidden;
}
body.tmdm .tmdm-tb a{color:#fff}
body.tmdm .tmdm-tb a:hover{color:var(--tmdm-vang)}
body.tmdm .tmdm-tb .wstm-ico{color:#fff;opacity:.9;width:16px;height:16px;flex:none}

body.tmdm .tmdm-tb__trong{
  display:flex;align-items:center;justify-content:space-between;
  gap:14px;min-height:40px;flex-wrap:nowrap;
}
body.tmdm .tmdm-tb__trai{display:flex;align-items:center;gap:16px;overflow:hidden;min-width:0}
body.tmdm .tmdm-tb__phai{display:flex;align-items:center;gap:14px;flex:none}
body.tmdm .tmdm-tb__muc{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}

/* Dải chạy ngang, chỉ hiện trên điện thoại (xem mục 7). */
body.tmdm .tmdm-tb__chay{display:none}

/* Màn hẹp dần thì bớt mục cho khỏi bị cắt ngang chừng, thay vì để lòi ra
   nửa dòng chữ. Mục nào cũng là cam kết thật nên bỏ bớt không sai gì. */
@media(max-width:1300px){
  body.tmdm .tmdm-tb__trai .tmdm-tb__muc:nth-child(n+3){display:none}
}
@media(max-width:1060px){
  body.tmdm .tmdm-tb__trai .tmdm-tb__muc:nth-child(n+2){display:none}
  body.tmdm .tmdm-tb__phai .tmdm-tb__muc:nth-child(n+2){display:none}
}

/* =========================================================== 3. HEADER  */
body.tmdm .wstm-header{
  background:var(--tmdm-chinh);color:#fff;border-bottom:0;box-shadow:none;
}
body.tmdm .wstm-header__inner{
  display:flex;align-items:center;gap:18px;min-height:84px;padding:0;
}
body.tmdm .wstm-header a{color:#fff}
body.tmdm .wstm-header a:hover{color:#fff}

/* Lô-gô đặt trên nền trắng bo góc cho nổi trên nền xanh. */
body.tmdm .wstm-header .wstm-brand{flex:none;color:#fff}
body.tmdm .wstm-header .wstm-brand img{
  max-height:56px;width:auto;background:#fff;border-radius:11px;
  padding:5px 11px;object-fit:contain;
}
body.tmdm .wstm-header .wstm-brand__name{color:#fff;font-size:26px}
body.tmdm .wstm-header .wstm-brand__slogan{color:rgba(255,255,255,.82)}
body.tmdm .wstm-header .wstm-brand__mark{color:#fff}

/* Ô tìm kiếm: viên thuốc trắng, nút tìm tròn màu cam. */
body.tmdm .wstm-header .wstm-search{flex:1;max-width:660px;justify-self:auto;min-width:0}
body.tmdm .wstm-header .wstm-search__form{
  background:#fff;border:0;border-radius:var(--tmdm-bo-tron);
  padding:5px 5px 5px 18px;height:50px;box-shadow:none;
}
body.tmdm .wstm-header .wstm-search__form:focus-within{
  border:0;box-shadow:0 0 0 3px rgba(255,255,255,.35);
}
body.tmdm .wstm-header .wstm-search__input{font-size:15px;color:var(--tmdm-tieu-de)}
body.tmdm .wstm-header .wstm-search__input::placeholder{color:var(--tmdm-chu-rat-nhat)}
body.tmdm .wstm-search__btn{background:var(--tmdm-phu);color:#fff;width:40px;height:40px}
body.tmdm .wstm-search__btn:hover{background:var(--tmdm-phu-dam);color:#fff}

/* Khối bên phải: hotline, Mua sỉ, giỏ hàng. */
body.tmdm .wstm-header .wstm-actions{display:flex;align-items:center;gap:12px;flex:none;margin-left:auto}
body.tmdm .wstm-header .wstm-act{
  color:#fff;gap:10px;padding:7px 15px 7px 8px;
  border:1.5px solid rgba(255,255,255,.28);border-radius:var(--tmdm-bo-tron);
  transition:background .2s var(--tmdm-muot),border-color .2s var(--tmdm-muot);
}
body.tmdm .wstm-header .wstm-act:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff}
body.tmdm .wstm-header .wstm-act__ico{
  width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);
  color:#fff;display:grid;place-items:center;flex:none;
}
body.tmdm .wstm-header .wstm-act__ico .wstm-ico{width:19px;height:19px;color:#fff}
body.tmdm .wstm-header .wstm-act__top{color:#fff;font-size:15px;font-weight:800}
body.tmdm .wstm-header .wstm-act__sub{color:rgba(255,255,255,.8);font-size:11px}
body.tmdm .wstm-header .wstm-act:hover .wstm-act__top{color:#fff}
body.tmdm .wstm-header .wstm-act__caret{color:rgba(255,255,255,.75)}
body.tmdm .wstm-header .wstm-act--boxed{border-color:rgba(255,255,255,.45)}
body.tmdm .wstm-header .wstm-act--boxed:hover{border-color:var(--tmdm-vang);background:rgba(255,255,255,.14)}
body.tmdm .wstm-act__badge{
  background:var(--tmdm-phu);color:#fff;border:2px solid var(--tmdm-chinh);
  min-width:19px;height:19px;font-size:11px;font-weight:800;
}

/* Nút chỉ có biểu tượng (tìm kiếm trên điện thoại) thì để tròn, không kéo dài. */
body.tmdm .wstm-header .wstm-act:not(:has(.wstm-act__txt)){
  padding:0;border-radius:50%;width:44px;height:44px;justify-content:center;
  border-color:transparent;background:rgba(255,255,255,.14);
}
body.tmdm .wstm-header .wstm-act:not(:has(.wstm-act__txt)):hover{background:rgba(255,255,255,.26)}

body.tmdm .wstm-burger{color:#fff}

body.tmdm .wstm-mobile-search{background:var(--tmdm-chinh);padding-bottom:10px}
body.tmdm .wstm-mobile-search .wstm-search__form{
  background:#fff;border:0;border-radius:var(--tmdm-bo-tron);height:44px;padding:4px 4px 4px 16px;
}

/* Bảng gợi ý tìm kiếm. */
body.tmdm .wstm-suggest{border-radius:var(--tmdm-bo);box-shadow:var(--tmdm-bong-3);border:0}

/* ========================================================= 4. MENU CHÍNH */
body.tmdm .wstm-nav{
  background:#fff;border-bottom:1px solid var(--tmdm-vien);
  box-shadow:0 1px 0 rgba(14,36,100,.03);
}
body.tmdm .wstm-nav::after{display:none}
body.tmdm .wstm-nav__inner{min-height:56px;align-items:center;gap:2px}
body.tmdm .wstm-nav__link{
  color:var(--tmdm-tieu-de);background:none;
  padding:16px 14px;font-size:15px;font-weight:600;
  text-transform:none;letter-spacing:0;
}
body.tmdm .wstm-nav__link::after{
  left:14px;right:14px;bottom:10px;height:3px;border-radius:3px;
  background:var(--tmdm-chinh);
}
body.tmdm .wstm-nav__item:first-child>.wstm-nav__link{background:none}
body.tmdm .wstm-nav__item:hover>.wstm-nav__link,
body.tmdm .wstm-nav__item.current-menu-item>.wstm-nav__link,
body.tmdm .wstm-nav__item.current_page_item>.wstm-nav__link{
  background:none;color:var(--tmdm-chinh);
}
body.tmdm .wstm-nav__item:nth-child(6n+2)>.wstm-nav__link::after,
body.tmdm .wstm-nav__item:nth-child(6n+3)>.wstm-nav__link::after,
body.tmdm .wstm-nav__item:nth-child(6n+4)>.wstm-nav__link::after,
body.tmdm .wstm-nav__item:nth-child(6n+5)>.wstm-nav__link::after,
body.tmdm .wstm-nav__item:nth-child(6n+6)>.wstm-nav__link::after{background:var(--tmdm-chinh)}
body.tmdm .wstm-nav__link .wstm-ico{opacity:.55;width:12px;height:12px}
body.tmdm .wstm-nav__home .wstm-ico{opacity:1;color:var(--tmdm-phu);width:17px;height:17px}

body.tmdm .wstm-nav__sub{
  background:#fff;border-radius:var(--tmdm-bo);box-shadow:var(--tmdm-bong-3);
  padding:8px;min-width:250px;border:0;
}
body.tmdm .wstm-nav__sub a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 13px;border-radius:9px;font-size:14.5px;font-weight:500;color:var(--tmdm-chu);
}
body.tmdm .wstm-nav__sub a:hover{background:var(--tmdm-chinh-rat-nhat);color:var(--tmdm-chinh);padding-left:13px}
body.tmdm .wstm-nav__hot{background:var(--tmdm-do-nhat);color:var(--tmdm-do);border-radius:var(--tmdm-bo-tron)}

/* =============================================== 5. NGĂN MENU ĐIỆN THOẠI */
body.tmdm .wstm-drawer__head{background:var(--tmdm-chinh)}
body.tmdm .wstm-drawer__head,
body.tmdm .wstm-drawer__head a,
body.tmdm .wstm-drawer__x{color:#fff}
body.tmdm .wstm-drawer__head .wstm-brand img{
  background:#fff;border-radius:9px;padding:4px 8px;max-height:46px;width:auto;
}
body.tmdm .wstm-drawer__tool{border-color:rgba(255,255,255,.35);color:#fff}
body.tmdm .wstm-mnav__row--lv1{color:var(--tmdm-tieu-de);font-weight:600}
body.tmdm .wstm-mnav__row--lv1:hover{background:var(--tmdm-chinh-rat-nhat);color:var(--tmdm-chinh)}
body.tmdm .wstm-mnav__ico{color:var(--tmdm-chinh)}

/* ====================================================== 6. CHÂN TRANG   */
/* Bản mẫu để chân trang nền sáng, chữ tối, dải bản quyền màu xanh ngọc. */
body.tmdm .wstm-footer{
  background:var(--tmdm-chinh-rat-nhat);color:var(--tmdm-chu);margin-top:0;
}
body.tmdm .wstm-footer a{color:var(--tmdm-chu)}
body.tmdm .wstm-footer a:hover{color:var(--tmdm-chinh)}
body.tmdm .wstm-footer__top{border-top:1px solid var(--tmdm-vien)}
body.tmdm .wstm-footer__desc{color:var(--tmdm-chu);font-size:14.5px;line-height:1.7}
body.tmdm .wstm-footer__brand img{background:none;padding:0}
body.tmdm .wstm-footer__col--brand .wstm-brand__name{color:var(--tmdm-tieu-de)}
body.tmdm .wstm-footer__col--brand .wstm-brand__slogan{color:var(--tmdm-chu-nhat)}
body.tmdm .wstm-footer__col--brand .wstm-brand__mark{color:var(--tmdm-chinh)}

body.tmdm .wstm-footer__title{
  color:var(--tmdm-tieu-de);font-size:17px;font-weight:700;
  text-transform:none;letter-spacing:0;
}
body.tmdm .wstm-footer__title::after{background:var(--tmdm-phu);height:3px;width:32px;border-radius:3px}

body.tmdm .wstm-footer__list li{font-size:14.5px}
body.tmdm .wstm-footer__list li a::before{background:var(--tmdm-chu-rat-nhat)}
body.tmdm .wstm-footer__list li a:hover::before{background:var(--tmdm-chinh)}
body.tmdm .wstm-footer__list li a i{color:var(--tmdm-chu-rat-nhat)}

body.tmdm .wstm-footer__contact li{font-size:14.5px;color:var(--tmdm-chu)}
body.tmdm .wstm-footer__contact .wstm-ico{color:var(--tmdm-chinh)}
body.tmdm .wstm-footer__contact b{color:var(--tmdm-tieu-de)}

body.tmdm .wstm-footer .wstm-social a{
  background:#fff;border:1px solid var(--tmdm-vien);color:var(--tmdm-tieu-de);
}
body.tmdm .wstm-footer .wstm-social a:hover{
  background:var(--tmdm-chinh);border-color:var(--tmdm-chinh);color:#fff;transform:translateY(-2px);
}
body.tmdm .wstm-bct{
  background:#fff;border:1px solid var(--tmdm-vien);color:var(--tmdm-chinh);border-radius:var(--tmdm-bo-nho);
}
body.tmdm .wstm-bct:hover{background:var(--tmdm-chinh-nhat);color:var(--tmdm-chinh)}
body.tmdm .wstm-bct .wstm-ico{color:var(--tmdm-chinh)}

body.tmdm .wstm-footer__paytitle{color:var(--tmdm-chu-nhat)}
body.tmdm .wstm-footer__pay span{color:var(--tmdm-chu-nhat)}
body.tmdm .wstm-footer__pay span:not(:last-child)::after{color:var(--tmdm-chu-rat-nhat)}

body.tmdm .wstm-footer__legal{
  background:#fff;border-top:1px solid var(--tmdm-vien);
}
body.tmdm .wstm-footer__legal .wstm-ico{color:var(--tmdm-chinh)}
body.tmdm .wstm-footer__legal p{color:var(--tmdm-chu-nhat);font-size:12.5px}

body.tmdm .wstm-footer__bot{background:var(--tmdm-chinh);color:#fff;font-size:13.5px;padding:16px 0}
body.tmdm .wstm-footer__bot a,
body.tmdm .wstm-footer__links a,
body.tmdm .wstm-footer__credit,
body.tmdm .wstm-footer__credit a{color:#fff}
body.tmdm .wstm-footer__credit{color:rgba(255,255,255,.78)}
body.tmdm .wstm-footer__bot a:hover{color:var(--tmdm-vang)}

/* Dải kêu gọi ngay trên chân trang. */
body.tmdm .wstm-cta-band{background:linear-gradient(120deg,var(--tmdm-chinh-dam),var(--tmdm-chinh))}
body.tmdm .wstm-cta-band::after{display:none}
body.tmdm .wstm-cta-band__eyebrow{color:var(--tmdm-vang)}
body.tmdm .wstm-cta-band__eyebrow::before{background:var(--tmdm-vang)}
body.tmdm .wstm-cta-band .wstm-btn--gold{background:var(--tmdm-phu);color:#fff}
body.tmdm .wstm-cta-band .wstm-btn--gold:hover{background:var(--tmdm-phu-dam);color:#fff}

/* Thanh liên hệ dính đáy trên điện thoại. */
body.tmdm .wstm-mbar__item.is-active,
body.tmdm .wstm-mbar__item:hover{color:var(--tmdm-chinh)}

/* ===================================================== 7. ĐIỆN THOẠI    */
/* Theme giấu phần chữ của các nút từ 1180px trở xuống; lúc đó viên thuốc
   rỗng ruột trông kỳ, nên đổi hẳn sang nút tròn chỉ có biểu tượng. */
@media(max-width:1180px){
  body.tmdm .wstm-header .wstm-act{
    padding:0;width:44px;height:44px;border-radius:50%;justify-content:center;
    border-color:transparent;background:rgba(255,255,255,.14);
  }
  body.tmdm .wstm-header .wstm-act:hover{background:rgba(255,255,255,.26);border-color:transparent}
  body.tmdm .wstm-header .wstm-act__ico{background:none;width:22px;height:22px}
  body.tmdm .wstm-header .wstm-act__caret{display:none}
}

@media(max-width:1024px){
  body.tmdm .wstm-header__inner{min-height:72px;gap:12px}
  body.tmdm .wstm-header{background:var(--tmdm-chinh)}
  body.tmdm .wstm-header .wstm-brand img{max-height:44px;padding:4px 8px}
  body.tmdm .wstm-header .wstm-brand__name{color:#fff;font-size:22px}
  body.tmdm .wstm-header .wstm-brand__slogan{color:rgba(255,255,255,.8)}
  body.tmdm .wstm-header .wstm-act{color:#fff}
  body.tmdm .wstm-header .wstm-act__ico{color:#fff}
  body.tmdm .wstm-act__badge{border-color:var(--tmdm-chinh)}
}

@media(max-width:900px){
  /* Thanh trên cùng: đổi sang dải chạy ngang cho đỡ chiếm chỗ. */
  body.tmdm .tmdm-tb__trong{display:none}
  body.tmdm .tmdm-tb__chay{display:block;width:100%;overflow:hidden;white-space:nowrap}
  body.tmdm .tmdm-tb__ray{
    display:inline-flex;gap:34px;padding-block:9px;
    animation:tmdm-chay 26s linear infinite;
  }
  body.tmdm .wstm-header .wstm-actions{gap:8px}
  body.tmdm .wstm-header .wstm-act{padding:0;width:40px;height:40px;border-radius:50%;
    justify-content:center;border-color:transparent;background:rgba(255,255,255,.14)}
  body.tmdm .wstm-header .wstm-act__ico{width:22px;height:22px;background:none}
}

@keyframes tmdm-chay{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(max-width:560px){
  body.tmdm .wstm-header .wstm-brand img{max-height:38px;padding:3px 7px}
  body.tmdm .wstm-footer__bot-inner{justify-content:center;text-align:center}
}

/* ==========================================================================
   TRANG TÀI KHOẢN  (27/09/2026 — khách báo "lỗi giao diện ở màn này")

   Theme chưa bao giờ tạo kiểu cho biểu mẫu của WooCommerce ở /tai-khoan/.
   Đo trên máy thật ở 390px:
     · ô "Tên tài khoản" và "Mật khẩu" chỉ rộng 198px trong hàng 348px — đó là
       bề ngang mặc định `size=20` của trình duyệt, không phải thiết kế;
     · `.password-input` của WooCommerce là `display:inline` nên nhãn "Mật khẩu"
       và ô nhập DÍNH CÙNG MỘT DÒNG, lệch hẳn so với ô phía trên;
     · nút "Đăng nhập" chỉ 87×29 và bị nhồi cạnh ô tích "Ghi nhớ".
   Sửa cho cả máy tính lẫn điện thoại vì cả hai đều vỡ như nhau.
   ========================================================================== */
body.tmdm.woocommerce-account .woocommerce-form-row,
body.tmdm.woocommerce-account .form-row{display:block;margin:0 0 16px;padding:0}
body.tmdm.woocommerce-account .woocommerce-form-row label,
body.tmdm.woocommerce-account .form-row > label{
  display:block;margin:0 0 6px;font-size:14.5px;font-weight:600;color:var(--text,#2A2A2A);
}
body.tmdm.woocommerce-account .password-input{display:block;position:relative;width:100%}
body.tmdm.woocommerce-account input[type=text],
body.tmdm.woocommerce-account input[type=email],
body.tmdm.woocommerce-account input[type=tel],
body.tmdm.woocommerce-account input[type=password],
body.tmdm.woocommerce-account .woocommerce-Input--text{
  width:100%;box-sizing:border-box;height:46px;padding:0 14px;
  border:1px solid var(--line,#E3E8F2);border-radius:12px;background:#fff;
  font-family:inherit;font-size:16px;color:var(--text,#2A2A2A);
}
body.tmdm.woocommerce-account input:focus{
  outline:none;border-color:var(--brand,#1F4FD8);box-shadow:0 0 0 3px rgba(31,79,216,.12);
}
/* Hàng cuối của WooCommerce nhét nonce + nút + ô tích chung một thẻ <p>. */
body.tmdm.woocommerce-account .form-row .woocommerce-form-login__rememberme{
  display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;cursor:pointer;
}
body.tmdm.woocommerce-account .form-row .woocommerce-form-login__rememberme input{
  width:18px;height:18px;height:auto;margin:0;
}
body.tmdm.woocommerce-account button[name=login],
body.tmdm.woocommerce-account button[name=register],
body.tmdm.woocommerce-account .woocommerce-form-login__submit,
body.tmdm.woocommerce-account .woocommerce-form-register__submit{
  display:block;width:100%;height:48px;border:0;border-radius:999px;cursor:pointer;
  background:var(--brand,#1F4FD8);color:#fff;font-family:inherit;font-size:16px;font-weight:700;
}
body.tmdm.woocommerce-account .lost_password{margin:14px 0 0;font-size:14px}
body.tmdm.woocommerce-account h2{font-size:20px;margin:0 0 16px}
/* Khoảng trắng to đùng ở đầu thẻ là dải thông báo rỗng của WooCommerce. */
body.tmdm.woocommerce-account .woocommerce-notices-wrapper:empty{display:none}
@media(max-width:767px){
  /* Dải xanh "Tài khoản" chiếm 97px mà không nói thêm điều gì — tên trang đã
     nằm ở đường dẫn ngay trên. */
  body.tmdm.woocommerce-account .wstm-page-hero{display:none}
  body.tmdm.woocommerce-account h2{font-size:18px}
}

/* Safari trên iPhone tự phóng to trang khi ô đang gõ có chữ dưới 16px, và
   không thu lại. Đặt sàn 16px cho mọi ô nhập ở khổ điện thoại. */
@media(max-width:767px){
  body.tmdm input:not([type=checkbox]):not([type=radio]),
  body.tmdm select,
  body.tmdm textarea{font-size:16px}
}

@media(prefers-reduced-motion:reduce){
  body.tmdm .tmdm-tb__ray{animation:none}
}