.product {
    margin-bottom: 40px
}

@media (min-width: 1200px) {
    .product {
        margin-bottom: 100px
    }
}

.product__wrapper {
    display: block
}

.product__title {
    color: var(--white);
    font-family: var(--accent-font);
    font-size: var(--text-size-40);
    line-height: var(--lh-xs);
    text-transform: uppercase
}

.product__title--mob {
    margin-bottom: 28px
}

@media (min-width: 1034px) {
    .product__wrapper {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 40px;
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr)
    }

    .product__col-image {
        position: sticky;
        top: calc(var(--header-height) + 16px);
        -webkit-transition: top var(--transition);
        transition: top var(--transition)
    }

    .product__title--mob {
        display: none
    }
}

.product__title--desktop {
    display: none
}

@media (min-width: 1034px) {
    .product__title--desktop {
        display: block
    }
}

.product__image {
    position: relative;
    padding-bottom: 64.325%
}

.product__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.product__info {
    margin-top: 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr);
    gap: 40px 12px
}

@media (min-width: 576px) {
    .product__info {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1034px) {
    .product__info {
        margin-top: 28px
    }
}

.product__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.product__info-image {
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product__info-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product__info-name {
    font-size: var(--text-size-14);
    font-weight: var(--fw-bold);
    line-height: var(--lh-sm);
    text-transform: uppercase;
    color: var(--white);
    margin-top: 12px
}

.product__info-description {
    font-size: var(--text-size-14);
    font-weight: var(--fw-normal);
    line-height: var(--lh-sm);
    color: var(--white);
    margin-top: 8px
}

.product__content-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.product__content-item {
    margin-top: 40px;
    padding-top: 39px;
    border-top: 1px solid var(--gray)
}

.product__content-title {
    color: var(--white);
    font-family: var(--accent-font);
    font-size: var(--text-size-24);
    line-height: var(--lh-xs);
    text-transform: uppercase;
    margin-bottom: 20px
}

.product__content-description ol, .product__content-description ul {
    margin: 0 !important
}

.product__content-description ol li:before {
    text-align: center
}

@media (min-width: 1034px) {
    .product__content-item {
        margin-top: 28px;
        padding-top: 27px
    }

    .product__content-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns:(1fr) [ 2 ];
        grid-template-columns:repeat(2, 1fr);
        gap: 41px
    }
}