/* ══════════════════════════════════════════════════════════════════
   Công cụ báo giá thiết bị — gắn cuối bài viết, trang chuyên mục, và
   trang riêng ?newhome=baogia.

   Nạp SAU nt-home.css: dùng biến màu, .nt-btn, .nt-sdt, .nt-hotbar của
   file đó. Khối mang class .nt-home nên các luật nền (:where) của
   nt-home.css chỉ chạm bên trong khối, không chạm bài viết cũ.

   BA LUẬT RÚT TỪ LỖI 08/09/2026
   1. MỌI CỠ CHỮ BẰNG PX, KHÔNG REM. Theme cũ đặt html { font-size: 10px }
      nên .8rem = 8px — chữ "thách đố con mắt" (lời chủ dự án). Bài viết
      của theme cũ là 20,4px; khối này lấy 17px làm gốc, không dòng nào
      dưới 13px.
   2. MỌI NÚT PHẢI TỰ KHAI :hover. GeneratePress có button:hover nền xám
      #3f4047 chữ trắng — nút nhóm chữ xanh đậm rê vào là mất chữ.
   3. Đỏ chỉ dành cho MỘT nút "Nhận báo giá". Giá màu chữ đậm, chọn/đang
      bật màu xanh Ngàn Thông. Bớt đỏ thì mắt đỡ mỏi, nút đỏ mới nổi.
   ══════════════════════════════════════════════════════════════════ */

.nt-gia {
	--f-dis: var(--f-txt);
	--tx: 17px;      /* chữ chính            */
	--tx-s: 14px;    /* chữ phụ              */
	--tx-xs: 13px;   /* nhãn nhỏ nhất        */
	--tx-l: 18px;    /* giá                  */
	margin: 44px 0 28px; padding: 26px 28px 24px;
	border: 1px solid var(--line); border-radius: 18px;
	background: var(--paper); box-shadow: 0 1px 2px rgb(12 46 23 / .04), 0 10px 30px rgb(12 46 23 / .06);
	font-size: var(--tx); line-height: 1.5; color: var(--ink);
	scroll-margin-top: 20px;
	overflow: visible;   /* .nt-home đặt overflow-x:hidden → thanh tổng sticky chết. Đo 08/09: đáy 1616px trên màn 844. */
}
.nt-gia * { box-sizing: border-box; }
.nt-gia button { padding: 0; margin: 0; border: 0; background: none; font: inherit; color: inherit; cursor: pointer; border-radius: 0; box-shadow: none; text-transform: none; letter-spacing: 0; line-height: 1.3; }
/* GeneratePress còn có button:focus nền xám #3f4047 — bấm "Chi tiết" xong nút giữ focus,
   chữ xanh chìm vào nền xám (đo 08/09). Mọi nút của khối tự khai focus. */
.nt-gia button:focus, .nt-sdt button:focus, .nt-hotbar button:focus { background: none; color: inherit; outline: none; }
.nt-gia button:focus-visible, .nt-sdt button:focus-visible { outline: 3px solid var(--g-400); outline-offset: 2px; }
.nt-gia input, .nt-gia select { font: inherit; color: inherit; margin: 0; box-shadow: none; }
.nt-gia ol, .nt-gia ul { margin: 0; padding: 0; list-style: none; }
.nt-gia p, .nt-gia h2 { margin: 0; }
@media (max-width: 700px) {
	.nt-gia { --tx: 16.5px; --tx-s: 14px; --tx-l: 18px; margin-inline: -8px; padding: 20px 16px 18px; border-radius: 14px; }
}

/* ── đầu khối ─────────────────────────────────────────────────── */
.nt-g__kick { font-size: var(--tx-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--g-600); }
.nt-gia .nt-g__h { margin-top: 6px; font-family: var(--f-txt); font-size: 26px; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; color: var(--g-900); }
.nt-g__sub { margin-top: 8px; font-size: 15px; color: var(--ink-2); max-width: 66ch; line-height: 1.55; }
@media (max-width: 700px) { .nt-gia .nt-g__h { font-size: 22px; } }

