/*START OF GENERAL CUSTOMIZATION*/
#yotpo-reviews-main-widget {
	--primary-font-family: 'Basis Grotesque Pro', sans-serif !important;
  	--secondary-font-family: 'Basis Grotesque Pro', sans-serif !important;
  
}
.yotpo-custom-questions {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  row-gap: 4px;
  align-items: start;
}

.yotpo-custom-questions-title {
      font-weight: 500 !important;
    white-space: nowrap;
    color: black !important; /* or 400 for normal */
  color: #000 !important;
  white-space: nowrap;
}

.yotpo-custom-questions-value {
  color: #000 !important;
  white-space: nowrap !important;
  word-break: break-word;
  overflow-wrap: break-word;
    font-weight: 500 !important;
}


.wrapper:has(.yotpo-device-mobile), 
.accordion-body:has(.yotpo-device-mobile) {
    padding: 0;
}
/*END OF GENERAL CUSTOMIZATION*/

/* === FINAL REFINEMENTS FOR REVIEW HEADER LAYOUT === */

/* 1. Refine grid alignment of star distribution rows */
#yotpo-reviews-main-widget .yotpo-star-distribution .yotpo-star-distribution-row-wrapper {
  display: grid;
  grid-template-columns: 40px 1fr 30px;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}

/* 2. Set fixed widths for star label and count */
#yotpo-reviews-main-widget .yotpo-star-distribution-index-wrapper {
  width: 40px;
  text-align: left;
}

#yotpo-reviews-main-widget .yotpo-star-distribution-value {
  width: 30px;
  text-align: right;
  font-size: 13px;
  color: #333;
}

/* 3. Optional: Compact vertical spacing in star block */
#yotpo-reviews-main-widget .yotpo-star-distribution {
  row-gap: 8px;
}

/* 4. Make the average rating more prominent */
#yotpo-reviews-main-widget .yotpo-bottom-line-left-panel.yotpo-bottom-line-score {
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
}


#yotpo-reviews-main-widget #yotpo-main-widget-btn.yotpo-new-review-btn:hover {
  background-color: #000;
  color: #fff; /* Ensures text remains visible */
}

/* 6. Optional: show 'Based on 15 reviews' subtly (if hidden) */
.yotpo-bottom-line-text {
  display: block !important;
  font-size: 13px;
  color: #777;
}

/*START OF HEADER SECTION*/

#yotpo-reviews-main-widget .yotpo-bottom-line {
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 16px;       /* tighter “hug” between stars and button */
  align-items: center;
  justify-content: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}
.yotpo-mobile-summary-bottomline {
    background-color: transparent !important;
  
}
.yotpo-summary-footer {
  background: rgba(28, 29, 33, .059) !important;
}
.yotpo-summary-header {
    background: rgba(28, 29, 33, .059) !important;
}

/* Left: Average Rating */
#yotpo-reviews-main-widget .yotpo-bottom-line-left-panel {
  grid-column: 1;
  justify-self: end;
  text-align: right;
}

/* Center: Star Distribution */
#yotpo-reviews-main-widget .yotpo-star-distribution {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 340px;
  margin: 0 auto;
}

/* Right: Write a Review Button */

#yotpo-reviews-main-widget .yotpo-new-review-btn {
  max-width: 160px;
  width: 100%;
  padding: 6px 16px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#yotpo-reviews-main-widget .yotpo-new-review-btn-container {
  align-self: center;            /* keep vertical centering */
  justify-self: start !important;/* ← was center */
  margin-left: 0 !important;     /* ← override any auto-margins */
  padding-right: 0px;
  max-width: 160px;
}

