/* Vings vitamin theme v1: stage-specific overrides. */
:root {
    --vings-pink: #f74791;
    --vings-pink-dark: #d72f77;
    --vings-orange: #ff8738;
    --vings-orange-dark: #e8681d;
    --vings-yellow: #ffd75c;
    --vings-berry: #41263f;
    --vings-soft-pink: #fff2f7;
    --vings-soft-orange: #fff4e9;
    --vings-border: #ffc9dc;
}

body {
    color: var(--vings-berry);
    background: #fff;
}

a {
    color: var(--vings-berry) !important;
}

a:hover,
a:focus {
    color: var(--vings-pink-dark) !important;
}

.ec-headerNaviRole {
    border-bottom: 4px solid var(--vings-orange) !important;
    background: #ff9fc2 !important;
    box-shadow: 0 3px 12px rgba(215, 47, 119, .16);
}

.ec-headerNaviRole a,
.ec-headerNaviRole i,
.ec-headerNaviRole .ec-headerNaviRole__left,
.ec-headerNaviRole .ec-headerNaviRole__right,
.ec-headerNaviRole .ec-headerNaviRole__nav,
.ec-headerNaviRole .ec-cartNavi__price {
    color: var(--vings-berry) !important;
}

.ec-headerNaviRole a:hover,
.ec-headerNaviRole a:focus {
    color: #fff !important;
}

.ec-headerNaviRole .ec-headerNavSP i {
    color: var(--vings-pink-dark) !important;
}

.ec-headerSearch .ec-select_search select {
    border-color: #fff !important;
    background: var(--vings-soft-orange) !important;
    color: var(--vings-berry) !important;
}

.ec-headerSearch__keyword input {
    border-color: #fff !important;
    background: #fff !important;
    color: var(--vings-berry) !important;
}

.ec-headerSearch__keyword .ec-icon img,
.ec-headerSearch__keyword .ec-icon svg {
    color: var(--vings-pink-dark) !important;
}

.ec-cartNavi {
    background: #fff !important;
    color: var(--vings-pink-dark) !important;
}

.ec-cartNavi i,
.ec-cartNavi .ec-cartNavi__price {
    color: var(--vings-pink-dark) !important;
}

.ec-cartNavi__badge {
    background: var(--vings-orange) !important;
    color: #fff !important;
}

.newjoy-headerLogoRole {
    border-bottom: 2px solid var(--vings-border) !important;
    background: var(--vings-soft-pink) !important;
}

.ec-categoryNaviRole,
.ec-layoutRole__contentsTop {
    border-bottom-color: var(--vings-border) !important;
}

.ec-secHeading__en,
.vings-category-grid__heading span,
.newjoy-top-products__heading span,
.newjoy-top-products__price,
.vings-category-grid__list a::after {
    color: var(--vings-pink-dark) !important;
}

.ec-secHeading__line,
.newjoy-top-products__heading strong::after {
    background: var(--vings-orange) !important;
}

.ec-newjoyPopularSearch .ec-newjoyPopularSearch__item a {
    border-color: var(--vings-border) !important;
    background: var(--vings-soft-pink) !important;
    color: var(--vings-berry) !important;
}

.ec-newjoyPopularSearch .ec-newjoyPopularSearch__item:nth-child(3n+2) a {
    border-color: #ffd2ae !important;
    background: var(--vings-soft-orange) !important;
}

.ec-newjoyPopularSearch .ec-newjoyPopularSearch__item:nth-child(3n) a {
    border-color: #f2d66f !important;
    background: #fffbea !important;
}

.ec-newjoyPopularSearch .ec-newjoyPopularSearch__item a:hover,
.ec-newjoyPopularSearch .ec-newjoyPopularSearch__item a:focus {
    border-color: var(--vings-pink) !important;
    background: #fff !important;
    color: var(--vings-pink-dark) !important;
}