/* ── thanh nhóm + bộ lọc: một khối nền kem ────────────────────── */
.nt-g__bar { margin: 20px -12px 0; padding: 12px 12px 4px; border-radius: 14px; background: var(--cream); }
.nt-g__nhomcuon { display: flex; gap: 8px; flex-wrap: wrap; }
.nt-gia .nt-g__tab {
	flex: none; min-height: 40px; padding: 8px 15px; border-radius: 999px;
	border: 1.5px solid var(--line-2); background: var(--paper);
	font-size: 15px; font-weight: 600; color: var(--ink-2); white-space: nowrap;
	transition: background .15s, color .15s, border-color .15s;
}
.nt-gia .nt-g__tab:hover, .nt-gia .nt-g__tab:focus { background: var(--g-50); border-color: var(--g-400); color: var(--g-900); }
.nt-gia .nt-g__tab.is-on, .nt-gia .nt-g__tab.is-on:hover { background: var(--g-700); border-color: var(--g-700); color: #fff; }
@media (max-width: 700px) {
	.nt-g__bar { margin-inline: -16px; border-radius: 0; padding: 12px 16px 4px; }
	.nt-g__nhomcuon {
		flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;
		margin-inline: -16px; padding: 0 16px 6px; scrollbar-width: none; scroll-snap-type: x proximity;
	}
	.nt-g__nhomcuon::-webkit-scrollbar { display: none; }
	.nt-g__tab { scroll-snap-align: start; }
}

.nt-g__loc { display: grid; gap: 10px; margin-top: 14px; }
.nt-g__tim {
	display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 14px;
	border: 1.5px solid var(--line-2); border-radius: 10px; background: var(--paper); color: var(--ink-3);
}
.nt-g__tim:focus-within { border-color: var(--g-500); box-shadow: 0 0 0 3px rgb(36 132 60 / .12); }
.nt-gia .nt-g__tim input { flex: 1; min-width: 0; height: 42px; padding: 0; border: 0; background: none; font-size: 16px; color: var(--ink); outline: none; }
.nt-g__tim input::-webkit-search-cancel-button { -webkit-appearance: none; }
.nt-g__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.nt-gia .nt-g__chip {
	min-height: 36px; padding: 6px 13px; border-radius: 999px;
	border: 1.5px solid var(--line-2); background: var(--paper);
	font-size: 14px; font-weight: 600; color: var(--ink-2);
}
.nt-gia .nt-g__chip:hover, .nt-gia .nt-g__chip:focus { background: var(--g-50); border-color: var(--g-400); color: var(--g-900); }
.nt-gia .nt-g__chip.is-on, .nt-gia .nt-g__chip.is-on:hover { background: var(--g-100); border-color: var(--g-600); color: var(--g-900); }
.nt-g__dvg { margin-top: 16px; font-size: var(--tx-s); color: var(--ink-3); }
.nt-g__dvg b { color: var(--g-800); font-weight: 700; }
.nt-g__lab {
	display: block; margin: 18px 0 8px; font-size: var(--tx-xs); font-weight: 700;
	letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3);
}

/* ── danh sách món ────────────────────────────────────────────── */
.nt-g__ds { margin-top: 6px; border-top: 1px solid var(--line); }
.nt-g__mon {
	display: grid; grid-template-columns: 88px minmax(0, 1fr) auto auto; gap: 6px 18px; align-items: center;
	padding: 14px 8px; margin: 0 -8px; border-bottom: 1px solid var(--line); border-radius: 10px;
	transition: background .15s;
}
.nt-g__mon[hidden] { display: none; }
.nt-g__mon:hover { background: var(--cream); }
.nt-g__mon.is-chon, .nt-g__mon.is-chon:hover { background: var(--g-50); }
.nt-gia .nt-g__anh {
	display: grid; place-items: center; width: 88px; height: 88px; border-radius: 10px;
	overflow: hidden; background: var(--cream-2); border: 1px solid var(--line); padding: 0;
}
.nt-g__anh img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nt-g__anh--no { color: var(--line-2); }
.nt-gia button.nt-g__anh { cursor: zoom-in; }
.nt-gia button.nt-g__anh:hover { background: var(--cream-2); border-color: var(--g-400); }
.nt-g__t { min-width: 0; display: grid; gap: 4px; align-content: center; }
.nt-g__ten { font-size: var(--tx); font-weight: 600; color: var(--g-900); line-height: 1.3; }
.nt-g__ct { font-size: var(--tx-s); color: var(--ink-3); line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nt-g__mon.is-mo .nt-g__ct { display: none; }
.nt-gia .nt-g__mo {
	justify-self: start; font-size: var(--tx-s); font-weight: 600; color: var(--g-600);
	text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--g-300);
	min-height: 40px; padding: 6px 2px;
}
.nt-gia .nt-g__mo:hover, .nt-gia .nt-g__mo:focus { color: var(--g-800); text-decoration-color: currentColor; background: none; }
.nt-g__ctb { display: grid; gap: 6px; padding: 10px 12px; border-radius: 8px; background: var(--paper); border: 1px solid var(--line); font-size: var(--tx-s); line-height: 1.5; }
.nt-g__ctb[hidden] { display: none; }
.nt-g__ctd { color: var(--ink-2); }
.nt-g__ghi { color: var(--g-800); }
.nt-g__ghi::before, .nt-g__le::before { content: '•'; margin-right: 6px; color: var(--gold); }
.nt-g__le { color: var(--gold-chu); }

