.popular{
  background:#1f1f1f !important;
  color:#fff !important;
}
.popular-inner{
  padding:16px clamp(0px,3.5vw,48px) 56px; 
  max-width:none;
}
.popular-title{
  margin:0 0 28px 0 !important;
  color:#fff !important;
  font-weight:900;
  line-height:1.05;
  letter-spacing:.2px;
  font-size:clamp(28px,5vw,56px);
}
.popular-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:clamp(14px,2.2vw,24px) !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.popular-grid > li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.popular-grid > li::marker{ content:"" !important; }
.pop-card{
  position:relative; display:block; overflow:hidden;
  aspect-ratio:1 / 1;
  border-radius:20px;
  background:#111 center/cover no-repeat;
  background-image:var(--card-bg) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.35);
  color:#fff !important;
  text-decoration:none !important;
}
.pop-card::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.06) 20%, rgba(0,0,0,.65) 100%);
}
.pop-card__data{
  position:absolute; left:16px; right:16px; bottom:16px; z-index:2;
  display:flex; flex-direction:column; gap:6px;
}
.pop-card__title{ margin:0; font-weight:900; font-size:clamp(18px,2.2vw,28px); line-height:1.15; color:#fff !important; }
.pop-card__price{ font-weight:800; font-size:15px; color:#fff !important; }
.pop-card__desc { margin:0; font-size:14px; color:#fff !important; }
.pop-card a,
.pop-card a:visited,
.pop-card a:hover,
.pop-card a:active{
  color:#fff !important;
  text-decoration:none !important;
}
.pop-card:focus-visible,
.pop-card:hover{
  transform:translateY(-2px);
  transition:transform .18s ease, box-shadow .18s ease;
}
@media (max-width: 1100px){
  .popular-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 620px){
  .popular-grid{ grid-template-columns:1fr !important; }
  .popular-inner{ padding:44px 16px !important; }
}