/* Ajutor Crypto Cards – frontend */
.ajc-wrap{
  --ajc-dark:#2E2462;
  --ajc-accent:#6A48E8;
  --ajc-yellow:#F2C230;
  --ajc-card:#FBF6EA;
  --ajc-circle:#F6EAC2;
  max-width:1280px;
  margin:0 auto;
  box-sizing:border-box;
  font-family:Montserrat,"Segoe UI",system-ui,sans-serif;
  color:var(--ajc-dark);
}
.ajc-wrap *,.ajc-wrap *::before,.ajc-wrap *::after{box-sizing:border-box}

/* titlu + ilustrație */
.ajc-top{

}
.ajc-wrap .ajc-title{
  margin:32px 0 0;
  padding:0;
  font-family:Fraunces,Georgia,serif;
  font-weight:800;
  font-size:clamp(32px,5vw,60px);
  line-height:1.06;
  letter-spacing:-.01em;
  color:var(--ajc-dark);
}
.ajc-wrap .ajc-hl{
}
.ajc-wrap .ajc-illus{
  flex:none;
  width:310px;
  max-width:40%;
  height:auto;
  pointer-events:none;
}

/* grila */
.ajc-grid{
  display:grid;
  grid-template-columns:repeat(var(--ajc-cols,4),minmax(0,1fr));
  gap:24px;
  padding-top:6px; /* loc pentru ridicarea cardului la hover */
}

/* card */
.ajc-wrap .ajc-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:104px;
  padding:0 18px 0 14px;
  background:var(--ajc-card);
  border:2.5px solid var(--ajc-dark);
  border-radius:22px;
  color:var(--ajc-dark) !important;
  text-decoration:none !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .18s ease;
}

.ajc-nolink{cursor:default}

/* cercul cu iconița */
.ajc-ico{
  flex:none;
  width:62px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
}
.ajc-wrap .ajc-ico img{
  display:block;
  width:auto;
  height:auto;
  max-width:40px;
  max-height:38px;
  margin:0;
  border:0;
  box-shadow:none;
}
.ajc-card:hover .ajc-ico,
.ajc-card:focus-visible .ajc-ico{
}

.ajc-card:hover {
    background: #E4D9A9;
}

/* text */
.ajc-lbl{
  flex:1;
  font-size:17px;
  font-weight:600;
  line-height:1.3;
}

/* săgeată */
.ajc-arr{
  flex:none;
  transition:transform .22s ease;
}
.ajc-card:hover .ajc-arr,
.ajc-card:focus-visible .ajc-arr{transform:translateX(6px)}

/* raze (stânga-sus) și monedă (dreapta-sus) la hover */
.ajc-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.ajc-card::after{
  right:-22px;
  top:-30px;
  width:56px;
  height:58px;
  transform:translateY(16px) rotate(-30deg) scale(.5);
  transition:opacity .2s ease,transform .35s cubic-bezier(.3,1.5,.5,1);
}

.ajc-card:hover::after,
.ajc-card:focus-visible::after{opacity:1;transform:none}

/* responsive */
@media (max-width:1100px){
  .ajc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .ajc-top{flex-direction:column;min-height:0}
  .ajc-wrap .ajc-title{margin-top:8px}
  .ajc-wrap .ajc-illus{width:60%;max-width:260px}
  .ajc-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .ajc-card,.ajc-ico,.ajc-arr,.ajc-card::before,.ajc-card::after{transition:none}
}