/*!
Theme Name: asukis
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: asukis
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

asukis is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

*{
    box-sizing: border-box;
    margin: 0;
}

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

html{
    font-size: 10px;
}

.overflow{
    overflow: hidden;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

input,
textarea,
button,
select{
    border: 0;
    border-radius: 4px;
    background: #FFFCF7;
    width: 100%;
    height: 5rem!important;
    padding: 1rem 2rem;
    margin-bottom: 1.5rem;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
}
input[type="submit"] {
    background: rgba(42, 59, 49, 1);
    color: #fff;
    margin-top: 1.5rem;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0px;
    transition: 0.3s;
}
input[type="submit"]:hover{
    background: #3b4c42;
}

.for-dekstop{
    display: flex;
}
.for-mobile{
    display: none;
}

section {
    padding: 7rem 0;
    position: relative;
    overflow: hidden;
}

.container{
    max-width: 136rem;
    padding: 0 2rem;
    margin: 0 auto;
}

.container_s{
    max-width: 116rem;
}

.grid{
    display: grid;
}

.grid-columns-1{
    grid-template-columns: 1fr;
}
.grid-columns-2{
    grid-template-columns: 1fr 1fr;
}
.grid-columns-3{
    grid-template-columns: 1fr 1fr 1fr;
}
.grid-columns-4{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.gap-1{
    gap: 1rem;
}
.gap-2{
    gap: 2rem;
}
.gap-3{
    gap: 3rem;
}
.gap-8{
    gap: 8rem;
}

.flex{
    display: flex;
}

.space-btw{
    justify-content: space-between;
    align-items: center;
}

.align-center{
    align-items: center;
}

@media screen and (min-width: 1001px) {
    .none_padding_top {
        padding-top: 0;
    }

    .small_padding_top {
        padding-top: 2.5rem;
    }

    .medium_padding_top {
        padding-top: 5rem;
    }

    .big_padding_top {
        padding-top: 10rem;
    }

    .huge_padding_top {
        padding-top: 15rem;
    }

    .none_padding_bottom {
        padding-bottom: 0;
    }

    .small_padding_bottom {
        padding-bottom: 2.5rem;
    }

    .medium_padding_bottom {
        padding-bottom: 5rem;
    }

    .big_padding_bottom {
        padding-bottom: 10rem;
    }

    .huge_padding_bottom {
        padding-bottom: 15rem;
    }
}

/* Typography */

body {
    font-family: "Open Sans", sans-serif;
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
}
h1 {
    font-size: var(--fontsize_h1);
    line-height: var(--lineh_h1);
}
h2, .h2 {
    font-size: var(--fontsize_h2);
    line-height: var(--lineh_h2);
}
h3, .h3, p.subtitle {
    font-size: var(--fontsize_h3);
    line-height: var(--lineh_h3);
}
h4, .h4, .woocommerce-mini-cart__total *, .woocommerce-loop-product__title, ul.products.columns-4 .woocommerce-loop-product__title {
    font-size: var(--fontsize_h4);
    line-height: var(--lineh_h4);
}
a {
    color:var(--clr1);
}
a:hover {
    text-decoration: none;
}
h1,h2,h3,h4 {
    margin-bottom: 1rem;
    -webkit-font-smoothing: antialiased;
    font-family: "Merriweather", serif;
}
h1,h2,h3,h4 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.btn,
.single-product div.product form.cart .single_add_to_cart_button,
#comments .form-submit input,
.woocommerce-message a.button,
.woocommerce table.shop_table .coupon button,
.woocommerce table.shop_table td.actions button,
.wc-proceed-to-checkout a.checkout-button,
button#place_order,
.woocommerce #review_form #respond .form-submit input{
    background-color: var(--bgclr2)!important;
    color: var(--textclr2)!important;
    padding: 1.2rem 3.5rem!important;
    border-radius: 60px!important;
    display: inline-block!important;
    text-decoration: none!important;
    transition: var(--animtime1);
    font-weight: 400;
    width: auto;
}
.woocommerce-message a.button,
.wc-proceed-to-checkout a.checkout-button{
    min-height: 5rem!important;
    line-height: var(--lineh_p)!important;
    font-weight: 400;
    font-size: var(--fontsize_p)!important;
}
.btn:hover,
.single-product div.product form.cart .single_add_to_cart_button:hover,
#comments .form-submit input:hover,
.woocommerce-message a.button:hover,
.woocommerce table.shop_table .coupon button:hover,
.woocommerce table.shop_table td.actions button:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
button#place_order:hover,
.woocommerce #review_form #respond .form-submit input:hover{
    background-color: var(--bgclr3)!important;
}

p{
    margin: 1.6rem 0 0;
}

p:first-of-type{
    margin: 0;
}

p .btn{
    margin-top: 2rem;
}

/* Header */

header{
    background-color: var(--bgclr1);
    padding: 1.6rem 0;
}

header a{
    color: var(--textclr2);
}

.site-branding{
    width: 10rem;
}

.site-branding img{
    width: 100%;
    height: auto;
}

.main-navigation ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 4rem;
}

