:root {
    --brown-color: #72523c;
    --green-color: #61ce70;
    --bt-color: #393938;
    --aqua-color: aqua;
}

@font-face {
    font-family: 'shop_icon';
    src:  url('https://legacy.stvardovska.com.ua/wp-content/themes/legacy/fonts/shop_fonts/shop_icon.eot?3ao7y3');
    src:  url('https://legacy.stvardovska.com.ua/wp-content/themes/legacy/fonts/shop_fonts/shop_icon.eot?3ao7y3#iefix') format('embedded-opentype'),
      url('https://legacy.stvardovska.com.ua/wp-content/themes/legacy/fonts/shop_fonts/shop_icon.ttf?3ao7y3') format('truetype'),
      url('https://legacy.stvardovska.com.ua/wp-content/themes/legacy/fonts/shop_fonts/shop_icon.woff?3ao7y3') format('woff'),
      url('https://legacy.stvardovska.com.ua/wp-content/themes/legacy/fonts/shop_fonts/shop_icon.svg?3ao7y3#shop_icon') format('svg');
      
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-shop"], [class*=" icon-shop"]::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'shop_icon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-shopbasket:before {
    font-family: 'shop_icon';
    content: "\ba01";
  }
  
  .icon-shopchat-icon:before {
    content: "\e900";
  }
  .icon-shoptelegram-icon:before {
    content: "\e901";
  }
  .icon-shopviber-icon:before {
    content: "\e902";
  }
  .icon-shopopen-email-icon:before {
    content: "\e903";
  }

  .icon-shopwhatsapp-icon:before {
    content: "\e904";
    font-weight: 600;
  }
 
/* ========================================================   */
.hero_area.shop {
    height: auto;
    margin-bottom: 40px;
}
.hero_area.shop .hero_container, .hero_area.shop .custom_nav-box {
    background-image: none;
    background-color: antiquewhite;
}
.product_container {
    display: flex;
    flex-direction: column;
}

h2.woocommerce-loop-product__title {
    font-size: 1.2rem;
    color: black;
    font-weight: 600;
   
}

span.woocommerce-Price-amount.amount {
    font-size: 1.1rem;
    color: black;
    font-weight: 700;
}

@media screen and (min-width: 48em) {
    ul.products.columns-4 li.product {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .hero_area.shop.layout_padding-left {
        padding-left: 0;
    }
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    color: #ffffff;
    background: var(--bt-color);
    padding: 7px;
    text-align: center;
    border: 1px solid transparent;
    transition: all .3s;
    margin-top: 5px;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
    border: 1px solid var(--bt-color);
    border-radius: 5px;
    background: none;
    color: black;
}
.woocommerce-product-details__short-description p {
    font-size: 1rem;
    text-transform: none;
    font-style: oblique;
    color: var(--brown-color);
    margin-bottom: 5px;
}
@media screen and (max-width: 1000px) {
    ul.products.columns-4 {
        columns: 2;
    }
    ul.products.columns-4 li.product {
        width: 70% !important;
        float: none;
        margin: auto;
    }
}
@media screen and (max-width: 700px) {
    ul.products.columns-4 {
        columns: 1;
    }
}
ul.products.columns-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 3em 0;
    padding: 0;
}

@media screen and (max-width: 860px) {
    ul.products.columns-3 {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}

section.related.products ul.products li.product {
    width: 100% !important;
}
@media screen and (max-width: 860px) {
    section.related.products ul.products li.product {
        width: 70% !important;
    }
}
@media screen and (min-width: 48em) {
    ul.products li.product {
        float: none;
    }
}
@media screen and (min-width: 900px) {
    a.woocommerce-loop-product__link .woocommerce-product-details__short-description p {
        min-height: 96px;
    }
}
ul.products li.product img {
    display: block;
    margin: auto;
    width: 100%;
}

a.basket-btn-count {
    display: flex;
    padding: 10px 15px;
    background: #393938;
    gap: 6px;
}

a.basket-btn-count:hover .icon-shopbasket:before{
    color: #ffe0ce;
}
a.basket-btn-count:hover span.basket-btn__counter{
    transform: scale(1.2);
    overflow: inherit;
    color: var(--aqua-color);
}
span.basket-btn__counter {
    color: white;
    font-weight: 700;
    font-size: 1.1rem;
    transition: 0.3s;
}

span.icon-shopbasket {
    display: flex;
    flex-direction: column;
}

.icon-shopbasket:before {
    font-family: 'shop_icon';
    content: "\ba01";
    color: #ffe0ce;
    font-size: 35px;
    font-weight: 500;
}

/* Single product */
@media screen and (min-width: 1000px) {
    .row__product {
        display: grid;
        grid-template-columns: 40% 60%;
        gap: 10px;
    }
}

@media screen and (max-width: 1000px) {
    .row__product {
        display: flex;
       flex-direction: column;
       gap: 10px;
    }
}


ul.tabs.wc-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
@media screen and (max-width: 850px) {
    ul.tabs.wc-tabs {
        flex-direction: column;
        gap: 10px;
    }
}
.woocommerce-tabs ul.tabs {
    padding-bottom: 20px !important;
    border-bottom: 2px solid #868686;
}
.woocommerce-tabs.wc-tabs-wrapper {
    margin: 40px 0 80px 0;
}

ul.tabs.wc-tabs li a {
    color: #393938;
}
ul.tabs.wc-tabs li.active a {
    color: white;
}
.woocommerce-tabs ul.tabs li a  { 
    padding: 10px 45px !important; 
}
ul.tabs.wc-tabs li.active {
    background-color: #393938;
}

form.cart {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 40px;
}

input.input-text.qty.text {
    height: 100%;
    border-radius: 5px;
    border-color: #393938;
    width: 70px;
    padding: 3px 7px;
}
input.input-text.qty.text:focus, input.input-text.qty.text:active {
    border-radius: 5px;
    border-color: #393938;
}
button.single_add_to_cart_button {
    background: #393938;
    color: white;
    border: 2px solid #393938;
    border-radius: 5px;
}

button.single_add_to_cart_button:hover {
    background: white;
    color: #393938;
    border: 2px solid #393938;
}

a.woocommerce-product-gallery__trigger {
    font-size: 0;
}
@media screen and (max-width: 1000px) {
    .gallery__col {
        margin: auto;
    }
}
.product_meta {
    margin-top: 10px;
}


h1.product_title.entry-title {
    padding-bottom: 10px;
    border-bottom: 2px solid #868686;
}

.summary.entry-summary p.price span {
    font-size: 1.5rem;
    color: brown;
}
p.price {
    margin: 0;
}
.woocommerce-product-gallery__image {
    border: 2px solid #c3c3c3;
}
/* ============================================== */
p.form-row {
    flex-direction: column;
}
@media screen and (max-width: 450px) {
    p.form-row {
        width: 100%;
    }
    input {
        width: 100%;
    }
}
.woocommerce-billing-fields__field-wrapper, .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled,
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

@media screen and (min-width: 451px) {
    p#billing_last_name_field {
        width: auto;
    }
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
    background-color: #faebd7 !important;
    padding: 10px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 1.1rem;
}
.woocommerce form .form-row .required {
    text-decoration: none;
}
table.shop_table.woocommerce-checkout-review-order-table {
    border: 2px solid;
}
tr.cart_item {
    border: 1px solid;
}

