/* WOODRANGER® — Trustpilot zvezdice (deljeno: presell, checkout).
   Markup: <span class="tp-stars tp-20" data-score="4.9"></span> — js/tp-stars.js ih popunjava. */
/* The presell/checkout pages carry their own <img> rules (fluid widths, 88px
   rating strips, Tailwind preflight). A star is a glyph, not content-image, so
   its metrics are declared !important here rather than chased per page. */
.tp-stars { display: inline-flex; gap: 2px; vertical-align: middle; line-height: 0; }
.tp-stars img { display: block !important; width: 20px !important; height: 20px !important; max-width: none !important; margin: 0 !important; }
.tp-stars.tp-13 img { width: 13px !important; height: 13px !important; }
.tp-stars.tp-15 img { width: 15px !important; height: 15px !important; }
.tp-stars.tp-17 img { width: 17px !important; height: 17px !important; }
.tp-stars.tp-20 img { width: 20px !important; height: 20px !important; }

/* presell3 (css/presell/next-starter.css) styles bare <img> inside its rating
   and feature rows — 88px wide plus per-image margins — which would stretch and
   space out every single star now that the strips are live. Re-scope those to
   the row instead: 5x16 + 4x2 gap = the 88px the artwork used to occupy. */
.ratings .tp-stars img,
.feature-row .tp-stars img { width: 16px !important; height: 16px !important; }
.ratings .tp-stars { margin-right: 20px; }
.feature-row .tp-stars { margin: 0 10px; }