/* BTN MAIN */
.btn-main {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-width: 216px;
    width: auto;
    padding: 12px 40px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: var(--color-orange);
    color: var(--color-white);
    transition: background 0.3s ease-in, color 0.3s ease-in;
}
@media (min-width: 744px) {
    .btn-main {
        min-width: 199px;
        padding: 16px 28px;
    }
}
.btn-main:hover {
    background: var(--color-white);
    color: var(--color-orange);
    border: 1px solid var(--color-orange);
}
/* BTN SEC */
.btn-sec {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-width: 216px;
    font-size: 14px;
    width: auto;
    padding: 10px 33px;
    border: none;
    border-radius: 8px;
    background: var(--color-orange);
    color: var(--color-white);
    border: 1px solid transparent;
    transition: background 0.3s ease-in, color 0.3s ease-in;
}
@media (min-width: 744px) {
    .btn-sec {
        border-radius: 10px;
        min-width: 206px;
        padding: 12px 28px;
    }
}
.btn-sec:hover {
    background: var(--color-white);
    color: var(--color-orange);
    border: 1px solid var(--color-orange);
}
.btn-sec.black {
    background: var(--color-black);
    color: var(--color-white);
    border: 1px solid transparent;
}
.btn-sec.black:hover {
    background: var(--color-white);
    color: var(--color-black);
    border: 1px solid var(--color-black);
}
/* BTN ToTop */
.toTop {
    width: 42px;
    height: 42px;
    border: 1px solid var(--color-white);
    background: transparent;
    border-radius: 6px;
    display: inline-flex;
    background-image: url('data:image/svg+xml,%3Csvg%20id=%22Layer_1%22%20viewBox=%220%200%2016%2019.21%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Crect%20y=%2218.21%22%20width=%2216%22%20height=%221%22%20style=%22fill:%23fff;%20stroke-width:0px;%22/%3E%3Cpolygon%20points=%227.5%201.91%207.5%2014.71%208.5%2014.71%208.5%201.91%2012.65%206.06%2013.35%205.35%208%200%202.65%205.35%203.35%206.06%207.5%201.91%22%20style=%22fill:%23fff;%20stroke-width:0px;%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
}
/* BTN Header CTA */
.header-cta {
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    line-height: 1;
    font-family: var(--font-h);
    color: var(--color-white);
    padding: 22px 32px;
    background: var(--color-orange);
    border-radius: 20px;
}
.header-cta:hover {
    color: var(--color-black);
}
/* WOOCOMMERCE */
/* BUTTONS */

.yith-wcqv-button, .woocommerce a.yith-wcqv-button, .btn-buy {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 250px;
    width: auto;
    padding: 12px 0;
    font-size: 14px;
    border: none;
    border-radius: 8px;
    background: var(--color-orange);
    color: var(--color-white);
    font-family: var(--font-h);
    border: 1px solid transparent;
}
@media (min-width: 1200px) {
    .yith-wcqv-button, .woocommerce a.yith-wcqv-button, .btn-buy {
        min-width: 200px;
    }
}
.yith-wcqv-button:hover , .woocommerce a.yith-wcqv-button:hover, .btn-buy:hover {
    background: var(--color-white);
    color: var(--color-orange);
    border: 1px solid var(--color-orange);
}
@media (min-width: 1800px) {
    .yith-wcqv-button, .woocommerce a.yith-wcqv-button {
        min-width: 330px;
        padding: 15px 0;
        border-radius: 10px;
    }
}
.wishlist-button {
    position: absolute;
    top: 15px;
    right: 15px;
}
.yith-add-to-wishlist-button-block {
    margin: 0;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor {
    gap: 0;
}
.wishlist-button .yith-wcwl-add-to-wishlist {
    margin: 0;
}
.btn-add-product {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 250px;
    font-size: 14px;
    width: auto;
    padding: 10px 28px;
    border: none;
    border-radius: 10px;
    background: var(--color-orange);
    color: var(--color-white);
}
@media (min-width: 1200px) {
    .btn-add-product {
        min-width: 346px;
    }
}
/* END BUTTONS */
/* filter buttons */
.filter-dropdown {
    display: inline-block;
}

.filters-bar>.filter-dropdown {
    display: none;
}
@media (min-width: 1200px) {
    .filters-bar>.filter-dropdown {
        display: inline-block;
    }
}
.filter.dropdown-toggle {
    position: relative;
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 1.25rem;
    font-size: 1rem;
    font-family: var(--font-b);
    font-weight: 500;
    text-wrap: nowrap;
    text-transform: uppercase;
    color: var(--color-green);
    padding: 0;
    -webkit-transition: background .5s, color .5s, width .5s;
    -o-transition: background .5s, color .5s, width .5s;
    transition: background .5s, color .5s, width .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.filter.dropdown-toggle::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 1px solid var(--color-black);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    -o-transition: transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}
.filter.dropdown-toggle:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.filter.dropdown-menu {
    max-width: 100%;
    border: 1px solid var(--color-black);
    border-radius: 0.5rem;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    overflow: hidden;
}
#offcanvasFilters .filter.dropdown-menu {
    position: relative;
    width: 100%;
}
.facet-label {
    font-size: 1.375rem;
    margin-bottom: 1rem;
    font-weight: 600;
}
.facetwp-display-value {
    font-size: 1.125rem !important;
}
.filter .facetwp-type-checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 1rem;
    max-height: min(80vh, 100cqh);
}
#offcanvasFilters .filter .facetwp-type-checkboxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.filter .facetwp-checkbox {
    position: relative;
    background: none !important;
    margin: 0.5rem 1rem;
    padding-left: 26px;
    font-size: 1rem;
    color: var(--color-green);
}
.facetwp-checkbox {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='5.5' stroke='%23F6611F'/%3E%3C/svg%3E") !important;
    padding-left: 30px !important;
    background-size: 18px !important;
    margin-bottom: 10px !important;
}

