.yotpo-main-widget-layout{
  background-color: #FDF9F8;
}

.yotpo-progress-bar-value .yotpo-progress-bar-value-point {
    background: #73767B!important;
}

.yotpo-progress-bar .yotpo-progress-bar-score {
    background: #BBBCBC !important;
  display: normal; !important;
}

.yotpo-paragraph-summary .yotpo-paragraph-summary-ai-badge .yotpo-ai-icon[data-v-24e69590] {
  display: none;
}

.yotpo-progress-bar {
    background: #F2F2F2 !important;
}

div.yotpo-empty-state svg {
    display: none;
}

.yotpo-head .yotpo-headline {
  	display: none;
}

.yotpo-body-text {
  	display: none;
}

div.yotpo-new-review-btn-wrapper #yotpo-main-widget-btn {
    border-radius: 6px;
  	height: 48px; 
}

div.yotpo-form-complete .yotpo-shop-complete {
  	height: 48px;
}

.yotpo-avatar-initials-text {
	fill: #53565A !important;
    font-size: 18px !important;
}

.yotpo-initials-background {
  	fill: #bbbcbc !important;
}

.yotpo-bottom-line-question-wrapper-horizontal .yotpo-custom-questions-range-question {
  	justify-content: center !important; 
}


/* Custom Terms and Conditions */
.yotpo-checkbox-container.yotpo-terms-and-conditions-container {
	display: block !important;
}



span.yotpo-checkbox-link {
    display: none !important;
}

/* Custom Terms and Conditions */

textarea.yotpo-custom-question-input {
    outline-color: #121212;
}

div.yotpo-comment-title:before {
  content: "HEAD";
  background: white;
  visibility: visible; !important;
}

div.yotpo-comment-title {
  visibility: hidden;
}
svg.yotpo-radio-icon path {
    fill: #53565A;
}

.yotpo-checkbox-container .yotpo-new-input-validation {
    margin-right: 35px !important;
}

button.yotpo-new-review-submit {
    top: 90px !important;
    position: relative !important;
    left: 80% !important;
}
.yotpo-review-form-footer-container > p {
    display: none !important;
}
.yotpo-pagination-icon {
  	display: none;
}

.yotpo-pagination-disabled {
  	display: none;
}

/* Target the review block safely */
#yotpo-reviews-container 
.yotpo-review-rating-title {
  display: grid !important;
  grid-template-rows: auto auto;
  row-gap: 6px;
}

/* =========================================================
   1. FORCE GLOBAL CONTENT WIDTH (EVERY YOTPO ROW)
   ========================================================= */
.yotpo-base-layout {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* Add inner padding to each review container */
/* .yotpo-base-layout .yotpo-review {
  padding: 4px 24px 0 24px !important;
}


/* =========================================================
   2. FILTER BAR — FORCE INLINE WITH REVIEWS
   ========================================================= */
#yotpo-reviews-container
.yotpo-filters-container {
  max-width: 1100px !important;
  margin: 0 auto;
  padding: 24px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e6e6e6;
}

#yotpo-reviews-container
.yotpo-filters-container > div {
  display: flex;
  align-items: center;
  gap: 12px;
}


/* =========================================================
   3. REVIEW ROW GRID — NORMALIZE COLUMN START
   ========================================================= */
/* #yotpo-reviews-container .yotpo-review {
  padding: 4px 24px 0 24px;
}


/* =========================================================
   4. REMOVE ALL VERTICAL "CAPS"
   ========================================================= */
#yotpo-reviews-container
.yotpo-review-rating-title,
#yotpo-reviews-container
.yotpo-review-title,
#yotpo-reviews-container
.yotpo-review-content,
#yotpo-reviews-container
.yotpo-read-more-text {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}


/* =========================================================
   5. STARS ABOVE TITLE — HARD OVERRIDE
   ========================================================= */
#yotpo-reviews-container
.yotpo-review-rating-title {
  display: flex !important;
  flex-direction: column !important;
}

#yotpo-reviews-container
.yotpo-review-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}


