.product-page {
  position: relative;
  padding: 32px 0 60px;
}

.product-page .wrap {
  display: grid;
  grid-template-columns: 600px 1fr;
  gap: 56px;
  margin-top: 32px;
}

/* Reviews */
.product-page__reviews {
  position: relative;
  padding-top: 120px;
}

.woocommerce-Reviews {
  position: relative;
}

.woocommerce-Reviews__wrap {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 160px;
}

.woocommerce-Reviews-title {
  font-size: 16px;
  font-weight: 500;
}

/* .woocommerce-Reviews-title span {
  display: none;
} */

#review_form {
  border: 1px solid rgba(38, 38, 38, 1);
  padding: 30px;
}

#reply-title {
  display: block;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
}

.comment-form-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0 24px;
  gap: 8px;
}

.comment-form-rating .stars {
  margin: 0 !important;
}

.comment-form-rating .stars span {
  display: flex;
  gap: 3px;
}

.comment-form-rating .stars span a {
  width: 17px;
  height: 17px;
  display: flex;
  font-size: 17px;
  display: inline-block !important;
  white-space: nowrap;
  overflow: hidden;
}

.comment-form-rating #rating {
  display: none !important;
}

.form-submit #submit {
  width: 100%;
  height: 46px;
  border: 1px solid rgba(38, 38, 38, 1) !important;
  background: rgba(255, 209, 252, 1) !important;
  color: rgba(38, 38, 38, 1) !important;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  border-radius: 0 !important;
  transition: 0.3s ease;
}

.form-submit #submit:hover {
  background: rgba(38, 38, 38, 1) !important;
  color: rgba(255, 209, 252, 1) !important;
}

.comment-form-comment label {
  display: none;
}

.comment-form-comment textarea {
  height: 120px;
  border-bottom: 1px solid rgba(38, 38, 38, 1);
  background-color: transparent;
  color: rgba(38, 38, 38, 1);
  font-size: 16px;
  font-weight: 500;
  resize: none;
}

.comment-form-comment textarea::placeholder {
  color: rgba(112, 102, 137, 1);
}

.comment-form-author input,
.comment-form-email input {
  height: 42px;
  border: none;
  border-bottom: 1px solid rgba(38, 38, 38, 1);
  background-color: transparent;
  color: rgba(38, 38, 38, 1);
  font-size: 16px;
  font-weight: 500;
  border-radius: 0 !important;
  margin: 0;
  padding-left: 0;
}

.comment-form-author input::placeholder,
.comment-form-email input::placeholder {
  color: rgba(112, 102, 137, 1);
}

.comment-form-author label,
.comment-form-email label {
  display: none !important;
}

.comment-notes {
  display: block;
  text-align: center;
  font-size: 12px;
  opacity: 0.75;
}

.comment-form-cookies-consent {
  display: none !important;
}

.woocommerce #review_form #respond .comment-form-email,
.woocommerce #review_form #respond .comment-form-author,
.woocommerce #review_form #respond .comment-form-comment {
  margin-bottom: 16px !important;
}

.woocommerce #review_form #respond .form-submit {
  margin-top: 28px;
  margin-bottom: 0 !important;
}

.woocommerce #reviews #comments ol.commentlist {
  padding-left: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border: none;
  padding: 0;
  margin-left: 64px;
}

.woocommerce .star-rating::before {
  content: "★★★★★";
  font-family: star;
}

.woocommerce .star-rating span::before {
  content: "★★★★★";
  font-family: star;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  width: 42px;
  height: 42px;
  padding: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .description {
  font-size: 16px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  margin-bottom: 12px;
}

.woocommerce-review__author {
  color: rgba(112, 102, 137, 1);
  font-weight: 600;
  text-transform: uppercase;
}

#comments {
  border-top: 1px solid rgba(38, 38, 38, 1);
  padding-top: 24px;
  margin-top: 16px;
}

