/*
Theme Name:GORN 2 Дочерняя тема
Theme URI: https://goodwinpress.ru/tema-gorn-2
Author: GoodwinPress
Author URI: https://goodwinpress.ru/
Description: Используем дочернюю тему лишь в тех случаях, когда собрались менять стили, разметку или функции темы. Просто так ее ставить не требуется.
Text Domain: gorn-2
Domain Path: /languages
Template: gorn-2
*/
.atts-hide__wrapper {
  display: block;
}
.hide-wrapper__info {
  display: flex;
  flex-direction: column;
}
.wpcf7-not-valid-tip {
  top: auto !important;
  left: 0 !important;
}
.card-page__wrap {
  margin: 0;
}
.header-contacts-list__item {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}
.header-contacts-list__item:last-child {
  min-width: 145px;
}
.header__contacts {
  margin: 0 auto;
  gap: 20px;
}
.header__contacts .btn.open-modal {
  padding: 0 1.65rem;
  height: 100%;
}
.header-contacts-list__item > .contacts-item__link {
  padding: 0;
}
.header-contacts-list__item > a {
  width: 100%;
  height: 100%;
  display: block;
}
.options-wrapper input[type='text'] {
  margin: 0;
}
.phone-item::before,
.chat-item::before,
.chat2-item::before,
.chat3-item::before,
.chat4-item::before,
.mail-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  background-color: var(--supportColor);
  border-radius: var(--bradius);
}
.chat3-item::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="white" d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>');
}
.chat4-item::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path fill="white" d="M12.892 13.745s.427.038.656-.247l.448-.563c.216-.28.738-.458 1.249-.174.676.382 1.55.982 2.149 1.541.33.278.407.688.182 1.121l-.002.009c-.232.408-.541.791-.932 1.148l-.009.006c-.44.367-.946.58-1.487.404l-.01-.014c-.972-.275-3.304-1.464-4.79-2.649-2.431-1.918-4.159-5.082-4.637-6.778l-.015-.01c-.176-.543.039-1.049.404-1.488l.007-.008c.357-.391.739-.701 1.148-.932l.009-.002c.432-.225.842-.149 1.121.182.367.379 1.056 1.291 1.54 2.149.284.51.106 1.033-.173 1.248l-.564.448c-.284.23-.247.657-.247.657s.834 3.156 3.953 3.952zm4.907-2.616c-.167 0-.303-.135-.304-.302-.014-1.83-.564-3.288-1.634-4.332-1.072-1.045-2.427-1.581-4.027-1.592-.168-.001-.303-.138-.301-.306.001-.167.136-.301.303-.301h.002c1.762.012 3.258.606 4.447 1.764 1.19 1.162 1.802 2.765 1.817 4.763.001.167-.133.304-.301.306h-.002zm-1.595-.624h-.007c-.168-.004-.301-.143-.297-.31.024-1.038-.273-1.878-.906-2.569-.63-.689-1.495-1.065-2.645-1.149-.167-.013-.293-.158-.281-.325.013-.167.158-.293.325-.281 1.294.095 2.32.548 3.049 1.345.733.8 1.092 1.807 1.065 2.992-.004.165-.139.297-.303.297zm-1.558-.522c-.161 0-.295-.126-.303-.289-.051-1.03-.537-1.534-1.527-1.588-.168-.009-.296-.152-.287-.319.009-.168.151-.296.319-.287 1.308.07 2.034.819 2.101 2.164.009.167-.12.31-.288.318l-.015.001zm6.817 3.469c-.605 4.877-4.172 5.185-4.83 5.396-.28.09-2.882.737-6.152.524 0 0-2.438 2.94-3.199 3.705-.119.119-.258.167-.352.145-.131-.032-.167-.188-.165-.414l.02-4.016v-.001c-4.762-1.323-4.485-6.295-4.431-8.898.054-2.603.543-4.736 1.996-6.17 2.61-2.364 7.987-2.011 7.987-2.011 4.541.02 6.717 1.387 7.222 1.845 1.675 1.434 2.528 4.867 1.904 9.895zm-.652-11.113c-.597-.548-3.007-2.298-8.375-2.322 0 0-6.33-.382-9.416 2.45-1.718 1.718-2.322 4.231-2.386 7.348-.063 3.118-.146 8.958 5.484 10.542l.006.002-.004 2.416s-.035.979.609 1.179c.779.241 1.236-.502 1.981-1.304.408-.44.971-1.086 1.397-1.58 3.851.322 6.812-.417 7.149-.526.777-.253 5.177-.816 5.893-6.657.738-6.022-.358-9.83-2.338-11.548z"/></svg>');
}