#yotpo-reviews-main-widget .yotpo-new-review-btn,
#yotpo-reviews-main-widget .yotpo-new-review-btn-container {
  margin: 0; /* resets any external spacing */

}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-head {
    margin-bottom: 30px;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-head .yotpo-headline {
    flex-basis: unset;
    margin-left: 0;
    font-size: 24px;
    font-weight: var(--secondary-font-weight);
}

#yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-main-layout .yotpo-head .yotpo-headline {
    margin-top: 0;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper {
    justify-content: space-between;
    margin-bottom: 30px;
}



#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-bottom-line-summary {
    align-items: center;
    gap: 15px;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-bottom-line-left-panel.yotpo-bottom-line-score {
    padding-top: 0;
    font-size: 42px;
    font-weight: var(--primary-font-weight);
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-bottom-line-right-panel {
    margin: 0;
    padding: 0;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-bottom-line-right-panel .yotpo-star-rating.yotpo-bottom-line-stars {
    gap: 4px;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-bottom-line-right-panel .yotpo-star-rating.yotpo-bottom-line-stars .star-container:not(:last-child) {
    margin-right: 0;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-bottom-line-right-panel .yotpo-star-rating.yotpo-bottom-line-stars .star-container .yotpo-star-rating-icon {
    transform: unset;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-bottom-line-right-panel .yotpo-bottom-line-text {
    display: none;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-vertical-border {
    display: none;
}

#yotpo-reviews-main-widget .yotpo-star-distribution {
    border: none !important;
    padding: 0 !important;
    gap: 8px;

    /* ✅ NEW — Constrain and center inside right column */
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
}
#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-star-distribution .yotpo-star-distribution-row-wrapper {
    align-items: center;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-star-distribution .yotpo-star-distribution-row-wrapper .yotpo-star-distribution-index-wrapper .yotpo-star-distribution-index {
  color: #0F1111 !important;
  font-weight: 600;
  font-family: 'Basis Grotesque Pro', sans-serif !important;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-star-distribution .yotpo-star-distribution-row-wrapper .yotpo-star-distribution-index-wrapper .yotpo-star-rating-icon {
    transform: unset;
    width: 12px !important;
    height: 12px !important;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-star-distribution .yotpo-star-distribution-row-wrapper .yotpo-star-distribution-index-wrapper .yotpo-star-rating-icon path {
    fill: #555;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-star-distribution .yotpo-star-distribution-row-wrapper .yotpo-star-distribution-bar {
    margin: 0 5px 0 10px;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-star-distribution .yotpo-star-distribution-row-wrapper .yotpo-star-distribution-bar .yotpo-progress-bar {
    margin: 0;
    width: 200px;
    max-width: 100%;
    height: 10px;
    background-color: #f0f0f0;
    border-radius: 10px;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-star-distribution .yotpo-star-distribution-row-wrapper .yotpo-star-distribution-bar .yotpo-progress-bar .yotpo-progress-bar-score {
    height: 10px;
    border-radius: 10px;
    background-color: var(--primary-color) !important;
}

#yotpo-reviews-main-widget .yotpo-main-layout .yotpo-layout-header-wrapper .yotpo-bottom-line .yotpo-star-distribution .yotpo-star-distribution-row-wrapper .yotpo-star-distribution-value {
    height: 10px;
    font-size: 12px;
    color: #555;

}
.yotpo-reviews-main-widget #yotpo-main-widget-btn.yotpo-new-review-btn {
    display: inline-block;
    white-space: nowrap;
    padding: 6px 24px;
    font-size: 13px;
    border: 1px solid #000;
    background: none;
    color: #000;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
    box-shadow: none;
}
.yotpo-reviews-main-widget #yotpo-main-widget-btn.yotpo-new-review-btn:hover {
    box-shadow: none;
    background-color: #000;
    color: #fff;
    border-color: #000;
}

#yotpo-reviews-main-widget .yotpo-header-container ~ .yotpo-review-border-smooth {
    display: none;
}

  /* 2. Single-column bottom-line: rating, distribution, CTA */
 
  #yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-bottom-line {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 16px !important;
  width: 100% !important;
  margin: 0 auto !important;
}
#yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-bottom-line-left-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  gap: 4px;
}

#yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-bottom-line-score {
  font-size: 34px !important;
  font-weight: 700 !important;
  color: #0F1111 !important;
  line-height: 1.1 !important;
  font-family: 'Basis Grotesque Pro', sans-serif !important;
}

#yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-bottom-line-stars {
  font-size: 20px !important;
  color: #0F1111 !important;
  gap: 2px !important;
  margin-top: 4px !important;
}

#yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-bottom-line-text {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #0F1111 !important;
  font-family: 'Basis Grotesque Pro', sans-serif !important;
  display: block !important;
  text-align: center !important;
  margin-top: 4px !important;
}
/* 4. Center and full-width star distribution */
 #yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-star-distribution {
  width: 100% !important;
  max-width: 340px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

  /* 5. Full-width “Write a Review” button */
 #yotpo-reviews-main-widget.yotpo-device-mobile #yotpo-main-widget-btn.yotpo-new-review-btn {
  width: 100% !important;
  max-width: 280px !important;
  text-align: center !important;
}
  /* 6. Reviews list stacks cleanly */
 #yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-review {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 12px 10px !important;  /* Slightly reduced top/bottom */
  padding: 0 !important;
}

