/*
Theme Name: 82cart Child Gvnch
Theme URI: https://www.82cart.com/
Author: 82cart
Author URI: https://www.82cart.com/
Description: Multipurpose WooCommerce WordPress Theme
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecomus
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: ecomus
*/

/* woocommerce */

.single-product div.product .ecomus-product-price .woocs_price_code,
.single-product div.product .ecomus-product-price .price,
.single-product div.product .ecomus-product-price .price del,
.elementor-6282 .elementor-element.elementor-element-4143caa0 .product_title,
.woocommerce .quantity input,
.single-product div.product .single_add_to_cart_button,
.single-product div.product .single_add_to_cart_button span.price,
.site-breadcrumb a,
.site-breadcrumb span,
.single-product div.product .woocommerce-tabs .wc-tabs li a,
.single-product div.product .ecomus-product-price .price .sale-off,
.single-product div.product .woocommerce-tabs table th,
.single-product div.product .woocommerce-tabs table td,
.single-product #site-content .woocommerce-Reviews-title,
.single-product #site-content .woocommerce-noreviews,
.single-product #tab-reviews .ecomus-form-review.em-button-outline,
.single-product div.product .woocommerce-Reviews .comment-respond .comment-reply-title,
.single-product div.product .woocommerce-Reviews .comment-respond .comment-form label,
.single-product textarea,
.single-product #submit,
.single-product div.product .woocommerce-Reviews ol.commentlist li .woocommerce-review__author,
.single-product div.product .woocommerce-Reviews ol.commentlist li .woocommerce-review__published-date,
.single-product div.product .woocommerce-Reviews ol.commentlist li .description p,
.comment-respond .comment-form p,
ul.products li.product .price,
.modal__quickview .entry-title,
.modal__quickview .em-button,
span.select2 .select2-selection--single,
#cart-panel bdi,
.panel__header,
.ecomus-mini-products-recommended .recommendation-heading,
.ecomus-mini-products-recommended ul .woocommerce-loop-product__title,
ul.product_list_widget,
.widget_shopping_cart_content .woocommerce-mini-cart__total,
.woocommerce-mini-cart__buttons a {
  font-size: inherit;
  font-weight: 400;
}

#quick-view-modal .woocommerce-badges.woocommerce-badges--single.woocommerce-badges--single-primary,
.single_add_to_cart_button .divide,
.single_add_to_cart_button .price,
.single-product #topbar {
  display: none;
}







/* theme gvnch */

/* header */

#site-header{
	position: sticky;
  	top: 0px;
  	z-index: 10;
	background: transparent;
}

.header-transparent .site-header__section{
	position: relative;
}

#menu-primary-menu a {
  z-index: 99;
  position: relative;
}

#site-header .header-bottom.header-contents {
  background: transparent;
  box-shadow: none;
}

.em-button.em-button-text.em-button-icon {
  width: fit-content;
}

.header-right-items .screen-reader-text {
  top: 0;
  width: fit-content;
  margin: 0px;
  overflow: visible;
  position: relative !important;
  clip-path: unset;
  height: 100%;
  align-content: center;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
}

.ecomus-svg-icon svg {
  font-size: 16px;
}



/* product detail */

.single-product .woocommerce-product-gallery__image img {
  width: 100%;
}

.single-product .wcboost-products-compare-button--single,
.single-product div.product .ecomus-product-price .price .sale-off {
  display: none;
}

.single-product div.product .woocommerce-Reviews .comment-respond .comment-form p.stars a::before {
  width: 20px;
  height: 20px;
}

.single-product div.product table.variations .value select {
  width: 50%;
}

.single-product div.product .entry-summary .quantity {
  margin-right: 25%;
}

/* catalog */

.products-filter__count.counter,
.archive #site-content .filter-name::after {
  display: none;
}

.products-filter__filter-name.filter-name,
.products-filter__filters span {
  font-size: 12px !important;
}

@media (min-width: 1200px) {
  ul.products {
    margin-left: -100px;
    margin-right: 0px;
  }


  ul.products li.product {
    padding-left: 100px;
    padding-right: 0px;
  }
}


#reviews {
    flex-direction: column;
    row-gap: 20px;
}


/* badge  */
.onsale.woocommerce-badge {
  background: #fff;
  color: black;
  border: 1px solid;
  border-radius: 0;
  top: -15px;
  position: relative;
  right: -15px;
  font-size: 10px;
}

.onsale.woocommerce-badge::before {
  content: "Sale";
  margin-right: 4px;
  font-size: 10px;
}

span.itsnew {
  width: 50px;
  display: block;
  position: absolute;
  top: 0px;
  color: black;
  font-weight: 700;
  z-index: 99;
  left: 0;
  font-size: 10px;
}

/* mini cart  */

.ecomus-mini-products-recommended {
  display: none;
}

#cart-panel .quantity {
  background-color: transparent;
}

#cart-panel {
  letter-spacing: 1px;
}

