@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

 .left-part-title {
     font-family: "Playfair Display", serif;
     font-size: 60px !important;

 }

 .yg-comment-container {
     display: flex;
     gap: 20px;
     padding: 20px;
     border: 1px solid #e6e6e6;
     border-radius: 4px;

     margin-bottom: 40px;
 }

 .yg-comment-left-block,
 .yg-comment-right-block {
     background: #fff;
     border-radius: 5px;


 }

 .yg-comment-left-block {
     width: 41.67%;
     position: relative;
 }

 .yg-comment-right-block {
     width: 58.33%;
     position: relative;
     border: 1px solid #e6e6e6;
     padding: 20px;
     border-radius: 4px;
 }

 .yg-comment-product-info {
     position: sticky;
     top: 130px;

 }

 .yg-comment-product-info .yg-comment-left-part>div>span {
     font-size: 18px;
     margin-bottom: 10px;
 }

 .yg-comment-add-to-cart {
     background: #ff6600;
     color: white;
     padding: 10px 20px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     margin-top: 10px;
 }

 .yg-comment-ratings {
     margin-top: 10px;
     color: #555;
     display: flex;
     align-items: center;
     justify-content: start;
     background: #e6e6e659;
     padding: 10px;
     gap: 5px;
     border-radius: 4px;

 }

 .yg-comment-ratings p {
     margin: 0px !important;
     display: flex;
     align-items: center;
     gap: 5px;

 }

 .yg-comment-ratings p *,
 .yg-comment-ratings p {
     font-size: 16px !important;

 }

 .cpyrght-yg-trndyl a {
     text-decoration: none !important;
     color: #333;
 }

 .yg-comment-photo-slider {
     margin-top: 20px;
 }

 .owl-carousel .yg-comment-item img {
     width: 100px;
     height: 100px;
     object-fit: cover;
     border-radius: 5px;
 }

 .yg-comment-filters-section {
     margin-bottom: 20px;
 }

 .yg-comment-filter-button,
 .yg-comment-star-filter,
 .rate-sr-filter-cont select {
     margin: 5px 0;
     padding: 10px;
     background-color: transparent;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     align-items: center;
     display: inline-flex;
     border: 1px solid #dcdcdc;
     box-shadow: 0 1px 4px 0 rgb(192 182 182 / 12%);
 }

 #show-more-comments {
     border: 1px solid #e6e6e6;
     color: #585858;
     background-color: transparent;
     text-align: center;
     font-weight: 400;
     font-size: 14px;
     letter-spacing: 1px;
     text-transform: uppercase;
     margin: 20px 0px !important;
 }

 .yg-comment-reviews .yg-comment-review {
     border-bottom: 1px solid #ddd;
     padding: 15px 0;
 }

 .yg-comment-review>span {
     color: #666666;
     display: flex;
     align-items: center;
     gap: 6px;

 }

 .yg-comment-filter-button>span {
     margin-left: 5px;
     font-size: 10px;
 }

 #photoFilter>span {
     margin-left: 0px !important;
 }

 .yg-comment-review-images {
     display: flex;
     gap: 10px;
     align-items: center;

 }

 .yg-comment-review-images img {
     width: 60px;
     height: auto;
     margin-right: 10px;
     cursor: pointer;
     border-radius: 5px;
     height: 80px;
     object-fit: cover;

 }

 .yg-comment-review-actions {
     margin-top: 10px;
     display: flex;
     gap: 10px;
     color: #777;
 }

 .yg-comment-search-bar {
     display: flex;
     gap: 10px;
     margin-bottom: 20px;
 }

 .yg-comment-search-bar input {
     flex: 1;
     padding: 10px;
     border: 1px solid #ddd;
     border-radius: 5px;
 }

 .yg-comment-search-bar button {
     padding: 10px 20px;
     background: #ff6600;
     color: white;
     border: none;
     border-radius: 5px;
     cursor: pointer;
 }

 .yg-comment-left-part {
     display: flex;
     gap: 1rem;
     flex-direction: column;
 }

 .yg-comment-img-name {
     display: flex;
     gap: 1rem;

 }

 .ygdgtl-star-w {
     position: relative;
     margin-right: 2px;
 }

 .ygdgtl-star-w .ygdgtl-full {
     position: absolute;
     left: 0;
     top: 0;
     white-space: nowrap;
     overflow: hidden;
 }

 .ygdgtl-comment-stars {
     display: flex;
 }

 .ygdgtl-star-w .ygdgtl-star {
     width: 14px;
     height: 14px;
     transform: scale(0.85);
 }

 .comment-stars-container .ygdgtl-star-w .ygdgtl-star {
     width: 14px;
     height: 14px;
     transform: scale(1);

 }

 .ygdgtl-top-popup-container .ygdgtl-star-w .ygdgtl-star {
     width: 14px !important;
     height: 14px !important;
     transform: scale(0.85) !important;

 }

 .ygdgtl-star-w .ygdgtl-full .ygdgtl-star {
     background: url(https://cdn.dsmcdn.com/web/production/rating-and-review-small-star-orange.svg) no-repeat center;
 }

 .ygdgtl-star-w .ygdgtl-empty .ygdgtl-star {
     background: url(https://cdn.dsmcdn.com/web/production/rating-and-review-small-star-grey.svg) no-repeat center;
 }

 .comment-stars-container .ygdgtl-star-w .ygdgtl-empty .ygdgtl-star,
 .comment-stars-container .ygdgtl-star-w .ygdgtl-full .ygdgtl-star {

     background-size: cover;
 }

 .ygdgtl-top-popup-container .ygdgtl-star-w .ygdgtl-empty .ygdgtl-star,
 .ygdgtl-top-popup-container .ygdgtl-star-w .ygdgtl-full .ygdgtl-star {

     background-size: unset !important;
 }

 .comment-stars-container {
     display: flex !important;
     position: relative;
     cursor: pointer;
     font-size: 13px !important;
 }


 .comment-count {
     margin-left: 5px !important;
     font-size: 16px !important;
     font-weight: 400;
     color: black;
 }

 .ctgry-avg {
     margin-left: 0px !important;
     margin-right: 5px !important;
     display: block;
 }

 .comment-stars-container {
     align-items: center;
     display: flex;
     width: fit-content;
 }

 .right-stars {
     display: flex;
     align-items: center;
 }

 .right-stars-avg-text {
     margin-left: 5px !important;
     display: flex;
     flex-direction: column;
     color: #777;
     font-size: 8px !important;
 }

 .right-stars-avg-text span {
     color: #777;
     font-size: 8px !important;

 }

 .rate-sr-filter-cont {
     display: flex;
     align-items: center;
     flex-direction: column;
     justify-content: space-between;

 }

 #comment-see-images {
     display: inline-flex;
     align-items: center;
     gap: 8px;
 }

 .filter-upper-comments {
     display: flex;
     gap: 1rem;
     width: 100%;
 }

 .yg-comment-reviews {
     overflow-y: auto;
     height: auto;
     max-height: 400px;
     padding-right: 5px;
 }


 .rate-container {
     display: flex;
     gap: 10px;
     overflow: auto;

 }

 .clonedRatings {
     background: transparent !important;
 }

 .yg-comment-filter-button.active {
     border: solid 1px #f27a1a !important;
 }

 .yg-comment-review-actions span {
     display: flex;
     align-items: center;
     gap: 4px;

 }

 .yg-comment-review-actions span svg path {
     fill: #e6e6e6;

 }

 .comment-stars {
     display: flex;
     align-items: center;
     margin-bottom: 4px;

 }

 .yg-review-upper {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-right: 1.5rem;

 }

 .loader--ring {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     background: rgba(255, 255, 255, 0.5);
 }

 .loader--ring div {
     display: block;
     position: absolute;
     animation: loader--ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
     border: 6px solid #ff7f00;
     border-radius: 50%;
     box-sizing: border-box;
     margin: 6px;
     height: 51px;
     width: 51px;
 }

 .loader--ring div:nth-child(1) {
     animation-delay: -0.45s;
     animation: loader1 2s infinite !important;
 }

 .loader--ring div:nth-child(2) {
     animation-delay: -0.3s;
 }

 .loader--ring div:nth-child(3) {
     animation-delay: -0.15s;
 }

 @keyframes loader--ring {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 @keyframes loader1 {
     0% {
         scale: 0.5;
     }

     50% {
         scale: 1;
     }

     100% {
         scale: 0.5;
     }
 }

 .yg-comment-reviews-section {
     position: relative;

 }

 .big-star-cont-toggler {
     margin-left: 10px !important;
     margin-right: 15px !important;
     font-size: 20px !important;
 }

 .big-star-cont-toggler i {
     font-size: 20px !important;
 }

 .ygdgtl-top-popup-container {
     position: absolute;
     margin: 15px auto auto;
     background-color: rgb(254, 254, 254);
     border-radius: 6px;
     filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 0.35rem);
     height: auto;
     z-index: 2147483647;
     padding: 15px 40px;
     display: flex;
     flex-direction: column;
     font-size: 12px !important;
     width: 340px;
     display: none;
     top: 15px;
     left: 0;
     gap: 10px;

 }

 .comment-stars-container:hover .ygdgtl-top-popup-container {
     display: block;

 }

 .ygdgtl-top-popup-container:hover {
     display: block;
 }


 .ygdgtl-top-popup-header span {
     font-size: 14px !important;
     margin-right: 0px !important;
     margin-left: 0px !important;

 }

 .ygdgtl-top-popup-header {
     display: flex;
     align-items: center;
     gap: 4px;
 }

 .fiveStar-top-block {
     display: flex;
     align-items: center;
     width: 100%;
     gap: 8px;
 }

 .fiveStar-top-block-stars {
     display: flex;
     align-items: center;
     gap: 3px;
 }

 .bar-container {
     width: 100%;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .fiveStar-top-count {
     font-size: 16px;
     min-width: 15px;
     display: flex;
     align-items: center;
     justify-content: end;
 }

 .empty-star-bar {
     width: 100%;
     height: 8px;
     background-color: #f3f3f3;
     border-radius: 20px;
     overflow: hidden;
 }

 .loaded-star-bar {
     height: 100%;
     background-color: #f1c40f;
     border-radius: 20px;
     transition: width 1s;
 }

 .ygdgtl-top-popup-header>span>span {
     font-weight: bolder;
     font-size: 24px !important;
 }

 .ygdgtl-top-stars-container>span:nth-child(1) {
     margin-right: 5px;
 }

 .ProductName {
     display: flex !important;
     flex-direction: column;

 }

 .rate-filters {
     width: 100%;
 }

 .left-part-product-name {

     font-size: 18px;
 }

 @media screen and (max-width:991px) {
     .comment-search-sort-cont {
         flex-direction: column-reverse;
     }

     .comment-search-sort-cont .comment-search-box {
         width: 100% !important;
     }

     .comment-search-sort-cont .sort-dropdown {
         width: 100% !important;
     }

     .comment-search-sort-cont .sort-dropdown-toggle {
         width: 100%;
     }

     .yg-comment-img-name img {
         width: 30px;

     }

     .yg-comment-right-block {
         border: none !important;
     }

     .left-part-product-name {

         font-size: 11px;
     }

     .yg-comment-container {
         flex-direction: column;

     }

     .rate-sr-filter-cont {
         flex-direction: column;
         align-items: start;
     }

     .yg-comment-container>div {
         width: 100% !important;

     }

     .rate-container {
         margin-top: 10px !important;
         margin-bottom: 10px !important;

     }

     .rate-container>div {
         margin-top: 0px !important;
         margin-bottom: 0px !important;
     }

     .yg-comment-container {
         padding-left: 20px !important;

     }

     .yg-comment-container>div {
         padding: 0px !important;

     }

     .yg-comment-container .ygdgtl-top-popup-container {
         height: auto;
         padding: 5px 10px;
         display: flex;
         flex-direction: column;
         font-size: 12px !important;
         width: 108%;
         display: none;
         top: -19px;
         left: 0;
         gap: 10px;
         z-index: 99999999999999999999999;
         max-width: 90vw !important;
         width: 90vw !important;
     }


 }

 .yg-comment-reviews::-webkit-scrollbar {
     width: 9px;
     height: 12px;
 }

 .yg-comment-reviews::-webkit-scrollbar-track {
     background: #f0f0f0;
     border-radius: 10px;
 }

 .yg-comment-reviews::-webkit-scrollbar-thumb {
     background: #a0a0a0;
     border-radius: 10px;
     border: 3px solid #f0f0f0;
 }


 .yg-comment-reviews::-webkit-scrollbar-thumb:hover {
     background: black;
 }




 .rate-container::-webkit-scrollbar {
     width: 12px;
     height: 9px;
 }

 .rate-container::-webkit-scrollbar-track {
     background: #f0f0f0;
     border-radius: 10px;
 }

 .rate-container::-webkit-scrollbar-thumb {
     background: #a0a0a0;
     border-radius: 10px;
     border: 3px solid #f0f0f0;
 }

 #photoFilter {
     gap: 5px;
 }

 .rate-container::-webkit-scrollbar-thumb:hover {
     background: #d48c17;
 }

 .image-popup-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 1000;
 }

 .image-popup {
     position: relative;
     max-width: 60%;
     max-height: 90%;
 }

 @media screen and (min-width:991px) {
     .image-popup {
         position: relative;
         max-width: 20%;
         max-height: 90%;
     }

 }

 .image-popup img {
     width: 100%;
     height: auto;
     border-radius: 8px;
 }

 .image-popup-close {
     position: absolute;
     top: 0px;
     right: 0px;
     color: #fff;
     font-size: 24px;
     font-weight: bold;
     cursor: pointer;
     z-index: 1001;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .cpyrght-yg-trndyl {
     display: flex;
     align-items: center;
     width: 100%;
     margin-top: 10px;
     justify-content: space-between;
     font-size: 9px !important;


 }


 .filter-container,
 .comments-container {
     margin-bottom: 20px;
 }

 .filter-container .filter-option,
 .filter-container .filter-reset,
 .filter-container .filter-photo {
     display: inline-block;
     padding: 8px 15px;
     margin-right: 5px;
     background-color: #ddd;
     border-radius: 5px;
     cursor: pointer;
     user-select: none;
 }

 .filter-container .filter-option.active,
 .filter-container .filter-reset.active,
 .filter-container .filter-photo.active {
     background-color: #007bff;
     color: white;
 }

 .comment {
     border: 1px solid #ddd;
     margin-bottom: 10px;
     padding: 10px;
     border-radius: 5px;
 }

 .comment h4 {
     margin: 0;
 }

 .comment p {
     margin: 5px 0;
 }

 .comment-images img {
     max-width: 100px;
     margin-top: 10px;
     margin-right: 5px;
 }

 .load-more {
     display: block;
     text-align: center;
     padding: 10px 20px;
     background-color: #007bff;
     color: white;
     border-radius: 5px;
     cursor: pointer;
     margin-top: 10px;
 }

 .load-more:hover {
     background-color: #0056b3;
 }

 .comment-stars-container:hover .comment-stars-container {
     display: flex !important;
 }

 .hanger-div svg {
     width: 30px;
     height: 40px;


 }

 .hanger-div {}

 .yg-comment-img-name {
     padding: 10px;
     border-radius: 4px;
     border: 1px solid #e6e6e6;

 }

 .yg-comment-img-name img {
     border-radius: 4px;
 }

 @media screen and (max-width:991px) {
     .yg-comment-container {
         padding-left: 20px !important;
         padding-right: 20px !important;

     }

     .yg-comment-ratings p {
         font-size: 10px;

     }

     .comment-stars-container .ygdgtl-top-popup-container {
         width: 180% !important;

     }


 }

 .yg-comment-left-part {
     gap: 0px !important;

 }

 .yg-comment-img-name {
     background: #e6e6e659;
 }

 .yg-comment-ratings {
     justify-content: center;
 }

 .yg-comment-ratings.clonedRatings {
     justify-content: start !important;
 }

 .yg-comment-review-images {

     margin-top: 10px;
 }

 .comment-general-header {
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 30px;
     margin-bottom: 20px;
 }

 .productItem .comment-stars-container {
     width: 100% !important;

 }

 .productItem .comment-stars-container .ygdgtl-star-w .ygdgtl-star {
     width: 14px !important;
     height: 14px !important;
     transform: scale(1) !important;
 }

 .productItem .comment-count {
     margin-left: 0px !important;
     font-size: 12px !important;

 }

 @media screen and (max-width:991px) {
     .ygdgtl-top-popup-container {
         display: none !important;
         visibility: none !important;

     }

 }

 .comment-search-sort-cont {
     display: flex;
     margin-top: 10px;
     gap: 20px;

 }

 .comment-search-sort-cont .comment-search-box {
     width: calc(100% - 270px);
 }

 .comment-search-sort-cont .sort-dropdown {
     width: 250px;
 }

 .comment-search-sort-cont input {
     border-radius: 5px;
     padding-left: 15px;
     border: 1px solid #dcdcdc;
     box-shadow: 0 1px 4px 0 rgb(192 182 182 / 12%);
 }

 .comment-search-sort-cont input:focus {
     outline: none;
     border: solid 1px #f27a1a !important;

 }

 .rate-sr-filter-cont>div {
     width: 100% !important;


 }

 .comment-search-sort-cont>* {
     height: 40px;
     max-height: 40px;
     min-height: 40px;
     margin: 0px !important;
 }

 .comment-search-sort-cont .sort-dropdown {
     height: auto;
     max-height: none;
     min-height: 40px;
 }

 * {
     box-sizing: border-box;

 }

 .comment-search-box input {
     width: 100%;
     height: 100%;
 }

 .comment-search-box,
 .yg-comment-reviews-section {
     position: relative;

 }

 .comment-search-box .search-icon {
     position: absolute;
     right: 15px;
     top: 50%;
     transform: translateY(-50%);
     pointer-events: none;
 }

 .new-comments-alert {
     width: fit-content;
     background: rgba(0, 0, 0, 0.1);
     z-index: 100;
     bottom: 18%;
     font-size: 20px;
     color: #f27a1a;
     position: absolute;
     display: flex;
     cursor: pointer;
     align-items: center;
     left: 50%;
     justify-content: center;
     padding: 8px 24px;
     border-radius: 50px;
     transform: translateX(-50%);

 }

 #commentSearch {
     background: transparent;

 }

 .yg-comment-ratings.clonedRatings {
     padding: 0px !important;

 }

 @media screen and (max-width:991px) {

     .yg-comment-ratings p *,
     .yg-comment-ratings p {
         font-size: 10px !important;


     }


 }

 .yg-comment-ratings div:empty,
 .comment-stars-container div:empty,
 .yg-comment-b-wrapper div:empty {
     display: flex !important;

 }

 .card-information__wrapper .comment-stars-container {
     width: 100%;
     justify-content: center;

 }

 .card-information__wrapper .comment-stars-container .comment-count-ctg,
 .card-information__wrapper .comment-stars-container .ctgry-avg {
     font-size: 14px !important;


 }

 .productView-moreItem .right-stars-avg-text,
 .productView.halo-productView .right-stars-avg-text {
     display: block !important;
 }

 @media screen and (max-width:768px) {
     .productView.halo-productView .yg-comment-img-name {
         display: none !important;

     }

 }

 .productView.halo-productView .cpyrght-yg-trndyl span:nth-child(1) {
     display: none;

 }


 .yg-comment-ratings.clonedRatings {
     cursor: pointer;
     width: fit-content !important;

 }

 .halo-productView.layout-1 .yg-comment-container {
     flex-direction: column !important;

 }

 .productView.halo-productView.layout-1 .yg-comment-container>* {
     width: 100% !important;

 }

 .productView.halo-productView.layout-1 .yg-comment-product-info {
     position: static !important;

 }

 body.yg-comment .yg-comment-filter-button[data-rate="3"],
 body.yg-comment .yg-comment-filter-button[data-rate="2"],
 body.yg-comment .yg-comment-filter-button[data-rate="1"] {
     display: none !important;
 }

 .ai-review-container .ai-review-content {
     box-sizing: border-box;
     background: linear-gradient(270deg, rgba(142, 45, 226, .15) 25%, rgba(41, 72, 255, .15) 100%);
     border-radius: 6px;
     flex-direction: column;
     height: 100%;
     padding: 16px;
     display: flex;
 }

 .ai-review-container .ai-review-header {
     align-items: center;
     gap: 8px;
     margin-bottom: 10px;
     display: flex;
 }

 .ai-review-container .ai-review-header .ai-review-icon {
     width: 20px;
     height: 20px;
     position: relative;
 }

 .ai-review-container .ai-review-header .ai-review-title h3 {
     color: #2b48fe;
     margin: 0;
     font-size: 16px;
     font-weight: 600;
 }

 .ai-review-container .ai-review-header .ai-review-title .info-icon-container {
     align-items: center;
     display: flex;
     position: relative;
 }

 .ai-review-container .ai-review-header .ai-review-title .info-icon {
     cursor: pointer;
     width: 16px;
     height: 16px;
 }

 .ai-review-container .ai-review-text {
     color: #333;
     flex-grow: 1;
     margin-bottom: 10px;
     font-size: 14px;
     line-height: 18px;
     position: relative;
 }





 .ai-review-title {
     display: flex;
     align-items: center;
     gap: 4px;

 }


 #info-tooltip {
     position: absolute;
     width: 80%;

 }

 #info-tooltip:hover {
     display: block !important;

 }

 .styles-module_dark__xNqje {
     background: #222;
     color: #fff;
 }

 .styles-module_tooltip__mnnfp {
     padding: 8px 16px;
     border-radius: 3px;
     font-size: 90%;
     width: max-content;
 }

 .ai-review-container #info-tooltip {
     z-index: 9999;
     border-radius: 8px;
     max-width: 308px;
     min-width: 300px;
     padding: 10px;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px;
     position: fixed;
     background: #222;
     color: #fff;
 }

 [class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T {
     transform: rotate(225deg);
 }

 .styles-module_arrow__K0L3T {
     width: var(--rt-arrow-size);
     height: var(--rt-arrow-size);
 }




 .ai-review-container {
     margin-top: 1rem;
 }


 .yg-lvdr-body .ygdgtl-full .ygdgtl-star {
     filter: brightness(0);

 }

 .yg-lvdr-body .loaded-star-bar {
     background-color: black !important;

 }

 #commentSearch {
     height: 40px !important;
 }

 #ProductDetailMain {
     display: flex;
     flex-direction: column;
 }

 .yg-comment-b-wrapper {
     display: flex;
     flex-direction: column;
 }

 #show-more-comments {
     width: 100%;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .yg-comment-container .clonedRatings {
     display: none !important;
 }

 .productItem .comment-stars-container {
     justify-content: start;
 }

 .main-stars-wrapper {
     display: flex;
 }

 .yg-review-meta {
     display: flex;
     gap: 8px;
     align-items: center;
     color: #8f8f8f;
 }

 .yg-review-meta p {
     margin: 0px;
     display: flex;
     align-items: center;
 }

 .yg-review-meta p:before {
     content: "";
     background-color: #bdbdbd;
     border-radius: 100%;
     width: 3px;
     height: 3px;
     display: inline-block;
     margin-right: 8px;
 }
