.tn-components-catalog{margin:16px 0 28px;color:#202b42}.tn-components-catalog h1{font-size:26px;line-height:1.3;margin:0 0 14px}.tn-components-intro{line-height:1.65;max-width:1000px}.tn-components-categories{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tn-components-categories a{padding:9px 15px;border:1px solid #dddfea;border-radius:5px;background:#f5f6fc;color:#1b198f}.tn-components-search{padding:16px;background:#f5f6fc;border:1px solid #e0e3ef;border-radius:6px;width:100%;max-width:none;box-sizing:border-box}.tn-components-search label{display:block;margin-bottom:8px;font-weight:600}.tn-components-search>div{display:flex;gap:8px}.tn-components-search input{flex:1;min-width:0;padding:11px 12px;border:1px solid #c2c7da;border-radius:4px}.tn-components-search button{padding:10px 16px;background:#16038a;color:#fff;border:0;border-radius:4px;cursor:pointer}.tn-components-search>a{display:inline-block;margin-top:8px}.tn-component-card .picture{display:flex;align-items:center;justify-content:center;min-height:170px}.tn-component-card .picture img{object-fit:contain}.tn-component-card .information{padding:12px}.tn-component-card .name{min-height:42px!important;height:auto!important;line-height:1.4!important;white-space:normal!important}.tn-component-card .tn-component-sku{color:#555;font-size:12px;margin:7px 0}.tn-component-card .tn-component-status{font-size:12px;line-height:1.5;margin:6px 0;color:#5b6271}.tn-components-pagination{display:flex;gap:8px;justify-content:center;margin:22px 0}.tn-components-pagination a,.tn-components-pagination span{min-width:36px;padding:9px;text-align:center;border:1px solid #c5c9dc;border-radius:4px}.tn-components-pagination span{background:#16038a;color:#fff}.tn-search-components{clear:both;margin-top:24px}.tn-search-products h2,.tn-search-components h2{font-size:21px;margin:18px 0 12px}.tn-components-grid .data{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tn-components-grid .data>.wrapper{float:none;width:auto!important;margin:0!important;border:1px solid #e0e3ec;border-radius:6px;overflow:hidden}.tn-components-grid .data>.clear{display:none}@media(max-width:900px){.tn-components-grid .data{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.tn-components-catalog h1{font-size:23px}.tn-components-grid .data{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tn-components-search>div{flex-direction:column}.tn-component-card .picture{min-height:145px}.tn-component-card .information{padding:9px}.tn-component-card .name{font-size:13px!important}.tn-components-search button{min-height:42px}}
.tn-components-grid .tn-component-card{height:auto!important;min-height:0!important;position:relative!important}
.tn-components-grid .tn-component-card>a{display:flex!important;flex-direction:column;height:100%!important;min-height:0!important;position:relative!important;overflow:visible!important}
.tn-components-grid .tn-component-card .picture{position:static!important;float:none!important;flex:0 0 170px;height:170px!important;min-height:170px!important;width:100%!important;margin:0!important;overflow:hidden!important;box-sizing:border-box}
.tn-components-grid .tn-component-card .information{position:static!important;float:none!important;flex:1 1 auto;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;inset:auto!important;transform:none!important;overflow:visible!important;box-sizing:border-box}
.tn-components-grid .tn-component-card .information .name{position:static!important;display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important}
.tn-components-grid .tn-component-card .information .price{position:static!important;float:none!important;height:auto!important;line-height:1.5!important;margin:8px 0 4px!important}
@media(max-width:600px){.tn-components-grid .tn-component-card .picture{flex-basis:145px;height:145px!important;min-height:145px!important}}
@media(min-width:992px) and (max-width:1400px){.tn-components-catalog,.tn-search-components{padding-left:60px;box-sizing:border-box}}
@media(max-width:767px){.tn-components-catalog,.tn-search-components{padding-bottom:80px}}
.tn-components-grid .tn-component-card .picture{position:relative!important;background:#fff}
.tn-components-grid .tn-component-card .picture img{width:100%!important;height:100%!important;max-height:100%;object-fit:contain;padding:8px;box-sizing:border-box}
.tn-components-grid .tn-component-card .picture .tn-component-image-sku{position:absolute!important;right:7px!important;bottom:7px!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;display:inline-block!important;line-height:1.3!important;font-size:11px!important;font-weight:600;color:#31405a;background:rgba(255,255,255,.94);border:1px solid #dde3eb;border-radius:3px;padding:3px 5px!important;z-index:2}
.tn-component-card .tn-component-policy{font-size:12px;line-height:1.5;color:#465365;margin:6px 0}

.tn-components-results-bar{display:block;margin:14px 0 10px}.tn-components-hotline{margin:0;padding:0;border:0;border-radius:0;background:none;color:#3f5ce0;font-size:16px;font-weight:600;line-height:1.6;text-align:left;white-space:normal}.tn-components-hotline a{color:inherit;text-decoration:none}.tn-components-hotline a:hover,.tn-components-hotline a:focus{text-decoration:underline}@media(max-width:600px){.tn-components-hotline{font-size:14px}}

/* B01 only: match Thanh Nga header blue; keep laptop prices unchanged. */
.tn-components-grid .data{border-top-color:#3f5ce0}
.tn-components-grid .tn-component-card .information .price,.tn-components-grid .tn-component-card .information .price strong{color:#3f5ce0!important}

/* No invented product photography where Kiot has no verified image. */
.tn-components-grid .tn-component-card.tn-component-no-photo .picture{flex-basis:110px;height:110px!important;min-height:110px!important;background:#f4f6ff;border-bottom:1px solid #e0e3ec;padding:18px 12px 32px;text-align:center}
.tn-components-grid .tn-component-card .picture .tn-component-text-label{display:block!important;position:static!important;width:auto!important;height:auto!important;max-height:none!important;font-size:18px!important;color:#3f5ce0;font-weight:600;line-height:1.5!important}
.tn-components-pagination{flex-wrap:wrap}