@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes upDown {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-2rem);
        transform: translateY(-2rem)
    }
}

@keyframes upDown {

    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-2rem);
        transform: translateY(-2rem)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
}

.footer__links,
.jcf-list ul,
.primary-nav ul,
.search-suggestions-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 1.8rem
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: .4rem;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.rtl .mCSB_scrollTools {
    width: .4rem
}

.select2-container .mCSB_scrollTools {
    opacity: 0;
    visibility: hidden
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: -26px
}

.mCSB_container_wrapper,
.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: .4rem;
    height: 100%;
    margin: 0 auto
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 120px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: .4rem;
    height: 100%;
    margin: 0 auto;
    text-align: center
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 1.8rem
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: .4rem;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 1.8rem;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: .4rem;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: .4rem;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    width: auto;
    overflow: hidden;
    margin-right: 1.8rem;
    margin-bottom: 1.8rem
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 1.8rem;
    padding-bottom: 1.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 1.8rem
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #ebebeb
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000
}

@font-face {
    font-family: "matat-icon";
    src: url(../fonts/matat-icon.eot);
    src: url(../fonts/matat-icon.eot?#iefix) format("eot"), url(../fonts/matat-icon.woff2) format("woff2"), url(../fonts/matat-icon.woff) format("woff"), url(../fonts/matat-icon.ttf) format("truetype"), url(../fonts/matat-icon.svg#matat-icon) format("svg")
}

.icon:before,
.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before,
.jcf_drop_close:before,
.woocommerce-MyAccount-navigation .jcf-select-opener:before {
    font-family: "matat-icon";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-angle-down:before,
.woocommerce-MyAccount-navigation .jcf-select-opener:before {
    content: "\e001"
}

.icon-angle-left:before {
    content: "\e002"
}

.icon-angle-right:before {
    content: "\e003"
}

.icon-appointment:before {
    content: "\e004"
}

.icon-calendar:before {
    content: "\e005"
}

.icon-close-thin:before {
    content: "\e006"
}

.icon-close:before,
.jcf_drop_close:before {
    content: "\e007"
}

.icon-email:before {
    content: "\e008"
}

.icon-envelope-alt:before {
    content: "\e009"
}

.icon-envelope:before {
    content: "\e00a"
}

.icon-facebook-alt:before {
    content: "\e00b"
}

.icon-facebook:before {
    content: "\e00c"
}

.icon-heart-fill:before,
.matat-wishlist-button.has_in_wishlist .icon-heart:before {
    content: "\e00d"
}

.icon-heart:before {
    content: "\e00e"
}

.icon-instagram:before {
    content: "\e00f"
}

.icon-link:before {
    content: "\e010"
}

.icon-linkedin:before {
    content: "\e011"
}

.icon-location:before {
    content: "\e012"
}

.icon-menu:before {
    content: "\e013"
}

.icon-minus-light:before {
    content: "\e014"
}

.faq__heading.ui-state-active:before,
.icon-minus:before,
.jcf-number .jcf-btn-dec:before {
    content: "\e015"
}

.icon-phone:before {
    content: "\e016"
}

.icon-plus-light:before {
    content: "\e017"
}

.faq__heading:before,
.icon-plus:before,
.jcf-number .jcf-btn-inc:before,
.woocommerce-ordering .jcf-select .jcf-select-text:before {
    content: "\e018"
}

.icon-search:before {
    content: "\e019"
}

.icon-shopping-bag:before {
    content: "\e01a"
}

.icon-user:before {
    content: "\e01b"
}

.icon-y:before {
    content: "\e01c"
}

.icon-youtube:before {
    content: "\e01d"
}

:root {
    --font-family-source-sans: "Source Sans 3", Poppins, sans-serif;
    --font-family-serif: "Playfair Display", sans-serif;
    --headings-font-family: "Playfair Display", sans-serif;
    --transion-cubic: cubic-bezier(0.26, 0.54, 0.32, 1);
    --yvel-root-font-size: 2.4154589371980677vw;
    --container-width-sm: 54rem;
    --container-width-md: 72rem;
    --container-width-lg: 155rem
}

@media (min-width:414px) {
    :root {
        --yvel-root-font-size: 62.5%
    }
}

@media (min-width:992px) {
    :root {
        --yvel-root-font-size: 0.625vw
    }
}

@media (min-width:1600px) {
    :root {
        --yvel-root-font-size: 62.5%
    }
}

@media (max-width:575.98px) {
    :root {
        --yvel-body-font-size: 1.6rem
    }
}

button {
    color: var(--yvel-body-color)
}

.font-serif {
    font-family: var(--font-family-serif)
}

img,
svg {
    max-width: 100%;
    height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

[data-flickity]:after {
    content: "flickity";
    display: none
}

@media (min-width:992px) {
    [data-flickity].flickity_only_mobile:after {
        content: ""
    }
}

.matat-wishlist-button.has_in_wishlist .icon-heart {
    color: #bc9951
}

.main_amin.anim_active .banner__caption {
    -webkit-animation: fade-in 1s ease forwards;
    animation: fade-in 1s ease forwards
}

.main_amin.anim_active .banner__title {
    -webkit-animation: fade-in 1s ease forwards .25s;
    animation: fade-in 1s ease forwards .25s
}

.main_amin.anim_active .banner__body-text {
    -webkit-animation: fade-in 1s ease forwards .35s;
    animation: fade-in 1s ease forwards .35s
}

.main_amin.anim_active .banner__button {
    -webkit-animation: fade-in 1s ease forwards .45s;
    animation: fade-in 1s ease forwards .45s
}

.main_amin .banner__body-text,
.main_amin .banner__button,
.main_amin .banner__caption,
.main_amin .banner__title {
    opacity: 0
}

.mini-cart__item .product-name a,
.primary-nav ul a,
ins {
    text-decoration: none
}

.banner .slide,
.mega-menu-dropdown .drop-menu-image img {
    width: 100%
}

.banner iframe {
    border: 0;
    aspect-ratio: 1
}

@media (min-width:992px) {
    .banner iframe {
        aspect-ratio: 1/.46875
    }
}

.banner .flickity-page-dots {
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    z-index: 9;
    --yvel-primary: var(--yvel-white)
}

@media (min-width:992px) {
    .banner .flickity-page-dots {
        bottom: 2rem
    }
}

.jcf-select-drop-content-wrapper {
    position: relative
}

.jcf-select-drop-content-wrapper .jcf_drop_close {
    display: none;
    position: absolute;
    top: .2rem;
    right: .2rem;
    padding: 1.2rem;
    font-size: 0;
    z-index: 99
}

.jcf-select-drop-content-wrapper .jcf_drop_close:before {
    font-size: 1rem;
    line-height: 1
}

.loader.hidden {
    display: none
}

.wpcf7 form .wpcf7-response-output {
    border: 0;
    padding: 0;
    margin-inline: 0
}

.caption {
    --headings-font-family: var(--base-font-family);
    display: block
}

@media (min-width:992px) {

    .h2,
    h2 {
        font-size: 5rem
    }
}

.link {
    font: 1.6rem/1 "Poppins", sans-serif;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: .1em;
    text-decoration-thickness: from-font;
    display: inline-block
}

.link--secondary {
    color: var(--yvel-secondary)
}

.normal-link {
    text-decoration: none;
    font: 1.6rem/1.5 var(--yvel-body-font-family)
}

@media (min-width:992px) {
    .normal-link {
        font-weight: 300;
        font-size: 1.8rem
    }
}

.jcf-number .normal-link .jcf-btn-dec,
.jcf-number .normal-link .jcf-btn-inc,
.normal-link .icon,
.normal-link .jcf-number .jcf-btn-dec,
.normal-link .jcf-number .jcf-btn-inc,
.normal-link .jcf_drop_close,
.normal-link .woocommerce-MyAccount-navigation .jcf-select-opener,
.woocommerce-MyAccount-navigation .normal-link .jcf-select-opener {
    font-size: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: .8rem
}

@media (min-width:992px) {

    .jcf-number .normal-link .jcf-btn-dec,
    .jcf-number .normal-link .jcf-btn-inc,
    .normal-link .icon,
    .normal-link .jcf-number .jcf-btn-dec,
    .normal-link .jcf-number .jcf-btn-inc,
    .normal-link .jcf_drop_close,
    .normal-link .woocommerce-MyAccount-navigation .jcf-select-opener,
    .woocommerce-MyAccount-navigation .normal-link .jcf-select-opener {
        font-size: 1.2rem
    }
}

.icon,
.jcf_drop_close,
.woocommerce-MyAccount-navigation .jcf-select-opener {
    line-height: 1
}

:root {
    --button-bg: var(--yvel-white);
    --button-color: var(--yvel-black);
    --button-border-color: transparent;
    --button-padding: 1.8rem 2.5rem;
    --button-margin: 0;
    --button-display: inline-flex;
    --button-font-size: var(--yvel-body-font-size);
    --button-line-height: var(--yvel-body-line-height);
    --button-font-weight: var(--yvel-body-font-weight);
    --button-font-family: var(--yvel-body-font-family);
    --button-text-decoration: none;
    --button-text-align: center
}

.button {
    font: var(--button-font-weight) var(--button-font-size)/var(--button-line-height) var(--button-font-family);
    border: 1px solid var(--button-border-color);
    outline: 0;
    background: var(--button-bg);
    color: var(--button-color);
    padding: var(--button-padding);
    margin: var(--button-margin);
    display: var(--button-display);
    -webkit-text-decoration: var(--button-text-decoration);
    text-decoration: var(--button-text-decoration);
    text-align: var(--button-text-align);
    -webkit-box-pack: var(--button-text-align);
    -ms-flex-pack: var(--button-text-align);
    justify-content: var(--button-text-align);
    -webkit-transition: .25s ease backgropund, .25s ease border, .25s ease color;
    transition: .25s ease backgropund, .25s ease border, .25s ease color
}

.button--no-style {
    --button-padding: 0
}

.button--outline {
    --button-border-color: var(--yvel-black);
    --button-color: var(--yvel-black);
    text-transform: capitalize;
}

.button--outline--transparent:hover,
.button--outline:hover {
    --button-bg: var(--yvel-black);
    --button-color: var(--yvel-white);
    --button-border-color: var(--yvel-black)
}

.button--outline--transparent,
.button--outline--transparent-white {
    --button-bg: transparent
}

.button--outline--transparent-white:hover,
.button--outline--white:hover {
    --button-bg: var(--yvel-white);
    --button-color: var(--yvel-black);
    --button-border-color: var(--yvel-white)
}

.button--outline--transparent-white,
.button--outline--white {
    --button-color: var(--yvel-white);
    --button-border-color: var(--yvel-white)
}

.button--small {
    --button-font-size: 1.6rem;
    --button-padding: 1.1rem 3.8rem;
    /*--button-padding: 0.8rem 1.5rem*/
}

.button--primary {
    --button-border-color: var(--yvel-black);
    --button-color: var(--yvel-white);
    --button-bg: var(--yvel-black)
}

.button--primary:hover {
    --button-border-color: var(--yvel-secondary);
    --button-color: var(--yvel-black);
    --button-bg: var(--yvel-secondary)
}

.button .icon,
.button .jcf-number .jcf-btn-dec,
.button .jcf-number .jcf-btn-inc,
.button .jcf_drop_close,
.button .woocommerce-MyAccount-navigation .jcf-select-opener,
.jcf-number .button .jcf-btn-dec,
.jcf-number .button .jcf-btn-inc,
.woocommerce-MyAccount-navigation .button .jcf-select-opener {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1
}

.input-text {
    display: inline-block;
    vertical-align: top;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid var(--yvel-black);
    border-width: 0 0 1px;
    font-size: 1.5rem;
    line-height: 1.2;
    color: var(--yvel-black);
    padding: 0;
    margin: 0;
    height: calc(4.3rem + 1px);
    appearance: none;
    border-radius: 0
}

.input-text::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

.input-text::-moz-placeholder {
    opacity: 1;
    color: rgba(0, 0, 0, .5)
}

.input-text:-moz-placeholder {
    color: rgba(0, 0, 0, .5)
}

.input-text:-ms-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

.input-text.placeholder {
    color: rgba(0, 0, 0, .5)
}

.input-text.error {
    border-color: red !important
}

label.error,
span.error {
    color: red;
    font-size: 1.1rem
}

@media (min-width:992px) {

    label.error,
    span.error {
        font-size: 1.2rem
    }
}

.quantity {
    line-height: 1
}

.quantity .quantity-wrap {
    position: relative
}

.quantity label {
    font-size: 1.6rem;
    font-weight: 300
}

.quantity button {
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    background: 0 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.jcf-number .quantity button .jcf-btn-dec,
.jcf-number .quantity button .jcf-btn-inc,
.quantity button .icon,
.quantity button .jcf-number .jcf-btn-dec,
.quantity button .jcf-number .jcf-btn-inc,
.quantity button .jcf_drop_close,
.quantity button .woocommerce-MyAccount-navigation .jcf-select-opener,
.woocommerce-MyAccount-navigation .quantity button .jcf-select-opener {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .9rem;
    line-height: 1
}

@media (min-width:992px) {

    .jcf-number .quantity button .jcf-btn-dec,
    .jcf-number .quantity button .jcf-btn-inc,
    .quantity button .icon,
    .quantity button .jcf-number .jcf-btn-dec,
    .quantity button .jcf-number .jcf-btn-inc,
    .quantity button .jcf_drop_close,
    .quantity button .woocommerce-MyAccount-navigation .jcf-select-opener,
    .woocommerce-MyAccount-navigation .quantity button .jcf-select-opener {
        font-size: 11px
    }
}

.quantity .quantity_minus {
    left: 0
}

.quantity .quantity_plus {
    right: 0
}

.quantity .input-text {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    margin: 0;
    height: 100%;
    color: #000;
    font-weight: 400;
    background: 0 0;
    width: 100%;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font: 400 1.6rem/1.25 var(--yvel-body-font-family);
    text-align: center;
    padding: 0 1.2rem;
    border: 0
}

.cart-item .cart-quantity input[type=number]::-webkit-inner-spin-button,
.cart-item .cart-quantity input[type=number]::-webkit-outer-spin-button,
.jcf-number input[type=number]::-webkit-inner-spin-button,
.jcf-number input[type=number]::-webkit-outer-spin-button,
.mini-cart__item .cart-quantity input[type=number]::-webkit-inner-spin-button,
.mini-cart__item .cart-quantity input[type=number]::-webkit-outer-spin-button,
.quantity .input-text::-webkit-inner-spin-button,
.quantity .input-text::-webkit-outer-spin-button {
    -webkit-appearance: none;
    display: none
}

.cart-item .cart-quantity input[type=number],
.jcf-number input[type=number],
.mini-cart__item .cart-quantity input[type=number] {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    margin: 0;
    height: 2.6rem;
    color: #000;
    font-weight: 400;
    background: 0 0;
    width: 6.2rem;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font: 400 1.6rem/1.25 var(--yvel-body-font-family);
    text-align: center;
    padding: .3rem 1.2rem;
    border: 0;
    display: inline-block;
    vertical-align: top
}

.jcf-number,
.search-suggestions-list a {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.jcf-number:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2
}

.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: .9rem;
    line-height: 1;
    z-index: 3;
    cursor: pointer
}

@media (min-width:992px) {

    .jcf-number .jcf-btn-dec,
    .jcf-number .jcf-btn-inc {
        font-size: 11px
    }
}

.jcf-number .jcf-btn-dec.jcf-disabled,
.jcf-number .jcf-btn-inc.jcf-disabled {
    opacity: .6;
    cursor: not-allowed
}

.jcf-number .jcf-btn-dec {
    left: 0
}

.jcf-number .jcf-btn-inc {
    right: 0
}

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0
}

.jcf-list .item-hideme {
    display: none
}

.jcf-list .jcf-option {
    cursor: pointer
}

.jcf-list .jcf-option-hideme {
    display: none
}

.header__action-right>div,
.nav-opener {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-opener {
    padding: 0;
    margin: 0 1rem -1px 0;
    background: 0 0;
    outline: 0;
    border: 0
}

@media (min-width:768px) {
    .nav-opener {
        margin-top: 0
    }
}

.nav-opener .nav-bar {
    font-size: 0;
    height: 1px;
    width: 1.8rem;
    background: #000;
    -webkit-transition: .3s ease-in-out background;
    transition: .3s ease-in-out background;
    display: block;
    position: relative
}

.nav-active .nav-opener .nav-bar {
    background: 0 0;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.resize-active .nav-opener .nav-bar {
    -webkit-transition: none;
    transition: none
}

.nav-opener .nav-bar:after,
.nav-opener .nav-bar:before {
    position: absolute;
    left: 0;
    height: 1px;
    background: #000;
    content: "";
    margin: 0;
    width: 100%
}

.nav-active .nav-opener .nav-bar:after,
.nav-active .nav-opener .nav-bar:before {
    -webkit-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
}

.resize-active .nav-opener .nav-bar:after,
.resize-active .nav-opener .nav-bar:before {
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s
}

.nav-opener .nav-bar:before {
    top: -.7rem;
    -webkit-transition: .3s ease top .3s, .3s ease transform 0s, .3s ease-in-out background;
    transition: .3s ease top .3s, .3s ease transform 0s, .3s ease-in-out background
}

.nav-active .nav-opener .nav-bar:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s ease top 0s, .3s ease transform .3s, .3s ease-in-out background;
    transition: .3s ease top 0s, .3s ease transform .3s, .3s ease-in-out background
}

.nav-opener .nav-bar:after {
    bottom: -.7rem;
    -webkit-transition: .3s ease bottom .3s, .3s ease transform 0s, .3s ease-in-out background;
    transition: .3s ease bottom .3s, .3s ease transform 0s, .3s ease-in-out background
}

.nav-active .nav-opener .nav-bar:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .3s ease bottom 0s, .3s ease transform .3s, .3s ease width .3s, .3s ease-in-out background;
    transition: .3s ease bottom 0s, .3s ease transform .3s, .3s ease width .3s, .3s ease-in-out background
}

#wrapper {
    padding-top: var(--header-height, 10.4rem)
}

@media (min-width:992px) {
    #wrapper {
        padding-top: var(--header-height, 19.2rem)
    }
}

