/*
SteelJJ Webshop V5.5
Alleen mobiele opmaak.
*/

@media (max-width:768px){

html,body{overflow-x:hidden;}

nav{display:flex;flex-wrap:wrap;gap:8px;}

.hero,.section,.site-header,footer{
padding-left:16px;
padding-right:16px;
}

.product-grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:16px;
}

.product-card,.product-image{width:100%;}

.card-actions,.checkout-actions{
display:grid;
grid-template-columns:1fr;
gap:10px;
}

.button{width:100%;}

.toolbar,.form-grid,.admin-layout,.admin-row{
display:grid!important;
grid-template-columns:1fr!important;
gap:14px;
}

input,select,textarea{
width:100%;
min-height:46px;
font-size:16px;
}

.cart-row{display:block;}

.admin-output{
max-height:50vh;
overflow:auto;
}
}

/* Begin promo box */
/* -- New Promo Box Responsive Adaptation ---*/

@media (max-width: 768px) {
.promo-box {
flex-direction: column;
align-items: flex-start;
gap: 16px;
padding: 16px;
}

.promo-image-wrapper {
flex: none;
max-width: 100%;
width: 100%;

}

.promo-image {
max-height: 250px;
object-fit: cover;

}

} 
/* Einde promo box */