.woocommerce-mini-cart-item__name a {
  font-size: 12px;
  letter-spacing: 0px;
}

#cart-panel .panel__header::before {
  color: black;
  font-size: 12px;
}


#cart-panel .button.wc-forward:first-child::before {
  color: black;
  position: relative;
  left: 10px;
  font-size: 12px;
}

#cart-panel ul.product_list_widget li ins .woocommerce-Price-amount {
  color: #000;
}

.cart-panel .widget_shopping_cart_content .woocommerce-mini-cart-item__data .woocommerce-Price-amount {
  font-size: 12px;
  line-height: 18px;
}

/* cart */

.woocommerce-cart #order_comments_field,
.product-remove-container .variation,
.woocommerce-cart .cart_totals h2,
.woocommerce-cart .woocommerce-shipping-totals,
.woocommerce-cart #site-content .quantity span,
.woocommerce-cart-form .ecomus-price-saved,
.woocommerce-cart .cross-sells {
  display: none;
}

.woocommerce-cart #site-content table.woocommerce-cart-form__contents thead tr,
.woocommerce-cart #site-content table.woocommerce-cart-form__contents tbody tr {
  border: none;
}

.em-button-update-cart:hover {
  text-decoration: underline;
}

.woocommerce-cart .amount bdi,
.em-font-semibold {
  font-weight: 400;
  letter-spacing: 1px;
}

.woocommerce-cart table.woocommerce-cart-form__contents thead th,
.woocommerce-cart .product-name a {
  font-size: 14px;
}

.woocommerce-cart .product-name a,
.woocommerce-cart .shop_table th {
  letter-spacing: 1px;
  font-family: gothicM, Inter;
}

.woocommerce-cart .checkout-button.button.alt.wc-forward {
  letter-spacing: 1px;
  font-weight: 400;
}

.woocommerce-cart .cart_totals .cart-subtotal th,
.woocommerce-cart table.shop_table .order-total th {
  padding: 9px 0px;
  line-height: 1.5em;
  padding-right: 12px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
}

.woocommerce-cart .cart_totals .cart-subtotal td,
.woocommerce-cart table.shop_table .order-total td {
  padding: 9px 0px;
  line-height: 1.5em;
  padding-right: 12px;
  font-size: 12px;
  font-weight: 400;
}

.woocommerce-cart #coupon_code {
  border: none;
  border-bottom: 1px solid;
  margin-right: 30px;
  padding: 1px 2px;
  font-size: 12px;
  letter-spacing: 1px;
}

.product-quantity[data-title="Quantity"] .quantity {
  background: transparent;
}

.woocommerce-cart #site-content .product-thumbnail a {
  width: 100px;
  height: 100px;
}

@media screen and (min-width: 767px) {
  .woocommerce-cart #site-content .woocommerce-cart-form {
    position: relative;
    top: 0px;
  }

  .woocommerce-cart .product-remove-container {
    width: 16%;
  }

  .woocommerce-cart tbody td.product-name,
  .woocommerce-cart tbody td.product-price,
  .woocommerce-cart tbody td.product-subtotal {
    width: 25%;
  }

  .woocommerce-cart #site-content .product-remove .remove {
    text-decoration: none;
    font-size: 18px;
  }

  .woocommerce-cart #site-content .product-remove .remove:hover {
    opacity: 0.5px;
  }

  .woocommerce-cart table.woocommerce-cart-form__contents td.product-quantity .quantity input {
    font-size: 12px;
    appearance: auto;
    font-weight: normal;
    width: 50px;
  }

  .woocommerce-cart .coupon-container {
    display: flex;
    flex-direction: column-reverse;
    width: fit-content;
    float: right;
  }

  .woocommerce-cart .button.em-button-subtle.em-button-update-cart {
    border: none;
    justify-content: end;
    margin-top: 0px;
  }

  .woocommerce-cart .button.em-button-subtle.em-button-update-cart:hover {
    background: transparent;
    color: #000;
  }

  .woocommerce-cart #coupon_code {
    width: 223px;
  }

  #coupon-error-notice {
    font-weight: 400;
    position: absolute;
    height: auto;
    background: white;
    color: red;
  }

  .woocommerce-cart #coupon_code::placeholder {
    font-size: 12px;
  }

  .woocommerce-cart #site-content .cart_totals .cart_totals_summary {
    background: transparent;
    padding: 20px 0px;
    width: 400px;
  }

  .woocommerce-cart .cart_totals {
    align-items: end;
  }

  table.shop_table .order-total {
    border-top: 1px solid var(--em-border-color);
    border-bottom: 1px solid var(--em-border-color);
  }

  .wc-proceed-to-checkout {
    margin-top: 35px;
  }

  .em-button-update-cart {
    text-align: end;
    bottom: 50px;
  }

  .woocommerce-cart .button {
    background: transparent;
    color: black;
    font-weight: normal !important;
    font-size: 12px;
    letter-spacing: 1px;
  }

}


