* {
  box-sizing: border-box;
}
.header-main{
  position: sticky;
  top:0;
  z-index:999;
  background:#fff;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f7f7f7;
  color: #111;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  display: block;
}
/* Sepet animasyonu */
@keyframes cartBounce {
  0% { transform: scale(1); }
  30% { transform: scale(1.25); }
  50% { transform: scale(0.95); }
  70% { transform: scale(1.1); }
  100% { transform: scale(1); }
}



/* sayaç animasyonu */
@keyframes badgePop {
  0% { transform: scale(0); }
  70% { transform: scale(1.3); }
  100% { transform: scale(1); }
}

.badge-pop {
  animation: badgePop 0.35s ease;
}

#message-container{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:9999;
}

.center-message{
    background:#dc3545;
    color:white;
    padding:18px 30px;
    font-size:18px;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,0.25);
    text-align:center;
    min-width:350px;
}

.cart-animate{
animation: cartBounce .5s ease;
}

@keyframes cartBounce{
0%{transform:scale(1)}
50%{transform:scale(1.25)}
100%{transform:scale(1)}
}

.badge-pop{
animation: badgePop .4s ease;
}

@keyframes badgePop{
0%{transform:scale(.6)}
100%{transform:scale(1)}
}