/*
Theme Name: Frans Theme
Theme URI: https://wetail.io
Author: Wetail
Author URI: https://wetail.io
Description: Säljer du sportartiklar? Välj Frans som tema. Passar både stora och små butiker och har goda möjligheter till både navigering och produktfilter.
Version: 1.2.2
License: This product is purely intended for use within the Wetail webshop product line. Any redistribution or reproduction of part or all of the contents in any form is prohibited as well as any use of it outside of the previously mentioned scope.
Text Domain: frans-wetail-theme
*/

/*** GLOBAL ***/
#page.site {
    overflow: hidden;
}

.content a:not(.fl-button) {
    border-bottom: none !important;
}

/* 	width: 90%; */
article.section {
    padding: 0;
}

@media screen and (min-width: 1180px) {
    div.container {
        max-width: 100%;
    }
}

@media screen and (min-width: 980px) {
    div.container {
        margin: 0 auto;
        max-width: 100%;
    }
}


/*** Header ***/
/* Temp Adminbar */
.admin-bar > nav#menu.cart-panel {
    margin-top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar > nav#menu.cart-panel {
        margin-top: 46px;
    }
}


header nav#site-navigation {
    display: grid;
    grid-template-columns: 15% 70% 15%;
    align-items: center;
    padding: 0 20px;
}

nav#site-navigation .nav-item a,
nav#site-navigation a.nav-item {
    font-size: 18px;
}

nav#site-navigation .nav-item.is-tab:hover {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

nav#site-navigation ul.shop-items {
    display: grid;
    grid-template-columns: 50% 50%;
}

nav#site-navigation ul.shop-items li a {
    position: relative;
}

nav#site-navigation .nav-left.branding {
    padding: 10px;
}

@media screen and (min-width: 769px) {
    header nav#site-navigation button#menu-toggle {
        display: none;
    }

    header nav#site-navigation .nav-shop {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        grid-template-columns: 70% 30%;
        align-items: center;
    }
}

div.nav-wrapper > ul.nav-menu,
div.nav-wrapper > div.nav-menu > ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 100%;
    align-items: center;
}

div.nav-wrapper > ul.nav-menu > li.menu-item,
div.nav-wrapper > div.nav-menu > ul > li {
    position: inherit;
    height: 100%;
    align-items: center;
    display: flex;
}

div.nav-wrapper > ul.nav-menu > li.menu-item a,
div.nav-wrapper > div.nav-menu > ul > li a {
    display: block;
    padding: 10px;
}

/* Flyout menu */
div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu),
div.nav-wrapper > div.nav-menu > ul > li-has-children:not(.mega-menu) {
    position: relative;
}

div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) ul,
div.nav-wrapper > div.nav-menu > ul > li-has-children:not(.mega-menu) ul {
    position: absolute;
    display: block;
    padding: 10px 0;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    text-align: left;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}
div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) li,
div.nav-wrapper > div.nav-menu > ul > li-has-children:not(.mega-menu) li {
    padding: 10px 30px;
}

div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) > ul,
div.nav-wrapper > div.nav-menu > ul > li-has-children:not(.mega-menu) > ul {
    left: 0;
    top: 80%;
}

@media (min-width: 768px) {
    div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu):hover > ul,
    div.nav-wrapper > div.nav-menu > ul > li-has-children:not(.mega-menu):hover > ul {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
}

div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) > ul > li,
div.nav-wrapper > div.nav-menu > ul > li-has-children:not(.mega-menu) > ul > li {
    position: relative;
}

div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) > ul.sub-menu > li.menu-item > a,
div.nav-wrapper > div.nav-menu > ul > li-has-children:not(.mega-menu) > ul.sub-menu > li.menu-item > a {
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}

div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) > ul > li.menu-item-has-children > a::after,
div.nav-wrapper > div.nav-menu > ul > li-has-children:not(.mega-menu) > ul > li.menu-item-has-children > a::after {
    content: "\63";
    font-family: "wetail-icons", sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
}

div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) > ul > li.menu-item-has-children > ul,
div.nav-wrapper > div.nav-menu > ul > li-has-children:not(.mega-menu) > ul > li.menu-item-has-children > ul {
    top: -8px;
    left: 80%;
}

@media (min-width: 768px) {
    div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) > ul > li.menu-item-has-children:hover > ul,
    div.nav-wrapper > div.nav-menu > ul > li-has-children:not(.mega-menu) > ul > li.menu-item-has-children:hover > ul {
        opacity: 1;
        visibility: visible;
        left: 100%;
    }
}

div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) > ul > li.menu-item-has-children > ul > li > a,
div.nav-wrapper > div.nav-menu > ul > li-has-children:not(.mega-menu) > ul > li.menu-item-has-children > ul > li > a {
    padding: 0;
}

/* Mega menu */
div.nav-wrapper > ul.nav-menu > li.mega-menu > ul,
div.nav-wrapper > div.nav-menu > ul > li.mega-menu > ul {
    position: absolute;
    left: 0;
    right: 0;
    top: 80%;
    z-index: -1;
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100vw;
    height: auto;
    padding: 20px 20px 30px 20px;
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
    transition: 0.4s;
    visibility: hidden;
    opacity: 0;
}
div.nav-wrapper > ul.nav-menu > li.mega-menu:hover > ul,
div.nav-wrapper > div.nav-menu > ul > li.mega-menu:hover > ul {
    top: 100%;
    z-index: 9999 !important;
    visibility: visible;
    opacity: 1;
}

