/* مخفی کردن متن پیش‌فرض */
.comment-form-rating p.stars { display: none !important; }

/* ستاره‌های سفارشی */
.moved-rating .stars a img {
  width: 24px;
  height: 24px;
  opacity: 0.3; /* حالت پیش‌فرض کم‌رنگ */
  transition: opacity 0.2s;
}
.moved-rating .stars a.selected img,
.moved-rating .stars a:hover img {
  opacity: 1;
}

/* تعریف انیمیشن پالس */
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
}

/* ستاره‌های خالی (غیرفعال) پالس دهند */
.moved-rating .stars a {
  animation: pulse 1.5s infinite ease-in-out;
}

/* ستارهٔ انتخاب‌شده یا هاور شده انیمیشن نداشته باشد */
.moved-rating .stars a.selected,
.moved-rating .stars a:hover {
  animation: none;
}

/* جداکننده تب‌ها */
.product-tab-item .tab-separator {
  position: absolute;
  top: 35% !important;
  left: -11px !important;
  transform: translate(-50%, -50%);
  width: 1.5px;
  height: 20px;
  background-color: #E6E6E6;
  z-index: 1;
}

/* اعمال پدینگ 2px برای جعبه توضیحات محصول در موبایل */
@media only screen and (max-width: 768px) {
  #tab-description .product-description-box, .product-additional-info-box {
    padding-top: 10px !important;
    padding-right: 0px !important;
  }
}

/* تغییر پدینگ ووکامرس در موبایل */
@media (max-width: 767px) {
  .woocommerce .elementor-2215 .elementor-element.elementor-element-a901982 .woocommerce-tabs .woocommerce-Tabs-panel {
    padding: 5px !important;
  }
}

/* استایل کلی تب‌ها */
.product-tabs-wrapper {
  padding: 0 0 5px 0; /* حذف پدینگ بالایی و حفظ پدینگ پایینی */
  text-align: right;
}

.product-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 32px; /* فاصله ۳۲ پیکسلی بین تب‌ها */
}

.product-tab-item {
  position: relative;
  z-index: 2;
}

/* لینک تب‌ها */
.product-tab-item a {
  display: block;
  padding: 10px 15px 25px 16px !important; /* padding-left برای فاصله از جداکننده */
  text-decoration: none;
  position: relative;
  z-index: 2;
}

/* استایل تب فعال */
.product-tab-item.active a {
  color: #066737; /* رنگ تب فعال */
  font-size: 18px !important;
  font-weight: 500 !important;
}

.product-tab-item.active a::after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background-color: #066737;
  border-radius: 5px 5px 0 0;
  z-index: 2;
}

/* استایل محتوای تب‌ها */
.product-description-box,
.product-additional-info-box,
.woocommerce-tabs .woocommerce-Tabs-panel {
  direction: rtl;
  text-align: right;
}

/* عنوان تب‌ها */
.product-description-heading,
.product-additional-info-heading,
.woocommerce-Reviews-title,
#reply-title {
  color: #066737;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 15px;
  position: relative;
  padding-right: 30px;
}

.product-description-heading::before,
.product-additional-info-heading::before,
.woocommerce-Reviews-title::before,
#reply-title::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('https://sepiddoone.com/wp-content/uploads/2025/04/Product-Description-Arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

/* متن توضیحات */
.product-description-content {
  font-size: 16px;
  line-height: 1.8;
  color: #666;
}

/* ویژگی‌های محصول */
.product-additional-info-content {
  padding: 0;
}

.custom-product-attributes {
  list-style: none;
  margin: 0;
  padding: 0;
}

.custom-attribute-item {
  background-color: #f7f7f7;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #666;
}

.attribute-label {
  font-size: 14px;
  color: #828282;
  margin-bottom: 8px; /* فاصله بین label و value */
  display: block; /* نمایش به‌صورت بلوک برای قرار گرفتن در خط جدا */
}

.attribute-value {
  font-size: 16px;
  font-weight: 500;
  color: #010D0A;
  display: block; /* نمایش به‌صورت بلوک برای قرار گرفتن در خط جدا */
}

/* فرم نظرات */
.woocommerce-noreviews,
.comment-form label,
.comment-form input,
.comment-form textarea {
  color: #666;
  font-size: 16px;
}

