/*DESKTOP ONLY*/
@media (min-width: 1200px) and (max-width: 1361px)  {
    .container {
        max-width: 1200px;
    }
    .deposits-input-wrapper .pretty .state {
        padding: 8px !important;
    }
}
@media only screen and (min-width: 769px) {

a.button:hover {
    background: var(--hover-gradient) !important;
    color: #fff !important;
}

/*HEADER*/
.header-desktop {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.headroom--pinned {
    transform: translateY(0);
}
.header-desktop.headroom--unpinned {
    transform: translateY(-32px);
}
.tj-top-menu {
    background: var(--primary-gradient);
}
.tj-header-main {
    padding: 0;
}
ul#menu-top-menu {
    display: block;
}
ul#menu-top-menu li {
    display: inline-block;
    float: left;
    margin-left: 16px;
}
ul#menu-top-menu li.menu-item-has-children > a:before {
    display: none;
}
#menu-top-menu a.nav-link {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.5px;
    padding: 6.25px 0;
}
#menu-top-menu a.nav-link:hover {
    color: #ffe600;
}
#menu-top-menu .kalkulator-menu a.nav-link {
    background: rgba(0,0,0,0.25);
    padding: 6.25px 12px;
}
ul#menu-top-menu li ul.dropdown-menu {
    border-radius: 0;
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transform: translate(0px, 32px) !important;
    padding: 0;
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    display: none;
    background: #151517;
}
ul#menu-top-menu li.dropdown:hover ul.dropdown-menu {
    display: block;
    padding: 8px 10px;
}
ul#menu-top-menu li ul.dropdown-menu li {
    margin-left: 0;
    width: 100%;
}
ul#menu-top-menu li ul.dropdown-menu li a {
    color: #fff;
    padding: 8px 12px;
    border-bottom: 1px dotted rgba(255,255,255,0.1);
}
ul#menu-top-menu li ul.dropdown-menu li a:hover {
    background: #94262b;
    color: #ffe600;
}
ul#menu-top-menu li.blog-menu ul.dropdown-menu {
    columns: 2;
}
.logo-desktop img {
    height: 43px;
    width: auto;
    padding: 8px 0;
    box-sizing: content-box;
}
span.kategori-menu {
    height: 59px;
    cursor: pointer;
}
.kategori-menu span.menu-icon {
    float: left;
    margin: 0 8px 0 0;
    width: 24px;
    height: 24px;
}
.kategori-menu span.menu-icon svg {
    width: 24px;
    height: 24px;
}
.cart-contents:before {
    width: 30px;
    height: 30px;
}
.cart-contents:hover:after, span.user-icon:hover:before {
    content: "";
    position: absolute;
    width: 42px;
    height: 42px;
    z-index: -1;
    border-radius: 8px;
    left: -6px;
    top: -6px;
    background: #eff1f6;
}
.header-mini-cart-wrapper {
    display: none;
}
.footer:before {
    display: none;
    position: fixed;
    content: "";
    background: #000;
    opacity: 0.5;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
}
.footer.muncul:before {
    display: block;
}
.header-mini-cart {
    display: block;
    position: absolute;
    background: #fff;
    width: 416px;
    height: auto;
    top: 19px;
    padding: 16px;
    border: none;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}
.header-mini-cart-wrapper.muncul {
    display: block;
    top: 72px;
    position: absolute;
    width: 416px;
    height: 700px;
    padding: 24px 0 0 0;
    z-index: 9999;
}
/*.header-mini-cart:after {
    content: "";
    background: transparent;
    position: absolute;
    right: 50px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-bottom: solid var(--greyline) 10px;
}*/

.header-mini-cart ul.cart_list li {
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px dotted var(--greyline);
}
.header-mini-cart ul.cart_list li a {
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    color: #343435;
    max-width: 60%;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    float: left;
}
.header-mini-cart ul.cart_list li a.remove {
    display: none;
}
.header-mini-cart ul.cart_list li a > * {
    float: left;
    margin-right: 8px;
    margin-left: 0;
}
.header-mini-cart ul.cart_list li span.quantity {
    float: right;
    width: 30%;
    text-align: right;
    color: var(--tj-color-saturation);
    font-weight: 600;
    font-size: 15px;
}
.header-mini-cart .woocommerce-mini-cart__total.total {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: var(--tj-color-saturation);
    font-weight: 600;
    font-size: 15px;
}
.header-mini-cart .woocommerce-mini-cart__buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0;
}

