/*
Theme Name: Illdy
Theme URI: http://colorlib.com/wp/themes/illdy/
Author: Colorlib
Author URI: http://colorlib.com
Description: Illdy is a stunning multipurpose WordPress theme built based on Bootstrap frontend framework making it fully responsive and mobile friendly. This theme is well suited for business, landing page, portfolio or any other creative websites. This leaves heavy lifting to WordPress Customizer therefore you can create your website on live preview mode. Which means that you can see changes happen on your website in real time as you make them
Version: 999.999.999
Tested up to: 5.6
Requires PHP: 5.6
Tags: portfolio, entertainment, blog
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio
Text Domain: illdy

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.catalog-category {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 500px;
}

.catalog-category__item {
  width: calc(33.33% - 7px);
  height: 370px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 30px;
  border-radius: 10px;
  overflow: hidden;
}

.catalog-category__item:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #0006;
  position: absolute;
  left: 0;
  top: 0;
  transition-duration: 0.3s;
}
.catalog-category__item:hover:before {
  background-color: #0009;
}

.catalog-category__item-title {
  font-size: 33px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  text-align: center;
  position: relative;
  z-index: 1;
  text-decoration: none;
  line-height: normal;
  font-family: sans-serif;
}

.product-catalog-card {
  width: calc(33.33% - 7px);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  padding: 20px;
  border-radius: 10px;
}

.product-catalog-card img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 370px;
  border-radius: 10px;
}

.product-catalog-card__name {
  text-align: center;
  font-size: 35px;
  line-height: normal;
  font-weight: 700;
  /* height: 66px; */
  margin-top: 4px;
  margin-bottom: 14px;
}
.product-catalog-card__vendor-code {
  display: block;
  text-align: center;
  color: #000;
  font-size: 12px;
}
.product-catalog-card__price {
  display: block;
  text-align: center;
  font-size: 30px;
  color: #cf2e2e;
  font-weight: 400;
}

.product-catalog-card__btn {
  max-width: 122px;
}

.btn-catalog {
  outline: none;
  border: none;
  background-color: #e2b6a1;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 3px;
  margin-top: 16px;
  margin: 25px auto 0;
  max-width: 138px;
  width: 100%;
  display: block;
  transition-duration: 0.3s;
}

.btn-catalog:hover {

  background-color: #1D495E;
}

.proruct {
  display: block;
}
.proruct__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 40px 0;
}
.proruct__photo {
  display: block;
  cursor: pointer;
}

.proruct__photo img {
  width: 375px;
  height: 375px;
  display: block;
  object-fit: cover;
  border-radius: 10px;
}

.product-info {
  display: 70%;
  flex-grow: 1;
}
.product-param {
  display: block;
}
.product-param__row {
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 4px;
}
.product-param__row-name {
  color: #f3ceb9;
}
.product-param__row-val {
  color: #000;
}
.product-price {
  color: #cf2e2e;
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 24px;
  margin-top: 20px;
}
.product-btn {
  display: block;
  margin-left: 0;
}

.popup {
  background-color: #fff;
  position: relative;
  padding: 40px 45px 60px;
  max-width: 488px;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}
.popup .popup__close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.popup .popup__close svg {
  width: 25px;
  height: 25px;
}
.wpcf7-spinner {
  display: none !important;
}
.popup .popup__close path {
  transition-duration: 0.3s;
}
.popup .popup__close:hover path {
  fill: #f3ceb9;
}
.popup .popup__close:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.popup .popup__title {
  color: #231f20;
  font-size: 34px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 41px;
  text-align: center;
}
.popup span {
  display: block;
  width: 100%;
}
.popup span > input {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #f3ceb9;
  font-size: 16px;
  padding: 10px 2px;
  outline: 0;
  margin-bottom: 26px;
  margin-bottom: 15px;
}
.popup .popup__att {
  color: #231f20;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 34px;
  margin-bottom: 45px;
}
.popup .popup__att svg {
  flex-shrink: 0;
}