.main-navigation ul li{
    position: relative;
}

@media screen and (min-width: 1001px) {
    .main-navigation ul .sub-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 25rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background: var(--bgclr7);
        border-radius: var(--radius1);
        padding: 1.4rem 2rem;
        gap: 0;
        box-shadow: 0 0 10px 0 rgb(176 180 183 / .17);
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        transition: var(--animtime1);
    }

    .main-navigation ul li.menu-item-has-children:hover .sub-menu{
        z-index: 99;
        opacity: 1;
        visibility: visible;
    }

    .main-navigation ul .sub-menu li{
        display: flex;
    }

    .main-navigation ul .sub-menu a{
        color: var(--textclr1);
        padding: 0.3rem 0;
    }
}

.main-navigation ul li{
    display: flex;
}

.main-navigation ul a{
    text-decoration: none;
    padding: 2rem 0;
}

.current-menu-item > a,
.main-navigation ul a:hover,
footer .top-line .block .current-menu-item a,
footer .top-line .block a:hover,
.main-navigation ul .sub-menu li.current-menu-item a,
.current-menu-ancestor > a,
.current_page_parent > a,
.sub-menu li.current-product-parent > a{
    color: var(--bgclr2);
}

a.custom-logo-link {
    display: flex;
}

.main-navigation {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.site-header .container > a.cart svg{
    width: 2rem;
    height: auto;
}

.site-header .container > a.cart {
    display: flex;
    align-items: center;
    margin-left: 4rem;
    padding: 1rem 1.3rem;
    border: 2px solid var(--bgclr2);
}

.site-header .container > a.cart svg path{
    fill: var(--bgclr2);
}

.site-header .container > a.cart:hover svg path{
    fill: var(--bgclr3);
}

.site-header .container > a.cart:hover{
    border-color: var(--bgclr2);
}

.site-header .container > a.cart {
    position: relative;
}

.site-header .container > a.cart .cart-count {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    background-color: var(--bgclr2);
    color: var(--textclr2);
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
    min-width: 2rem;
}

/* Text module */

.text-block .container h1{
    margin-bottom: 2rem;
}
.text-block .container p{
    font-weight: 400;
}
.text-block p a{
    color: #000;
}
/*.text-block ol, .text-block ul {*/
/*    margin: 2rem 0;*/
/*    display: flex;*/
/*    row-gap: 0.6rem;*/
/*    padding: 0;*/
/*    list-style-position: inside;*/
/*    flex-direction: column;*/
/*}*/

.text-block p + h1,
.text-block p + h2,
.text-block p + h3,
.text-block p + h4,
.text-block ul + h1,
.text-block ul + h2,
.text-block ul + h3,
.text-block ul + h4{
    margin-top: 2.5rem;
}

/* Media with text */

.media-with-text .left_text .left-side{
    order: 2;
}

/* USPS */

section.usps{
    background-color: var(--bgclr4);
}

section.usps h3,
section.usps p{
    color: var(--textclr2);
}

section.usps .block{
    padding: 2rem;
    background-color: var(--bgclr5);
}

section.usps .block img{
    width: 5rem;
    height: auto;
    margin-bottom: 1rem;
}

/* Products module */

.products-module ul{
    margin: 0;
    padding: 0;
}

.products-module{
    position: relative;
}

.swiper-pagination{
    bottom: 5rem!important;
}

.swiper-pagination .swiper-pagination-bullet{
    width: 1rem!important;
    height: 1rem!important;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--bgclr2);
}

.products-module .container > h2 {
    text-align: center;
    margin: 0 0 3rem;
}

.products-module .swiper-slide a {
    text-decoration: none;
    display: flex;
    width: 100%;
    flex-direction: column;
}

ul.products.columns-4 h2,
.swiper-wrapper.products h2{
    text-align: left;
}

.products-module ul.products .price,
.products-module .swiper-wrapper.products .price,
.woocommerce ul.products li.product .price{
    -webkit-font-smoothing: antialiased;
    font-family: "Merriweather", serif;
    font-weight: 500;
}

.product-category-before-title {
    font-size: 1.3rem;
    opacity: 0.6;
    margin-bottom: 0.5rem;
}

.products-module .container.grid ul.products{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 4rem;
}

/* Cards module */

.cards-module{
    background-color: var(--bgclr6);
}

.cards-module .block {
    padding: 4rem;
    background: var(--bgclr7);
    border-radius: var(--radius1);
    text-align: center;
    display: flex;
    box-shadow: 0 0 10px 0 rgb(176 180 183 / .17);
    flex-direction: column;
    align-items: center;
}

.cards-module .block .btn {
    margin-top: 2rem;
    display: flex !important;
    gap: 0.6rem;
    justify-content: center;
    align-items: center;
}

.cards-module .block .btn svg{
    width: 2.8rem;
    height: auto;
}

.cards-module .block .btn svg path{
    fill: var(--bgclr7);
}

/* Call to action */

.call-to-action{
    background-color: var(--bgclr8);
}

.call-to-action h2{
    color: var(--textclr2);
    margin: 0;
}