.kategori-menu h5 {
    line-height: 16px;
    font-size: 16px;
    margin: 0 4px 0 0;
    letter-spacing: 1px;
    font-weight: 600;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    padding: 0 10px;
    border-radius: 0;
}
.dgwt-wcas-open .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border-radius: 8px;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    padding: 8px 24px 8px 48px;
    font-size: 17px;
    border: 1px solid 1px solid var(--greyline);
    border-radius: 8px;
    background-color: var(--lightgrey);
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover, .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
    background-color: #fff;
    border-color: var(--tj-color);
    box-shadow: 0 0 0 2px rgb(0 0 0 / 5%);
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    min-height: 36px;
    min-width: 36px;
    height: 36px;
    width: 36px;
    left: 16px;
    top: 4px;
}
a.login-button-header {
    float: right;
    display: inline-block;
    padding: 8px 16px;
    background: var(--tj-color-saturation);
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 500;
    margin-left: 24px;
}
.mega-menu{
    position: relative;
    display: block;
    width: 100vw;
    background: white;
    border-top: none;
    border-bottom: none;
    padding: 0;
    height: 0;
    transition: all 0.3s ease;
    height: 0;
    overflow: hidden;
}
.mega-menu.muncul {
    border-top: 1px solid var(--lightgrey);
    border-bottom: 1px solid var(--lightgrey);
    padding: 0;
    height: auto;
    margin-top: -35px;
}
#v-pills-tab {
    background: var(--lightgrey);
    padding-right: 0;
    padding-bottom: 0;
}
#v-pills-tabContent {
    padding: 24px;
}
.mega-menu p {
    margin-bottom: 12px;
}
.menu-heading {
        font-size: 18px;
        font-weight: 600;
        margin: 0;
        text-decoration: none;
        color: var(--tj-color);
        border-bottom: 2px solid;
        width: 90%;
        display: block;
        padding-bottom: 12px;
        position: relative;
        transition: all 0.2s ease;
}
.menu-heading:hover {
    padding-left: 20px;
}
.menu-heading:hover:before {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--tj-color);
    position: absolute;
    left: 0;
    top: 10px;
    bottom: auto;
    margin: auto;
}
a.menu-heading.parent-heading {
    border: none;
    padding-bottom: 0;
}
.mega-menu button.nav-link {
    text-align: left;
    padding: 8px 0 8px 112px;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    transition: all 0.2s ease;
    color: #343435;
    font-weight: 500;
}
.mega-menu button.nav-link:first-child {
    margin-top: 24px;
}
.mega-menu button.nav-link.active {
    padding: 8px 0 8px 144px;
    background: #fff;
    color: var(--tj-color);
}
.mega-menu .tab-pane {
    display: none;
}
.mega-menu .tab-pane.active {
    display: flex;
}
.mega-menu h5 {
    font-size: 18px;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.mega-menu ul {
    padding: 0 40px 0 16px;
}
.mega-menu ul li {

}
.mega-menu ul li a {
    text-decoration: none;
    color: #343435;
    padding: 6px 0;
    display: block;
    border-bottom: 1px dotted var(--lightgrey);
    font-weight: 500;
}
.mega-menu ul li:hover::marker, .mega-menu ul li:hover a {
    color: var(--tj-color);
}

.header-tj-stock {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 14px;
}
.header-tj-stock a {
    margin: 0 8px;
}


/*HOMEPAGE*/
body.home, body.single-post {
    margin-top: 100px;
}
.home-top {
    background: #fff;
    padding: 32px 0 0;
}
.hero-slider {
    margin-bottom: 0;
}
.hero-slider .swiper-slide {
    height: 500px;
}
.hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {
    transition: all 0.2s ease;
}
.hero-slider .swiper-button-prev, .hero-slider .swiper-rtl .swiper-button-next {
    left: -40px !important;
    opacity: 0;
    border-radius: 0 4px 4px 0;
}
.hero-slider:hover .swiper-button-prev, .hero-slider:hover .swiper-rtl .swiper-button-next {
    left: 0px !important;
    opacity: 1;
}
.hero-slider .swiper-button-next, .hero-slider .swiper-rtl .swiper-button-prev {
    right: -40px !important;
    opacity: 0;
    border-radius: 4px 0 0 4px;
}
.hero-slider:hover .swiper-button-next, .hero-slider:hover .swiper-rtl .swiper-button-prev {
    right: 0 !important;
    opacity: 1;
}
.hero-slider .swiper-button-prev:hover, .hero-slider .swiper-button-next:hover {
    background: var(--tj-color-saturation);
}
.homepage-request {
    border-radius: 12px;
    height: 500px;
    margin: 0;
}
.homepage-request .nf-form-content .label-above .nf-field-label {
    margin-bottom: 2px !important;
}
.homepage-request p {
    font-size: 15px;
}
.produk-highlight-1 {
    padding: 0;
}
/*SHOP*/
body.archive.woocommerce-shop .content-area {
    padding-top: 0;
}
.archive.woocommerce .woocommerce-breadcrumb {
    display: none;
}
.woocommerce-ordering {
    background: transparent;
}
.woocommerce select.orderby {
    padding: 3px 16px;
    background-color: #fff;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    width: 300px;
    float: right;
    background-size: 15px;
    border: 1px solid #BFC9D9;
    display: inline-block;
    height: auto;
    background-color: #fff;
    border-radius: 8px;
    margin-top: -12px;
    cursor: pointer;
}
.filtertj {
    display: block;
}

/*PRODUCT CARD*/
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin-bottom: 24px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin-right: 2%;
    width: 23.5%;
    margin-bottom: 18px !important;
}
.woocommerce ul.products li.product.last, .woocommerce-page ul.products li.product.last {
    margin-right: 0;
}
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
    width: 18.4%;
    margin-right: 2%;
}
.woocommerce ul.products.columns-5 li.product.last, .woocommerce-page ul.products.columns-5 li.product.last {
    margin-right: 0;
}
li.product:hover .yith-wcwl-add-button {
    opacity: 1;
}

