/*** SHOP ***/

.woocommerce-shop header {
  border-bottom: 1px solid var(--color-black);
}

.shop {
  margin-top: 5px !important;
}

.shop .content-area {
  width: 100%;
  display: flex;
  margin-bottom: 5px;
}

.shop .content-area .site-main {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-ordering {
  margin: 0px;
  color: var(--color-black);
}

.my-account {
  min-height: 60vh;
  max-width: 1200px !important;
  margin-top: 5vh !important;
}

.my-account h2{
  font-size: 20px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
  border: none;
}

.woocommerce-pagination {
  margin: 25px 0px;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
  margin: 0px 15px;
}

.woocommerce nav.woocommerce-pagination ul li span, .page-numbers{
  font-size: 12px;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: transparent;
  text-decoration: underline;
  color: var(--color-black);
}

.orderby {
  border: none;
}

/*** GENERAL ***/

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
  max-width: 1920px;
  margin: 0px auto !important;
  width: 80%;
}

.wc-block-components-form {
  flex-direction: column;
}

.wp-block-woocommerce-cart {
  margin: 50px auto 0px auto !important;
}

.onsale {
  z-index: 3;
  background: var(--color-white);
  border-radius: 0;
  color: var(--color-black);
  text-transform: uppercase;
  font-weight: normal;
  min-height: inherit;
  min-width: inherit;
  line-height: 100%;
  padding: 10px;
}

.woocommerce.columns-4 {
  width: 100%;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 0.8% 10px 0;
  width: 24.2%;
  z-index: 1;
}

.woocommerce .products ul, .woocommerce ul.products{
  margin-bottom: 0px;
}

/*** Product Thumbnail ***/

.woocommerce ul.products li.product a img {
  margin-bottom: 15px;
}

.woocommerce-loop-product__title {
  text-transform: uppercase;
  margin-bottom: 0px !important;
  padding: 0px !important;
  font-size: 13px !important;
  font-weight: normal;
}

.woocommerce-Price-amount bdi {
  font-weight: normal;
	font-size:11px;
}

.woocommerce ul.products li.product .price{
  font-size: 12px;
  margin: 0px;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
}

.product{
  position: relative;
}

.product .onsale {
  position: absolute!important;
  float: none!important;
  display: flex!important;
  bottom: 16px!important;
  right: 8px!important;
  text-align: right!important;
  align-items: center!important;
  justify-content: center!important;
  top: inherit!important;
  left: inherit!important;
  background: var(--color-white)!important;
  color: var(--color-black)!important;
  font-size: 10px!important;
  text-transform: uppercase!important;
  padding: 6px!important;
  border-radius: 0px!important;
  min-height: inherit!important;
  min-width: inherit!important;
  line-height: 100%!important;
  font-weight: bold!important;
}

.woocommerce .single .product-page {
  margin-top: 5px;
}

.iconic-woothumbs-all-images-wrap {
  width: 48% !important;
}

/* .single-product header {
  border-bottom: 1px solid var(--color-black);
} */

.woocommerce.single .product_title {
  font-size: 36px;
  line-height: 100%;
}

.woocommerce.single .summary{
  width: 49% !important; 
}

.woocommerce.single .summary .price {
  display: flex;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 15px;
}

.woocommerce.single .summary .price del {
  opacity: 1;
  font-size: 12px;
  line-height: 100%;
}

.woocommerce.single .summary .price ins {
  text-decoration: none;
  font-size: 20px;
  margin-left: 5px;
}


.woocommerce.single .summary .price.price-has-range{    
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0px;
}

.woocommerce.single .summary .price.price-has-range span:nth-child(2){
  margin: 0px 5px;
  font-size: 12px;
}

.woocommerce-variation-availability{
  display: none;
}

.single .product .price-range-wrapper p{
  margin: 0px 5px 0px 0px!important;
  font-size: 12px;
  margin: 0px;
}

.products .product .price-single-label{
  display: none;
}


.woocommerce-product-details__short-description {
  margin-bottom: 20px;
}

.woocommerce-product-details__short-description p{
  font-size: 12px;
  line-height: 140%;
  margin: 20px 0px;
}


.product-div{
  width: 100%;
  height: 1px;
  background: var(--color-black);
}

.woocommerce.single form {
  overflow: hidden;
}

.woocommerce.single form .button,
.woocommerce.single form .button.disabled {
  width: 100%;
  border-radius: 0;
  background: var(--color-black);
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
  padding: 15px;
  transition: 0.3s all;
  float: none !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 1;
}

