/*-------------------------- TIENDA ------------------------*/
.products {
  margin: 0 !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.products li {
  width: calc(25% - 20px);
  aspect-ratio: 1/1;
  margin: 10px;
  border-radius: 10px;
  background-color: rgba(91, 89, 93, 0.5);
}
.products li:first-child {
  background-color: transparent;
}
.products li:first-child article {
  padding: 0;
}
.products li:first-child article h2 {
  text-transform: uppercase;
  text-align: right;
  font-size: 3em;
  position: absolute;
  bottom: -11px;
  right: 0;
  margin: 0;
}
.products li img {
  mix-blend-mode: multiply;
}
.products li article {
  position: relative;
  padding: 25px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.products li article h3 {
  font-size: 1.5em;
  line-height: 1em;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}
.products li article p {
  text-align: center;
  color: white;
}
.products li article strong {
  display: block;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
}
.products li .btn {
  font-size: 1.2em;
  padding: 10px 25px;
  background-color: #fff;
}

/*------------------------------ COMPRA LATERAL -----------------------------*/
.xoo-wsc-container .xoo-wsc-basket {
  display: none !important;
}

.xoo-wsc-product {
  border-bottom: 1px solid #5b595d;
}

.xoo-wsc-ft-btn {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 25px;
}

.xoo-wsc-ft-btn-cart,
.xoo-wsc-ft-btn-continue {
  color: #5b595d !important;
  background-color: #fff !important;
  border: 2px dashed #5b595d !important;
}

/*------------------------------ PRODUCTO -----------------------------*/
.single-product .woocommerce-product-details__short-description {
  margin-top: 30px;
}
.single-product .uk-slideshow-items > div {
  border-radius: 15px;
}

.prenda {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  overflow: visible;
  margin-top: 50px;
}
.prenda .galeria {
  width: 60%;
  margin: 0;
}
.prenda .galeria a {
  display: block;
  width: 100%;
  pointer-events: none;
}
.prenda .galeria a img {
  width: 100%;
}
.prenda .galeria .woocommerce-product-gallery__image {
  margin-bottom: 50px;
}
.prenda .galeria .woocommerce-product-gallery__image:last-of-type {
  margin-bottom: 0;
}
.prenda aside {
  position: sticky;
  top: 200px;
  width: 40%;
  min-height: 75vh;
  padding: 100px;
  padding-right: 0;
  padding-top: 0;
}
.prenda aside li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.prenda aside li:last-child span {
  margin-right: 10px;
}
.prenda aside .price {
  margin: 50px 0;
  font-size: 3em;
  font-weight: bold;
}
.prenda aside .quantity {
  display: none;
}
.prenda aside button {
  background-color: #b32211 !important;
  border: 1px solid #b32211;
  color: #fff !important;
  padding-top: 5px;
}
.prenda aside button:hover {
  background-color: #fff !important;
  color: #b32211 !important;
}
.prenda aside .btn::before, .prenda aside .btn::after {
  top: 18px;
}
.prenda aside article {
  margin-bottom: 100px;
}
.prenda aside > a {
  font-weight: 900;
  position: absolute;
  right: 0;
  bottom: 0;
}

.galeria-mobile .uk-slideshow-items {
  aspect-ratio: 1/1;
  min-height: auto !important;
}

.related {
  margin-top: 175px !important;
}
.related h2 {
  font-size: 2.5em;
  position: relative;
  width: 100%;
  text-align: center;
}

/*------------------------------ CARRITO -----------------------------*/
.woocommerce-page h1 {
  color: #5b595d;
  text-shadow: none;
  padding-bottom: 30px;
  border-bottom: 1px solid #5b595d;
  font-size: 4em;
  line-height: 1em;
}

.wc-block-components-quantity-selector {
  display: none !important;
}

.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
  background-color: #b32211;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 900;
  margin-top: 25px !important;
  border: 2px solid #b32211 !important;
  -webkit-transition: alll 0.5s;
  transition: alll 0.5s;
  border-radius: 0;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
  background-color: #fff;
  color: #b32211 !important;
}

.wc-block-components-checkout-place-order-button {
  margin-top: 0 !important;
}

.wc-block-components-checkout-step__container input, .wc-block-components-checkout-step__container select, .wc-block-components-checkout-step__container textarea {
  border-radius: 0 !important;
}

/*------------------------------ MI CUENTA -----------------------------*/
.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin-bottom: 25px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  font-weight: 900;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
  margin-bottom: 0;
}