@media screen and (max-width: 767px) {
  .woocommerce-cart table.woocommerce-cart-form__contents tbody tr.cart_item {
    display: block;
    position: relative;
    padding-left: 0;
    padding-top: 125px;
  }

  .woocommerce-cart #site-content .woocommerce-cart-form__cart-item.cart_item>td {
    border: none;
    width: 100%;
    display: flex;
    justify-content: end;
  }

  .product-remove {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .product-remove::before,
  .cart_item .product-name::before,
  #site-content .cart_item .product-price::before,
  #site-content .cart_item .product-price::before,
  #site-content .cart_item .product-quantity::before,
  #site-content .cart_item .product-subtotal::before {
    font-family: gothicM, Inter;
    letter-spacing: 1px;
    font-size: 12px;
  }

  .woocommerce-cart #site-content .button {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .product-remove::before {
    content: 'Remove :';
  }

  #site-content .cart_item .product-name {
    display: inline-flex;
    justify-content: center;
  }

  .woocommerce-cart .cart_item .product-name a {
    font-size: 12px;
  }

  .woocommerce-cart .cart_item .product-name::before {
    content: 'Product :';
    display: block;
    position: absolute;
    height: auto;
  }

  #site-content .cart_item .product-price::before {
    content: 'Price :';
  }

  .woocommerce-cart #site-content .cart_item .product-quantity::before {
    content: 'Quantity :';
  }

  #site-content .cart_item .product-subtotal::before {
    content: 'Total :';
  }

  .woocommerce-cart table.woocommerce-cart-form__contents td.product-name a {
    width: 100%;
    padding-left: 50px;
    text-align: end;
  }

  .woocommerce-cart .woocommerce .quantity input {
    -moz-appearance: button;
    appearance: button;
    font-weight: normal;
  }

  .product-subtotal {
    border-bottom: 1px solid !important;
  }

  .woocommerce-cart .coupon-container {
    width: 100%;
    margin: 50px 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: end;
  }

  .woocommerce-cart .button.em-button-subtle.em-button-update-cart {
    width: fit-content;
    font-weight: 400;
    border: none;
    text-decoration: underline;
    bottom: 70px;
  }

  .woocommerce-cart #site-content table.woocommerce-cart-form__contents .coupon {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  #coupon-error-notice {
    font-weight: 400;
    color: red;
  }

  .woocommerce-cart #coupon_code::placeholder {
    font-size: 12px;
  }

  .woocommerce-cart #coupon_code {
    margin-right: 0px;
    padding: 12px 0px;
    font-size: 12px;
    max-width: 100%;
    width: 100%;
  }

  .woocommerce-cart #site-content .coupon .button {
    margin-top: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    width: 100%;
    margin-left: 0px;
  }

  .woocommerce-cart .cart_totals .cart_totals_summary {
    background-color: transparent;
    padding: 0px;
    font-size: 12px;
  }

  .woocommerce-cart #site-content .cart_totals .cart-subtotal th,
  .woocommerce-cart table.shop_table .order-total th {
    font-size: 12px;
    line-height: 18px;
    padding: 0px;
  }

  table.shop_table tr:last-child th,
  table.shop_table tr:last-child td {
    border-bottom: 1px solid #EBEBEB;
  }

  .wc-proceed-to-checkout {
    margin-top: 20px;
  }

}

/* checkout */
.woocommerce-checkout #page-header,
.woocommerce-checkout .checkout-coupon,
.woocommerce-checkout #billing_company_field,
.woocommerce-checkout #shipping_company_field,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
.woocommerce-checkout #site-content .checkout-review-product-price.price,
.woocommerce-checkout #shipping .shipping-title,
#order_review h3.shipping-title,
.cart_item .variation {
  display: none;
}

.woocommerce-checkout #site-content .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout #site-content .woocommerce-info,
.woocommerce-checkout #site-content .woocommerce-account-fields,
.woocommerce-checkout #customer_details .col-2,
.woocommerce-checkout form.checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout table.shop_table ul.woocommerce-shipping-methods li {
  padding: 0px;
  border: none;
}

.woocommerce-checkout h3 {
  font-family: Inter;
  letter-spacing: 1px;
}

.woocommerce-checkout .elementor-6418 p,
.woocommerce-checkout #site-content th,
#ship-to-different-address span {
  font-family: gothicM, Inter;
  letter-spacing: 1px;
}

.woocommerce-checkout #site-content .checkout-login .woocommerce-info {
  text-align: left;
  border-bottom: 1px solid rgb(224, 224, 224);
  padding: 1em 0px;
}

.order-total bdi,
.product-total bdi {
  font-size: 12px;
}

.checkout-login p {
  font-weight: normal !important;
  letter-spacing: 1px;
  font-size: 12px;
}

#site-content .checkout-login .woocommerce-info {
  font-size: 12px;
  letter-spacing: 1px;
}

.checkout-login .showlogin {
  cursor: pointer;
}

