/* POS24 Related Vlogs — scoped, cacheable, responsive. */
#pos24-product .pos24-related-vlogs{
  content-visibility:auto;
  contain-intrinsic-size:760px;
}
#pos24-product .pos24-vlog-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
#pos24-product .pos24-vlog-heading .pos24-head{margin-bottom:6px}
#pos24-product .pos24-vlog-intro{
  max-width:780px;
  color:#526b80!important;
  font-size:13.5px;
  font-weight:800!important;
  line-height:2!important;
}
#pos24-product .pos24-vlog-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:7px 13px;
  border:1px solid rgba(0,119,223,.14);
  border-radius:999px;
  color:#075fae;
  background:rgba(0,119,223,.07);
  font-size:12.5px;
  font-weight:950;
  white-space:nowrap;
}
#pos24-product .pos24-vlog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
#pos24-product .pos24-vlog-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(0,119,223,.11);
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 34px rgba(0,70,140,.09);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
#pos24-product .pos24-vlog-card:hover{
  transform:translateY(-3px);
  border-color:rgba(0,119,223,.2);
  box-shadow:0 20px 46px rgba(0,119,223,.15);
}
#pos24-product .pos24-vlog-media{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:16/10;
  background:linear-gradient(145deg,#eef8ff,#f9fcff);
}
#pos24-product .pos24-vlog-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .3s ease;
}
#pos24-product .pos24-vlog-card:hover .pos24-vlog-media img{transform:scale(1.035)}
#pos24-product .pos24-vlog-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#0077df;
}
#pos24-product .pos24-vlog-placeholder svg{width:72px;height:72px;display:block}
#pos24-product .pos24-vlog-body{
  min-height:0;
  flex:1;
  display:flex;
  flex-direction:column;
  padding:15px;
}
#pos24-product .pos24-vlog-meta{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-bottom:8px;
  color:#6b8093;
  font-size:10.8px;
  font-weight:850;
  line-height:1.7;
}
#pos24-product .pos24-vlog-meta > *:not(:last-child)::after{
  content:"";
  width:4px;
  height:4px;
  display:inline-block;
  margin-inline-start:7px;
  border-radius:999px;
  background:rgba(0,119,223,.35);
  vertical-align:middle;
}
#pos24-product .pos24-vlog-title{
  margin:0 0 8px;
  font-size:15.5px;
  font-weight:950;
  line-height:1.8;
}
#pos24-product .pos24-vlog-title a{
  color:var(--navy,#071827)!important;
  text-decoration:none!important;
}
#pos24-product .pos24-vlog-title a:focus-visible,
#pos24-product .pos24-vlog-more:focus-visible,
#pos24-product .pos24-vlog-media:focus-visible{
  outline:3px solid rgba(0,119,223,.32);
  outline-offset:3px;
}
#pos24-product .pos24-vlog-excerpt{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  margin:0 0 13px!important;
  color:#526b80!important;
  font-size:12.5px;
  font-weight:780!important;
  line-height:2!important;
}
#pos24-product .pos24-vlog-more{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--blue,#0077df)!important;
  font-size:12.5px;
  font-weight:950;
}
#pos24-product .pos24-vlog-more span{transition:transform .18s ease}
#pos24-product .pos24-vlog-more:hover span{transform:translateX(-3px)}

#pos24-product .pos24-rich-content{
  color:#40566b;
  font-size:14px;
  font-weight:750;
  line-height:2.15;
}
#pos24-product .pos24-rich-content > *:first-child{margin-top:0}
#pos24-product .pos24-rich-content > *:last-child{margin-bottom:0}
#pos24-product .pos24-rich-content p{margin:0 0 14px!important}
#pos24-product .pos24-rich-content h2,
#pos24-product .pos24-rich-content h3,
#pos24-product .pos24-rich-content h4{
  margin:22px 0 10px;
  color:var(--navy,#071827);
  font-weight:950;
  line-height:1.8;
}
#pos24-product .pos24-rich-content h2{font-size:1.3rem}
#pos24-product .pos24-rich-content h3{font-size:1.12rem}
#pos24-product .pos24-rich-content h4{font-size:1rem}
#pos24-product .pos24-rich-content ul,
#pos24-product .pos24-rich-content ol{
  margin:10px 0 16px;
  padding-inline-start:24px;
}
#pos24-product .pos24-rich-content li{margin-bottom:7px}
#pos24-product .pos24-rich-content a{
  color:var(--blue,#0077df)!important;
  text-decoration:underline!important;
  text-underline-offset:4px;
}
#pos24-product .pos24-rich-content img{
  max-width:100%;
  height:auto;
  border-radius:20px;
}
#pos24-product .pos24-rich-content table{
  width:100%;
  display:block;
  overflow-x:auto;
  border-collapse:collapse;
  border-radius:16px;
}
#pos24-product .pos24-rich-content th,
#pos24-product .pos24-rich-content td{
  min-width:130px;
  padding:11px 12px;
  border:1px solid rgba(0,119,223,.12);
  text-align:right;
}

@media (max-width:980px){
  #pos24-product .pos24-vlog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #pos24-product .pos24-related-vlogs{contain-intrinsic-size:1080px}
  #pos24-product .pos24-vlog-heading{align-items:flex-start;flex-direction:column;gap:10px}
  #pos24-product .pos24-vlog-grid{grid-template-columns:1fr;gap:11px}
  #pos24-product .pos24-vlog-card{border-radius:20px}
  #pos24-product .pos24-vlog-body{padding:13px}
  #pos24-product .pos24-vlog-title{font-size:14.5px}
  #pos24-product .pos24-rich-content{font-size:13.5px;line-height:2.1}
}
@media (prefers-reduced-motion:reduce){
  #pos24-product .pos24-vlog-card,
  #pos24-product .pos24-vlog-media img,
  #pos24-product .pos24-vlog-more span{transition:none!important}
}