form .field.field-reserved ul:last-of-type, fieldset .field.field-reserved ul:last-of-type {
    margin-bottom: -0.5rem;
}
form .field.field-reserved, fieldset .field.field-reserved {
    margin-bottom: 0;
}
.group-street .messages li:nth-child(n+2) {
    display: none;
}
input[aria-invalid="true"] {
    border-color: #ef4444;
    border-width: 2px;
}
.field .messages {
    color: #f16262;
}
.field .messages li:nth-child(n+2) {
    display: none;
}

.products-grid .price-final_price {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}
.products-grid .price-final_price .old-price .price-wrapper {
    text-decoration-line: line-through
}
.products-grid .price-final_price .old-price .price-label {
    display: none;
}
.products-grid .price-final_price .special-price .price {
    color: #c03230;
}
.checkout-default:where(:has(#hyva-checkout-main)) .columns {
    max-width: 1440px;
}

#hyva-checkout-main #quote-summary > .price-summary {
    padding: 1.5rem;
    background: #f3f4f6;
    border-radius: .5rem;
}
#hyva-checkout-main #quote-summary > .price-summary .cart-items {
    margin-bottom: 15px;
}

@media (max-width: 1024px) {
    .checkout-default .columns {
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .checkout-default .columns {
        max-width: 100%;
    }
}
@media (max-width: 640px) {
    .checkout-default .columns {
        max-width: 100%;
    }
}

/* Styling voor de klantenservice tab - tabblad header */
[data-content-type=tabs] .tabs-navigation li.tab-header {
	border-color: white !important;
	border-width: 2px !important;
	background-color: #c03230 !important;
}

/* Styling voor de tabblad titel in de klantenservice sectie */
[data-content-type=tabs] .tabs-navigation li.tab-header a.tab-title span {
	color: white;
	font-size: 1.125rem;
}

/* Styling voor de social login module - titel wordt verborgen */
.amsl-title {
display: none;
}

/* Styling voor de button wrapper van de social login module */
.amsl-button-wrapper {
	padding-top: 10px;
}

/* Styling voor de button wrapper van de social login module */
.amsl-button-wrapper.with-label .-google {
	padding-top: 10px;
	background-color: white;
	transition: background-color 0.3s ease;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	border: 1.5px solid #c0c0c0; /* iets dikkere, lichte grijze border */
	color: #202124; /* donkergrijs, zoals Google gebruikt */
	font-weight: 600; /* dikkere tekst */
	font-size: 15px;
	padding: 10px 18px;
	cursor: pointer;
	box-shadow: none; /* geen shadow */
}

.amsl-button-wrapper.with-label .-google:hover {
	background-color: #f0f0f0; /* iets donkerder dan wit */
}


/* Styling voor de Google knop in de social login module als er een label is */
.amsl-text {
	color: black;
}

/*alle primaryred buttons radius & hover geven*/
button.bg-primaryred {
	background-color: #c03230;
	transition: background-color 0.3s ease;
	padding: 13px 18px;
	border-radius: 4px;
}

button.bg-primaryred:hover {
  background-color: #a62a28; /* donkerdere tint van rood */
}