.woocommerce.single form .button::after,
.woocommerce.single form .button.disabled::after,
.woocommerce.single .custom-order-button:after {
  content: "\e908";
  font-family: "mrz-iconset" !important;
  position: relative;
  transition: all 0.2s ease;
  margin-left: 10px;
  font-size: 12px;
}

.woocommerce.single form .button:hover,
.woocommerce.single form .button.disabled:hover {
  background: var(--color-black);
  opacity: 0.8;
}

.woocommerce.single .custom-order-button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0;
  font-weight: normal;
  text-transform: uppercase;
  background: transparent!important;
  border: 1px solid var(--color-black);
  margin-top: 10px;
  box-sizing: border-box;
  padding: 15px 10px;
  font-size: 12px;
}

.woocommerce.single .custom-order-button:hover {
  background: var(--color-black);
  color: var(--color-white);
}

.woocommerce.single .onsale{
  display: none!important;
}

.extra-btns-product{
	display:flex;
	margin-bottom:15px;
}

.size-check {
  display: flex;
      background: #e9e5e5;
      padding: 5px 8px;
      box-sizing: border-box;
      font-size: 10px;
	  margin-right: 10px;
      align-items: center;
      border: 1px solid #e9e5e5;
      justify-content: space-between;
}

.size-check:hover {
  border-color: var(--color-black);
}

.size-check img{
	margin-right:5px;
}

.variations tr {
  display: flex;
  align-items: center;
  margin-bottom:7px;
}

.variations th {
  text-align: left;
}

.variations th label {
  font-weight: normal !important;
  font-size: 12px;
}

.variations select {
  font-size: 12px;
}

.reset_variations {
  display: none !important;
}

.woocommerce.single .woocommerce-product-gallery,
.woocommerce.single .summary,
.woocommerce.single .related,
.questions-container {
  float: left;
}

.woocommerce.single .related > h2 {
  text-align: center;
  font-size: 18px;
  margin: 25px 0px;
}

.questions-container {
  margin-top: 20px;
}

.questions-container h3 {
  display: flex;
  align-items: center;
  margin: 0px;
}

.questions-container h3:after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--color-black);
  display: flex;
  position: relative;
}

.questions {
  width: 100%;
  display: grid;
  margin: 35px 0px;
  grid-template-columns: 24% 24% 24% 24%;
  justify-content: space-between;
}

.questions h4 {
  display: flex;
  align-items: center;
}

.questions p {
  height: 105px;
}

.questions h4:before {
  display: flex;
  position: relative;
  margin-right: 5px;
}

.questions div:nth-child(1) h4::before {
  content: url("/wp-content/themes/sasuel/assets/images/q-1-icon.svg");
}

.questions div:nth-child(2) h4::before {
  content: url("/wp-content/themes/sasuel/assets/images/q-2-icon.svg");
}

.questions div:nth-child(3) h4::before {
  content: url("/wp-content/themes/sasuel/assets/images/q-3-icon.svg");
}

.questions div:nth-child(4) h4::before {
  content: url("/wp-content/themes/sasuel/assets/images/q-4-icon.svg");
}

.learn-more {
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.learn-more:after {
  content: url("/wp-content/themes/sasuel/assets/images/arrow-long.svg");
  display: flex;
  position: relative;
  margin-left: 5px;
  transition: 0.3s all;
}

.learn-more:hover:after {
  margin-left: 10px;
}

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
  width: 98%;
}

.wp-element-button {
  background: var(--color-black);
  color: var(--color-white) !important;
  text-transform: uppercase;
  transition: 0.3s all;
}

.wp-element-button span {
  color: var(--color-white) !important;
}

.wp-element-button:hover {
  opacity: 0.8;
}

.wc-block-checkout input,
.wc-block-checkout select {
  background: transparent !important;
  border-radius: 0px !important;
}