li.product .yith-wcwl-add-button {
    opacity: 0;
}
.product-card-content {
    padding: 12px 12px 0 12px;
    min-height: 80px;
}
.product-card-content a.woocommerce-loop-product__link {
    height: 80px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
    height: 40px;
}

/*SINGLE PRODUCT*/
span.stock-card-single {
    display: inline-block;
    margin: 5px 0px 10px 0px;
    padding: 5px 10px;
    background: var(--tj-color-saturation);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
}
body.single-product {
    padding-top: 105px !important;
}
.woocommerce .woocommerce-breadcrumb {
    background: transparent;
}
/* .single-product h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
} */
body.single-product .woocommerce-breadcrumb a, body.single-product .woocommerce-breadcrumb span {
    color: var(--tj-color);
}
.woocommerce .nempelkesini .galeri-single .woocommerce-product-gallery {
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
}
.woocommerce-product-gallery .flex-viewport {
    border-radius: 12px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    top: 2%;
    right: 5%;
}
.woocommerce div.product div.images .flex-control-thumbs {
    padding: 0 !important;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
    margin: 8px 2% 0 0;
    width: 23.5%;
}
.woocommerce div.product div.images .flex-control-thumbs li:last-child {
    margin-right: 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 {
    padding: 14px 24px 32px !important;
    border: 1px solid var(--greyline) !important;
}
.woocommerce .galeri-single span.onsale {
    top: 360px;
}
.related.products {
    background: transparent;
    position: relative;
    margin-top: 80px;
}
.related.products:before {
    content: "";
    background: #eff1f6;
    width: 100vw;
    height: 500px;
    position: absolute;
    left: 50%;
    margin-left: -50vw;
    z-index: -1;
    top: -24px;
}
.first-related {
    position: absolute;
    width: 40%;
    height: 400px;
    background: #c5333a;
    left: 0;
    top: -40px;
    padding: 40px 24px;
}
.related.products .swiper-wrapper {
    padding-top: 16px;
}
.swiper-button-next, .swiper-button-prev {
    background: #000;
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -40px !important;
    left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -40px !important;
    right: auto;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px !important;
    color: #fff;
}
.woocommerce-notices-wrapper {
    max-width: 600px;
}
.woocommerce-message:before {
    content: "";
    background: #000;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.75;
    z-index: -1;
}

.deposits-input-wrapper .pretty .state {
    padding: 10px 14px !important;
}
.pretty .state label:after, .pretty .state label:before {
    left: 5px;
}

/*PAGE DEFAULT*/
body.page-template-default, body.page-template-page-full-width, body.page-template-page-cart, body.page-template-page-checkout {
    margin-top: 120px;
}

/*CART*/
.page.woocommerce-cart {
    font-size: 18px;
}
.wp-block-woocommerce-cart.alignwide {
    margin-left: 0;
    margin-right: 0;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
    border-top: 1px solid hsla(0,0%,7%,.11);
}
.is-large.wc-block-cart .wc-block-cart-items td.wc-block-cart-item__image {
    padding-left: 0;
}
.is-large.wc-block-cart .wc-block-cart-items td:last-child {
    padding-right: 0 !important;
}
.is-large .wc-block-components-sidebar .wc-block-components-panel, .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon, .is-large .wc-block-components-sidebar .wc-block-components-totals-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header, table.wc-block-cart-items .wc-block-cart-items__header {
    font-size: 1em !important;
}
.is-large.wc-block-cart .wc-block-cart__totals-title {
    font-size: 1em !important;
}
.wp-block-woocommerce-cart .wc-block-components-sidebar {
    padding-left: 0 !important;
    width: 30%;
}


/*CHECKOUT*/
.wc-block-cart-item__prices .price {
    font-size: 16px;
    font-weight: 600;
}

/*SHO*/
body.archive.woocommerce {
    margin-top: 100px;
}

/*ARCHIVE-POST*/
body.archive {
    margin-top: 120px;
}
.page-template-blog-page {
    margin-top: 60px;
}
.archive-post {
    margin-bottom: 80px;
}
.archive-post .archive-header {
    padding-left: 0;
}
.archive-post  .card-artikel {
    padding-bottom: 24px;
    display: inline-block;
    border-bottom: 1px solid var(--lightgrey);
    padding-left: 0;
}
.archive-post  .artikel-thumbnail {
    display: block;
    width: 40%;
    height: 240px;
    margin-right: 3%;
    float: left;
    background-size: 110%;
    transition: all 0.2s ease;
}
.card-artikel:hover .artikel-thumbnail {
    background-size: 130%;
}
.archive-post .card-artikel .single-category {
    padding: 0;
    margin-bottom: 8px;
}
.card-artikel h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
}
.card-artikel:hover h3 {
    text-decoration: underline;
    text-decoration-color: var(--tj-color-saturation);
    text-decoration-thickness: 4px;
}
.archive-list .card-content p {
    display: block;
}