#yotpo-reviews-main-widget.yotpo-device-mobile 
  .yotpo-review-left-panel,
#yotpo-reviews-main-widget.yotpo-device-mobile 
  .yotpo-review-center-panel,
#yotpo-reviews-main-widget.yotpo-device-mobile 
  .yotpo-review-votes-wrapper {
  width: 100% !important;
  position: static !important;
  padding: 8px 16px !important;  /* Tighter vertical padding */
  margin: 0 !important;
  box-sizing: border-box;
}


  #yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-new-review-btn-container {
  width: 100% !important;
  max-width: 280px !important;
  display: flex !important;
  justify-content: center !important;
}
@media screen and (max-width: 768px) {

  /* Reduce space below Customer Reviews heading */
  #yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-head {
    margin-bottom: 12px !important;
  }

  /* Tighten layout wrapper margin */
  #yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-layout-header-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    row-gap: 16px !important;
    padding: 0 16px !important;
    margin-bottom: 12px !important;
  }

  /* Stack all three columns: rating, distribution, button */
  #yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-bottom-line {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 0 16px 10px 16px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  /* Rating block: center and stack */
  #yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-bottom-line-left-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    gap: 4px;
  }

  /* Star distribution */
  #yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-star-distribution {
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto 12px !important;
    text-align: center !important;
  }

  /* Button wrapper */
  #yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-new-review-btn-container {
    width: 100% !important;
    max-width: 280px !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* Button itself */
  #yotpo-reviews-main-widget.yotpo-device-mobile #yotpo-main-widget-btn.yotpo-new-review-btn {
    width: 100% !important;
    max-width: 280px !important;
    text-align: center !important;
  }

  /* Add breathing room between stacked elements if needed */
  #yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-bottom-line > * {
    margin-bottom: 0;
  }
}
  
}


/*END OF HEADER SECTION*/

/*START OF REVIEW FORM*/
.yotpo-reviews-main-widget .modal-backdrop.yotpo-review-form-modal .yotpo-star-rating-icons-wrapper legend {
    float: unset;
}

.yotpo-reviews-main-widget .modal-backdrop.yotpo-review-form-modal textarea {
    width: 100%;
    box-sizing: border-box;
}

.yotpo-reviews-main-widget .modal-backdrop.yotpo-review-form-modal .yotpo-input-wrapper.yotpo-new-review-headline {
    width: 100%;
}

.yotpo-reviews-main-widget .modal-backdrop.yotpo-review-form-modal .yotpo-name-email-wrapper {
    width: 100%;
}

.yotpo-reviews-main-widget .modal-backdrop.yotpo-review-form-modal .yotpo-upload-label {
    border-radius: 0;
}

.yotpo-reviews-main-widget .modal-backdrop.yotpo-review-form-modal .yotpo-custom-questions-option {
    border-radius: 0;
}

.yotpo-reviews-main-widget .modal-backdrop.yotpo-review-form-modal .yotpo-new-review-submit {
    border-radius: 0 !important;
    text-transform: uppercase;
    font-weight: var(--primary-font-weight);
}

.yotpo-reviews-main-widget.yotpo-device-mobile .modal-backdrop.yotpo-review-form-modal .yotpo-name-email-wrapper .yotpo-input-wrapper.yotpo-new-review-name {
    width: 100%;
}

