/** Shopify CDN: Minification failed

Line 531:14 Expected ":"

**/
/* notes

product-card.liquid = homepage/shop page



*/



* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
    --vw: 1920;
    --white: #ffffff;
    --purple: #8E2D81;
    --light-purple: #E4D8E7;
}

.product-badges {
    transform: translate(0,40%);
}
.product-badges .product-badges__badge {
    display: block;
    width: calc(120/var(--vw)*100vw);
    height: calc(120/var(--vw)*100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('huer-callout-sale.webp');
    background-color: transparent;
    background-size: cover;
    font-size: 0;
    transform: rotate(15deg);
}





more-payment-options-link {
    display: none !important;
}

/* pack */
.huer-sticker-pack {
    width: calc(120/var(--vw)*100vw);
    height: calc(120/var(--vw)*100vw);
    position: absolute;
    right: 0;
    top: 20%;
    z-index: 2;
    transition: all .3s linear(0,.029 1.6%,.123 3.5%,.651 10.6%,.862 14.1%,1.002 17.7%,1.046 19.6%,1.074 21.6%,1.087 23.9%,1.086 26.6%,1.014 38.5%,.994 46.3%,1);
    transform: translate(-20%,0%) rotate(15deg) scale(1);
    transform-origin: 45% 60%;

    &:hover {
        transform: translate(-25%,0%) rotate(5deg) scale(1.2);
    }
}


/* barbie text hover */
.barbie-text,
.huer-barbie-text {

    img {
        transform: scale(1);
        transition: all .3s linear(0,.029 1.6%,.123 3.5%,.651 10.6%,.862 14.1%,1.002 17.7%,1.046 19.6%,1.074 21.6%,1.087 23.9%,1.086 26.6%,1.014 38.5%,.994 46.3%,1);
    }

    &:hover {
        img {
            transform: scale(1.1) rotate(-1deg);
        }
    }
}


/* sparkle links */

.h-footer-wrap {
    footer {
        .section--page-width {
            padding-left: calc(36/var(--vw)*100vw) !important;
        }
    }

    & .footer-content {
        & > .group-block {
            &:first-child {
                padding-left: calc(32/var(--vw)*100vw);
                position: relative;
                left:  calc(0/var(--vw)*100vw);
            }
        }
    }


    .menu__item a {
        position: relative;
        display: flex;
        align-items: center;

        &:before {
            content: ' ';
            display: block;
            width: 20px;
            height: 20px;
            position: absolute;
            left: -25px;
            top: 0;
            transform: scale(.5) rotate(-45deg);
            transform-origin: center;
            opacity: 0;
            transition: all .2s ease-in-out;
            background-image: url(huer-menu-sparkle.svg);
            background-size: contain;
            height: 100%;
            background-repeat: no-repeat;
            background-repeat: no-repeat;
            background-position: center;
        }

        &:hover {
            &:before {
                transform: scale(1) rotate(0deg);
                opacity: 1;
            }
        }
    }
}

.mega-menu__column {

    .mega-menu__link {
    position: relative;
      
        align-items: center;

        &:before {
            content: ' ';
            display: block;
            width: 20px;
            height: 20px;
            position: absolute;
            left: -25px;
            top: 0;
            transform: scale(.5) rotate(-45deg);
            transform-origin: center;
            opacity: 0;
            transition: all .2s ease-in-out;
            background-image: url(huer-menu-sparkle.svg);
            background-size: contain;
            height: 100%;
            background-repeat: no-repeat;
            background-repeat: no-repeat;
            background-position: center;
        }

        &:hover {
            &:before {
                transform: scale(1) rotate(0deg);
                opacity: 1;
            }
        }
    }

}







#header-group {
.shopify-section:not(.header-section):has(.section) {
    z-index: 2;
}
}


.product-media {
    &:before {
        width: calc(200/var(--vw)*100vw);
        height:  calc(200/var(--vw)*100vw);
        background: red;
        display: block;
        content: ' ';
    }
}


.product-form-buttons button {

    &:not(:disabled) {
        box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
        transition: all .2s ease-in-out;
    }

    &:not(:disabled):hover {
        box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
    }

}

.announcement-bar__text {
    font-size: 16px;
    font-weight: 600;
}