.options-wrapper .select {
  max-width: max-content;
  display: block;
  width: 100%;
  position: relative;
  margin: 0 0 10px 0;
}

.options-wrapper .new-select {
  position: relative;
  border: none;
  background-color: #f4f6fb;
  padding: 10px 10px;
  cursor: pointer;
  user-select: none;
  border-radius: 8px;
  font-size: 14px;
  font-family: Roboto;
  line-height: 1.15;
}
.options-wrapper .new-select__list {
  position: absolute;
  top: 35px;
  left: 0;
  border: none;
  cursor: pointer;
  width: 100%;
  z-index: 2;
  background: #f4f6fb;
  user-select: none;
}
.options-wrapper .new-select__list.on {
  display: block;
}
.options-wrapper .new-select__item span {
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  font-weight: 600;
}
.options-wrapper .new-select__item span:hover {
  background: #ecf0f8;
}
.options-wrapper .new-select:after {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 9px;
  top: 5px;
  background: url('/wp-content/themes/gorn-2/assets/img/arrow-down.svg') no-repeat right center / cover;
  opacity: 0.6;

  -webkit-transition: all 0.27s ease-in-out;
  -o-transition: all 0.27s ease-in-out;
  transition: all 0.27s ease-in-out;

  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
fieldset {
  padding: 5px;
  max-width: 100%;
  margin: auto;
}
#options-checkbox {
  transform: scale(2);
  opacity: 0.9;
  cursor: pointer;
}

.total-price__wrapper span {
  margin: 0;
}

.total-price__wrapper input {
  display: flex;
  align-items: center;
}
.options-wrapper > label {
  margin: 5px;
}
#feildset-btn {
  background-color: var(--btnBg);
  padding: 1rem 1.65rem;
  margin: 0;
}

/* .cf7mls_back.action-button {
  margin: 0;
  min-width: max-content;
  width: 40%;
} */

#options_checkbox label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wpcf7-select_custom {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0 1.4em 0 1.2em;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  min-height: 52px;
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4"><path fill="rgb(255, 94, 20)" d="M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z"/></svg>'),
    linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}