.nt-g__gia { text-align: right; white-space: nowrap; }
.nt-g__gia b { display: block; font-size: var(--tx-l); font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1.2; }
.nt-g__gia small { font-size: var(--tx-xs); color: var(--ink-3); }

.nt-g__slw { display: grid; justify-items: end; gap: 4px; }
.nt-g__sl { display: inline-flex; align-items: center; border: 1.5px solid var(--line-2); border-radius: 999px; background: var(--paper); overflow: hidden; }
.nt-gia .nt-g__bot {
	width: 42px; height: 42px; display: grid; place-items: center;
	font-size: 22px; font-weight: 500; color: var(--g-800); line-height: 1;
	-webkit-user-select: none; user-select: none;
}
.nt-gia .nt-g__bot:hover, .nt-gia .nt-g__bot:focus { background: var(--g-50); color: var(--g-900); }
.nt-gia .nt-g__bot:active { background: var(--g-100); }
.nt-gia .nt-g__so {
	width: 46px; height: 42px; border: 0; border-inline: 1px solid var(--line); padding: 0; text-align: center; background: var(--paper);
	font-size: var(--tx); font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; border-radius: 0;
	-moz-appearance: textfield; appearance: textfield;
}
.nt-g__so::-webkit-outer-spin-button, .nt-g__so::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.nt-gia .nt-g__so:focus { outline: none; background: var(--g-50); }
.nt-g__mon.is-chon .nt-g__sl { border-color: var(--g-500); box-shadow: 0 0 0 3px rgb(36 132 60 / .12); }
.nt-g__mon.is-chon .nt-g__so { color: var(--g-900); }
.nt-g__hint { font-size: var(--tx-xs); font-weight: 600; color: var(--gold-chu); text-align: right; }
.nt-g__hint[hidden] { display: none; }
.nt-g__sl--to { margin-top: 4px; }
.nt-gia .nt-g__sl--to .nt-g__so { width: 96px; }

@media (max-width: 700px) {
	.nt-g__mon { grid-template-columns: 76px minmax(0, 1fr); grid-template-areas: "anh t" "gia sl"; gap: 8px 12px; padding: 14px 0; margin: 0; border-radius: 0; }
	.nt-g__mon:hover { background: none; }
	.nt-g__mon.is-chon, .nt-g__mon.is-chon:hover { background: none; }
	.nt-gia .nt-g__anh { grid-area: anh; width: 76px; height: 76px; }
	.nt-g__t { grid-area: t; }
	.nt-g__gia { grid-area: gia; text-align: left; align-self: center; }
	.nt-g__gia b { display: inline; }
	.nt-g__gia small { margin-left: 3px; }
	.nt-g__slw { grid-area: sl; justify-self: end; }
	.nt-gia .nt-g__bot { width: 44px; height: 44px; }
	.nt-gia .nt-g__so { height: 44px; }
}