div.nav-wrapper > ul.nav-menu > li.mega-menu > ul > li.menu-item > a,
div.nav-wrapper > div.nav-menu > ul > li.mega-menu > ul > li.menu-item > a {
    display: block;
}

div.nav-wrapper > ul.nav-menu > li.mega-menu > ul > li.menu-item ul.sub-menu,
div.nav-wrapper > div.nav-menu > ul > li.mega-menu > ul > li.menu-item ul.sub-menu {
    display: flex;
    flex-direction: column;
    position: relative;
}

/* END Temp Adminbar */
header#header.hero {
    z-index: 99;
}

@media screen and (max-width: 783px) {
    .logged-in.admin-bar header#header.hero {
        top: 46px;
    }
}

@media screen and (max-width: 768px) {

    header#header.hero {
        left: 0;
        width: 100%;
        top: 0;
        z-index: 10;
    }

    header#header.hero .hero-head {
        width: 100%;
        display: flex;
        align-items: center;
        height: 100%;
    }

    header nav#site-navigation {
        grid-template-columns: 25% 50% 25%;
        align-items: center;
        padding: 0 10px;
    }

    header nav#site-navigation button#menu-toggle .nav-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }

    header nav#site-navigation button#menu-toggle .nav-toggle:hover {
        background-color: transparent;
    }

    header nav#site-navigation button#menu-toggle {
        order: 1;
        width: 50px;
    }

    header nav#site-navigation button.is-clear {
        background-color: transparent;
    }

    header nav#site-navigation .nav-left {
        order: 2;
        justify-content: center;
        align-items: center;
        display: grid;
    }

    nav#site-navigation .nav-left.branding a img {
        width: auto;
        max-height: 40px;
    }

    header nav#site-navigation .nav-shop {
        order: 3;
        justify-content: flex-end;
        align-items: center;
        display: grid;
    }

    header nav#site-navigation .nav-shop ul li.nav-item {
        width: 50px;
    }

    header nav#site-navigation .nav-wrapper {
        order: 4;
        position: fixed;
        left: 0;
        top: 50px;
        z-index: 9;
        background: #fff;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
        width: 80%;
        padding: 20px;
        overflow-y: auto;
        transform: translateX(-100%);
        transition: transform 0.4s;
    }

    header nav#site-navigation .nav-wrapper.show {
        transform: translateX(0);
    }

    /* Mobile Menu start */
    div.nav-wrapper > ul.nav-menu,
    div.nav-wrapper > div.nav-menu > ul {
        background-color: transparent;
        box-shadow: none;
        position: static;
        opacity: 1;
        visibility: visible;
        flex-direction: column !important;
        align-items: start !important;
        width: 100% !important;
        height: auto !important;
    }

    div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) ul,
    div.nav-wrapper > div.nav-menu > ul > li.menu-item-has-children:not(.mega-menu) ul {
        background-color: transparent;
        box-shadow: none;
        position: static;
        opacity: 1;
        visibility: visible;
        transition: none;
    }

    div.nav-wrapper > ul.nav-menu li.menu-item,
    div.nav-wrapper > div.nav-menu > ul li {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding-left: 10px;
        position: relative;
    }

    div.nav-wrapper > ul.nav-menu li.menu-item-has-children:after,
    div.nav-wrapper > div.nav-menu > ul li.menu-item-has-children:after {
        content: "\002B";
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
        display: flex;
        font-size: 2em;
        align-items: center;
        justify-content: center;
        transform: rotate(0deg);
        transform-origin: 50% 50%;
        transition: transform 0.4s;
    }

    div.nav-wrapper > ul.nav-menu li.menu-item-has-children.focus:after,
    div.nav-wrapper > div.nav-menu > ul li.menu-item-has-children.focus:after {
        transform: rotate(135deg);
    }


    /* First level */
    div.nav-wrapper > ul.nav-menu > li > ul.sub-menu,
    div.nav-wrapper > div.nav-menu > ul > li > ul.sub-menu {
        position: relative;
        display: flex;
        height: auto;
        width: 100%;
        padding: 0;
        flex-direction: column;
        background: transparent !important;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transition: none;
    }

    div.nav-wrapper > ul.nav-menu > li:hover > ul.sub-menu,
    div.nav-wrapper > div.nav-menu > ul > li:hover > ul.sub-menu {
        /*height: auto;*/
        /*padding: 0 0 0 10px;*/
        /*display: flex;*/
    }

    /* Second level */
    div.nav-wrapper > ul.nav-menu li ul.sub-menu > li ul.sub-menu,
    div.nav-wrapper > div.nav-menu > ul li ul.sub-menu > li ul.sub-menu {
        width: 100%;
    }

    div.nav-wrapper > ul.nav-menu > li.mega-menu > ul a,
    div.nav-wrapper > div.nav-menu > ul > li.mega-menu > ul a {
        padding-left: 0;
    }

    div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) > ul > li.menu-item-has-children > a::after,
    div.nav-wrapper > div.nav-menu > ul > li.menu-item-has-children:not(.mega-menu) > ul > li.menu-item-has-children > a::after {
        content: none;
    }

    /* Third level */
    div.nav-wrapper > ul.nav-menu li ul.sub-menu > li ul.sub-menu li.menu-item,
    div.nav-wrapper > div.nav-menu > ul li ul.sub-menu > li ul.sub-menu li.menu-item {
        padding: 0;
    }

    div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) > ul > li.menu-item-has-children > ul,
    div.nav-wrapper > div.nav-menu > ul > li.menu-item-has-children:not(.mega-menu) > ul > li.menu-item-has-children > ul {
        position: static;
        padding-bottom: 0;
    }

    div.nav-wrapper > ul.nav-menu > li.menu-item-has-children:not(.mega-menu) > ul > li.menu-item-has-children > ul a,
    div.nav-wrapper > div.nav-menu > ul > li.menu-item-has-children:not(.mega-menu) > ul > li.menu-item-has-children > ul a {
        padding-left: 0;
    }
}