.wc-block-components-checkout-place-order-button__text {
  color: var(--color-white);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a, 
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-ordering, 
.orderby{
  font-size: 10px;
}


.woocommerce-breadcrumb{
  display: flex;
  align-items: center;
}


.woocommerce div.product form.cart{
  margin: 0px;
}

.woocommerce div.product form.cart .button{
  font-size: 12px;
}


.pswp__bg{
  background: #000000b5;
}

/*** Checkout ***/


.wc-block-checkout h2{
  font-size: 16px!important;
  font-weight: bold;
}

.wc-block-components-form input,
.wc-blocks-components-select .wc-blocks-components-select__select {
  background: #e1e1e1 !important;
  border: none !important;
  font-size: 14px!important;
}

.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{
  top: 12px!important;
  font-size: 12px!important;
}

.wc-block-components-text-input.is-active label{
  transform: translateY(-10px) scale(0.75)!important;
}


.wc-block-checkout__terms, .wc-block-components-validation-error>p, 
.wc-block-components-checkout-return-to-cart-button, 
.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-checkout-place-order-button__text{
  font-size: 12px!important;
}

.wc-block-components-form .wc-block-components-checkout-step{
  margin-bottom: 20px!important;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator{
  padding-top: 20px!important;
}

.wc-block-checkout__terms {
  margin: 0px 0 20px!important;
}

.wc-block-components-panel__button, 
.wc-block-components-totals-item__label,
.wc-block-formatted-money-amount{
  font-size: 14px!important;
}

.is-large:not(.wc-block-checkout) .wc-block-components-product-details__name{
  font-weight: normal!important;
}

.wc-block-components-product-details li span{
  font-size: 10px!important;
}

.wp-block-woocommerce-checkout-order-summary-block{
  border-left: none!important;
  border-right: none!important;
}

/*** LOGIN / REGISTER ***/

#customer_login {
  max-width: 1200px;
  margin: 5vh auto;
  display: flex;
}

#customer_login .col-1,
#customer_login .col-2 {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}

#customer_login a {
  color: var(--color-dark);
  text-decoration: underline;
}

form.login {
  padding: 0px !important;
  margin: 0px !important;
  text-align: center;
}

form.register {
  padding: 0px !important;
  box-sizing: border-box;
  margin: 0px !important;
  border-radius: 0px !important;
}

#customer_login h2 {
  text-align: center;
  font-size: 24px;
}

#customer_login input {
  background: #dfdfdf;
  padding: 10px 5px;
  border: none;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  display: flex;
  margin-bottom: 10px;
}

.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
  width: 100%;
  background: var(--color-secondary) !important;
  color: var(--color-white) !important;
  border-radius: 0px !important;
  font-weight: normal !important;
  font-size: 14px !important;
  transition: 0.3s all;
}

.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover {
  background: var(--color-primary) !important;
}

form.register {
  flex-direction: column;
}

form.register p, 
form.register a{
  margin-top: 0px !important;
  font-size: 12px;
  line-height: 120%;
}

.woocommerce form .form-row label{
  font-size: 12px;
}

.woocommerce-form{
  border:none!important;
}

.woocommerce-form-login__submit,
.woocommerce-form-register__submit{
  background: var(--color-black)!important;
}

.lost_password a{
  font-size: 12px;
}
.back-to-shop{
  margin: 10px 0px;
  display: flex;
  align-items: center;
}

.back-to-shop a{
  font-size: 12px;
  line-height: 100%;
}

.back-to-shop span{
  margin: 0px 5px;
}

.back-to-shop a:nth-child(1),
.back-to-shop a:nth-child(2){
  opacity: 0.5;
}

/***********************
      MY ACCOUNT
***********************/

.woo-account {
  width: 80%;
  max-width: 1920px;
  margin: 150px auto 50px auto;
  background: white;
  box-sizing: border-box;
  display: flex;
}

.woocommerce-MyAccount-navigation {
  background: var(--color-gray);
  width: 20%;
  box-sizing: border-box;
}

.woocommerce-MyAccount-content {
  padding: 30px;
  box-sizing: border-box;
  width: 80%;
}

.woocommerce-MyAccount-navigation-link {
  list-style: none;
}

.woocommerce-MyAccount-navigation-link a {
  color: var(--color-black);
  font-family: var(--font-title);
}

.woocommerce-MyAccount-navigation-link a:hover {
  opacity: 0.8;
}

.woocommerce-MyAccount-content a {
  color: var(--color-black);
}

.woocommerce-MyAccount-navigation-link a {
  margin-bottom: 1px;
  display: flex;
  padding: 10px 10px 10px 20px;
}

.wc-block-components-notice-banner.is-info {
  border-color: var(--color-black) !important;
  border-radius: 0px !important;
}

.wc-block-components-notice-banner.is-info > svg {
  background-color: var(--color-blacl) !important;
}

.woocommerce-EditAccountForm {
  flex-direction: column;
}

.woocommerce-EditAccountForm input {
  margin-bottom: 5px;
  padding: 10px !important;
  font-size: 12px !important;
}

.woocommerce-EditAccountForm .button {
  background: var(--color-black) !important;
  border-radius: 0px !important;
  color: var(--color-white) !important;
  font-family: var(--font-title) !important;
  font-weight: normal !important;
}

.woo-account .woocommerce-Address-title {
  position: relative;
  box-shadow: none;
}

.woo-account .woocommerce-Address-title h3 {
  font-size: 12px;
}

.woo-account address,
.woo-account legend {
  font-size: 12px;
}

