/* Thành phần dùng chung cho nhóm mẫu logistics: biểu mẫu báo giá, tra cứu vận đơn, vòng phần trăm, bản đồ mạng lưới */
.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.row4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:767.98px){.row3,.row4{grid-template-columns:1fr 1fr}.row3>:first-child{grid-column:1/-1}}
.lg-form{gap:14px}
.lg-form .b-field{margin:0}
.lg-fg{margin:6px 0 -4px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lg-checks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:4px 0}
.lg-checks .b-check{font-size:.9rem}
.lg-note{margin:28px 0 0;font-size:.8rem;color:var(--muted);text-align:center}

/* tra cứu */
.lg-track-f{display:flex;gap:10px;align-items:stretch}
.lg-track-i{position:relative;flex:1;min-width:0}
.lg-track-i .ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}
.lg-track-i input{width:100%;height:100%;min-height:50px;padding:0 14px 0 42px;border:1.5px solid var(--line);border-radius:var(--r-btn);background:var(--card);color:var(--ink);font:inherit}
.lg-track-i input:focus{outline:0;border-color:var(--pri);box-shadow:var(--ring)}
.lg-track-i input[aria-invalid=true]{border-color:var(--err)}
.lg-track-f .b-btn{flex:none}
.lg-track-r:empty{display:none}
.lg-track-r{margin-top:16px;padding:18px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);color:var(--text);text-align:left;animation:lgIn .35s ease}
@keyframes lgIn{from{opacity:0;transform:translateY(6px)}}
.lg-tr-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.lg-tr-h small{display:block;font-size:.75rem;color:var(--muted)}.lg-tr-h b{font-family:var(--f-mono);color:var(--ink);font-size:1.05rem}
.lg-tr-s{padding:5px 12px;border-radius:99px;background:color-mix(in srgb,var(--pri) 14%,transparent);color:var(--hl);font-weight:600;font-size:.85rem}
.lg-tr-s.is-ok{background:var(--ok-bg);color:var(--ok)}
.lg-tr-bar{height:6px;border-radius:9px;background:var(--bg-3);margin:14px 0 16px;overflow:hidden}.lg-tr-bar i{display:block;height:100%;background:var(--pri);border-radius:inherit;transition:width .6s}
.lg-tr-l{list-style:none;margin:0;padding:0;display:grid;gap:0}
.lg-tr-l li{position:relative;padding:0 0 14px 26px;font-size:.9rem;color:var(--muted)}
.lg-tr-l li::before{content:"";position:absolute;left:5px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--bg-3);border:2px solid var(--line)}
.lg-tr-l li::after{content:"";position:absolute;left:10px;top:18px;bottom:0;width:2px;background:var(--line)}
.lg-tr-l li:last-child::after{display:none}
.lg-tr-l li.is-done::before{background:var(--pri);border-color:var(--pri)}
.lg-tr-l li.is-now::before{background:var(--card);border-color:var(--pri);box-shadow:0 0 0 4px color-mix(in srgb,var(--pri) 25%,transparent)}
.lg-tr-l li.is-done b,.lg-tr-l li.is-now b{color:var(--ink)}
.lg-tr-l b{display:block;font-weight:600}.lg-tr-l span{font-size:.82rem}
.lg-tr-n,.lg-tr-e,.lg-tr-w{margin:6px 0 0;font-size:.8rem;color:var(--muted)}.lg-tr-e{color:var(--err);margin:0}.lg-tr-w{margin:0}
@media(max-width:575.98px){.lg-track-f{flex-direction:column}.lg-track-f .b-btn{justify-content:center}}

/* vòng phần trăm */
.lg-ring{display:flex;align-items:center;gap:16px;position:relative}
.lg-ring svg{width:92px;height:92px;flex:none;transform:rotate(-90deg)}
.lg-ring circle{fill:none;stroke:color-mix(in srgb,currentColor 18%,transparent);stroke-width:9}
.lg-ring circle.fg{stroke:var(--acc);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1) .2s}
.lg-ring.in circle.fg,.lg-ring:not([data-rv]) circle.fg,html:not(.b-js) .lg-ring circle.fg{stroke-dashoffset:calc(100 - var(--p))}
.lg-ring>b{position:absolute;left:0;width:92px;text-align:center;font-family:var(--f-head);font-size:1.25rem;color:inherit}
.lg-ring h3{font-size:1.05rem;margin:0 0 2px;color:inherit}.lg-ring p{margin:0;font-size:.85rem;opacity:.75}