@media screen and (max-width: 320px) {
    header nav#site-navigation {
        grid-template-columns: 30% 40% 30%;
        align-items: center;
        padding: 0 10px;
    }

    header nav#site-navigation .nav-shop ul li.nav-item {
        width: 40px;
    }
}

/*** Slide Cart ***/
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
    text-align: left;
}

nav#menu.cart-panel ul.product_list_widget li.mini_cart_item img {
    width: 100%;
    border-radius: 100px;
}

.woocommerce a.remove {
    position: absolute;
}

nav#menu.cart-panel .panel-top {
    padding: 22px;
    margin: -20px 0 0 -20px;
    width: calc(100% + 40px);
}

nav#menu.cart-panel .panel-top, nav#menu.cart-panel .wt-cart-total {
    background: rgba(128, 128, 128, 0.1);
}

nav#menu.cart-panel ul.cart_list.product_list_widget li.mini_cart_item {
    border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

nav#menu.cart-panel .panel-top h3 {
    padding: 0;
    line-height: 24px;

}

/* Checkout button */
nav#menu.cart-panel a.button.checkout.wc-forward {
    color: #fff;
    width: 100%;
    height: 50px;
    padding: 15px;
}

nav#menu.cart-panel a.button.checkout.wc-forward:hover {
    /*
        background: none;
        border-color: blue;
        color: blue;
    */
}

/*** Header - Mini Cart ***/
nav.cart-panel {
    border: none;
    z-index: 99;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    color: #000;
    max-width: 100%;
}

span.minicart_count {
    font-size: 10px;
    color: #fff;
    min-width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

/** Header - Search **/

.nav-search {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    padding: 10px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.2);
    border-top: 1px solid rgba(128, 128, 128, 0.2);
    transition: 0.4s;
    z-index: 1;
}

.nav-search.show {
    display: block;


}

.nav-search .woocommerce-product-search button {
    display: none;
}

.nav-search .woocommerce-product-search input.search-field {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border-radius: 5px;
    border: none;
    background-color: rgba(128, 128, 128, 0.1);
    -webkit-appearance: textfield;
    transition: width 1s ease-out;
    -moz-transition: width 1s ease-out;
    -webkit-transition: width 1s ease-out;
}

.nav-search .woocommerce-product-search input.search-field,
.nav-search .woocommerce-product-search input.search-field::placeholder {
    color: #000000;
}

/*** WooCommerce - Archive ***/
/* Shop archive */
.post-type-archive-product.woocommerce .woocommerce-products-header nav.woocommerce-breadcrumb {
    padding: 10px 20px;
}

/* Description - Categories */

.woocommerce header.woocommerce-products-header {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 60px 40px 1fr;
    grid-row-gap: 1px;
}

.woocommerce-products-header img {
    grid-row: span 4;
}

.woocommerce-products-header .missing-tax-img {
    grid-column: none;
}

.woocommerce-shop .woocommerce-products-header .woocommerce-breadcrumb,
.woocommerce-shop .woocommerce-products-header .count-sort,
.woocommerce-products-header .missing-tax-img ~ .woocommerce-breadcrumb,
.woocommerce-products-header .missing-tax-img ~ .count-sort {
    grid-column: span 4;
}

.woocommerce-products-header .term-description {
    padding: 0 20px;
}

.woocommerce-products-header h1.woocommerce-products-header__title.page-title {
    padding: 10px 20px;
    margin: 0;
    font-size: 20px;
}

.woocommerce .woocommerce-products-header nav.woocommerce-breadcrumb {
    margin: 0 0 20px 0;
    padding: 0 20px;
    width: 100%;
    float: left;
}

.woocommerce-products-header > * {
    width: 100%;
}

.woocommerce-products-header .taxonomy-image {
    grid-row: span 4;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.woocommerce-products-header .term-description {
    padding: 0 20px;
    margin: 0 0 20px 0;

    width: 100%;
    float: left;
}

.woocommerce-products-header h1.woocommerce-products-header__title.page-title {
    padding: 10px 20px;
    margin: 0;

    width: 100%;
    float: left;
}

.woocommerce .woocommerce-products-header .count-sort {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    margin: auto 0 0 0;
}

.woocommerce .woocommerce-products-header .count-sort .woocommerce-result-count {
    margin: 10px 20px 10px 0;
}

.woocommerce .woocommerce-products-header .count-sort .woocommerce-ordering {
    margin: 0;
}

.woocommerce .woocommerce-products-header .count-sort form.woocommerce-ordering {
    border: 1px solid rgba(128, 128, 128, 0.2);
    border-radius: 4px;
    position: relative;
    max-width: 195px;
    float: none;
}

.woocommerce .woocommerce-products-header .count-sort select.orderby {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 12px 20px;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
}

.woocommerce .woocommerce-products-header .count-sort form.woocommerce-ordering:after {
    font-family: "wetail-icons", sans-serif;
    content: "a";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    transform: translateY(-50%);
    margin-right: 20px;
    font-size: 16px;
}

/* Product Archive */
.woocommerce #shop-filters {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-top: 1px solid rgba(128, 128, 128, 0.2);
    border-bottom: 1px solid rgba(128, 128, 128, 0.2);
    padding: 0 20px;
    margin-bottom: 1px;
    width: 100%;
}