.wc-block-checkout__main,
.wp-block-woocommerce-checkout-order-summary-block {
  background: var(--color-white);
  padding: 30px;
  box-sizing: border-box;
}

.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label {
  top: -7px !important;
}

.woocommerce-order {
  background: var(--color-white);
  width: 80%;
  max-width: 1200px;
  position: relative;
  margin: 150px auto 50px auto;
  padding: 40px;
  box-sizing: border-box;
}

.woocommerce-order h2 {
  font-size: 28px;
}

.woocommerce-order a {
  color: var(--color-primary);
}

.woocommerce-order .woocommerce-notice {
  font-size: 32px;
  font-family: var(--font-title);
}

.woo-account .woocommerce-MyAccount-content h2 {
  font-size: 28px;
}


.iconic-woothumbs-images .slick-list{
  height: 1088px;
}

.custom-order-button{
  border: 1px solid var(--color-black);
  background: var(--color-white)!important;
}

.custom-order-button:hover{
  color: var(--color-black)!important;
}

.woocommerce div.product form.cart .variations{
  margin-bottom: 7px;
}

.xoo-wsc-container, .xoo-wsc-slider{
  z-index: 999999999!important;
}

.wc-block-cart-item__wrap .price , .wc-block-cart-item__wrap .wc-block-components-product-badge{
  display: none;
}

.wc-block-cart__totals-title{
  text-align: right!important;
}

.wc-block-cart-item__image a{
  display: flex;
  width: 130px!important;
}


.wc-block-components-product-details li span {
  font-size: 12px !important;
}

.xoo-wsc-product dl.variation dd, .xoo-wsc-product dl.variation dt{
  font-style: normal!important;
}

.xoo-wsc-sml-qty, .xoo-wsc-pprice, .xoo-wsc-products:not(.xoo-wsc-pattern-card) span.amount{
  font-size: 12px!important;
}

.pswp__top-bar{
  background: transparent!important;
}

.pswp__counter,.pswp__button--fs,  .pswp__button--zoom{
  display: none!important;
}


.questions-container .slick-dots {
  position: absolute;
  bottom: -90px;
}

.price ins{
	text-decoration:none;
}

.single_add_to_cart_button.loading:after{
	transform:none!important;
	top:inherit!important;
	right:inherit!important;
}

.xoo-wsch-text , .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn, .xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount{
    font-size: 14px;
}

.xoo-wsc-products:not(.xoo-wsc-pattern-card) a, 
.xoo-wsc-product dl.variation, 
.xoo-wsc-product dl.variation p,
.xoo-wsc-footer-txt{
	font-size: 12px;
}

.wp-block-woocommerce-cart .wc-block-cart__submit-container::after{
	content:"* The total amount you pay includes all applicable customs duties & taxes. We guarantee no additional charges on delivery.";
    display: flex;
    font-size: 12px;
    position: relative;
    justify-content: center;
    margin-top: 10px;
	text-align: center;
    background: #e7e7e7;
    border: 1px solid #dddddd;
    padding: 10px;
}


.wc-block-components-checkout-order-summary__content::after{
	content:"* The total amount you pay includes all applicable customs duties & taxes. We guarantee no additional charges on delivery.";
    display: flex;
    font-size: 12px;
    position: relative;
    justify-content: center;
    margin-top: 10px;
	text-align: center;
    background: #e7e7e7;
    border: 1px solid #dddddd;
    padding: 10px;
}

.wc-block-components-totals-coupon__form .wc-block-components-button__text{
	color:var(--color-white);
}

.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{
    top: 12px !important;	
}


.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary-item__quantity{
	display:none!important;
}


  .newest-products-container .product .price-single-label{
    margin: 0px 5px 0px 0px!important;
  }
  

  .newest-products-container .product .price-single-wrapper{
    display: flex;
    align-items: center;
  }

  .wc-block-cart__submit-container .wc-block-components-button__text{
    color: var(--color-white);
  }

.newest-products-container .product .price-single-wrapper p, .newest-products-container  .woocommerce-Price-amount bdi, .product .price,.product .price .price-range-label ,.product .price bdi{
	font-weight:normal!important;
	font-size:11px!important;
}

  .shop .product p{
    margin: 0px 5px 0px 0px;
    font-size: 11px;
    line-height: 11px!important;
  }

.button-variable-items-wrapper span{
	font-size: 12px!important;
}

.woocommerce .quantity .qty{
	width: 50px;
    height: 40px;
    font-size: 13px;
    text-align: center;
    margin-bottom: 15px;
}

.product_cat-fabrics .summary .quantity::before{
	content:'Quantity';
	font-size:10px;
	position:relative;
	display:flex;
	margin-bottom: 5px;
}