/* Card generic (dacă nu ai deja) */
.ryls-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  padding:16px;
  margin:16px auto;
  max-width:1100px;
}
.ryls-card-title{
  margin:0 0 12px;
  font-weight:700;
  font-size:18px;
}

/* Card icon magazin */
.ryls-store-icon-card{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.ryls-avatar-wrap{ display:flex; align-items:center; justify-content:center; }

.ryls-avatar{
  width:160px; height:160px;
  border-radius:50%;
  object-fit:cover;
  background:#f2f4f7;
  border:4px solid #fff;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.ryls-avatar.placeholder{
  width:160px; height:160px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#064e00; color:#fff;
  font-family:'Montserrat', sans-serif;
  font-weight:700; font-size:56px;
  border:4px solid #fff;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

/* Mobil */
@media (max-width: 600px){
  .ryls-store-icon-card{ padding:18px; }
  .ryls-avatar,
  .ryls-avatar.placeholder{ width:120px; height:120px; font-size:44px; }
}

/* Card header */
.ryls-store-header-card{ position:relative; padding:0; overflow:hidden; }
.ryls-store-header-card .ryls-cover{
  width:100%; height:260px;           /* banner vizibil în spatele iconului */
  background:#f2f4f7 center/cover no-repeat;
}

/* suprapunem iconul peste banner */
.ryls-store-header-card.has-banner .ryls-header-inner{
  display:flex; flex-direction:column; align-items:center; gap:10px;
  margin-top:-70px;                    /* ridică iconul peste banner */
  padding:0 16px 16px;
}
.ryls-store-header-card.no-banner .ryls-cover{ height:80px; }
.ryls-store-header-card.no-banner .ryls-header-inner{
  display:flex; flex-direction:column; align-items:center; gap:10px;
  padding:16px;
}

/* avatar + placeholder */
.ryls-avatar{
  width:140px; height:140px; border-radius:50%;
  object-fit:cover; background:#fff;
  border:4px solid #fff; box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.ryls-avatar.placeholder{
  display:flex; align-items:center; justify-content:center;
  width:140px; height:140px; border-radius:50%;
  background:#064e00; color:#fff; font-weight:700; font-family:'Montserrat',sans-serif;
  font-size:48px; border:4px solid #fff; box-shadow:0 6px 18px rgba(0,0,0,.12);
}

/* titlul centrat + verde închis */
.wcv-shop-header-name{
  margin:8px 0 0; text-align:center;
  color:#064e00; font-weight:700; font-family:'Montserrat',sans-serif;
  font-size:clamp(28px, 6vw, 48px); line-height:1.2;
}

/* responsive */
@media (max-width: 768px){
  .ryls-store-header-card .ryls-cover{ height:200px; }
  .ryls-store-header-card.has-banner .ryls-header-inner{ margin-top:-60px; }
  .ryls-avatar, .ryls-avatar.placeholder{ width:120px; height:120px; }
}