.wpcf7-select_custom::-ms-expand {
  display: none;
}
.wpcf7-select_custom:hover {
  border-color: #888;
}
.wpcf7-select_custom:focus {
  border-color: var(--btnBg);
  box-shadow: 0 0 1px 3px var(--btnBg);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.wpcf7-select_custom option {
  font-weight: normal;
}

*[dir='rtl'] .wpcf7-select_custom,
:root:lang(ar) .wpcf7-select_custom,
:root:lang(iw) .wpcf7-select_custom {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.wpcf7-select_custom:disabled,
.wpcf7-select_custom[aria-disabled='true'] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

.wpcf7-select_custom:disabled:hover,
.wpcf7-select_custom[aria-disabled='true'] {
  border-color: #aaa;
}
.wpcf7-form-control-wrap {
  margin: 0;
}
input[type='number'] {
  width: 4em;
  padding: 0 5px 0 17px;
}

.options-wrapper {
  position: relative;
  /* margin: 5px; */
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.review-btn__wrapper {
  text-align: center;
  grid-column: span 12;
}
.review-btn__wrapper button {
  max-width: max-content;
  margin-bottom: 30px;
}
.pic-form__wrapper > span {
  text-align: center;
  display: inline-block;
}

@media (max-width: 1260px) {
  .header__contacts {
    justify-content: center;
    align-items: center;
  }
  .contacts-item {
    flex: initial;
    background: none;
  }
}
@media (max-width: 1080px) {
  .header__contacts {
    justify-content: space-around;
  }
  .card-page__atts {
    display: none;
  }

  .text-content {
    grid-column: span 2;
  }
}
@media (max-width: 860px) {
  .header-contacts-list__item {
    width: 2.5rem;
    height: 2.5rem;
  }
  .phone-item::before,
  .chat-item::before,
  .chat2-item::before,
  .mail-item::before {
    width: 2.5rem;
    height: 2.5rem;
  }
}

@media (max-width: 760px) {
  .card-page__descr {
    display: flex;
    flex-direction: column;
  }
  /* .options-wrapper {
    margin: 0 5px;
  } */
}
@media (max-width: 600px) {
  .contacts-item.phone-item:before {
    content: '';
    display: none;
  }
  .chat-item::before,
  .chat2-item::before,
  .mail-item::before {
    display: block;
  }
}

@media (min-width: 1080px) {
  .card-page__descr form {
    max-width: 90%;
    /* margin: 0 auto; */
  }

  .pic-form__wrapper {
    text-align: center;
  }
}
.contact-form {
  margin-top: 30px;
}

.input-container {
  position: relative;
}

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}
.icon {
  padding: 16px;
  background: #2a2a2a;
  color: white;
  min-width: 54px;
  text-align: center;
}

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.wpcf7-not-valid-tip {
  position: absolute;
  top: 11px;
  top: 11px;
  left: 57px;
  font-size: 12px !important;
}
.wpcf7-form label {
  line-height: 34px;
}

.btn {
  background-color: dodgerblue;
  color: white;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.9;
  background: inherit;
}

.btn:hover {
  opacity: 1;
}

/* custom checkbox styling for contact form 7 checkbox */
span.wpcf7-list-item {
  display: inline-block;
  margin: 0;
}
/* .wpcf7 .wpcf7-list-item {
  display: block;
  margin-bottom: 10px;
} */
.wpcf7-checkbox label {
  position: relative;
  cursor: pointer;
}
.wpcf7-checkbox input[type='checkbox'] {
  /*position: relative;*/
  position: absolute;
  visibility: hidden;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
}
.wpcf7-checkbox input[type='checkbox'] + span {
  /* border: 3px solid red; */
}
.wpcf7-checkbox input[type='checkbox'] + span:before {
  display: block;
  position: absolute;
  content: '';
  height: 30px;
  width: 30px;
  top: 0px;
  left: 0px;
  background: lightgray;
  border-radius: 50%;
}
.wpcf7-checkbox input[type='checkbox'] + span:after {
  display: block;
  position: absolute;
  content: '\2713';
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  visibility: hidden;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
}
.wpcf7-checkbox input[type='checkbox']:checked + span:before {
  background: transparent;
}
.wpcf7-checkbox input[type='checkbox']:checked + span:after {
  visibility: visible;
  background: #ff9846;
  color: white;
  border-radius: 50%;
}
.wpcf7-list-item-label {
  margin-left: 40px;
  display: inline-block;
}

.wpcf7-radio .wpcf7-list-item-label {
  margin-left: 5px;
}
.wpcf7-textarea {
  height: 150px;
}
/* style radio btn start */
.options_radiobtn * {
  margin: 0;
}
.options_radiobtn > span {
  flex: 1;
}
.options_radiobtn {
  border: 1px solid #e2e3ee;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
}

.options_radiobtn label {
  border: none;
  height: 100%;
  text-align: center;
  color: black;
  cursor: pointer;
  position: relative;
  font-size: 18px;
  padding: 0;
  flex: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}
.options_radiobtn label > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.options_radiobtn label > span {
  padding: 15px 0;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  line-height: normal;
  z-index: -1;
}

.options_radiobtn label > input:checked ~ .wpcf7-list-item-label {
  background-color: #ff9846;
  color: white;
}

/* style radio btn finish  */

/* style form start */

/* style form end */

/*form_puzzle styling start*/
.form_puzzle fieldset[data-cf7mls-order='0'] {
  display: grid;
  grid-template-columns: 1fr 3fr;
}
.form_puzzle .options-wrapper {
  grid  -column: span 4;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
.puzzle__size {
  grid-column: span 3;
}
.puzzle__form {
  grid-column: span 4;
  display: flex;
  justify-content: space-around;
}
.puzzle__count > span {
  align-self: stretch;
  min-height: 52px;
  display: flex;
}

.puzzle__count {
  display: flex;
  flex-direction: column;
  margin: 0;
}
@media (min-width: 400px) {
  .puzzle__size {
    grid-column: span 2;
  }
  .puzzle__count {
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    gap: 5px;
    align-self: end;
    margin: 0;
    grid-column: span 2;
  }
  .puzzle__count .number {
    height: 100%;
  }
}
@media (min-width: 550px) {
  .form_puzzle fieldset[data-cf7mls-order='0'] {
    grid-template-columns: 2fr 2fr;
  }
  .form_puzzle .options-wrapper {
    gap: 10px;
  }
  .puzzle__count .number {
    width: 3em;
  }
}
@media (min-width: 550px) and (max-width: 700px) {
  .puzzle__form {
    flex-direction: column;
    grid-column: span 2;
  }
  .form_puzzle .form__radios-wrapper {
    grid-column: span 2;
  }
}

@media (min-width: 1080px) {
  .total-price__wrapper {
    margin-bottom: 0 !important;
  }
  .options-wrapper div {
    margin: 0;
  }
  .form_puzzle fieldset[data-cf7mls-order='0'] {
    grid-template-columns: 3fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
  }
  .form_puzzle .options-wrapper {
    grid-column: auto;
    grid-row: span 2;
  }
  .total-price__wrapper {
    justify-content: center;
    align-items: end;
    margin-right: 0;
  }
  .form_puzzle .cf7mls-btns {
    align-self: flex-end;
  }
  .puzzle__count {
    flex-direction: row;
    gap: 5px;
    align-items: center;
    justify-content: space-evenly;
  }
  .puzzle__form {
    flex-direction: column;
    grid-column: span 2;
  }
  .form_puzzle .form__radios-wrapper {
    grid-column: span 2;
  }
  .puzzle__count .number {
    width: 4em;
  }
}

/*form_puzzle styling finish*/

/*form_pic styling start*/
.form_pic fieldset[data-cf7mls-order='0'] {
  display: grid;
  grid-template-columns: 1fr 3fr;
}
.form_pic .options-wrapper {
  grid-column: span 4;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
.pic__size,
.pic__material,
.pic__multi-material,
.pic__multi-size,
.pic__checkbox {
  grid-column: span 4;
}
.pic__checkbox .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.form_pic .total-price__wrapper .cf7-calculated-name {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.form_pic .total-price__wrapper .wpcf7-form-control-wrap {
  margin-right: 20px;
}
.total-price__wrapper .cf7-calculated-name:after {
  content: '₴';
  margin: 0 10px;
}
.form_pic .total-price__wrapper .wpcf7-form-control-wrap {
  height: 100%;
}

@media (min-width: 550px) {
  .form_pic fieldset[data-cf7mls-order='0'] {
    grid-template-columns: 2fr 2fr;
  }
  .form_pic .options-wrapper {
    gap: 10px;
  }
}
@media (min-width: 550px) and (max-width: 700px) {
  .pic__multi-material,
  .pic__multi-size {
    flex-direction: column;
    grid-column: span 2;
  }
  .form_pic .form__radios-wrapper,
  .pic__size,
  .pic__material {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .form_pic .form__radios-wrapper > span {
    flex: 1;
  }
  .pic__size > span,
  .pic__material > span {
    flex: 1;
  }
}

@media (min-width: 1080px) {
  .options-wrapper div {
    margin: 0;
  }
  .form_pic fieldset[data-cf7mls-order='0'] {
    grid-template-columns: 3fr 1fr;
    grid-template-rows: min-content 1fr;
    gap: 20px;
  }
  .form_pic .options-wrapper {
    grid-column: 1/2;
    grid-row: 2;
  }
  .pic__multi-material,
  .pic__multi-size {
    flex-direction: column;
    grid-column: span 2;
  }

  .form_pic .total-price__wrapper .cf7-calculated-name {
    justify-content: center;
    align-items: end;
  }

  .form_pic .form__radios-wrapper {
    grid-column: 1/2;
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .form_pic .form__radios-wrapper > span {
    flex: 1;
  }
  .pic__size,
  .pic__material {
    grid-column: span 2;
  }
  .form_pick .cf7mls-btns {
    align-self: flex-start;
  }
}


/* second slide */
fieldset[data-cf7mls-order='1'] {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  align-items: end;
}
fields[data-cf7mls-order='1'] button {
  width: 100%;
}
.fieldset-cf7mls .cf7mls_back {
  margin: 0;
}
.wpcf7-spinner {
  position: absolute;
}
@media (min-width: 400px) {
  fieldset[data-cf7mls-order='1'] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  fieldset[data-cf7mls-order='1'] > div {
    grid-column: span 2;
  }
}
fieldset[data-cf7mls-order='1'] input[type='submit'] {
  margin: 0 !important;
}
@media (min-width: 1080px) {
  fieldset[data-cf7mls-order='1'] {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: self-start;
    gap: 20px;
  }
  fieldset[data-cf7mls-order='1'] > div {
    grid-column: span 2;
    grid-row: span 2;
  }
  fieldset[data-cf7mls-order='1'] label {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 10px;
  }
  fieldset[data-cf7mls-order='1'] div {
    margin: 0;
  }
  fieldset[data-cf7mls-order='1'] input {
    margin: 0;
  }
}
.cf7-calculated-name {
  font-size: 30px;
}
.page-header__title {
  margin-bottom: 3rem;
}
.wpcf7-list-item-label {
  margin: 0;
}
.front__review {
}
.front__reviews {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

@media screen and (min-width: 600px) {
  .single-feedback-list--with-img .single-feedback__text {
    grid-row: span 2;
    grid-column: span 2;
    display: flex;
    gap: 10px;
  }
  .single-feedback-list--with-img .rating-button__stars {
    grid-column: 2;
    grid-row: 1;
  }
  .single-feedback-list--with-img {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: minmax(100px, max-content);
    gap: 10px;
    justify-items: center;
    grid-column: span 2;
  }
}

.front__reviews {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: row dense;
  gap: 10px;
}
@media screen and (max-width: 1200px) {
  .front__reviews {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 800px) {
  .front__reviews {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .front__reviews {
    grid-template-columns: 1fr;
  }
}
/* front-form*/
.front-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  margin: auto;
  grid-template-rows: min-content 1fr;
  max-width: 80%;
  gap: 20px;
}
.front-form .flex-wrapper {
  display: flex;
  grid-column: span 2;
  gap: 20px;
  grid-row: span 2;
}
.front-form .flex-wrapper__inputs {
  flex: 1;
}
.front-form .pic__checkbox {
  flex: 1;
}
.front-form .wpcf7-submit {
  grid-column: 3;
  grid-row: 1;
  align-self: self-end;
}
.pic__checkbox .wpcf7-list-item-label {
  margin-left: 40px;
}
.front-form .pic__checkbox .wpcf7-checkbox {
  flex-direction: column;
}
.front-form .pic__checkbox span {
  font-size: small;
  color: var(--greyColor);
}

@media screen and (max-width: 1100px) {
  .front-form .flex-wrapper {
    grid-column: span 3;
  }
  .front-form .flex-wrapper__inputs {
    flex: 2;
  }

  .front-form .wpcf7-submit {
    grid-column: auto;
    grid-row: auto;
    align-self: baseline;
  }
  .front-form .wpcf7-form-control-wrap {
    grid-column: span 2;
  }
  .front-form .wpcf7-form-control-wrap * {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .front-form {
    grid-template-columns: 1fr;
  }
  .front-form .flex-wrapper {
    grid-column: span 1;
  }
  .front-form .flex-wrapper__inputs {
    flex: 1;
  }

  .front-form .wpcf7-submit {
    grid-column: auto;
    grid-row: auto;
    align-self: baseline;
    justify-self: end;
  }
  .front-form .wpcf7-form-control-wrap {
    grid-column: span 1;
  }
  .front-form .wpcf7-form-control-wrap * {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .front-form .flex-wrapper {
    flex-direction: column;
  }
}
.footer {
  background-color: var(--greyBg);
}
.footer .nav-menu {
  background: var(--mainMenuBg);
  padding: 0 20px;
  border-radius: 5px;
  margin: 0 !important;
}
.wpcf7 .front-form .wpcf7-response-output {
  grid-column: 1/-1;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  grid-column: 1/-1;
}
#poster-modal .wpcf7-acceptance {
  margin-top: 2.5rem;
}
.style-card {
  border: 1px solid rgba(242, 242, 254, 1);
  box-shadow: 0 10px 20px rgb(51 51 51 / 22%);
}
.style-card .terms__item {
  box-shadow: none;
  border: none;
}
.style-card > .term-item__count {
  padding: 0 10px;
  line-height: revert;
}
.style-card > .term-item__link {
  position: static;
}
.style-card > .term-item__link:hover {
  text-decoration: auto;
}
.style-card > .term-item__link:hover .terms__item {
  transform: translateY(-5px);
  transition: transform 0.3s;
}
.style-card > .term-item__link:hover .term-item__btn {
  transform: rotate(360deg);
  transition: transform 0.4s ease-in-out, background-color 0.3s ease-in-out;
}
.style-card > .term-item__link:hover .term-item__btn {
  background-color: var(--btnBg);
  color: var(--lightColor);
  transition: transform 0.4s ease-in-out, background-color 0.3s ease-in-out;
}
.style-card .term-item__count {
  color: var(--mainColor);
  padding: 0 10px;
}
.style-card .term-item__link {
  height: 100%;
  display: block;
}

/* form_big styling start*/
.form_big fieldset[data-cf7mls-order='0'] {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: stretch;
}
.form_big .options-wrapper {
  grid-column: span 4;
justify-content: space-around;
  display: flex;
  gap: 10px;
  /* grid-template-columns: repeat(4, 1fr); */
}
.form_big .justify-left{
    justify-content: space-between;
}
.radio-wrapper__big {
    width: 100%;
    grid-column: span 4;
  }
.form__title,
.form__radios-wrapper {
  grid-column: span 4;
}

.num-wrapper > span {
    align-self: stretch;
    min-height: 52px;
    display: flex;
  }

  .num-wrapper {
      display: flex;
      flex-direction: column    ;
      align-items: center;
      justify-content: space-evenly;

    margin: 0;
  }

.form_big span[data-name='text-330'] {
  grid-column: span 2;
}
.wpcf7-form .fieldset-cf7mls .cf7mls-btns {
  min-height: auto;
  justify-self: end;
}
.form_big .total-price__wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  align-self: end;
  justify-self: end;
  gap: 10px;
}
@media (min-width: 550px) {
  .form_big fieldset[data-cf7mls-order='0'] {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .form_big .options-wrapper {
    gap: 10px;
  }
  .num-wrapper .number {
    grid-column: span 2;
  }
  .form_big .num-wrapper {
    grid-column: span 1;

  }
  .form_big span[data-name='text-330'] {
    grid-column: span 3;
  }
  .form_big .total-price__wrapper {
    justify-content: end;


  }
}
@media (min-width: 700px) {
  .atts-hide__wrapper {
    display: flex;
  }
  .atts-hide__wrapper > div {
    flex: 1;
  }
}
@media (min-width: 1080px) {
  .hide-wrapper__info {
    display: none;
  }
  .change-direction__big{
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;

  }
  .num-wrapper {
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: space-evenly;
    align-self: flex-start;
  }
  .num-wrapper .number {
    width: 4em;
  }
  .form_big fieldset[data-cf7mls-order='0'] {
    grid-template-columns: 3fr min-content;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
  }

  .form_big .options-wrapper {
    grid-column: auto;
    grid-row: span 2;
  }
  .form_big .total-price__wrapper {
    margin-right: 0;
  }
  .form_big .cf7mls-btns {
    align-self: flex-end;
  }
}

/* form_big styling finish*/
/* form_small styling start*/
.form_small fieldset[data-cf7mls-order='0'] {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: stretch;
  }
  .form_small .options-wrapper {
    grid-column: span 4;
  justify-content: end;
    display: flex;
    gap: 10px;
    width: 100%;
  }
  .form_small .justify-left{
      justify-content: space-between;
  }
  .radio-wrapper__small {
      width: 100%;
      grid-column: span 4;
    }
  .form__title,
  .form__radios-wrapper {
    grid-column: span 4;
  }

  .num-wrapper > span {
      align-self: stretch;
      min-height: 52px;
      display: flex;
    }

    .num-wrapper {
        display: flex;
        flex-direction: column    ;
        align-items: center;
        justify-content: space-evenly;

      margin: 0;
    }

  .form_small span[data-name='text-330'] {
    grid-column: span 2;
  }
  .wpcf7-form .fieldset-cf7mls .cf7mls-btns {
    min-height: auto;
    justify-self: end;
  }
  .form_small .total-price__wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    align-self: auto;
    justify-self: end;
    gap: 10px;
  }
  @media (min-width: 550px) {
    .form_small fieldset[data-cf7mls-order='0'] {
      grid-template-columns: 1fr;
      justify-items: center;
    }
    .form_small .options-wrapper {
      gap: 10px;
    }
    .num-wrapper .number {
      grid-column: span 2;
    }
    .form_small .num-wrapper {
      grid-column: span 1;

    }
    .form_small span[data-name='text-330'] {
      grid-column: span 3;
    }
    .form_small .total-price__wrapper {
      justify-content: end;


    }
  }
  @media (min-width: 700px) {
    .atts-hide__wrapper {
      display: flex;
    }
    .atts-hide__wrapper > div {
      flex: 1;
    }
  }
  @media (min-width: 1080px) {
    .hide-wrapper__info {
      display: none;
    }
    .change-direction__small{
      display: flex;
      flex-direction: row;
      gap: 10px;
      justify-content: center;
      align-items: center;

    }
    .num-wrapper {
      flex-direction: row;
      gap: 10px;
      align-items: center;
      justify-content: space-evenly;
      align-self: flex-start;
    }
    .num-wrapper .number {
      width: 4em;
    }
    .form_small fieldset[data-cf7mls-order='0'] {
      grid-template-columns: 3fr min-content min-content;
      grid-template-rows: 1fr ;
      gap: 20px;
    }

    .form_small .options-wrapper {
        justify-content: space-around;
      grid-column: auto;
      /* grid-row: span 2; */
    }
    .form_small .total-price__wrapper {
      margin-right: 0;
    }
    .form_small  .cf7mls-btns.cf7mls-btns {
      align-self: flex-start;
    }
  }

  /* form_small styling finish*/
/*slider style*/
.product__slide-link{
    display: flex;
    justify-content: center;
}

.product__img{
    object-fit: contain;
    height: 320px;
}
.card-page__slider, .card-page__img{
    grid-column: 7 span;
}
.wp-block-search__button.wp-element-button{
    width: -webkit-fill-available!important;
}
@media screen and (max-width:400px) {
    div[id^="wpcf7-f602"] button.cf7mls_back{
        width: 100%;
    margin-top: 20px;
    }
}
.gallery-button {
    text-align: center;
    background: linear-gradient(#ff9846, #00072D);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 14px;
      transition: all 1s;
      padding: 5px;
  }
.gallery-button:hover{
    background:transparent;
    -webkit-text-fill-color: #ff9846;
    transition: all 1s;
}
.gallery{
    position: relative;
}
.redirect-link{
    position: sticky !important;
    top: 40px;
    right: 10px;
   padding: 10px !important;
   background-color: var(--supportColor) !important;
    text-decoration: none;
    z-index: 1;
}

.page-numbers{
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    color: #333;
    text-decoration: none;

}

/* Стилі для активного елемента пагінації */
.page-numbers .current {
    font-weight: bold;
    background-color: #333;
    color: #fff;
}

/* Стилі для попередньої та наступної сторінок */
.page-numbers .prev,
.page-numbers .next {
    font-weight: bold;
}

/* Стилі для елемента "Previous" */
.page-numbers .prev {
    margin-right: 10px;
}

/* Стилі для елемента "Next" */
.page-numbers .next {
    margin-left: 10px;
}
.pagination-wrapper{
    display: flex;
    justify-content: center;
}