.header {
    padding: 2.9rem 1.8rem 2rem;
    background: var(--yvel-white);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    -webkit-transition: top .5s ease;
    transition: top .5s ease
}

@media (min-width:992px) {
    .header {
        padding: 2rem 7.3rem 0
    }
}

.header.headroom--unpinned {
    top: calc(0px - var(--header-height, 10.4rem))
}

@media (min-width:992px) {
    .header.headroom--unpinned {
        top: calc(0px - var(--header-height, 19.2rem))
    }
}

.header__action-left,
.header__action-right {
    -ms-flex-preferred-size: calc(50% - 4.4rem);
    flex-basis: calc(50% - 4.4rem);
    max-width: calc(50% - 4.4rem)
}

@media (min-width:768px) {

    .header__action-left,
    .header__action-right {
        -ms-flex-preferred-size: calc(50% - 5.5rem);
        flex-basis: calc(50% - 5.5rem);
        max-width: calc(50% - 5.5rem)
    }
}

.header__action-left .button {
    --button-font-size: 1.3rem;
    --button-margin: 0 1.7rem 0 0;
    position: relative
}

.header__action-left .button .icon,
.header__action-left .button .jcf-number .jcf-btn-dec,
.header__action-left .button .jcf-number .jcf-btn-inc,
.header__action-left .button .jcf_drop_close,
.header__action-left .button .woocommerce-MyAccount-navigation .jcf-select-opener,
.jcf-number .header__action-left .button .jcf-btn-dec,
.jcf-number .header__action-left .button .jcf-btn-inc,
.woocommerce-MyAccount-navigation .header__action-left .button .jcf-select-opener {
    font-size: 1.72rem
}

