:root {
                           --utbse-green: #12b76a;
                           --utbse-green-600: #0ea162;
                           --utbse-green-50: #ecfdf3;
                           --utbse-text: #0f172a;
                           --utbse-muted: #475569;
                           --utbse-border: #e2e8f0;
                           --utbse-shadow: 0 6px 20px rgba(2, 122, 72, 0.08);
                       }
                       
                       .utbse-card {
                           background: #fff;
                           border: 1px solid var(--utbse-border);
                           border-radius: 18px;
                           padding: 14px 16px;
                           box-shadow: var(--utbse-shadow);
                       }
                       
                       .utbse-header {
                           display: flex;
                           align-items: center;
                           gap: 10px;
                           margin-bottom: 10px;
                           font-weight: 700;
                           color: var(--utbse-text);
                       }
                       
                       .utbse-dot {
                           width: 10px;
                           height: 10px;
                           border-radius: 999px;
                           background: var(--utbse-green);
                           box-shadow: 0 0 0 4px var(--utbse-green-50);
                       }
                       
                       .utbse-badge {
                           display: inline-flex;
                           align-items: center;
                           gap: 6px;
                           background: var(--utbse-green-50);
                           color: var(--utbse-green-600);
                           border: 1px solid rgba(18, 183, 106, .2);
                           padding: 4px 10px;
                           border-radius: 999px;
                           font-weight: 600;
                           font-size: .85rem;
                       }
                       /* list/table look */
                       
                       .utbse-benefits {
                           width: 100%;
                           border-collapse: separate;
                           border-spacing: 0 10px;
                       }
                       
                       .utbse-benefits tr {
                           background: #fff;
                           border: 1px solid var(--utbse-border);
                           border-radius: 12px;
                           /* box-shadow: 0 4px 14px rgba(2, 122, 72, 0.05); */
                       }
                       
                       .utbse-benefits td {
                           padding: 2px 14px;
                           vertical-align: middle;
                       }
                       /* make row look like two columns (icon + text) */
                       
                       .utbse-benefits tr td:first-child {
                           width: 38px;
                       }
                       
                       .utbse-icon {
                           width: 34px;
                           height: 34px;
                           display: grid;
                           place-items: center;
                           background: var(--utbse-green-50);
                           color: var(--utbse-green-600);
                           border-radius: 10px;
                           border: 1px solid rgba(18, 183, 106, .18);
                       }
                       
                       .utbse-text {
                           color: var(--utbse-text);
                       }
                       
                       .utbse-text .muted {
                           color: var(--utbse-muted);
                           font-weight: 500;
                       }
                       
                       .utbse-text .strong {
                           font-weight: 700;
                           color: var(--utbse-text);
                       }
                       /* checklist chips (opțional, pentru sub-beneficii) */
                       
                       .utbse-checks {
                           display: flex;
                           flex-wrap: wrap;
                           gap: 8px;
                           margin-top: 8px;
                       }
                       
                       .utbse-chip {
                           display: inline-flex;
                           align-items: center;
                           gap: 6px;
                           padding: 6px 10px;
                           border-radius: 999px;
                           font-size: .9rem;
                           font-weight: 600;
                           background: var(--utbse-green-50);
                           color: var(--utbse-green-600);
                           border: 1px solid rgba(18, 183, 106, .2);
                       }
                       
                       .utbse-chip svg {
                           width: 14px;
                           height: 14px;
                       }
                       /* responsive */
                       
                       @media (max-width:600px) {
                           .utbse-benefits td {
                               padding: 12px;
                           }
                       }
                       
                       @media (max-width: 480px) {
                           .utbse-card {
                               padding: 10px 12px;
                               border-radius: 14px;
                               box-shadow: 0 3px 10px rgba(2, 122, 72, .06);
                           }
                           .utbse-header {
                               margin-bottom: 6px;
                               font-size: .95rem;
                               gap: 8px;
                           }
                           .utbse-dot {
                               width: 8px;
                               height: 8px;
                               box-shadow: 0 0 0 3px var(--utbse-green-50);
                           }
                           .utbse-badge {
                               padding: 2px 8px;
                               font-size: .78rem;
                               gap: 6px;
                               border-radius: 999px;
                           }
                           .utbse-benefits {
                               border-spacing: 0 6px;
                               /* mai puțin spațiu între rânduri */
                           }
                           .utbse-benefits tr {
                               /* box-shadow: 0 2px 10px rgba(2, 122, 72, .04); */
                               border-radius: 10px;
                           }
                           .utbse-benefits td {
                               padding: 4px;
                               /* mai mic decât pe desktop */
                           }
                           .utbse-benefits tr td:first-child {
                               width: 32px;
                               /* col. icon mai îngustă */
                           }
                           .utbse-icon {
                               width: 28px;
                               height: 28px;
                               border-radius: 8px;
                           }
                           .utbse-text {
                               font-size: .95rem;
                           }
                           .utbse-text .strong {
                               font-weight: 700;
                           }
                           .utbse-text img {
                               height: 14px;
                               width: auto;
                               margin-left: 6px;
                               vertical-align: middle;
                           }
                           .utbse-checks {
                               gap: 6px;
                               margin-top: 6px;
                           }
                           .utbse-chip {
                               padding: 4px 8px;
                               font-size: .82rem;
                               border-radius: 999px;
                               gap: 6px;
                           }
                           .utbse-chip svg {
                               width: 12px;
                               height: 12px;
                           }
                           .utbse-estim {
                               gap: 6px;
                               margin-top: 6px;
                           }
                           .utbse-estim .utbse-chip {
                               padding: 4px 8px;
                               font-size: .85rem;
                           }
                       }
                       /* Opțional: „condensat” și pentru telefoane un pic mai late */
                       
                       @media (min-width: 481px) and (max-width: 600px) {
                           .utbse-card {
                               padding: 12px 14px;
                           }
                           .utbse-benefits {
                               border-spacing: 0 8px;
                           }
                           .utbse-benefits td {
                               padding: 10px 12px;
                           }
                           .utbse-icon {
                               width: 30px;
                               height: 30px;
                           }
                           .utbse-chip {
                               padding: 5px 9px;
                               font-size: .86rem;
                           }
                       }
                       
                       .utbse-curieri-grid {
                           display: flex;
                           align-items: center;
                           justify-content: flex-start;
                           flex-wrap: wrap;
                           gap: 8px;
                           margin-top: 10px;
                       }
                       
                       .utbse-curieri-grid img {
                           width: 55px;
                           height: 55px;
                           object-fit: contain;
                           border-radius: 8px;
                           background: #fff;
                           box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
                           border: 1px solid var(--utbse-border);
                           transition: transform .2s ease;
                           padding: 3px;
                       }
                       
                       .utbse-curieri-grid img:hover {
                           transform: scale(1.05);
                       }
                       /* Compactare pe mobil */
                       
                       @media (max-width: 480px) {
                           .utbse-curieri-grid {
                               gap: 8px;
                               justify-content: space-between;
                           }
                           .utbse-curieri-grid img {
                               width: 43px;
                               height: 43px;
                               border-radius: 6px;
                               box-shadow: none;
                           }
                       }
                       /* ========== Breadcrumb ========== */
                       
                       .utbse-breadcrumb {
                           display: flex;
                           flex-wrap: wrap;
                           gap: 6px;
                           align-items: center;
                           font-size: .95rem;
                           color: var(--utbse-muted);
                       }
                       
                       .utbse-breadcrumb a {
                           color: var(--utbse-muted);
                           text-decoration: none;
                       }
                       
                       .utbse-breadcrumb a:hover {
                           text-decoration: underline;
                       }
                       
                       .utbse-breadcrumb .sep {
                           opacity: .5;
                       }
                       /* ========== Titlu ========== */
                       
                       .utbse-title {
                           color: var(--utbse-text);
                           line-height: 1.2;
                           margin: 4px 0 8px;
                       }
                       
                       @media (max-width:576px) {
                           .utbse-title {
                               font-size: 1.25rem;
                           }
                       }
                       /* ========== Bara meta (coduri + rating + brand) ========== */
                       
                       .utbse-meta {
                           background: #fff;
                           border: 1px solid var(--utbse-border);
                           border-radius: 16px;
                           padding: 10px 14px;
                           box-shadow: 0 4px 14px rgba(2, 122, 72, .05);
                           display: flex;
                           align-items: center;
                           justify-content: space-between;
                           gap: 16px;
                       }
                       
                       .utbse-codes {
                           display: flex;
                           flex-wrap: wrap;
                           gap: 10px 12px;
                           align-items: center;
                       }
                       
                       .utbse-chip-ghost {
                           display: inline-flex;
                           align-items: center;
                           gap: 6px;
                           padding: 6px 10px;
                           border-radius: 999px;
                           font-size: .9rem;
                           font-weight: 600;
                           color: var(--utbse-green-600);
                           background: var(--utbse-green-50);
                           border: 1px solid rgba(18, 183, 106, .2);
                           cursor: pointer;
                           white-space: nowrap;
                       }
                       
                       .utbse-chip-ghost .label {
                           color: var(--utbse-muted);
                           font-weight: 600;
                           margin-right: 2px;
                       }
                       
                       .utbse-brand {
                           display: flex;
                           align-items: center;
                           gap: 8px;
                           white-space: nowrap;
                       }
                       
                       .utbse-brand .badge {
                           background: #f8fafc;
                           border: 1px solid var(--utbse-border);
                           padding: 6px 10px;
                           border-radius: 999px;
                           font-weight: 700;
                       }
                       /* ========== Rating pe stele (galben) ========== */
                       
                       .utbse-rating {
                           display: flex;
                           align-items: center;
                           gap: 10px;
                           white-space: nowrap;
                       }
                       
                       .utbse-stars {
                           --star-size: 18px;
                           --gap: 0px;
                           /* dacă vrei spațiu între stele, pune ex. 4px */
                           position: relative;
                           width: calc((var(--star-size) + var(--gap)) * 5 - var(--gap));
                           /* exact 5 stele */
                           height: var(--star-size);
                       }
                       
                       .utbse-stars::before,
                       .utbse-stars::after {
                           content: "";
                           position: absolute;
                           inset: 0;
                           background-size: calc(var(--star-size) + var(--gap)) var(--star-size);
                           background-position: left center;
                           background-repeat: repeat-x;
                           /* IMPORTANT: repetăm pe X ca să obținem 5 */
                           overflow: hidden;
                       }
                       /* stele goale (gri) */
                       
                       .utbse-stars::before {
                           background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><polygon points='12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.7 5.7 21 7 14 2 9.3 9 8.5 12 2'/></svg>");
                       }
                       /* umplere parțială (galben) – lățimea o dai inline cu --w: 0–100% */
                       
                       .utbse-stars::after {
                           width: var(--w, 0%);
                           background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='%23f5b301' stroke='%23f5b301' stroke-width='1.2'><polygon points='12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.7 5.7 21 7 14 2 9.3 9 8.5 12 2'/></svg>");
                       }
                       
                       .utbse-rating small {
                           color: var(--utbse-muted);
                       }
                       /* ====== Responsive condense ====== */
                       
                       @media (max-width:576px) {
                           .utbse-meta {
                               flex-direction: column;
                               align-items: flex-start;
                               gap: 8px;
                               padding: 10px 12px;
                           }
                           .utbse-codes {
                               gap: 8px;
                           }
                           .utbse-chip-ghost {
                               padding: 5px 8px;
                               font-size: .86rem;
                           }
                           .utbse-brand .badge {
                               padding: 5px 8px;
                               font-size: .9rem;
                           }
                           .utbse-stars {
                               --star-size: 16px;
                           }
                       }
                       /* BRAND CARD */
                       
                       .utbse-brandcard {
                           background: #fff;
                           border: 1px solid var(--utbse-border);
                           border-radius: 16px;
                           box-shadow: 0 4px 14px rgba(2, 122, 72, .05);
                           padding: 12px 16px;
                           display: flex;
                           align-items: center;
                           justify-content: space-between;
                           gap: 12px;
                           margin-bottom: 12px;
                           transition: all .2s ease;
                       }
                       
                       .utbse-brandcard:hover {
                           box-shadow: 0 6px 18px rgba(2, 122, 72, .1);
                           border-color: var(--utbse-green-600);
                       }
                       
                       .utbse-brandcard img {
                           max-height: 60px;
                           object-fit: contain;
                       }
                       
                       .utbse-brandcard span {
                           font-weight: 600;
                           color: var(--utbse-green-600);
                           font-size: .95rem;
                       }
                       /* GALERIE */
                       
                       .utbse-gallery-main img {
                           border-radius: 14px;
                           width: 100%;
                           height: auto;
                           object-fit: contain;
                           box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
                       }
                       
                       .utbse-gallery-thumbs {
                           display: grid;
                           grid-template-columns: repeat(auto-fill, minmax(65px, 1fr));
                           gap: 8px;
                           margin-top: 8px;
                       }
                       
                       .utbse-gallery-thumbs img {
                           border-radius: 10px;
                           width: 100%;
                           aspect-ratio: 1/1;
                           object-fit: cover;
                           border: 1px solid var(--utbse-border);
                           transition: transform .2s ease, border-color .2s ease;
                       }
                       
                       .utbse-gallery-thumbs img:hover {
                           transform: scale(1.05);
                           border-color: var(--utbse-green-600);
                       }
                       /* ADMIN BUTOANE */
                       
                       .utbse-admin-btns {
                           margin-top: 10px;
                           display: flex;
                           flex-wrap: wrap;
                           gap: 6px;
                       }
                       /* RESPONSIVE */
                       
                       @media (max-width:576px) {
                           .utbse-brandcard {
                               flex-direction: column;
                               align-items: flex-start;
                           }
                           .utbse-brandcard img {
                               max-height: 50px;
                           }
                           .utbse-gallery-thumbs {
                               gap: 6px;
                           }
                       }
                       /* === Live Viewers === */
                       
                       .utbse-livebox {
                           display: flex;
                           align-items: center;
                           gap: 10px;
                           background: #fff;
                           border: 1px solid var(--utbse-border);
                           border-left: 4px solid #e81212;
                           border-radius: 12px;
                           padding: 10px 14px;
                           box-shadow: 0 3px 10px rgba(232, 18, 18, .08);
                           font-weight: 600;
                           color: var(--utbse-text);
                           animation: pulseGlow 1.6s infinite;
                       }
                       
                       .utbse-livebox i {
                           color: #e81212;
                           font-size: 1.1rem;
                       }
                       
                       .utbse-livebox .utbse-number {
                           color: #e81212;
                           font-weight: 700;
                       }
                       
                       @keyframes pulseGlow {
                           0% {
                               box-shadow: 0 0 0 0 rgba(232, 18, 18, .4);
                           }
                           70% {
                               box-shadow: 0 0 0 10px rgba(232, 18, 18, 0);
                           }
                           100% {
                               box-shadow: 0 0 0 0 rgba(232, 18, 18, 0);
                           }
                       }
                       /* === Link to description === */
                       
                       .utbse-desc-link {
                           display: inline-flex;
                           align-items: center;
                           gap: 8px;
                           font-weight: 600;
                           color: var(--utbse-green-600);
                           text-decoration: none;
                           border-radius: 8px;
                           padding: 8px 12px;
                           background: var(--utbse-green-50);
                           transition: all .2s ease;
                       }
                       
                       .utbse-desc-link:hover {
                           background: var(--utbse-green-600);
                           color: #fff;
                       }
                       
                       .utbse-desc-link i {
                           font-size: 1rem;
                       }
                       
                       @media(max-width:576px) {
                           .utbse-livebox {
                               font-size: .9rem;
                               padding: 8px 12px;
                               border-radius: 10px;
                           }
                       }
                       
                       .utbse-echiv-card {
                           background: #fff;
                           border: 1px solid var(--utbse-border);
                           border-radius: 14px;
                           padding: 10px 12px;
                           box-shadow: 0 4px 12px rgba(2, 122, 72, .06);
                           transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
                       }
                       
                       .utbse-echiv-card:hover {
                           transform: translateY(-1px);
                           box-shadow: 0 6px 16px rgba(2, 122, 72, .1);
                           border-color: var(--utbse-green-600);
                       }
                       
                       .utbse-echiv-wrap {
                           display: flex;
                           align-items: flex-start;
                           gap: 10px;
                       }
                       
                       .utbse-echiv-thumb {
                           width: 86px;
                           height: 86px;
                           flex: 0 0 86px;
                           border: 1px solid var(--utbse-border);
                           border-radius: 10px;
                           overflow: hidden;
                           display: flex;
                           align-items: center;
                           justify-content: center;
                           background: #fff;
                       }
                       
                       .utbse-echiv-thumb img {
                           width: 100%;
                           height: 100%;
                           object-fit: cover;
                       }
                       
                       .utbse-echiv-main {
                           flex: 1;
                           min-width: 0;
                       }
                       
                       .utbse-echiv-top {
                           display: flex;
                           align-items: center;
                           justify-content: space-between;
                           gap: 8px;
                           margin-bottom: 4px;
                       }
                       
                       .utbse-code-badge {
                           display: inline-flex;
                           align-items: center;
                           gap: 6px;
                           padding: 4px 8px;
                           border-radius: 999px;
                           font-weight: 700;
                           font-size: .9rem;
                           background: var(--utbse-green-50);
                           color: var(--utbse-green-600);
                           border: 1px solid rgba(18, 183, 106, .25);
                       }
                       
                       .utbse-stock-chip {
                           display: inline-flex;
                           align-items: center;
                           gap: 6px;
                           padding: 4px 8px;
                           border-radius: 999px;
                           font-size: .85rem;
                           font-weight: 600;
                           border: 1px solid var(--utbse-border);
                           color: var(--utbse-text);
                           background: #f8fafc;
                           white-space: nowrap;
                       }
                       
                       .utbse-echiv-title {
                           font-size: .95rem;
                           color: var(--utbse-text);
                           font-weight: 600;
                           line-height: 1.25;
                           display: -webkit-box;
                           -webkit-line-clamp: 2;
                           -webkit-box-orient: vertical;
                           overflow: hidden;
                       }
                       
                       @media(max-width:576px) {
                           .utbse-echiv-card {
                               padding: 8px 10px;
                               border-radius: 12px;
                           }
                           .utbse-echiv-thumb {
                               width: 72px;
                               height: 72px;
                               flex-basis: 72px;
                           }
                           .utbse-code-badge {
                               font-size: .85rem;
                               padding: 3px 7px;
                           }
                           .utbse-stock-chip {
                               font-size: .8rem;
                               padding: 3px 7px;
                           }
                           .utbse-echiv-title {
                               font-size: .9rem;
                           }
                       }
                       
                       .utbse-ratebox {
                           background: #fff;
                           border: 1px solid var(--utbse-border);
                           border-left: 5px solid var(--utbse-green);
                           border-radius: 14px;
                           padding: 14px 16px;
                           box-shadow: 0 4px 14px rgba(2, 122, 72, .06);
                           display: flex;
                           justify-content: space-between;
                           align-items: center;
                           flex-wrap: wrap;
                           gap: 10px;
                       }
                       
                       .utbse-rate-info {
                           display: flex;
                           flex-direction: column;
                           line-height: 1.2;
                       }
                       
                       .utbse-rate-label {
                           font-size: 1rem;
                           color: var(--utbse-muted);
                           font-weight: 500;
                       }
                       
                       .utbse-rate-value {
                           font-size: 1.4rem;
                           font-weight: 700;
                           color: var(--utbse-green-800);
                       }
                       
                       .utbse-rate-note {
                           font-size: 0.95rem;
                           color: var(--utbse-text);
                       }
                       
                       .utbse-rate-action a {
                           text-decoration: none;
                           font-weight: 600;
                           color: var(--utbse-green-600);
                           border-bottom: 1px dashed var(--utbse-green-600);
                           padding-bottom: 2px;
                           transition: color 0.2s ease;
                       }
                       
                       .utbse-rate-action a:hover {
                           color: var(--utbse-green);
                       }
                       
                       .utbse-rate-icon {
                           color: var(--utbse-green-600);
                           margin-right: 6px;
                       }
                       
                       @media (max-width: 576px) {
                           .utbse-ratebox {
                               flex-direction: column;
                               align-items: flex-start;
                               gap: 6px;
                               padding: 10px 12px;
                               border-radius: 10px;
                           }
                           .utbse-rate-value {
                               font-size: 1.2rem;
                           }
                           .utbse-rate-label {
                               font-size: 0.9rem;
                           }
                           .utbse-rate-note {
                               font-size: 0.9rem;
                           }
                       }
                       
                       .utbse-specialprice {
                           background: #fff;
                           border: 2px solid #dc2626;
                           /* roșu accentuat */
                           border-left: 6px solid #dc2626;
                           border-radius: 14px;
                           padding: 14px 16px;
                           box-shadow: 0 4px 14px rgba(220, 38, 38, 0.08);
                           text-align: center;
                           color: var(--utbse-text);
                       }
                       
                       .utbse-specialprice-title {
                           font-size: 1.05rem;
                           font-weight: 600;
                           color: #b91c1c;
                           margin-bottom: 2px;
                           display: block;
                       }
                       
                       .utbse-specialprice-value {
                           display: block;
                           font-size: 1.6rem;
                           font-weight: 800;
                           color: #dc2626;
                           margin-bottom: 1px;
                       }
                       
                       .utbse-specialprice-note {
                           font-size: 0.9rem;
                           font-weight: 600;
                           color: var(--utbse-muted);
                       }
                       
                       .utbse-specialprice-nottva {
                           display: block;
                           font-size: 1rem;
                           font-weight: 700;
                           color: var(--utbse-text);
                           margin-top: 2px;
                       }
                       
                       @media (max-width: 576px) {
                           .utbse-specialprice {
                               padding: 10px 12px;
                               border-radius: 10px;
                           }
                           .utbse-specialprice-value {
                               font-size: 1.3rem;
                           }
                           .utbse-specialprice-nottva {
                               font-size: 0.9rem;
                           }
                       }
                       
                       .utbse-infobox {
                           background: #fff;
                           border: 1px solid #fecaca;
                           /* roșu deschis */
                           border-left: 5px solid #dc2626;
                           border-radius: 14px;
                           padding: 14px 16px;
                           box-shadow: 0 4px 12px rgba(220, 38, 38, 0.06);
                       }
                       
                       .utbse-infobox-header {
                           display: flex;
                           align-items: center;
                           gap: 8px;
                           margin-bottom: 6px;
                       }
                       
                       .utbse-infobox-header i {
                           color: #dc2626;
                           font-size: 1.2rem;
                       }
                       
                       .utbse-infobox-title {
                           font-weight: 700;
                           color: #b91c1c;
                           font-size: 1rem;
                           border-bottom: 1px solid rgba(220, 38, 38, 0.25);
                           padding-bottom: 2px;
                       }
                       
                       .utbse-infobox-content {
                           color: var(--utbse-text);
                           line-height: 1.45;
                           font-size: 0.95rem;
                       }
                       
                       @media (max-width: 576px) {
                           .utbse-infobox {
                               padding: 10px 12px;
                               border-radius: 10px;
                           }
                           .utbse-infobox-title {
                               font-size: 0.95rem;
                           }
                           .utbse-infobox-content {
                               font-size: 0.9rem;
                           }
                       }
                       
                       .utbse-infocard {
                           background: #fff;
                           border: 1px solid #fecaca;
                           /* roșu deschis */
                           border-left: 5px solid rgb(38, 93, 220);
                           /* accent roșu */
                           border-radius: 14px;
                           padding: 14px 16px;
                           box-shadow: 0 4px 14px rgba(65, 38, 220, 0.06);
                       }
                       
                       .utbse-infocard-header {
                           display: flex;
                           align-items: center;
                           gap: 8px;
                           margin-bottom: 8px;
                       }
                       
                       .utbse-infocard-header i {
                           color: rgb(38, 93, 220);
                           font-size: 1.2rem;
                       }
                       
                       .utbse-infocard-title {
                           font-weight: 700;
                           color: rgb(38, 93, 220);
                           font-size: 1rem;
                       }
                       
                       .utbse-infocard-item {
                           display: flex;
                           justify-content: space-between;
                           align-items: baseline;
                           margin-top: 4px;
                           font-size: 0.95rem;
                           font-weight: 600;
                           color: var(--utbse-text);
                       }
                       
                       .utbse-infocard-item span.value {
                           color: #dc2626;
                           font-weight: 700;
                       }
                       
                       .utbse-infocard-item small {
                           font-weight: 500;
                           color: var(--utbse-muted);
                       }
                       
                       @media (max-width: 576px) {
                           .utbse-infocard {
                               padding: 10px 12px;
                               border-radius: 10px;
                           }
                           .utbse-infocard-item {
                               flex-direction: column;
                               align-items: flex-start;
                               gap: 2px;
                           }
                       }
                       /* Condensare generală */
                       
                       .utbse-card.utbse-condensed {
                           padding: 10px 12px;
                           border-radius: 12px;
                       }
                       
                       .utbse-card.utbse-condensed .utbse-header {
                           margin-bottom: 6px;
                       }
                       
                       .utbse-card.utbse-condensed .utbse-header span {
                           font-size: 0.95rem;
                       }
                       
                       .utbse-card.utbse-condensed .utbse-badge {
                           padding: 2px 8px;
                           font-size: 0.8rem;
                       }
                       
                       .utbse-card.utbse-condensed .utbse-benefits {
                           border-spacing: 0 4px;
                           /* mai puțin spațiu între rânduri */
                       }
                       
                       .utbse-card.utbse-condensed .utbse-benefits td {
                           padding: 4px 10px;
                       }
                       
                       .utbse-card.utbse-condensed .utbse-icon {
                           width: 28px;
                           height: 28px;
                           font-size: 0.9rem;
                       }
                       
                       .utbse-card.utbse-condensed .utbse-text {
                           font-size: 0.92rem;
                           line-height: 1.25;
                       }
                       
                       .utbse-card.utbse-condensed .utbse-checks {
                           gap: 4px;
                           margin-top: 4px;
                       }
                       
                       .utbse-card.utbse-condensed .utbse-chip {
                           font-size: 0.8rem;
                           padding: 4px 8px;
                       }
                       
                       @media (max-width: 576px) {
                           .utbse-card.utbse-condensed {
                               padding: 8px 10px;
                               border-radius: 10px;
                           }
                           .utbse-card.utbse-condensed .utbse-benefits td {
                               padding: 3px 8px;
                           }
                       }
                       /* Teaser container */
                       
                       .utbse-revteaser {
                           position: relative;
                           background: #fff;
                           border: 1px solid var(--utbse-border);
                           border-radius: 14px;
                           padding: 12px;
                           box-shadow: 0 4px 14px rgba(2, 122, 72, .06);
                           overflow: hidden;
                       }
                       
                       .utbse-revteaser::after {
                           /* fade/blur la bază */
                           content: "";
                           position: absolute;
                           left: 0;
                           right: 0;
                           bottom: 0;
                           height: 60px;
                           background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, .85) 40%, rgba(255, 255, 255, 0) 100%);
                           pointer-events: none;
                       }
                       
                       .utbse-revteaser-head {
                           display: flex;
                           align-items: center;
                           justify-content: space-between;
                           gap: 8px;
                           margin-bottom: 8px;
                       }
                       
                       .utbse-revteaser-head .title {
                           font-weight: 800;
                           color: var(--utbse-text);
                       }
                       /* Grid de carduri */
                       
                       .utbse-revgrid {
                           display: grid;
                           grid-template-columns: 1fr;
                           gap: 10px;
                           max-height: 290px;
                           /* pentru 3-4 carduri mici */
                           overflow: hidden;
                       }
                       
                       @media (min-width: 576px) {
                           .utbse-revgrid {
                               grid-template-columns: 1fr 1fr;
                           }
                       }
                       /* Card review */
                       
                       .utbse-revcard {
                           border: 1px solid var(--utbse-border);
                           border-radius: 12px;
                           padding: 10px;
                           background: #fff;
                           display: flex;
                           flex-direction: column;
                           gap: 6px;
                       }
                       
                       .utbse-revmeta {
                           display: flex;
                           align-items: center;
                           justify-content: space-between;
                           gap: 8px;
                       }
                       
                       .utbse-revname {
                           font-weight: 700;
                           color: var(--utbse-text);
                           font-size: .95rem;
                       }
                       
                       .utbse-revdate {
                           color: var(--utbse-muted);
                           font-size: .85rem;
                           white-space: nowrap;
                       }
                       
                       .utbse-revtext {
                           color: var(--utbse-text);
                           font-size: .92rem;
                           line-height: 1.35;
                           display: -webkit-box;
                           -webkit-line-clamp: 3;
                           -webkit-box-orient: vertical;
                           overflow: hidden;
                       }
                       
                       .utbse-verified {
                           color: var(--utbse-green-600);
                           font-weight: 700;
                           font-size: .85rem;
                           display: inline-flex;
                           align-items: center;
                           gap: 6px;
                       }
                       /* Stars galbene mici (folosește procent cu --w) */
                       
                       .utbse-stars-mini {
                           --star-size: 14px;
                           --gap: 2px;
                           position: relative;
                           width: calc((var(--star-size) + var(--gap)) * 5 - var(--gap));
                           height: var(--star-size);
                       }
                       
                       .utbse-stars-mini::before,
                       .utbse-stars-mini::after {
                           content: "";
                           position: absolute;
                           inset: 0;
                           background-size: calc(var(--star-size) + var(--gap)) var(--star-size);
                           background-position: left center;
                           background-repeat: repeat-x;
                       }
                       
                       .utbse-stars-mini::before {
                           background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><polygon points='12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.7 5.7 21 7 14 2 9.3 9 8.5 12 2'/></svg>");
                       }
                       
                       .utbse-stars-mini::after {
                           width: var(--w, 0%);
                           background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23f5b301' stroke='%23f5b301' stroke-width='1.2'><polygon points='12 2 15 8.5 22 9.3 17 14 18.3 21 12 17.7 5.7 21 7 14 2 9.3 9 8.5 12 2'/></svg>");
                       }
                       
                       .utbse-revteaser-cta {
                           position: relative;
                           z-index: 1;
                           /* peste gradient */
                           margin-top: 8px;
                           text-align: center;
                       }
                       
                       .utbse-revteaser-cta a {
                           display: inline-flex;
                           align-items: center;
                           gap: 8px;
                           background: var(--utbse-green-50);
                           color: var(--utbse-green-600);
                           border: 1px solid rgba(18, 183, 106, .25);
                           border-radius: 999px;
                           padding: 6px 12px;
                           font-weight: 700;
                           text-decoration: none;
                       }
                       
                       .utbse-revteaser-cta a:hover {
                           background: #e6fbf0;
                       }
                       
                       .utbse-toprated {
                           /* display: flex; */
                           align-items: center;
                           flex-wrap: wrap;
                           gap: 6px;
                           font-size: 0.95rem;
                           line-height: 1.4;
                       }
                       
                       .utbse-toprated-badge {
                           background: linear-gradient(90deg, #009933, #a2b403);
                           color: #fff;
                           font-weight: 700;
                           border-radius: 6px;
                           padding: 2px 8px;
                           font-size: 0.82rem;
                           /* text-transform: uppercase; */
                           letter-spacing: 0.4px;
                           display: inline-flex;
                           align-items: center;
                           gap: 4px;
                       }
                       
                       .utbse-toprated-badge a {
                           color: #9efb8c;
                       }
                       
                       .utbse-toprated-badge::before {
                           content: "🏆";
                           font-size: 1.9rem;
                       }
                       
                       .utbse-toprated-text {
                           color: var(--utbse-text, #0f172a);
                       }
                       
                       .utbse-toprated-text strong {
                           color: var(--utbse-green-600, #0ea162);
                           font-weight: 700;
                       }
                       
                       @media (max-width: 576px) {
                           .utbse-toprated {
                               font-size: 0.9rem;
                               gap: 4px;
                           }
                           .utbse-toprated-badge {
                               font-size: 0.8rem;
                               padding: 2px 6px;
                           }
                       }