.vings-category-grid .vings-category-grid__list a {
    border-color: var(--vings-border) !important;
    border-top: 4px solid var(--vings-pink) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--vings-berry) !important;
    box-shadow: 0 3px 10px rgba(215, 47, 119, .07);
}

.vings-category-grid .vings-category-grid__list li:nth-child(3n+2) a {
    border-top-color: var(--vings-orange) !important;
}

.vings-category-grid .vings-category-grid__list li:nth-child(3n) a {
    border-top-color: var(--vings-yellow) !important;
}

.vings-category-grid .vings-category-grid__list a:hover,
.vings-category-grid .vings-category-grid__list a:focus {
    border-color: var(--vings-orange) !important;
    background: var(--vings-soft-orange) !important;
    color: var(--vings-pink-dark) !important;
}

.newjoy-top-products .newjoy-top-products__item {
    border-color: var(--vings-border) !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(215, 47, 119, .08) !important;
}

.newjoy-top-products .newjoy-top-products__image {
    background: var(--vings-soft-pink) !important;
}

.newjoy-top-products .newjoy-top-products__item a:hover .newjoy-top-products__name {
    color: var(--vings-pink-dark) !important;
}

.newjoy-top-products .newjoy-top-products__price,
.ec-productRole__price .ec-price__price,
.ec-productRole__price .price02-default {
    color: var(--vings-pink-dark) !important;
}

.ec-blockBtn--action,
.ec-productRole__btn .ec-blockBtn--action {
    border-color: var(--vings-orange-dark) !important;
    background: var(--vings-orange) !important;
    color: #fff !important;
}

.ec-blockBtn--action:hover,
.ec-blockBtn--action:focus,
.ec-productRole__btn .ec-blockBtn--action:hover,
.ec-productRole__btn .ec-blockBtn--action:focus {
    border-color: var(--vings-pink-dark) !important;
    background: var(--vings-pink) !important;
    color: #fff !important;
}

.ec-blockBtn--cancel,
.ec-productRole__btn .ec-blockBtn--cancel {
    border-color: var(--vings-pink-dark) !important;
    background: var(--vings-pink) !important;
    color: #fff !important;
}

.ec-blockBtn--cancel:hover,
.ec-blockBtn--cancel:focus,
.ec-productRole__btn .ec-blockBtn--cancel:hover,
.ec-productRole__btn .ec-blockBtn--cancel:focus {
    border-color: var(--vings-orange-dark) !important;
    background: var(--vings-orange) !important;
    color: #fff !important;
}

.product_page .ec-productRole__title,
.product_page .ec-productRole__price,
.product_page .ec-productRole__code,
.product_page .ec-productRole__category,
.product_page .ec-productRole__actions,
.product_page .newjoy-productDescription {
    border-color: var(--vings-border) !important;
}

.product_page .ec-productRole__tag {
    border-color: var(--vings-border) !important;
    background: var(--vings-soft-pink) !important;
    color: var(--vings-pink-dark) !important;
}

.product_page .ec-select select:focus,
.product_page .ec-numberInput input:focus {
    border-color: var(--vings-pink) !important;
    box-shadow: 0 0 0 3px rgba(247, 71, 145, .15) !important;
}

.product_page .newjoy-productDescription table.type02 th {
    background: var(--vings-pink) !important;
    color: #fff !important;
}

.ec-footerRole {
    border-top: 5px solid var(--vings-orange) !important;
    background: #ff9fc2 !important;
}

.ec-footerRole,
.ec-footerRole a,
.ec-footerRole .ec-footerTitle__copyright {
    color: var(--vings-berry) !important;
}

.ec-footerRole a:hover,
.ec-footerRole a:focus {
    color: #fff !important;
}

@media (max-width: 767px) {
    .ec-headerNaviRole {
        border-bottom-width: 3px !important;
    }

    .newjoy-headerLogoRole {
        background: #fff !important;
    }

    .vings-category-grid .vings-category-grid__list a {
        border-top-width: 3px !important;
    }
}