.checkout-login .showlogin:hover {
  text-decoration: underline;
}

.woocommerce-checkout .form-row label {
  font-weight: 700;
  letter-spacing: 1px;
}

.woocommerce-checkout .form-row label {
  letter-spacing: 1px;
}

.woocommerce-checkout .form-row.form-row-first {
  letter-spacing: 1px;
}

.woocommerce-checkout .form-row.form-row-last {
  letter-spacing: 1px;
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login p {
  letter-spacing: 0.5px;
}

.woocommerce-checkout .woocommerce-form.woocommerce-form-login .woocommerce-form__label {
  width: 100%;
  display: none;
}

.woocommerce-checkout #site-content .button.woocommerce-form-login__submit {
  font-weight: 700;
  letter-spacing: 1px;
}

/* .woocommerce-button.button.woocommerce-form-login__submit:hover {
  background: transparent;
  color: black;
} */

.woocommerce-checkout form.checkout {
  padding-top: 0px;
}

.woocommerce-checkout #ship-to-different-address {
  margin-bottom: 19px;
}

.woocommerce-checkout p span>input,
.woocommerce-checkout .woocommerce-form-login #username {
  border: none;
  border-bottom: 1px solid #0000004a;
  padding: 10px 0px;
  font-family: gothicM, Inter;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper p {
  width: 100%;
}

.woocommerce-checkout .select2 .select2-selection--single {
  padding: 0px 15px;
  height: 28px;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
}

.woocommerce-checkout #billing_first_name_field,
.woocommerce-checkout #billing_last_name_field {
  width: 48%;
}

.woocommerce-checkout form.checkout .form-row {
  margin: 0 0 15px 0;
}

.woocommerce-checkout #order_review th {
  font-size: 15px;
  width: 60%;
}

#order_review table.shop_table ul.woocommerce-shipping-methods label {
  font-size: 12px;
}

form.checkout table.shop_table thead th.product-total {
  text-indent: 0;
}

table.shop_table .woocommerce-shipping-totals th {
  display: block;
}

form.checkout table.shop_table tfoot .cart-subtotal {
  display: table-row;
}

#order_review .order-total th,
#order_review .order-total td,
#order_review .cart_item td {
  padding: 10px 0px;
}

.woocommerce-checkout form.checkout table.shop_table tbody td.product-name .checkout-review-product-image .product-quantity {
  right: -5px;
  top: 11px;
}

.woocommerce-checkout form.checkout .product-quantity::after {
  content: "x "
}

#order_review .checkout-review-product-image {
  position: relative;
  top: -2px;
  left: unset;
}

#order_review .checkout-review-product-image .product-quantity {
  font-size: inherit;
  font-weight: inherit;
  color: #000;
}

.woocommerce-checkout form.checkout table.shop_table tbody td.product-name {
  padding-left: 0px;
  display: flex;
}

.woocommerce-checkout tr.cart_item {
  border-top: 1px solid var(--em-border-color);
}

.woocommerce-checkout #payment {
  margin-top: 90px;
  border: none;
}

.woocommerce-checkout #shipping {
  margin-bottom: 90px;
  font-size: 19px;
  font-weight: 700;
}

#shipping_method label {
  font-size: 12px;
  font-weight: 400;
}

.woocommerce-checkout #shipping_method {
  padding: 0px;
}

.woocommerce-checkout #shipping_method li {
  list-style: none;
  display: flex;
  align-items: center;
}

.woocommerce-checkout #site-content .woocommerce-privacy-policy-text p {
  color: #FF0101;
  line-height: 16px;
  font-weight: 300;
}

.wc_payment_method.payment_method_bacs:first-child {
  margin-top: 25px;
}

.wc_payment_methods.payment_methods.methods::before {
  content: 'Payment';
  font-size: 19px;
  font-weight: 700;
}

.woocommerce-checkout #site-content #payment .wc_payment_methods li {
  padding: 5px 0px 5px 0px;
  border: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.woocommerce-checkout #site-content #payment .wc_payment_method:last-child {
  border-bottom: 1px solid var(--em-border-color) !important;
  padding-bottom: 1.5em;
}

.wc_payment_method p {
  padding-left: 25px;
}

.woocommerce-checkout .wc_payment_methods input[type="radio"] {
  position: relative;
  transition: .3s;
}

.wc_payment_methods label {
  font-size: 16px;
  font-weight: 700;
}

.checkout-content-form .wc_payment_methods>li>input {
  width: 16px;
  height: 16px;
}

.checkout-content-form {
  letter-spacing: 1px;
}

.woocommerce-checkout form.checkout table.shop_table tbody td.product-total,
.woocommerce-checkout table.shop_table .order-total td {
  text-align: start;
}

.checkout-content-form li>input,
#ship-to-different-address-checkbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 12px;
  height: 12px;
  border: 1px solid #000;
  /* Warna border default */
  background-color: #fff;
  /* Warna latar default */
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  /* Jarak antara radio button dan teks */
}