.v5-simfer.folder-product-list.tpl-user_default .product-item .product-detail-card .product-bottom-line{
bottom:-12px !important;
}
.product-detail-card .comment-stars-container{
margin-top:4px !important;
}
.comment-count{
font-size:12px !important;
}
@media screen and (991px){
.v5-simfer.folder-product-list.tpl-user_default .product-item .product-detail-card .product-bottom-line{
bottom:5px !important;
}

}
.scroll-indicator-btn .ti-angle-right:before{
content: '\f107' !important;
}
.yg-comment-b-wrapper{
margin: 0 auto !important;
margin-top:16px !important;
z-index:0;
}

/* Sort Dropdown */
.sort-dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.sort-dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 1px 4px 0 rgb(192 182 182 / 12%);
    justify-content: space-between;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.sort-dropdown.open .sort-dropdown-toggle {
    border: 1px solid #f27a1a;
    box-shadow: none;
}

.sort-dropdown-toggle:hover {
    border-color: #f27a1a;
}

.sort-dropdown-toggle svg {
    flex-shrink: 0;
}

.sort-dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    min-width: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    list-style: none;
    padding: 6px 0;
    margin: 0;
    white-space: nowrap;
}

.sort-dropdown.open .sort-dropdown-menu {
    display: block;
}

.sort-dropdown-item {
    padding: 10px 16px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    border-left: 3px solid transparent;
    transition: background 0.15s, border-color 0.15s;
}

.sort-dropdown-item:hover {
    background: #f5f5f5;
}

.sort-dropdown-item.active {
    color: #f27a1a;
    border-left-color: #f27a1a;
    font-weight: 500;
}

.yg-popup-prev,
.yg-popup-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
    color: #333;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: background 0.15s;
}

.yg-popup-prev { left: -48px; }
.yg-popup-next { right: -48px; }

.yg-popup-prev:hover,
.yg-popup-next:hover {
    background: #fff;
}

.yg-popup-counter {
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px;
    color: #fff;
    white-space: nowrap;
}

@media screen and (max-width: 768px) {
    .yg-popup-prev { left: 5px; }
    .yg-popup-next { right: 5px; }
}