.directory{--red:#c8102e;--red-dark:#a00d24;--red-pale:#fef0f2;--red-border:rgba(200,16,46,.18);--red-mist:rgba(200,16,46,.06);--zalo:#0068ff;--ink:#111;--ink2:#3d3d3d;--ink3:#6b6b6b;--ink4:#9a9a9a;--white:#fff;--gray0:#fafafa;--gray1:#f4f4f5;--gray2:#e8e8ea;--gray3:#d1d1d6;--shadow-sm:0 1px 3px rgba(0,0,0,.07);--shadow-md:0 4px 16px rgba(0,0,0,.09);--head:"Roboto",sans-serif;--body:"Roboto",sans-serif;--r:6px;font-family:var(--body);color:var(--ink);background:var(--gray0)}.directory *{box-sizing:border-box}.directory a{text-decoration:none;color:inherit}.directory button{cursor:pointer;font-family:var(--body)}.directory .search-hero{background:var(--white);padding:22px 0 0}.directory .sh-inner{max-width:var(--spacing-page-max-public);margin:0 auto;padding:0 var(--spacing-gutter-x-public)}.directory .sh-title{font-family:var(--head);font-weight:800;font-size:21px;color:var(--ink);margin-bottom:3px}.directory .sh-title em{color:var(--red);font-style:normal}.directory .sh-sub{font-size:13px;color:var(--ink3);margin-bottom:14px}.directory .big-search{display:flex;align-items:stretch;border:1.8px solid var(--gray3);border-radius:8px;max-width:780px;position:relative;background:#fff;transition:border .18s;overflow:hidden}.directory .big-search:focus-within{border-color:var(--red)}.directory .big-search>input{flex:1;border:none;outline:none;padding:14px 16px;font-size:14px;font-family:var(--body);color:var(--ink);min-width:0}.directory .big-search>button{background:var(--red);color:#fff;border:none;padding:0 26px;font-size:14px;font-weight:700;cursor:pointer;border-radius:0 7px 7px 0;display:flex;align-items:center;gap:6px}.directory .big-search>button:hover{background:var(--red-dark)}.directory .search-hint{font-size:13px;color:var(--ink3);padding:4px 2px;margin-top:4px}.directory .tabs-wrap{background:var(--white);border-bottom:2px solid var(--gray2)}.directory .tabs{display:flex;gap:2px;max-width:var(--spacing-page-max-public);margin:0 auto;padding:14px var(--spacing-gutter-x-public) 0}.directory .tab{padding:11px 18px;font-size:14px;font-weight:600;color:var(--ink3);cursor:pointer;background:none;border:none;border-bottom:2.5px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:8px;transition:color .15s}.directory .tab:hover{color:var(--ink)}.directory .tab.active{color:var(--red);border-bottom-color:var(--red)}.directory .tab .cnt{font-size:11px;font-weight:700;background:var(--gray1);color:var(--ink3);padding:1px 8px;border-radius:100px}.directory .tab.active .cnt{background:var(--red-pale);color:var(--red)}.directory .layout{display:grid;grid-template-columns:250px 1fr;align-items:start;max-width:var( --spacing-page-max-public );margin:0 auto;width:100%;padding:20px var(--spacing-gutter-x-public);gap:22px}.directory .filters{position:sticky;top:78px;background:#fff;border:1.5px solid var(--gray2);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:15px}.directory .filters-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--head);font-weight:800;font-size:14px;color:var(--ink)}.directory .filters-clear{background:none;border:none;color:var(--red);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--body)}.directory .filters-clear:hover{text-decoration:underline}.directory .fgroup{display:none;flex-direction:column;gap:9px;border-top:1px solid var(--gray1);padding-top:14px}.directory .fgroup.fg-show{display:flex}.directory .fg-title{font-size:11.5px;font-weight:800;color:var(--ink2);text-transform:uppercase;letter-spacing:.4px}.directory .fg-title .fg-unit{font-weight:600;color:var(--ink4);text-transform:none;letter-spacing:0}.directory .fopt{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);cursor:pointer}.directory .fopt input{accent-color:var(--red);width:15px;height:15px;cursor:pointer;flex-shrink:0}.directory .fopt .fc{margin-left:auto;font-size:11px;color:var(--ink4)}.directory .fgroup-radio .fopt{align-items:flex-start;line-height:1.45}.directory .fgroup-radio .fopt input{margin-top:2px}.directory .fsel{width:100%;border:1.5px solid var(--gray2);border-radius:var(--r);padding:8px 10px;font-size:13px;font-family:var(--body);color:var(--ink2);background:#fff;outline:none;cursor:pointer}.directory .fprice{display:flex;align-items:center;gap:6px}.directory .fprice input{width:100%;border:1.5px solid var(--gray2);border-radius:var(--r);padding:7px 9px;font-size:13px;font-family:var(--body);outline:none;min-width:0}.directory .fprice span{color:var(--ink4)}.directory .fprice input.is-invalid{border-color:var(--color-state-error)}.directory .fprice-error{margin-top:6px;font-size:12px;line-height:1.4;color:var(--color-state-error)}.directory .fprice-buckets{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.directory .fprice-bucket{display:flex;align-items:center;gap:8px;width:100%;padding:2px 0;background:none;border:none;font-size:13px;font-family:var(--body);color:var(--ink2);text-align:left;cursor:pointer}.directory .fprice-bucket:hover{color:var(--red)}.directory .fprice-bucket .fc{margin-left:auto;font-size:11px;color:var(--ink4)}.directory .fopt-extra{display:none}.directory .fgroup.fg-expanded .fopt-extra{display:flex}.directory .fg-more{align-self:flex-start;background:none;border:none;color:var(--red);font-size:13px;font-weight:700;cursor:pointer;font-family:var(--body);padding:2px 0;margin-top:1px;display:inline-flex;align-items:center;gap:5px}.directory .fg-more:hover{text-decoration:underline}.directory .filters-toggle{display:none;align-items:center;gap:7px;padding:9px 14px;border:1.5px solid var(--gray2);border-radius:var(--r);background:#fff;font-size:13px;font-weight:700;color:var(--ink2);cursor:pointer;font-family:var(--body)}.directory .main{flex:1;min-width:0}.directory .topbar2{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:10px}.directory .result-info{font-size:14px;color:var(--ink3)}.directory .result-info strong{color:var(--ink);font-weight:700}.directory .sort-row{display:flex;align-items:center;gap:8px}.directory .sort-row label{font-size:13px;color:var(--ink3)}.directory .sort-sel{border:1.5px solid var(--gray2);border-radius:var(--r);color:var(--ink2);padding:6px 10px;font-size:13px;font-family:var(--body);outline:none;background:var(--white);cursor:pointer}.directory .company-list{display:flex;flex-direction:column;gap:10px}.directory .co-row{position:relative;background:var(--white);border:1.5px solid var(--gray2);border-radius:var(--r);padding:20px;display:flex;gap:16px;transition:all .2s}.directory .cr-featured-badge{position:absolute;top:10px;right:10px;z-index:1;font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px;color:#b45309;background:#fef9c3;border:1px solid #fde68a}.directory .co-row:hover{border-color:var(--red);box-shadow:var(--shadow-md)}.directory .co-row:hover .cr-name{color:var(--red)}.directory .cr-logo{width:52px;height:52px;background:var(--white);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:900;font-size:19px;color:var(--red);flex-shrink:0;border:1.5px solid var(--red-border);overflow:hidden}.directory .cr-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.directory .cr-body{flex:1;min-width:0}.directory .cr-name{font-family:var(--head);font-weight:700;font-size:17px;color:var(--ink);margin-bottom:4px;transition:color .18s;overflow-wrap:anywhere}.directory .cr-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.directory .badge{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:100px;border:1px solid var(--gray2);color:var(--ink3);background:var(--gray0)}.directory .cr-badges .badge.cr-tag{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory .badge.red{border-color:var(--red-border);color:var(--red);background:var(--red-pale)}.directory .badge.more{cursor:pointer;border-style:dashed;background:transparent;font-family:inherit}.directory .badge.more:hover{border-color:var(--red-border);color:var(--red)}.directory .cr-desc{font-size:13px;color:var(--ink3);line-height:1.6;margin:8px 0;max-width:680px}.directory .cr-meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.directory .meta{font-size:13px;color:var(--ink3);display:flex;align-items:center;gap:4px}.directory .meta strong{color:var(--ink2);font-weight:600}.directory .cr-right{display:flex;align-items:center;flex-shrink:0}.directory .btn-view{padding:8px 14px;font-size:13px;font-weight:600;border-radius:var(--r);border:1.5px solid var(--gray2);background:var(--white);color:var(--ink2);font-family:var(--body);text-align:center;transition:all .18s}.directory .btn-view:hover{border-color:var(--ink2);color:var(--ink)}.directory .search-empty{text-align:center;padding:56px 20px;color:var(--ink3);background:var(--white);border:1.5px solid var(--gray2);border-radius:var(--r)}.directory .search-empty .se-ico{font-size:46px;margin-bottom:10px}.directory .search-empty .se-msg{font-family:var(--head);font-size:18px;font-weight:800;color:var(--ink);margin-bottom:6px}.directory .search-empty .se-hint{font-size:13.5px;color:var(--ink3);line-height:1.6;margin-bottom:18px}.directory .search-empty .se-zalo{display:inline-flex;align-items:center;gap:7px;background:var(--zalo);color:#fff;font-size:13px;font-weight:700;padding:11px 20px;border-radius:var(--r);box-shadow:0 4px 14px #0068ff38}.directory .search-empty .se-zalo:hover{filter:brightness(.95)}.directory .p-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:14px}.directory .toa-note{background:var(--red-pale);border:1px solid var(--red-border);border-radius:6px;padding:11px 14px;font-size:13px;color:var(--ink2);margin-bottom:14px;display:flex;gap:8px;align-items:flex-start}@media(max-width:768px){.directory .search-hero{padding:18px 0 0}.directory .sh-inner{padding:0 var(--spacing-gutter-x-public)}.directory .layout{grid-template-columns:1fr;padding:16px var(--spacing-gutter-x-public)}.directory .filters{position:static;display:none;order:-1}.directory .filters.open{display:flex}.directory .filters-toggle{display:inline-flex}.directory .topbar2{flex-direction:column;align-items:flex-start}.directory .co-row{flex-wrap:wrap;padding:16px}.directory .cr-right{min-width:0;width:100%}.directory .tabs{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;-webkit-overflow-scrolling:touch}.directory .tab{flex:0 0 auto}.directory .big-search>button{padding:0 16px}}.industry-page .ind-wrap{max-width:var(--spacing-page-max-public);margin:0 auto;padding:0 var(--spacing-gutter-x-public) 34px;width:100%}.industry-page .ind-hero{padding:18px 0 26px;border-bottom:1px solid var(--gray2)}.industry-page .ind-crumbs{font-size:12.5px;color:var(--ink4);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.industry-page .ind-crumbs a{color:var(--ink3)}.industry-page .ind-crumbs a:hover{color:var(--red)}.industry-page .ind-crumb-sep{color:var(--gray3)}.industry-page .ind-h1{font-family:var(--head);font-weight:900;font-size:clamp(25px,3.4vw,38px);line-height:1.18;letter-spacing:-.7px;max-width:820px;margin-top:22px}.industry-page .ind-lede{font-size:15.5px;line-height:1.75;color:var(--ink2);max-width:760px;margin-top:14px}.industry-page .ind-stats{display:flex;gap:26px;margin-top:20px;flex-wrap:wrap}.industry-page .ind-stat{display:flex;flex-direction:column}.industry-page .ind-stat b{font-family:var(--head);font-size:23px;font-weight:800;color:var(--red);line-height:1.1}.industry-page .ind-stat span{font-size:12.5px;color:var(--ink4);margin-top:3px}.industry-page .ind-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;align-items:center}.industry-page .ind-chip-label{font-size:12.5px;color:var(--ink4);font-weight:600;margin-right:2px}.industry-page .ind-chip{padding:6px 14px;border:1.5px solid var(--gray2);border-radius:100px;font-size:13px;font-weight:600;color:var(--ink2);background:var(--white);transition:all .16s;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.industry-page .ind-chip:hover{border-color:var(--red);color:var(--red)}.industry-page .ind-chip.on{background:var(--red);border-color:var(--red);color:#fff}.industry-page .ind-chip small{font-weight:500;opacity:.7;font-size:11.5px}.industry-page .ind-chip.thin{opacity:.55;border-style:dashed}.industry-page .ind-sec{padding:34px 0 0}.industry-page .ind-sec-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px;flex-wrap:wrap}.industry-page .ind-sec-title{font-family:var(--head);font-size:21px;font-weight:800;letter-spacing:-.3px}.industry-page .ind-sec-count{font-size:13px;color:var(--ink4);font-weight:500}.industry-page .ind-link{font-size:13px;color:var(--red);font-weight:600;margin-left:auto}.industry-page .ind-link:hover{text-decoration:underline}.industry-page .search-empty .ind-link{margin-left:0}.industry-page .ind-xlinks{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.industry-page .ind-xlink{padding:7px 14px;background:var(--white);border:1px solid var(--gray2);border-radius:100px;font-size:13px;font-weight:600;color:var(--ink2)}.industry-page .ind-xlink:hover{border-color:var(--red);color:var(--red)}.industry-page .p-grid{grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1000px){.industry-page .p-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.industry-page .p-grid{grid-template-columns:1fr}}@media(max-width:768px){.industry-page .ind-wrap{padding:0 var(--spacing-gutter-x-public) 24px}}