.woocommerce #shop-filters .widget.filter h3:after {
    text-transform: lowercase;
}

.woocommerce .mobile-shop-filters,
.woocommerce #shop-filters a.toggle-filter {
    display: none;
}

.woocommerce #shop-filters .widget {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    margin: 0;
    border-right: 1px solid rgba(128, 128, 128, 0.2);
    padding: 0;
    position: relative;
    text-align: center;
}

.woocommerce #shop-filters .widget:first-child {
    padding-left: 0 !important;
}

.woocommerce #shop-filters .widget.widget_layered_nav_filters {
    border-right: none;
}

.woocommerce #shop-filters .widget.filter h3 {
    display: inline-flex;
    align-items: center;
    padding: 10px 0;
    cursor: pointer;
}

.woocommerce #shop-filters .the-shop-filters {
    display: flex;
}

.woocommerce #shop-filters .widget h2 {
    font-size: 15px !important;
    display: inline-flex;
    align-items: center;
    padding: 11.79px 0;
    margin: 0 48px 0 20px;
    white-space: nowrap;
}

.woocommerce #shop-filters .widget.woocommerce.widget_layered_nav_filters,
.woocommerce .mobile-shop-filters .widget.woocommerce.widget_layered_nav_filters {
    display: flex;
    align-items: center;
    flex-grow: 1;
    max-width: unset;
}

.woocommerce #shop-filters .widget.woocommerce.widget_layered_nav_filters ul,
.woocommerce .mobile-shop-filters .widget.woocommerce.widget_layered_nav_filters ul {
    align-items: flex-start;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    padding: 7.22px 0;
}

.woocommerce #shop-filters .widget.woocommerce.widget_layered_nav_filters > ul > li,
.woocommerce .mobile-shop-filters .widget.woocommerce.widget_layered_nav_filters > ul > li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.woocommerce #shop-filters .woocommerce.widget_layered_nav_filters ul li a,
.woocommerce .mobile-shop-filters .woocommerce.widget_layered_nav_filters ul li a {
    background-color: rgba(128, 128, 128, 0.2);
    padding: 1px 6px 1px 4px;
    border-radius: 25px;
    color: #000000;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.woocommerce #shop-filters .woocommerce.widget_layered_nav_filters ul li a:hover,
.woocommerce .mobile-shop-filters .woocommerce.widget_layered_nav_filters ul li a:hover {
    background: #ffc4c4;
    color: #ffffff;
}

.woocommerce #shop-filters .woocommerce.widget_layered_nav_filters ul li a:before,
.woocommerce .mobile-shop-filters .woocommerce.widget_layered_nav_filters ul li a:before {
    color: #fff;
}

.woocommerce #shop-filters .widget.filter h3:after {
    font-family: "wetail-icons", sans-serif !important;
    content: "v";
    display: table;
    font-size: 1em;
    margin: 0 0 0 10px;
}

.woocommerce #shop-filters .widget.filter.open h3:after {
    font-family: "wetail-icons", sans-serif;
    content: "l";
    display: block;
    font-size: 1em;
    margin: 0 0 0 10px;
}

.woocommerce #shop-filters .widget.filter ul.woocommerce-widget-layered-nav-list {
    visibility: hidden;
    height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 10px;
    z-index: 100;
    background: #fff;
    border: 1px solid rgba(128, 128, 128, 0.2);
    border-top: none;
    min-width: 100%;
    width: auto;
    margin: 0 -1px;
}

.woocommerce #shop-filters .widget.filter.open ul.woocommerce-widget-layered-nav-list {
    visibility: visible;
    height: auto;
    padding-bottom: 10px;
}

.woocommerce #shop-filters .widget.filter ul.woocommerce-widget-layered-nav-list li {
    display: flex;
    white-space: nowrap;
    text-align: left;
    margin-bottom: 10px;
}