.archive.woocommerce .lmp_products_loading, .archive.woocommerce .lmp_products_loadin .lmp_load_more_button {
    margin-bottom: 0;
}

/*SINGLE POST*/
.article-content h1 {
    font-size: 32px;
    line-height: 1.4;
}
.post_meta {
    font-size: 16px;
    color: #aaa;
}
.related-section-desktop {
    background: #101014;
    padding: 24px 0 80px 0;
}
.related-section.related-section-desktop h2.section-title {
    margin: 24px 0 24px 0;
    color: #fff;
    padding: 0 0 16px 0;
}
.related-section-desktop a.related-item {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    padding: 0;
}
.related-section-desktop .related-item .artikel-thumbnail {
    width: 100%;
    height: 240px;
    display: block;
    margin: 0;
    background-size: 110%;
}
.related-item:hover .artikel-thumbnail {
    background-size: 130%;
}
.related-section-desktop .related-item .card-content {
    display: block;
    float: left;
    width: 100%;
    min-height: 200px;
    background: #fff;
    padding: 16px 24px 24px;
}
.related-section-desktop .related-item .card-category {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}
.related-section-desktop .related-item h3 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
}
.related-section-desktop .related-item:hover .card-content h3 {
    text-decoration: underline;
    text-decoration-color: red;
    text-decoration-thickness: 4px;
}
.resp-sharing-button {
  padding: 0.5em 0.75em;
}
.resp-sharing-button__icon svg {
  margin-right: 16px;
}
.single-product .resp-sharing-button__icon svg {
  margin-right: 0;
}
.resp-sharing-button span {
    display: inline-block;
}
.testimoni {
    padding: 48px 0;
}