.menu-list__list-item:where(:not([slot=overflow]))>.menu-list__submenu, .overflow-menu::part(overflow) {
    background: linear-gradient(135deg, #e46cd7, #fff);
}



.destini-preload {
    position: fixed;
    top: -100vh;
    left: 0;
    visibility: hidden;
    z-index: 10000;
}

.chakra-portal {
   position: fixed;
   z-index: 100000;
}


.h-product-gradient-bg {
    width: 100%;
    height: 110vh;
    position: fixed;
    top: 0;
    z-index: -2;

    .visibility-overlay {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        background: rgba(0,0,0);
        opacity: 0;
    }
   
}


.dropdown-localization {
    background-color: rgba(0,0,0,0.2);
    padding: 0 calc(12/var(--vw)*100vw);
    border-radius: calc(40/var(--vw)*100vw);
    font-weight: 600;
}

.cart-bubble__background {
    background-color: rgba(0,0,0,0.2);
}



.mega-menu__content-list-item {

    .resource-card {
        transition: all .3s ease-in-out;
        transform: scale(1);
        transition: all .5s linear(0, 0.029 1.6%, 0.123 3.5%, 0.651 10.6%, 0.862 14.1%, 1.002 17.7%, 1.046 19.6%, 1.074 21.6%, 1.087 23.9%, 1.086 26.6%, 1.014 38.5%, 0.994 46.3%, 1);

        &:hover {
            transform: scale(1.1);
        }
    }

    .resource-card__content {
        text-align: center;
        
        .resource-card__title {
            font-weight: 600 !important;
            display: none;
        }

        .price {
            display: none;
        }
    }
}


.cart-drawer__heading.h4 {
    font-family: 'Avigea' !important;
}

.cart__ctas .cart__checkout-button {
    text-transform: uppercase;
    font-weight: 600;
}





/*--- TEMP ----*/
.facets-block-wrapper {
    visibility: hidden;
    position: absolute;
    top: -10000000px;
}


.variant-option__button-label:has(:checked):not(.variant-option__button-label--has-swatch,:has([data-option-available=false])):before {
    border-color: var(--purple) !important;
    background: var(--purple);
}

.variant-option__button-label:not(.variant-option__button-label--has-swatch):before, .variant-option__button-label:has([data-option-available=false]):not(.variant-option__button-label--has-swatch):after {
     border-color: var(--purple) !important;
}

.variant-picker {
    margin-bottom: calc(12/var(--vw)*100vw);
}


.mega-menu__grid {
    padding: 0 42px;
}

.mega-menu__column {
    column-count: 2;
    grid-column: span 2 !important;
    padding-top: calc(20/var(--vw)*100vw);

    .mega-menu__link {
        font-weight: 600;
        font-size: calc(24/var(--vw)*100vw);
        color: #fff;

        &:hover {
            color: #fff;
        }
    }
}

.h-about {
    .candies {
        .candy {
            width: calc(260/var(--vw)*100vw);
            height: calc(260/var(--vw)*100vw);
            position: absolute;
            z-index: 100;

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }

        .c1 {
            top: 0%;
            left: -2%;
        }

        .c2 {
            right: 0;
            top: 10%;
            left: auto;
        }

        .c3 {
            top: 7%;
        }

        .c4 {
            right: 0;
            top: 0%;
            left: auto;
        }

        .c5 {
            top: 2%;
            left: 35%;
            width: calc(120/var(--vw)*100vw);
            height: calc(120/var(--vw)*100vw);
        }

        .c6 {
            top: 12%;
            left: 45%;
            width: calc(180/var(--vw)*100vw);
            height: calc(180/var(--vw)*100vw);
        }
    }
}

.h-section-contact {
    .candies {
        .candy {
            width: calc(260/var(--vw)*100vw);
            height: calc(260/var(--vw)*100vw);
            position: absolute;
            z-index: 100;

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }

        .c1 {
            top: 5%;
            left: -5%;
            transform: rotate(-5deg);
        }

        .c2 {
            right: 0;
            top: 20%;
            left: auto;
        }

        .c3 {
            top: 7%;
        }

        .c4 {
            right: 0;
            top: 0%;
            left: auto;
        }

        .c5 {
            top: 2%;
            left: 35%;
            width: calc(120/var(--vw)*100vw);
            height: calc(120/var(--vw)*100vw);
        }

        .c6 {
            top: 12%;
            left: 45%;
            width: calc(180/var(--vw)*100vw);
            height: calc(180/var(--vw)*100vw);
        }
    }
}

.h-faq {

    .h-candy {
        width: calc(260/var(--vw)*100vw);
        height: calc(260/var(--vw)*100vw);
        position: absolute;
        z-index: 100;

        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }

    .h-candy-1 {
        top: 15%;
        left: -2%;
        transform: rotate(-5deg);
    }

    .h-candy-2 {
        right: 0;
        top: 35%;
        left: auto;
    }

    .h-candy-3 {
        top: 55%;
    }

    .h-candy-4 {
        right: 0;
        top: 0%;
        left: auto;
    }

    .h-candy-5 {
        top: 2%;
        left: 35%;
        width: calc(120/var(--vw)*100vw);
        height: calc(120/var(--vw)*100vw);
        display: none;
    }

    .c6 {
        top: 12%;
        left: 45%;
        width: calc(180/var(--vw)*100vw);
        height: calc(180/var(--vw)*100vw);
    }
    
}

    



.product-recommendations {
    background: var(--light-purple);
    padding-bottom: 260px;
    margin-bottom: -320px;
    z-index: 2;
    position: relative;

    &:before {
        content: ' ';
        display: block;
        width: 100%;
        height
    }
}


#MainContent {
    position: relative;
    z-index: 0;
}




.h-anim {
    transform: translate(0,20px);
    opacity: 0;
}


.menu-list {
    .overflow-menu >li:first-child {
        
        padding: calc(8/var(--vw)*100vw) calc(16/var(--vw)*100vw);
        border-radius: calc(40/var(--vw)*100vw);
        background: #BB28B0;
        background: linear-gradient(135deg, #BB28B0, #C49DC7);
        box-shadow: 3px 3px 20px rgba(0,0,0,0.3);
        transition: all .2s ease-in-out;

        &:hover {
            box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
        }
    }
}








@media(min-width: 750px) {
    
    #header-component {

        .overflow-menu::part(list) {
            column-gap: calc(24/var(--vw)*100vw);
        }
        .header__row {
            display: flex;
            width: 100%;
            padding-left: calc(72/var(--vw)*100vw);
            padding-right: calc(72/var(--vw)*100vw);

            .header__columns {
                width: 100%;
                display: flex;
                justify-content: space-between;
                height: 68px;
                
                .header__column--center {
                    position: absolute;
                    left: 50%;
                    top: 0;
                    transform: translate(-50%,0);
                    z-index: 12;
                }

                .header__column--left {
                    width: 100%;
                }

                .menu-list__list-item:nth-child(5) {
                    margin: 0 0 0 auto;
                }

                .menu-list__link {
                    text-transform: uppercase;
                    font-weight: 600;
                }

                .overflow-menu {
                
    
                    column-gap: calc(24/var(--vw)*100vw);
                }
            }
        }
    }

    .sticky-add-to-cart__bar {
        /* width: 480px !important; */

        .sticky-add-to-cart__image {
            display: none;
        }

        .sticky-add-to-cart__info {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            padding-left: calc(24/var(--vw)*100vw);
            align-items: center;
            column-gap: calc(8/var(--vw)*100vw);

        }

        .sticky-add-to-cart__title {
            font-weight: 600;
        }
    
    }

}

@media (max-width: 749px) {


    .sticky-add-to-cart__image {
        border-radius: 0;

        img {
            object-fit: contain;
        }
        
        
    }
    .sticky-add-to-cart__title {
        font-weight: 600 !important;
    }
}



.product-details {
    .price {
        font-size: calc(40/var(--vw)*100vw);
        font-family: 'Avigea';
        color: var(--white);
      
    }

    
}

.add-to-cart-text,
    .accelerated-checkout-block * {
        text-transform: uppercase;
        font-weight: 600 !important;
    }

.h-product-hero {
    display: flex !important;
    flex-direction: row !important;
    padding-left: calc(72/var(--vw)*100vw);
    padding-right: calc(72/var(--vw)*100vw);
    align-items: center;
    column-gap: calc(24/var(--vw)*100vw);
    height: 100vh;


    .h-product-candy-images {
        z-index: -1;
        
        .candy {
            position: absolute;
            left: 50%;
            top: 50%;
            width: calc(300/var(--vw)*100vw);
            height: calc(300/var(--vw)*100vw);
            transform: translate(-50%,-50%);
            

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

            &.candy-1 {
                left: 5%;
                top: 10%;
            }

            &.candy-2 {
                width: calc(220/var(--vw)*100vw);
                height: calc(220/var(--vw)*100vw);
                left: auto;
                right: 0;
                transform: translate(0%,-50%);
                top: 20%;
             
            }

            &.candy-3 {
                width: calc(160/var(--vw)*100vw);
                height: calc(160/var(--vw)*100vw);
                left: auto;
                right:25%;
                bottom: 5%;
                transform: translate(0%,0%);
                top: auto;
            }
        }
    }


    .fixed-product-image {
        position: fixed;
        left: 50%;
        top: 50%;
        width: calc(100%/12*4);
        min-width: calc(100%/12*4);
        height: 100vh;
        transform: translate(-50%,-48%);
        display: flex;
        align-items: center;
        z-index: 0;
    }

    .h-product-info {
        width: calc(100%/12*4);
        min-width: calc(100%/12*4);
        color: var(--white);

        h1 {
            max-width: calc(100%/6*5.5);
            margin-bottom: 0;

            sup {
                font-size: 0.4em;
                position: relative;
                top:-0.2em;
                left:0.2em;
            }
        }

        .h-product-rating {
            justify-content: flex-start;
            
        }

        .text {
            width: calc(100%/4*3);
            font-weight: 600;
            margin-top: calc(30/var(--vw)*100vw);
        }

        .product-highlight {
            margin-top: calc(40/var(--vw)*100vw);
            /*width: calc(100%/6*4);*/

            .icon-highlight {
                width: calc(32/var(--vw)*100vw);
                height: calc(32/var(--vw)*100vw);
            }
            
            svg {
                width: 100%;
                height: 100%;

                path {
                    fill: #fff;
                }
            }

            ul {
                list-style: none;
                padding: 0;
                margin: 0;
                display: flex;
                flex-direction: row;
                font-size: calc(14/var(--vw)*100vw);
                line-height: calc(16/14*1em);
                gap: calc(24/var(--vw)*100vw);
                font-weight:600;
                flex-wrap: wrap;

                li {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    column-gap: calc(8/var(--vw)*100vw);
                    /*width: calc(50% - (24/var(--vw)*100vw));*/
                }
                
            }
        }

        h1 {
            font-size: calc(60/var(--vw)*100vw);
            font-family: 'Avigea';
        }
    }

    .product-information__media {
        width: calc(100%/12*4);
        min-width: calc(100%/12*4);
    }


    .product-details {
        width: calc(100%/12*3);
        margin-left: calc(100%/12*1);
        color: var(--white);
    }
}