/* Faq */
.faq-item {
  position: relative;
  border-bottom: 1px solid rgba(38, 38, 38, 1);
}

.faq-item .question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
  cursor: pointer;
}

.faq-item .answer {
  display: none;
  padding-bottom: 14px;
}

.faq-item__title {
  position: relative;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
}

/* Other */
.buy-btn {
  display: inline-block;
  background: rgba(255, 209, 252, 1);
  border: 1px solid rgba(38, 38, 38, 1) !important;
  color: rgba(38, 38, 38, 1);
  padding: 15px 40px;
  border: none;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
}

.buy-btn:hover {
  background: rgba(38, 38, 38, 1) !important;
  color: rgba(255, 209, 252, 1) !important;
}

.price {
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 8px;
}

.volume-switcher {
  display: flex;
  gap: 6px;
  margin-bottom: 16px;
}

.volume-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(38, 38, 38, 1);
  height: 40px;
  padding: 0 8px;
  font-weight: 500;
}

.volume-link.active {
  background: rgba(212, 199, 250, 1);
}

.info-brand {
  text-transform: uppercase;
  color: rgba(112, 102, 137, 1);
  font-size: 17px;
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}

/* specs */
.specs {
  position: relative;
  margin-top: 32px;
  border-top: 1px solid rgba(38, 38, 38, 1);
  border-bottom: 1px solid rgba(38, 38, 38, 1);
  padding: 8px 0;
}

.specs ul {
  list-style: none;
}

.specs ul li {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  display: flex;
}

.specs ul li span {
  min-width: 140px;
  color: rgba(112, 102, 137, 1);
  display: block;
}

/* Article Steles */
body.wp-theme-vselena .article-styles {
  display: grid;
  gap: 16px;
  font-size: 16px;
  line-height: 1.5;
}

body.wp-theme-vselena .article-styles p {
  font-size: inherit;
  line-height: inherit;
  font-weight: 400;
  display: block;
  color: inherit;
}

body.wp-theme-vselena .article-styles h2 {
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
}

body.wp-theme-vselena .article-styles h3 {
  font-size: 20px;
  font-weight: 500;
}

body.wp-theme-vselena .article-styles ul,
body.wp-theme-vselena .article-styles ol {
  padding: 0 0 0 32px;
  margin: 0;
}

body.wp-theme-vselena .article-styles ul li,
body.wp-theme-vselena .article-styles ol li {
  font-size: inherit;
  line-height: inherit;
  font-weight: 400;
  color: inherit;
}

/* variations */
.variations {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}

.cfvsw-swatches-container {
  gap: 8px;
}

.cfvsw-swatches-option {
  border: 1px solid rgba(38, 38, 38, 1);
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
  border-radius: 0 !important;
}

.cfvsw-swatches-option.cfvsw-selected-swatch {
  background: rgba(212, 199, 250, 1);
}

.woocommerce-variation-price {
  font-size: 18px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 8px;
}

.product-page .single_add_to_cart_button {
  display: inline-block;
  background: rgba(255, 209, 252, 1) !important;
  border: 1px solid rgba(38, 38, 38, 1) !important;
  color: rgba(38, 38, 38, 1) !important;
  padding: 15px 40px !important;
  border: none;
  font-size: 18px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: all 0.3s;
  width: fit-content;
  border-radius: 0 !important;
}

.product-page .single_add_to_cart_button:hover {
  background: rgba(38, 38, 38, 1) !important;
  color: rgba(255, 209, 252, 1) !important;
}

.reset_variations {
  display: none !important;
}

.product-page .info form .quantity {
  display: none !important;
}

.product-page .info form .mrkv-monopay-checkout {
  display: none !important;
}

.info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