.call-to-action .container {
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: row;
    align-items: center;
}

.call-to-action .container .btn{
    margin-left: 10rem;
}

/* Post module */

.post-module ul{
    padding: 0 0 3rem;
    margin: 0;
}

.post-module li {
    list-style: none;
    background-color: var(--bgclr7);
    border-radius: var(--radius1);
    box-shadow: 0 0 10px 0 rgb(176 180 183 / .17);
    padding: 3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.post-module li .btn{
    margin-top: 2rem;
    display: flex !important;
    gap: 0.6rem;
    justify-content: center;
    align-items: center;
}

.post-module li .btn svg {
    width: 2.8rem;
    height: auto;
}

.post-module li .btn svg path {
    fill: var(--bgclr7);
}

.post-module .container{
    padding: 0;
    overflow: hidden;
}

.post-module .container > h2{
    padding: 0 2rem;
    text-align: center;
}

.post-module .container .swiper{
    padding: 3rem 2rem 0;
}

/* Footer */

.site-footer{
    background: var(--bgclr9);
}

footer .top-line {
    padding: 5rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

footer .bottom-line {
    padding: 2rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #5f695f;
    align-items: center;
}

footer .bottom-line .social-media a{
    display: flex;
}

footer .top-line .block .custom-logo-link img{
    width: 15rem;
    height: auto;
}

footer .top-line .block *{
    color: var(--textclr2);
}

footer .top-line .block ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

footer .top-line .block ul li a{
    text-decoration: none;
    padding: 0.2rem 0;
    display: flex;
}

footer .bottom-line p{
    color: var(--textclr2);
}

footer #footer-second-menu ul.sub-menu{
    display: none;
}

.reset_variations{
    display: none!important;
}

/* Single product */

table.variations select{
    border: 1px solid #000;
    width: 25rem;
    border-radius: 0;
    padding: 1rem;
}

table.variations tr{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

table.variations tr th label{
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500!important;
}

.single-product .product {
    max-width: 136rem;
    padding: 5rem 2rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.single-product .product .summary.entry-summary h1{
    font-size: var(--fontsize_h2);
    line-height: var(--lineh_h2);
}

.single-product div.product form.cart p.price,
.single_variation_wrap .woocommerce-variation .woocommerce-variation-price span.price{
    color: var(--textclr1)!important;
    font-size: var(--fontsize_h3)!important;
    line-height: var(--lineh_h3);
    order: 1;
    width: 100%;
    margin-bottom: 1.5rem;
}

.single_variation_wrap .woocommerce-variation .woocommerce-variation-price span.price{
    display: block;
}

.single-product div.product form.cart .single_add_to_cart_button{
    order: 3;
}
.single-product div.product form.cart .quantity {
    order: 2;
    width: 8rem;
    margin-right: 1.5rem!important;
}
.single-product div.product form.cart .quantity input,
#comments p textarea,
#comments p input,
form.woocommerce-checkout #order_comments{
    width: 100%;
    padding: 1rem;
    border: 1px solid #000;
    border-radius: 0;
    background: transparent;
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
    text-align: center;
    height: auto;
    margin-right: 1.5rem;
    margin-bottom: 0;
}
#comments p textarea,
#comments p input{
    text-align: left;
}
#comments p label{
    margin-bottom: 0.7rem;
    display: flex;
}
#comments p textarea,
form.woocommerce-checkout #order_comments{
    height: 13rem!important;
    text-align: left;
}
.single-product div.product form.cart {
    display: flex;
    margin: 1.5rem 0 0;
    flex-wrap: wrap;
    align-items: center;
}

.single-product .product_meta {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #000;
    font-size: 1.3rem;
    line-height: 1.8rem;
    display: flex;
    opacity: 0.6;
    flex-direction: column;
    max-width: 40rem;
}
section.products-module.related-products {
    background-color: var(--bgclr6);
}

section.products-module.related-products .container{
    overflow: hidden;
}

.product-description-before-tabs {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 5rem;
}

.woocommerce div.product div.images{
    margin-bottom: 0;
}

/* Shop archive */

.text-block ul.products.columns-4::before{
    content: none;
}

.text-block ul.products.columns-4{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2rem;
}

.text-block ul.products.columns-4 li{
    width: 100%;
    margin: 0!important;
}

.text-block ul.products.columns-4 h2.woocommerce-loop-product__title {
    font-size: var(--fontsize_h4);
    line-height: var(--lineh_h4);
    padding: 0 !important;
    margin-bottom: 1rem;
}

.text-block ul.products.columns-4 span.price {
    -webkit-font-smoothing: antialiased;
    font-family: "Merriweather", serif;
    font-weight: 500;
    color: var(--textclr1);
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
}

.products .product img {
    margin-bottom: 1rem !important;
    width: 100%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    margin: 0;
}

.container .swiper{
    overflow: unset;
}

#comments .comment-respond{
    border: 1px solid #000;
    padding: 3rem;
}

#comments form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#comments .comment-form-author,
#comments .comment-form-email{
    order: 1;
    width: calc(50% - 1.6rem);
}