.nt-g__mon.nt-g__mon--an { display: none; }
.nt-gia .nt-g__xemthem {
	display: flex; width: 100%; justify-content: center; align-items: center; gap: 8px;
	min-height: 48px; margin-top: 12px; border-radius: 10px;
	border: 1.5px dashed var(--line-2); background: var(--paper);
	font-size: 15px; font-weight: 700; color: var(--g-800);
}
.nt-gia .nt-g__xemthem:hover, .nt-gia .nt-g__xemthem:focus { background: var(--g-50); border-color: var(--g-400); color: var(--g-900); }
.nt-g__xemthem[hidden] { display: none; }
.nt-g__khong { padding: 22px 0; font-size: 15px; color: var(--ink-2); text-align: center; }
.nt-g__khong[hidden] { display: none; }
.nt-g__luuy { margin-top: 16px; font-size: var(--tx-xs); color: var(--ink-3); line-height: 1.5; }
.nt-g__them { margin-top: 4px; display: grid; gap: 5px; font-size: var(--tx-s); color: var(--ink-2); }
.nt-g__them li { padding-left: 14px; position: relative; }
.nt-g__them li::before { content: ''; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }

/* ── nhà bạt / backdrop ───────────────────────────────────────── */
.nt-gia .nt-g__sel {
	width: 100%; min-height: 48px; padding: 10px 14px; border-radius: 10px;
	border: 1.5px solid var(--line-2); background: var(--paper); font-size: 16px; font-weight: 600; color: var(--ink);
}
.nt-g__nbout { margin-top: 16px; padding: 16px 20px; border-radius: 12px; background: var(--g-50); border: 1px solid var(--g-200); }
.nt-g__nbout .nt-g__lab { margin: 0 0 4px; }
.nt-g__nbout b { display: block; font-size: 28px; font-weight: 700; color: var(--g-900); font-variant-numeric: tabular-nums; line-height: 1.15; }
.nt-g__nbout small { display: block; margin-top: 4px; font-size: 15px; color: var(--ink-2); }
.nt-g__than--nb .nt-btn, .nt-g__than--bd .nt-btn { margin-top: 14px; }

/* ── thanh tổng: dính đáy ─────────────────────────────────────── */
.nt-g__tong {
	position: sticky; bottom: 12px; z-index: 5;
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	margin-top: 18px; padding: 14px 18px; border-radius: 14px;
	background: var(--g-900); color: #fff; box-shadow: 0 16px 40px rgb(12 46 23 / .28);
}
.nt-g__tong[hidden] { display: none; }
.nt-g__tongt { display: grid; min-width: 0; line-height: 1.25; }
.nt-g__tongt b { font-size: var(--tx-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--g-300); }
.nt-g__tongt i { font-style: normal; font-size: 21px; font-weight: 700; font-variant-numeric: tabular-nums; color: #fff; }
.nt-g__tongt small { font-size: var(--tx-xs); color: rgb(255 255 255 / .72); }
.nt-g__tong .nt-btn { flex: none; }
@media (max-width: 700px) {
	.nt-g__tong { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); padding: 12px 14px; }
	.nt-g__tongt i { font-size: 18px; }
}

.nt-g__cta {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px;
	margin-top: 20px; padding: 18px 20px; border-radius: 12px;
	background: var(--cream); border: 1px solid var(--line);
}
.nt-g__cta[hidden] { display: none; }
.nt-g__cta p { flex: 1 1 260px; font-size: 15px; color: var(--ink-2); line-height: 1.5; }