td,th {
    padding: 10px;
}
th.product-total, th.product-name {
    font-weight: 800;
    font-size: 1.1rem;
}

/* form.checkout.woocommerce-checkout h3 {
    font-weight: 700;
    color: #662323;
    padding-top: 30px;
} */
form.checkout.woocommerce-checkout h3 {
    font-weight: 700;
    color: #662323;
    border-bottom: 2px solid black;
    padding: 20px 0 5px 0;
    margin: 0 0 25px 0;
}

h3#order_review_heading {
    color: black;
    padding: 0;
}

.woocommerce-billing-fields {
    margin-bottom: 20px;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    padding: 0 2rem;
}
button#place_order, a.wc-block-components-button.wp-element-button {
    background-color: #393938 !important;
    color: white !important;
    border: 2px solid #393938 !important;
    border-radius: 0 !important;
}
button#place_order {
    width: max-content;
}
button#place_order:hover,a.wc-block-components-button.wp-element-button:hover {
    background-color: #39393800 !important;
    color: #393938 !important;
    border: 2px solid #393938 !important;
    border-radius: 0 !important;
}
ul.wc_payment_methods{
    margin: 0;
    padding: 0;
}
ul#shipping_method{
    margin: 0;
    padding: 0;
}
li.wc_payment_method.payment_method_cod, ul#shipping_method li  {
    list-style: none;
}
li.wc_payment_method.payment_method_cod label {
    font-size: 1.3rem;
    font-weight: 600;
    color: brown;
    text-transform: uppercase;
}
ul#shipping_method label {
    color: brown;
    font-weight: 800;
}

.wcus-checkout-fields h3:after {
    content: " (Нова пошта)";
}

.form-row.place-order {
    flex-direction: column;
}

select#billing_contactmethod:checked + label {
    background-color: #dedede;
  }

  span.optional {
    font-size: 0;
}
label.checkbox.true-label {
    color: #000000;
    font-size: 1.2rem;
    font-weight: 600;
}
.wp-block-woocommerce-cart-order-summary-shipping-block.wc-block-components-totals-wrapper {
    display: none;
}

ul.tabs.wc-tabs li.active a:target,ul.tabs.wc-tabs li.active a:focus,ul.tabs.wc-tabs li.active a:active {
    border: none !important; 
}


a.button.product_type_variable.add_to_cart_button {
    display: none !important;
}

form.variations_form.cart {
    margin-top: 0;
}
table.variations {
    /* display: flex
; */
    margin: 0;
}

a.reset_variations {
    display: none !important;
}

th.label {
    padding: 7px 0 0 0;
}
form.variations_form.cart {
    gap: 0;
}

.woocommerce-variation.single_variation {
    margin-bottom: 10px;
}

span.obem {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 1.2rem;
    margin-bottom: 10px;
}
span.obem p {
    font-weight: 700;
    margin: 0;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    background-color: #393938 !important;
    clear: both;
    padding: 10px 30px;
    color: white;
}
a.button.wc-forward {
    color: #007bff;
}
a.button.wc-forward:hover {
    color: #17a2b8;
}
.woocommerce-notices-wrapper {
    margin-bottom: 40px;
}

.zen-ui-select__value-text {
    white-space: normal;
}

label.checkbox.true-label:before {
    content: 'Подзвонити для підтвердження замовлення?';
    margin-right: 10px;
}

input#billing_contactmethod {
    width: 20px;
    height: 20px;
}