.facetwp-checkbox.checked {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19.1172' height='19.1172' rx='3.5' stroke='%23F6611F'/%3E%3Crect x='5.11328' y='5.11328' width='9.89062' height='9.89062' rx='1.5' fill='%23F6611F' stroke='%23F6611F'/%3E%3C/svg%3E") !important;
}
.filter .facetwp-checkbox::before {
    content: '';
    position: absolute;
    top: calc(50% - 0.5625rem);
    left: 0;
    width: 1.125rem;
    height: 1.125rem;
    border: 1px solid var(--color-green);
}
/* Filter Categories Btns */
    /* selected categories buttons */
.facetwp-selections .facetwp-selection-value,
.facetwp-slider-reset {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    margin-right: 20px !important;
    padding: 13px 16px 10px;
    border: 1px solid var(--color-orange) !important;
    border-radius: 10px !important;
    background-image: unset !important;
    transition: background .3s ease, color .3s ease;
    line-height: 1;
}
.facetwp-slider-reset {
    box-shadow: none !important;
    margin: 10px 10px 10px 0 !important;
    padding: 10px !important;
}
.facetwp-selections .facetwp-selection-value:hover,
.facetwp-slider-reset:hover {
    background : var(--color-orange);
    color: var(--color-white) !important;
}
.facetwp-selections .facetwp-selection-value::after,
.facetwp-slider-reset::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    background-size: 12px 12px;
    background-position: center;
    background-repeat: no-repeat;
    transition: background .3s ease;
}
.facetwp-selections .facetwp-selection-value:hover::after,
.facetwp-slider-reset:hover::after {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
/* Filter Categories Btn end */
.filter .facetwp-checkbox.checked::before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") var(--color-green);
}
.filter .facetwp-type-slider {
    margin: 0;
    padding: 1rem 2rem;
    display: block;
    width: 40rem;
    max-width: 100%;
}
.filter .facetwp-type-color {
    margin: 0;
    padding: 1rem;
}
.filter .facetwp-type-color .facetwp-color {
    margin: 0 1rem;
}
.filter .facetwp-type-radio {
    padding: 1rem;
    margin: 0;
}
.active-filters-container {
    display: none;
}
.active-filters-container.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.facetwp-selections {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.facetwp-selections .facetwp-selection-label {
    display: none;
}
#active-facets .facetwp-selections li span.facetwp-selection-value {
    display: inline-block;
    font-size: 0.875rem;
    background: url(/wp-content/uploads/2024/02/icon-close.png) #EAEAEA;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 90% center;
    border-radius: 0.8rem;
    padding: 0.6rem 2.2rem 0.6rem 1rem;
    margin-right: 0.5rem;
    -webkit-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}