@media (max-width: 749px) {

    .product-badges {
         transform: translate(0,65%) !important;
    }
    .product-badges .product-badges__badge {
        
        width: calc(90/var(--vw)*100vw);
        height: calc(90/var(--vw)*100vw);
       
        transform: rotate(15deg);
    }

    /* about */
    .h-about .candies .candy {
        width: calc(100/var(--vw)*100vw);
        height: calc(100/var(--vw)*100vw);
    }

    .h-about .candies .candy.c2 {
        top: 5%;
        width: calc(90 / var(--vw) * 100vw);
        height: calc(90 / var(--vw) * 100vw);
    }

    .h-about .candies .candy.c3 {
        width: calc(70/var(--vw)*100vw);
        height: calc(70/var(--vw)*100vw);
        top: 5%;
        left: -3px;
    }

    .h-about .candies .candy.c5 {
        width: calc(60/var(--vw)*100vw);
        height: calc(60/var(--vw)*100vw);
        top: 1.5%;
        left: 50%;
        transform: rotate(5deg);
    }

    .h-about .candies .candy.c6 {
                top: 6.5%;
        left: 25%;
        
    }
    
    .h-about .h-container-hero {
        height: 50vh;
    }

    /* faq */
    .h-faq {
        .h-candy-1 {
            width: calc(140 / var(--vw) * 100vw);
            height: calc(140 / var(--vw) * 100vw);
            left: -10% !important;
            top: -1% !important;
        }

        .h-candy-2 {
            width: calc(120 / var(--vw) * 100vw);
            height: calc(120 / var(--vw) * 100vw);
            right: -2% !important;
        }

        .h-candy-3 {
            width: calc(120 / var(--vw) * 100vw);
            height: calc(120 / var(--vw) * 100vw);
            left: -9% !important;
            transform: rotate(15deg) !important;
            top: 53% !important;
        }
        
        .h-candy-4 {
            width: calc(150 / var(--vw) * 100vw);
            height: calc(150 / var(--vw) * 100vw);
            right: -8% !important;
            top: 74% !important;
        }
    }


    /* contact */
    .h-section-contact {
        .candies {
            .c1 {
                width: calc(130 / var(--vw) * 100vw);
                height: calc(130 / var(--vw) * 100vw);
                top: 0;
                left: -12%;
                transform: rotate(55deg);
            }

            .c2 {
                width: calc(120 / var(--vw) * 100vw);
                height: calc(120 / var(--vw) * 100vw);
                right: -7%;
                top: 900px;
            }
        }
    }
    

    /* mobile fix */
    .h-decor-01 {
        left: -12%;
        transform: rotate(25deg);
        z-index: 1000 !important;
        top: -70px !important;
        bottom: auto;
    }
    
    .h-decor-02 {
        right: -14% !important;
        transform: rotate(-37deg) !important;
        top: 10vh !important;
    }

    .sticky-add-to-cart__bar:before {
        display: none;
    }

    .h-product-gradient-bg {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: -2;
        height: 100%;
        
        img {
            height: 100%;
            object-fit: cover;
        }
    
    }


    .huer-sticker-pack {
        width: calc(90 / var(--vw) * 100vw);
        height: calc(90 / var(--vw) * 100vw);
        top: 15%;
        right: -5%;
    }


    .h-product-hero {
        flex-direction: column !important;
        padding-left: calc(16/var(--vw)*100vw);
        padding-right: calc(16/var(--vw)*100vw);
        align-items: center;
        column-gap: calc(24/var(--vw)*100vw);
        height: auto;
        padding-top: calc(80/var(--vw)*100vw);


        .variant-picker__form legend {
            display: none !important;
        }



        .h-product-candy-images {
            .candy {
                &.candy-1,
                &.candy-2,
                &.candy-3 {
                    
                }

                &.candy-1 {
                    left: 8%;
                    top: 5%;
                    width: calc(160 / var(--vw) * 100vw) !important;
                    height: calc(160 / var(--vw) * 100vw) !important;
                }

                &.candy-2 {
                    right: -10%;
                    top: 28%;
                    width: calc(120 / var(--vw) * 100vw) !important;
                    height: calc(120 / var(--vw) * 100vw) !important;
                    transform: rotate(15deg);
                }

                &.candy-3 {
                    left: -8%;
                    top: 48%;
                    width: calc(120 / var(--vw) * 100vw) !important;
                    height: calc(120 / var(--vw) * 100vw) !important;
                    transform: rotate(-15deg);
                }
            }
        }






        .fixed-product-image {
            position: static;
            left: 0%;
            width: 90%;
            min-width: 90%;
            margin: 0 auto;
            height: auto;
            transform: translate(0%,0%);
            display: flex;
            align-items: center;
            z-index: 0;
        }

        .h-product-info {
            width: 100%;
            min-width: 100%;
            color: var(--white);

            .text {
                width: calc(100%/4*3);
                display: none;
            }

            h1 {
                font-size: calc(40/var(--vw)*100vw);
                text-align: center;
                /*max-width: calc(100%/6*4);*/
                margin: 0 auto;
                max-width: 100%;
            }
            
            .h-product-rating {
                justify-content: center;
                margin-bottom: calc(0 / var(--vw) * 100vw);
            }

            .product-highlight {
                display: none;
            }

        }

        .product-information__media {
            width: 100%;
            min-width: 100%;
        }


        .product-details {
            width: 100%;
            margin-left: 0;
            color: var(--white);

            .price {
                display: block;
                text-align: center;
            }
        }

        .buy-buttons-block {
            margin-top: calc(20/var(--vw)*100vw);
        }

        .product-form-buttons {
            row-gap: calc(12/var(--vw)*100vw) !important;
        }

    }


    .product-recommendations {
        margin-bottom: calc(-260/var(--vw)*100vw) !important;
    }

    .h-sticky-buttons {
        a {
            
            &.icon-search {
                padding: 0 !important;
                span {
                    display: none !important;
                }
            }
        }
    }

    .announcement-bar__text {
        line-height: 20px !important;
    }








}