.yotpo-reviews-main-widget.yotpo-device-mobile .modal-backdrop.yotpo-review-form-modal .yotpo-name-email-wrapper .yotpo-input-wrapper.yotpo-new-review-email {
    width: 100%;
}
/*END OF REVIEW FORM*/

/*START OF MEDIA SECTION*/
#yotpo-reviews-main-widget .yotpo-media-gallery.yotpo-media-gallery-container {
    margin-top: 0;
}

#yotpo-reviews-main-widget .yotpo-media-gallery.yotpo-media-gallery-container .yotpo-media-gallery-headline {
    display: none;
}

#yotpo-reviews-main-widget .yotpo-media-gallery.yotpo-media-gallery-container .yotpo-slider-wrapper .carousel .carousel__viewport .carousel__track {
    justify-content: center;
}
/*END OF MEDIA SECTION*/

/*START OF FILTER SECTION*/
#yotpo-reviews-main-widget .yotpo-filters-container {
    margin: 20px 0 40px 0;
}

#yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-top-panel {
    display: none;
}

#yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-right-panel {
    flex-basis: unset;
    align-self: normal;
}

#yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-right-panel .yotpo-radio-base.yotpo-sorting-filter-container button {
    border: .5px solid #000000;
    min-width: 170px;
    height: 35px;
    border-radius: 1px;
    box-sizing: border-box;
    padding: 0 12px;
}

#yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-right-panel .yotpo-radio-base.yotpo-sorting-filter-container button .yotpo-dropdown-placeholder {
    font-size: 11px;
}

#yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-right-panel .yotpo-radio-base.yotpo-sorting-filter-container button .yotpo-selected-value {
    font-size: 11px;
    flex-grow: 1;
    display: flex;
    height: 100%;
    align-items: center;
    border-right: 1px solid #ccd6e0;
    padding-right: 8px;
}

#yotpo-reviews-main-widget .yotpo-filters-container .yotpo-filters-container-inner .yotpo-filters-right-panel .yotpo-radio-base.yotpo-sorting-filter-container button .yotpo-dropdown-arrow-icon {
    padding-left: 8px;
    transform: unset !important;
    margin: 0 !important;
}

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-dropdown-content-wrapper {
    width: 100%;
    top: 35px !important;
}
.yotpo-dropdown-content-wrapper .yotpo-dropdown-option--focus {
  background: #333 !important }

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-dropdown-content-wrapper span {
    width: 100% !important;
    box-sizing: border-box;
    font-size: 11px !important;
}

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-dropdown-content-wrapper span[aria-selected="true"], 
[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-dropdown-content-wrapper span:hover {
    background-color: var(--primary-color) !important;
}

.yotpo-reviews-main-widget #yotpo-main-widget-btn.yotpo-clear-filters-btn {
    border-radius: 0;
}

/*END OF FILTER SECTION*/

/*START OF REVIEWS SECTION*/

#yotpo-reviews-main-widget .yotpo-review {
    margin: 15px 20px 100px;
    position: relative;
}

#yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-review {margin: 15px 10px 0;}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-left-panel {
    padding: 20px;
    width: 350px;
    max-width: 100%;
    min-width: unset;
    background-color: #D6D7D7;
    box-sizing: border-box;
    flex-basis: unset;
}

#yotpo-reviews-main-widget.yotpo-device-laptop .yotpo-review .yotpo-review-left-panel {
    width: 250px;
}

#yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-review .yotpo-review-left-panel {
    width: 100%;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-left-panel .yotpo-verified-image-icon .yotpo-initials-icon {
    width: 55px;
    height: 55px;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-left-panel .yotpo-verified-image-icon .yotpo-initials-icon .yotpo-initials-background {
    cx: 27.5;
    cy: 27.5;
    r: 27.5;
    fill: var(--primary-color);
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-left-panel .yotpo-verified-image-icon .yotpo-initials-icon .yotpo-avatar-initials-text {
    fill: #fff;
    font-size: 18px;
}



[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-verified-icon-wrapper {
 	position: absolute;
    top: 27px;
    left: 27px;
}

/* === TEMPORARILY HIDE CUSTOM VERIFIED ICON === */
[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-verified-icon {
    /* display: none !important; */
}

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-verified-icon-wrapper::before {
    content: "";
    background: url(https://cdn.shopify.com/s/files/1/0838/4441/files/insurance.png?v=1745005746) no-repeat;
    display: none; /* hide custom image */
    width: 21px;
    height: 21px;
    background-size: contain;
}
/* === END TEMPORARY HIDE === */

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-reviewer-name {
    font-size: 14x;
    font-weight: var(--primary-font-weight);
}

[class*="yotpo-device-"][class*="yotpo-device-"] .yotpo-reviewer-verified-buyer-text {
   font-size: 13px;
    font-weight: 100;
  
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-center-panel {
    flex-grow: 1;
    padding: 0 0 30px 40px;
}

.yotpo-display-s .yotpo-review .yotpo-review-center-panel {
  display: flex !important;
  flex-direction: column !important;
}

.yotpo-display-s .yotpo-review .yotpo-review-center-panel .yotpo-review-related-product {
  order: 999 !important;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-center-panel .yotpo-review-rating-title {
    flex-direction: column;
    gap: 14px;
    font-family: 'Basis Grotesque Pro', sans-serif !important;
    font-size: 18px !important;
    margin-bottom: 15px;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-center-panel .yotpo-review-rating-title .yotpo-review-title {
    flex-basis: unset;
    margin: 0;
    font-size: 18px;
}

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-read-more-text {
    font-size: 14px !important;
    display: inline !important;
    margin-right: 5px;
}

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-read-more {
    font-size: 14px !important;
    margin-left: 0 !important;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-center-panel .yotpo-review-content {
    margin: 0 0 10px;
    flex-basis: unset;
    width: 100%;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-center-panel .yotpo-crfs-seperator {
    display: none;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-center-panel .yotpo-review-questions-mobile-panel {
    margin-top: 0 !important;
    order: 6 !important;
}

[class*="yotpo-device-desktop"] .yotpo-review-questions-mobile-panel,
[class*="yotpo-device-laptop"] .yotpo-review-questions-mobile-panel {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 20px 32px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding-top: 12px !important;
}

[[class*="yotpo-device-desktop"] .yotpo-custom-questions-range-question,
[class*="yotpo-device-laptop"] .yotpo-custom-questions-range-question {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  gap: 4px !important;
}


[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-custom-questions-range-question-title {
  font-size: 12px !important;
  font-family: 'Basis Grotesque Pro', sans-serif !important;
  color: #0F1111 !important;
  margin-bottom: 1px !important;
}

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-custom-questions-range-question {
    /* width: 350px !important; */
    justify-content: flex-start !important;
    /* gap: 0 !important; */
}

[class*="yotpo-device-mobile"][class*="yotpo-display-s"] .yotpo-custom-questions-range-question {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: auto !important;
  max-width: 220px !important;
  margin: 0 0 0px 0 !important;     /* tighter bottom margin */
  gap: 0px !important;              /* reduced vertical gap */
}

[class*="yotpo-device-mobile"][class*="yotpo-display-s"] .yotpo-custom-questions-range-question-value {
  font-size: 10px !important;                       /* ↓ scaled down */
  font-family: 'Basis Grotesque Pro', sans-serif !important;
  color: #0F1111 !important;
  text-align: center !important;
margin: 0 auto 0 auto !important;                /* tighter top margin */
  line-height: 0 !important;
}

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-custom-questions-range-question-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;  /* Remove auto-centering */
}

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-progress-bar {
    height: 9px;
    border-radius: 0;
    background-color: #ddd;
}

.yotpo-progress-bar .yotpo-progress-bar-score {
    height: 9px;
    border-radius: 0;
    background-color: #505050 !important;
}

.yotpo-progress-bar-value-point {
  width: 12px !important;
  height: 12px !important;
  bottom: 10px !important;
  background-color: #0F1111 !important;
  border-radius: 999px !important;
}

 .yotpo-progress-bar-value-label {
  font-size: 10px !important;
  font-weight: 550 !important;
  font-family: 'Basis Grotesque Pro', sans-serif !important;
  color: #0F1111 !important;
  text-align: left !important;
  margin-left: 0 !important;
  line-height: 10px !important;
}

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-custom-questions-range-question-value {
  font-size: 10px !important;
  font-family: 'Basis Grotesque Pro', sans-serif !important;
  color: #0F1111 !important;
}
#yotpo-reviews-main-widget .yotpo-custom-questions-see-more-label {
  font-weight: 300 !important; /* Or use 300 for even lighter */
  font-family: 'Basis Grotesque Pro', sans-serif !important;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-center-panel .yotpo-review-questions-mobile-panel .yotpo-custom-questions-see-more-label {
    font-size: 11px;
  font-weight: 100 !important;
}
#yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-review {
  position: relative !important;
}

#yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-review .yotpo-review-right-panel {
  position: absolute !important;
  top: 10px !important;
  right: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: right !important;
  z-index: 1;
}


#yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-review .yotpo-review-right-panel .yotpo-date-format {
  display: inline-block !important;
  font-size: 13px !important;
  color: #555 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.yotpo-date-format {
    white-space: nowrap;
    font-weight: normal;
    font-style: normal;
    font-size: 13px; 
}

#yotpo-reviews-main-widget .yotpo-review-votes-wrapper {
    margin: -160px 0 0 auto;
    width: calc(100% - 350px);
    justify-content: flex-start;
    position: relative;
    padding-left: 60px;
    box-sizing: border-box;
}

#yotpo-reviews-main-widget.yotpo-device-laptop .yotpo-review-votes-wrapper {
    width: calc(100% - 250px);
}

#yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-review-votes-wrapper {
    width: auto;
    padding: 0;
    margin: 10px 10px 0px 10px;
}


#yotpo-reviews-main-widget .yotpo-review-votes-wrapper .yotpo-review-votes-text {
    font-size: 12px;
    color: #000;
}


#yotpo-reviews-main-widget .yotpo-reviews-list .yotpo-review-border-smooth {
    margin-top: 15px;
    height: 1px;
}

#yotpo-reviews-main-widget .yotpo-review-votes-wrapper .yotpo-review-votes-number {
    font-size: 12px;
    margin-top: 5px;
}

#yotpo-reviews-main-widget .yotpo-review-votes-wrapper .yotpo-review-votes-icons-container {
    align-self: center;
    align-items: center;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-center-panel .yotpo-related-product.yotpo-review-related-product {
    order: 999;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin-top: 5px !important;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-center-panel .yotpo-related-product.yotpo-review-related-product * {
    order:999;
    font-size: 13px;
    font-weight: var(--secondary-font-weight);
    color: #0F1111;
    line-height: 18px;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-center-panel .yotpo-related-product.yotpo-review-related-product .yotpo-related-product-title {
    font-size: 0;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-center-panel .yotpo-related-product.yotpo-review-related-product .yotpo-related-product-title::before {
    content: "Reviewing:";
    font-size: 13px;
}


#yotpo-reviews-main-widget .yotpo-review .yotpo-review-center-panel .yotpo-comment.yotpo-review-comment {
    display: none;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-left-panel:has(.yotpo-review-customer-questions-container) .yotpo-reviewer {
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-left-panel .yotpo-review-customer-questions-container {
    width: 100%;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-left-panel .yotpo-review-customer-questions-container .yotpo-review-question.yotpo-review-customer-questions {
    margin-top: 5px;
}

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-custom-questions-wrapper .yotpo-custom-questions-title {
    color: #0F1111 !important;
    font-size: 13px !important;
}
#yotpo-reviews-main-widget .yotpo-review .yotpo-review-left-panel .yotpo-review-customer-questions-container .yotpo-review-question.yotpo-review-customer-questions .yotpo-custom-questions-title {
  color: #0F1111 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-custom-questions-wrapper .yotpo-custom-questions-value {
    color: #0F1111 !important;
    font-size: 13px;
   font-weight: 400 !important;
}
#yotpo-reviews-main-widget .yotpo-review .yotpo-review-left-panel .yotpo-review-customer-questions-container .yotpo-review-question.yotpo-review-customer-questions .yotpo-custom-questions-value {
  color: #0F1111 !important;
  font-weight: 400 !important;
}

#yotpo-reviews-main-widget .yotpo-review .yotpo-review-left-panel .yotpo-review-customer-questions-container .yotpo-review-question.yotpo-review-customer-questions .yotpo-custom-questions-wrapper {
    grid-template-columns: max-content;
}

#yotpo-reviews-main-widget .yotpo-custom-questions-wrapper-suffix-padding {
    display: none;
}

#yotpo-reviews-main-widget.yotpo-device-mobile .yotpo-thumbnail-container {
    margin: 5px 0 10px;
}
/*END OF REVIEW SECTION*/

/*START OF MEDIA MODAL*/
[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-anonymous-person-icon {
    fill: #fff;
}

[class*="yotpo-device-"][class*="yotpo-display-"] .yotpo-anonymous-person-icon circle[fill] {
    fill: var(--primary-color);
}

.yotpo-reviews-main-widget .yotpo-modal-body-review-content {
    margin-bottom: 10px;
}
/*END OF MEDIA MODAL*/

/*START OF PAGINATION SECTION*/
#yotpo-reviews-main-widget .yotpo-horizontal-pagination .yotpo-reviews-pagination-item {
    font-size: 15px;
    margin: 0;
}

#yotpo-reviews-main-widget .yotpo-horizontal-pagination .selected, 
#yotpo-reviews-main-widget .yotpo-horizontal-pagination .yotpo-pagination-number:hover {
    color: var(--primary-color);
    background: none;
    font-weight: var(--primary-font-weight);
    text-decoration: underline;
}

#yotpo-reviews-main-widget .yotpo-horizontal-pagination .yotpo-reviews-pagination-item.disabled, 
#yotpo-reviews-main-widget .yotpo-horizontal-pagination .yotpo-reviews-pagination-item.disabled .yotpo-pagination-disabled {
    opacity: 1;
}

#yotpo-reviews-main-widget .yotpo-horizontal-pagination {
    align-items: center;
    justify-content: center;
}

