/* tt-rcar — homepage reviews carousel (triterra-70-ui/reviews-carousel.php).
   Rules are the theme's own (inc/triterra-reviews.php, section B) verbatim, so the rendering is
   pixel-identical; only the star rating changed: one masked gradient element instead of 10 SVGs. */
.tt-rcar{font-family:'Alef',sans-serif;direction:rtl;color:#1f2a1c;max-width:1240px;width:100%;min-width:0;margin:70px auto;padding:0 20px;box-sizing:border-box;overflow:hidden;contain:inline-size layout}
.tt-rcar *,.tt-rcar *::before,.tt-rcar *::after{box-sizing:border-box}
.tt-rcar-head{text-align:center;margin-bottom:32px}
.tt-rcar-title{font-size:32px;font-weight:700;color:#324b27;margin:0 0 6px;line-height:1.2}
.tt-rcar-subtitle{font-size:17px;color:#5a6b52;margin:0 0 10px}
.tt-rcar-avg{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#324b27;background:#f0f2ee;border-radius:99px;padding:6px 16px;margin:0}
.tt-rcar-avg-star{color:#d4a017;font-size:16px;line-height:1}

/* one element per rating: a 5-star mask (17px tiles) over a gold/grey gradient stopped at --tt-r */
.tt-rcar .tt-stars{display:inline-block;width:85px;height:17px;line-height:0;direction:ltr;background:linear-gradient(to right,#d4a017 var(--tt-r,100%),#d8ddd3 0);-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.4L12 17.4l-5.8 3 1.1-6.4L2.6 9.4l6.5-.9L12 2.6z'/%3E%3C/svg%3E") 0 0/17px 17px repeat-x;mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.4L12 17.4l-5.8 3 1.1-6.4L2.6 9.4l6.5-.9L12 2.6z'/%3E%3C/svg%3E") 0 0/17px 17px repeat-x}

.tt-verified{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#324b27;background:#f0f2ee;border-radius:99px;padding:3px 9px;white-space:nowrap}

.tt-rcar-shell{position:relative;display:flex;align-items:stretch;gap:10px;min-width:0;max-width:100%}
.tt-rcar-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-width:0;max-width:100%;width:100%}
.tt-rcar-track::-webkit-scrollbar{display:none}
.tt-rcar-card{flex:0 0 calc((100% - 40px) / 3);min-width:0;max-width:100%;scroll-snap-align:start;background:#fff;border:1px solid #e3e7df;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;min-height:230px;overflow-wrap:anywhere}

.tt-rcar-text{margin:0;font-size:15px;line-height:1.6;color:#3a4536;flex:1}
.tt-rcar-text::before{content:'\201C';color:#d4a017;font-size:26px;line-height:0;vertical-align:-8px;margin-left:3px}

.tt-rcar-foot{display:flex;flex-direction:column;gap:10px;border-top:1px solid #eef1ec;padding-top:14px}
.tt-rcar-person{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tt-rcar-name{font-size:15px;font-weight:700;color:#1f2a1c}

.tt-rcar-product{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#8a9582;text-decoration:none;transition:color .2s;max-width:100%}
.tt-rcar-product img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid #e3e7df;background:#f0f2ee}
.tt-rcar-product span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tt-rcar-product:hover{color:#324b27}

.tt-rcar-arrow{flex:0 0 auto;align-self:center;width:42px;height:42px;border-radius:50%;border:1px solid #324b27;background:#fff;color:#324b27;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}
.tt-rcar-arrow:hover{background:#324b27;color:#fff}
.tt-rcar-arrow:disabled{opacity:.25;cursor:default;background:#fff;color:#324b27}

.tt-rcar-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}
.tt-rcar-dots button{width:8px;height:8px;border-radius:50%;border:none;background:#d8ddd3;cursor:pointer;padding:0;transition:background .2s,transform .2s}
.tt-rcar-dots button.is-active{background:#324b27;transform:scale(1.25)}

@media (max-width:991px){
	.tt-rcar-card{flex-basis:calc((100% - 20px) / 2)}
}
@media (max-width:640px){
	.tt-rcar{margin:46px auto}
	.tt-rcar-title{font-size:25px}
	.tt-rcar-arrow{display:none}
	.tt-rcar-card{flex-basis:86%}
	.tt-rcar-track{padding-bottom:8px}
}