.checkout-content-form li>input::before,
.checkout-content-form li>input:checked::after,
#ship-to-different-address-checkbox::before,
#ship-to-different-address-checkbox:checked::after {
  display: none;
}


/* Gaya saat radio button terpilih */
.checkout-content-form li>input:checked,
#ship-to-different-address-checkbox:checked {
  background-color: #000;
  /* Warna latar saat terpilih */
}

/* Gaya untuk elemen label */
.checkout-content-form li>label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

@media screen and (min-width: 767px) {
  .woocommerce-checkout .woocommerce-form.woocommerce-form-login.login {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0px;
    letter-spacing: 1px;
    margin-top: 35px;
  }

  .woocommerce-checkout .form-row {
    width: 100%;
    margin: 0px;
  }

  .woocommerce-checkout .form-row.form-row-first {
    width: 50%;
    padding-right: 15px;
    letter-spacing: 1px;
  }

  .woocommerce-checkout .form-row.form-row-last {
    width: 50%;
    letter-spacing: 1px;
  }

  .woocommerce-checkout .woocommerce-form.woocommerce-form-login p {
    font-size: 14px;
    letter-spacing: 0.5px;
  }

  .woocommerce-checkout .woocommerce-form.woocommerce-form-login .woocommerce-form__label {
    width: 100%;
    display: none;
  }

  .woocommerce-checkout #site-content .button.woocommerce-form-login__submit {
    width: 200px;
    font-weight: 700;
    letter-spacing: 1px;
  }

  .woocommerce-button.button.woocommerce-form-login__submit:hover {
    background: transparent;
    color: black;
  }

}

@media screen and (max-width: 767px) {
  .woocommerce-checkout #site-content #payment .wc_payment_methods li {
    display: block;
  }

  .woocommerce-checkout .wc_payment_methods input[type="radio"] {
    position: absolute;
    transform: translateY(3px);
  }

  .checkout-content-form li>label {
    padding-left: 25px;
  }
}


/* thank you page */

#post-13 .woocommerce ul.order_details {
  flex-direction: column;
  border: none;
  padding: 0px 0px;
}

#post-13 .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  margin-bottom: 60px;
}

#post-13 .woocommerce-table--order-details thead th,
#post-13 .woocommerce-table--order-details tbody td {
  border-bottom: 1px solid #EBEBEB;
  padding: 12px 0px;
}

#post-13 .woocommerce-thankyou-order-details {
  border: none;
  display: flex;
  list-style: none;
  padding: 15px 0;
  color: var(--em-color__dark);
  flex-direction: column;
}

#post-13 .woocommerce ul.order_details li {
  padding-right: 20px;
  flex: 1;
  margin-bottom: 10px;
  border-bottom: 1px solid;
  padding: 12px 0px;
}

#post-13 .woocommerce-bacs-bank-details ul li:last-child {
  border: none !important;
}

#post-13 h2 {
  margin: 75px 0px 30px;
  font-size: 24px;
  line-height: inherit;
}

#post-13 h3 {
  font-family: Inter;
  font-size: 16px;
}

.woocommerce-order-overview,
.woocommerce-bacs-bank-details {
  font-family: gothicM;
  text-shadow: 0.2px 0.2px 0px rgba(0, 0, 0, 0.74);
}

#post-13 .amount,
#post-13 .amount bdi {
  font-size: 14px;
  font-weight: normal;
}

.woocommerce-checkout #post-13 th {
  text-shadow: 0.5px 0.2px 0px rgb(0, 0, 0);
}

#post-13 .woocommerce-table--order-details tfoot td:last-child,
#post-13 .woocommerce .woocommerce-table--order-details thead th:last-child,
#post-13 .woocommerce-table--order-details tbody td {
  text-align: left;
}

.wc-bacs-bank-details-account-name {
  text-transform: uppercase;
}

#post-13 .woocommerce-columns--addresses {
  display: flex;
  justify-content: space-between;
}

#post-13 .woocommerce-columns--addresses>div {
  width: 50%;
}

@media screen and (min-width: 767px) {
  #post-13 {
    max-width: 1024px;
    padding: 0 50px;
    margin: 0 auto 75px;
  }

  .woocommerce-checkout .checkout-login {
    flex: 0%;
    max-width: 100%;
    padding: 1em 0px;
  }

  .woocommerce-checkout #customer_details {
    position: relative;
    display: flex;
    column-gap: 50px;
  }

  .woocommerce-checkout #customer_details .col-1,
  .woocommerce-checkout #customer_details .col-2 {
    width: 48%;
  }

  .woocommerce-checkout .checkout-content-form {
    float: left;
    width: 100%;
  }

  .woocommerce-checkout #place_order {
    width: 200px;
  }
}

@media (max-width: 480px) {
  .woocommerce-checkout .col2-set {
    margin-bottom: 68px;
  }
}

/* my-account */