.woocommerce #shop-filters .widget.filter ul.woocommerce-widget-layered-nav-list li:last-child {
    margin-bottom: 0;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a {
    position: relative;
    padding-left: 25px;
    flex-grow: 1;
    font-size: 14px;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item .count {
    color: rgba(128, 128, 128, 0.5);
    padding-left: 10px;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid;
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    color: #000;
    margin: 0 10px 0 0;
    border-radius: 10px;
    vertical-align: middle;
    line-height: 1em;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:before {
    content: "";
    border-color: #000000;
    background: #ffffff;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 3px;
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #000000;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen:hover a:before {
    font-family: "wetail-icons", sans-serif;
    content: "q";
    border-color: #ffc4c4;
    background: #ffc4c4;
    color: #fff;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen:hover a:after {
    content: none;
}

.upsells.products h2,
.upsells.products h2 {

}

.woocommerce-page ul.products,
.woocommerce ul.products {
    display: grid;
    grid-column-gap: 1px;
    grid-row-gap: 1px;
}

.woocommerce-page ul.products.columns-1,
.woocommerce ul.products.columns-1 {
    grid-template-columns: 1fr;
}

.woocommerce-page ul.products.columns-2,
.woocommerce ul.products.columns-2 {
    grid-template-columns: 1fr 1fr;
}

.woocommerce-page ul.products.columns-3,
.woocommerce ul.products.columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.woocommerce-page ul.products.columns-4,
.woocommerce ul.products.columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.woocommerce-page ul.products.columns-5,
.woocommerce ul.products.columns-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.woocommerce-page ul.products.columns-6,
.woocommerce ul.products.columns-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.woocommerce ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-1 li.product,
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product {
    --titleHeight: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


.woocommerce-page ul.products.slick-initialized,
.woocommerce ul.products.slick-initialized {
    display: block;
    grid-column-gap: unset;
    grid-row-gap: unset;
    grid-template-columns: unset;
    position: relative;
}

.woocommerce-page ul.products.slick-initialized .slick-track,
.woocommerce ul.products.slick-initialized .slick-track {
    display: flex;
}

.woocommerce-page ul.products.slick-initialized .slick-arrow,
.woocommerce ul.products.slick-initialized .slick-arrow {
    position: absolute;
    top: 32%;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 50%;
    color: #000;
    padding: 20px;
    font-size: 26px;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.4s;
}

.woocommerce-page ul.products.slick-initialized .slick-prev,
.woocommerce ul.products.slick-initialized .slick-prev {
    left: 30px;
}

.woocommerce-page ul.products.slick-initialized .slick-next,
.woocommerce ul.products.slick-initialized .slick-next {
    right: 30px;
}

.woocommerce-page ul.products.slick-initialized .slick-disabled,
.woocommerce ul.products.slick-initialized .slick-disabled {
    opacity: 0;
    cursor: default;
}

.woocommerce-page ul.products.slick-initialized li.product.slick-slide,
.woocommerce ul.products.slick-initialized li.product.slick-slide {
    height: 100%;
    min-height: 1px;
    padding-right: 1px;
}

.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
    content: '';
    display: none;
}

.woocommerce ul.products li.product a img {
    margin: 0;
    grid-column: span 2;
}

.woocommerce ul.products li.product a h2.woocommerce-loop-product__title {
    text-align: left;
    padding: 5px 0 5px 5px;
    height: var(--titleHeight, auto);
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-bottom: none;
}

.woocommerce ul.products li.product .price {
    font-size: 1em;
    padding: 5px 0 5px 5px;
    text-align: left;
    margin: 0;
}

.woocommerce .price ins {
    text-decoration: none;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .not_a_simple_product {
    margin: 0;
    position: absolute;
    bottom: -50px;
    right: 5px;
    opacity: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
}

.woocommerce ul.products li.product:hover > .button,
.woocommerce ul.products li.product:hover > .added_to_cart,
.woocommerce ul.products li.product:hover > .not_a_simple_product,
.woocommerce-page ul.products li.product:hover > .button,
.woocommerce-page ul.products li.product:hover > .added_to_cart,
.woocommerce-page ul.products li.product:hover > .not_a_simple_product {
    bottom: 5px;
    opacity: 1;
}

.woocommerce ul.products li.product .button.product_type_simple {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 0;
}

.woocommerce ul.products li.product .button.product_type_simple:before {
    font-family: "wetail-icons", sans-serif;
    content: "o";
    font-size: 20px;
}

.woocommerce ul.products li.product .button.product_type_simple:after {
    content: none;
}

.woocommerce ul.products li.product .button.product_type_simple.added {
    display: none;
}

.woocommerce nav.woocommerce-pagination ul {
    margin: 30px 0;
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
    width: 30px;
    height: 30px;
    margin: 5px;
    border: 1px solid rgba(128, 128, 128, 0.2);
    border-radius: 15px;
}

.woocommerce nav.woocommerce-pagination ul li span.current {

}

/* Sale */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    min-height: 25px;
    min-width: 90px;
    padding: 0;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 1em;
    top: 15px;
    left: 20px;
    right: auto;
    margin: 0;
    border-radius: 0;
    font-size: .857em;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*** WooCommerce - Single ***/
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    width: 50%;
    margin-bottom: 0;
}

/* Gallery */
.woocommerce-product-gallery__wrapper {
    max-width: unset;
    position: relative;
}

.woocommerce #content div.product .flex-viewport img:hover {
    cursor: zoom-in;
}

.woocommerce div.product div.images .flex-control-thumbs {
    position: absolute;
    left: 15px;
    bottom: 10px;
    z-index: 9;
    width: 100%;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px;
    max-width: 80px;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    border: 1px solid rgba(128, 128, 128, 0.2);
}

/* Summary */
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    width: 50%;
    padding: 50px 6% 10px 6%;
}

h1.product_title.entry-title {
    padding: 20px 0 0;
    margin: 0;
}

.woocommerce div.product .woocommerce-product-rating {
    padding: 0;
    margin: 0 0 23px;
}

.woocommerce-product-details__short-description {
    padding: 0;
    margin-bottom: 20px;
}

