:root{
  --rc-accent:#f47c1f;
  --rc-text:#111;
  --rc-muted:#666;
  --rc-card:#f6f6f6;
  --rc-line:rgba(0,0,0,.08);
}

/* wrapper pentru toate blocurile de categorii */
#allrecords .rc-catwrap{ padding: 40px 0; }

/* bloc categorie */
#allrecords .rc-catblock{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

#allrecords .rc-catrow{
  display:flex;
  align-items:center;
  gap:34px;
}

/* inversare (poză stânga / text dreapta) */
#allrecords .rc-catrow.reverse{ flex-direction:row-reverse; }

#allrecords .rc-catinfo{
  flex: 1 1 52%;
  background: var(--rc-card);
  border:1px solid var(--rc-line);
  border-radius: 22px;
  padding: 30px 30px;
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
}

#allrecords .rc-catimg{
  flex: 1 1 48%;
}
#allrecords .rc-catimg img{
  width:100%;
  height: 360px;
  object-fit:cover;
  border-radius: 22px;
  box-shadow: 0 14px 40px rgba(0,0,0,.10);
  display:block;
}

/* titlu + linie accent */
#allrecords .rc-catinfo h2{
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 38px;
  margin: 0 0 10px 0;
  color:var(--rc-text);
}
#allrecords .rc-acline{
  width:52px; height:4px;
  background:var(--rc-accent);
  border-radius:99px;
  margin: 10px 0 16px 0;
}

/* intro */
#allrecords .rc-catinfo p{
  margin: 0 0 14px 0;
  color: var(--rc-muted);
  font-size: 16px;
  line-height: 1.6;
}

/* badges */
#allrecords .rc-badges{ display:flex; flex-wrap:wrap; gap:8px; margin: 0 0 14px 0; }
#allrecords .rc-badge{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--rc-line);
  font-weight:700;
  font-size:12px;
}

/* listă cu check */
#allrecords .rc-ul{ margin: 10px 0 18px 0; padding: 0; list-style:none; }
#allrecords .rc-ul li{
  display:flex; gap:10px;
  padding: 7px 0;
  font-size: 15px;
  color: var(--rc-text);
}
#allrecords .rc-ul li::before{
  content:"✓";
  font-weight:900;
  color: var(--rc-accent);
}

/* buton */
#allrecords .rc-btn{
  display:inline-block;
  background: var(--rc-accent);
  color:#fff !important;
  padding: 14px 24px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration:none !important;
}
#allrecords .rc-btn:hover{ filter:brightness(.95); }

/* CTA mic portocaliu */
#allrecords .rc-cta{
  background: var(--rc-accent);
  color:#fff;
  border-radius: 22px;
  max-width: 1200px;
  margin: 26px auto;
  padding: 22px 20px;
  position:relative;
  overflow:hidden;
}
#allrecords .rc-cta:before{
  content:"";
  position:absolute;
  right:-90px; top:-90px;
  width:240px; height:240px;
  background: rgba(255,255,255,.12);
  border-radius: 50%;
}
#allrecords .rc-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  position:relative;
}
#allrecords .rc-cta h3{
  margin:0;
  font-weight:900;
  font-size: 22px;
}
#allrecords .rc-cta p{
  margin:6px 0 0 0;
  opacity:.92;
}
#allrecords .rc-btn-white{
  background:#fff;
  color:var(--rc-accent) !important;
}

/* mobile */
@media (max-width:980px){
  #allrecords .rc-catwrap{ padding: 22px 0; }
  #allrecords .rc-catrow{ flex-direction:column; }
  #allrecords .rc-catrow.reverse{ flex-direction:column; }
  #allrecords .rc-catimg img{ height: 240px; }
  #allrecords .rc-catinfo{ padding: 22px 18px; }
  #allrecords .rc-catinfo h2{ font-size: 28px; }
  #allrecords .rc-cta-inner{ flex-direction:column; align-items:flex-start; }
}
/* =========================
   ANIMATIONS (PRO)
========================= */

/* stare inițială */
#allrecords .rc-reveal{
  opacity:0;
  transform: translateY(18px);
  transition: opacity .75s ease, transform .75s ease;
  will-change: opacity, transform;
}

/* variante direcție */
#allrecords .rc-reveal.left{ transform: translateX(-22px); }
#allrecords .rc-reveal.right{ transform: translateX(22px); }
#allrecords .rc-reveal.up{ transform: translateY(22px); }

/* activ */
#allrecords .rc-reveal.is-in{
  opacity:1;
  transform: translate(0,0);
}

