.mp-stock-page,
.mp-stock-page *,
.mp-stock-results,
.mp-stock-results * {
box-sizing: border-box;
}

.mp-stock-page {
width: 1000px;
margin: 14px auto 12px;
font-family: Arial, Helvetica, sans-serif;
}

.mp-stock-hero {
position: relative;
overflow: hidden;
padding: 27px 32px 23px;
color: #ffffff;
background: radial-gradient(circle at 86% 30%, rgba(215,25,32,.46), transparent 34%), linear-gradient(135deg, #202020 0%, #080808 72%);
border: 1px solid #4a4a4a;
border-left: 6px solid #d71920;
border-radius: 13px;
box-shadow: 0 12px 28px rgba(0,0,0,.38);
}

.mp-stock-hero > span {
display: block;
margin-bottom: 7px;
color: #ff4b52;
font-size: 11px;
font-weight: 900;
letter-spacing: 2px;
}

.mp-stock-hero h1 {
margin: 0 0 9px;
color: #ffffff;
font-size: 36px;
line-height: 1.05;
letter-spacing: -.7px;
text-transform: uppercase;
}

.mp-stock-hero p {
width: 750px;
margin: 0;
color: #efefef;
font-size: 15px;
line-height: 1.5;
}

.mp-stock-highlights {
display: flex;
gap: 10px;
margin-top: 19px;
padding-top: 16px;
border-top: 1px solid rgba(255,255,255,.18);
}

.mp-stock-highlights b {
display: inline-block;
padding: 8px 13px;
color: #ffffff;
font-size: 12px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.17);
border-radius: 999px;
}

.mp-stock-results {
width: 1000px;
margin: 0 auto 16px;
padding: 15px;
color: #272727;
font-family: Arial, Helvetica, sans-serif;
background: #eeeeee;
border: 1px solid #b9b9b9;
border-radius: 12px;
box-shadow: 0 10px 24px rgba(0,0,0,.25);
}

.mp-stock-results > table {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
background: transparent !important;
border-collapse: separate !important;
border-spacing: 0 10px !important;
}

.mp-stock-results table.decor2 {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}

.mp-stock-results td,
.mp-stock-results th,
.mp-stock-results font {
font-family: Arial, Helvetica, sans-serif !important;
}

.mp-stock-results td,
.mp-stock-results th {
color: #292929;
}

.mp-stock-results .decor,
.mp-stock-results .decor2,
.mp-stock-results [class*="decor"] {
color: #292929 !important;
background: #ffffff !important;
border-color: #d0d0d0 !important;
}

.mp-stock-results a {
color: #b51218 !important;
font-weight: 700;
}

.mp-stock-results input[type="text"],
.mp-stock-results input[type="number"],
.mp-stock-results select {
min-height: 32px;
color: #222222 !important;
background: #ffffff !important;
border: 1px solid #a9a9a9 !important;
border-radius: 5px;
}

.mp-stock-results input[type="submit"],
.mp-stock-results input[type="button"],
.mp-stock-results button,
.mp-stock-results .bouton {
padding: 8px 13px !important;
color: #ffffff !important;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: 800 !important;
background: #d71920 !important;
border: 1px solid #a40f15 !important;
border-radius: 6px !important;
cursor: pointer;
}

.mp-stock-results .styleSTOCK,
.mp-stock-results .styleSTOCK2,
.mp-stock-results .styleSTOCK3,
.mp-stock-results .styleSTOCK4,
.mp-stock-results .styleSTOCK5,
.mp-stock-results .styleSTOCK6 {
display: inline-block !important;
padding: 7px 12px !important;
color: #146c32 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
text-decoration: none !important;
background: #e9f8ee !important;
border: 1px solid #8bcaa0 !important;
border-left: 1px solid #8bcaa0 !important;
border-radius: 999px !important;
box-shadow: none !important;
animation: none !important;
}

.mp-stock-results .styleSTOCK6,
.mp-stock-results .cligno {
animation: none !important;
}

/* Le site historique entoure le statut avec .stock_styleINFO en rouge. */
.mp-stock-results .stock_styleINFO {
display: inline-block !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: 0 !important;
vertical-align: middle !important;
}

.mp-stock-results .mp-stock-cell {
white-space: nowrap !important;
text-align: center !important;
vertical-align: middle !important;
}

.mp-stock-results .mp-stock-cell br {
display: none !important;
}

.mp-stock-results .mp-stock-quantity {
display: inline-block !important;
margin: 0 11px 0 0 !important;
color: #202326 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 18px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
letter-spacing: .1px !important;
vertical-align: middle !important;
}

.mp-stock-results .mp-stock-badge {
display: inline-block !important;
min-width: 94px;
padding: 7px 12px !important;
color: #146c32 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
font-weight: 900 !important;
line-height: 1.1 !important;
letter-spacing: .4px;
text-align: center;
background: #e9f8ee !important;
border: 1px solid #8bcaa0 !important;
border-radius: 999px !important;
box-shadow: none !important;
}

.mp-stock-results .mp-stock-badge:before {
content: "\2713  ";
color: #159447;
}

.mp-stock-results .mp-brand-name {
display: block !important;
margin: 0 0 6px !important;
color: #24262a !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 17px !important;
font-weight: 900 !important;
line-height: 1.05 !important;
letter-spacing: .35px !important;
text-align: center !important;
text-transform: uppercase !important;
}

.mp-stock-results .mp-brand-break {
display: none !important;
}

.mp-stock-results .mp-order-button {
display: block !important;
width: 210px !important;
max-width: 210px !important;
min-width: 168px !important;
height: 45px !important;
margin: 8px auto 0 !important;
padding: 0 19px !important;
color: #ffffff !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 43px !important;
letter-spacing: .3px;
text-align: center;
text-transform: uppercase;
background: linear-gradient(#ef343b, #c91118) !important;
border: 1px solid #a60e14 !important;
border-radius: 7px !important;
box-shadow: 0 5px 12px rgba(196,17,24,.25) !important;
cursor: pointer !important;
}

.mp-stock-results .mp-order-button:hover,
.mp-stock-results .mp-order-button:focus {
background: #a90e14 !important;
transform: translateY(-1px);
}

.mp-stock-results .mp-tyre-placeholder {
display: inline-block;
width: 130px !important;
height: 87px !important;
object-fit: cover;
background: #f4f4f4;
border: 1px solid #d4d4d4 !important;
border-radius: 9px;
box-shadow: none !important;
}

.mp-stock-empty {
width: 1000px;
margin: 0 auto 18px;
font-family: Arial, Helvetica, sans-serif;
background: #ffffff;
border: 1px solid #cccccc;
border-left: 6px solid #d71920;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(0,0,0,.20);
}

.mp-stock-empty td {
padding: 30px 20px;
color: #252525;
font-size: 17px;
line-height: 1.5;
background: transparent !important;
}

.mp-stock-empty small {
color: #666666;
font-size: 13px;
}

.mp-stock-unavailable {
width: 1000px;
margin: 25px auto;
padding: 30px;
box-sizing: border-box;
color: #ffffff;
font: 900 18px/1.4 Arial, Helvetica, sans-serif;
text-align: center;
background: #171717;
border: 1px solid #454545;
border-left: 6px solid #d71920;
border-radius: 10px;
box-shadow: 0 10px 24px rgba(0,0,0,.30);
}
