.nr-four-tyres {
margin: 20px 0 24px;
padding: 18px 20px;
border: 1px solid #c6e0e8;
border-radius: 10px;
background: #f1f8fb;
color: #143448;
clear: both;
}
.nr-four-tyres__top {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px 16px;
}
.nr-four-tyres #nr-four-tyres-heading {
margin: 0 0 3px;
font-size: 18px;
line-height: 1.35;
font-weight: 700;
}
.nr-four-tyres .nr-four-tyres__unit {
margin: 0;
color: #526673;
font-size: 14px;
}
.nr-four-tyres .nr-four-tyres__total {
margin: 0;
color: #143448;
font-size: clamp(23px, 3vw, 28px);
font-weight: 750;
line-height: 1.3;
white-space: nowrap;
}
.nr-four-tyres .nr-four-tyres__delivery {
margin: 10px 0 14px;
color: #126148;
font-size: 14px;
font-weight: 600;
}
.woocommerce div.product .nr-four-tyres form.cart {
display: block;
margin: 0;
padding: 0;
border: 0;
}
.woocommerce div.product .nr-four-tyres .nr-four-tyres__button {
display: block;
float: none;
width: 100%;
min-height: 46px;
margin: 0;
padding: 13px 18px;
border: 1px solid #006b87;
border-radius: 6px;
background: #006b87;
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 1.4;
cursor: pointer;
}
.woocommerce div.product .nr-four-tyres .nr-four-tyres__button:hover {
background: #00546c;
border-color: #00546c;
}
.nr-four-tyres__button:focus-visible {
outline: 3px solid #143448;
outline-offset: 3px;
}
.nr-four-tyres-delivery {
clear: both;
color: #126148;
font-size: 14px;
margin: 12px 0 20px;
}
@media (max-width: 480px) {
.nr-four-tyres { padding: 16px; }
}