.campaign-bar__close,
.ecomus-svg-icon--arrow-top,
.woocommerce-account #page-header,
.woocommerce-customer-register .woocommerce-privacy-policy-text,
.woocommerce-customer-register .em-button-login-mode,
.woocommerce-form-row span>em,
.woocommerce-account #billing_company_field,
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-account .product-thumbnail img {
  display: none;
}

.woocommerce-account .woocommerce-info {
  background-color: #eaeaea;
  color: #000;
}

/* login */
.woocommerce-account #customer_login .em-col.em-xs-12.em-sm-6,
.woocommerce-account .woocommerce-customer-register {
  max-width: 800px;
  flex: auto;
  padding: 0 40px;
  margin-bottom: 95px;
}

.woocommerce-account .woocommerce-form.woocommerce-form-login.login,
.woocommerce-form.woocommerce-form-register.register {
  width: 100%;
  max-width: 100%;
  letter-spacing: 1px;
  font-family: gothicM, Inter;
}

.woocommerce-form-row--remember span,
#customer_login p.woocommerce-form-row,
#customer_login p.woocommerce-form-row input,
.woocommerce-customer-register p.woocommerce-form-row,
.woocommerce-customer-register p.woocommerce-form-row input {
  font-size: 14px;
}

.woocommerce-account h2 {
  font-family: Inter;
}

.woocommerce-account h2.woocommerce-customer-login__title {
  margin-top: 15px;
  margin-bottom: 87px;
}

.woocommerce-account #username,
.woocommerce-account #password,
.woocommerce-account #reg_email,
.woocommerce-account #reg_password,
.woocommerce-account input {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  color: #000;
  padding-left: 0px;
}

.woocommerce-account #site-content .woocommerce-form-row>label {
  left: 0px;
}

.woocommerce-account .woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce-customer-register .woocommerce-form-register__submit {
  margin: 10px 0;
  background: #fff;
  color: #000;
  font-weight: normal;
  padding: 15px 30px;
  width: 155px;
  font-size: 12px;
  letter-spacing: 1px;
  border: 1px solid #000;
  transition: all 0.25s ease;
  font-family: Inter;
}

.woocommerce-account .woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide:nth-child(2) {
  margin-bottom: 10px;
}

.woocommerce-account #site-content .woocommerce-form-row--remember {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: column-reverse;
  margin: 0px;
  gap: 30px;
}

.woocommerce-account #site-content .woocommerce-lost-password {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  background-image: linear-gradient(to right, var(--em-border-color) 0%, var(--em-border-color) 100%);
  background-size: 0% 1px;
  /* Mulai dengan lebar 0% */
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: background-size 0.3s ease;
  /* Animasi perubahan ukuran */
}

.woocommerce-account #site-content .woocommerce-lost-password:hover {
  background-size: 100% 1px;
  /* Perluas garis bawah ke 100% */
}

.woocommerce-account .woocommerce-form-row.woocommerce-form-row--submit.form-row.focused {
  margin: 5px 0;
}

/* register */
.woocommerce-account #site-content .woocommerce-customer-register>h2 {
  display: block;
  text-align: start;
}

/* dashboard */
.woocommerce-account .em-container.clearfix {
  max-width: 1265px;
  padding: 0px;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  margin-top: 20px;
  margin-bottom: 82px;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation li a,
.woocommerce-account #site-content .woocommerce-MyAccount-content {
  border: none;
  padding: 0px;
  font-size: 13px;
  text-transform: lowercase;
  color: #000;
}

.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
}

.woocommerce-MyAccount-navigation-link--dashboard {
  order: 1;
}

.woocommerce-MyAccount-navigation-link--edit-account {
  order: 2;
}

.woocommerce-MyAccount-navigation-link--edit-address {
  order: 3;
}

.woocommerce-MyAccount-navigation-link--orders {
  order: 4;
}

.woocommerce-MyAccount-navigation-link--wc-smart-coupons {
  order: 5;
}

.woocommerce-MyAccount-navigation-link--payment-confirm {
  order: 6;
}

.woocommerce-MyAccount-navigation-link--customer-logout {
  order: 7;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  font-family: gothicM, Inter;
  letter-spacing: 0.8px;
}

.woocommerce-account #site-content .woocommerce-MyAccount-content {
  font-family: Inter;
  letter-spacing: 1px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  text-decoration: underline;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0px;
}

.woocommerce-MyAccount-content p {
  margin-top: 0px;
}

/* personal information */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset {
  margin-top: 50px;
  margin-bottom: 21px;
  padding: 0px;
  border: none;
}

.woocommerce-EditAccountForm.edit-account {
  font-family: gothicM;
  letter-spacing: 1px;
}

.woocommerce-account #site-content .woocommerce-EditAccountForm label {
  font-weight: normal;
  text-transform: capitalize;
  margin: 0px;
}

.woocommerce-account #site-content .woocommerce-EditAccountForm legend {
  font-size: 18px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.woocommerce-account #site-content .woocommerce-MyAccount-content .form-row {
  margin-bottom: 6px;
}

