:root{
  --rvl-indigo-1: #3a3c5c;  /* slate/indigo start */
  --rvl-indigo-2: #2e3158;  /* deep indigo */
  --rvl-gold:     #f4d03f;  /* bright gold */
  --rvl-green-brd:#9ad9b8;  /* soft green for card border */
}
.rvl-landing{max-width:1200px;margin:0 auto;padding:16px;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif}
/* Gallery */
.rvl-gallery{margin-bottom:24px}
.rvl-thumbs{margin-bottom:10px}
.rvl-thumbs .swiper-slide{width:120px !important;height:84px;opacity:.6;cursor:pointer}
.rvl-thumbs .swiper-slide-thumb-active{opacity:1}
.rvl-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.rvl-main .swiper-slide{display:flex;justify-content:center}
.rvl-main img{max-height:520px;width:auto;border-radius:16px;object-fit:contain}

/* Cards */
.rvl-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width: 900px){ .rvl-cards{grid-template-columns:1fr} .rvl-main img{max-height:360px} }

.rvl-card{
  border-radius:18px; overflow:hidden; background:#ffffff;
  border:2px solid rgba(154,217,184,.55); /* subtle green border */
  box-shadow:0 10px 28px rgba(0,0,0,.06);
  transition:transform .18s ease, box-shadow .18s ease;
}
.rvl-card:hover{ transform:translateY(-3px); box-shadow:0 16px 36px rgba(0,0,0,.1); }

.rvl-card-link{display:block;text-decoration:none;color:inherit;height:100%}
.rvl-card-image{height:270px;background-size:cover;background-position:center}

/* Compact body so the button dominates */
.rvl-card-body{ padding:8px; display:flex; flex-direction:column; gap:8px; align-items:stretch }

.rvl-card-title{font-size:1.5rem;font-weight:750;margin:0;color:#ff8a3d} /* păstrăm titlul cald pentru contrast */
.rvl-card-excerpt{color:#4a5568;margin:0}

/* Button: cool dark gradient with gold edge */
.rvl-card-btn{
  display:flex;align-items:center;justify-content:center;
  width:100%; text-align:center;
  min-height:60px; padding:0 16px;
  border-radius:16px;
  background: linear-gradient(135deg, var(--rvl-indigo-1) 0%, var(--rvl-indigo-2) 55%, var(--rvl-gold) 120%);
  color:#fff; font-weight:800; letter-spacing:.25px; line-height:1.2;
  border:1px solid rgba(244,208,63,.95);
  box-shadow: 0 2px 0 rgba(0,0,0,.08), 0 0 0 2px rgba(244,208,63,.18) inset;
}
.rvl-card-btn:hover{ filter:brightness(1.05) }