/* 
*  Gifts Only - UUCD PDP(B2B/B2C) styles
*/


/* New tag Start */
.details_page .container-designs .designs-tag-new {
    background: var(--color-secondary);
    border-radius: 0.2rem;
    color: white;
    display: inline-block;
    font-family: var(--font-family-medium);
    font-size: 1.2rem;
    overflow: hidden;
    padding: 0.1rem 0.3rem;
    line-height: 1.6rem;
    text-transform: capitalize;
    position: absolute;
    bottom: 0;
    left: 0;
}
.details_page .container-designs .designs-tag-new span {
    background: none;
}
/* New tag End */


/* YMAL Start */
.details_page .container-ymal .container-designs .container-design {
    text-align: left;
}
/* YMAL End   */

/* Gift Bag & Tissue Papper Start */
html[ms-theme=gifts] .tissue_paper_upsell-dialog-container .body .row .tissue_paper_upsell-item.selected {
    border: 0.4rem solid var(--color-primary);
}
/* Gift Bag & Tissue Papper End   */

/* mobile */
@media (max-width: 575px) {
    /* YMAL Start */
    .details_page .container-ymal .component-price.with_price_comp_value {
        flex-wrap: nowrap;
    }
    .details_page .container-ymal .sale-price {
        font-size: 3.07vmin;
    }
    .details_page .container-ymal .original-price {
        font-size: 2.82vmin;
    }
    .details_page .container-ymal .text-comp-value {
        font-size: 2.05vmin;
    }

    /* YMAL End   */

    /* PLA PDP YMAL Start */
    .details_page .container-pla .pla-pagination {
        margin: 4.1vmin 0 0;
    }
    .details_page .container-pla .container-paginator {
        text-align: center;
        display: flex;
        align-items: center;
        gap: 0.8rem;
        justify-content: center;
    }
    .details_page .container-pla .paginator-nav {
        font-size: 1.3rem;
        border-radius: .5rem;
        font-weight: 700;
        line-height: 2.8rem;
        min-width: 9rem;
        overflow: hidden;
        padding: 0 .8rem;
        white-space: nowrap;
        text-transform: uppercase;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--btn-primary-bg-color);
        color: var(--btn-primary-text-color);
    }
    .details_page .container-pla .pla-vew-all-btn {
        margin-bottom: 2rem;
    }
    .details_page .container-pla .container-paginator.bottom {
        margin-bottom: 3rem;
    }
    /* PLA PDP YMAL End */

    /* Gift Bag & Tissue Papper Start */
    html[ms-theme=gifts] .tissue_paper_upsell-dialog-container .body .row .tissue_paper_upsell-item.selected {
        border-width: 0.3rem;
    }
    /* Gift Bag & Tissue Papper End   */

    /* UCD Back perz Start */
    html[ms-theme='gifts'] .container-back-to-ucd-editor {
        padding: 0 4.1vmin;
        margin-top: 4.1vmin;
    }
    html[ms-theme=gifts] .container-back-to-ucd-editor >a {
        border-radius: 3.2rem;
        border: 0.2rem solid var(--color-primary);
        display: flex;
        align-items: center;
        font-weight: var(--font-weight-bold);
        font-size: 3.58vmin;
        line-height: 5.12vmin;
        padding: 2.05vmin 4.1vmin;
    }
    html[ms-theme=gifts] .container-back-to-ucd-editor >a::before {
        content: '';
        display: block;
        width: 4.1vmin;
        height: 4.1vmin;
        background: url(/templates/images/icon-arrow-back-gifts-short.svg) no-repeat;
        background-size: 100% 100%;
        margin-right: 2.05vmin;
    }
    html[ms-theme=gifts] .container-back-to-ucd-editor >a:hover {
        padding-left: var(--gap-value-base);
        color: var(--color-primary);
    }
    /* UCD Back perz End   */
}

/* desktop */
@media (min-width: 576px) {
    /* PLA PDP YMAL Start */
    .details_page .container-pla .pla-title {
        font-size: 2rem;
    }
    .details_page .pla-pagination .container-paginator {
        font-size: 1.6rem;
    }
    .details_page .pla-pagination .container-paginator .paginator-nav {
        padding: 0 .4rem;
    }
    .details_page .pla-pagination .container-paginator .current_page {
        color: var(--color-primary);
        font-weight: var(--font-weight-bold);
        padding: 0 .4rem;
    }
    /* PLA PDP YMAL End */

    /* UCD Back perz Start */
    html[ms-theme='gifts'] .container-back-to-ucd-editor {
        display: flex;
        justify-content: center;
        margin-top: 1.6rem;
        color: var(--color-primary);
    }
    html[ms-theme='gifts'] .container-back-to-ucd-editor >a {
        border-radius: var(--border-radius-base);
        border: 0.2rem solid var(--color-primary);
        padding: 1rem 4rem;
        line-height: 2.4rem;
        display: flex;
        align-items: center;
        font-size: 1.8rem;
        font-weight: var(--font-weight-bold);
    }
    html[ms-theme='gifts'] .container-back-to-ucd-editor >a::before {
        content: '';
        width: 2.6rem;
        height: 1.6rem;
        background-image: url(/templates/images/icon-arrow-back-gifts.svg);
        display: block;
        background-size: 100% 100%;
        margin-right: 0.8rem;
    }
    /* UCD Back perz End   */
}