.facetwp-selections li span.facetwp-selection-value:last-child {
    margin-right: 0;
}
#active-facets .facetwp-selections li span.facetwp-selection-value:hover {
    opacity: 0.7;
}
#offcanvasFilters {
    width: 600px;
}
#offcanvasFilters .offcanvas-body {
    overflow-x: hidden;
}
.btn-filters {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-white);
    color: var(--color-black);
    border: none;
    border-radius: 10px;
    padding: 18px 20px;
    width: 100%;
    min-width: 135px;
    transition: background .5s linear, color .5s linear;
}
@media (min-width: 1200px) {
    .btn-filters {
        width: auto;
        max-width: 230px;
    }
}
.filterPin {
    position: fixed;
    width: 60px;
    height: 60px;
    z-index: 5;
    top: 50vh;
    left: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-filters.popover {
    width: 60px;
    height: 60px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}
.btn-filters.popover.active {
    opacity: 1;
    visibility: visible;
}
.btn-filters:hover {
    background-color: var(--color-orange);
    color: var(--color-white);
}
.btn-filters svg {
    width: 25px;
    margin-left: 10px;
}
.btn-filters.popover svg {
    margin: 0;
}
.btn-filters svg path {
    fill: var(--color-green);
    -webkit-transition: fill .5s linear;
    -o-transition: fill .5s linear;
    transition: fill .5s linear;
}
.btn-filters:hover svg path {
    fill: var(--color-white);
}
.btn-clear_filters {
    font-size: 0.875rem;
    border-radius: 0.8rem;
    padding: 0.4rem 1rem;
}
.woocommerce .woocommerce-ordering {
    width: 100%;
    float: none;
    display: inline-block;
}
.woocommerce .woocommerce-ordering .dropdown .btn-main {
    width: 100%;
}
@media(min-width: 1200px) {
    .woocommerce .woocommerce-ordering .dropdown .btn-main {
        width: auto;
    }
}
.woocommerce .woocommerce-ordering select {
    width: 100%;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat transparent;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid var(--color-green);
    border-radius: 1.25rem;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 1rem;
    font-family: var(--font-b);
    font-weight: 500;
    text-wrap: wrap;
    text-transform: uppercase;
    color: var(--color-green);
    padding: 1rem;
    -webkit-transition: background .5s, color .5s, width .5s;
    -o-transition: background .5s, color .5s, width .5s;
    transition: background .5s, color .5s, width .5s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.woocommerce-ordering .filter.dropdown-menu {
    width: 100%;
}
.woocommerce-ordering .dropdown-item {
    text-align: center;
}

/* END filter buttons */
.btn-order {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-orange);
    border: 1px solid var(--color-orange);
    border-radius: 10px;
    color: var(--color-white);
    font-size: 0.875rem;
    text-transform: uppercase;
    text-align: center;
    padding: 0.8rem 2.4rem;
    width: 100%;
    -webkit-transition: background .3s, color .3s;
    -o-transition: background .3s, color .3s;
    transition: background .3s, color .3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
.btn-order.btn-black {
    background: var(--color-black);
    color: var(--color-white);
    border: 1px solid var(--color-black);
}
.btn-order:hover {
    background: var(--color-white);
    color: var(--color-blue);
}
.btn-close:focus {
    box-shadow: none;
}
.account-btn {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    width: auto;
    border: none;
    border-radius: 20px;
    background: var(--color-orange);
    color: var(--color-white);
    font-family: var(--font-h);
    min-width: 133px;
    padding: 22px 30px;
    border: 1px solid transparent;
}
.account-btn:hover {
    background: var(--color-gray);
    color: var(--color-orange);
    border: 1px solid var(--color-orange);
}
.woocommerce-Button.button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    min-width: 216px !important;
    width: auto !important;
    padding: 12px 40px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: var(--color-orange) !important;
    color: var(--color-white) !important;
    transition: background 0.3s ease-in, color 0.3s ease-in !important;
}

@media (min-width: 744px) {
    .woocommerce-Button.button {
        min-width: 199px !important;
        padding: 16px 28px !important;
    }
}

.woocommerce-Button.button:hover {
    background: var(--color-white) !important;
    color: var(--color-orange) !important;
    border: 1px solid var(--color-orange) !important;
}