/* basit 3d effect ve arkaplan animasyon */
body{
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  min-height:100vh;
  margin:0;
}
.header-3d h1{
  font-size:28px;
  transform: perspective(600px) rotateX(6deg) translateZ(6px);
  text-shadow: 0 10px 20px rgba(0,0,0,0.25), 0 2px 6px rgba(255,255,255,0.06) inset;
}
.section-title-3d{
  font-size:22px;
  transform: perspective(600px) rotateX(6deg) translateZ(4px);
  text-shadow: 0 6px 14px rgba(0,0,0,0.2);
}
/* arkaplan animasyon */
.bg-animated{
  background: linear-gradient(120deg,#0ea5a8,#7c3aed,#ef4444,#f59e0b);
  background-size: 600% 600%;
  animation: gradientBG 12s ease infinite;
}
@keyframes gradientBG{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

.product-card{
  border-radius:12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); overflow:hidden;
}

/* responsive img 500x500 placeholder */
.product-img{width:100%; height:250px; object-fit:cover}

/* modal form small tweaks */
.modal .form-control{border-radius:8px}