@media (min-width:768px) {

    .header__action-left .button .icon,
    .header__action-left .button .jcf-number .jcf-btn-dec,
    .header__action-left .button .jcf-number .jcf-btn-inc,
    .header__action-left .button .jcf_drop_close,
    .header__action-left .button .woocommerce-MyAccount-navigation .jcf-select-opener,
    .jcf-number .header__action-left .button .jcf-btn-dec,
    .jcf-number .header__action-left .button .jcf-btn-inc,
    .woocommerce-MyAccount-navigation .header__action-left .button .jcf-select-opener {
        font-size: 2rem
    }
}

.header__action-left .button .icon-envelope {
    font-size: 1.3rem
}

.header__action-left .button .icon-calendar {
    font-size: 1.68rem
}

.header__action-left .button.btn-contact {
    --button-margin: 0 2.8rem 0 0
}

@media (min-width:992px) {
    .header__action-left .button:hover .btn-hover-txt {
        display: inline
    }
}

.header__action-left .button .btn-hover-txt {
    font-weight: 300;
    display: none;
    position: absolute;
    top: 130%;
    border: 1px solid #000;
    padding: 2px 5px
}

@media (min-width:768px) {
    .header__action-left .button .btn-hover-txt {
        margin-left: .7rem
    }
}

.header__action-right .button {
    --button-font-size: 1.4rem;
    --button-margin: 0 0 0 1.2rem
}

@media (min-width:768px) {
    .header__action-right .button {
        --button-font-size: 1.3rem;
        --button-margin: 0 0 0 1.3rem
    }
}

.header__action-right .button .icon,
.header__action-right .button .jcf-number .jcf-btn-dec,
.header__action-right .button .jcf-number .jcf-btn-inc,
.header__action-right .button .jcf_drop_close,
.header__action-right .button .woocommerce-MyAccount-navigation .jcf-select-opener,
.jcf-number .header__action-right .button .jcf-btn-dec,
.jcf-number .header__action-right .button .jcf-btn-inc,
.woocommerce-MyAccount-navigation .header__action-right .button .jcf-select-opener {
    font-size: 1.85rem
}

@media (min-width:768px) {

    .header__action-right .button .icon,
    .header__action-right .button .jcf-number .jcf-btn-dec,
    .header__action-right .button .jcf-number .jcf-btn-inc,
    .header__action-right .button .jcf_drop_close,
    .header__action-right .button .woocommerce-MyAccount-navigation .jcf-select-opener,
    .jcf-number .header__action-right .button .jcf-btn-dec,
    .jcf-number .header__action-right .button .jcf-btn-inc,
    .woocommerce-MyAccount-navigation .header__action-right .button .jcf-select-opener {
        font-size: 1.7rem
    }
}

.header__action-right .button .cart_items_counter {
    width: 1.6rem;
    height: 1.6rem;
    top: -.7rem;
    right: -1rem;
    font-size: .9rem;
    line-height: 1.6rem
}

.header__action-right>div {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width:575.98px) {
    .header__action-right>div {
        max-width: 47px !important;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
}

.header__action-right>div .woocs-lds-ellipsis {
    position: absolute
}

.header__action-right>div .selectron23 {
    width: 54px !important;
    height: 19px !important;
    -ms-flex-preferred-size: 54px !important;
    flex-basis: 54px !important;
    z-index: 88 !important
}

@media (max-width:575.98px) {
    .header__action-right>div .selectron23 {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }
}

.header__action-right>div .selectron23 .selectron23-option-title {
    font-weight: 400 !important
}

.header__action-right>div .selectron23 .selectron23-container {
    background: 0 0 !important;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    border: 0 !important;
    z-index: 88 !important
}

.header__action-right>div .selectron23 .selectron23-container .selectron23-option {
    padding: 4px 5px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1)
}

.header__action-right>div .selectron23 .selectron23-container[data-opened="0"]>span,
.header__action-right>div .selectron23 .selectron23-container[data-opened="1"]>span {
    border: 0 !important;
    width: 6px;
    height: 10px;
    right: 7px;
    top: 12px !important;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="15" fill="none"><path d="M1.307 1 1 1.3l6.136 6L1 13.3l.307.3L7.75 7.3 1.307 1Z" stroke="%23000000"/></svg>') 50% 50%/100% auto no-repeat;
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -ms-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg)
}

.header__action-right>div .selectron23 .selectron23-container[data-opened="1"]>span {
    top: 18px !important;
    -webkit-transform: translate(0, -50%) rotate(270deg);
    -ms-transform: translate(0, -50%) rotate(270deg);
    transform: translate(0, -50%) rotate(270deg)
}

.js__wishlist_control.has-items {
    color: #bc9951
}

.js__wishlist_control.has-items .icon-heart::before {
    content: "\e00d"
}

.logo {
    width: 8rem
}

@media (min-width:768px) {
    .logo {
        width: 10.2rem
    }
}

body.mini_cart_active,
body.nav-active {
    overflow: hidden
}

@media (min-width:992px) {
    .primary-nav {
        padding: 1.9rem 0 1.7rem
    }
}

