@media (min-width: 960px) {
    #PRODUCT_DETAILS__ARTICLE {
        margin-top: -50%;
        top: 100px
    }
}
@media (min-width: 600px) and (max-width: 959px) {
    #PRODUCT_DETAILS__ARTICLE {
        margin-top: -20%;
        top: 100px
    }
}
@media (max-width: 599px) {
    #PRODUCT_DETAILS__ARTICLE {
        margin-top: -60px;
    }
}
@media (min-width: 600px) and (max-width: 959px) {
    .JUMBO_HEADING {
        padding-bottom: var(--ita-spacings-17);
    }
}
@media (min-width: 960px) {
    .JUMBO_HEADING:has(~ .PRODUCT_DETAILS) h1 {
        text-align: left;
        font-size: var(--ita-fontSizes-11);
    }
    .JUMBO_HEADING:has(~ .PRODUCT_DETAILS) h1 + p {
        text-align: left;
    }
    .JUMBO_HEADING:has(~ .PRODUCT_DETAILS) div:has(> h1) {
        align-items: start;
    }
}
@media (min-width: 1200px) {
    .JUMBO_HEADING:has(~ .PRODUCT_DETAILS) h1,
    .JUMBO_HEADING:has(~ .PRODUCT_DETAILS) h1 + p,
    .JUMBO_HEADING:has(~ .PRODUCT_DETAILS) h1 ~ ul {
        max-width: 60%;
    }
}
@media (min-width: 960px) and (max-width: 1199px) {
    .JUMBO_HEADING:has(~ .PRODUCT_DETAILS) h1,
    .JUMBO_HEADING:has(~ .PRODUCT_DETAILS) h1 + p,
    .JUMBO_HEADING:has(~ .PRODUCT_DETAILS) h1 ~ ul {
        max-width: 50%;
    }
}
@media (max-width: 959px) {
    .JUMBO_HEADING:has(~ .PRODUCT_DETAILS) h1 {
        font-size: var(--ita-fontSizes-10);
    }
    .JUMBO_HEADING {
        padding-bottom: var(--ita-spacings-17);
    }
}
.PRODUCT_DETAILS details[open] > summary {
    border-color: transparent;
}