/* MACAS AUTO — carduri mașini (folosite în stoc, pe prima pagină și la „mașini similare”) */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px)}
@media(max-width:920px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid{grid-template-columns:1fr}}

.card{
  background:var(--paper,#fff);border:1px solid var(--hair,#e8e4dd);border-radius:var(--radius,10px);
  overflow:hidden;text-decoration:none;color:var(--ink,#333742);
  display:flex;flex-direction:column;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s;
}
.card:hover{transform:translateY(-6px);box-shadow:0 24px 52px -18px rgba(51,57,66,.24)}
.card[hidden]{display:none!important}
.card:focus-visible{outline:2px solid var(--accent,#e45e1c);outline-offset:3px}

.card-img{position:relative;padding-bottom:64%;background:#f0ece8;overflow:hidden;flex-shrink:0}
.card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.card:hover .card-img img{transform:scale(1.06)}

.card-badge-marca{
  position:absolute;top:12px;left:12px;
  background:rgba(251,250,248,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(232,228,221,.5);border-radius:6px;
  padding:3px 10px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;
}
.card-badge-status{position:absolute;top:12px;right:12px;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600;letter-spacing:.3px}
.card-badge-rez{background:#fff8e1;border:1px solid #ffe082;color:#b07800}
.card-badge-comanda{background:#e3f2fd;border:1px solid #90caf9;color:#1565c0}
.card-badge-vandut{background:#fdecea;border:1px solid #f3b8b1;color:#b3261e}
.card.sold .card-img img{filter:grayscale(.35);opacity:.9}

.card-nrpoze{
  position:absolute;bottom:10px;right:10px;
  background:rgba(21,21,26,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  border-radius:5px;padding:3px 8px;
  font-size:11px;color:#fff;display:flex;align-items:center;gap:4px;
}
.card-nrpoze svg{width:13px;height:13px}

/* placeholder foto */
.card-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted2,#c5c1ba)}
.card-ph svg{width:44px;height:44px;opacity:.5}
.card-ph span{font-size:12px;opacity:.7}

.card-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.card-title{font-size:16px;font-weight:600;line-height:1.22;letter-spacing:-.1px;font-family:var(--body,"Jost",sans-serif)}
.card-tags{display:flex;flex-wrap:wrap;gap:6px}
.card-tags span{
  background:var(--bg,#fbfaf8);border:1px solid var(--hair,#e8e4dd);border-radius:5px;
  padding:3px 10px;font-size:12px;color:var(--ink-soft,rgba(51,57,66,.92));
}
.card-price{
  font-family:var(--display,"Fraunces",serif);font-size:clamp(20px,2.4vw,24px);font-weight:500;color:var(--accent,#e45e1c);
  margin-top:auto;
}
.card-price small{font-family:var(--body,"Jost",sans-serif);font-size:13px;color:var(--muted,#736d64);margin-left:4px}
.card-cta{font-size:13px;font-weight:600;color:var(--accent,#e45e1c);letter-spacing:.2px;display:flex;align-items:center;gap:5px;margin-top:2px}
.card-cta svg{width:14px;height:14px;transition:transform .2s}
.card:hover .card-cta svg{transform:translateX(3px)}

/* skeleton la încărcare */
.skel-card{background:var(--paper,#fff);border:1px solid var(--hair,#e8e4dd);border-radius:var(--radius,10px);overflow:hidden}
.skel-img{width:100%;padding-bottom:64%}
.skel-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:10px}
.skel-line{height:12px;border-radius:6px}
.skel-line.w70{width:70%}.skel-line.w45{width:45%}.skel-line.w55{width:55%}
.skel-img,.skel-line{background:linear-gradient(90deg,#ececec 25%,#f6f6f6 37%,#ececec 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.skel-img,.skel-line{animation:none}.card,.card-img img{transition:none}}