#comments .comment-form-comment{
    order: 3;
    width: 100%;
}
#comments .comment-notes{
    order: 5;
    width: 100%;
    margin-top: 1rem;
}
#comments .comment-form-url{
    display: none;
}
#comments .form-submit{
    order: 4;
    width: 100%;
}

#comments .comment-list{
    padding: 2rem 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

#comments .comment-list li:first-child{
    border-top: 0;
}

#comments .comment-list li{
    list-style: none;
    padding: 1rem 0;
    border-top: 1px solid var(--bgclr6);
}

.comment-date{
    font-weight: 700;
    margin-bottom: 0.7rem;
    display: flex;
}

.woocommerce-notices-wrapper {
    max-width: 136rem;
    padding: 0 2rem;
    margin: 3rem auto 0;
}

.woocommerce-message {
    outline: none;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-message::before{
    top: 50%;
    transform: translateY(-50%);
    left: 2em;
}

.woocommerce-message::after{
    content: none;
}

body.woocommerce-cart .woocommerce {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

body.woocommerce-cart .woocommerce .woocommerce-cart-form{
    width: calc(100% - 40rem);
}

body.woocommerce-cart .woocommerce .cart-collaterals{
    width: 40rem;
    padding-left: 3rem;
}

body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper{
    width: 100%;
}

body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
    width: 100%;
    border: 1px solid #000;
    padding: 0.5rem 1rem 2rem 1rem;
}

body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2{
    display: none;
}

.woocommerce form.woocommerce-cart-form{
    border: 1px solid #000;
    border-radius: 0;
}
.woocommerce table.shop_table td{
    border-top: 1px solid #000;
}

.woocommerce table.shop_table .coupon{
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    gap: 1.6rem;
}

.woocommerce table.shop_table .coupon input{
    width: 25rem!important;
    padding: 1rem!important;
    border: 1px solid #000!important;
    border-radius: 0;
    background: transparent;
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
    text-align: left;
    height: auto;
    margin-right: 0!important;
    margin-bottom: 0;
}

.wc-proceed-to-checkout{
    padding-bottom: 0!important;
    display: flex;
    justify-content: flex-end;
}

.wc-proceed-to-checkout a{
    margin-bottom: 0!important;
}
.woocommerce table.shop_table{
    margin-bottom: 0!important;
}

.woocommerce table.shop_table td {
    padding: 1.5rem 1rem;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 9rem!important;
    box-shadow: none;
}

td.product-name a{
    text-decoration: none;
    color: #000;
    transition: 0.3s;
}

td.product-name a:hover{
    color: var(--bgclr2);
}

td.product-name a:hover::after{
    content: none;
}

body.woocommerce-cart .woocommerce .quantity .qty {
    width: 8rem;
    text-align: center;
    padding: 1rem;
    border-radius: 0;
    background: transparent;
    border: 1px solid #000;
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
}

body.woocommerce-cart .woocommerce  td.product-name {
    max-width: 31rem;
    padding-right: 3rem !important;
}

.woocommerce table.shop_table th {
    font-weight: 600!important;
    padding: 1.5rem 1rem!important;
}

.woocommerce table.shop_table{
    border: 0!important;
}

.woocommerce ul#shipping_method li input[type="radio"] {
    height: auto !important;
    width: auto !important;
    margin: 0.6rem 0.6rem 0 0!important;
}

td.actions {
    padding: 1.5rem !important;
}

.woocommerce a.remove{
    /* border: 1px solid #9a9a9a; */
    color: #9a9a9a!important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    /* border-radius: 50%; */
    transition: 0.3s;
    font-weight: 400;
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
    margin-left: 0.5rem!important;
}

.woocommerce a.remove:hover{
    background: #000;
    color: #fff;
}

body.woocommerce-cart .woocommerce-notices-wrapper{
    padding: 0!important;
    margin: 0 0 3rem!important;
}

form.woocommerce-checkout{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

form.woocommerce-checkout .col2-set {
    width: calc(100% - 55rem);
    display: flex;
    flex-direction: column;
    padding-right: 3rem;
}

form.woocommerce-checkout .col2-set .col-1,
form.woocommerce-checkout .col2-set .col-2{
    float: unset;
    width: 100%;
}

form.woocommerce-checkout .col2-set input{
    width: 100%;
    padding: 1rem;
    border: 1px solid #000;
    border-radius: 0;
    background: transparent;
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
}

form.woocommerce-checkout #order_review {
    width: 55rem;

}

form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table,
form.woocommerce-checkout #order_review .woocommerce-checkout-payment {
    border: 1px solid #000!important;
    border-radius: 0;
    padding: 2rem;
}

form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table{
    padding: 0.5rem 1rem 0.5rem 1rem;
}

form.woocommerce-checkout #order_review .woocommerce-checkout-payment{
    margin-top: 3rem;
}


body.woocommerce-cart .order-total th,
body.woocommerce-cart .order-total td{
    border-bottom: 1px solid #e9e6ed;
}

