.wrapping-paper-store {
    font-family: 'Roboto', arial, sans-serif;
    --color-pcrus-dark-indigo-op60: rgba(31, 33, 104, 0.60);
    --color-pcrus-red: #DB4444;
    --text-color-price-sale: var(--color-pcrus-red);
    --text-color-price-strike: var(--color-pcrus-dark-indigo-op60);
    --text-color-comp-value: var(--color-pcrus-dark-indigo-op60);
    --color-pcrus-white: #FFFFFF;
}
/* SEO H1 — present in DOM for crawlers, visually hidden to preserve the existing hero design (WEB-123502) */
.wrapping-paper-store-wrapper .wrapping-paper-store-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* ======= Landing Page - Circle Pills Start ======= */
.wrapping-paper-store-wrapper .circle-pills-wrapper {
    /* variables */
    --circle-pills-image-transform: scale(3);
    --circle-pills-image-transform-origin: left top;
}
/* ======= Landing Page - Circle Pills End ======= */

/* ======= Landing Page - Wrapping Paper Zone Start ======= */
.wrapping-paper-zone.grid-products  {
    --wp-zone-margin: 0.6rem 0 2.4rem 0;
    --wp-zone-title-font-size: 1.6rem;
    --wp-zone-title-line-height: 1.35;
    --wp-zone-title-margin: 0.8rem 0 0 0;

    margin: var(--wp-zone-margin);
}
.wrapping-paper-zone.grid-products .grid-products-wrapper {
    margin: 0;
}
.wrapping-paper-zone.grid-products .product-card.brief .card-item-name {
    font-size: var(--wp-zone-title-font-size);
    line-height: var(--wp-zone-title-line-height);
    margin: var(--wp-zone-title-margin);
    color: #3A444D;
}
/* ======= Landing Page - Wrapping Paper Zone End ======= */


/* === Wrapping Paper - Idea Products Start === */
.wrapping-paper-store-wrapper div.idea-category-wrapper {
    --idea-category-margin: 0 0 1.6rem 0;
    --idea-category-card-width: 21.5rem;

    margin: var(--idea-category-margin);
}
.wrapping-paper-store-wrapper div.idea-category-wrapper .header-wrapper .title {
    color: #252B42;
}
.wrapping-paper-store-wrapper div.idea-category-wrapper .product-card {
    width: var(--idea-category-card-width);  
}
.wrapping-paper-store-wrapper div.idea-category-wrapper .product-card .card-item-thumb {
    width: 100%;
    height: var(--idea-category-card-width);
}
.wrapping-paper-store-wrapper div.idea-category-wrapper .product-card .stackable-image-container {
    width: 100%;
    height: 100%;
}
.wrapping-paper-store-wrapper div.idea-category-wrapper .idea-product-card .container-favorite-icon {
    background-color: rgba(255, 255, 255, 0.60);
    border-radius: 50%;
}
.wrapping-paper-store-wrapper div.idea-category-wrapper .btn_fav {
    background: url("/templates/images/icons/icon-favorite-thin.svg") no-repeat;
    background-size: 100% 100%;
}

.wrapping-paper-store-wrapper div.idea-category-wrapper .btn_unfav {
    background: url("/templates/images/icons/icon-favorite-thin-selected.svg") no-repeat;
    background-size: 100% 100%;
    animation: scaleUpForFavoriteButton 0.5s ease-in-out;
}