/* =========================================================
   6. STAR SIZE + ALIGNMENT
   ========================================================= */
#yotpo-reviews-container
.yotpo-star-rating {
  line-height: 1;
}

#yotpo-reviews-container
.yotpo-star-rating svg {
  transform: scale(1.05);
}

#yotpo-reviews-container
.yotpo-star-rating .star-container {
  margin-right: 2px;
}


/* =========================================================
   7. REVIEW TEXT — ALIGN WITH TITLE
   ========================================================= */



#yotpo-reviews-container
.yotpo-read-more-text {
  font-size: 14px;
  line-height: 1.55;
  color: #2b2b2b;
}


/* =========================================================
   8. RIGHT COLUMN — FORCE NARROW WIDTH
   ========================================================= */
#yotpo-reviews-container
.yotpo-review-questions-mobile-panel {
  max-width: 180px;
}

/* =========================================================
   9. Left COLUMN — FORCE Wide WIDTH
   ========================================================= */
.yotpo-display-l .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-left-panel, .yotpo-display-m .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-left-panel {
  width: 300px;
}


/* =========================================================
   10. FILTER BUTTONS — PLP STYLE (UNCHANGED, BUT STRONGER)
   ========================================================= */
#yotpo-reviews-container
.yotpo-filters-container button {
  background: #fff;
  border: none;
  border-radius: 24px;
  padding: 10px 16px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  box-shadow: 0 0 0 1px rgba(26,26,26,0.15);
}



#yotpo-reviews-container
.yotpo-filters-container button:hover {
  background: #f6f6f6;
}


.yotpo-custom-questions-wrapper .yotpo-custom-questions-value {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis; /* adds "..." if too long */
}

.yotpo-display-l .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel, .yotpo-display-m .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-basis: 50%;
    flex-grow: 1;
    order: 2;
    height: -moz-fit-content;
    height: fit-content;
    padding-right: 15px;
}

.yotpo-custom-questions-wrapper .yotpo-custom-questions-question-wrapper .yotpo-custom-questions-wrapper-suffix-padding {
  display: none;
}

.yotpo-dropdown-placeholder-input[data-v-233de510] {
    font-size: 14px;
    border-radius: 4px !important;
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1),0px 2px 4px -2px rgba(16,24,40,.06) !important;
}

.yotpo-dropdown-base[data-v-7aac675c] {
	font-size: 14px;
    border-radius: 4px !important;
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1),0px 2px 4px -2px rgba(16,24,40,.06) !important;
}

.yotpo-media-select[data-v-489c03e4] {
    font-size: 14px;
    border-radius: 4px !important;
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1),0px 2px 4px -2px rgba(16,24,40,.06) !important;
}
.yotpo-media-select[data-v-489c03e4]:focus-visible:after, .yotpo-media-select[data-v-489c03e4]:hover:after {
  border-radius: 4px !important;
}

.yotpo-reviews-summary-button--style-1[data-v-b64693e6] {
    font-size: 14px;
    border-radius: 4px !important;
    box-shadow: 0px 4px 8px -2px rgba(16,24,40,.1),0px 2px 4px -2px rgba(16,24,40,.06) !important;
}

.yotpo-summary-header[data-v-e24acb86]
.yotpo-summary-footer[data-v-67ee7cfb] {
  background-color: #ffffff;
}
    
.yotpo-smart-topics .smart-topic-collection[data-v-3b057e86], .yotpo-smart-topics .smart-topic-collection .smart-topic-wrapper[data-v-3b057e86] {
    
    border-radius: 4px !important;
    }

.yotpo-media-select .yotpo-radio-icon[data-v-489c03e4] {
  display: none;
}

.yotpo-review-form .form-footer .yotpo-review-form-footer-container .yotpo-new-review-submit[data-v-7e5b28c9]{
border-radius: 4px !important;
margin-bottom: 160px !important;
}

.yotpo-custom-questions-options .yotpo-custom-questions-option {
  border-radius: 4px;
}

