/** common woocommerce pages - start **/

.woocommerce-notices-wrapper{
  max-width: var(--width--section-max);
  margin: 2rem auto !important;
  background: var(--color--off-white) !important;
  outline: 0px !important;
}

.woocommerce-notices-wrapper:empty{
  margin: 0px auto !important;
}

.woocommerce-notices-wrapper .woocommerce-message{
  background: var(--color--off-white) !important;
  outline: 0px !important;
}

.woocommerce-notices-wrapper .woocommerce-message .button{
  font-family: var(--font-family);
  border: 0px;
  border-radius: 30px;
  height: 45px;
  min-width: 214px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 25px !important;
  background: var(--color--primary) !important;
  color: var(--color--white) !important;
  font-weight: 900 !important;
  font-size: 19px;
  line-height: 23px;
  text-decoration: none !important;
  outline: 0px !important;
}

.woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info{
  border-radius: 0px !important;
  height: 54px !important;
  background: var(--color--off-white) !important;
  outline: 0px !important;
}

.woocommerce .content-area .site-main {
  margin: 0px !important;
}

@media (max-width: 70.25em) {
  .content-area .site-main > .page,
  .content-area .site-main > .woocommerce-breadcrumb,
  .content-area .site-main #site-content > .breadcrumbs {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
@media only screen and (min-width: 768px) {
  .home #main [class*="woocommerce columns-"] {
      max-width:100%;
  }
}

.site-main > article:last-of-type .entry-footer{
  position: absolute;
}

.site-main article header.entry-header{
  border-bottom: 0px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  margin-top: 3rem !important;
}

.site-main article header.entry-header .entry-title{
  max-width: var(--width--section-max);
  margin: 0 auto;
  font-family: var(--font-family);
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  color: var(--color--black);
  font-size: 32px;
  line-height: 32px;
}

.site-main article .entry-content{
  width: 100%;
  max-width: var(--width--section-max);
  background: var(--color--off-white);
}

.site-main article .entry-content .woocommerce{
  padding: 3rem !important;
}

.site-main article .entry-content .woocommerce .woocommerce-MyAccount-navigation li{
  margin: 0px !important;
}

.site-main article .entry-content .woocommerce .woocommerce-MyAccount-navigation li a{
  font-family: var(--font-family);
  font-size: 21px;
  line-height: 29px;
  outline: 0px !important;
  background: transparent !important;
}

.site-main article .entry-content .woocommerce .woocommerce-MyAccount-navigation li.is-active a{
  font-weight: 900 !important;
}

.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper{
  margin-top: 0px !important;
  margin-bottom: 1rem !important;
}

.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h2 {
  margin-top: 2rem !important;
}

.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm .button{
  margin-bottom: 1rem !important;
}

.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content p,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content a,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content address,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content span,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content em,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content td,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content td * {
  font-family: var(--font-family);
  font-size: 16px !important;
  line-height: 24px !important;
}

.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content td {
  background: transparent;
}
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content td .button.view{
  background: var(--color--white) !important;
  color: var(--color--black) !important;
  border: 1px solid var(--color--primary) !important;
}
.woocommerce-account table.account-orders-table:not(.has-background) tbody tr:nth-child(2n+1) td{
  filter: brightness(100%);
}
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content td .button.cancel{
  background: var(--color--red) !important;
  color: var(--color--white) !important;
}
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content td .button:hover{
  filter: brightness(120%);
}
@media only screen and (max-width: 768px) {
  .logged-in.woocommerce-account #main table.account-orders-table .button {
      margin: 10px 0 !important;
  }
}
.woocommerce-form-coupon button[name=apply_coupon],
.woocommerce-button.button.woocommerce-form-login__submit,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content td .button {
  font-family: var(--font-family) !important;
  border-radius: 30px;
  border: 0px !important;
  padding: 0 15px !important;
  background: var(--color--primary) !important;
  color: var(--color--white) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  text-transform: uppercase;
  cursor: pointer !important;
  outline: 0px !important;
  letter-spacing: 1px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 33px;
  min-width: 100px;
}
site-main article .entry-content .woocommerce .woocommerce-MyAccount-content td .button {
  width: 100%;
}
.woocommerce .woocommerce-form-login__rememberme {
  margin: 1rem 0 1rem 0;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 10px;
  margin-bottom: 10px !important;
}
.woocommerce-form-coupon button[name=apply_coupon],
.woocommerce-button.button.woocommerce-form-login__submit{
  height: 45px !important;
}
.woocommerce-form-coupon button[name=apply_coupon]:hover,
.woocommerce-button.button.woocommerce-form-login__submit:hover {
  background: var(--color--black) !important;
}
.woocommerce-form-login-toggle .woocommerce-info{

}
.custom-account-page h2,
.woocommerce-terms-and-conditions h2,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content h1,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content h2,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content h3{
  font-family: var(--font-family);
  font-size: 29px !important;
  font-weight: 700 !important;
}