body.woocommerce-checkout .woocommerce form.checkout input{
    width: 100%;
    padding: 1rem;
    border: 1px solid #000;
    border-radius: 0;
    background: transparent;
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
    text-align: left;
    height: auto;
    margin-right: 1.5rem;
    margin-bottom: 0;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: calc(50% - 0.8rem)!important;
    overflow: visible;
}

.woocommerce-info {
    border-top-color: #8fae1b;
}

.woocommerce-info::before {
    color: #8fae1b;
}

.woocommerce-additional-fields{
    margin-top: 3rem;
}

#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row,
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    padding: 0em;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th,
.order-total td strong {
    font-weight: 600!important;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
    background-color: transparent;
}

form .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p{
    font-size: var(--fontsize_s);
    line-height: var(--lineh_s);
    color: #a4a4a4;
}

form .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text{
    margin: 1rem 0;
}

form .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p a{
    color: #a4a4a4;
}

#payment input{
    height: auto!important;
    width: auto;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #e4f0d8;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #e4f0d8;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    
}

#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
    padding: 0.3rem 0;
}

form.checkout h3{
    margin-bottom: 2rem;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #000;
    padding: 2rem;
    margin: 3rem 0;
    text-align: left;
    border-radius: 0px;
}

#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
    margin: 0.6rem 0.6rem 0 0;
}

#add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label {
    font-weight: 600;
}

p.woocommerce-shipping-destination strong,
span.woocommerce-Price-amount{
    font-weight: 600!important;
}

.paysera-image img{
    height: 2.5rem;
}
div.paysera-payments div.paysera-payment-method {
    margin-bottom: 0.3rem!important;
}

.paysera-payment-method label.paysera-payment-method-label{
    justify-content: flex-start;
    gap: 2rem;
    padding-left: 0!important;
    border:0!important;
}


.module-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 5rem;
    gap: 1rem;
}

.shop-archive-header .module-title{
    margin-bottom: 0;
}

.woocommerce #reviews #comments ol.commentlist{
    padding: 0;
}

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

.comment-respond #reply-title {
    font-size: var(--fontsize_h3);
    line-height: var(--lineh_h3);
    padding-bottom: 1rem !important;
    display: flex;
}

.woocommerce-review__author{
    font-size: var(--fontsize_h4);
    line-height: var(--lineh_h4);
    color: var(--textclr1);
}

.woocommerce-Reviews .container{
    padding: 0;
}

.comment-respond form {
    border: 1px solid #243673;
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text{
    border: 1px solid #243673;
    border-radius: 0;
}

p.comment-notes {
    width: 100%;
}

.comment-text{
    padding: 2rem!important;
}

div#respond {
    margin-top: 3rem !important;
}

.comment-form-comment textarea {
    height: 13rem !important;
    margin-bottom: 0;
}
form#commentform textarea,
form#commentform input{
    background: #fff;
    border: 1px solid #243673;
    border-radius: 0;
}

form#commentform p label{
    display: flex;
    margin-bottom: 0.5rem;
}

.comment-form-rating {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.comment-form-rating p.stars{
    margin: 0!important;
}

.comment-form-rating p.stars span{
    display: flex;
    gap: 0.5rem;
}

.woocommerce #review_form #respond p{
    margin-top: 1rem;
}
#commentform > p{
    width: 100%;
}
#commentform p.comment-form-author,
#commentform p.comment-form-email {
    width: calc(50% - 0.6rem);
}

.social-media a svg{
    height: 2rem;
    width: auto;
}

.social-media a svg path{
    fill: var(--textclr2);
}

.woocommerce-product-rating {
    margin-bottom: 1rem;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 1rem;
}

.woocommerce p.stars a::before{
    font-size: 2rem;
}

.woocommerce p.stars a{
    width: 2rem;
    height: 2rem;
}

.star-rating span::before {
    content: "SSSSS";
    top: 0;
    position: absolute;
    left: 0;
}

ul.products li.product .star-rating {
    font-size: .857em!important;
}

ul.products li.product .star-rating::before {
    content: "sssss";
    color: #cfc8d8;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

ul.products li.product .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width:100%;
    font-family: WooCommerce;
}

.products .star-rating {
    display: block;
    margin: 0 0 .5em;
    float: none;
}

.woocommerce ul.products li.product .price{
    color: var(--textclr1);
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: 0;
    margin: 0;
    font-size: 1em;
    font-size: var(--fontsize_h4);
    line-height: var(--lineh_h4);
    margin-bottom: 1rem;
}

.woocommerce ul.products li.product .price {
    display: block;
    font-weight: 400;
    margin-bottom: 0;
    font-size: .857em;
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
    font-weight: 600 !important;
}

.woocommerce .products ul, .woocommerce ul.products {
    margin: 0;
    padding: 0;
    list-style: none outside;
    clear: both;
}

/* .woocommerce-variation-add-to-cart .price{
    display: none;
} */



/* WooCommerce Shop Sorting */
.woocommerce-ordering {
    display: block !important;
    visibility: visible !important;
}

.woocommerce-before-shop-loop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.woocommerce-result-count {
    margin: 0;
}

