body, html {
    height: 100%;
margin: 0;
font-family: 'Lexend Deca', sans-serif;
padding:0;
}

/* The hero image */
.hero-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background-image: url("herosteg.jpg");

  /* Set a specific height */
  height: 70%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.cards { 
display: grid;
grid-gap: 3rem;
width: 90%;
margin: 0 auto;
}

.card {
position: relative;
top: 0;
transition: top ease 0.6s;
margin-top:0;
}

@media (min-width: 600px) {
.cards { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 900px) {
.cards { grid-template-columns: repeat(4, 1fr); }
}
    .card-image {
max-width: 100%;
margin-top:10px;
display: block;
margin: 0 auto;
border-style: solid;
border-color: white;
}
.stock {
text-decoration:line-through;
color:red;
}
a { color:white;
text-decoration:none;
}
a:hover { color:orange;
}
a.cartlink { color:orange;
text-decoration:none;
}
a.cartlink:hover { color:yellow;
}
.price {
color: #ff7700;
font-size: 120%;
}
@media (max-width: 1050px) {
.paymentbit { display: none; }
}
.paymentbit2 { display: block; }
@media (min-width: 1051px) {
.paymentbit2 { display: none; }
}
details > summary {
  list-style: none;
}
details > summary:hover {
cursor:pointer;
}
details > summary::-webkit-details-marker {
  display: none;
}

details .close {
display:none;
}
details[open] .close {
display:block;
}
.cartbox {
width:60%; 
}
@media (max-width: 800px) {
.cartbox { width:90%; }
}
@keyframes details-show {
  from {
    opacity:0;
    transform: var(--details-translate, translateY(-0.5em));
  }
}

details[open] > *:not(summary) {
  animation: details-show 0.5s ease-in-out;
}