:root{--primary-blue:#0b72ff;--primary-dark-blue:#07387a;--accent-yellow:#f6c84c;--text-dark:#0f1724;--text-medium:#121212;--text-light:#667085;--bg-light:#ffffff;--bg-container:#f8fafc;--border-color:#e6eef8;--shadow-light:rgba(15, 23, 36, 0.06);--shadow-medium:rgba(15, 23, 36, 0.12);--shadow-heavy:rgba(11, 114, 255, 0.18);--border-radius-card:12px;--border-radius-button:999px;--carousel-padding:10px;--carousel-gap:16px;--carousel-item-min-height:150px;--carousel-item-min-height-no-comment:120px;--carousel-item-min-height-mobile:140px;--carousel-control-size:40px}body{font-family:'Inter',sans-serif;background-color:#f0f2f5;color:var(--text-dark)}.rating-carousel-wrapper{position:relative}.carousel-container{position:relative;display:flex;overflow:hidden;scroll-behavior:smooth;gap:var(--carousel-gap);padding:var(--carousel-padding);background:var(--bg-container);border-radius:14px;box-shadow:0 8px 24px var(--shadow-medium);margin-bottom:20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:stretch;z-index:1}.carousel-item{flex:0 0 auto;width:calc((100% - (var(--carousel-padding) * 2) - (var(--carousel-gap) * 3)) / 4);min-height:var(--carousel-item-min-height);background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius-card);padding:12px 14px;box-shadow:0 8px 16px var(--shadow-light);transition:transform 0.22s ease,box-shadow 0.22s ease,opacity 0.22s ease;scroll-snap-align:start;display:flex;flex-direction:column}.carousel-item[data-has-comment="0"]{min-height:var(--carousel-item-min-height-no-comment)}.item-top{margin-bottom:6px}.item-top h5{font-size:1rem;font-weight:700;margin:0 0 6px 0;color:var(--text-dark)}.item-top .date{font-size:.78rem;color:var(--text-light);margin:0}.item-middle{margin-top:6px}.item-middle .rating{font-size:.95rem;color:var(--text-medium);margin:0;display:inline-flex;gap:6px;align-items:center}.item-middle .rating .star-icon{color:var(--accent-yellow)}.read-more{color:var(--primary-blue);text-decoration:underline;cursor:pointer;font-weight:500}.item-spacer{flex:1 1 auto}.comment{font-size:.95rem;color:var(--text-medium);line-height:1.45;margin:8px 0 0 0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;min-height:60px}.carousel-item[data-has-comment="0"] .comment,.carousel-item[data-has-comment="0"] .item-spacer{display:none}.carousel-item[data-has-comment="0"] .item-middle{margin-top:auto;margin-bottom:8px}.carousel-item:hover{transform:translateY(-6px);box-shadow:0 16px 30px var(--shadow-medium)}.rating-filters{text-align:center;margin-bottom:12px;padding:0 10px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.filter-btn{margin:0;padding:7px 12px;cursor:pointer;border:1px solid var(--border-color);border-radius:var(--border-radius-button);background:#f1f5f9;color:var(--text-dark);font-size:.86rem;font-weight:600;transition:all 0.16s ease-in-out}.filter-btn.active{background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark-blue));color:#fff;box-shadow:0 8px 18px var(--shadow-heavy);transform:translateY(-2px)}.filter-btn.disabled{cursor:not-allowed;opacity:.6}.carousel-prev-wrapper,.carousel-next-wrapper{position:absolute;top:50%;transform:translateY(-50%);width:var(--carousel-control-size);height:var(--carousel-control-size);border-radius:50%;display:none;align-items:center;justify-content:center;background:rgb(255 255 255 / .98);border:1px solid rgb(11 114 255 / .06);box-shadow:0 6px 16px var(--shadow-light);color:var(--primary-dark-blue);cursor:pointer;z-index:12;transition:transform 0.14s ease,box-shadow 0.14s ease}.carousel-prev-wrapper svg,.carousel-next-wrapper svg{width:16px;height:16px}.carousel-prev-wrapper{left:-12px}.carousel-next-wrapper{right:-12px}[dir="rtl"] .carousel-prev-wrapper{right:-12px;left:auto}[dir="rtl"] .carousel-next-wrapper{left:-12px;right:auto}[dir="rtl"] .carousel-prev-wrapper svg,[dir="rtl"] .carousel-next-wrapper svg{transform:scaleX(-1)}.carousel-prev-wrapper:hover,.carousel-next-wrapper:hover{transform:translateY(-50%) scale(1.06);box-shadow:0 12px 28px var(--shadow-medium)}.carousel-title{display:flex;gap:8px;justify-content:center;align-items:center}.carousel-title-text{font-weight:800;color:var(--primary-dark-blue)}.carousel-title-meta{display:flex;gap:8px;align-items:center}.carousel-title .total-count{font-size:.92rem;color:var(--text-medium)}@media (max-width:768px){.carousel-container{gap:12px;padding:8px}.carousel-item{width:calc(100% - 16px);scroll-snap-align:center;min-height:var(--carousel-item-min-height-mobile)}.comment{-webkit-line-clamp:3;min-height:54px}.carousel-prev-wrapper,.carousel-next-wrapper{display:flex;width:36px;height:36px}.carousel-prev-wrapper{left:8px}.carousel-next-wrapper{right:8px}.filter-btn{padding:6px 10px;font-size:.8rem}.carousel-title{flex-direction:column;gap:6px}.carousel-title-text{font-size:1.02rem}.carousel-title-meta .stars-display{font-size:1.22rem}}@media (min-width:769px) and (max-width:1024px){.carousel-item{width:calc((100% - (var(--carousel-padding) * 2) - var(--carousel-gap)) / 2)}.carousel-prev-wrapper,.carousel-next-wrapper{display:flex}.carousel-title{flex-direction:row}.carousel-title-text{font-size:1.2rem}.carousel-title-meta .stars-display{color:var(--accent-yellow);font-size:1.25rem}}@media (min-width:1025px){.carousel-item{width:calc((100% - (var(--carousel-padding) * 2) - (var(--carousel-gap) * 3)) / 4)}.carousel-prev-wrapper,.carousel-next-wrapper{display:flex}.carousel-title{flex-direction:row}.carousel-title-text{font-size:1.4rem}.carousel-title-meta .stars-display{color:var(--accent-yellow);font-size:1.25rem}}.reviews-summary{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;background:#fff0;box-shadow:none;padding:0;margin-bottom:12px;font-size:.9rem}.reviews-summary .total-ratings{color:var(--text-medium)}.reviews-summary .stars{display:inline-flex;align-items:center;color:var(--accent-yellow)}.reviews-summary .rating-text{color:var(--text-light);font-size:.85rem;margin-right:4px}.reviews-summary .view-reviews{background:none;color:var(--primary-blue);padding:0;border-radius:0;text-decoration:underline;font-weight:500;font-size:.9rem;transition:color 0.2s ease}.reviews-summary .view-reviews:hover{color:var(--primary-dark-blue)}.modal{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .6);justify-content:center;align-items:center;z-index:1000}.modal.show{display:flex}.modal-content{background:#fff;padding:16px;border-radius:12px;width:95%;max-width:520px}.close-modal{position:absolute;top:12px;right:12px;background:#fff0;border:none;font-size:26px;cursor:pointer}.hidden{display:none!important}