@keyframes scaleUpForFavoriteButton {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

/* === Wrapping Paper - Idea Products End === */

/* ======= Landing Page - introduction Start ======= */
.introduction-container {
    /* variables */
    --introduction-margin: 3rem 0 2.4rem 0;
    --introduction-padding: 0 6.4rem;
    --introduction-item-width: 45%;
    --introduction-item-title-font-size: 2rem;
    --introduction-item-title-line-height: 3.2rem;
    --introduction-item-title-margin: 0.8rem 0 0 0;
    --introduction-item-description-font-size: 1.5rem;
    --introduction-item-description-line-height: 2.4rem;
    --introduction-item-description-margin: 0 0 0 0;
    /* styles */
    padding: var(--introduction-padding);
    margin: var(--introduction-margin);
}

.introduction-container .introduction-items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.introduction-container .introduction-items .introduction-item {
    flex: 0 1 var(--introduction-item-width);
    max-width: var(--introduction-item-width);
    min-width: 0;
}

.introduction-container .introduction-item-image {
    width: 100%;
}

.introduction-container .introduction-item-image img {
    width: 100%;
    height: auto;
    display: block;
}

.introduction-container .introduction-item-title {
    font-size: var(--introduction-item-title-font-size);
    line-height: var(--introduction-item-title-line-height);
    font-weight: var(--font-weight-bold);
    text-align: center;
    color: #252B42;
    margin: var(--introduction-item-title-margin);
}

.introduction-item-description {
    font-size: var(--introduction-item-description-font-size);
    line-height: var(--introduction-item-description-line-height);
    font-weight: var(--font-weight-regular);
    text-align: center;
    color: #919395;
    margin: var(--introduction-item-description-margin);
}

/* ======= Landing Page - introduction End ======= */

/* ======= Landing Page - review Start ======= */
.wrapping-paper-reviews {
    /* variables */
    --review-list-container-padding: 2rem 0 4rem 0;
    --review-list-container-title-font-size: 3.2rem;
    --review-list-container-title-line-height: 4.8rem;
    --review-list-container-title-margin: 0 0 2rem 0;
    --review-list-container-item-width: 27rem;
    --review-list-container-item-margin: 0 1.2rem;
    --review-list-container-item-padding: 1.6rem;
    --review-list-container-item-title-font-size: 1.6rem;
    --review-list-container-item-title-line-height: 2.4rem;
    --review-list-container-item-description-font-size: 1.5rem;
    --review-list-container-item-description-line-height: 2.4rem;
    --review-list-container-item-submit-font-size: 1.6rem;
    --review-list-container-item-submit-line-height: 2.4rem;
    --review-list-container-item-submit-margin: 1.4rem 0 0 0;
    /* styles */
    padding: var(--review-list-container-padding);
    background: #fbf8f4;
}

.wrapping-paper-reviews .wrapping-paper-reviews-inner {
    padding: 0 6.4rem;
}

.wrapping-paper-reviews .wrapping-paper-reviews-title {
    font-size: var(--review-list-container-title-font-size);
    line-height: var(--review-list-container-title-line-height);
    font-weight: var(--font-weight-bold);
    text-align: center;
    color: #252B42;
    margin: var(--review-list-container-title-margin);
    text-transform: uppercase;
}
.wrapping-paper-reviews .wrapping-paper-reviews-items {
    display: flex;
    justify-content: center;
}
.wrapping-paper-reviews .review-card-container {
    width: var(--review-list-container-item-width);
    margin: var(--review-list-container-item-margin);
    padding: var(--review-list-container-item-padding);
}
.wrapping-paper-reviews .review-card-container .review-content .title {
    font-size: var(--review-list-container-item-title-font-size);
    line-height: var(--review-list-container-item-title-line-height);
}
.wrapping-paper-reviews .review-card-container .review-content .description {
    font-size: var(--review-list-container-item-description-font-size);
    line-height: var(--review-list-container-item-description-line-height);
}
.wrapping-paper-reviews .review-card-container .review-submit {
    font-size: var(--review-list-container-item-submit-font-size);
    line-height: var(--review-list-container-item-submit-line-height);
    margin: var(--review-list-container-item-submit-margin);
}
/* ======= Landing Page - review End ======= */

/* ======= Landing Page - exhibition Start ======= */
.exhibition.wrapping-paper-promise {
    /* variables */
    --exhibition-padding: 2rem 0 0;
    --exhibition-item-icon-size: 4.4rem;
    --exhibition-item-title-font-size: 1.7rem;
    --exhibition-item-title-line-height: 1.35;
    --exhibition-item-title-margin: 0.6rem 0 0 0;
    --exhibition-item-title-color: #252B42;
    --exhibition-item-padding: 0 0.4rem;
    --exhibition-item-body-font-size: 1.4rem;
    --exhibition-item-body-line-height: 1.5;
    --exhibition-item-body-margin: 0.4rem auto 0;
    --exhibition-item-body-max-width: unset;
    --exhibition-item-body-color: #919395;
    /* styles */
    padding: var(--exhibition-padding);
}
.exhibition.wrapping-paper-promise .exhibition-content {
    margin-bottom: 0;
}
.exhibition.wrapping-paper-promise .promise-exhibition .exhibition-item {
    margin: 0;
    padding: var(--exhibition-item-padding);
}
.exhibition.wrapping-paper-promise .promise-exhibition .exhibition-item .exhibition-item-icon .g-icon {
    width: var(--exhibition-item-icon-size);
    height: var(--exhibition-item-icon-size);
}
.exhibition.wrapping-paper-promise .promise-exhibition .exhibition-item .exhibition-item-title {
    font-size: var(--exhibition-item-title-font-size);
    line-height: var(--exhibition-item-title-line-height);
    font-weight: var(--font-weight-bold);
    text-align: center;
    color: var(--exhibition-item-title-color);
    margin: var(--exhibition-item-title-margin);
}
.exhibition.wrapping-paper-promise .promise-exhibition .exhibition-item .exhibition-item-body {
    font-size: var(--exhibition-item-body-font-size);
    line-height: var(--exhibition-item-body-line-height);
    font-weight: var(--font-weight-regular);
    text-align: center;
    color: var(--exhibition-item-body-color);
    margin: var(--exhibition-item-body-margin);
    max-width: var(--exhibition-item-body-max-width);
}
/* ======= Landing Page - exhibition End ======= */

/* mobile */
@media (max-width: 575px) {
    .landing_page.wrapping-paper-store .container-promo-banner {
        margin-bottom: 0;
    }
    /* ======= Landing Page - Hero Start ======= */
    .wrapping-paper-store-wrapper .stacked-guide-wrapper {
        border-bottom: solid 2.05vmin #f1f1f1;
    }
    .wrapping-paper-store-wrapper .stacked-guide-wrapper .guide-description {
        font-size: 6.15vmin;
        line-height: 7.18vmin;
        margin-top: 0;
        font-weight: var(--font-weight-bold);
        color: #252B42;
    }
    .wrapping-paper-store-wrapper .stacked-guide-wrapper .guide-button {
        background: var(--color-primary);
        border-radius: 2.05vmin;
        width: 73.8vmin;
        font-size: 4.1vmin;
        line-height: 1.5;
        padding: 3.07vmin 0;
        margin: 2.05vmin auto 0;
    }
    /* ======= Landing Page - Hero End ======= */

    /* ======= Landing Page - Circle Pills Start ======= */
    .wrapping-paper-store-wrapper .circle-pills-wrapper {
        /* variables */
        --circle-pills-gap: 8.2vmin;
        --circle-pills-margin: 4.1vmin 0 0;
        --circle-pills-padding: 0 5.8vmin 4.1vmin;
        --circle-pills-image-size: 30.7vmin;
        --circle-pills-title-font-size: 5.12vmin;
        --circle-pills-title-line-height: 1.2;
        --circle-pills-title-margin: 3.07vmin 0 0 0;
        /* styles */
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
    }
    .wrapping-paper-store-wrapper .circle-pills-wrapper .circle-pill-item {
        flex: 0 0 auto;
    }
    /* ======= Landing Page - Circle Pills End ======= */

    /* ======= Landing Page - Wrapping Paper Zone Start ======= */
    .wrapping-paper-zone.grid-products  {
        --wp-zone-margin: 0;
        --wp-zone-title-font-size: 5.12vmin;
        --wp-zone-title-line-height: 1.5;
        --wp-zone-title-margin: 2.56vmin 0;
        border-bottom: solid 2.05vmin #f1f1f1 !important;
        border-radius: 0 !important;
    }
    /* ======= Landing Page - Wrapping Paper Zone End ======= */
    

    /* === Wrapping Paper - Idea Products Start === */
    .wrapping-paper-store-wrapper div.idea-category-wrapper {
        --idea-category-card-width: 45.38vmin;
        --idea-category-margin: 0;
        border-bottom: solid 2.05vmin #f1f1f1;
        padding: 3.07vmin 0 4.1vmin 0;
        margin: 0;
    }
    .wrapping-paper-store-wrapper div.idea-category-wrapper .header-wrapper {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "title header-btn"
            "category-pills category-pills";
        align-items: center;
        column-gap: 2.05vmin;
        row-gap: 0;
        padding: 1.538vmin 4.1vmin;
    }
    .wrapping-paper-store-wrapper div.idea-category-wrapper .header-wrapper .title {
        font-size: 5.12vmin;
        line-height: 1.4;
        grid-area: title;
    }
    .wrapping-paper-store-wrapper div.idea-category-wrapper .header-wrapper .header-btn {
        grid-area: header-btn;
        justify-self: end;
    }
    .wrapping-paper-store-wrapper div.idea-category-wrapper .header-wrapper .category-pills {
        grid-area: category-pills;
        flex: unset;
        padding: 0;
    }
    .wrapping-paper-store-wrapper div.idea-category-wrapper .header-wrapper .header-btn >a {
        color: var(--color-primary);
        font-size: 4.1vmin;
        line-height: 1;
    }
    .wrapping-paper-store-wrapper div.idea-category-wrapper .idea-category-list {
        margin-top: 2.05vmin;
    }
    .wrapping-paper-store-wrapper div.idea-category-wrapper .idea-product-card:not(:last-child) {
        margin-right: 2.05vmin;
    }
    .wrapping-paper-store-wrapper div.idea-category-wrapper .scrollable-list-wrapper .scrollable-list>li {
        border: none !important;
        
    }
    .wrapping-paper-store-wrapper div.idea-category-wrapper .scrollable-list-wrapper .scrollable-list>li a {
        color: rgba(31, 33, 104, 0.60);
        padding: 1.025vmin 4.1vmin 1.025vmin 0;
    }
    /* === product card Start === */
    .wrapping-paper-store-wrapper .product-card .card-item-detail {
        font-family: inherit !important;
    }
    .wrapping-paper-store-wrapper .idea-product-card {
        position: relative;
    }
    .wrapping-paper-store-wrapper .idea-product-card .container-favorite-icon {
        position: absolute;
        width: 8.2vmin;
        height: 8.2vmin;
        padding: 1.28vmin;
        top: 3.07vmin;
        right: 2.05vmin;
    }

    .wrapping-paper-store-wrapper .idea-product-card .container-favorite-icon>div {
        width: 5.64vmin;
        height: 5.64vmin;
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .card-item-detail {
        padding: 0 2.05vmin;
    }
    .wrapping-paper-store-wrapper .product-card.product-info-card .card-item-description {
        margin-left: 0;
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .card-item-name {
        font-size: 3.58vmin;
        line-height: 5.12vmin;
        margin-top: 3.07vmin;
        margin-bottom: 2.05vmin;
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .card-item-price {
        --color-default-darken: var(--color-pcrus-dark-indigo-op60);
        margin-top: 0;
        display: flex;
        align-items: center;
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .card-item-tips {
        font-size: 3.58vmin;
        font-weight: var(--font-weight-regular);
        line-height: 4.1vmin;
        margin-bottom: 0;
        color: var(--text-color-price-strike);
        display: block;
        margin-bottom: 1.025vmin;
    }


    .wrapping-paper-store-wrapper .product-card.product-info-card .price-sales {
        font-size: 4.1vmin;
        line-height: 4.1vmin;
        margin-left: 0;
        color: var(--text-color-price-sale);
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .card-item-price .price-retailer {
        font-size: 3.58vmin;
        line-height: 4.1vmin;
        font-weight: var(--font-weight-regular);
        letter-spacing: -0.56px;
        color: var(--text-color-price-strike) !important;
        margin-left: 1.025vmin !important;
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .text-comp-value {
        font-size: 2.82vmin;
        line-height: 4.1vmin;
        font-weight: var(--font-weight-regular);
        color: var(--text-color-comp-value);
        margin-left: 0.512vmin !important;
        letter-spacing: -0.44px;
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .card-item-rate {
        margin-top: 2.05vmin;
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .product-rating {
        display: flex;
        align-items: center;
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .rating-score {
        display: flex;
        align-items: center;
        font-size: 3.07vmin;
        line-height: 2;
        margin-right: 2.05vmin;
        min-width: 10.25vmin;
        border-radius: 0.2rem;
        background: #FFA439;
        padding: 0 1.025vmin 0 0.512vmin;
        color: var(--color-white);
        font-weight: var(--font-weight-semibold);
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .card-item-rate .g-icon-star {
        width: 4.1vmin;
        height: 4.1vmin;
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .review-count {
        color: var(--color-pcrus-dark-indigo-op60);
        font-size: 3.33vmin;
        font-weight: var(--font-weight-regular);
        line-height: 6.15vmin;
        margin-left: 0 !important;
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .card-item-new {
        position: absolute;
        top: 2.05vmin;
        left: 0;
    }

    .wrapping-paper-store-wrapper .product-card.product-info-card .card-item-new {
        border-radius: 0 1.025vmin 1.025vmin 0;
        background: var(--color-pcrus-white);
        padding: 1.025vmin;
        color: var(--color-primary);
        font-weight: 900;
        font-size: 3.07vmin;
        line-height: 1.2;
        height: auto;
    }
    /* === Wrapping Paper - Idea Products End === */

    /* ======= Landing Page - introduction Start ======= */
    .introduction-container {
        /* variables */
        --introduction-margin: 4.1vmin 0;
        --introduction-padding: 0;
        --introduction-item-width: 100%;
        --introduction-item-title-font-size: 5.12vmin;
        --introduction-item-title-line-height: 1;
        --introduction-item-title-margin: 2.05vmin 0 0 0;
        --introduction-item-description-font-size: 4.1vmin;
        --introduction-item-description-line-height: 1.5;
        --introduction-item-description-margin: 1.025vmin 0 2.05vmin 0;
    }
    .introduction-container .introduction-items {
        display: block;
    }
    /* ======= Landing Page - introduction End ======= */

    /* ======= Landing Page - review Start ======= */
    .wrapping-paper-reviews {
        /* variables */
        --review-list-container-padding: 4.1vmin 0 4.1vmin 4.1vmin;
        --review-list-container-title-font-size: 5.64vmin;
        --review-list-container-title-line-height: 12.3vmin;
        --review-list-container-title-margin: 0 0 2.05vmin 0;
        --review-list-container-item-width: 64.8vmin;
        --review-list-container-item-margin: 0 4.1vmin 0 0;
    }
    .wrapping-paper-reviews .wrapping-paper-reviews-inner {
        padding: 0;
    }
    .wrapping-paper-reviews .wrapping-paper-reviews-items {
        overflow-x: auto;
        width: 100%;
        justify-content: flex-start;
        padding-bottom: 2.05vmin;
    }
    /* ======= Landing Page - review End ======= */

    /* ======= Landing Page - exhibition Start ======= */
    .exhibition.wrapping-paper-promise {
        /* variables */
        --exhibition-padding: 4.1vmin 0 0;
        --exhibition-item-icon-size: 12vmin;
        --exhibition-item-title-font-size: 4.1vmin;
        --exhibition-item-title-line-height: 1.5;
        --exhibition-item-title-margin: 1.23vmin 0 0 0;
        --exhibition-item-title-color: #B28D59;
        --exhibition-item-padding: 0 4.1vmin 4.1vmin;
        --exhibition-item-body-font-size: 3.58vmin;
        --exhibition-item-body-line-height: 1.33;
        --exhibition-item-body-margin: 1.025vmin auto 0;
        --exhibition-item-body-max-width: unset;
        --exhibition-item-body-color: #252B42;
        /* styles */
        padding: var(--exhibition-padding);
    }
    /* ======= Landing Page - exhibition End ======= */
   
}

/* desktop */
@media (min-width: 576px) {
   /* ======= Landing Page - Circle Pills Start ======= */
    .wrapping-paper-store-wrapper .circle-pills-wrapper {
        /* variables */
        --circle-pills-gap: 0.8rem;
        --circle-pills-margin: 2.4rem 0;
        --circle-pills-image-size: 10rem;
        --circle-pills-title-font-size: 1.8rem;
        --circle-pills-title-line-height: 1.35;
        --circle-pills-title-margin: 0.8rem 0 0 0;
    }
    /* ======= Landing Page - Circle Pills End ======= */

    /* ======= Landing Page - introduction Start ======= */
    .introduction-container .introduction-item-description br {
       display: none;
    }
    /* ======= Landing Page - introduction End ======= */
}

@media (min-width: 1200px) {
    /* === Wrapping Paper - Idea Products Start === */
    .wrapping-paper-store-wrapper div.idea-category-wrapper {
        --idea-category-card-width: 32rem;
    }
    /* === Wrapping Paper - Idea Products End === */
}

@media (min-width: 1420px) {
   /* ======= Landing Page - Circle Pills Start ======= */
    .wrapping-paper-store-wrapper .circle-pills-wrapper {
        /* variables */
        --circle-pills-gap: 1.6rem;
        --circle-pills-image-size: 13.5rem;
        --circle-pills-title-font-size: 2rem;
    }
    /* ======= Landing Page - Circle Pills End ======= */

    /* ======= Landing Page - Wrapping Paper Zone Start ======= */
    .wrapping-paper-zone.grid-products  {
        --wp-zone-margin: 0.6rem 0 4rem 0;
        --wp-zone-title-font-size: 2rem;
        --wp-zone-title-line-height: 1.35;
        --wp-zone-title-margin: 0.8rem 0 0 0;
    }
    /* ======= Landing Page - Wrapping Paper Zone End ======= */

    /* ======= Landing Page - review Start ======= */
    .wrapping-paper-reviews {
        /* variables */
        --review-list-container-padding: 2rem 0 4rem 0;
        --review-list-container-title-font-size: 3.2rem;
        --review-list-container-title-line-height: 4.8rem;
        --review-list-container-title-margin: 0 0 2.6rem 0;
        --review-list-container-item-width: 40rem;
        --review-list-container-item-margin: 0 1.8rem;
    }
    /* ======= Landing Page - review End ======= */

    /* ======= Landing Page - exhibition Start ======= */
    .exhibition.wrapping-paper-promise {
        /* variables */
        --exhibition-padding: 2rem 0 0;
        --exhibition-item-icon-size: 4.4rem;
        --exhibition-item-title-font-size: 2rem;
        --exhibition-item-title-line-height: 1.35;
        --exhibition-item-title-margin: 0.8rem 0 0 0;
        --exhibition-item-padding: 0 0.8rem;
        --exhibition-item-body-font-size: 1.6rem;
        --exhibition-item-body-line-height: 1.5;
        --exhibition-item-body-margin: 0.4rem auto 0;
        --exhibition-item-body-max-width: 36.6rem;
    }
    /* ======= Landing Page - exhibition End ======= */
}

@media (min-width: 1900px) {
    /* ======= Landing Page - Circle Pills Start ======= */
    .wrapping-paper-store-wrapper .circle-pills-wrapper {
        /* variables */
        --circle-pills-gap: 2rem;
        --circle-pills-image-size: 18rem;
        --circle-pills-title-font-size: 1.6rem;
    }
    /* ======= Landing Page - Circle Pills End ======= */
}