.woocommerce-account input[type=text], .woocommerce-account input[type=email], .woocommerce-account input[type=url], .woocommerce-account input[type=password], .woocommerce-account input[type=search],
.woocommerce-account input[type=number], .woocommerce-account input[type=tel], .woocommerce-account input[type=range], .woocommerce-account input[type=date], .woocommerce-account input[type=month],
.woocommerce-account input[type=week], .woocommerce-account input[type=time], .woocommerce-account input[type=datetime], .woocommerce-account input[type=datetime-local], .woocommerce-account input[type=color], .woocommerce-account textarea, .woocommerce-account select {
  color: #5b595d;
  border: 1px solid #5b595d;
  border-radius: 0;
  padding: 5px 10px;
}
.woocommerce-account button.button {
  background-color: #5b595d;
  color: #fff;
  border-radius: 0;
  text-transform: uppercase;
}

/*------------------------------ 1400px -----------------------------*/
@media (max-width: 1400px) {
  .woocommerce-page h1 {
    font-size: 3.5em;
  }
  .woocommerce .products ul li,
  .woocommerce ul.products li {
    width: calc(33.33% - 20px);
  }
  /*PRODUCTO*/
  .prenda .galeria {
    width: 50%;
  }
  .prenda aside {
    width: 50%;
    padding: 50px;
    padding-right: 0;
  }
}
/*------------------------------ 1000px -----------------------------*/
@media (max-width: 1000px) {
  /*TIENDA*/
  .products li {
    width: calc(50% - 20px);
  }
  .woocommerce .products ul li:first-child,
  .woocommerce ul.products li:first-child {
    width: 100%;
    aspect-ratio: auto;
  }
  .woocommerce .products ul li:first-child article h2,
  .woocommerce ul.products li:first-child article h2 {
    position: relative;
    bottom: 0;
    right: 0;
    margin: 0;
    width: 100%;
    text-align: left;
  }
  .woocommerce .products ul li,
  .woocommerce ul.products li {
    width: calc(50% - 20px);
  }
  /*PACK*/
  .galeria > div {
    position: realtive;
  }
  .galeria > div:before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 20px);
    border: 1px solid #d0a770;
    border-radius: 25px;
    top: -15px;
    left: -15px;
    z-index: 0;
  }
  .galeria > div a.uk-slidenav:before,
  .galeria > div .uk-dotnav a:before {
    display: none;
  }
  .galeria > div img {
    max-width: none !important;
  }
  .galeria > div .uk-dotnav {
    margin-top: 40px !important;
  }
  .galeria > div .uk-dotnav a {
    border: 1px solid #d0a770 !important;
    display: block;
    width: 10px;
  }
  .galeria > div .uk-dotnav .uk-active a {
    background-color: #d0a770 !important;
  }
  /*CHECKOUT*/
  .wc-block-components-sidebar-layout .wc-block-components-main,
  .wc-block-components-sidebar-layout .wc-block-components-sidebar,
  .wc-block-components-sidebar-layout .wc-block-components-main,
  .wc-block-components-sidebar-layout .wc-block-components-sidebar,
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 0;
    width: 100%;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 100px;
  }
}
@media (max-width: 959px) {
  /*.single-product .uk-slideshow-items > div:first-of-type{display:block;}*/
  /*PRODUCTO*/
  .prenda {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 0;
  }
  .prenda .galeria {
    width: 100%;
    /*order: 2;*/
  }
  .prenda .galeria img {
    width: 100%;
  }
  .prenda aside {
    padding: 0;
    /*order: 1;*/
    width: 100%;
    position: relative;
    top: 0;
    min-height: auto;
  }
  .prenda aside article {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .prenda aside > a {
    right: inherit;
    bottom: inherit;
    top: 0;
  }
}
/*------------------------------ 850px -----------------------------*/
@media (max-width: 850px) {
  /*PRODUCTO*/
  .prenda aside {
    padding: 25px;
    padding-right: 0;
  }
  .prenda aside h1 {
    font-size: 1.5em;
  }
  .prenda aside .price {
    margin: 50px 0;
    font-size: 2em;
  }
}
/*------------------------------ 760px -----------------------------*/
/*------------------------------ 650px -----------------------------*/
@media (max-width: 650px) {
  /*TIENDA*/
  .woocommerce .products ul li:first-child article h2,
  .woocommerce ul.products li:first-child article h2 {
    font-size: 2.5em;
  }
  .woocommerce .products ul li,
  .woocommerce ul.products li {
    width: 100%;
  }
}