/* ── nút (ghi đè cỡ rem của nt-home.css cho trang theme cũ) ───── */
.nt-gia-on .nt-btn, .nt-gia .nt-btn { font-size: 16px; padding: 13px 24px; box-sizing: border-box; }
.nt-gia-on .nt-btn--lg, .nt-gia .nt-btn--lg { font-size: 17px; padding: 15px 28px; }
.nt-gia-on .nt-btn:hover { color: #fff; }
.nt-gia-on .nt-btn--out { color: var(--g-800); }
.nt-gia-on .nt-btn--out:hover { color: var(--g-900); background: var(--paper); }
.nt-btn--block { display: flex; width: 100%; justify-content: center; }

/* ── xem ảnh lớn ──────────────────────────────────────────────── */
.nt-g__xem {
	width: min(100% - 24px, 720px); padding: 12px; border: 0; border-radius: 18px;
	background: var(--paper); box-shadow: var(--sh-3); position: relative;
}
.nt-g__xem::backdrop { background: rgb(7 26 14 / .7); }
.nt-g__xem img { width: 100%; height: auto; max-height: 76vh; object-fit: contain; border-radius: 10px; display: block; }
.nt-g__xemten { margin: 12px 4px 2px; font-size: 16px; font-weight: 600; color: var(--g-900); text-align: center; }

/* ── hộp xin số và hộp ảnh: chuẩn hoá trên nền theme cũ ───────── */
/* Theme cũ đặt dialog position:absolute → hộp nhảy lên đầu trang (đo top −5978px).
   Nút × bị theme cũ đệm thành 40×34, không tròn. Ép lại cả hai. */
dialog.nt-sdt[open], dialog.nt-g__xem[open] {
	position: fixed !important; inset: 0 !important; margin: auto !important;
	max-height: calc(100% - 24px); overflow: auto;
}
.nt-sdt, .nt-g__xem { font-family: var(--f-txt); line-height: 1.5; box-sizing: border-box; font-size: 16px; }
.nt-sdt *, .nt-sdt *::before, .nt-sdt *::after, .nt-g__xem * { box-sizing: border-box; }
.nt-sdt p, .nt-g__xem p { margin: 0; }
.nt-sdt form, .nt-g__xem form { margin: 0; }
.nt-sdt button, .nt-g__xem button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; padding: 0; margin: 0; text-transform: none; letter-spacing: 0; }
.nt-sdt__x { position: absolute; top: 12px; right: 12px; margin: 0; z-index: 2; }
.nt-sdt .nt-sdt__x button, .nt-g__xem .nt-sdt__x button {
	display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border-radius: 50%;
	background: var(--cream-2); color: var(--ink-2); line-height: 0; border: 0; box-shadow: none;
}
.nt-sdt .nt-sdt__x button:hover, .nt-g__xem .nt-sdt__x button:hover { background: var(--g-100); color: var(--g-900); }
.nt-g__xem .nt-sdt__x button { background: var(--paper); box-shadow: var(--sh-1); }
.nt-sdt h2 { margin: 0; font-family: var(--f-txt); font-weight: 700; color: var(--g-900); }
.nt-sdt .nt-sdt__buoc { font-size: 13px; letter-spacing: .14em; }
.nt-sdt .nt-sdt__h { margin-top: 8px; padding-right: 40px; font-size: 23px; line-height: 1.25; }
.nt-sdt .nt-sdt__tom { font-size: 15px; white-space: pre-line; }
.nt-sdt .nt-sdt__lab { font-size: 13px; }
.nt-gia-on .nt-sdt .nt-sdt__o, .nt-sdt .nt-sdt__o { font-size: 20px; height: auto; padding: 14px 16px; border: 1.5px solid var(--line-2); border-radius: 10px; background: var(--cream); width: 100%; box-shadow: none; }
.nt-sdt .nt-sdt__o:focus { border-color: var(--g-600); background: var(--paper); box-shadow: 0 0 0 3px rgb(36 132 60 / .12); }
.nt-sdt .nt-sdt__loi { font-size: 14px; }
.nt-sdt .nt-sdt__yen { font-size: 14px; }
.nt-sdt .nt-sdt__goi { font-size: 15px; }
.nt-sdt .nt-sdt__xong h2 { font-size: 22px; }
.nt-sdt .nt-sdt__xong p { font-size: 16px; }
.nt-sdt #nt-sdt-gui:hover { color: #fff; }

/* ── thanh liên hệ đáy trên trang bài viết ────────────────────── */
.nt-hotbar { font-family: var(--f-txt); box-sizing: border-box; }
.nt-hotbar *, .nt-hotbar *::before, .nt-hotbar *::after { box-sizing: border-box; }
.nt-hotbar a { text-decoration: none; }
.nt-hotbar ul { margin: 0; padding: 0; list-style: none; }
.nt-hotbar button { font: inherit; cursor: pointer; }
@media (max-width: 700px) {
	body.nt-gia-on { padding-bottom: 78px; }
	body.nt-gia-on .hotline-button { display: none !important; }   /* bảng nổi 300×200 của plugin */
	.nt-gia-on .nt-hotbar__t b { font-size: 17px; }
	.nt-gia-on .nt-hotbar__t i { font-size: 12.5px; }
	.nt-gia-on .nt-hotbar__zalo { font-size: 15px; }
	.nt-gia-on .nt-hotbar__more { font-size: 12px; padding: 0 10px; border: 1.5px solid var(--line-2); background: var(--cream); color: var(--ink-2); }
	.nt-gia-on .nt-hotbar__more:hover { background: var(--cream); color: var(--ink-2); }
	.nt-gia-on .nt-hotbar__list b { font-size: 16px; }
	.nt-hotbar__gia {
		flex: none; display: grid; place-items: center; padding: 0 14px;
		border-radius: 999px; border: 1.5px solid var(--g-500); background: var(--g-50);
		color: var(--g-900); font-weight: 700; font-size: 15px;
	}
	.nt-hotbar__gia:active { background: var(--g-100); }
}