.woocommerce div.product span.price-title {
    float: left;
    font-weight: bold;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 0 20px 0;
}

.woocommerce div.product p.stock {
    display: flex;
    align-items: center;
    color: inherit;
    padding: 0;
    margin: 0 0 20px;
}

.woocommerce div.product p.stock::before {
    font-family: "wetail-icons", sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 6px;
}

.woocommerce div.product p.stock.in-stock::before {
    content: "y";
}

.woocommerce div.product p.stock.out-of-stock::before {
    content: "q";
}

.woocommerce div.product form.cart .variations tbody {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.woocommerce div.product form.cart .variations {
    padding: 0;
    margin-bottom: 10px;
}

.woocommerce div.product form.cart .variations tr {
    display: flex;
    flex-direction: column;
    width: 48.5%;
}

.woocommerce div.product form.cart .variations td.label {
    border: 0;
    vertical-align: top;
    line-height: initial;
    padding-right: 0;
}

.woocommerce div.product form.cart .variations td.value {
    padding: 0;
    position: relative;
    margin-bottom: 20px;
}

.woocommerce div.product form.cart .variations td.value select {
    float: right;
    margin-right: 0;
    padding: 10px 8px;
    width: 130%;
    box-shadow: none;
    background: transparent none;
    -webkit-appearance: none;
    position: relative;
    display: block;
    border: 1px solid rgba(128, 128, 128, 0.2);
    height: 37px;
    z-index: 1;
}

.woocommerce div.product form.cart .variations td.value:after {
    font-family: "wetail-icons";
    content: "a";
    float: right;
    position: absolute;
    right: 13px;
    top: 0;
    font-size: 16px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}

.woocommerce div.product form.cart .variations td.value a.reset_variations {
    visibility: hidden;
    display: none !important;
}


/* Add to cart button */
.woocommerce div.product form.cart div.quantity input.qty {
    height: 60px;
    width: 60px;
    font-size: 14px;
    background: transparent;
    border-color: rgba(128, 128, 128, 0.2);
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
    background: transparent;
}

.woocommerce div.product form.cart div.quantity {
    margin: 0 10px 0 0;
    width: 60px;
}

.woocommerce div.product form.cart .button {
    height: 60px;
    width: calc(100% - 70px);
}

.woocommerce div.product form.cart .button:hover {
    height: 60px;
    width: calc(100% - 70px);
}

.woocommerce button.button.disabled {
}

.woocommerce div.product .product_meta {
    font-size: 10px;
    display: flex;
    flex-direction: column;
    opacity: 0.5;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: rgba(128, 128, 128, 0.1);
    width: 100%;
    text-align: center;
    border-radius: 0;
    margin: 0 !important;
    padding: 10px !important;
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: #fff;
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding: 50px;
    border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: 0;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    content: '';
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:not(.fl-button) {
    border-bottom: none;
    width: 100%;
    height: 100%;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table {
    max-width: 536px;
    margin-left: auto;
    margin-right: auto;
    border: none;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information tr:nth-child(even) {
    background-color: rgba(128, 128, 128, 0.1);
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information th,
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information td {
    width: 50%;
    border: none;
    font-weight: 400;
    font-style: normal;
}

.single-product.fl-builder .woocommerce-tabs .woocommerce-Tabs-panel--description.panel {
    padding: 0;
    margin: 0;
}

.single-product.fl-builder .woocommerce-tabs .woocommerce-Tabs-panel--description.panel h2 {
    display: none;
}


@media screen and (max-width: 768px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-direction: column;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
        border-top: 1px solid #f7f7f7;
    }
}

/* Reviews */
.woocommerce #reviews {
    display: flex;
}

.woocommerce #reviews div#comments,
.woocommerce #reviews div#review_form_wrapper {
    background: none;
    width: 100%;
    padding: 0 30px;
}

.woocommerce #reviews div#comments {
    position: relative;
    background: none;
}

.woocommerce #reviews div#comments::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    height: 70px;
    width: 100%;
    background: linear-gradient(to bottom, transparent, #ffffff);
}

.woocommerce #reviews .woocommerce-Reviews-title,
.woocommerce #reviews #reply-title {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.woocommerce #reviews #comments ol.commentlist {
    height: 100%;
    max-height: 400px;
    padding-bottom: 50px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.woocommerce #reviews #comments ol.commentlist::-webkit-scrollbar {
    display: none;
}

.woocommerce #reviews #comments ol.commentlist li {
    padding: 20px;
    border-radius: 5px;
    background-color: #efefef;
}

.woocommerce #reviews #comments ol.commentlist li:not(:last-child) {
    margin: 0 0 10px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: unset;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    margin: 0 0 14px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .description {
    font-size: 11px;
    font-weight: 400;
    color: #000000;
    text-align: left;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    display: none;
}

.woocommerce #reviews #comments ol.commentlist li .woocommerce-review__author {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-right: 8px;
}

.woocommerce #reviews .star-rating {
    font-size: 15px;
    width: 6.5em;
}

.woocommerce #reviews .star-rating span:before,
.woocommerce #reviews .star-rating::before,
.woocommerce #reviews .stars a:hover:before,
.woocommerce #reviews .stars a:before {
    color: #000000 !important;
    letter-spacing: 4px;
}