#smooth-wrapper {
    width: 100%;
    overflow: hidden;
}


.header-logo__image-container {
    transform: scale(1.8) translate(-2%, 25%);
    z-index: 3;
}






.h-bg-gradient  {
    /* default at 30ddeg */
    background: #8E2D81;
    background: linear-gradient(29deg,rgba(142, 45, 129, 1) 0%, rgba(195, 141, 102, 1) 56%, rgba(251, 241, 74, 1) 100%);


    &.purple-yellow-135deg {
        background: #8E2D81;
        background: linear-gradient(120deg,rgba(142, 45, 129, 1) 0%, rgba(195, 141, 102, 1) 90%, rgba(224, 193, 87, 1) 100%);
    }

    &.purple-orange-red-25 {
        background: #8F2A87;
        background: linear-gradient(25deg,rgba(143, 42, 135, 1) 0%, rgba(222, 110, 71, 1) 69%, rgba(223, 46, 40, 1) 100%);
    }
}


@font-face {
    font-family: 'Avigea';
    src: url('Avigea.woff2') format('woff2'),
        url('Avigea.woff') format('woff'),
        url('Avigea.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.masked-element {
  -webkit-mask-image: url('shape.svg');
  mask-image: url('shape.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.huer-barbie-text {

    margin-bottom: 0;
        line-height: 1em;
        font-size: 0;

    span{
        font-size: 0;
        line-height:0;
    }
}





.h-footer-wrap {

    .section--page-width {
        display: flex;
        padding: 0 calc(72/var(--vw)*100vw);
        column-gap: calc(24/var(--vw)*100vw);
    }

    .group-block {
        
         h2 {
            font-family: 'Avigea' !important;
            font-size: calc(28/var(--vw)*100vw);
            margin-bottom: calc(20/var(--vw)*100vw);
        }
        ul {
            padding: 0;

            a {
                font-size: calc(16/var(--vw)*100vw);
                line-height: calc(34/24*1em);
                font-weight: 600;
                letter-spacing: 0;
            }
        }
    }

    .group-block:first-child {
        ul {
            column-count: 2;

            a {
                font-size: calc(24/var(--vw)*100vw);
            }
        }
    }


    .group-block:nth-child(4) {
        padding-right: 4px;

        .group-block-content {
            row-gap: calc(24/var(--vw)*100vw);
        }

    
        .text-block {
            p {
                font-size: 12px;
                font-weight: 500;
                line-height: 18px;
                margin-top: calc(8/var(--vw)*100vw);
            }

            &.h4 {
                margin-top: calc(-5/var(--vw)*100vw);
                
                p {
                    text-wrap: auto;
                    font-size: calc(24/var(--vw)*100vw);
                    line-height: calc(32/24*1em);
                    font-weight: 500;
                    padding-right: calc(20/var(--vw)*100vw);
                    margin-top: 0;
                }
            }

        }
        
        .email-signup__input-group {
            flex-direction: column;
            row-gap: calc(16/var(--vw)*100vw);
            overf
            
            label {
                display: none;
            }
            
            input,
            button {
                min-width: 100%;
                width: 100%;
                padding: 0;
                height: calc(44/var(--vw)*100vw);
                min-height: calc(44/var(--vw)*100vw);
                color: var(--white);
                font-weight: 600;

                &:focus-visible {
                    outline: none;
                }
            }

            input {
                padding: 0 calc(24/var(--vw)*100vw);
                background-color: rgba(255,255,255,0.1);

                &:hover {
                    background-color: rgba(255,255,255,0.1);
                }
            }

            button {
                font-weight: 600;
                font-size: calc(18/var(--vw)*100vw);
                transition: all .2s ease !important;
                transform: scale(1);
                box-shadow: 0px 3px 10px rgba(0,0,0,0.2);

                &:hover {
                    transform: scale(1.01);
                }
            }
        }
    }


    .footer-content {
        display: flex;
        width: 100%;

        & > .group-block {
            &:first-child {
                width: calc(100%/12*4);
                min-width: calc(100%/12*4);
            }
            &:nth-child(2) {
                width: calc(100%/12*2);
                margin-left: calc(100%/12*1);
            }
            &:nth-child(3) {
                width: calc(100%/12*2);
            }

            &:nth-child(4) {
                width: calc(100%/12*3);
                margin: 0 0 0 auto;
                
            }

        }
    }
    
      
    
    

   
}


/* layout */
.h-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    font-size: calc(24/var(--vw)*100vw);
    font-weight: 500;
    line-height: calc(36/24*1em);

    .h-container {
        width: 100%;
        display: flex;
        padding: 0 calc(72/var(--vw)*100vw);
        column-gap: calc(24/var(--vw)*100vw);
        position: relative;

        &.justify-center {
            justify-content: center;
        }

        &.align-items {
            align-items: center;
        }

        &.align-center {
            align-items: center;
        }

        &.with-wave-02 {
            position: relative;

            &:before {
                content: ' ';
                display: block;
                width: 100%;
                height: calc(260/var(--vw)*100vw);
                top: 2px;
                left: 0;
                transform: translate(0,-100%);
                position: absolute;
                z-index: 0;
                background-size: cover;
                background-image: url('h-wave-02.svg');
            }
        }

        &.with-wave-03 {
            position: relative;

            &:before {
                content: ' ';
                display: block;
                width: 100%;
                height: calc(200/var(--vw)*100vw);
                top: 0px;
                left: 0;
                transform: translate(0,0%);
                position: absolute;
                z-index: 0;
                background-size: cover;
                background-image: url('h-wave-03.svg');
            }
        }
    }
    
    .h-block {
        display: block;
        width: 100%;
        max-width: 100%;

        &.fit-content {
            max-width: fit-content;
        }
    }

    .h-col-1 {
        width: calc(100%/12*1 - (12/var(--vw)*100vw))
    }

    .h-col-2 {
        width: calc(100%/12*2 - (12/var(--vw)*100vw))
    }

    .h-col-3 {
        width: calc(100%/12*3 - (12/var(--vw)*100vw))
    }

    .h-col-4 {
        width: calc(100%/12*4 - (12/var(--vw)*100vw))
    }

    .h-col-5 {
        width: calc(100%/12*5 - (12/var(--vw)*100vw))
    }

    .h-col-6 {
        width: calc(100%/12*6 - (12/var(--vw)*100vw))
    }

    .h-col-7 {
        width: calc(100%/12*7 - (12/var(--vw)*100vw))
    }

    .h-col-8 {
        width: calc(100%/12*8 - (12/var(--vw)*100vw))
    }

    .h-col-9 {
        width: calc(100%/12*9 - (12/var(--vw)*100vw))
    }

    .h-col-10 {
        width: calc(100%/12*10 - (12/var(--vw)*100vw))
    }

    .push-1 {
        margin-left: calc(100%/12*1);
    }

    .push-2 {
        margin-left: calc(100%/12*2);
    }

    .push-3 {
        margin-left: calc(100%/12*3);
    }
}


.bx-controls {
    .bx-controls-direction {
        display: none;
    }

    .bx-pager {
        display: flex;
        gap: calc(12/var(--vw)*100vw);
        justify-content: center;
        margin-top: calc(60/var(--vw)*100vw);

        .bx-pager-item {
            
            a {
                display: block;
                width: 8px;
                height: 8px;
                border-radius: calc(12/var(--vw)*100vw);
                background: rgba(142,45,129,0.2);
                font-size: 0;

                &.active {
                    background: rgba(142,45,129,1);
                }
            }

        }
    }
}



/* elements */
.h-button {
    display: flex;
    height: calc(44/var(--vw)*100vw);
    font-weight: 600;
    color: var(--white);
    justify-content: center;
    align-items: center;
    position: relative;
    /*background-image: url('button-center.png');*/
    background-color: var(--purple);
    border-radius: 50px;
    background-size: contain;
    background-position: 0px 0px;
    text-transform: uppercase;
    padding: 2px 24px 0;
    margin-left: 32px;
    margin-right: 32px;
    max-width: fit-content;
    font-size: calc(18/var(--vw)*100vw);
    /*transition: all .2s ease-in-out;*/
    transition: all .5s linear(0, 0.029 1.6%, 0.123 3.5%, 0.651 10.6%, 0.862 14.1%, 1.002 17.7%, 1.046 19.6%, 1.074 21.6%, 1.087 23.9%, 1.086 26.6%, 1.014 38.5%, 0.994 46.3%, 1);
    transform: scale(1.02);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
    /*
    &:before,
    &:after {
        background-size: contain;
        width: 34px;
        height: 100%;
        display: block;
        content: ' ';
        position: absolute;
        top: 0;
        transition: all .2s ease-in-out;
        background-repeat: no-repeat;
    }
    */

    /*

    &:before {
        background-image: url('button-left.png');
        left: 0;
        transform: translate(-100%,0);
        background-position: center right;
        
    }

    &:after {
        background-image: url('button-right.png');
        right: 0;
        transform: translate(100%,0);
        background-position: center left; 
    }
    */

    &:hover {
        transform: scale(1);
        box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
    }

}


.h-section-contact .submit-button  {
    display: flex;
    height: 50px;
    font-weight: 600;
    color: var(--white);
    justify-content: center;
    align-items: center;
    position: relative;
    background-image: url('button-center.png');
    background-size: contain;
    background-position: 0px 0px;
    margin-top: 100px;
    text-transform: uppercase;
    padding: 2px 16px 0;
    max-width: fit-content;
    font-size: calc(18/var(--vw)*100vw);
    border-radius: 0 !important;

    &:before,
    &:after {
        background-size: contain;
        width: 34px;
        height: 50px;
        display: block;
        content: ' ';
        position: absolute;
        top: 0;
    }

    &:before {
        background-image: url('button-left.png');
        left: 0;
        transform: translate(-100%,0);
        
    }
    &:after {
        background-image: url('button-right.png');
        right: 0;
        transform: translate(100%,0);
        
    }
}


@media (min-width: 749px) {
.main-collection-grid {
    .product-grid {
        padding-left: calc(72/var(--vw)*100vw);
        padding-right: calc(72/var(--vw)*100vw);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: calc(24/var(--vw)*100vw);

        li {
            width: calc(100%/12*3 - (18/var(--vw)*100vw));
        }
    }
}
}


.barbie-text {
    position: relative;
    margin: 0;

    span {
        display: block;
        z-index: -100;
        opacity: 0;
        position: absolute;
    }

    img {
        width: 100%;
    }

    &.lets-chat {
        width: calc(400/var(--vw)*100vw);

       
    }

    &.more-to-like {
        width: calc(448/var(--vw)*100vw);

    }

    &.for-dose-of-happiness {
        width: calc(698/var(--vw)*100vw);
        transform: translate(4%,0%); 
    }

    &.faqs {
        width: calc(647/var(--vw)*100vw);
        transform: translate(4%,0%); 

      
    }

    &.more-questions {
        width: calc(568/var(--vw)*100vw);

       
    }

    &.take-one-bite {
        width: calc(732/var(--vw)*100vw);

    }

    &.believe-in-magic {
        width: calc(973/var(--vw)*100vw);      
     
    }

    &.take-one-bite-and-feel-magic {
        width: calc(778/var(--vw)*100vw);
    }

}


.h-text-group {

    h4 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: calc(24/var(--vw)*100vw);
    }
}