/* delay helpers (pentru compoziție) */
#allrecords .rc-d1{ transition-delay:.08s; }
#allrecords .rc-d2{ transition-delay:.16s; }
#allrecords .rc-d3{ transition-delay:.24s; }
#allrecords .rc-d4{ transition-delay:.32s; }

/* CTA mic: pop elegant */
#allrecords .rc-cta.rc-reveal{
  transform: translateY(22px) scale(.985);
  transition: opacity .75s ease, transform .75s ease;
}
#allrecords .rc-cta.rc-reveal.is-in{
  transform: translateY(0) scale(1);
}

/* Button micro-interaction */
#allrecords .rc-btn{
  transition: transform .18s ease, filter .18s ease;
}
#allrecords .rc-btn:hover{ transform: translateY(-1px); }
#allrecords .rc-btn:active{ transform: translateY(0px) scale(.98); }

/* Respectă preferința userului: reduce motion */
@media (prefers-reduced-motion: reduce){
  #allrecords .rc-reveal,
  #allrecords .rc-btn{
    transition:none !important;
    transform:none !important;
    opacity:1 !important;
  }
}
/* ===== ORNAMENTE FUNDAL pentru fiecare secțiune ===== */
#allrecords .rc-catwrap{
  position:relative;
  overflow:hidden;
}

/* blob-uri soft în fundal */
#allrecords .rc-catwrap::before{
  content:"";
  position:absolute;
  width:520px; height:520px;
  left:-220px; top:-220px;
  background: radial-gradient(circle at 30% 30%, rgba(244,124,31,.18), rgba(244,124,31,0) 60%);
  filter: blur(2px);
  pointer-events:none;
}
#allrecords .rc-catwrap::after{
  content:"";
  position:absolute;
  width:560px; height:560px;
  right:-260px; bottom:-260px;
  background: radial-gradient(circle at 70% 70%, rgba(0,0,0,.06), rgba(0,0,0,0) 62%);
  pointer-events:none;
}

/* pattern puncte subtil (ca “texture”) */
#allrecords .rc-catblock{
  position:relative;
}
#allrecords .rc-catblock::before{
  content:"";
  position:absolute;
  inset:-10px;
  background-image: radial-gradient(rgba(0,0,0,.06) 1px, transparent 1px);
  background-size: 16px 16px;
  opacity:.18;
  mask-image: radial-gradient(circle at 20% 30%, rgba(0,0,0,1), rgba(0,0,0,0) 65%);
  pointer-events:none;
}

/* ===== CARD mai premium (accent corner + glow) ===== */
#allrecords .rc-catinfo{
  position:relative;
  overflow:hidden;
}

/* linie verticală accent în stânga (premium) */
#allrecords .rc-catinfo::before{
  content:"";
  position:absolute;
  left:0; top:18px; bottom:18px;
  width:5px;
  background: linear-gradient(180deg, rgba(244,124,31,.95), rgba(244,124,31,.25));
  border-radius:99px;
}

/* “corner highlight” în colț (ornament) */
#allrecords .rc-catinfo::after{
  content:"";
  position:absolute;
  right:-80px; top:-80px;
  width:220px; height:220px;
  background: radial-gradient(circle at 30% 30%, rgba(244,124,31,.18), rgba(244,124,31,0) 70%);
  transform: rotate(12deg);
  pointer-events:none;
}

/* ===== Imagine: overlay subtil + border elegant ===== */
#allrecords .rc-catimg{
  position:relative;
}
#allrecords .rc-catimg::after{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:22px;
  pointer-events:none;
  opacity:.45;
}

/* un mic “shine” pe imagine */
#allrecords .rc-catimg::before{
  content:"";
  position:absolute;
  left:-30%;
  top:-30%;
  width:60%;
  height:160%;
  background: linear-gradient(120deg, rgba(255,255,255,.18), rgba(255,255,255,0));
  transform: rotate(18deg);
  pointer-events:none;
  opacity:.35;
}
/* CTA deja există, acum îl facem mai complex */
#allrecords .rc-cta{
  position:relative;
  overflow:hidden;
}

/* cercuri mari */
#allrecords .rc-cta::after{
  content:"";
  position:absolute;
  right:-140px;
  top:-140px;
  width:380px; height:380px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.22), rgba(255,255,255,0) 70%);
  border-radius:50%;
  pointer-events:none;
}

/* “wave” diagonal */
#allrecords .rc-cta::before{
  content:"";
  position:absolute;
  left:-40%;
  bottom:-60%;
  width:100%;
  height:240%;
  background: linear-gradient(120deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  transform: rotate(-12deg);
  pointer-events:none;
}