/* 5.8.100: shared compact inventory cards, scoped to the two home modules. */
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-card{display:flex;flex-direction:column;position:relative;border-radius:12px;background:#fff;container-type:inline-size}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-photo{display:block;position:relative;aspect-ratio:4/3;height:auto;flex:none;background:#eaf0ec;overflow:hidden}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-photo:not(.has-photo){aspect-ratio:auto;height:120px}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-placeholder{height:100%;box-sizing:border-box;padding:54px 16px 16px}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-placeholder>span{font-size:13px;line-height:1.5;text-align:center}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-photo>.np-stock-status{position:absolute;z-index:2;left:10px;top:10px;max-width:calc(100% - 74px);box-sizing:border-box;margin:0;padding:5px 9px;font:600 12px/1.5 var(--np-reading-font,system-ui);box-shadow:0 2px 6px #052c3c12}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-photo>.np-save-unit{position:absolute;z-index:3;inset:8px 8px auto auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;min-width:44px;margin:0;padding:0;border:1px solid #b6cfcb;border-radius:50%;background:#fffffff2;color:#086b68;font:400 28px/1 system-ui;box-shadow:0 2px 8px #052c3c20;cursor:pointer}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-photo>.np-save-unit[aria-pressed=true]{color:#08634f;background:#e3f3ed;border-color:#478578}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-image-label{position:static;display:block;margin:0;padding:5px 12px;max-width:none;white-space:normal;border:0;border-bottom:1px solid #e0e9e5;border-radius:0;background:#f1f6f3;color:#526f75;font:400 11px/1.4 var(--np-reading-font,system-ui)}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-image-label:empty{display:none}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:14px;min-width:0}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-top{display:flex;flex-flow:row wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;margin:0;padding:0;min-width:0}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-top h3{flex:0 1 auto;min-width:0;margin:0;letter-spacing:normal;overflow-wrap:anywhere;font:700 20px/1.35 var(--np-reading-font,system-ui)}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-price{flex:0 0 auto;width:auto;margin:0;white-space:nowrap;color:#00746e;font:700 21px/1.35 var(--np-reading-font,system-ui)}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-price:empty{display:none}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) :is(.np-unit-summary,.np-unit-zone){margin:0;padding:0;font:400 14px/1.5 var(--np-reading-font,system-ui);color:#45636f}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-zone:empty{display:none}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) :is(.np-unit-finance,.np-unit-similar){display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;box-sizing:border-box;margin:2px 0 0;padding:9px 12px;font:600 14px/1.4 var(--np-reading-font,system-ui)}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-bottom{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:4px 8px;margin:0;padding:0;border:0}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-bottom :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;box-sizing:border-box;margin:0;font:600 13px/1.4 var(--np-reading-font,system-ui);white-space:normal}
body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-bottom button{padding:7px 10px}
@container (max-width:260px){
 body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-top h3{font-size:17px}
 body.np-site.np-home570 #main :is(#quy-can,#can-ho-noi-bat,#thap-tang-gia-tot) .np-unit-price{font-size:18px}
}