.product-content{
    position: relative;
    height: max-content;
    display: flex;
}
.breadcrumbs{
    position: relative;
    height: 1rem;
    line-height: 1rem;
    width: 100%;
}
.breadcrumb{
    float: left;
    position: relative;
    color: var(--text-contrast);
    line-height: 1rem;
    font-size: small;
    box-sizing: border-box;
    cursor: pointer;
}
.breadcrumb:hover{
    float: left;
    position: relative;
    color: var(--text-contrast);
    line-height: 1rem;
    font-size: small;
    box-sizing: border-box;
    text-decoration: underline;
}
.breadcrumb__space{
    float: left;
    position: relative;
    color: var(--text-contrast);
    margin-left: 1rem;
    margin-right: 1rem;
    line-height: 1rem;
    font-size: small;
}
.product-data-column{
    position: relative;
    width: calc(50% - 1rem);
    max-width: 50%;
    height: max-content;
    float: left;
}
.product-data__image-container{
    position: relative;
    width: 100%;
    height: fit-content;
}
.product-data__image-carousel{
    position: relative;
    width: 100%;
    height: 8rem;
}
.product-data__image-carousel__image{
    position: relative;
    width: 20%;
    max-width: 20%;
    height: max-content;
    float: left;
}
.product-data__checkout--price{
    position: relative;
    width: 100%;
    height: 2.5rem;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: var(--red);
    font-weight: bold;
}
.product-data__checkout--stock{
    position: relative;
    width: max-content;
    height: 1rem;
    font-size: 1rem;
    line-height: 1rem;
    color: var(--green);
    border-style: solid;
    border-color: var(--green);
    border-width: 0.1rem;
    padding: 0.2rem;
}
.product-data__checkout--delivery{
    position: relative;
    width: 100%;
    height: 1rem;
    font-size: 1rem;
    line-height: 1rem;
    color: var(--green);
}
.product-data__checkout--options{
    position: relative;
    width: 100%;
    height: 3rem;
}
.checkout__quantity{
    position: relative;
    width: 3rem;
    max-width: 3rem;
    height: 3rem;
    font-size: 1rem;
    line-height: 3rem;
    color: var(--text-contrast);
    border-style: solid;
    border-color: var(--text-contrast);
    border-width: 0.1rem;
    padding-right: 1rem;
    text-align: center;
    float: left;
}
.checkout__quantity::after{
    content: '';
    position: absolute;
    right: 1rem;
    top: calc(50% - 0.5rem);
    width: 0;
    height: 0;
    border: solid black;
    border-width: 0 0.1rem 0.1rem 0;
    display: inline-block;
    padding: 0.3rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    clear: both;
    cursor: pointer;
}
.checkout__button{
    position: relative;
    width: max-content;
    height: 3rem;
    font-size: 1rem;
    line-height: 3rem;
    color: var(--text-contrast);
    background-color: var(--accent);
    border-style: solid;
    border-color: var(--accent);
    border-width: 0.1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    float: left;
    margin-left: 0.5rem;
    cursor: pointer;
}
.green{
    color: var(--green);
}
.product-data__checkout--promise{
    position: relative;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: 1rem;
    color: var(--text-contrast);
}