/* bản đồ */
.lg-map{position:relative;aspect-ratio:121/62}
.lg-map>img{width:100%;height:100%;display:block;opacity:.85}
.lg-pin{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;padding:0;border:0;border-radius:50%;background:var(--pri);box-shadow:0 0 0 5px color-mix(in srgb,var(--pri) 25%,transparent);cursor:pointer}
.lg-pin::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--pri);animation:lgPing 2.4s infinite;opacity:0}
.lg-pin.is-hq{background:var(--acc);box-shadow:0 0 0 6px color-mix(in srgb,var(--acc) 30%,transparent)}
@keyframes lgPing{0%{transform:scale(.6);opacity:.8}100%{transform:scale(2.2);opacity:0}}
.lg-pin>span{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px);min-width:170px;padding:10px 12px;border-radius:10px;background:var(--card);color:var(--muted);box-shadow:var(--sh);font-size:.78rem;line-height:1.4;text-align:left;opacity:0;pointer-events:none;transition:.2s;z-index:3}
.lg-pin>span b{display:block;color:var(--ink);font-size:.9rem}
.lg-pin>span{display:none}
.lg-pin:hover>span,.lg-pin:focus-visible>span,.lg-pin.is-hq>span{display:block;opacity:1;transform:translate(-50%,0)}
.lg-map:hover .lg-pin.is-hq:not(:hover)>span{display:none}
@media(max-width:767.98px){.lg-pin.is-hq>span{display:none}.lg-pin:hover>span,.lg-pin:focus-visible>span{display:block;left:auto;right:-10px;transform:none}}

/* ô liên hệ */
.lg-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 18px;text-align:center;color:#fff;text-decoration:none;transition:filter .2s}
.lg-tile:hover{color:#fff;filter:brightness(1.08)}
.lg-tile>.ic{width:44px;height:44px}
.lg-tile b{font-family:var(--f-head);font-size:1.3rem;line-height:1.2}
.lg-tile span{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;opacity:.9}
.lg-tile span .ic{width:16px;height:16px}
.lg-tile.is-dark{background:var(--dark)}.lg-tile.is-acc{background:var(--pri);color:var(--pri-ink)}.lg-tile.is-acc:hover{color:var(--pri-ink)}

/* thành viên */
.lg-tm{margin:0;position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-3)}
.lg-tm img{width:100%;aspect-ratio:6/7;object-fit:cover;display:block}
.lg-tm figcaption{padding:14px 16px}
.lg-tm b{display:block;color:var(--ink);font-family:var(--f-head);font-size:1.05rem}.lg-tm span{font-size:.85rem;color:var(--hl)}

/* hàng biểu tượng */
.lg-irow{list-style:none;margin:22px 0;padding:0;display:grid;gap:18px}
.lg-irow li{display:flex;gap:14px;align-items:flex-start}
.lg-irow li>.ic{flex:none;width:44px;height:44px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--pri) 12%,transparent);color:var(--hl)}
.lg-irow b{display:block;color:var(--ink);font-family:var(--f-head);font-size:1.02rem;margin-bottom:2px}
.lg-irow span{font-size:.92rem;color:var(--muted);line-height:1.5}

/* bài viết */
.lg-post .b-media{position:relative}
.lg-date{position:absolute;left:14px;top:14px;display:grid;place-items:center;min-width:56px;padding:8px 6px;border-radius:10px;background:var(--pri);color:var(--pri-ink);font-size:.72rem;line-height:1.1;text-align:center}
.lg-date b{font-size:1.35rem;font-family:var(--f-head)}
.b-logos img[src*="logistics/logos"]{height:34px;width:auto;opacity:.8}
html[data-theme="dark"] .b-logos img[src*="logistics/logos"],html[data-theme="dark"] .lg-map>img{filter:brightness(1.6)}

/* trình chiếu tràn viền: bỏ lề âm của khung trượt */
.wh-hero .b-track,.tk-hero .b-track{margin:0;padding:0}