.info-wrap {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.info-wrap__left {
  width: 100%;
}

.single_variation_wrap {
  width: 100%;
}

.product-template-default form.cart {
  width: 100%;
}

button.button.alt {
  width: 100%;
  max-width: 452px;
}

.yith-wcwl-add-to-wishlist-button__label {
  font-size: 16px;
  font-weight: 500;
}

.yith-wcwl-icon-svg {
  transition: 0.3s ease;
  width: 32px !important;
  height: 32px !important;
  stroke: black;
  stroke-width: 1px;
}

.card .yith-add-to-wishlist-button-block {
  margin: 0;
}

.yith-wcwl-add-to-wishlist-button:is(button) {
  padding: 6px;
}

.yith-add-to-wishlist-button-block:hover .yith-wcwl-icon-svg {
  fill: rgba(255, 209, 252, 1);
}

.yith-wcwl-add-to-wishlist-button--added .yith-wcwl-icon-svg {
  fill: rgba(212, 199, 250, 1);
  stroke: black;
}

.info-rating {
  display: flex;
  align-items: center;
  gap: 8px;
}

.info-rating .woocommerce-review-link,
.reviews-row .woocommerce-review-link {
  display: none;
}

.info-rating .star-rating,
.reviews-row .star-rating {
  margin: 0 !important;
}

.info-rating .product-average-rating,
.reviews-row .product-average-rating {
  position: relative;
  top: 2px;
}

.artc {
  font-size: 15px;
  font-weight: 500;
}

.reviews-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.reviews-row .product-average-rating {
  font-size: 38px;
  font-weight: 500;
}

/* Gallery */
.f-carousel__slide {
  display: flex;
  justify-content: center;
  border: 1px solid rgba(38, 38, 38, 1);
  background: rgba(255, 255, 255, 1);
}

.f-carousel {
  aspect-ratio: 16/14;
}

.f-carousel__slide img {
  height: 100%;
  width: auto;
  object-fit: cover;
  display: block;
}

.f-thumbs__track {
  margin-top: 12px !important;
}

/* .f-carousel__viewport.is-draggable {
  border-radius: 10px;
} */

/* Навігація всередині f-carousel */
.f-carousel .f-carousel__nav .f-button {
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: 0.3s linear;
  cursor: pointer;
  height: auto !important;
  aspect-ratio: 16/16;
  border: 1px solid rgba(38, 38, 38, 1) !important;
  border-radius: 100%;
  display: none !important;
}

.f-carousel .f-carousel__nav .f-button:hover {
  background-color: rgba(255, 255, 255, 1);
}

.f-carousel .f-carousel__nav .f-button.is-prev {
  left: -20px;
}

.f-carousel .f-carousel__nav .f-button.is-next {
  right: -20px;
}

/* Ховаємо кнопки у thumbs */
.f-thumbs .f-carousel__nav .f-button {
  display: none !important;
}

/* Thumbs track */
.f-thumbs__track {
  padding-bottom: 0 !important;
}

.f-thumbs__track .f-thumbs__slide {
  position: relative;
  overflow: hidden;
  border-radius: 0px;
  height: auto;
  aspect-ratio: 16/10;
  overflow: hidden;
  height: auto !important;
  aspect-ratio: 16/16;
  border: 1px solid rgba(38, 38, 38, 1) !important;
}

.f-thumbs__track .f-thumbs__slide img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1199px) {
  .woocommerce-Reviews__wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .product-page .wrap {
    grid-template-columns: 470px 1fr;
    gap: 24px;
  }
}

@media (max-width: 991px) {
  .product-page {
    padding-top: 24px;
  }
  .product-page .wrap {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 24px;
    display: block;
  }

  #breadcrumbs .breadcrumb_last {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
  }
  .article__left {
    margin-bottom: 24px;
  }
  .f-thumbs.is-horizontal .f-thumbs__track {
    margin-top: 0 !important;
  }

  .info-wrap {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 991px) {
  body.wp-theme-vselena .article-styles h2 {
    font-size: 24px;
  }
  body.wp-theme-vselena .article-styles h3 {
    font-size: 20px;
  }
  .specs ul li {
    line-height: 24px;
  }
}