/* Sewa Rent — "Similar listings" on the listing page (includes/similar.php, TRACKER 2.81). Prefix .sewa-sim-*.
   Desktop: 4-column grid; phones: one horizontal scroll-snap row (no JS). */
.sewa-sim{margin-top:var(--sewa-space-8)}
.sewa-sim-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sewa-space-4)}
.sewa-sim-item{margin:0;padding:0;min-width:0}
.sewa-sim-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--sewa-line);border-radius:var(--sewa-radius);background:var(--sewa-bg);overflow:hidden;color:var(--sewa-text);text-decoration:none;transition:box-shadow .2s ease}
.sewa-sim-card:hover,.sewa-sim-card:focus-visible{box-shadow:var(--sewa-shadow);color:var(--sewa-text)}
.sewa-sim-card:focus-visible{outline:2px solid var(--sewa-focus);outline-offset:2px}
.sewa-sim-media{display:block;aspect-ratio:4/3;background:var(--sewa-bg-soft);overflow:hidden}
.sewa-sim-media img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.sewa-sim-body{display:flex;flex-direction:column;gap:2px;padding:var(--sewa-space-3)}
.sewa-sim-name{font-weight:600;color:var(--sewa-navy);font-size:var(--sewa-font-size);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sewa-sim-meta{color:var(--sewa-muted);font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sewa-sim-rating .fa{color:var(--sewa-warn)}
.sewa-sim-price{margin-top:auto;padding-top:var(--sewa-space-1);font-size:var(--sewa-font-size-sm);color:var(--sewa-text)}
.sewa-sim-price strong{color:var(--sewa-navy);font-weight:700}
.sewa-sim-unit{color:var(--sewa-muted)}
@media (max-width:1199px){.sewa-sim-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){
  .sewa-sim-row{display:flex;gap:var(--sewa-space-3);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 0 var(--sewa-space-2)}
  .sewa-sim-row::-webkit-scrollbar{display:none}
  .sewa-sim-item{flex:0 0 72%;max-width:280px;scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){.sewa-sim-card{transition:none}}