.woocommerce #reviews #comments ol.commentlist li .woocommerce-review__dash,
.woocommerce #reviews #comments ol.commentlist li .woocommerce-review__published-date {
    font-size: 12px;
    font-weight: 400;
    color: #878787;
}

.woocommerce #reviews #review_form .comment-notes {
    margin-top: -20px;
    font-size: 14px;
    color: #000000;
    text-align: left;
    font-style: italic;
    letter-spacing: normal;
    line-height: normal;
}

.woocommerce #reviews #review_form .required {
    display: none;
}

.woocommerce #reviews #review_form label {
    display: table;
    font-weight: 600;
}

.woocommerce #reviews #review_form .stars {
    margin: 10px 0;
    font-size: 20px;
}

.woocommerce #reviews p.comment-form-author {
    float: left;
    width: 49%;
}

.woocommerce #reviews p.comment-form-email {
    float: right;
    width: 49%;
}

.woocommerce #reviews p.comment-form-email input,
.woocommerce #reviews p.comment-form-author input {
    width: 100%;
}

.woocommerce #reviews p.comment-form-email input,
.woocommerce #reviews p.comment-form-author input,
.woocommerce #reviews p.comment-form-comment textarea {
    margin-top: 10px;
    border-radius: 5px;
    border: 1px solid rgba(128, 128, 128, 0.2);
}

.woocommerce #reviews p.form-submit input#submit {
    margin-top: 10px;
    border-radius: 5px;
    background-color: #ff5459;
    border: none;
    width: 49%;
    height: auto;
    padding: 14px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .woocommerce #reviews {
        flex-direction: column-reverse;
    }

    .woocommerce div.product .woocommerce-tabs .panel {
        padding-left: 30px;
        padding-right: 30px;
    }

    .woocommerce #reviews div#comments {
        padding: 0;
        margin-top: 30px;
    }

    .woocommerce #reviews div#comments,
    .woocommerce #reviews div#review_form_wrapper {
        padding: 0;
    }
}

/* Related */
.woocommerce section.up-sells.upsells.products h2,
.woocommerce section.related.products h2 {
    text-align: center;
    margin: 0 0 30px 0;
}

/*** Input forms ***/
input, textarea {
    height: 34px;
    padding: 10px;
    border: 1px solid #b9b9b9;
}

/*** Mobile ***/
@media screen and (max-width: 992px) and (min-width: 769px) {

    .woocommerce-page ul.products.columns-4,
    .woocommerce ul.products.columns-4,
    .woocommerce-page ul.products.columns-5,
    .woocommerce ul.products.columns-5,
    .woocommerce-page ul.products.columns-6,
    .woocommerce ul.products.columns-6 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 1px;
        grid-row-gap: 1px;
    }

    .woocommerce-page ul.products.slick-initialized,
    .woocommerce ul.products.slick-initialized {
        display: block;
        grid-template-columns: unset;
        grid-column-gap: unset;
        grid-row-gap: unset;
    }

}

