/* GIÁ THẬT universal seller-contact presentation. Scoped under .gtc. */
.gtc{
  --gtc-ink:#101828;--gtc-muted:#52606d;--gtc-line:#dce4e1;--gtc-brand:#047857;
  --gtc-brand-dark:#043f34;--gtc-soft:#ecfdf5;--gtc-focus:#d97706;
  position:relative;isolation:isolate;max-width:100%;overflow:hidden;padding:18px;
  color:var(--gtc-ink);background:#fff;border:1px solid var(--gtc-line);border-radius:18px;
  box-shadow:0 10px 32px rgba(16,24,40,.08);font-family:"Be Vietnam Pro",Inter,"Segoe UI",Roboto,Arial,sans-serif;
}
.gtc *{box-sizing:border-box}.gtc button,.gtc a,.gtc textarea{font:inherit}
.gtc-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:15px}
.gtc-avatar{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--gtc-soft);border:1px solid #b7e4d3}
.gtc-avatar:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--gtc-brand)}
.gtc-avatar:after{content:"";position:absolute;bottom:7px;width:25px;height:11px;border-radius:13px 13px 7px 7px;background:var(--gtc-brand)}
.gtc-avatar span{position:absolute;right:-1px;bottom:1px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#22c55e}
.gtc-eyebrow{margin:0 0 3px;color:var(--gtc-brand);font-size:10.5px;font-weight:900;letter-spacing:.105em;line-height:1.2}
.gtc h2{margin:0;color:var(--gtc-ink);font-size:20px;line-height:1.24;letter-spacing:-.02em}
.gtc-seller{margin:3px 0 0;color:var(--gtc-muted);font-size:13px;font-weight:650}
.gtc-origin{max-width:250px;display:flex;align-items:center;gap:7px;padding:7px 10px;color:#35554d;background:#f5faf8;border:1px solid var(--gtc-line);border-radius:10px;font-size:11.5px;line-height:1.35}
.gtc-origin span{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--gtc-brand);font-family:Georgia,serif;font-size:12px;font-weight:700}
.gtc-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:9px}
.gtc-action{min-width:0;min-height:56px;display:flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid var(--gtc-line);border-radius:12px;color:var(--gtc-ink);background:#fff;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.gtc-action:hover{border-color:#7ab8a6;box-shadow:0 7px 18px rgba(16,24,40,.09);transform:translateY(-1px)}
.gtc-action:focus-visible,.gtc-native-share:focus-visible,.gtc-help:focus-visible,.gtc-receipt button:focus-visible,.gtc-sheet button:focus-visible,.gtc-sheet textarea:focus-visible{outline:3px solid var(--gtc-focus);outline-offset:3px}
.gtc-action:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}
.gtc-action__icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--gtc-soft);color:var(--gtc-brand)}
.gtc-action__icon svg{width:22px;height:22px}.gtc-action__copy{min-width:0;display:grid;gap:2px}.gtc-action__copy b{font-size:14px;line-height:1.2}.gtc-action__copy small{display:block;color:var(--gtc-muted);font-size:10.5px;line-height:1.25;overflow-wrap:anywhere}
.gtc-action--call{color:#fff;background:var(--gtc-brand-dark);border-color:var(--gtc-brand-dark)}
.gtc-action--call .gtc-action__icon{color:var(--gtc-brand-dark);background:#fff}.gtc-action--call .gtc-action__copy small{color:#d7eee7}
.gtc-action--zalo .gtc-action__icon{color:#0068ff;background:#edf5ff}.gtc-action--messenger .gtc-action__icon{color:#5b5ce2;background:#f0efff}
.gtc-share-first{margin:0 0 12px}.gtc-native-share{position:relative;width:100%;min-height:68px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--gtc-brand-dark);border-radius:14px;color:#fff;background:var(--gtc-brand-dark);text-align:left;cursor:pointer;box-shadow:0 9px 22px rgba(4,63,52,.18);transition:box-shadow .16s ease,transform .16s ease,background .16s ease}
.gtc-native-share:hover{background:#075847;box-shadow:0 12px 27px rgba(4,63,52,.24);transform:translateY(-1px)}.gtc-native-share__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:var(--gtc-brand-dark);background:#d1fae5}.gtc-native-share__icon svg{width:23px;height:23px}.gtc-native-share__copy{min-width:0;display:grid;gap:3px}.gtc-native-share__copy b{font-size:15px;line-height:1.22}.gtc-native-share__copy small{color:#d7eee7;font-size:11px;line-height:1.3}.gtc-native-share__badge{min-height:30px;display:inline-flex;align-items:center;padding:5px 9px;border-left:1px solid rgba(255,255,255,.24);color:#d1fae5;font-size:10px;font-weight:900;line-height:1.15;white-space:nowrap}.gtc-share-first p{margin:7px 2px 0;color:var(--gtc-muted);font-size:10.8px;line-height:1.45}.gtc-exact-label{margin:0 0 7px;color:var(--gtc-muted);font-size:10.5px;font-weight:750;letter-spacing:.015em}
.gtc-receipt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding:10px 11px;border-left:3px solid var(--gtc-brand);background:#f7faf9}
.gtc-receipt>div{min-width:0;display:grid;gap:1px}.gtc-receipt b{font-size:12px}.gtc-receipt span{color:var(--gtc-muted);font-size:11px;line-height:1.35}
.gtc-receipt button,.gtc-help{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #9fcbbc;border-radius:9px;color:var(--gtc-brand-dark);background:#fff;font-size:12px;font-weight:850;text-decoration:none;cursor:pointer;white-space:nowrap}
.gtc-receipt--warn{border-left-color:#d97706;background:#fffbeb}.gtc-followup{margin:11px 0 0;color:var(--gtc-muted);font-size:11.5px;line-height:1.55}
.gtc-live{position:absolute;z-index:3;left:14px;right:14px;bottom:12px;visibility:hidden;opacity:0;transform:translateY(8px);padding:10px 12px;border-radius:10px;color:#fff;background:#16241f;box-shadow:0 12px 30px rgba(0,0,0,.24);font-size:12.5px;font-weight:720;line-height:1.45;transition:opacity .16s ease,transform .16s ease,visibility .16s}
.gtc-live.is-visible{visibility:visible;opacity:1;transform:translateY(0)}
.gtc--empty{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:start;background:#fbfdfc;box-shadow:none}
.gtc-empty__mark{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;color:var(--gtc-brand);background:var(--gtc-soft)}.gtc-empty__mark svg{width:24px;height:24px}
.gtc-empty__text{max-width:630px;margin:7px 0 11px;color:var(--gtc-muted);font-size:12.5px;line-height:1.55}
.gtc--compact{padding:12px;border-radius:13px;box-shadow:none}.gtc--compact .gtc-head{grid-template-columns:36px minmax(0,1fr);margin-bottom:9px}.gtc--compact .gtc-avatar{width:36px;height:36px}.gtc--compact .gtc-avatar:before{width:11px;height:11px}.gtc--compact .gtc-avatar:after{bottom:5px;width:19px;height:9px}.gtc--compact .gtc-origin{grid-column:1/-1;max-width:none}.gtc--compact h2{font-size:15px}.gtc--compact .gtc-share-first{margin-bottom:8px}.gtc--compact .gtc-native-share{min-height:58px;grid-template-columns:36px minmax(0,1fr) auto;padding:8px}.gtc--compact .gtc-native-share__icon{width:36px;height:36px}.gtc--compact .gtc-native-share__copy b{font-size:13px}.gtc--compact .gtc-native-share__copy small,.gtc--compact .gtc-share-first p{display:none}.gtc--compact .gtc-actions{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.gtc--compact .gtc-action{min-height:48px;padding:6px 8px}.gtc--compact .gtc-action__icon{width:32px;height:32px;flex-basis:32px}.gtc--compact .gtc-action__copy small{display:none}.gtc--compact .gtc-receipt{margin-top:8px}.gtc--compact .gtc-receipt span{display:none}
.gtc-sheetback{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(9,21,17,.72);overscroll-behavior:contain}
.gtc-sheet{position:relative;width:min(580px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:22px;color:var(--gtc-ink,#101828);background:#fff;border:1px solid #dce4e1;border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.3);font-family:"Be Vietnam Pro",Inter,"Segoe UI",Roboto,Arial,sans-serif}
.gtc-sheet h2{margin:0 42px 8px 0;font-size:20px}.gtc-sheet p{color:#52606d;font-size:13px;line-height:1.55}.gtc-sheet textarea{width:100%;resize:vertical;padding:12px;border:1px solid #aebdb8;border-radius:10px;color:#101828;background:#f8faf9;font-size:13px;line-height:1.55}
.gtc-sheet__close{position:absolute;right:14px;top:14px;width:44px;height:44px;border:1px solid #dce4e1;border-radius:10px;background:#fff;color:#101828;font-size:25px;cursor:pointer}
.gtc-sheet__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.gtc-sheet__actions button{min-height:44px;padding:9px 14px;border:1px solid #9fcbbc;border-radius:10px;color:#043f34;background:#fff;font-weight:850;cursor:pointer}.gtc-sheet__actions .gtc-sheet__open{color:#fff;background:#047857;border-color:#047857}.gtc-sheet__hint{margin-bottom:0;font-size:11.5px!important}
@media(max-width:640px){
  .gtc{padding:15px;border-radius:15px}.gtc-head{grid-template-columns:42px minmax(0,1fr);gap:10px}.gtc-avatar{width:42px;height:42px}.gtc-origin{grid-column:1/-1;max-width:none}.gtc-native-share{min-height:70px}.gtc-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.gtc-actions[data-count="3"] .gtc-action:last-child{grid-column:1/-1}.gtc-action{min-height:54px;padding:8px}.gtc-action__icon{width:34px;height:34px;flex-basis:34px}.gtc-action__copy small{font-size:9.5px}.gtc-receipt{align-items:stretch;flex-direction:column}.gtc-receipt button{width:100%}.gtc-followup{font-size:11px}.gtc--empty{grid-template-columns:40px minmax(0,1fr)}.gtc-empty__mark{width:40px;height:40px}.gtc-sheetback{place-items:end center;padding:0}.gtc-sheet{width:100%;max-height:88dvh;border-radius:18px 18px 0 0;padding:20px 16px calc(18px + env(safe-area-inset-bottom,0px))}.gtc-sheet__actions{display:grid;grid-template-columns:1fr 1fr}.gtc-sheet__actions button{width:100%}
}
@media(max-width:360px){.gtc-native-share{grid-template-columns:40px minmax(0,1fr)}.gtc-native-share__badge{grid-column:2;border-left:0;padding:0;min-height:18px}.gtc-actions{grid-template-columns:1fr}.gtc-actions[data-count="3"] .gtc-action:last-child{grid-column:auto}.gtc-action__copy small{font-size:10.5px}.gtc-sheet__actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gtc-action,.gtc-native-share,.gtc-live{transition:none}.gtc-action:hover,.gtc-native-share:hover{transform:none}}