.uo-latest-section{padding:32px 0;}
.uo-latest-container{max-width:1240px;margin:0 auto;padding:0 18px;}

.uo-latest-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.uo-latest-card{
  background:#fff;
  border:1px solid rgba(23,61,104,.18);
  border-radius:6px;
  box-shadow:0 3px 10px rgba(15,23,42,.08);
  overflow:hidden;
  transition:box-shadow .18s ease,transform .18s ease;
}
.uo-latest-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;}

.uo-latest-media{position:relative;width:100%;overflow:hidden;background:#f1f5f9;}
.uo-latest-media--4x3{aspect-ratio:4/3;}
.uo-latest-media--1x1{aspect-ratio:1/1;}
.uo-latest-media img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;}

.uo-latest-body{padding:12px;display:flex;flex-direction:column;flex:1;gap:4px;}

.uo-latest-cat{
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
  color:#6b7a99;
}

.uo-latest-title{
  font-size:16px;
  line-height:1.35;
  font-weight:700;
  color:#172033;
  margin:0 0 6px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.uo-latest-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;}
.uo-latest-price-old{font-size:13px;color:#94a3b8;text-decoration:line-through;}
.uo-latest-price{font-size:20px;font-weight:700;color:#172033;}

.uo-latest-btn{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:36px;
  border:1px solid #173d68;
  border-radius:4px;
  color:#173d68;
  background:#fff;
  font-size:14px;
  font-weight:600;
  text-align:center;
  transition:background .18s ease,color .18s ease;
}

@media (min-width:992px){
  .uo-latest-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(15,23,42,.12);}
  .uo-latest-card:hover .uo-latest-btn{background:#173d68;color:#fff;}
}

@media (max-width:991.98px){
  .uo-latest-grid{grid-template-columns:repeat(3,1fr);}
}

@media (max-width:575.98px){
  .uo-latest-section{padding:18px 0;}
  .uo-latest-container{padding:0 12px;}
  .uo-latest-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .uo-latest-body{padding:10px;}
  .uo-latest-cat{font-size:11px;}
  .uo-latest-title{font-size:13px;}
  .uo-latest-price{font-size:16px;}
  .uo-latest-btn{height:34px;font-size:13px;}
}