@media (max-width:991.98px) {
    .primary-nav {
        -webkit-transition: .5s ease-in-out visibility, .5s ease-in-out opacity, .5s ease-in-out transform;
        transition: .5s ease-in-out visibility, .5s ease-in-out opacity, .5s ease-in-out transform;
        background: var(--yvel-white);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 90;
        padding: 8rem 2rem 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .primary-nav.drop_menu_active {
        overflow: hidden
    }

    .resize-active .primary-nav {
        -webkit-transition: none;
        transition: none
    }

    .nav-active .primary-nav {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.primary-nav .nav-close {
    --button-bg: transparent;
    right: 2.1rem;
    top: 2.7rem;
    z-index: 71
}

@media (min-width:992px) {
    .primary-nav>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:991.98px) {
    .primary-nav>ul {
        padding-bottom: 1.4rem
    }
}

.primary-nav>ul>li {
    margin-bottom: 1rem
}

@media (min-width:992px) {
    .primary-nav>ul>li {
        margin: 0 2.6rem
    }
}

@media (max-width:575.98px) {
    .primary-nav>ul>li {
        opacity: 0
    }

    .nav-active .primary-nav>ul>li:not(.animation_end) {
        -webkit-animation: fade-in 1s ease forwards .55s;
        animation: fade-in 1s ease forwards .55s
    }

    .primary-nav>ul>li.animation_end {
        opacity: 1;
        -webkit-animation: none;
        animation: none
    }

    .primary-nav>ul>li:nth-child(2) {
        -webkit-animation-delay: .62s;
        animation-delay: .62s
    }

    .primary-nav>ul>li:nth-child(3) {
        -webkit-animation-delay: .69s;
        animation-delay: .69s
    }

    .primary-nav>ul>li:nth-child(4) {
        -webkit-animation-delay: .76s;
        animation-delay: .76s
    }

    .primary-nav>ul>li:nth-child(5) {
        -webkit-animation-delay: .83s;
        animation-delay: .83s
    }

    .primary-nav>ul>li:nth-child(6) {
        -webkit-animation-delay: .9s;
        animation-delay: .9s
    }

    .primary-nav>ul>li:nth-child(7) {
        -webkit-animation-delay: .97s;
        animation-delay: .97s
    }

    .primary-nav>ul>li:nth-child(8) {
        -webkit-animation-delay: 1.04s;
        animation-delay: 1.04s
    }

    .primary-nav>ul>li:nth-child(9) {
        -webkit-animation-delay: 1.11s;
        animation-delay: 1.11s
    }

    .primary-nav>ul>li:nth-child(10) {
        -webkit-animation-delay: 1.18s;
        animation-delay: 1.18s
    }

    .primary-nav>ul>li:nth-child(11) {
        -webkit-animation-delay: 1.25s;
        animation-delay: 1.25s
    }
}

@media (max-width:991.98px) {
    .primary-nav>ul>li.menu-item-has-children>a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: .9rem;
        height: 1.5rem;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="15" fill="none"><path d="M1.307 1 1 1.3l6.136 6L1 13.3l.307.3L7.75 7.3 1.307 1Z" stroke="%239E9E9E"/></svg>') 50% 50%/100% auto no-repeat;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@media (min-width:992px) {
    .primary-nav>ul>li.menu-item-has-children:hover>a:after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .primary-nav>ul>li.menu-item-has-children:hover>.mega-menu-dropdown {
        opacity: 1;
        visibility: visible
    }

    .primary-nav>ul>li.menu-item-has-children>a:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 1.8rem
    }
}

.primary-nav>ul>li>a {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 300;
    text-transform: capitalize;
    display: block;
    padding: .8rem 0;
    position: relative
}

@media (min-width:992px) {
    .primary-nav>ul>li>a {
        font-size: 1.7rem;
        position: relative
    }

    .primary-nav>ul>li>a:hover:after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .primary-nav>ul>li>a:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background: #bc9951;
        bottom: 0;
        -webkit-transition: .4s ease opacity, .4s ease transform;
        transition: .4s ease opacity, .4s ease transform;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

.primary-nav .mobile-menu-contact {
    border-top: 1px solid var(--yvel-black);
    padding-top: 2.9rem
}

@media (max-width:991.98px) {
    .primary-nav .mobile-menu-contact {
        opacity: 0
    }

    .nav-active .primary-nav .mobile-menu-contact {
        -webkit-animation: fade-in 1s ease forwards .55s;
        animation: fade-in 1s ease forwards .55s
    }
}

.primary-nav .mobile-menu-contact li {
    padding-bottom: 1.4rem
}

.primary-nav .mobile-menu-contact .button {
    --button-font-weight: 300;
    --button-font-size: 1.5rem;
    text-transform: capitalize
}

.jcf-number .primary-nav .mobile-menu-contact .button .jcf-btn-dec,
.jcf-number .primary-nav .mobile-menu-contact .button .jcf-btn-inc,
.primary-nav .mobile-menu-contact .button .icon,
.primary-nav .mobile-menu-contact .button .jcf-number .jcf-btn-dec,
.primary-nav .mobile-menu-contact .button .jcf-number .jcf-btn-inc,
.primary-nav .mobile-menu-contact .button .jcf_drop_close,
.primary-nav .mobile-menu-contact .button .woocommerce-MyAccount-navigation .jcf-select-opener,
.woocommerce-MyAccount-navigation .primary-nav .mobile-menu-contact .button .jcf-select-opener {
    width: 3rem;
    margin-top: -.1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: .7rem
}

.primary-nav .mobile-menu-contact .button .icon-calendar {
    font-size: 17px
}

.primary-nav .mobile-menu-contact .button .icon-envelope {
    font-size: 13px
}

.primary-nav .mobile-menu-contact .button .icon-location {
    font-size: 20px
}

.primary-nav .mobile-menu-contact .button .icon-user {
    font-size: 18px
}

.mega-menu-dropdown {
    background: var(--yvel-white);
    top: 7.5rem;
    left: 0;
    right: 0;
    z-index: 70;
    -webkit-transition: .3s cubic-bezier(.26, .54, .32, 1) opacity, .3s cubic-bezier(.26, .54, .32, 1) visibility, .3s cubic-bezier(.26, .54, .32, 1) -webkit-transform;
    transition: .3s cubic-bezier(.26, .54, .32, 1) opacity, .3s cubic-bezier(.26, .54, .32, 1) visibility, .3s cubic-bezier(.26, .54, .32, 1) transform;
    transition: .3s cubic-bezier(.26, .54, .32, 1) opacity, .3s cubic-bezier(.26, .54, .32, 1) visibility, .3s cubic-bezier(.26, .54, .32, 1) transform, .3s cubic-bezier(.26, .54, .32, 1) -webkit-transform;
    opacity: 0;
    visibility: hidden
}

@media (min-width:992px) {
    .mega-menu-dropdown {
        top: 100%
    }
}

@media (max-width:991.98px) {
    .mega-menu-dropdown {
        bottom: 0;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0)
    }

    .dropdown_active .mega-menu-dropdown {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.mega-menu-dropdown .dropdown-container {
    max-width: 133.6rem
}

@media (min-width:992px) {
    .mega-menu-dropdown .dropdown-container {
        padding: 2.3rem 0
    }
}

@media (max-width:991.98px) {
    .mega-menu-dropdown .dropdown-container {
        height: calc(100% + 7.5rem)
    }
}

.mega-menu-dropdown .mobile-menu-header {
    margin-top: -7.5rem;
    height: 7.5rem
}

.mega-menu-dropdown .mobile-menu-header .button {
    --button-padding: 1rem;
    --button-margin: 0 0.7rem
}

.mega-menu-dropdown .menu-main-title {
    font-size: 1.8rem
}

@media (min-width:992px) {
    .mega-menu-dropdown .drop-menu-wrapper {
        -ms-flex-preferred-size: 75.22455%;
        flex-basis: 75.22455%;
        max-width: 75.22455%;
        padding-right: 9rem
    }
}

.mega-menu-dropdown .drop-menu-wrapper>.sub-menu {
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 300
}

@media (min-width:992px) {
    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.4rem
    }
}

@media (max-width:991.98px) {
    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu {
        padding: 1.1rem 1.8rem;
        max-height: calc(100% - 7.5rem);
        overflow-y: auto;
        overflow-x: hidden
    }

    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu::-webkit-scrollbar {
        width: 4px
    }

    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu::-webkit-scrollbar-thumb {
        background: #000
    }

    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu .mCustomScrollBox {
        margin-right: -1.8rem;
        max-width: calc(100% + 1.8rem)
    }

    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu>li:has(.menu-title) {
        padding-bottom: 0
    }

    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu>li {
        padding-bottom: 1rem
    }

    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu>li>a {
        padding: .5rem
    }
}

@media (min-width:992px) {
    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu>li>a {
        position: relative
    }

    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu>li>a:hover:after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu>li>a:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background: #bc9951;
        bottom: -1px;
        -webkit-transition: .4s ease opacity, .4s ease transform;
        transition: .4s ease opacity, .4s ease transform;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu>li {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding-right: 2rem;
        padding-bottom: 2.2rem
    }
}

@media (max-width:991.98px) {
    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu .sub-menu {
        padding: 1.1rem 1.6rem 2rem
    }
}

.mega-menu-dropdown .drop-menu-wrapper>.sub-menu .sub-menu>li {
    padding-bottom: 1rem
}

@media (min-width:992px) {
    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu .sub-menu>li {
        padding-bottom: 1.4rem
    }
}

@media (max-width:991.98px) {
    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu .sub-menu>li>a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: .5rem
    }
}

@media (min-width:992px) {
    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu .sub-menu>li>a {
        position: relative
    }

    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu .sub-menu>li>a:hover:after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .mega-menu-dropdown .drop-menu-wrapper>.sub-menu .sub-menu>li>a:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background: #bc9951;
        bottom: -1px;
        -webkit-transition: .4s ease opacity, .4s ease transform;
        transition: .4s ease opacity, .4s ease transform;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

.mega-menu-dropdown .drop-menu-wrapper>.sub-menu .explore>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400
}

.mega-menu-dropdown .drop-menu-wrapper>.sub-menu .explore>a .icon-angle-right {
    font-size: .9rem;
    margin-left: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mega-menu-dropdown .menu-title {
    font: italic 1.6rem/1.5 var(--headings-font-family);
    display: block
}

@media (min-width:992px) {
    .mega-menu-dropdown .menu-title {
        font-size: 1.5rem;
        margin-bottom: 2.2rem
    }
}

@media (max-width:991.98px) {
    .mega-menu-dropdown .menu-title {
        text-transform: capitalize
    }
}

.mega-menu-dropdown .drop-menu-image {
    -ms-flex-preferred-size: 24.77545%;
    flex-basis: 24.77545%;
    max-width: 24.77545%;
    margin-top: 2rem
}

@media (max-width:991.98px) {
    .main_search_active {
        overflow: hidden
    }
}

.main-search-dropdown {
    z-index: 65;
    padding: 3.2rem 2rem;
    position: fixed;
    -webkit-transition: .3s cubic-bezier(.26, .54, .32, 1) opacity, .3s cubic-bezier(.26, .54, .32, 1) visibility, .3s cubic-bezier(.26, .54, .32, 1) -webkit-transform;
    transition: .3s cubic-bezier(.26, .54, .32, 1) opacity, .3s cubic-bezier(.26, .54, .32, 1) visibility, .3s cubic-bezier(.26, .54, .32, 1) transform;
    transition: .3s cubic-bezier(.26, .54, .32, 1) opacity, .3s cubic-bezier(.26, .54, .32, 1) visibility, .3s cubic-bezier(.26, .54, .32, 1) transform, .3s cubic-bezier(.26, .54, .32, 1) -webkit-transform;
    opacity: 0;
    visibility: hidden;
    max-height: calc(100dvh - var(--header-height));
    overflow: auto
}

.main_search_active .main-search-dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (min-width:992px) {
    .main-search-dropdown {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
        position: absolute;
        top: 100%
    }
}

@media (max-width:991.98px) {
    .main-search-dropdown {
        top: 10.3rem;
        bottom: 0
    }
}

.main-search-dropdown .search-container {
    max-width: 108rem
}

.main-search-dropdown .search-input-wrap {
    max-width: 67.7rem;
    margin-bottom: 2.1rem
}

@media (min-width:992px) {
    .main-search-dropdown .search-input-wrap {
        margin-bottom: 3.2rem
    }
}

.main-search-dropdown .input-text {
    font-size: 1.6rem;
    font-weight: 300;
    height: calc(3.3rem + 1px)
}

@media (min-width:992px) {
    .main-search-dropdown .input-text {
        height: calc(3.4rem + 1px)
    }
}

.main-search-dropdown .search-close {
    --button-padding: 0;
    --button-bg: none;
    --button-margin: -0.6rem -0.3rem;
    top: 1.65rem
}

@media (min-width:992px) {
    .main-search-dropdown .search-close {
        top: 1.7rem;
        --button-margin: -0.3rem
    }

    .search-suggestions {
        -ms-flex-preferred-size: calc((100% - 67.7rem)/2);
        flex-basis: calc((100% - 67.7rem)/2);
        max-width: calc((100% - 67.7rem)/2)
    }
}

@media (max-width:991.98px) {
    .search-suggestions {
        display: block !important
    }
}

.search-suggestions .search-suggestions-title {
    display: none
}

@media (max-width:991.98px) {
    .search-suggestions .search-suggestions-title {
        -ms-flex-preferred-size: 13.5rem;
        flex-basis: 13.5rem;
        max-width: 13.5rem;
        padding-top: .2rem
    }
}

.search-suggestions-title {
    font-size: 1.6rem;
    margin-bottom: 1rem
}

@media (min-width:992px) {
    .search-suggestions-title {
        margin-bottom: 1.8rem
    }
}

.search-suggestions-list {
    font-size: 1.4rem
}

.search-suggestions-list>li {
    padding-bottom: .4rem
}

@media (min-width:992px) {
    .search-suggestions-list>li {
        padding-bottom: 1.7rem
    }
}

@media (max-width:991.98px) {
    .search-suggestions-list>li {
        padding-right: 2rem
    }
}

.search-suggestions-list a {
    text-decoration: none;
    padding: .4rem 0;
    font-weight: 300
}

.search-suggestions-list a.active:after,
.search-suggestions-list a:hover:after {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.search-suggestions-list a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #bc9951;
    bottom: -1px;
    -webkit-transition: .4s ease opacity, .4s ease transform;
    transition: .4s ease opacity, .4s ease transform;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

@media (max-width:991.98px) {
    .search-suggestions-product {
        padding-top: 2.1rem
    }

    .search-suggestions-product .search-suggestions-title {
        margin-bottom: 1.5rem
    }
}

@media (min-width:992px) {
    .search-result-wrapper {
        -ms-flex-preferred-size: 67.7rem;
        flex-basis: 67.7rem;
        max-width: 67.7rem
    }
}

.search-result-wrapper .search-all-result {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    font-size: 1.6rem
}

.jcf-number .search-result-wrapper .search-all-result .jcf-btn-dec,
.jcf-number .search-result-wrapper .search-all-result .jcf-btn-inc,
.search-result-wrapper .search-all-result .icon,
.search-result-wrapper .search-all-result .jcf-number .jcf-btn-dec,
.search-result-wrapper .search-all-result .jcf-number .jcf-btn-inc,
.search-result-wrapper .search-all-result .jcf_drop_close,
.search-result-wrapper .search-all-result .woocommerce-MyAccount-navigation .jcf-select-opener,
.woocommerce-MyAccount-navigation .search-result-wrapper .search-all-result .jcf-select-opener {
    font-size: 1.4rem;
    margin-left: .9rem
}

.suggestions-product-row {
    gap: 1.3rem;
    margin-bottom: 5.8rem
}

@media (min-width:992px) {
    .suggestions-product-row {
        gap: 4.6rem;
        margin-bottom: 6.9rem
    }
}

.suggestions-product-row .search-suggestion-product {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width:992px) {
    .suggestions-product-row .search-suggestion-product {
        max-width: calc(25% - 3.45rem)
    }
}

.search-suggestion-product>a {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:992px) {
    .search-suggestion-product>a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:991.98px) {
    .search-suggestion-product>a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:992px) {
    .search-suggestion-product .img-wrap {
        margin-bottom: 1.4rem
    }
}

@media (max-width:991.98px) {
    .search-suggestion-product .img-wrap {
        -ms-flex-preferred-size: 10rem;
        flex-basis: 10rem;
        max-width: 10rem
    }
}

.search-suggestion-product .product-name {
    font: 1.4rem/1.5 var(--headings-font-family)
}

@media (max-width:991.98px) {
    .search-suggestion-product .product-name {
        -ms-flex-preferred-size: calc(100% - 10rem);
        flex-basis: calc(100% - 10rem);
        max-width: calc(100% - 10rem);
        padding-left: 1.7rem
    }
}

@media (min-width:1200px) {
    body.mini_cart_active {
        padding-right: 15px
    }
}

.mini-cart {
    z-index: 99;
    background: rgba(var(--yvel-black-rgb), .5);
    -webkit-transition: .5s var(--transion-cubic) opacity .2s, .5s var(--transion-cubic) visibility .2s;
    transition: .5s var(--transion-cubic) opacity .2s, .5s var(--transion-cubic) visibility .2s;
    opacity: 0;
    visibility: hidden
}

.mini_cart_active .mini-cart {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.mini-cart__container {
    width: 38rem;
    background: var(--yvel-white);
    padding: 1rem 1.8rem;
    -webkit-transition: .5s var(--transion-cubic) opacity, .5s var(--transion-cubic) visibility, .5s var(--transion-cubic) -webkit-transform;
    transition: .5s var(--transion-cubic) opacity, .5s var(--transion-cubic) visibility, .5s var(--transion-cubic) transform;
    transition: .5s var(--transion-cubic) opacity, .5s var(--transion-cubic) visibility, .5s var(--transion-cubic) transform, .5s var(--transion-cubic) -webkit-transform;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.mini_cart_active .mini-cart__container {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media (min-width:992px) {
    .mini-cart__container {
        padding: 3.8rem 4.2rem;
        width: 50.1rem
    }
}

.mini-cart__header {
    padding: 2rem 0
}

@media (min-width:992px) {
    .mini-cart__header {
        padding: 3.3rem 0
    }
}

.mini-cart__header .button {
    --button-bg: none;
    --button-padding: 0
}

.mini-cart__heading {
    font: 2.1rem/1.5 var(--headings-font-family)
}

.mini-cart__body {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 35.2rem)
}

@media (min-width:992px) {
    .mini-cart__body {
        height: calc(100% - 45.1rem)
    }
}

.mini-cart__table {
    width: 100%
}

.mini-cart__table td,
.mini-cart__table th {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media (min-width:992px) {

    .mini-cart__table td,
    .mini-cart__table th {
        padding-top: 2.7rem;
        padding-bottom: 2.7rem
    }
}

.mini-cart__item {
    font-size: 1.3rem;
    border-bottom: 1px solid rgba(188, 153, 81, .5)
}

.mini-cart__item:first-child {
    border-top: 1px solid rgba(188, 153, 81, .5)
}

.mini-cart__item .product-name {
    font: 1.8rem/1.5 var(--headings-font-family);
    margin-bottom: .6rem
}

.mini-cart__item .price {
    font-size: 1.4rem;
    margin-bottom: 1.5rem
}

@media (min-width:992px) {
    .mini-cart__item .price {
        margin-bottom: 2.8rem
    }
}

.mini-cart__item .cart-quantity {
    margin-bottom: 1.2rem
}

@media (min-width:992px) {
    .mini-cart__item .cart-quantity {
        margin-bottom: 1.6rem
    }
}

.mini-cart__item .cart-quantity .quantity-label {
    margin-right: 1.3rem
}

.mini-cart__item .remove {
    color: #5c5c5c;
    font-weight: 300
}

.mini-cart__item .remove:hover {
    text-decoration: none
}

.mini-cart__image {
    width: 9rem;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:992px) {
    .mini-cart__image {
        width: 16.6rem
    }
}

.mini-cart__details {
    padding-left: .8rem
}

@media (min-width:992px) {
    .mini-cart__details {
        padding-left: 1.4rem
    }
}

.mini-cart__footer {
    padding-top: 2rem;
    min-height: 28rem
}

@media (min-width:992px) {
    .mini-cart__footer {
        padding-top: 3.8rem;
        min-height: 35.3rem
    }
}

.mini-cart_totals {
    font-size: 1.4rem;
    line-height: 1.5
}

.mini-cart_totals td,
.mini-cart_totals th {
    padding: .6rem 0
}

.mini-cart_totals th {
    font-weight: 400
}

.mini-cart_totals td {
    text-align: right
}

.mini-cart_totals .order-total td,
.mini-cart_totals .order-total th {
    font-weight: 600;
    font-size: 1.6rem;
    padding: 1.5rem 0
}

@media (min-width:992px) {

    .mini-cart_totals .order-total td,
    .mini-cart_totals .order-total th {
        padding: 2.4rem 0
    }
}

.mini-cart__buttons .button {
    --button-font-size: 1.8rem;
    --button-padding: 0.9rem
}

.mini-cart__buttons .link-continue-shopping {
    font-size: 1.8rem;
    color: var(--yvel-black);
    text-decoration: underline;
    margin-top: 1.5rem
}

@media (min-width:992px) {
    .mini-cart__buttons .link-continue-shopping {
        margin-top: 3rem
    }
}

.cards-row {
    gap: var(--cards-gap, 1rem)
}

.cards-row--two-column .card {
    -ms-flex-preferred-size: calc(50% - var(--cards-gap, 1rem)*1/2);
    flex-basis: calc(50% - var(--cards-gap, 1rem)*1/2);
    max-width: calc(50% - var(--cards-gap, 1rem)*1/2)
}

@media (min-width:768px) {
    .cards-row--tablet-two-column .card {
        -ms-flex-preferred-size: calc(50% - var(--cards-gap, 1rem)*1/2);
        flex-basis: calc(50% - var(--cards-gap, 1rem)*1/2);
        max-width: calc(50% - var(--cards-gap, 1rem)*1/2)
    }

    .cards-row--tablet-three-column .card {
        -ms-flex-preferred-size: calc(33.33% - var(--cards-gap, 1rem)*2/3);
        flex-basis: calc(33.33% - var(--cards-gap, 1rem)*2/3);
        max-width: calc(33.33% - var(--cards-gap, 1rem)*2/3)
    }

    .cards-row--tablet-four-column .card {
        -ms-flex-preferred-size: calc(25% - var(--cards-gap, 1rem)*3/4);
        flex-basis: calc(25% - var(--cards-gap, 1rem)*3/4);
        max-width: calc(25% - var(--cards-gap, 1rem)*3/4)
    }
}

@media (min-width:992px) {
    .cards-row--desktop-two-column .card {
        -ms-flex-preferred-size: calc(50% - var(--cards-gap, 1rem)*1/2);
        flex-basis: calc(50% - var(--cards-gap, 1rem)*1/2);
        max-width: calc(50% - var(--cards-gap, 1rem)*1/2)
    }

    .cards-row--desktop-three-column .card {
        -ms-flex-preferred-size: calc(33.33% - var(--cards-gap, 1rem)*2/3);
        flex-basis: calc(33.33% - var(--cards-gap, 1rem)*2/3);
        max-width: calc(33.33% - var(--cards-gap, 1rem)*2/3)
    }

    .cards-row--desktop-four-column .card {
        -ms-flex-preferred-size: calc(25% - var(--cards-gap, 1rem)*3/4);
        flex-basis: calc(25% - var(--cards-gap, 1rem)*3/4);
        max-width: calc(25% - var(--cards-gap, 1rem)*3/4)
    }

    .cards-row--desktop-five-column .card {
        -ms-flex-preferred-size: calc(20% - var(--cards-gap, 1rem)*4/5);
        flex-basis: calc(20% - var(--cards-gap, 1rem)*4/5);
        max-width: calc(20% - var(--cards-gap, 1rem)*4/5)
    }
}

@media (min-width:1200px) {
    .cards-row--xlscreen-two-column .card {
        -ms-flex-preferred-size: calc(50% - var(--cards-gap, 1rem)*1/2);
        flex-basis: calc(50% - var(--cards-gap, 1rem)*1/2);
        max-width: calc(50% - var(--cards-gap, 1rem)*1/2)
    }

    .cards-row--xlscreen-three-column .card {
        -ms-flex-preferred-size: calc(33.33% - var(--cards-gap, 1rem)*2/3);
        flex-basis: calc(33.33% - var(--cards-gap, 1rem)*2/3);
        max-width: calc(33.33% - var(--cards-gap, 1rem)*2/3)
    }

    .cards-row--xlscreen-four-column .card {
        -ms-flex-preferred-size: calc(25% - var(--cards-gap, 1rem)*3/4);
        flex-basis: calc(25% - var(--cards-gap, 1rem)*3/4);
        max-width: calc(25% - var(--cards-gap, 1rem)*3/4)
    }

    .cards-row--xlscreen-five-column .card {
        -ms-flex-preferred-size: calc(20% - var(--cards-gap, 1rem)*4/5);
        flex-basis: calc(20% - var(--cards-gap, 1rem)*4/5);
        max-width: calc(20% - var(--cards-gap, 1rem)*4/5)
    }

    .cards-row--xlscreen-six-column .card {
        -ms-flex-preferred-size: calc(16.6667% - var(--cards-gap, 1rem)*5/6);
        flex-basis: calc(16.6667% - var(--cards-gap, 1rem)*5/6);
        max-width: calc(16.6667% - var(--cards-gap, 1rem)*5/6)
    }
}

@media (min-width:1400px) {
    .cards-row--widescreen-two-column .card {
        -ms-flex-preferred-size: calc(50% - var(--cards-gap, 1rem)*1/2);
        flex-basis: calc(50% - var(--cards-gap, 1rem)*1/2);
        max-width: calc(50% - var(--cards-gap, 1rem)*1/2)
    }

    .cards-row--widescreen-three-column .card {
        -ms-flex-preferred-size: calc(33.33% - var(--cards-gap, 1rem)*2/3);
        flex-basis: calc(33.33% - var(--cards-gap, 1rem)*2/3);
        max-width: calc(33.33% - var(--cards-gap, 1rem)*2/3)
    }

    .cards-row--widescreen-four-column .card {
        -ms-flex-preferred-size: calc(25% - var(--cards-gap, 1rem)*3/4);
        flex-basis: calc(25% - var(--cards-gap, 1rem)*3/4);
        max-width: calc(25% - var(--cards-gap, 1rem)*3/4)
    }

    .cards-row--widescreen-five-column .card {
        -ms-flex-preferred-size: calc(20% - var(--cards-gap, 1rem)*4/5);
        flex-basis: calc(20% - var(--cards-gap, 1rem)*4/5);
        max-width: calc(20% - var(--cards-gap, 1rem)*4/5)
    }

    .cards-row--widescreen-six-column .card {
        -ms-flex-preferred-size: calc(16.6667% - var(--cards-gap, 1rem)*5/6);
        flex-basis: calc(16.6667% - var(--cards-gap, 1rem)*5/6);
        max-width: calc(16.6667% - var(--cards-gap, 1rem)*5/6)
    }
}

.card {
    position: relative;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.card__image-wrap {
    margin-bottom: .9rem
}

@media (min-width:992px) {
    .card__image-wrap {
        margin-bottom: 1.8rem
    }
}

.card__img,
.product-item__img img {
    width: 100%
}

.card__title--link-style {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0
}

.card__title--link-style a {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: .3em;
    text-decoration-thickness: from-font
}

.card__title--link-style a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.card__title a {
    text-decoration: none
}

.card__product-title {
    font: 300 1.3rem/1.5 var(--yvel-body-font-family);
    margin-bottom: 1.4rem
}

@media (min-width:992px) {
    .card__product-title {
        font-size: 1.6rem;
        margin-bottom: 2.1rem
    }
}

.card__heading {
    font-size: 3.2rem
}

.card__link {
    font-size: 1.8rem
}

.card__link:hover {
    color: var(--yvel-secondary)
}

.card__link .icon,
.card__link .jcf-number .jcf-btn-dec,
.card__link .jcf-number .jcf-btn-inc,
.card__link .jcf_drop_close,
.card__link .woocommerce-MyAccount-navigation .jcf-select-opener,
.jcf-number .card__link .jcf-btn-dec,
.jcf-number .card__link .jcf-btn-inc,
.woocommerce-MyAccount-navigation .card__link .jcf-select-opener {
    font-size: 1.1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: .9rem;
    margin-bottom: -.2rem
}

.card .button {
    --button-font-size: 1.3rem;
    --button-line-height: 2rem;
    --button-padding: 0.8rem
}

@media (min-width:992px) {
    .card .button {
        --button-font-size: 1.7rem;
        --button-padding: 1.8rem 1.4rem
    }
}

.woocommerce-breadcrumb {
    color: #686868;
    font: 300 1.2rem/1.5 var(--yvel-body-font-family)
}

@media (min-width:992px) {
    .woocommerce-breadcrumb {
        font-size: 1.4rem
    }
}

.woocommerce-breadcrumb a {
    color: #686868;
    text-decoration: none
}

.woocommerce-breadcrumb a:hover {
    color: var(--yvel-black);
    text-decoration: underline
}

.product-item {
    position: relative
}

@media (min-width:992px) {
    .product-item {
        -webkit-transition: .3s cubic-bezier(.26, .54, .32, 1);
        transition: .3s cubic-bezier(.26, .54, .32, 1);
        border: 1px solid transparent;
        background: var(--yvel-white)
    }

    .product-item:hover {
        padding: 3.6rem 3.6rem 3.2rem;
        border-color: var(--yvel-black);
        margin-bottom: -19.4rem;
        z-index: 9
    }

    .product-item:hover .product-item__gallery {
        margin-bottom: -7.2rem
    }
}

.product-item__gallery>.product-item__img~.product-item__img {
    display: none
}

.product-item__gallery .flickity-page-dots {
    position: absolute;
    bottom: .8rem;
    left: 0;
    right: 0;
    z-index: 4
}

@media (min-width:992px) {
    .product-item__gallery .flickity-page-dots {
        display: none
    }
}

.product-item__gallery .flickity-page-dots .dot {
    border-color: #939393;
    width: .6rem;
    height: .6rem;
    margin: 0 .4rem
}

.product-item__gallery .flickity-page-dots .dot.is-selected {
    background: #939393
}

.product-item__gallery .flickity-button {
    opacity: 0;
    -webkit-transition: .3s cubic-bezier(.26, .54, .32, 1);
    transition: .3s cubic-bezier(.26, .54, .32, 1);
    z-index: 6;
    top: 42%
}

.product-item__gallery .flickity-button:disabled {
    visibility: hidden
}

@media (min-width:992px) {
    :hover>.product-item__gallery .flickity-button {
        opacity: 1
    }
}

.product-item__gallery .flickity-button.flickity-prev-next-button.previous {
    left: -7%
}

@media (min-width:1400px) {
    .product-item__gallery .flickity-button.flickity-prev-next-button.previous {
        left: -10%
    }
}

.dialog-shop-look .product-item__gallery .flickity-button.flickity-prev-next-button.previous {
    left: 1rem
}

.product-item__gallery .flickity-button.flickity-prev-next-button.next {
    right: -7%
}

@media (min-width:1400px) {
    .product-item__gallery .flickity-button.flickity-prev-next-button.next {
        right: -10%
    }
}

.dialog-shop-look .product-item__gallery .flickity-button.flickity-prev-next-button.next {
    right: 1rem
}

.product-item__img {
    width: 100%;
    background: linear-gradient(252deg, #f4f4f4 6.6%, #fff 37.03%, #fff 54.11%, #fff 68.82%, #f4f4f4 96.83%)
}

@media (min-width:992px) {
    .product-item .wishlist-wrapper {
        position: relative
    }
}

.product-item .matat-wishlist-button {
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    background: 0 0;
    line-height: 1;
    position: absolute;
    font-size: 1.4rem;
    z-index: 3;
    top: 1.1rem;
    right: 1.1rem
}

@media (min-width:992px) {
    .product-item .matat-wishlist-button {
        top: .7rem;
        right: .8rem
    }
}

.jcf-number .product-item .matat-wishlist-button .jcf-btn-dec,
.jcf-number .product-item .matat-wishlist-button .jcf-btn-inc,
.product-item .matat-wishlist-button .icon,
.product-item .matat-wishlist-button .jcf-number .jcf-btn-dec,
.product-item .matat-wishlist-button .jcf-number .jcf-btn-inc,
.product-item .matat-wishlist-button .jcf_drop_close,
.product-item .matat-wishlist-button .woocommerce-MyAccount-navigation .jcf-select-opener,
.woocommerce-MyAccount-navigation .product-item .matat-wishlist-button .jcf-select-opener {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-item__detail {
    padding: 1rem 0 0
}

@media (min-width:992px) {
    .product-item__detail {
        padding: 2.4rem 0 0;
        margin-top: -12.5rem;
        opacity: 0;
        -webkit-transition: .3s cubic-bezier(.26, .54, .32, 1) margin;
        transition: .3s cubic-bezier(.26, .54, .32, 1) margin
    }

    :hover>.product-item__detail {
        margin-top: 0;
        opacity: 1
    }
}

.product-item__detail .icon-heart:before {
    font-weight: 600
}

.product-item__title {
    font-weight: 300;
    font-size: 1.3rem;
    margin-bottom: .8rem
}

@media (min-width:768px) {
    .product-item__title {
        padding-right: 3.3rem
    }
}

@media (min-width:992px) {
    .product-item__title {
        font-size: 1.6rem;
        margin-bottom: 2.4rem;
        font-family: var(--yvel-body-font-family)
    }
}

.footer__links>li>a,
.product-item__title a {
    text-decoration: none
}

.product-item__price {
    font-size: 1.2rem;
    line-height: 1.25
}

@media (min-width:992px) {
    .product-item__price {
        font-size: 1.5rem;
        background: var(--yvel-black);
        color: var(--yvel-white);
        line-height: 2.2rem;
        padding: 1.8rem 1.1rem;
        font-weight: 300;
        -webkit-transition: .3s cubic-bezier(.26, .54, .32, 1) background, .3s cubic-bezier(.26, .54, .32, 1) color;
        transition: .3s cubic-bezier(.26, .54, .32, 1) background, .3s cubic-bezier(.26, .54, .32, 1) color;
        position: relative;
        z-index: 2
    }

    .product-item__price:hover {
        background: var(--yvel-secondary);
        color: var(--yvel-black)
    }
}

@media (min-width:1400px) {
    .product-item__price {
        font-size: 1.7rem
    }
}

.footer {
    background: #f5f5f5;
    padding: 5.7rem 1.5rem 1.5rem
}

@media (min-width:992px) {
    .footer {
        padding: 8.7rem 0 0
    }
}

@media (min-width:1600px) {
    .footer .container {
        max-width: 141.5rem
    }
}

@media (min-width:992px) {
    .footer__links-wrap {
        grid-template-columns: 21.5% 29.3% 25%;
        -ms-flex-preferred-size: calc(100% - 28rem);
        flex-basis: calc(100% - 28rem);
        max-width: calc(100% - 28rem);
        padding-bottom: 5rem
    }
}

@media (min-width:1400px) {
    .footer__links-wrap {
        -ms-flex-preferred-size: calc(100% - 35.5rem);
        flex-basis: calc(100% - 35.5rem);
        max-width: calc(100% - 35.5rem)
    }
}

@media (max-width:991.98px) {
    .footer__links-wrap {
        padding-bottom: 5.1rem
    }
}

@media (min-width:992px) {
    .footer__col {
        grid-row: auto/span 2
    }
}

.footer__title {
    font-weight: 400;
    display: block;
    font-size: 1.5rem;
    line-height: 1.2
}

@media (min-width:992px) {
    .footer__title {
        margin-bottom: 1.1rem
    }
}

.footer__links {
    font-size: 1.5rem;
    line-height: 1.2
}

@media (max-width:991.98px) {
    .footer__links {
        padding-top: 1.6rem
    }
}

.footer__links>li {
    padding-bottom: 2.6rem
}

@media (min-width:992px) {
    .footer__links>li {
        padding-top: .7rem;
        padding-bottom: 1.3rem
    }
}

@media (max-width:991.98px) {
    .footer__links>li:last-child {
        padding-bottom: 1rem
    }
}

.footer__links>li>a {
    font-weight: 300
}

.footer-links__col {
    padding-bottom: 5.1rem
}

@media (min-width:992px) {
    .footer-links__col {
        padding-bottom: 6.5rem
    }

    .footer-links__col:first-child,
    .footer-links__col:nth-child(2) {
        grid-row: auto/span 2
    }
}

@media (max-width:991.98px) {
    .footer-links__col .footer__title {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .footer-links__col.collapsible-menu-mobile .footer__title {
        position: relative
    }

    .footer-links__col.collapsible-menu-mobile .footer__title:before {
        content: "\e001";
        font: .9rem/1 "matat-icon";
        position: absolute;
        top: 50%;
        right: .2rem;
        -webkit-transform: translate(0, -50%) rotate(180deg);
        -ms-transform: translate(0, -50%) rotate(180deg);
        transform: translate(0, -50%) rotate(180deg);
        color: #959595
    }

    .footer-links__col.collapsible-menu-mobile:not(.menu_active) .footer__title:before {
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .footer-links__col.collapsible-menu-mobile:not(.menu_active) .footer__links {
        display: none
    }

    .footer-links__customer-service {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        padding-bottom: 5.3rem
    }

    .footer-links__customer-service .footer__title {
        margin-bottom: 1rem
    }

    .footer-links__customer-service .footer__links {
        padding: 0;
        display: block
    }
}

@media (min-width:992px) {
    .footer__right {
        -ms-flex-preferred-size: 28rem;
        flex-basis: 28rem;
        max-width: 28rem;
        padding-bottom: 5rem
    }
}

@media (min-width:1400px) {
    .footer__right {
        -ms-flex-preferred-size: 35.5rem;
        flex-basis: 35.5rem;
        max-width: 35.5rem
    }
}

@media (max-width:991.98px) {
    .footer__right {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media (max-width:767.98px) {
    .footer__social {
        padding-bottom: 2rem
    }

    .footer__social .footer__title {
        margin-bottom: 1.2rem
    }
}

.social-connect {
    gap: .94rem;
    margin-bottom: 3.7rem
}

.social-connect__item {
    line-height: 1;
    border: 1px solid var(--yvel-black);
    font-size: 3.5rem
}

.jcf-number .social-connect__item .jcf-btn-dec:before,
.jcf-number .social-connect__item .jcf-btn-inc:before,
.social-connect__item .icon:before,
.social-connect__item .jcf-number .jcf-btn-dec:before,
.social-connect__item .jcf-number .jcf-btn-inc:before,
.social-connect__item .jcf_drop_close:before,
.social-connect__item .woocommerce-MyAccount-navigation .jcf-select-opener:before,
.woocommerce-MyAccount-navigation .social-connect__item .jcf-select-opener:before {
    vertical-align: top
}

@media (max-width:991.98px) {
    .footer .yvel-newsletter {
        padding-bottom: 7.6rem
    }
}

@media (max-width:767.98px) {
    .footer .yvel-newsletter {
        padding-bottom: 5.5rem
    }
}

.yvel-newsletter__title {
    font-size: 1.7rem;
    line-height: 2.2rem;
    display: block;
    margin-bottom: 1.2rem
}

.yvel-newsletter__info {
    font-size: 1.5rem;
    line-height: 1.8;
    font-weight: 300;
    padding-bottom: 1.9rem
}

.yvel-newsletter .wpcf7 .wpcf7-spinner {
    position: absolute;
    right: 20px;
    margin: 7px 24px
}

.yvel-newsletter .input-wrap {
    margin-bottom: 3rem
}

.yvel-newsletter .input-wrap .input-text {
    width: 100%
}

.yvel-newsletter__button {
    font-size: 1.8rem;
    width: 100%;
    padding: 1rem 1.5rem
}

.copyright-info {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 300
}

@media (min-width:992px) {
    .copyright-info {
        padding: 4.5rem 0 2.5rem
    }
}



section:is(.banner_clean):first-child {
    .container {
        margin-block-start: 6rem;
        width: 100%;
        max-width: 687px;
        padding-block-start: 2rem;
        padding-block-end: 2rem;
        min-height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }
}


/* :where(.banner__content--center) {
    width: 100%;
    max-width: 670px;
} */

/* banner__content text-center banner__content--center banner__content--content banner__content--text-white */

@media screen and (max-width: 595px) {
    body:is(.page-id-11375) {
        .text-with-image__text.text-center.text-lg-start>* {
            text-align: left;
            word-wrap: normal;
        }

        .text-with-image__title {
            font-size: 32px !important;
            margin-bottom: 0rem !important;
        }

        .text-with-image__body-text {
            font-size: 16px !important;
            line-height: 1.75;

            font-weight: 300;
            padding-bottom: 1.1rem !important;
        }

        .text-with-image__text.text-center.text-lg-start {
            padding: 26px;
            max-width: max-content;
        }

        /* 
        .banner.main_amin.mw-100 {
            top: 0;
        } */

        .banner__content--content {}

        section:is(.banner_clean):first-child {
            .container {
                margin-block-start: 1rem;

            }

        }
    }


}

:where(.page-id-11375) {

    .text-with-image__text.text-center.text-lg-start {
        padding: 30px;
    }

    a.button.button--outline.button--small.text-with-image__button {
        /* text-transform: capitalize;
        text-decoration: underline;
        font-size: 16px;
        border: none;
        font-weight: 300;
        box-sizing: content-box;
        padding: 0px; */
    }
}

/*  SHOW PAGE CSS RULE */
@media screen and (min-width: 992px) {
    .banner__content:is(.banner__content--center) {
        width: 100%;
        max-width: max-content;
    }

    .banner__content:is(.banner__content--center) {
        margin-inline-start: auto;
        margin-inline-end: auto;
    }

    .text-with-image__text.text-center.text-lg-start {
        display: flex;
        flex-direction: column;
        min-width: 41%;
        /* background: red; */
        padding-inline-start: 5rem;
    }


    .page-id-11375 {

        a.button.button--outline.button--small.text-with-image__button {
            /* border: none;
            font-size: 16px;
            font-weight: 300;
            padding: inherit; */
        }


        .button--outline--transparent:hover,
        .button--outline:hover {
            --button-bg: black;
            --button-color: white;
            --button-border-color: black;
            box-sizing: border-box;
        }


        section:nth-child(3) {
            padding-block-start: 20rem;
            padding-block-end: 80px;
        }

        @media (min-width: 992px) {
            .text-with-image {
                padding: 4.1rem 0;
                margin-bottom: 8rem;
            }


        }

        h2.text-with-image__title.anim-t-top {
            font-size: 32px;

        }

        span.text-with-image__body-text {
            font-size: 16px !important;
        }
    }
}


/* :where(.banner__content--center) {

    width: 100%;
    max-width: 670px;

} */

/* Using :where() to apply styles when all classes are present */
:where(a.button.button--primary.button--outline.button--outline--transparent-white.text-white) {
    color: white;
    border: 1px solid white !important;
    background: transparent !important;
    transition: background-color 0.25s, border-color 0.25s, color 0.25s;

}

/* Hover effect with tan background */
:where(a.button.button--primary.button--outline.button--outline--transparent-white.text-white):hover {
    background-color: tan !important;
    color: var(--yvel-black) !important;

}

/* Alternative using :has() if you need broader browser support
a.button:has(.button--primary):has(.button--outline):has(.button--outline--transparent-white):has(.text-white) {
    color: white;
    border: 1px solid white;
    background: transparent;
}

a.button:has(.button--primary):has(.button--outline):has(.button--outline--transparent-white):has(.text-white):hover {
    background-color: tan;
    color: var(--yvel-black);
} */