html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* ensures body takes at least full viewport */
}

main {
  flex: 1; /* pushes footer to the bottom when content is short */
}

footer {
  background-color: #212529;
  color: white;
  padding: 2rem 0;
}

.blur-nav {
	backdrop-filter: blur(8px);
}

.product-img-top {
	width: 100%;
	height: 300px;
	object-fit: contain;
}

.product-img-details {
	width: 100%;
	height: 500px;
	object-fit: contain;
}

.store-banner {
	background-image: url(/static/img/banner-cover.jpg);
	background-size: cover;
	background-position: center;
}

.spacing-between-rows {
  margin-bottom: 40px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {

    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

@media (max-width: 1366px) {
    .product-img-details {
		width: 100%;
		height: 250px;
		object-fit: contain;
    }
}