.comment-form .submit {
  background-color: #066737;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

.comment-form .submit:hover {
  background-color: #054f2f;
}

/* خط افقی تمام‌عرض زیر تب‌ها */
.contaslipymtab {
  position: relative;
}

.contaslipymtab::before {
  content: '';
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #E6E6E6;
  z-index: 0;
}

/* برای نظرات */
.star-rating-container {
  display: flex;
  align-items: center;
  gap: 5px;
}

.rating-number {
  font-size: 16px;
  color: #f5a623; /* رنگ نارنجی برای عدد */
}

.comment_container {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.comment-text {
  flex: 1;
}

.comment-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.comment-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.usefulness {
  display: flex;
  gap: 10px;
  align-items: center;
}

.usefulness span {
  font-size: 14px;
  color: #666;
}

.useful-yes,
.useful-no,
.reply-link {
  font-size: 14px;
  color: #007bff;
  text-decoration: none;
}

.useful-yes:hover,
.useful-no:hover,
.reply-link:hover {
  text-decoration: underline;
}

/* استایل کلی بخش نظرات */
.woocommerce-Reviews {
  direction: rtl;
  margin-top: 20px;
}

/* استایل عنوان */
.woocommerce-Reviews-title {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  margin-bottom: 20px;
  position: relative;
  padding-right: 32px;
}

.woocommerce-Reviews-title::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url('https://sepiddoone.com/wp-content/uploads/2025/04/chat-4.svg');
  background-size: contain;
  background-repeat: no-repeat;
}

/* استایل فرم ثبت نظر */
#review_form_wrapper {
  margin-bottom: 40px;
}

.comment-reply-title {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin-bottom: 20px;
  display: block;
}

.comment-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.comment-form-rating {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.comment-form-rating label {
  font-size: 16px;
  color: #333;
}

.stars a {
  color: #f5a623;
  font-size: 18px;
  text-decoration: none;
  margin-left: 5px;
}

.comment-form-comment label,
.comment-form-author label,
.comment-form-email label {
  font-size: 16px;
  color: #333;
  margin-bottom: 5px;
  display: block;
}

.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 16px;
  box-sizing: border-box;
}

.comment-form-cookies-consent {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  color: #666;
}

.form-submit {
  margin-top: 10px;
}

