/* Cards (C10–C13): one markup, compact horizontal < 768px, vertical grid >= 768px. */
.st-cards{display:grid;gap:12px}
.st-card{position:relative;display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:start;padding:8px;background:#fff;border:1px solid var(--st-border);border-radius:var(--st-r)}
.st-card--noimg{grid-template-columns:1fr}
.st-card:hover{box-shadow:var(--st-shadow-1)}
.st-card__media{aspect-ratio:4/3;overflow:hidden;border-radius:var(--st-r-sm);background:var(--st-primary-tint)}
.st-card__img{width:100%;height:100%;object-fit:cover}
.st-card__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.st-card__title{font-size:16px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-card__link{color:var(--st-primary-dark);text-decoration:none}
.st-card__link::after{content:"";position:absolute;inset:0;border-radius:var(--st-r)}
.st-card__link:hover{color:var(--st-primary)}
.st-card__link:focus-visible{outline:none}
.st-card__link:focus-visible::after{outline:3px solid var(--st-primary);outline-offset:2px}
.st-card__stars{color:var(--st-primary-dark);font-size:14px;letter-spacing:1px;white-space:nowrap}
.st-card__loc{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--st-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-card__loc .st-icon,.st-card__facts .st-icon,.st-card__dep .st-icon{width:16px;height:16px;color:var(--st-primary)}
.st-card__facts{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;color:var(--st-text)}
.st-card__facts li{display:inline-flex;align-items:center;gap:4px}
.st-card__tr{gap:2px!important}
.st-card__svc,.st-card__amen{display:none!important}
.st-card__board{font-weight:700;color:var(--st-primary-dark)}
.st-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
.st-card__dep{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:var(--st-primary-dark)}
.st-card__price{font-size:18px;line-height:1.1;font-weight:700;color:var(--st-primary-dark);font-variant-numeric:tabular-nums;white-space:nowrap}
.st-card__price s{font-size:14px;font-weight:400;color:var(--st-text-muted)}
.st-card__excerpt{font-size:14px;color:var(--st-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-card__meta{font-size:12px;color:var(--st-text-muted)}

/* Desktop vertical grid (same markup) */
@media (min-width:768px){
  .st-cards:not(.st-cards--compact){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .st-cards:not(.st-cards--compact) .st-card{grid-template-columns:1fr;padding:0;overflow:hidden;gap:0}
  .st-cards:not(.st-cards--compact) .st-card__media{aspect-ratio:3/2;border-radius:0}
  .st-cards:not(.st-cards--compact) .st-card__body{padding:12px 14px 14px;gap:6px}
  .st-cards:not(.st-cards--compact) .st-card__title{font-size:18px}
  .st-cards:not(.st-cards--compact) .st-card__svc,.st-cards:not(.st-cards--compact) .st-card__amen{display:inline-flex!important}
  .st-cards:not(.st-cards--compact) .st-card__amen{color:var(--st-text-muted)}
}
@media (min-width:1024px){.st-cards:not(.st-cards--compact){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.st-cards:not(.st-cards--compact){grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}
/* Badges: max 2 highlight amenities, neutral tint (no promo colours) */
.st-card__badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.st-badge{display:inline-flex;align-items:center;min-height:22px;padding:1px 8px;border-radius:999px;background:var(--st-primary-tint);color:var(--st-primary-dark);font-size:12px;font-weight:700;white-space:nowrap}

/* Listing variant (destination results): vertical card already on mobile, image 16:7 (not dominant) so
   2+ cards fit one 390x844 viewport; tablet/desktop reuse the grid above. */
@media (max-width:767.98px){
  .st-cards--list{gap:12px}
  .st-cards--list .st-card{grid-template-columns:1fr;gap:0;padding:0;overflow:hidden}
  .st-cards--list .st-card__media{aspect-ratio:16/7;border-radius:0}
  .st-cards--list .st-card__body{padding:10px 12px 12px}
  .st-cards--list .st-card__title{font-size:17px}
}
/* Card actions: "Pogledaj cenovnik" (only when a clean price table exists) + "Detaljnije" (always).
   One compact 36px row above the stretched card link; pinned to the card bottom in the grid. */
.st-card__actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:auto;padding-top:4px} /* wraps when both actions do not fit (compact 2-column card at <=390px: 154+8+86 > 216px body) */
.st-card__act{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:4px 10px;border-radius:var(--st-r-sm);font-size:13px;font-weight:700;line-height:1.2;color:var(--st-primary);text-decoration:none;white-space:nowrap}
.st-card__act .st-icon{width:16px;height:16px;flex:none}
.st-card__act--price{border:1px solid var(--st-primary);background:#fff}
.st-card__act--price:hover{background:var(--st-primary-tint)}
.st-card__act--more{margin-left:auto;padding-inline:4px}
.st-card__act--more:hover{text-decoration:underline}