.yotpo-upload-label[data-v-9a497e1e] {
  border-radius: 4px;
}

.yotpo-checkbox-container .yotpo-checkbox
#yotpo-checkbox-custom-consent-1 checked:after {
  background: #F2F2F2;
}

.modal-backdrop.yotpo-review-form-modal .yotpo-modal {
  width: 800px !important;
  max-width: none !important;
}

.modal-backdrop.yotpo-review-form-modal .yotpo-modal .yotpo-modal-content {
  padding: 15px;
}

.yotpo-custom-questions-wrapper {
  width: 145%;
  max-width: none !important;
}

.yotpo-tooltip-container-hover .yotpo-tooltip.visible[data-v-cbb06f1c] {
  height: 90px !important;
}

.yotpo-custom-questions-see-more-label[data-v-7973b25b] {
  font-weight: normal;
}

#yotpo-main-widget-btn[data-v-4f716a87] {
  border-radius: 4px !important;
}
.yotpo-reviews-main-widget .top-margin {
    display: none !important;
}

.yotpo-media-gallery .yotpo-media-gallery-headline[data-v-a7f6412e]{
    display: none !important;
}


#yotpo-reviews-container svg circle {
    fill: #079455;
}

.yotpo-display-l .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-comment, .yotpo-display-m .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-comment {

    border-color: #E5E5E5;
    background-color: #F9FAFB;
    padding: 25px;
    border: 1px;
}

div.yotpo-comment-title:before {
    font-size: large;
  	font-weight: 700;
}


button.yotpo-single-thumbnail {
   	width: 120px !important;
    min-width: 80px !important;
    border-radius: 4px !important;
  	height: 160px !important;
  	min-height: 100px !important;
}

.yotpo-slider-wrapper .carousel__slide {
  align-items: center;
  justify-content: start;
  margin: 5px 5px 5px !important;
}
  
  .yotpo-slider-wrapper .carousel {
    box-sizing: border-box;
    width: fit-content !important;
}



.yotpo-slider-wrapper .carousel__track {
  padding-top: 25px!important;
  padding: none; !important;
}

/* ============ REVIEWS COMMENTS SECTION ============ */
[class*="yotpo-display-"][class*="yotpo-device-"][style] .yotpo-comment .yotpo-comment-avatar{
	background-image: url(https://quack-eu-quackchat-attachments.s3.amazonaws.com/yotpo-ugc/da2d90c3-bfe1-4b78-8010-706c9f1c3bb2/wishbone-black-100.jpg) !important;
	background-color: transparent;
}
[class*="yotpo-display-"][class*="yotpo-device-"][style] .yotpo-review .yotpo-review-center-panel .yotpo-comment.yotpo-review-comment{
	position: relative;
	border: 1px solid #E5E5E5;
    border-radius: 4px;
    width: 85%;
	flex-direction: column;
	gap: 10px;
}
[class*="yotpo-display-"][class*="yotpo-device-"][style] .yotpo-review .yotpo-review-center-panel .yotpo-comment .yotpo-comment-title{
	position: absolute;
    top: 37px;
    left: 63px;
    background-color: transparent;
}
[class*="yotpo-display-"][class*="yotpo-device-"][style] .yotpo-comment .yotpo-comment-content{
	margin-left: 0;
}
/*MOBILE*/
[class*="yotpo-display-"][class*="yotpo-device-"][style].yotpo-device-mobile .yotpo-review .yotpo-review-center-panel .yotpo-comment .yotpo-comment-title{
	top: 19px;
    left: 40px;
}
[class*="yotpo-display-"][class*="yotpo-device-"][style].yotpo-device-mobile .yotpo-review .yotpo-review-center-panel .yotpo-comment.yotpo-review-comment{
	padding: 20px;
}

/* ============ END REVIEWS COMMENTS SECTION ============ */

/* 5-7-26 edits */
.yotpo-display-l .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-left-panel, .yotpo-display-m .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-left-panel{
  width: 300px!important;
  max-width: 100% !important;
}