.woocommerce-ordering select {
    padding: 0.8rem 3rem 0.8rem 1.5rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    font-size: 1.4rem;
}

ul.products.columns-4{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: 4rem;
    column-gap: 2rem;
}

ul.products.columns-4 li{
    width: 100%!important;
    margin: 0!important;
}

ul.products.columns-4::before{
    content: none!important;
}

form.woocommerce-ordering select.orderby{
    border: none!important;
    padding: 0!important;
    height: 3rem!important;
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
}

:focus-visible {
    outline: 0;
}

nav.woocommerce-pagination {
    text-align: left !important;
    margin-top: 5rem;
}

nav.woocommerce-pagination .page-numbers::before,
ul.products.columns-4::after{
    content: none!important;
}

nav.woocommerce-pagination .page-numbers{
    display: flex!important;
    flex-wrap: wrap;
    gap: 1rem;
    border: 0!important;
    margin: 0!important;
}

nav.woocommerce-pagination .page-numbers li{
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bgclr9)!important;
    border-radius: 0;
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
    cursor: pointer;
    transition: all 0.3s ease;
}

nav.woocommerce-pagination .page-numbers li:hover span,
nav.woocommerce-pagination .page-numbers li:hover a,
nav.woocommerce-pagination .page-numbers li span.page-numbers.current{
    background-color: var(--bgclr9)!important;
    color: #fff;
}

nav.woocommerce-pagination .page-numbers li.next,
nav.woocommerce-pagination .page-numbers li.prev{
    width: auto;
    height: auto;
    padding: 0 1rem;
    border: none;
    background-color: transparent;
    color: #000;
}

nav.woocommerce-pagination .page-numbers li span,
nav.woocommerce-pagination .page-numbers li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: var(--textclr1);
    background-color: transparent!important;
    font-size: var(--fontsize_p);
    line-height: var(--lineh_p);
    font-weight: 600;
    transition: all 0.3s ease;
}

nav.woocommerce-pagination .page-numbers li:hover span,
nav.woocommerce-pagination .page-numbers li:hover a{
    color: var(--textclr2)!important;
}

header .burger-icon{
    display: none;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    width: 100%;
}

/* Contacts block */

