/*
    Set styles for Old UCD PDP
    (Card, Calendar, ... )
*/



/* ======= Expedited Printing - Start ====== */
.details_page .expedited-printing-content .service-header h5 {
    color: var(--color-highlight);
}
/* ======= Expedited Printing - End   ====== */


@media (max-width: 575px) {

    /* ======= Thumaild - Start ====== */
    .details_page .multi_views .multi_views_small_inner,
    .details_page .scodix_preview_in_label_small_inner {
        width: 15vw;
        height: 15vw;
        display: block;
    }
    .details_page .multi_views .multi_views_small_inner >img,
    .details_page .scodix_preview_in_label_small_inner >img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        margin: 0;
        max-width: unset;
        display: block;
    }
    /* ======= Thumaild - End   ====== */
    
    /* ======= Expedited Printing - Start ====== */
    #details-container .expedited-printing-container {
        display: none;
    }
    #details-container .expedited-printing-btn {
        text-decoration: underline;
        color: inherit;
    }
    /* ======= Expedited Printing - End   ====== */
    
    /* ======= design options - Start ====== */
    .design-option-section .design-option-label {
        padding: 0 4.72vw;
        margin-bottom: 2.05vw;
        font-weight: var(--font-weight-bold);
    }
    #details-container .design-option-section .dieCutIcons,
    #details-container .design-option-section .foil-coasters {
        display: flex;
        flex-wrap: wrap;
    }
    #details-container .design-option-section .foil-coasters div,
    #details-container .design-option-section .dieCutIcons div {
        flex-shrink: 0;
    }
    
    #details-container .design-option-section .foil-coasters {
        margin: 0 4.72vw 3.7vw;
    }
    #details-container .design-option-section .foil-coasters .foilSwatch {
        margin-left: 0;
    }
    /* ======= design options - End   ====== */

    /* ======= mobile new layout - Start ====== */
    .detailsPage.mobile-new-layout .callout-afterpay afterpay-placement {
        margin-top: 0;
    }
    #details-container.mobile-new-layout .design-option-section.diecut-section .design-option-label {
        margin-bottom: 1.025vmin;
    }
    #details-container.mobile-new-layout .design-option-section .dieCutIcons {
        margin-bottom: 1.4vmin;
    }
    /* ======= mobile new layout - End   ====== */

    /* ======= Prop 65 Warning - Start ====== */
    .STI .container-prop-warning,
    .STI .prop-warning-dialog {
        --prop-warning-font-size: 3.7vw;
        --prop-warning-text-color: #5E524D;
        --prop-warning-link-color: #f3694f;
        /* link */
        --prop-warning-link-margin: 3.7vw 4.72vw;
        /* dialog */
        --prop-warning-titlebar-padding: 3.7vw 5%;
        --prop-warning-content-padding: 0 0 3.7vw;
    }
    /* ======= Prop 65 Warning - End   ====== */
}