*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Poppins,sans-serif;
background-image: url("pozadina.jpeg");
color:black;
}

h2{
font-size:24px;
color: #f5edda;
}

h3{
font-size:14px;
color: #f5edda;
text-align: center;
}

h4{
font-size:12px;
color: #f5edda;
text-align: center;
}

#app{
max-width:800px;
margin:auto;
padding:20px;
}

.grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}

.card {
  background:#f5edda;
  padding:18px 25px;
  border-radius:16px;
  text-align:center;
  cursor:pointer;
  transition:transform .15s ease, filter .15s ease;
  font-size:20px;

  width:100%;
  max-width:400px;

  -webkit-tap-highlight-color: transparent;
  user-select:none;
}

.card.pressed {
  transform: scale(1.08);
  filter: brightness(0.9);
}

.item{
display:flex;
justify-content:space-between;
align-items: flex-start;
padding:12px 0;
flex-wrap: nowrap;
color: #f5edda;
border-bottom:1px solid #2a2a2a;
}

.back{
display:inline-block;
margin-bottom:15px;
padding:8px 12px;
background:#f5edda;
border-radius:10px;
cursor:pointer;
user-select:none;

-webkit-tap-highlight-color: transparent;
touch-action:manipulation;
}

body img {
max-width:100%;
height:auto;
}

.left {
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
}

.flavours {
font-size: 10px;
opacity: 0.7;
margin-top: 2px;
}

.name {
font-size: 16px;
}

.page {
  animation: slideIn 0.25s ease;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.loader {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #f5edda;
  font-size: 14px;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f5edda;
  border-top: 4px solid transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin-bottom: 15px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.price {
  font-size:16px;
  font-weight:700;
}