.popup__att p {
  margin-bottom: 0;
  font-size: 12px;
}

.popup .popup__att a {
  color: #f3ceb9;
}
.popup .popup__att a:hover {
  text-decoration: underline;
}
.popup .popup__fields-wrap {
  padding: 0 22px;
}
.popup .popup__btn {
  display: block;
  margin: 0 auto;
  max-width: 185px;
  width: 100%;
  color: #fff !important;
  margin: 0 auto;
  padding: 14px 10px;
  height: auto;
  text-align: center;
}

.catalog-filter {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  /* flex-wrap: wrap; */
  gap: 20px;
  margin-bottom: 40px;
}

.catalog-filter select {
  padding: 5px 10px;
  border: 1px solid #e2b6a1;
  border-radius: 3px;
  color: #ffffff;
  /* font-weight: 600; */
  font-size: 14px;
  background-color: #e2b6a1;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  position: relative;
  background-position: right 4px center;
  padding-right: 40px;
}
.catalog-filter option {
  background-color: #fff;
  color: #000;
}

.catalog-filter__cat {
  display: block;
}
.catalog-filter__color {
  display: block;
}
.catalog-filter__price-range {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}

.catalog-filter__price-range input {
  height: 40px;
  padding: 5px 10px;
  border: 1px solid #e2b6a1;
  border-radius: 3px;
  max-width: 120px;
  color: #ffffff;
  font-size: 14px;
  background-color: #e2b6a1;
  outline: none;
  border: none;
}
.catalog-filter__price-range input::placeholder {
  color: #ffffff;
}

.catalog-filter__price-range-start {
  display: block;
}
.catalog-filter__price-range-end {
  display: block;
}

.load-more {
  max-width: 180px;
  width: 100%;
}

.wpcf7 .wpcf7-spinner,
.wpcf7 .screen-reader-response,
.wpcf7 .wpcf7-not-valid-tip {
  display: none;
}

.wpcf7-form.init .wpcf7-response-output,
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7-form.aborted .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output {
  color: #000;
}

.wpcf7 .wpcf7-not-valid {
  border-bottom: 1px solid #f12929;
}

.wpcf7 .wpcf7-response-output,
.wpcf7-form.sent .wpcf7-response-output {
  font-size: 12px;
  /* padding: 0; */
  /* margin: 0; */
  position: absolute;
  color: #00d11c;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0;
  line-height: normal;
  border: none;
  text-align: center;
  left: 0;
  padding: 15px 20px;
}

.breadcrumbs {
  margin-top: 10px;
  font-size: 12px;
}

header#header {
  position: relative;

}

header#header:before {
 content: '';
 display: block;
 width: 100%;
 height: 100%;
 background-color: rgb(0 0 0 / 53%);
 position: absolute;
 left: 0;
 top: 0;
}

@media screen and (max-width: 1199px) {
  .proruct__photo img {
    width: 347px;
    height: 347px;
  }
}

@media screen and (max-width: 992px) {
  .product-catalog-card {
    width: calc(50% - 7px);
  }

  .catalog-filter {
    flex-wrap: wrap;
  }

  .catalog-category {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .product-catalog-card__name {
    font-size: 24px;
  }
  .product-catalog-card img {
    height: 280px;
  }
  .proruct__photo img {
    width: 277px;
    height: 330px;
  }
}

@media screen and (max-width: 575px) {
  .product-catalog-card {
    max-width: 380px;
    width: 100%;
    margin: 0 auto;
  }

  .popup .popup__title {
    font-size: 24px;
  }

  .popup {
    padding: 40px 15px 60px;
  }

  .popup .popup__close {
    right: 9px;
    top: 9px;
  }
  .proruct__photo {
    width: 100%;
  }
  .proruct__photo img {
    width: 100%;
  }
}