custumers-feedback,
custumers-feedback * {
  box-sizing: border-box;
}

/* Απόκρυψη μέχρι να γίνει defined το custom element */
custumers-feedback:not(:defined){
  opacity:0;
  pointer-events:none;
  display:block;
}

custumers-feedback{
  --ink:#0b1433;
  --muted:#475569;
  --line:#e6eef8;
  --card:#fff;
  display:block;
  contain:layout paint style;
  content-visibility:auto;
  color:var(--ink);
  font:400 15px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

custumers-feedback[hidden]{
  display:none;
}

custumers-feedback .sr-only{
  position:absolute !important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

custumers-feedback .fb-wrap{
  max-width:980px;
  margin:22px auto 0;
  padding:16px 14px;
  background:radial-gradient(900px 60% at 92% 20%, rgba(34,211,238,.10), transparent 60%), #f6f9ff;
  border:1px solid #eef2ff;
  border-radius:16px;
  box-shadow:0 8px 20px rgba(2,6,23,.05);
}

custumers-feedback .fb-title{
  margin:0 0 10px;
  font-size:clamp(18px,3vw,26px);
  line-height:1.2;
  font-family:var(--wp--preset--font-family--serif, Georgia, "Times New Roman", serif);
  font-style:italic;
  font-weight:700;
  color:#0f2fa7;
  position:relative;
}

custumers-feedback .fb-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:140px;
  height:12px;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 20"><path d="M5 15 C55 5,95 18,160 10 S195 18,195 10" fill="none" stroke="%23256bf0" stroke-width="3" stroke-linecap="round" opacity="0.55"/></svg>') no-repeat center/100% 100%;
}

custumers-feedback .fb-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
  grid-template-columns:repeat(3,minmax(0,1fr));
}

custumers-feedback .fb-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px 12px;
  display:grid;
  gap:8px;
  box-shadow:0 6px 14px rgba(2,6,23,.05);
  transform:translateY(6px);
  opacity:.001;
  transition:transform .22s ease,opacity .22s ease;
}

custumers-feedback .fb-card.is-on{
  transform:translateY(0);
  opacity:1;
}

custumers-feedback blockquote{
  margin:0;
  color:#13234f;
  font-size:14px;
}

custumers-feedback blockquote b{
  color:#0f2fa7;
}

custumers-feedback .fb-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

custumers-feedback .fb-who{
  font-weight:800;
  color:#0f2fa7;
  font-size:14px;
}

custumers-feedback .fb-where{
  color:#475569;
  font-size:12px;
}

custumers-feedback .fb-date{
  font-variant-numeric:tabular-nums;
  font-size:12px;
  color:#64748b;
}

@media (max-width:900px){
  custumers-feedback .fb-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:640px){
  custumers-feedback .fb-wrap{
    padding:12px;
  }
  custumers-feedback .fb-grid{
    grid-template-columns:1fr;
  }
}