/*SIDEBAR*/
#sidebar {
    height: 1320px;
}
#sidebar.single {
    padding-top: 40px;
}
.popular-posts a.related-item {
    padding-bottom: 8px;
    margin-bottom: 8px;
    position: relative;
}
.related-item .artikel-thumbnail {
    background-size: 110%;
} 
.popular-posts .related-item h3 {
    font-size: 16px;
    font-weight: 700;
}
.popular-posts a.related-item:hover h3 {
    color: #fff;
}
.popular-posts a.related-item:before {
    content: "";
    background: #000;
    position: absolute;
    height: 100%;
    width: 0%;
    z-index: -1;
    left: 10%;
    top: -8px;
    transition: all 0.2s ease;
}
.popular-posts a.related-item:hover:before {
    width: 90%;
}

/*BLOCK*/
.woocommerce ul.products.columns-4 li.product:nth-child(4n+0), .woocommerce-page ul.products.columns-4 li.product:nth-child(4n+0) {
    margin-right: 0;
}
.product-block-header {
    margin: 0 0 16px;
}
.product-block-header h3 {
    font-size: 20px;
}
.product-block-header a {
    font-size: 16px;
}

/*footer desktop*/
.archive.woocommerce .section.footer {
    margin-top: 80px;
}
.single-post .section.footer {
    margin-top: 0;
}
.footer-info {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
}
.footer-info h5 {
    border: none;
}
.footer-menu.social-menu h3 {
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-dark);
    text-align: left;
}
.footer-menu ul li a:hover {
    padding-left: 16px !important;
    border-bottom: 1px dotted #fff !important;
    background: rgba(0,0,0,0.1);
}
.footer-menu.social-menu ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid var(--border-dark);
    padding: 8px 0;
    margin-left: 0;
}
.social-menu svg {
    width: 24px !important;
    height: 22px !important;
}
.social-menu li a span {
    margin-left: 12px;
}
.copyright-menu {
    text-align: center;
}
.copyright-menu ul li {
    margin: 0;
}
.copyright-menu a {
    padding: 0 4px;
}
.copyright-menu a:hover {
    background: #94262b;
    border: none;
    border-radius: 4px;
}

/*USER DASHBOARD*/
body.page-template-page-dashboard-user {
    padding-top: 120px !important;
}
body.page-template-page-dashboard-user .page-content {
    margin-top: 24px;
}

button.woocommerce-button.button.woocommerce-form-login__submit, button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    background: var(--tj-color-saturation);
    color: #fff;
    letter-spacing: 1px;
    padding: 16px 48px;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation {
    position: relative;
    height: auto;
    opacity: 1;
    top: 0;
    z-index: 9;
    width: 25%;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 73%;
}
nav.woocommerce-MyAccount-navigation ul {
    border: 1px solid var(--greyline);
    border-radius: 8px;
    display: inline-block;
}
nav.woocommerce-MyAccount-navigation ul li {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid var(--lightgrey);
    float: left;
}
nav.woocommerce-MyAccount-navigation ul li a{
    transition: all 0.2s ease;
    line-height: 40px;
    padding: 8px 16px;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a, nav.woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--tj-color-saturation); 
    padding-left: 40px;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a:before, nav.woocommerce-MyAccount-navigation ul li a:hover:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--tj-color-saturation);
    left: 16px;
    top: 0;
    margin: auto;
    bottom: 0;
}
.woocommerce table.shop_table.wishlist_table th {
    border-top: 0;
    font-size: 16px;
}
.woocommerce table.shop_table.wishlist_table {
    border-color: var(--greyline);
}
table.wishlist_table tbody td, table.wishlist_table thead th {
    border-color: var(--lightgrey);
}
.wishlist-items-wrapper .product-name a {
    font-size: 16px;
    color: #343435;
    font-weight: 600;
    text-decoration: none;
}

/*end desktop*/
}