                         :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;
                            }
                        }