@media (max-width: 768px) {
    /* Archive products */
    .woocommerce-page ul.products.columns-3,
    .woocommerce ul.products.columns-3,
    .woocommerce-page ul.products.columns-4,
    .woocommerce ul.products.columns-4,
    .woocommerce-page ul.products.columns-5,
    .woocommerce ul.products.columns-5,
    .woocommerce-page ul.products.columns-6,
    .woocommerce ul.products.columns-6 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 1px;
        grid-row-gap: 1px;
    }

    .woocommerce-page ul.products.slick-initialized,
    .woocommerce ul.products.slick-initialized {
        display: block;
        grid-template-columns: unset;
        grid-column-gap: unset;
        grid-row-gap: unset;
    }

    .woocommerce #shop-filters {
        flex-direction: column;
        padding: 0;
    }

    .woocommerce #shop-filters a.toggle-filter {
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(128, 128, 128, 0.2);
        padding: 10px 20px;
    }

    .woocommerce #shop-filters .widget.filter {
        display: none !important;
    }

    .woocommerce #shop-filters .widget.woocommerce.widget_layered_nav_filters {
        align-items: flex-start;
    }

    .woocommerce #shop-filters .widget.woocommerce.widget_layered_nav_filters > .widgettitle {
        margin: 0 20px;
    }

    .woocommerce .mobile-shop-filters {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        transform: translateX(-100%);
        transition: transform 0.4s;
        display: block;
        width: 75%;
        height: 100%;
        overflow: auto;
        max-width: 480px;
        background-color: #fff;
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
    }

    .woocommerce .mobile-shop-filters.active {
        transform: translateX(0);
    }

    .woocommerce .mobile-shop-filters__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30px;
        border-bottom: 1px solid rgba(128, 128, 128, 0.2);
        margin-bottom: 30px;
    }

    .woocommerce .mobile-shop-filters__title,
    .woocommerce .mobile-shop-filters .widget h2,
    .woocommerce .mobile-shop-filters .widget h3 {
        font-size: 18px;
        font-weight: 600;
        color: #000000;
    }

    .woocommerce .mobile-shop-filters__close {
        background-color: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
    }

    .woocommerce .mobile-shop-filters .widget {
        padding: 0 30px;
        margin-bottom: 20px;
        max-width: unset;
    }

    .woocommerce .mobile-shop-filters .widget h2,
    .woocommerce .mobile-shop-filters .widget h3 {
        font-weight: 400;
    }

    .woocommerce .mobile-shop-filters .widget.woocommerce.widget_layered_nav_filters {
        display: block;
    }

    .woocommerce .mobile-shop-filters .widget.filter h3 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .woocommerce .mobile-shop-filters .widget.filter h3::after {
        font-family: "wetail-icons", sans-serif !important;
        content: "v";
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        line-height: 1;
        transform: rotate(0);
        transition: transform 0.4s;
    }

    .woocommerce .mobile-shop-filters .widget.filter.active h3::after {
        transform: rotate(45deg);
    }

    .woocommerce .mobile-shop-filters .widget.filter .woocommerce-widget-layered-nav-list__item {
        display: flex;
        padding-bottom: 10px;
    }

    .woocommerce .mobile-shop-filters .widget.filter .woocommerce-widget-layered-nav-list__item:last-child {
        padding-bottom: 0;
    }

    .woocommerce .mobile-shop-filters .widget.woocommerce.widget_layered_nav_filters ul,
    .woocommerce .mobile-shop-filters .widget.filter ul {
        padding: 15px 0 0;
        margin-bottom: 5px;
    }

    .woocommerce .mobile-shop-filters .widget.filter .woocommerce-widget-layered-nav-list__item a {
        white-space: initial;
        flex-grow: 1;
    }

    .woocommerce .mobile-shop-filters .widget.filter .woocommerce-widget-layered-nav-list__item .count {
        padding-left: 20px;
    }

    .woocommerce .mobile-shop-filters .widget.filter .woocommerce-widget-layered-nav-list__item.chosen a:before {
        font-family: "wetail-icons", sans-serif;
        content: "q";
        border-color: #ffc4c4;
        background: #ffc4c4;
        color: #fff;
    }

    .woocommerce .mobile-shop-filters .widget.filter .woocommerce-widget-layered-nav-list__item.chosen a:after {
        content: none;
    }

    .woocommerce-page ul.products,
    .woocommerce ul.products {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-column-gap: 1px;
        grid-row-gap: 1px;
    }

    .woocommerce header.woocommerce-products-header {
        grid-template-columns: 1fr;
    }

    .woocommerce header.woocommerce-products-header h1 {
        order: 2;
    }

    .woocommerce header.woocommerce-products-header .missing-tax-img {
        display: none;
    }

    .woocommerce header.woocommerce-products-header .taxonomy-image {
        order: 1;
        min-height: 50vw;
    }

    .woocommerce header.woocommerce-products-header .woocommerce-breadcrumb {
        order: 3;
    }

    .woocommerce header.woocommerce-products-header .term-description {
        order: 4;
    }

    .woocommerce header.woocommerce-products-header .count-sort {
        order: 5;
    }

    /* Single Product */
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        width: 100%;
        margin-bottom: 0;
    }

    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        width: 100%;
        padding: 20px 6% 10px 6%;
    }

    .woocommerce div.product div.summary.entry-summary {
        display: flex;
        flex-direction: column;
    }

    .woocommerce div.product div.summary.entry-summary nav.woocommerce-breadcrumb {
        order: 1;
    }

    .woocommerce div.product div.summary.entry-summary h1.product_title.entry-title {
        order: 2;
    }

    .woocommerce div.product div.summary.entry-summary .woocommerce-product-details__short-description {
        order: 6;
    }

    .woocommerce div.product div.summary.entry-summary .woocommerce-product-rating {
        order: 3;
    }

    .woocommerce div.product div.summary.entry-summary p.price {
        order: 4;
    }

    .woocommerce div.product div.summary.entry-summary form.cart,
    .woocommerce div.product div.summary.entry-summary form.variations_form.cart {
        order: 5;
    }

    .woocommerce div.product div.summary.entry-summary .product_meta {
        order: 7;
    }
}


.woocommerce-account .content {
    padding: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li.woocommerce-MyAccount-navigation-link {
    padding: 10px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.2);
    margin-top: 0 !important;
}

li.woocommerce-MyAccount-navigation-link.is-active {
    background: rgba(239, 239, 239, 0.5);
}

@media (max-width: 320px) {
    /* Archive products */
    .woocommerce-page ul.products.columns-2,
    .woocommerce ul.products.columns-2,
    .woocommerce-page ul.products.columns-3,
    .woocommerce ul.products.columns-3,
    .woocommerce-page ul.products.columns-4,
    .woocommerce ul.products.columns-4,
    .woocommerce-page ul.products.columns-5,
    .woocommerce ul.products.columns-5,
    .woocommerce-page ul.products.columns-6,
    .woocommerce ul.products.columns-6 {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 1px;
        grid-row-gap: 1px;
    }
}

/*** Footer ***/
footer.site-footer {
    padding: 50px 20px;
}

footer.site-footer h3 {
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    footer.site-footer {
        padding: 50px 10px;
    }

    footer .columns {
        margin-left: 0;
        margin-right: 0;
    }

    footer .columns.footer {
        grid-template-columns: 50% 50%;
        display: grid;
    }

    footer .columns.footer h3 {
        word-break: break-word;
    }
}

@media (max-width: 575px) {
    .woocommerce .woocommerce-products-header .count-sort {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    .woocommerce .woocommerce-products-header .count-sort .woocommerce-result-count {
        margin: 10px 0;
    }

    .woocommerce .woocommerce-products-header .count-sort form.woocommerce-ordering {
        max-width: 100%;
    }
}