.product-card {
    .product-card__link {
        display: none;
    }
}



.product-card__content {
    color: var(--white);

    .product-media {
        /* padding: 30px; */
    }

    a {
        color: var(--white);
        font-size: calc(32/var(--vw)*100vw);
        line-height: 1em;
        font-weight: 600;
        letter-spacing: -0.02em;
    }

    .h6>* {
        color: var(--white);
    }

    .h-product-gradient {
        position: absolute;
        width: 100%;
        height: 55%;
        background: var(--purple);
        display: block;
        bottom: 0;
        z-index: -2;
        border-radius: calc(24/var(--vw)*100vw);
        bottom: 0;
        overflow: hidden;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}


.h-product-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: calc(16/var(--vw)*100vw) calc(24/var(--vw)*100vw) calc(24/var(--vw)*100vw);
    row-gap: calc(16/var(--vw)*100vw);

    .h-button {
        width: 100%;
        min-width: calc(100% - (68/var(--vw)*100vw));
        font-size: calc(18/var(--vw)*100vw);
        &:hover {
            
        }
    }

    .h-buy-on {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        font-size: calc(18/var(--vw)*100vw);
        font-weight: 600;
        color: var(--white);
        align-items: center;
        column-gap: calc(16/var(--vw)*100vw);
        justify-content: center;
    }

    .buy-on-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        column-gap: calc(8/var(--vw)*100vw);

        .icon-search {
            display: block;
            width: calc(40/var(--vw)*100vw);
            height: calc(40/var(--vw)*100vw);
            background-color: rgba(255,255,255,0.2);
            border-radius: calc(40/var(--vw)*100vw);
            overflow: hidden;
            position: relative;
            font-size: 0;

            &:before {
                background-image: url('icon-product-locator.svg'); 
            }
  
        }

        a {
            display: block;
            width: calc(40/var(--vw)*100vw);
            height: calc(40/var(--vw)*100vw);
            background-color: rgba(255,255,255,0.2);
            border-radius: calc(40/var(--vw)*100vw);
            overflow: hidden;
            position: relative;
            font-size: 0;

            &:before {
                content:' ';
                width: 100%;
                height: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                transition: all .2s ease-in-out;
                background-size: cover;
            }

            &.icon-amazon {
                &:before {
                   background-image: url('icon-buy-on-amazon.svg'); 
                }
            }

            &.icon-instacart {
                &:before {
                   background-image: url('icon-buy-on-instacart.svg'); 
                }
            }

            &.icon-wallmart {
                &:before {
                   background-image: url('icon-buy-on-wallmart.svg'); 
                }
            }

            &:hover {
                &:before {
                    transform: translate(-50%,-50%) scale(1.1);
                }
            }

        }
    }
}