/* addresses */
.woocommerce-address-fields__field-wrapper {
  font-family: gothicM, Inter;
}

.woocommerce-address-fields .optional {
  display: none;
}

#billing_address_2_field label::after {
  content: '*';
  color: #cf2e2e;
}

.woocommerce-address-fields label {
  text-transform: capitalize;
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
  margin-top: 20px;
  font-style: normal;
  font-size: 20px;
}

.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content h2 {
  margin: 0px;
  margin-bottom: 20px;
  font-weight: 400;
}

address {
  margin-top: 20px;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 1px;
}

.woocommerce-edit-address #site-content .select2-selection--single {
  border-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.woocommerce-edit-address #site-content .select2-selection--single span {
  color: #000;
  font-family: gothicM, Inter;
}

.woocommerce-account .select2 .select2-selection--single {
  padding: 2px 5px;
  height: 24px;
}


/* order */

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details a.button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-downloads a.button {
  background-color: var(--em-color__light);
  color: var(--em-color__dark);
  font-weight: normal;
  font-size: 12px;
}

.woocommerce-account #site-content .woocommerce-info a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  background-image: linear-gradient(to right, #000 0%, #000 100%);
  background-size: 0% 1px;
  /* Mulai dengan lebar 0% */
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: background-size 0.3s ease;
  /* Animasi perubahan ukuran */
  padding-bottom: 5px;
}

.woocommerce-orders-table__row .woocommerce-orders-table__cell {
  border-bottom: none;
}

.woocommerce-orders-table__row:last-child .woocommerce-orders-table__cell {
  border-bottom: 1px solid #EBEBEB;
}

.woocommerce-account #site-content .woocommerce-info a:hover {
  background-size: 100% 1px;
  /* Perluas garis bawah ke 100% */
}

.woocommerce-account #site-content .woocommerce-orders-table {
  bottom: 10px;
  position: relative;
}

.woocommerce-account #site-content .woocommerce-MyAccount-orders .woocommerce-orders-table__header {
  padding: 4px 8px;
  font-size: 15px;
  text-transform: capitalize;
  border-bottom: 1px solid var(--em-border-color);
  font-family: gothicM, Inter;
  -webkit-text-stroke: 0.5px #131313;
  stroke: 0.5px #131313;
}

.woocommerce-account #site-content .woocommerce-MyAccount-orders .woocommerce-orders-table__cell {
  padding: 4px 8px;
  font-size: 12px;
  text-transform: capitalize;
}

.woocommerce-account #site-content .woocommerce-MyAccount-orders .woocommerce-orders-table__cell a {
  font-weight: normal;
  text-decoration: underline;
  font-size: 14px;
}

#site-content .woocommerce-MyAccount-orders .woocommerce-orders-table__header:last-child,
#site-content .woocommerce-MyAccount-orders .woocommerce-orders-table__cell:last-child {
  text-align: end;
  padding-right: 65px;
  gap: 10px;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-end;
}

#site-content .woocommerce-MyAccount-orders .woocommerce-orders-table__cell:last-child a {
  text-decoration: none;
  background: #fff;
  color: #000;
  font-weight: normal;
  padding: 15px 0px;
  font-size: 12px;
  letter-spacing: 1px;
  border: 1px solid #000;
  transition: all 0.25s ease;
  width: 100px;
}

.woocommerce-order-details {
  margin: 65px 0px 130px;
}

.woocommerce-account #site-content .woocommerce-table thead th {
  border-bottom: 1px solid #EBEBEB;
}

.woocommerce-account #site-content .woocommerce-table th {
  font-family: gothicM, Inter;
  text-align: left;
  text-transform: capitalize;
}

.woocommerce-account tbody tr td {
  border: none;
}

.woocommerce-account .woocommerce-table__product-name.product-name a {
  text-transform: capitalize;
  text-decoration: underline;
}

.woocommerce-account tbody tr:last-child td {
  border-bottom: 1px solid #EBEBEB;
}

.woocommerce-account table.order_details td:first-child {
  padding-left: 0px;
}

.woocommerce-account .woocommerce .woocommerce-table--order-details tbody td:last-child,
.woocommerce-account .woocommerce .woocommerce-table--order-details tfoot td:last-child {
  text-align: left;
}