.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content p,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content label{
  font-family: var(--font-family) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  margin-bottom: 3px !important;
}

.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content input,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content .input-text,
.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content .select2-selection--single{
  border: 1px solid var(--color--gray);
  font-family: var(--font-family) !important;
  font-size: 15px !important;
  margin-bottom: 0px !important;
  outline: 0px !important;
}

.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields .button {
  font-family: var(--font-family);
  border-radius: 30px !important;
  height: 39px !important;
  min-height: 39px !important;
  border: 0px !important;
  padding: 8px 25px !important;
  background: var(--color--primary) !important;
  color: var(--color--white) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  width: auto !important;
  outline: 0px !important;
  margin-bottom: 1.5rem !important;
}

.site-main article .entry-content .woocommerce .woocommerce-MyAccount-content .button:hover{
  background: var(--color--primary) !important;
  text-decoration: none !important;
}

.woocommerce-info{
  border-top: 3px solid var(--color--primary) !important;
  border-radius: 0px !important;
  min-height: 68px;
}

.woocommerce-Button,
.woocommerce-info .button{
  font-family: var(--font-family);
  border-radius: 30px !important;
  height: 39px !important;
  min-height: 39px !important;
  border: 0px !important;
  padding: 8px 25px !important;
  background: var(--color--primary) !important;
  color: var(--color--white) !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  width: auto !important;
  outline: 0px !important;
}

.woocommerce-info .button {
  margin-left: 1rem;
}

.woocommerce-Button:hover,
.woocommerce-info .button:hover{
  background: var(--color--primary) !important;
  text-decoration: none !important;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {

  input[type=radio],
  input[type=radio]:checked {
      border: 4px solid var(--color--primary) !important;
  }
  input[type=radio]:after {
    background: var(--color--primary) !important;
  }
}
.woocommerce-cart .select2-container .select2-selection{
  border: none !important;
  margin: 0 2px;
  width: 100%;
}
.woocommerce .cart-collaterals .shipping-calculator-form .select2-container .select2-selection__rendered{
  border: 1px solid var(--color--gray) !important;
}
.site-main article .entry-content .woocommerce .woocommerce-form-row input{
  border: 1px solid var(--color--gray) !important;
  border-radius: var(--form--border-radius);
  color: var(--form--color-text);
  line-height: var(--global--line-height-body);
  padding: var(--form--spacing-unit);
  margin: 0 2px;
  max-width: 100%;

  /* border-radius: 3px !important;
  line-height: 1 !important;
  font-size: 1em !important;
  padding: 5px 15px !important; */
}

.custom-text-small{
  text-align: left;
  font-weight: normal;
  font-size: 14px;
}

.vertical-align-top{
  vertical-align: top;
}
.woocommerce-error{
  outline: 0px !important;
}
.woocommerce-error li, .woocommerce-info, .woocommerce-message{
  padding: 10px 1rem;
  font-family: var(--font-family) !important;
  outline: 0px !important;
}
.woocommerce-checkout ul.woocommerce-error li > a,
.woocommerce-checkout ul.woocommerce-error li{
  color: var(--wc-red);
}
.woocommerce-checkout ul.woocommerce-error li{
  display: inline-block;
  width: 100%;
  height: auto;
  padding:0.5rem 0;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
  overflow: unset;
  padding: 1rem 0;
  margin-bottom: 0;
}
.woocommerce-error li, .woocommerce-info, .woocommerce-message .button{
    font-family: var(--font-family) !important;
    border: 0px;
    border-radius: 30px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: start;
    text-align: left;
    padding: 0px 25px !important;
    font-size: 16px;
    line-height: 23px;
    text-decoration: none !important;
    outline: 0px !important;
}
.wc-item-meta, dl.variation p,
.wc-item-meta, dl.variation{
    text-align: left;
    font-family: var(--font-family);
    font-size: 14px !important;

}
.wc-item-meta, dl.variation dd{
  font-size: 14px;
  padding-left: 0;
}

/* @media (max-width: 930px) { */
  .woocommerce ul.products.columns-4{
    gap: 1rem !important;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

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

  .woocommerce ul.products.columns-4 li.product{
    width: calc(33.33% - 0.75rem) !important;
    padding: 0px !important;
    margin: 0px !important;
  }
/* } */

@media (max-width: 800px) {
  .woocommerce ul.products.columns-4 li.product{
    width: calc(50% - 0.5rem) !important;
  }
}

@media (max-width: 500px) {
  .woocommerce ul.products.columns-4 li.product{
    /* width: 100% !important; */
  }

  .woocommerce ul.products.columns-4 li.product .products-list{
    width: 100% !important;
  }
}

.woocommerce-extend-form{
  margin-bottom: 2rem !important;
}
.mg-product-link{
  display: block;
  text-decoration: none;
  width: 100%;
}

/** common woocommerce pages - end **/