/* ── trang riêng ?newhome=baogia ──────────────────────────────── */
.nt-bgpage .nt-gia { margin-top: 0; }
.nt-bgtop { padding: 34px 0 10px; }
.nt-bgtop__kick { font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--g-600); }
.nt-bgtop h1 { margin-top: 8px; font-size: clamp(28px, 4vw, 42px); }
.nt-bgtop p { margin-top: 12px; max-width: 68ch; font-size: 17px; color: var(--ink-2); line-height: 1.6; }
.nt-bgtop__so { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 18px; font-size: 15px; color: var(--ink-2); }
.nt-bgtop__so b { font-size: 22px; color: var(--g-900); display: block; line-height: 1.1; }
.nt-bgbody { padding: 10px 0 40px; }
.nt-bgbody .nt-wrap { display: grid; gap: 28px; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; }
@media (max-width: 960px) { .nt-bgbody .nt-wrap { grid-template-columns: minmax(0, 1fr); } }
.nt-bgbody .nt-wrap > div { min-width: 0; }   /* chữ nowrap trong dòng món từng làm cột phình 2033px trên màn 390 */
.nt-bgbody .nt-team { position: sticky; top: 90px; }

/* ── lối vào sớm: mời xem giá ngay đầu bài + viên nổi trên máy tính ──
   Bài "bài cúng động thổ" dài hơn 6.000px; khối giá nằm cuối bài thì phần
   lớn người đọc không bao giờ tới. Nên chèn một lời mời ngắn sau đoạn thứ
   hai của bài (chỗ mắt đang đọc), và một viên nổi ở góc dưới bên trái máy
   tính khi khối giá chưa vào tầm nhìn (điện thoại đã có thanh đáy). */
.nt-gmoi {
	display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
	margin: 26px 0; padding: 16px 20px; border-radius: 14px;
	background: var(--g-50); border: 1px solid var(--g-200);
	font-family: var(--f-txt); font-size: 16px; line-height: 1.5; color: var(--g-900);
}
.nt-gmoi__t { flex: 1 1 280px; min-width: 0; }
.nt-gmoi__t b { display: block; font-size: 17px; font-weight: 700; }
.nt-gmoi__t span { color: var(--ink-2); font-size: 15px; }
.nt-gmoi__a {
	flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 20px;
	border-radius: 999px; background: var(--g-700); color: #fff !important; font-weight: 700; font-size: 15px;
	text-decoration: none !important; box-shadow: 0 6px 16px rgb(29 110 55 / .25); transition: background .15s, transform .2s;
}
.nt-gmoi__a:hover, .nt-gmoi__a:focus { background: var(--g-800); color: #fff; transform: translateY(-1px); }
.nt-gmoi__a .nt-i { flex: none; }

.nt-gpill {
	position: fixed; left: 18px; bottom: 22px; z-index: 94;
	display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px 12px 14px;
	border-radius: 999px; background: var(--g-900); color: #fff !important; text-decoration: none !important;
	font-family: var(--f-txt); font-size: 15px; font-weight: 600; line-height: 1.25;
	box-shadow: 0 14px 34px rgb(12 46 23 / .32); border: 1px solid rgb(255 255 255 / .12);
	transform: translateY(20px); opacity: 0; pointer-events: none; transition: opacity .25s, transform .25s;
}
.nt-gpill.is-on { transform: none; opacity: 1; pointer-events: auto; }
.nt-gpill:hover { background: var(--g-800); color: #fff; }
.nt-gpill b { display: block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--g-300); }
.nt-gpill .nt-i { flex: none; color: var(--g-300); }
@media (max-width: 700px) { .nt-gpill { display: none; } }