.h-sticky-buttons {
    display: flex;
    flex-direction: row;
    gap: 4px;

    a {
        display: block;
        width: 40px;
        height: 40px;
        background-color: rgba(255,255,255,0.2);
        background-color: #93328e;
        border-radius: calc(40/var(--vw)*100vw);
        overflow: hidden;
        position: relative;
        font-size: 0;

        &:before {
            content:' ';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            transition: all .2s ease-in-out;
            background-size: cover;
            z-index:2;
           
        }

        &.icon-amazon {
            &:before {
                background-image: url('icon-buy-on-amazon.svg'); 
            }
        }

        &.icon-instacart {
            &:before {
                background-image: url('icon-buy-on-instacart.svg'); 
            }
        }

        &.icon-wallmart {
            &:before {
                background-image: url('icon-buy-on-wallmart.svg'); 
            }
        }

        &.icon-search {
            &:before {
                background-image: url('icon-product-locator.svg'); 
            }
        }

        &:hover {
            &:before {
                transform: translate(-50%,-50%) scale(1.1);
            }
        }
    }

    &.exlusive-amazon {
        a {
            display: block;
            width: auto;
            height: 40px;
            font-size: 13px;
            display: flex;
            color: #fff;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            padding: 0 16px 0 8px;
            text-decoration: none !important;
            transition: all .2s ease-in-out;
            overflow: hidden;
            box-shadow: 0px 0px 10px rgba(0,0,0,0.3);

            .gradient-animation {
                display: block;
                width: 100%;
                height: 100%;
                background: #93328e;
                background: linear-gradient(120deg, rgba(142, 45, 129, 1) 0%, rgba(195, 141, 102, 1) 90%, rgba(224, 193, 87, 1) 100%);
                position: absolute;
                left: 0;
                top: 0;
                z-index:0;
                opacity: 0;
                transition: all .2s ease-in-out;  
            }

            span {
                position: relative;
                z-index: 2;
            }
  
            &:before {
                width: 40px;
                height: 40px;
                position: static;
                top: 0%;
                left: 0%;
                transform: translate(0%,0%);
                z-index: 2;
            }

            &:hover,
            &:visited,
            &:active {
                text-decoration: none !important;
            }

            &:hover,
            &:visited,
            &:active {
                .gradient-animation {
                    opacity: 1;
                }
            
                box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
            }

        }
    }
}

.sticky-add-to-cart__bar {
    gap: 0 !important;
    
    .sticky-add-to-cart__button {
        height: 44px;
        margin: 0 4px 0 12px;
        overflow: hidden;
        box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
        

        &:before {
            content: ' ';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            background: #fff;
            transform: scale(1.02);
            transition: all .2s ease-in-out;
            background: linear-gradient(120deg, rgba(142, 45, 129, 1) 0%, rgba(195, 141, 102, 1) 90%, rgba(224, 193, 87, 1) 100%);
        }

        &:hover {
            box-shadow: -3px 3px 10px rgba(0,0,0,0.3);
            &:before {
                opacity: 1;
            }
        }
    }

    .h-sticky-buttons {

        a {
            box-shadow: 0px 3px 5px rgba(0,0,0,0.3);

            &:after {
                content: ' ';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 0;
                opacity: 0;
                background: #fff;
                transform: scale(1.02);
                transition: all .2s ease-in-out;
                background: linear-gradient(120deg, rgba(142, 45, 129, 1) 0%, rgba(195, 141, 102, 1) 90%, rgba(224, 193, 87, 1) 100%);
            }

            &:hover {
                box-shadow: -3px 3px 10px rgba(0,0,0,0.3);
                &:after {
                    opacity: 1;
                }
            }
        }
    }

    
}


.product-form-buttons {
    .add-to-cart-button {
        &:disabled {
            border-radius: 4px;
            height: auto !important;
            opacity: 1;
            background-color: rgba(255,255,255,0.1);
            

            &:before {
                content: 'This size option is exclusively sold on Amazon.';
                font-size: 14px;
                font-weight: 600;
            }

            .add-to-cart-text,
            .add-to-cart__added {
                display: none;
            }
        }
    }
}


.variant-picker__form {
    .variant-option {
        display: flex;
        flex-direction: row;

        .variant-option__button-label {
            border-radius: 52px;
            min-width: calc(50% - 8px);
            width: 100%;
            max-width: 100%;
            font-weight: 600;
            background-color: rgba(255,255,255,0.2) !important;
            color: #fff;
        }
        
        .variant-option--equal-width-buttons .variant-option__button-label__text {
            color: #fff;
        }
    }
}



.variant-option__button-label:has([data-option-available=false]):has(:checked),
.variant-option__button-label:hover, .variant-option__button-label:hover:has([aria-disabled=true]):has([data-option-available=false]) {
    color: #fff !important;
}

.variant-option__button-label:has([data-option-available=false]):has(:checked):before {
    background-color: #93328e;
}

.variant-option__button-label__pill {
    background-color: #93328e !important;
}



.h-single-product-buttons {
    .product-buy-on,
    .product-search {
        display: flex;
        flex-direction: row;
        gap: calc(8/var(--vw)*100vw);
        justify-content: space-between;
        flex-wrap: nowrap;
        margin-top: 13px;

        a {
            height: 48px;
            border: 2px solid rgba(255,255,255,0.3);
            transition: all .2s ease-in-out;
            border-radius: 40px;
            width: 100%;
            color: #fff;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            position: relative;
            text-decoration: none;

            &:hover {
                border: 2px solid rgba(255,255,255,0.8);
                text-decoration: none;
            }

            &:before {
                content: ' ';
                height: 32px;
                width: 32px;
                margin-left: -12px;
                transition: all .2s ease-in-out;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: left center;
                
            }

            &.icon-amazon:before {
                background-image: url(icon-buy-on-amazon.svg);
            }

            &.icon-instacart:before {
                background-image: url(icon-buy-on-instacart.svg);
            }

            &.icon-wallmart:before {
                background-image: url(icon-buy-on-wallmart.svg);
            }

            &.icon-search:before {
                background-image: url(icon-product-locator.svg);
            }
        }
    }

    .product-search {
        margin-top: 24px;
        a {
            border: 0;
            font-size: 16px;

            &:hover {
                border: 0;
                text-decoration: underline !important;
            }
        }
    }
}




