/* Azka Garden V4 — payment security trust panel */
.payment-security-card{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:clamp(.9rem,2vw,1.25rem);
  align-items:start;
  margin-top:1.25rem;
  padding:clamp(1rem,2.5vw,1.5rem);
  overflow:hidden;
  border:1px solid rgba(110,231,183,.42);
  border-radius:clamp(1rem,2.3vw,1.4rem);
  background:
    radial-gradient(circle at 100% 0%,rgba(56,189,248,.18),transparent 42%),
    radial-gradient(circle at 0% 100%,rgba(52,211,153,.16),transparent 42%),
    linear-gradient(145deg,#071b20 0%,#0b2730 48%,#102338 100%);
  box-shadow:0 18px 55px rgba(2,12,18,.28),inset 0 1px 0 rgba(255,255,255,.06);
  color:#f8fafc;
}
.payment-security-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:11rem;
  height:11rem;
  right:-5rem;
  bottom:-6rem;
  border:1px solid rgba(125,211,252,.14);
  border-radius:999px;
  box-shadow:0 0 0 2.5rem rgba(52,211,153,.035),0 0 0 5rem rgba(56,189,248,.025);
}
.payment-security-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 0 45%,rgba(255,255,255,.035) 50%,transparent 55%);
  transform:translateX(-120%);
  animation:azka-security-sheen 8s ease-in-out infinite;
}
.payment-security-card__icon{
  display:grid;
  place-items:center;
  width:3.25rem;
  height:3.25rem;
  flex:none;
  border:1px solid rgba(110,231,183,.52);
  border-radius:1rem;
  background:linear-gradient(145deg,rgba(16,185,129,.24),rgba(14,165,233,.18));
  box-shadow:0 10px 28px rgba(16,185,129,.14),inset 0 1px 0 rgba(255,255,255,.08);
}
.payment-security-card__shield{
  width:1.55rem;
  height:1.55rem;
  color:#6ee7b7;
  stroke-width:2.2;
}
.payment-security-card__content{min-width:0}
.payment-security-card__eyebrow{
  display:block;
  margin:0 0 .3rem;
  color:#7dd3fc;
  font-size:.7rem;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.16em;
}
.payment-security-card__title{
  margin:0;
  color:#fff;
  font-size:clamp(1rem,2vw,1.2rem);
  font-weight:800;
  line-height:1.28;
  letter-spacing:-.015em;
}
.payment-security-card__copy{
  max-width:56rem;
  margin:.45rem 0 0;
  color:#dbeafe;
  font-size:clamp(.875rem,1.6vw,.98rem);
  line-height:1.65;
}
.payment-security-card__badges{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.9rem;
}
.payment-security-card__badge{
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  padding:.38rem .68rem;
  border:1px solid rgba(148,163,184,.24);
  border-radius:999px;
  background:rgba(15,23,42,.42);
  color:#ecfdf5;
  font-size:.72rem;
  font-weight:700;
  line-height:1.2;
  white-space:normal;
}
.payment-security-card__badge::before{
  content:"✓";
  display:grid;
  place-items:center;
  width:1rem;
  height:1rem;
  margin-right:.36rem;
  border-radius:999px;
  background:rgba(52,211,153,.18);
  color:#6ee7b7;
  font-size:.68rem;
  font-weight:900;
}
.payment-security-card:focus-within{
  outline:3px solid rgba(125,211,252,.42);
  outline-offset:3px;
}
@keyframes azka-security-sheen{
  0%,72%,100%{transform:translateX(-120%)}
  84%{transform:translateX(120%)}
}
@media(max-width:640px){
  .payment-security-card{
    grid-template-columns:1fr;
    gap:.78rem;
    padding:1rem;
    border-radius:1rem;
  }
  .payment-security-card__icon{
    width:2.8rem;
    height:2.8rem;
    border-radius:.85rem;
  }
  .payment-security-card__shield{width:1.35rem;height:1.35rem}
  .payment-security-card__badges{display:grid;grid-template-columns:1fr;gap:.42rem}
  .payment-security-card__badge{width:100%;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce){
  .payment-security-card::after{animation:none}
}