.contact-block .inside-block{
    background-color: var(--bgclr7);
    border-radius: var(--radius1);
    box-shadow: 0 0 10px 0 rgb(176 180 183 / .17);
    padding: 5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.wpcf7-form input:not([type="submit"]),
.wpcf7-form textarea{
    margin-bottom: 0;
    background: #fff;
    border: 1px solid var(--bgclr9);
    border-radius: 0;
}

.wpcf7-form input[type="submit"]{
    margin-top: 0;
    margin-bottom: 0;
    background-color: var(--bgclr2) !important;
    color: var(--textclr2) !important;
    padding: 1.2rem 3.5rem !important;
    border-radius: 60px !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: var(--animtime1);
    font-weight: 400;
    width: auto;
    height: auto!important;
}

.wpcf7-form input[type="submit"]:hover{
    background-color: var(--bgclr3) !important;
}

.wpcf7-form textarea{
    height: 12rem!important;
}

.wpcf7-form-control-wrap {
    display: flex;
    flex-direction: column;
}

.contact-block .inside-block .wpcf7-form{
    margin-top: 1.4rem;
}

.wpcf7-spinner{
    display: none;
}

.wpcf7-not-valid-tip {
    font-size: 1.2rem;
}

.wpcf7-response-output{
    color: #721c24!important;
    background-color: #f8d7da!important;
    border: 1px solid #f5c6cb!important;
    margin: 2rem 0 0!important;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #155724!important;
    background-color: #d4edda!important;
    border: 1px solid #c3e6cb!important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock.in-stock {
    color: var(--bgclr1);
}

.woocommerce div.product div.summary {
    margin-bottom: 2em;
    width: 67%;
    padding-left: 3rem;
}

.woocommerce div.product div.images {
    width: 33%;
}

.woocommerce-bacs-bank-details{
    padding-bottom: 0!important;
}

body.woocommerce-order-received section ul.woocommerce-order-overview,
.woocommerce-bacs-bank-details ul.wc-bacs-bank-details{
    margin-top: 2rem!important;
    margin-bottom: 0!important;
}
body.woocommerce-order-received .woocommerce-customer-details{
    padding-top: 0!important;
}
body.woocommerce-order-received section ul{
    padding-left: 0;
}

.woocommerce-bacs-qr-payment img{
    max-width: 30rem;
}

.woocommerce-bacs-qr-payment{
    padding-bottom: 0!important;
}

/* Responsive */

@media screen and (max-width: 1500px) {
    html{
        font-size: 0.65vw;
    }
}

@media screen and (max-width: 1000px) {
    html{
        font-size: 10px;
    }
    .gap-8 {
        gap: 4rem;
    }
    .grid {
        display: flex;
        flex-direction: column;
    }
    .none_padding_top_mobile{
        padding-top: 0!important;
    }

    .small_padding_top_mobile {
        padding-top: 2.5rem;
    }

    .medium_padding_top_mobile {
        padding-top: 5rem;
    }

    .big_padding_top_mobile {
        padding-top: 10rem;
    }

    .huge_padding_top_mobile {
        padding-top: 15rem;
    }

    .none_padding_bottom_mobile{
        padding-bottom: 0!important;
    }

    .small_padding_bottom_mobile {
        padding-bottom: 2.5rem;
    }

    .medium_padding_bottom_mobile {
        padding-bottom: 5rem;
    }

    .big_padding_bottom_mobile {
        padding-bottom: 10rem;
    }

    .huge_padding_bottom_mobile {
        padding-bottom: 15rem;
    }
    
    .call-to-action .container {
        flex-direction: column;

        gap: 2rem;
        text-align: center;
    }
    .call-to-action .container .btn{
        margin-left: 0;
    }
    .media-with-text .left-side,
    .media-with-text .left-side img{
        width: 100%;
    }
    .media-with-text .left-side{
        order: 2;
    }
    .media-with-text .right-side {
        text-align: center;
    }
    .usps .container.grid,
    .cards-module .container.grid{
        display: grid;
    }
    .grid-columns-4 {
        grid-template-columns: 1fr 1fr;
    }
    .cards-module .block {
        padding: 4rem 2rem;
    }
    section {
        padding: 6rem 0;
    }
    .products-module ul.products{
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 4rem;
        column-gap: 2rem;
    }
    .post-module ul.posts{
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 3rem;
        column-gap: 2rem;
    }
    footer .top-line {
        row-gap: 5rem;
    }
    footer .top-line .block {
        width: 33.33%;
    }
    ul.products.columns-4 {
        grid-template-columns: 1fr 1fr;
    }
    body.woocommerce-cart .woocommerce .cart-collaterals {
        width: 100%;
        padding-left: 0;
        margin-top: 3rem;
    }
    body.woocommerce-cart .woocommerce .woocommerce-cart-form {
        width: 100%;
    }
    form.woocommerce-checkout .col2-set {
        width: 100%;
        padding-right: 0rem;
    }
    form.woocommerce-checkout #order_review {
        width: 100%;
        margin-top: 3rem;
    }
    .main-navigation {
        transform: translateX(-100%);
        position: fixed;
        height: calc(100% - 10.2rem);
        bottom: 0;
        background-color: var(--bgclr1);
        left: 0;
        padding: 2rem;
        width: 100%;
        z-index: 4;
        align-items: flex-start;
        transition: var(--animtime2);
    }
    .main-navigation.active {
        transform: translateX(0);
    }
    header {
        z-index: 9999999;
        position: fixed;
        width: 100%;
        top: 0;
    }
    .main-navigation ul {
        flex-direction: column;
        gap: 0;
    }
    .main-navigation ul a {
        text-decoration: none;
        font-size: var(--fontsize_h3);
        line-height: var(--lineh_h3);
    }
    header .burger-icon{
        display: flex;
    }
    .site-header .container > a.cart {
        margin-left: auto;
        margin-right: 3rem;
    }
    .burger-icon .btn-burger {
        width: 3rem;
        cursor: pointer;
      }
  
      .box.burger-icon{
          z-index: 999999999;
          padding: 0;
      }
      /* #side-burger {display: none;} */
      .burger-icon span {
          display: block;
          width: 100%;
          height: 2px;
          background: var(--bgclr7);
          transition: all .3s;
          position: relative;
      }
  
      .burger-icon span + span {
        margin-top: 0.6rem;
      }
  
      .burger-icon .btn-burger.active span:nth-child(1) {
        animation: ease .7s top forwards;
      }
  
      .burger-icon .btn-burger span:nth-child(1) {
        animation: ease .7s top-2 forwards;
      }
  
      .burger-icon .btn-burger.active span:nth-child(2) {
        animation: ease .7s scaled forwards;
      }
  
      .burger-icon .btn-burger span:nth-child(2) {
        animation: ease .7s scaled-2 forwards;
      }
  
      .burger-icon .btn-burger.active span:nth-child(3) {
        animation: ease .7s bottom forwards;
      }
  
      .burger-icon .btn-burger span:nth-child(3) {
        animation: ease .7s bottom-2 forwards;
      }
  
      @keyframes top {
        0% {
          top: 0;
          transform: rotate(0);
        }
        50% {
          top: 7px;
          transform: rotate(0);
        }
        100% {
          top: 7px;
          transform: rotate(45deg);
        }
      }
  
      @keyframes top-2 {
        0% {
          top: 7px;
          transform: rotate(45deg);
        }
        50% {
          top: 7px;
          transform: rotate(0deg);
        }
        100% {
          top: 0;
          transform: rotate(0deg);
        }
      }
  
      @keyframes bottom {
        0% {
          bottom: 0;
          transform: rotate(0);
        }
        50% {
          bottom: 9px;
          transform: rotate(0);
        }
        100% {
          bottom: 9px;
          transform: rotate(135deg);
        }
      }
  
      @keyframes bottom-2 {
        0% {
          bottom: 9px;
          transform: rotate(135deg);
        }
        50% {
          bottom: 9px;
          transform: rotate(0);
        }
        100% {
          bottom: 0;
          transform: rotate(0);
        }
      }
  
      @keyframes scaled {
        50% {
          transform: scale(0);
        }
        100% {
          transform: scale(0);
        }
      }
  
      @keyframes scaled-2 {
        0% {
          transform: scale(0);
        }
        50% {
          transform: scale(0);
        }
        100% {
          transform: scale(1);
        }
      }
    .single-product .product {
        padding: 3rem 2rem;
    }
    .woocommerce div.product div.images {
        width: 100%;
    }
    .woocommerce div.product div.summary {
        margin-bottom: 2em;
        width: 100%;
        padding-left: 0;
    }
    .woocommerce div.product div.summary {
        margin-bottom: 0;
        margin-top: 2rem;
    }
    section.products-module.related-products ul.products::before,
    section.products-module.related-products ul.products::after{
        content: none!important;
    }
    section.products-module.related-products ul.products li{
        width: 100%;
    }
    .contact-block .inside-block {
        padding: 3rem;
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    .main-navigation li.menu-item-has-children{
        display: flex;
        flex-direction: column;
    }
    .main-navigation li.menu-item-has-children .sub-menu{
        padding-left: 3rem;
    }
    .main-navigation li.menu-item-has-children .sub-menu li a{
        padding: 0.8rem 0;
        font-size: var(--fontsize_h4);
        line-height: var(--lineh_h4);
    }
    #primary-menu,
    .menu-pagrindinis-container,
    #primary-menu li,
    #primary-menu li a{
        width: 100%;
    }
    .main-navigation ul a {
        padding: 1rem 0;
    }
    .site-branding {
        width: 7rem;
    }
    body {
        padding-top: 10.2rem;
    }
    body.woocommerce-order-received section ul.woocommerce-order-overview, .woocommerce-bacs-bank-details ul.wc-bacs-bank-details {
        display: flex;
        row-gap: 2rem;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 768px) {
    .woocommerce-bacs-qr-payment img{
        max-width: unset;
        width: 100%;
    }
    footer a.custom-logo-link {
        justify-content: center;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: transparent;
    }
    .grid-columns-4,
    .grid-columns-2 {
        grid-template-columns: 1fr;
    }
    .media-with-text.module-1::after {
        background-size: 50% auto!important;
    }
    footer .top-line {
        row-gap: 5rem;
        text-align: center;
    }
    footer .top-line .block {
        width: 100%;
    }
    footer .top-line .block ul li a {
        justify-content: center;
    }
    p.woocommerce-result-count {
        width: 100%;
    }
    body.woocommerce-cart .woocommerce td.product-name {
        max-width: unset;
        padding-right: 1rem !important;
    }
    .woocommerce table.shop_table .coupon::before,
    .woocommerce table.shop_table .coupon::after{
        content: none!important;
    }
    .woocommerce table.shop_table .coupon input,
    .woocommerce table.shop_table .coupon button {
        width: 100% !important;
        min-width: 25rem!important;
    }
    .contact-block .inside-block {
        padding: 2rem;
    }
    .woocommerce-message {
        padding: 1rem 1rem 1rem 4rem;
    }
    .woocommerce-message::before {
        left: 1.5rem;
    }
    .comment-respond #reply-title {
        font-size: var(--fontsize_h4);
        line-height: var(--lineh_h4);
    }
    body.woocommerce-cart tr.woocommerce-cart-form__cart-item {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        border-top: 1px solid #f4f4f4;
    }
    body.woocommerce-cart tr.woocommerce-cart-form__cart-item:first-of-type {
        border-top: 0;
    }
    body.woocommerce-cart tr.woocommerce-cart-form__cart-item td{
        border-top: 0;
    }
    body.woocommerce-cart tr.woocommerce-cart-form__cart-item td::before{
        content: none;
    }
    body.woocommerce-cart tr.woocommerce-cart-form__cart-item td.product-price{
        display: none;
    }
    body.woocommerce-cart tr.woocommerce-cart-form__cart-item td.product-remove{
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    body.woocommerce-cart tr.woocommerce-cart-form__cart-item td.product-thumbnail,
    body.woocommerce-cart tr.woocommerce-cart-form__cart-item td.product-thumbnail a{
        display: flex;
    }
    body.woocommerce-cart tr.woocommerce-cart-form__cart-item td.product-subtotal {
        position: absolute;
        left: 19rem;
        bottom: 0;
        height: 7rem;
        padding: 1.5rem 0;
        display: flex;
        align-items: center;
    }
    body.woocommerce-cart tr.woocommerce-cart-form__cart-item td.product-quantity{
        position: absolute;
        left: 11rem;
        bottom: 0;
    }

    body.woocommerce-cart tr.woocommerce-cart-form__cart-item td.product-quantity .qty {
        width: 6rem;
        padding: 0.4rem 0 !important;
        height: auto !important;
        border: 1px solid #d9d9d9;
    }
    .woocommerce table.shop_table .coupon {
        width: 100%;
    }
}