/* Amazon Exclusive */
.h-single-amazon-product-buttons {
    .product-buy-on,
    .product-search {
        display: flex;
        flex-direction: row;
        gap: calc(8/var(--vw)*100vw);
        justify-content: space-between;
        flex-wrap: nowrap;
        margin-top: 13px;

        a {
            height: 52px;
            transition: all .2s ease-in-out;
            border-radius: 40px;
            width: 100%;
            color: #fff;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            position: relative;
            text-decoration: none;
            background-color: #93328e;

            &:before {
                content: ' ';
                height: 44px;
                width: 44px;
                margin-left: -12px;
                transition: all .2s ease-in-out;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: left center;
            }

            &.icon-amazon:before {
                background-image: url(icon-buy-on-amazon.svg);
            }

            &.icon-instacart:before {
                background-image: url(icon-buy-on-instacart.svg);
            }

            &.icon-search:before {
                background-image: url(icon-product-locator.svg);
            }
        }
    }

    .product-buy-on a {
        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);

        &:hover {
         
            box-shadow: 0px 3px 5px 5px rgba(0,0,0,0.3);
        }
    }
    

    .product-search {
        margin-top: 24px;
        a {
            border: 0;
            font-size: 16px;
            background-color: transparent;


            &:hover {
                border: 0;
                text-decoration: underline !important;
            }
        }
    }


}







/* product rating */
.h-product-rating {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: calc(12/var(--vw)*100vw);
    color: var(--white);
    font-weight: 500;
    font-size: calc(16/var(--vw)*100vw);
    margin-top: calc(8 /var(--vw)*100vw);

    span {
        position: relative;
        top: calc(2/var(--vw)*100vw);
    }

    .rating-stars {
        display: flex;
        flex-direction: row;
        gap: calc(4/var(--vw)*100vw);
    }
    .rating-star {
        display: block;
        width: calc(17/var(--vw)*100vw);
        height: calc(17/var(--vw)*100vw);
        background-image: url('icon-star.svg');
        background-size: cover;
    }
}


.product-grid__card.product-grid__card {
    gap: 0;
}


.product-card {
    
    .h-product-card-info {
        text-align: center;
    }

    .card-gallery {
        margin-bottom: calc(-30/var(--vw)*100vw);
    }

    .product-media {
        transition: all .2s ease-in-out;
        transform: scale(1);
    }

    .popup-candy {
        position: absolute;
        width: calc(140/var(--vw)*100vw);
        top: 50%;
        left: 50%;
        transition: all .6s linear(0, 0.029 1.6%, 0.123 3.5%, 0.651 10.6%, 0.862 14.1%, 1.002 17.7%, 1.046 19.6%, 1.074 21.6%, 1.087 23.9%, 1.086 26.6%, 1.014 38.5%, 0.994 46.3%, 1);
        z-index:-1;
        display: none;
    }

    .popup-candy-1 {
        left: 50%;
        top: 25%;
        transform: rotate(-10deg) scale(0.5) translate(-50%,0);
        display: block !important;
    }

    .popup-candy-2 {
        left: auto;
        right: 25%;
        top: 25%;
        transform: rotate(15deg) scale(0.5) translate(-50%,0);
        display: block !important;
    }

    .popup-candy-4 {
        left: auto;
        right: 25%;
        top: 25%;
        transform: rotate(15deg) scale(0.5) translate(-50%,0);
        display: block !important;
    }

    .popup-candy-3 {
        left: 50%;
        top: 20%;
        transform: rotate(-55deg) scale(0.5) translate(-50%,0);
        display: block !important;
    }

    &:hover {
        
        .product-media {
            transform: scale(0.97);
        }
    
        .popup-candy-1 {
            left: 5%;
            top: 5%;
            transform: rotate(-10deg) scale(1) translate(-35%,10%);
        }

        .popup-candy-2 {
            left: auto;
            right: 5%;
            top: 25%;
            transform: rotate(25deg) scale(1) translate(45%,0);
        }

        .popup-candy-3 {
            left: 0;
            top: 40%;
            transform: rotate(-35deg) scale(1) translate(-30%,0);
        }

        .popup-candy-4 {
            left: auto;
            right: -10%;
            top: 3%;
            transform: rotate(-110deg) scale(0.8) translate(0%,0);
        }
    }
}




.h-social-icons {
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: row;
        gap: calc(8/var(--vw)*100vw);

        a {
            display: block;
            width: calc(48/var(--vw)*100vw);
            height: calc(48/var(--vw)*100vw);
            border-radius: calc(48/var(--vw)*100vw);
            font-size: 0;
            background-color: var(--purple);
            position: relative;
            transition: all .2s ease-in-out;

            &:before {
                content:' ';
                width: calc(48/var(--vw)*100vw);
                height: calc(48/var(--vw)*100vw);
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                transition: all .2s ease-in-out;
                background-size: cover;
            }

            &.icon-instagram {
                &:before {
                   background-image: url('icon-social-instagram.svg'); 
                }
            }

            &.icon-linkedin {
                &:before {
                   background-image: url('icon-social-linkedin.svg'); 
                }
            }

            &.icon-tiktok {
                &:before {
                   background-image: url('icon-social-tiktok.svg'); 
                }
            }

            &:hover {
                background-color: rgba(142,45,129,0.8);

                &:before {
                    transform: translate(-50%,-50%) scale(1);
                    
                }
            }
        }
    }
}



.h-candy {
    display: block;
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(200/var(--vw)*100vw);
    height: calc(200/var(--vw)*100vw);

    &.h-candy-01 {
        background-image: url('huer-candy-01.png');
    }

    &.h-candy-02 {
        background-image: url('huer-candy-01.png');
    }

    &.h-candy-03 {
        background-image: url('huer-candy-01.png');
    }

    &.h-candy-04 {
        background-image: url('huer-candy-01.png');
    }
}


.h-footer-wrap {
    padding-top: calc(200/var(--vw)*100vw);
    position: relative;


    .h-footer-wave {
        display: block;
        top: 0px;
        left:0;
        position: absolute;
        height: calc(200/var(--vw)*100vw);
        background-image: url('h-wave-footer.svg');
        transform: translate(0,0);
        background-size: cover;
        width: 100%;
    }

    &:before {
        
    }

    .footer-utilities {
        padding-top: calc(60/var(--vw)*100vw);
        padding-bottom: calc(40/var(--vw)*100vw);
    }
}






@media (min-width: 750px) {

    .main-collection-grid .product-grid {
        row-gap: calc(90/var(--vw)*100vw);
    }
    
    .resource-list__carousel .resource-list__slide {
        overflow: visible !important;
    }

    .product-grid__card.product-grid__card {
        overflow: visible !important;
        justify-content: space-between;
    }

    
    :not(.dialog-zoomed-gallery)>.product-media-container {
        overflow: visible !important;
    }


}