.submit {
  background-color: #28a745;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

.submit:hover {
  background-color: #218838;
}

/* استایل لیست نظرات - ساختار 3 بخشی جدید */
.commentlist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.comment_container {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

/* Top Section: User Info & Rating (no background) */
.comment-top-section {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 15px;
}

.user-profile-section {
  display: flex;
  align-items: center;
  gap: 15px;
}

.user-avatar {
  width: 63px;
  height: 63px;
  border-radius: 0; /* مربع، نه دایره */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.user-info-stack {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.reviewer-name {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin: 0;
}

.review-date {
  font-size: 14px;
  color: #666;
  margin: 0;
}

/* ستاره‌های امتیاز */
.star-rating-widget {
  display: flex;
  align-items: center;
  gap: 8px;
}

.star-rating-wrapper {
  display: flex;
  gap: 2px;
  align-items: center;
}

.star-icon {
  width: 16px;
  height: 16px;
}

.star-icon.filled {
  fill: #066737; /* رنگ سبز برای ستاره‌های پر */
}

.star-icon.empty {
  fill: #e0e0e0; /* رنگ خاکستری برای ستاره‌های خالی */
}

.rating-number {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}

/* Middle Section: Review Content */
.comment-content-section {
  background-color: #F5F2ED;
  border-radius: 15px;
  padding: 20px;
  position: relative;
}

.review-text {
  font-size: 16px;
  color: #333;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

/* دکمه‌های تعامل در گوشه پایین چپ */
.interaction-buttons {
  display: flex;
  align-items: center;
  gap: 15px;
  position: absolute;
  bottom: 15px;
  left: 20px;
}

.like-button,
.dislike-button {
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  color: #666;
  font-size: 14px;
  transition: color 0.2s;
}

.like-button:hover,
.dislike-button:hover {
  color: #333;
}

.like-button img,
.dislike-button img {
  width: 18px;
  height: 18px;
}

.like-count,
.dislike-count {
  font-size: 14px;
  color: #666;
}

/* استایل دکمه‌های رای داده شده */
.like-button.voted,
.dislike-button.voted {
  color: #066737 !important;
}

.like-button.voted img,
.dislike-button.voted img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(142deg) brightness(94%) contrast(101%);
}

.like-button.voted .like-count,
.dislike-button.voted .dislike-count {
  color: #066737 !important;
  font-weight: 600;
}

/* Bottom Section: Reply Control */
.comment-bottom-section {
  text-align: left; /* در RTL می‌شود سمت راست */
}

.reply-control {
  font-size: 14px;
  color: #333;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: color 0.2s;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.reply-control:hover {
  color: #066737;
}

.reply-arrow {
  font-size: 12px;
}

/* ریسپانسیو */
@media (max-width: 768px) {
  .comment-top-section {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .user-profile-section {
    width: 100%;
  }
  
  .user-avatar {
    width: 48px;
    height: 48px;
  }
  
  .star-rating-widget {
    justify-self: end;
  }
  
  .interaction-buttons {
    position: static;
    margin-top: 15px;
    justify-content: flex-start;
  }
}

/* حذف استایل‌های قدیمی */
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* کانتینر اصلی فرم */
.custom-review-form {
  direction: rtl;
  margin-bottom: 40px;
}

/* هدر بخش نظرات */
.reviews-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

/* گروه‌بندی ستاره + متن امتیاز */
.rating-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  order: 2;
}

/* آیکن ستاره */
.rating-summary .rating-icon {
  width: 40px;
  height: 40px;
}

.input-phone {
  text-align: right;
}

/* متن امتیاز */
.rating-text {
  display: flex;
  flex-direction: column;
  margin-right: 4px;
}

.rating-text .avg-rating {
  font-size: 16px;
  font-weight: 500;
}

.rating-text .review-count {
  font-size: 12px;
  color: #828282;
  margin-top: -4px;
  font-weight: 4500;
}

/* عنوان سمت راست */
.comment-reply-title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  color: #333;
}

.comment-reply-title .arrow-icon {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

/* ردیف فیلدها (نام و شماره کنار هم) */
.custom-review-form .fields-row {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}

/* ورودی‌ها با آیکن داخلی */
.input-icon-wrapper {
  position: relative;
  flex: 1;
}

.input-icon-wrapper .input-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

.input-icon-wrapper .input-text {
  width: 100%;
  padding: 14px 12px 14px 44px;
  background-color: #f7f7f7;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  box-sizing: border-box;
}

/* بخش رتبه‌بندی ستاره‌ای */
.comment-form-rating {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.comment-form-rating label {
  font-size: 16px;
  color: #333;
}

.comment-form-rating select {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #ddd;
  font-size: 16px;
  box-sizing: border-box;
}

/* textarea متن دیدگاه */
.input-text.input-comment {
  min-height: 180px;
  margin-top: -19px;
}

/* دکمه ارسال */
.form-submit {
  text-align: left;
  margin-top: 10px;
}

.form-submit .submit {
  background-color: #139763;
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
}

.form-submit .submit:hover {
  background-color: #0e7d54;
}

/* لیبل بالای ستاره‌ها */
.moved-rating .rating-label {
  font-size: 16px;
  color: #333;
  margin-bottom: 6px;
}

/* فقط ستاره‌های خودکار را نشان بده، select را پنهان کن */
.moved-rating select {
  display: none !important;
}

/* کانتینر ریتینگ: کوچک، سمت راست و مینیمال */
.moved-rating {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* ستاره‌های خودکار */
.moved-rating .stars {
  display: flex !important;
  gap: 8px;
}

/* استایل ستاره‌ها */
.moved-rating .stars a {
  font-size: 20px;
  color: #f5a623;
}

/* وقتی انتخاب شده یا هاور */
.moved-rating .stars a[aria-checked="true"],
.moved-rating .stars a:hover {
  color: #d48806;
}

/* ریسپانسیو */
@media (max-width: 768px) {
  .product-tabs {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: nowrap;
  }

  /* فرم نظرات */
  .custom-review-form .fields-row {
    flex-direction: column;
    gap: 16px;
  }

  .custom-review-form .fields-row .input-icon-wrapper {
    width: 100%;
  }

  .input-icon-wrapper.comment-field {
    width: 100%;
    margin-top: 16px;
  }

  .moved-rating {
    align-items: flex-end;
    padding: 12px 0;
  }

  .moved-rating .stars {
    justify-content: flex-end !important;
  }

  .form-submit .submit {
    display: block;
    width: 100%;
  }

  /* تب‌ها افقی و بدون اسکرول */
  .product-tabs-wrapper {
    padding: 0 0 10px 0;
  }

  /* هر آیتم تب به اندازه محتوا */
  .product-tab-item {
    flex: 0 0 auto;
    margin-bottom: 0;
  }

  /* لینک تب‌ها: سایز و وزن کوچکتر */
  .product-tab-item a {
    white-space: nowrap;
    padding: 10px 8px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    position: relative;
  }

  /* تب فعال */
  .product-tab-item.active a {
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  /* مخفی کردن جداکننده عمودی */
  .product-tab-item .tab-separator {
    display: none !important;
  }

  /* خط زیر تب فعال */
  .product-tab-item.active a::after {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #066737;
    border-radius: 2px 2px 0 0;
  }

  /* خط افقی زیر کل تب‌ها */
  .contaslipymtab::before {
    top: 52px;
  }

  /* محتوای تب‌ها */
  .product-description-box,
  .product-additional-info-box,
  .woocommerce-tabs .woocommerce-Tabs-panel {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }

  /* عناوین داخل تب‌ها */
  .product-description-heading,
  .product-additional-info-heading,
  .woocommerce-Reviews-title,
  #reply-title {
    font-size: 14px !important;
  }

  /* استایل متن توضیحات در موبایل */
  .product-description-content {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
  }

  /* نام و شماره زیر هم با گپ یکسان */
  .custom-review-form .fields-row {
    flex-direction: column;
    gap: 16px;
  }

  /* textarea درست زیر فیلدها با همان گپ */
  .input-icon-wrapper.comment-field {
    width: 100%;
    margin-top: 2px;
  }

  /* ریتینگ سمت راست باقی بماند */
  .moved-rating {
    align-items: flex-start;
    padding: 12px;
  }

  /* دکمه تمام عرض */
  .form-submit .submit {
    display: block;
    width: 100%;
    margin-top: -47px;
  }

  .usefulness {
    justify-content: space-between;
  }
}

@media (max-width: 390px) {
  .product-tabs {
    display: flex;
    gap: 2px !important;
    flex-wrap: nowrap;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  
  .product-tabs::-webkit-scrollbar {
    display: none;
  }
  
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
  }
} 

/* استایل‌های پاپ‌آپ شخصی‌سازی شده */
#pymnwrew-review-popup {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

#pymnwrew-review-popup .pymnwrew-popup-inner {
    transition: transform 0.3s ease-out;
}

/* پاپ‌آپ: ابعاد و استایل دسکتاپ */
#pymnwrew-review-popup .pymnwrew-popup-inner {
    max-width: 482px !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.pymnwrew-custom-form textarea {
    min-height: 182px !important;
    height: 182px !important;
    background: #F2F3F6 !important;
    border-radius: 15px !important;
    resize: vertical;
}

/* موبایل: پاپ‌آپ فیکس پایین و ابعاد */
@media (max-width: 768px) {
    #pymnwrew-review-popup {
        align-items: flex-end !important;
        justify-content: center !important;
    }
    #pymnwrew-review-popup .pymnwrew-popup-inner {
        margin: 0 !important;
        border-radius: 18px 18px 0 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        position: fixed !important;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
}

/* استایل‌های فرم شخصی‌سازی شده */
.pymnwrew-custom-form {
    direction: rtl;
}

.pymnwrew-custom-form h3 {
    font-family: inherit;
}

.pymnwrew-custom-form h4 {
    font-family: inherit;
}

.pymnwrew-stars span {
    cursor: pointer;
    transition: color 0.2s;
}

.pymnwrew-stars span:hover {
    color: #f5a623 !important;
}

.pymnwrew-slider {
    cursor: pointer;
    transition: all 0.2s;
}

.pymnwrew-slider:hover {
    background: #d0d0d0 !important;
}

.pymnwrew-custom-form button {
    transition: background 0.2s;
}

.pymnwrew-custom-form button:hover {
    background: #00796b !important;
}

/* اسکرول در موبایل */
@media (max-width: 768px) {
    .pymnwrew-custom-form {
        padding-bottom: 20px;
    }
    
    /* فیلدهای نام و ایمیل در موبایل زیر هم */
    .pymnwrew-user-info > div {
        flex-direction: column;
    }
    
    .pymnwrew-user-info > div > div {
        width: 100%;
        margin-bottom: 12px;
    }
    
    .pymnwrew-user-info > div > div:last-child {
        margin-bottom: 0;
    }
} 

/* رنگ ستاره و اهرم‌ها */
/* حذف رنگ ثابت ستاره‌ها */
/* حذف شد: #pymnwrew-dynamic-stars span { color: #FFC87D !important; } */
/* حذف شد: .pymnwrew-stars span:hover { color: #f5a623 !important; } */
.pymnwrew-custom-form .pymnwrew-slider {
    accent-color: #FFC87D !important;
}

.pymnwrew-custom-form .pymnwrew-slider-value {
    color: #DFA24F !important;
}

/* استایل فیلدهای ورودی و textarea */
.pymnwrew-custom-form input[type="text"],
.pymnwrew-custom-form input[type="email"],
.pymnwrew-custom-form textarea {
    background: #F2F3F6 !important;
    border: none !important;
    border-radius: 15px !important;
    font-size: 13px !important;
    box-sizing: border-box;
    outline: none !important;
}

/* دسکتاپ: فونت و فاصله‌ها کوچکتر، اهرم‌ها جمع و جور */
#pymnwrew-review-popup .pymnwrew-popup-inner {
    padding: 16px 24px 16px 24px !important;
}
.pymnwrew-custom-form h3,
.pymnwrew-custom-form h4 {
    font-size: 15px !important;
    margin-bottom: 10px !important;
}
.pymnwrew-custom-form label {
    font-size: 12px !important;
    margin-bottom: 4px !important;
}
.pymnwrew-custom-form .pymnwrew-user-info > div {
    gap: 8px !important;
    margin-bottom: 10px !important;
}
.pymnwrew-custom-form .pymnwrew-rating-item {
    margin-bottom: 7px !important;
}
.pymnwrew-custom-form .pymnwrew-slider-value {
    font-size: 11px !important;
}
#pymnwrew-avg-label {
    font-size: 12px !important;
}
.pymnwrew-custom-form textarea {
    min-height: 120px !important;
    height: 120px !important;
    max-height: 160px !important;
    font-size: 13px !important;
    margin-bottom: 10px !important;
}

/* موبایل: همه چیز جمع و جور و فیلدها کنار هم */
@media (max-width: 768px) {
    #pymnwrew-review-popup .pymnwrew-popup-inner {
        padding: 16px 16px 1px 16px !important;
    }
    .pymnwrew-custom-form .pymnwrew-submit-section {
        margin-top: 8px !important;
        margin-bottom: 0 !important;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .pymnwrew-custom-form button {
        margin-bottom: 0 !important;
        padding: 13px 0 !important;
        font-size: 15px !important;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .pymnwrew-custom-form .pymnwrew-rating-section {
        margin-bottom: 10px !important;
    }
    .pymnwrew-custom-form .pymnwrew-overall-rating {
        margin-bottom: 8px !important;
    }
    .pymnwrew-custom-form .pymnwrew-stars {
        margin-bottom: 4px !important;
    }
    .pymnwrew-custom-form .pymnwrew-comment-section {
        margin-bottom: 8px !important;
    }
    .pymnwrew-custom-form h3,
    .pymnwrew-custom-form h4 {
        font-size: 13px !important;
        margin-bottom: 7px !important;
    }
    .pymnwrew-custom-form label {
        font-size: 11px !important;
        margin-bottom: 2px !important;
    }
    .pymnwrew-custom-form .pymnwrew-user-info > div {
        flex-direction: row !important;
        gap: 6px !important;
        margin-bottom: 7px !important;
    }
    .pymnwrew-custom-form .pymnwrew-user-info > div > div {
        margin-bottom: 0 !important;
    }
    .pymnwrew-custom-form .pymnwrew-rating-item {
        margin-bottom: 5px !important;
    }
    .pymnwrew-custom-form .pymnwrew-slider-value {
        font-size: 10px !important;
    }
    #pymnwrew-avg-label {
        font-size: 11px !important;
    }
    .pymnwrew-custom-form textarea {
        min-height: 70px !important;
        height: 70px !important;
        max-height: 100px !important;
        font-size: 12px !important;
        margin-bottom: 7px !important;
    }
} 

#review_form {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
} 


@media (max-width: 768px) {
  .pymnwrew-success-img {
    width: 345px !important;
    height: 208px !important;
    max-width: 100% !important;
  }
}