
<style>
/* =====================================================
   NORDCHARGE FREE GIFTS / BUNDLE
   ===================================================== */

.nordcharge-gifts {
    width: 100%;
    margin: 15px 0;
    padding: 15px 18px 18px;

    background: #fafafa;
    border: 1px solid #eeeeee;
    border-radius: 10px;

    box-sizing: border-box;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, Helvetica, Arial, sans-serif;
}

.nordcharge-gifts *,
.nordcharge-gifts *::before,
.nordcharge-gifts *::after {
    box-sizing: border-box;
}


/* =====================================================
   TITLE
   ===================================================== */

.nordcharge-gifts-title {
    margin: 0 0 13px;

    color: #202020;

    font-size: 16px;
    line-height: 1.35;

    font-weight: 700;
    text-align: left;
}

.nordcharge-gifts-title strong {
    font-weight: 800;
}


/* =====================================================
   GIFTS ROW
   ===================================================== */

.nordcharge-gifts-row {
    display: grid;

    grid-template-columns:
        1fr 30px 1fr 30px 1fr;

    align-items: center;

    width: 100%;
}


/* =====================================================
   GIFT ITEM
   ===================================================== */

.nordcharge-gift-item {
    min-width: 0;

    text-align: center;
}


/* =====================================================
   IMAGE BOX
   ===================================================== */

.nordcharge-gift-image {
    position: relative;

    width: 108px;
    height: 108px;

    margin: 0 auto 9px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border: 1px dashed #c8c8c8;
    border-radius: 11px;

    overflow: visible;
}


/* =====================================================
   PRODUCT IMAGE
   ===================================================== */

.nordcharge-gift-image img {
    display: block;

    width: 82%;
    height: 82%;

    object-fit: contain;

    transition: transform 0.3s ease;
}

.nordcharge-gift-item:hover
.nordcharge-gift-image img {
    transform: scale(1.05);
}


/* =====================================================
   ORIGINAL PRICE BADGE
   ===================================================== */

.nordcharge-gift-price {
    position: absolute;

    top: -7px;
    right: -7px;

    z-index: 5;

    min-width: 48px;
    height: 28px;

    padding: 4px 7px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #050505;

    color: #ffffff;

    border-radius: 5px;

    font-size: 12px;
    line-height: 1;

    font-weight: 800;

    white-space: nowrap;

    box-shadow: 0 2px 5px rgba(0,0,0,0.15);

    transform: rotate(-3deg);
}


/* =====================================================
   RED STRIKE-THROUGH
   ===================================================== */

.nordcharge-gift-price::after {
    content: "";

    position: absolute;

    left: -3px;
    right: -3px;

    top: 50%;

    height: 3px;

    background: #ff3b30;

    transform: rotate(-12deg);

    border-radius: 2px;
}


/* =====================================================
   FREE BADGE
   ===================================================== */

.nordcharge-gift-free {
    position: absolute;

    bottom: -7px;
    left: 50%;

    z-index: 4;

    padding: 3px 8px;

    background: #111111;

    color: #ffffff;

    border-radius: 4px;

    font-size: 9px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: 0.4px;

    transform: translateX(-50%);
}


/* =====================================================
   PRODUCT NAME
   ===================================================== */

.nordcharge-gift-name {
    margin: 0;

    color: #171717;

    font-size: 12px;
    line-height: 1.25;

    font-weight: 700;

    text-transform: uppercase;
}


/* =====================================================
   PLUS SIGN
   ===================================================== */

.nordcharge-gift-plus {
    display: flex;

    align-items: center;
    justify-content: center;

    color: #b8b8b8;

    font-size: 24px;
    font-weight: 400;
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 600px) {

    .nordcharge-gifts {
        padding: 13px 9px 17px;
        border-radius: 8px;
    }

    .nordcharge-gifts-title {
        font-size: 14px;
        margin-bottom: 13px;
    }

    .nordcharge-gifts-row {
        grid-template-columns:
            1fr 20px 1fr 20px 1fr;
    }

    .nordcharge-gift-image {
        width: 82px;
        height: 82px;
    }

    .nordcharge-gift-price {
        top: -6px;
        right: -5px;

        min-width: 42px;
        height: 24px;

        padding: 3px 5px;

        font-size: 10px;
    }

    .nordcharge-gift-free {
        bottom: -6px;

        padding: 3px 6px;

        font-size: 8px;
    }

    .nordcharge-gift-name {
        font-size: 9px;
    }

    .nordcharge-gift-plus {
        font-size: 19px;
    }
}


/* =====================================================
   SMALL MOBILE
   ===================================================== */

@media (max-width: 400px) {

    .nordcharge-gifts {
        padding-left: 6px;
        padding-right: 6px;
    }

    .nordcharge-gifts-row {
        grid-template-columns:
            1fr 15px 1fr 15px 1fr;
    }

    .nordcharge-gift-image {
        width: 72px;
        height: 72px;
    }

    .nordcharge-gift-price {
        font-size: 9px;
        min-width: 38px;
        height: 22px;
    }

    .nordcharge-gift-name {
        font-size: 8px;
    }

    .nordcharge-gift-plus {
        font-size: 17px;
    }
}