@media (max-width: 749px) {

    :root {
        --vw: 393;
    }
    
    .header-logo__image-container {
        transform: scale(1.8) translate(-2%, 25%);
     
    }

    .h-footer-wrap footer {
        .section--page-width {
            padding: 0 16px !important;
        }
    }

    .h-footer-wrap .footer-content > .group-block:first-child {
        padding: 0 0px !important;
    }

    

    /*
    .h-footer-wrap {
        padding-top: calc(90/var(--vw)*100vw);
        &:before {
           
            height: calc(90/var(--vw)*100vw);
         
            background-position: 85% 0;
        }
    } */




    .h-footer-wrap {
        padding-top: calc(120 / var(--vw) * 100vw);
 
        .h-footer-wave {
            height: 90px;
        }

        .footer-utilities {
            padding-top: calc(40/var(--vw)*100vw);
            padding-bottom: calc(20/var(--vw)*100vw);
        }

        .section--page-width {
            padding: 0 calc(16/var(--vw)*100vw);
            
            .utilities {
                flex-direction: row;
                justify-content: space-between;
            }
        }

        .group-block {
            margin-bottom: calc(40/var(--vw)*100vw);

            h2 {
                font-size: calc(24/var(--vw)*100vw);
                margin-bottom: calc(0/var(--vw)*100vw);
            }

            ul {

                a {
                    font-size: calc(16/var(--vw)*100vw);
                    line-height: calc(34/24*1em);
                    letter-spacing: 0;
                }
            }
        }

        .group-block:first-child {
            margin-bottom: calc(60/var(--vw)*100vw);

            h2 {
                font-size: calc(24/var(--vw)*100vw);
                margin-bottom: calc(20/var(--vw)*100vw);
            }
            ul {
                column-count: 2;

                a {
                    font-size: calc(20/var(--vw)*100vw);
                    line-height: calc(34/24*1em);
                }
            }
        }


        .footer-content {
            flex-direction: column;

            & > .group-block {
                &:first-child {
                    width: 100%;
                }
                &:nth-child(2) {
                    width: 100%;
                    margin-left: 0;
                }
                &:nth-child(3) {
                    width: 100%;
                }

                &:nth-child(4) {
                    width: 100%;
                }

            }
        }

    }





    






    .product-grid-container {
        padding: 0 16px;
    }


    .product-grid {
        row-gap: calc(60/var(--vw)*100vw);
    }

    .h-candy {
        width: calc(120/var(--vw)*100vw);
        height: calc(120/var(--vw)*100vw);
    }

    .h-section {
        font-size: calc(16/var(--vw)*100vw);
        line-height: calc(24/16*1em);

        .h-container {
            flex-direction: column;
            padding: 0 calc(16/var(--vw)*100vw);
            column-gap: calc(16/var(--vw)*100vw);
        }
    
        .h-block {
            margin: 0;
            width: 100%;
        }
    }


    .h-button {
        height: 40px;
        padding: 2px 16px 0;
        margin-left: 0;
        margin-right: 0px;
        max-width: fit-content;

        &:before,
        &:after {
            width: calc(44/50*34px);
        }

        &:before {
            background-image: url('button-left.png');
            transform: translate(-100%,0);
            left: 1px;
        }

        &:after {
            background-image: url('button-right.png');
            transform: translate(100%,0);
            right: 1px;
        }
    }


    .barbie-text {

        &.lets-chat {
            width: calc(253/var(--vw)*100vw);
            margin: 0 auto;

            &:before {
                width: calc(35/var(--vw)*100vw);
            }
        }

        &.more-to-like {
            width: calc(330/var(--vw)*100vw);

            &:before {
                width: calc(50/var(--vw)*100vw);
                height: calc(61/var(--vw)*100vw);
            }
        }

        &.for-dose-of-happiness {
            width: 100%;
            transform: translate(0%,0%); 
        }

        &.faqs {
            width: 100%;
            transform: translate(2%,0%); 

            &:before {
                width: calc(50/var(--vw)*100vw);
                height: calc(61/var(--vw)*100vw);
                left: 50%;
                top: 0;
                transform: translate(-50%,-100%);
            }
        }

        &.more-questions {
            width: 100%;
            transform: translate(2%,0%); 

            &:before {
                width: calc(50/var(--vw)*100vw);
                height: calc(61/var(--vw)*100vw);
            }
        }

        &.take-one-bite {
            width: 100%;

            &:before {
                width: calc(40/var(--vw)*100vw);
                height: calc(50/var(--vw)*100vw);
            }
        }

        &.believe-in-magic {
            width: 100%;
            &:before {
                width: calc(50/var(--vw)*100vw);
                height: calc(61/var(--vw)*100vw);
            }
        }

        &.take-one-bite-and-feel-magic {
            width: 100%;
            &:before {
                width: calc(50/var(--vw)*100vw);
                height: calc(61/var(--vw)*100vw);
            }
        }
    }


    .product-card__content {

        .product-media {
            /* padding: 24px; */
            transform: translate(0%);
        }

        a {
            color: var(--white);
            font-size: calc(32/var(--vw)*100vw);

            p {
                padding: 0 5px;
            }
        }


        .h-product-gradient {
            position: absolute;
            height: 55%;
            background: var(--purple);
            display: block;
            bottom: 0;
            border-radius: calc(24/var(--vw)*100vw);
            overflow: hidden;
            width: 100%;
            left: 0;
            /*
            width: calc(100% - (32/var(--vw)*100vw));
            left: calc(16/var(--vw)*100vw);
            */
        }
    
    }


    .product-card {

        .card-gallery {
            margin-bottom: calc(0/var(--vw)*100vw);
        }

        .popup-candy {
            display: none;
        }

        &:hover {
            .product-media {
                transform: scale(1) translate(0,0) !important;
            }
        }
    }

    .h-product-rating {
        font-size: calc(14/var(--vw)*100vw);

        span {
            position: relative;
            top: calc(0/var(--vw)*100vw);
        }

        .rating-star {
            width: calc(12/var(--vw)*100vw);
            height: calc(12/var(--vw)*100vw);
        }
    }

    .h-product-buttons {
        display: flex;
        flex-direction: column;
        padding: calc(16/var(--vw)*100vw) calc(16/var(--vw)*100vw) calc(24/var(--vw)*100vw);
        row-gap: calc(16/var(--vw)*100vw);

        .h-button {
            width: 100%;
            margin-left: 32px;
            margin-right: 32px;
            font-size: calc(14/var(--vw)*100vw);
        }

        .h-buy-on {
            font-size: calc(16 / var(--vw) * 100vw);
            column-gap: calc(12 / var(--vw) * 100vw);
        }

        .buy-on-buttons {
            a {
                width: calc(40 / var(--vw) * 100vw);;
                height: calc(40 / var(--vw) * 100vw);
            }
        }
        


    }

    .resource-list__carousel .resource-list__slide {
        width: 85% !important;
    }

    .h-social-icons {
        ul {
            gap: calc(6/var(--vw)*100vw);

            a {
                width: calc(40/var(--vw)*100vw);
                height: calc(40/var(--vw)*100vw);
                border-radius: calc(40/var(--vw)*100vw);
        
                &:before {
                    width: calc(40/var(--vw)*100vw);
                    height: calc(40/var(--vw)*100vw);
                    
                }
            }
        }
    }


  
}