.woocommerce-table--order-details .order-total bdi,
.woocommerce-table--order-details .product-total bdi {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.woocommerce-account .woocommerce .woocommerce-table--order-details tfoot .woocommerce-Price-amount {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

mark,
ins {
  background: transparent;
  text-decoration: none;
  font-weight: 700;
}

.woocommerce-columns--addresses.addresses {
  display: flex;
}

.woocommerce-columns--addresses.addresses>div {
  width: 50%;
}

/* payment confirmation */
.woocommerce-account .wpcf7-form.init {
  font-family: gothicM, Inter;
}

.woocommerce-MyAccount-content .wpcf7-form.init {
  width: 367px;
}

.woocommerce-account .wpcf7-form.init input {
  width: 100%;
}

.woocommerce-account .wpcf7-form>p {
  margin-bottom: 14px;
  text-transform: capitalize;
}

.woocommerce-account .wpcf7 label {
  font-size: 14px;
}

.woocommerce-account .wpcf7 select,
.woocommerce-account .wpcf7 input {
  font-size: 12px;
}

.woocommerce-account .wpcf7 select,
.woocommerce-account .wpcf7 #PaymentDate {
  border: none;
  letter-spacing: 1px;
  border-bottom: 1px solid #000;
  background-image: none;
  padding-left: 0px;
}

.woocommerce-account .wpcf7 #submit-payment {
  background: #fff;
  color: #000;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 1px;
  border: 1px solid #000;
  padding: 15px 30px;
  margin-top: 15px;
}

/* pay  */
.woocommerce-order-pay .wc_payment_method p {
  padding-left: 30px;
}

.woocommerce-order-pay .payment_method_bacs label {
  width: 60%;
}

.woocommerce-order-pay.woocommerce-checkout #order_review th {
  width: auto;
}

/* mobile my account */

@media (max-width: 1200px) {
  .woocommerce-account #site-content {
    margin-top: 68px;
  }
}

@media (max-width: 767px) {
  .woocommerce-account #site-content {
    margin-top: 10px;
  }

  .woocommerce-MyAccount-navigation ul {
    display: none;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    font-family: Inter;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 0px;
  }

  .myaccount-navbar-mobile-select {
    border: none;
    border-bottom: 1px solid;
    padding-left: 0px;
    width: 100%;
    font-size: 14px;
    text-transform: capitalize;
    color: #000;
  }

  .woocommerce-account .woocommerce-form-row--submit {
    flex-direction: column;
    gap: 0px !important;
  }

  .woocommerce-account .woocommerce-button.button.woocommerce-form-login__submit,
  .woocommerce-customer-register .woocommerce-form-register__submit,
  .woocommerce-account #site-content button {
    width: 100%;
  }

  .woocommerce-account h2.woocommerce-customer-login__title {
    margin-bottom: 35px;
    font-size: 20px;
  }

  .woocommerce-account .woocommerce-form-row--submit {
    flex-direction: column;
    gap: 0px !important;
  }

  .woocommerce-account .woocommerce-button.button.woocommerce-form-login__submit,
  .woocommerce-customer-register .woocommerce-form-register__submit {
    width: 100%;
  }

  .woocommerce-account .wpcf7 input,
  .wpcf7 select {
    width: 100%;
  }

  .woocommerce-account .woocommerce-MyAccount-orders thead {
    display: none;
  }

  .woocommerce-account .woocommerce-MyAccount-orders tr {
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }

  .woocommerce-account #site-content .woocommerce-MyAccount-orders .woocommerce-orders-table__cell {
    display: block;
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid var(--em-border-color);
    text-align: right;
  }

  .woocommerce-account #site-content .woocommerce-MyAccount-orders .woocommerce-orders-table__cell[data-title="Actions"] {
    display: flex;
    flex-direction: column;
  }

  #site-content .woocommerce-MyAccount-orders .woocommerce-orders-table__cell:last-child a {
    width: 100%;
  }

  .woocommerce-account #site-content .woocommerce-MyAccount-orders .woocommerce-orders-table__cell::before {
    content: attr(data-title) ": ";
    font-family: gothicM, Inter;
    float: left;
  }

  .woocommerce-orders-table__cell-order-actions {
    text-align: center !important;
    border: none !important;
  }

  .woocommerce-orders-table__cell-order-actions::before {
    display: none !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content .form-row-first {
    float: left;
    width: 50%;
    padding-right: 10px;
  }

  .woocommerce-account .woocommerce-MyAccount-content .form-row-last {
    float: right;
    margin-right: 0;
    width: 50%;
    padding-left: 10px;
  }

  .edit-account p label,
  .edit-account p input {
    font-size: 14px !important;
  }

}

@media (max-width: 766px) {
  .woocommerce-account #site-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 767px) {
  .woocommerce-MyAccount-navigation select {
    display: none;
  }

  .woocommerce-form--register-button {
    margin-top: 30px;
  }

  .woocommerce-account #site-content {
    padding: 100px 30px;
  }

  .woocommerce-account .u-columns.woocommerce-Addresses.col2-set.addresses {
    display: flex;
    justify-content: space-between;
  }

  .woocommerce-account .u-columns.woocommerce-Addresses .woocommerce-Address {
    width: 48%;
    flex: none;
  }

  .woocommerce-account .wpcf7 select,
  .woocommerce-account .wpcf7 #PaymentDate {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .woocommerce-account #site-content {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media (min-width: 1400px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 220px;
  }

  .woocommerce-account #site-content .woocommerce-MyAccount-content {
    width: calc(100% - 17.246% - 24px);
  }

}