#yotpo-reviews-main-widget .yotpo-vertical-pagination .yotpo-reviews-pagination-item {
    border-radius: 0;
}
/*END OF PAGINATION SECTION*/
.yotpo-display-s .yotpo-review .yotpo-review-center-panel .yotpo-review-related-product {
  order: 999 !important;
}
/* === Fix: Move product title to bottom of review on mobile === */
.yotpo-display-s .yotpo-review .yotpo-review-center-panel .yotpo-review-related-product,
.yotpo-media-modal .yotpo-review .yotpo-review-center-panel .yotpo-review-related-product {
  order: 999 !important;
}

/* Clean up custom question top layout spacing */
.yotpo-custom-questions-range-question.yotpo-review-range-question-top {
  gap: 8px !important; /* overrides inline gap: 24px */
}

/* Ensure all fonts use brand type */
#yotpo-reviews-main-widget,
#yotpo-reviews-main-widget * {
  font-family: 'Basis Grotesque Pro', sans-serif !important;
}

/* Mobile vote size refinement */
@media screen and (max-width: 768px) {
  #yotpo-reviews-main-widget.yotpo-device-mobile 
  .yotpo-review-votes-wrapper .yotpo-review-votes-text,
  #yotpo-reviews-main-widget.yotpo-device-mobile 
  .yotpo-review-votes-wrapper .yotpo-review-votes-number {
    font-size: 10px !important;
  }
  
  /* Force override of inline gap on Yotpo range questions */
.yotpo-custom-questions-range-question.yotpo-review-range-question-top {
  gap: 8px !important;
}
.yotpo-new-review-btn-wrapper .yotpo-new-review-btn.empty-state {
    background-color: var(--empty-state-button-color);
  margin-bottom: 50px; }

  .yotpo-new-review-btn-wrapper {
    display: inline-flex;
  }
  
}