/* ==========================================================================
   SURVEI IMAGE WIDGET
   ========================================================================== */

.pnbyw-survei-widget{
  width:100%;
  max-width:100%;
  margin:0 0 12px !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

.pnbyw-survei-card{
  width:100%;
  max-width:100%;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border:.5px solid #e2e4e8 !important;
  border-radius:10px !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}

.pnbyw-survei-head{
  display:flex !important;
  align-items:center !important;
  min-height:38px !important;
  padding:8px 14px !important;
  background:linear-gradient(135deg,#9a2109,#c0300f) !important;
  color:#fff !important;
  border-radius:10px 10px 0 0 !important;
  box-sizing:border-box !important;
}

.pnbyw-survei-title{
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:11.5px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
}

.pnbyw-survei-body{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  padding:12px 14px !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

.pnbyw-survei-item{
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid #ffd0c3 !important;
  border-radius:10px !important;
  box-sizing:border-box !important;
}

.pnbyw-survei-item-head{
  display:flex !important;
  align-items:center !important;
  padding:9px 11px !important;
  background:#fff7ed !important;
  border-bottom:1px solid #fee2d8 !important;
}

.pnbyw-survei-item-head strong{
  min-width:0 !important;
  color:#9a2109 !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1.3 !important;
}

.pnbyw-survei-image{
  display:block !important;
  overflow:hidden !important;
  width:100% !important;
  background:#f8fafc !important;
  text-decoration:none !important;
}

.pnbyw-survei-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
  transition:transform .24s ease, filter .24s ease !important;
}

.pnbyw-survei-image:hover img{
  transform:scale(1.015) !important;
  filter:saturate(1.04) contrast(1.02) !important;
}

.pnbyw-survei-empty-image{
  padding:18px 12px !important;
  background:#f8fafc !important;
  color:#64748b !important;
  font-size:11.5px !important;
  font-weight:650 !important;
  line-height:1.45 !important;
  text-align:center !important;
}

@media(max-width:420px){
  .pnbyw-survei-body{
    padding:12px 14px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .pnbyw-survei-image img{
    transition:none !important;
  }

  .pnbyw-survei-image:hover img{
    transform:none !important;
  }
}