/*
 * "Caută după mașină", variant A: one white rounded bar that echoes the site's search pill.
 * Lives in the site's own world: Inter, the header's deep teal, the search pill's green.
 * Flatsome styles bare select/button globally, so every control here resets what it inherits.
 */
.tl-cf {
    --tl-teal: #073735;
    --tl-teal-hover: #0e4f4b;
    --tl-green: #4bd683;
    --tl-ink: #0a0a0a;
    --tl-ink-2: #4c6261;
    --tl-ph: #8d9998;
    --tl-line: #e1e9e7;
    --tl-wash: #f1f6f5;
    --tl-ease: cubic-bezier(0.16, 1, 0.3, 1);

    margin: 0 0 26px;
    color: var(--tl-ink);
    font-family: inherit;
}

.tl-cf *,
.tl-cf *::before,
.tl-cf *::after {
    box-sizing: border-box;
}

.tl-cf ::selection {
    background: var(--tl-green);
    color: var(--tl-teal);
}

/* ---- The bar: lead, three labelled segments, action ---- */

.tl-cf__bar,
.tl-cf__car {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 5px;
    border: 1px solid var(--tl-line);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 6px 18px -14px rgba(7, 55, 53, 0.45);
}

.tl-cf__lead {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    padding: 0 16px 0 13px;
    border-right: 1px solid var(--tl-line);
    color: var(--tl-teal);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.tl-cf__title {
    margin: 0;
    color: inherit;
    font: inherit;
}

.tl-cf__field {
    position: relative;
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    min-height: 50px;
    margin: 0;
    padding: 5px 14px;
    border-radius: 999px;
    cursor: pointer;
    transition: background-color 0.2s var(--tl-ease), opacity 0.2s var(--tl-ease);
}

/* Engine labels ("1.5 dCi (LS04) · K9K 892 · Diesel") are the longest: give them the room. */
.tl-cf__field:nth-of-type(3) {
    flex-grow: 1.7;
}

.tl-cf__field + .tl-cf__field::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: -2px;
    width: 1px;
    background: var(--tl-line);
}

.tl-cf__field:focus-within {
    background: var(--tl-wash);
}

/* Touch screens keep :hover after a tap; only shade on real pointers. */
@media (hover: hover) {
    .tl-cf__field:hover:not(.is-disabled) {
        background: var(--tl-wash);
    }
}

.tl-cf__field:focus-within {
    outline: 2px solid var(--tl-green);
    outline-offset: -2px;
}

.tl-cf__field.is-disabled {
    cursor: default;
    opacity: 0.5;
}

.tl-cf__label {
    display: block;
    margin: 0;
    color: var(--tl-ink-2);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.tl-cf select.tl-cf__select {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 1px 22px 1px 0;
    border: 0;
    border-radius: 0;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23073735' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right center / 15px;
    box-shadow: none;
    color: var(--tl-ink);
    font: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-overflow: ellipsis;
    cursor: inherit;
    appearance: none;
    -webkit-appearance: none;
}

.tl-cf select.tl-cf__select:focus {
    outline: none;
    box-shadow: none;
}

.tl-cf__field.is-empty .tl-cf__select,
.tl-cf__field.is-loading .tl-cf__select {
    color: var(--tl-ph);
}

/* ---- Buttons ---- */

.tl-cf .tl-cf__go {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    margin: 0;
    padding: 0 22px 0 24px;
    border: 0;
    border-radius: 999px;
    background: var(--tl-teal);
    color: #fff;
    font: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s var(--tl-ease), transform 0.2s var(--tl-ease);
}

.tl-cf .tl-cf__go svg {
    color: var(--tl-green);
    transition: transform 0.25s var(--tl-ease);
}

.tl-cf .tl-cf__go:hover:not(:disabled) {
    background: var(--tl-teal-hover);
    color: #fff;
}

.tl-cf .tl-cf__go:hover:not(:disabled) svg {
    transform: translateX(3px);
}

.tl-cf .tl-cf__go:active:not(:disabled) {
    transform: scale(0.98);
}

.tl-cf .tl-cf__go:disabled {
    background: #eef2f1;
    color: #8d9998;
    cursor: not-allowed;
}

.tl-cf .tl-cf__go:disabled svg {
    color: currentColor;
}

.tl-cf .tl-cf__go:focus-visible,
.tl-cf .tl-cf__ghost:focus-visible,
.tl-cf .tl-cf__icon-btn:focus-visible,
.tl-cf a:focus-visible {
    outline: 2px solid var(--tl-green);
    outline-offset: 3px;
}

.tl-cf .tl-cf__ghost {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 42px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid var(--tl-line);
    border-radius: 999px;
    background: #fff;
    color: var(--tl-ink);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s var(--tl-ease), border-color 0.2s var(--tl-ease);
}

.tl-cf .tl-cf__ghost:hover {
    border-color: #c9d6d3;
    background: var(--tl-wash);
    color: var(--tl-ink);
}

.tl-cf .tl-cf__icon-btn {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 42px;
    height: 42px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--tl-ink-2);
    cursor: pointer;
    transition: background-color 0.2s var(--tl-ease), color 0.2s var(--tl-ease);
}

.tl-cf .tl-cf__icon-btn:hover {
    background: var(--tl-wash);
    color: var(--tl-ink);
}

/* ---- Saved car: the same bar, holding the car ---- */

.tl-cf__car {
    gap: 8px;
    padding-left: 18px;
}

.tl-cf__car > svg {
    flex: 0 0 auto;
    color: var(--tl-teal);
}

.tl-cf__car-text {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 10px;
    min-width: 0;
    padding: 4px 6px;
    line-height: 1.35;
}

.tl-cf__car-for {
    color: var(--tl-ink-2);
    font-size: 14px;
}

.tl-cf__car-title {
    color: var(--tl-ink);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.tl-cf__car-engine {
    color: var(--tl-ink-2);
    font-size: 14px;
}

.tl-cf__car-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
}

.tl-cf__car .tl-cf__go {
    min-height: 44px;
}

/* ---- Under the bar ---- */

.tl-cf__under {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 18px;
    margin: 10px 0 0;
    padding: 0 18px;
    color: var(--tl-ink-2);
    font-size: 14px;
    line-height: 1.45;
}

.tl-cf__vin {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
}

.tl-cf__vin svg {
    flex: 0 0 auto;
    color: #25a35a;
}

.tl-cf__under a {
    color: var(--tl-ink);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: var(--tl-green);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
}

.tl-cf__under a:hover {
    color: var(--tl-teal);
}

.tl-cf__under .tl-cf__ghost {
    min-height: 34px;
    padding: 0 14px;
    font-size: 13px;
}

.tl-cf__saved {
    color: var(--tl-ink-2);
}

.tl-cf__saved strong {
    color: var(--tl-ink);
    font-weight: 600;
}

.tl-cf__error {
    margin: 8px 0 0;
    padding: 0 18px;
    color: #a3341a;
    font-size: 14px;
}

/* ---- Product page badge ---- */

.tl-car-fit {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 1.2em;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.45;
}

.tl-car-fit svg {
    flex: 0 0 auto;
    margin-top: 1px;
}

.tl-car-fit--yes {
    background: #e7f8ee;
    color: #0b4d2c;
}

.tl-car-fit--yes svg {
    color: #18a058;
}

.tl-car-fit--unknown {
    background: #fff6e0;
    color: #5a4300;
}

.tl-car-fit--unknown svg {
    color: #b7791f;
}

.tl-car-fit a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ---- Product page badge: actions and the picker that opens under it ---- */

.tl-car-fit {
    flex-wrap: wrap;
}

.tl-car-fit__text {
    flex: 1 1 200px;
    min-width: 0;
}

.tl-car-fit__actions {
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    gap: 6px;
    padding-left: 30px;
}

.tl-car-fit .tl-car-fit__btn {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid rgba(7, 55, 53, 0.22);
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
}

.tl-car-fit .tl-car-fit__btn:hover {
    border-color: rgba(7, 55, 53, 0.4);
    background: rgba(255, 255, 255, 0.6);
}

.tl-car-fit .tl-car-fit__btn:focus-visible {
    outline: 2px solid #4bd683;
    outline-offset: 2px;
}

.tl-car-fit--ask {
    align-items: center;
    background: #f1f6f5;
    color: #073735;
}

.tl-car-fit--ask .tl-car-fit__text {
    font-weight: 600;
}

.tl-car-fit--ask .tl-car-fit__actions {
    flex: 0 0 auto;
    padding-left: 0;
}

.tl-cf--inline {
    margin: -0.4em 0 1.2em;
}

/* The product column is narrow at every screen size: stack the picker like on phones. */
.tl-cf--stack .tl-cf__bar {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
    border-radius: 18px;
}

.tl-cf--stack .tl-cf__lead {
    flex: 1 1 auto;
    padding: 8px 12px 6px;
    border-right: 0;
}

.tl-cf--stack .tl-cf__field {
    border-radius: 12px;
}

.tl-cf--stack .tl-cf__field + .tl-cf__field::before {
    top: -1px;
    right: 14px;
    bottom: auto;
    left: 14px;
    width: auto;
    height: 1px;
}

.tl-cf.tl-cf--stack .tl-cf__go {
    width: 100%;
    margin-top: 4px;
    border-radius: 12px;
}

/* ---- Clickable cars in "Mașini compatibile" ---- */

a.tl-car-link {
    display: block;
    border-radius: 10px;
    color: inherit;
    text-decoration: none;
    transition: background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

a.tl-car-link:hover {
    background: #f1f6f5;
    color: inherit;
}

a.tl-car-link:hover .vallion-cars-entry__title {
    color: #073735;
    text-decoration: underline;
    text-decoration-color: #4bd683;
    text-underline-offset: 3px;
}

a.tl-car-link .vallion-cars-entry__title::after {
    content: " →";
    color: #4bd683;
    opacity: 0;
    transition: opacity 0.2s;
}

a.tl-car-link:hover .vallion-cars-entry__title::after,
a.tl-car-link:focus-visible .vallion-cars-entry__title::after {
    opacity: 1;
}

a.tl-car-link:focus-visible {
    outline: 2px solid #4bd683;
    outline-offset: 2px;
}

.tl-search-corrected {
    margin: 0 0 14px;
    color: #4c6261;
    font-size: 15px;
}

.tl-search-corrected strong {
    color: #0a0a0a;
}

.tl-cars-inherited-note {
    margin-top: 0.5em;
    color: #5f6b6a;
}

@media (prefers-reduced-motion: reduce) {
    .tl-cf *,
    .tl-cf *::before {
        transition: none !important;
    }
}

/* ---- Narrower content column: the lead takes its own row ---- */

@media (max-width: 1099px) {
    .tl-cf__bar {
        flex-wrap: wrap;
        border-radius: 18px;
    }

    .tl-cf__lead {
        flex: 1 1 100%;
        padding: 8px 12px 6px;
        border-right: 0;
    }

    .tl-cf__field:first-of-type::before {
        display: none;
    }
}

/* ---- Phones: everything stacks inside one rounded card ---- */

@media (max-width: 849px) {
    .tl-cf__bar,
    .tl-cf__car {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 0;
        border-radius: 18px;
    }

    .tl-cf__field {
        border-radius: 12px;
    }

    .tl-cf__field + .tl-cf__field::before {
        top: -1px;
        right: 14px;
        bottom: auto;
        left: 14px;
        width: auto;
        height: 1px;
    }

    .tl-cf .tl-cf__go {
        width: 100%;
        margin-top: 4px;
        border-radius: 12px;
    }

    .tl-cf__car {
        padding: 10px;
    }

    .tl-cf__car > svg {
        display: none;
    }

    .tl-cf__car-text {
        padding: 2px 6px 8px;
    }

    .tl-cf__car-actions {
        flex-wrap: wrap;
    }

    .tl-cf__car-actions .tl-cf__go {
        flex: 1 1 100%;
        margin: 0 0 2px;
    }

    .tl-cf__car-actions .tl-cf__ghost {
        flex: 1 1 auto;
        justify-content: center;
        border-radius: 12px;
    }

    .tl-cf__under {
        padding: 0 6px;
    }
}

/* ---- Car landing pages (/piese-turbo/…) ---- */

.tl-cp {
    margin: 0 0 22px;
    color: #0a0a0a;
}

.tl-cp__intro {
    margin: 0 0 14px;
    color: #4c6261;
    font-size: 15px;
    line-height: 1.55;
}

.tl-cp__heading {
    margin: 18px 0 10px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.tl-cp__links {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 6px;
    margin: 0 !important;
    padding: 0;
    list-style: none;
}

.tl-cp__links li {
    margin: 0 !important;
}

.tl-cp__links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid #e1e9e7;
    border-radius: 10px;
    background: #fff;
    color: #0a0a0a;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
    transition: border-color 0.2s, background-color 0.2s;
}

.tl-cp__links a:hover {
    border-color: #4bd683;
    background: #f1f6f5;
    color: #073735;
}

.tl-cp__links a:focus-visible {
    outline: 2px solid #4bd683;
    outline-offset: 2px;
}

.tl-cp__links small {
    flex: 0 0 auto;
    color: #4c6261;
    font-size: 12px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.tl-cp__versions {
    margin: 14px 0 0;
    border: 1px solid #e1e9e7;
    border-radius: 10px;
    background: #fff;
}

.tl-cp__versions summary {
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.tl-cp__versions ul {
    margin: 0 !important;
    padding: 0 14px 10px;
    list-style: none;
    columns: 2 320px;
    column-gap: 24px;
}

.tl-cp__versions li {
    margin: 0 !important;
    padding: 4px 0;
    break-inside: avoid;
    font-size: 13px;
}

.tl-cp__versions a {
    color: #0a0a0a;
    text-decoration: none;
}

.tl-cp__versions a span {
    color: #4c6261;
}

.tl-cp__versions a:hover {
    color: #073735;
    text-decoration: underline;
    text-decoration-color: #4bd683;
}

/* The hub lists makes, not products: no "0 results" or sort menu. */
.tl-car-page--level-0 .woocommerce-result-count,
.tl-car-page--level-0 .woocommerce-ordering,
.tl-car-page--level-0 .woocommerce-info,
.tl-car-page--level-0 .woocommerce-pagination {
    display: none !important;
}

/* ---- Hub (/piese-turbo/): full width, logo tiles, engine chips, A–Z ---- */

.tl-car-page--level-0 .category-page-row > .col.large-3,
.tl-car-page--level-0 .category-filtering {
    display: none;
}

.tl-car-page--level-0 .category-page-row > .col.large-9 {
    flex-basis: 100%;
    max-width: 100%;
}

.tl-brand-logo {
    display: block;
    flex: 0 0 auto;
    object-fit: contain;
}

.tl-brand-mono {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: var(--s, 20px);
    height: var(--s, 20px);
    border-radius: 999px;
    background: #e9f0ee;
    color: #073735;
    font-size: calc(var(--s, 20px) * 0.4);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.tl-cp__intro--brand {
    display: flex;
    align-items: center;
    gap: 14px;
}

.tl-cp__brands {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin: 0 !important;
    padding: 0;
    list-style: none;
}

.tl-cp__brands li {
    margin: 0 !important;
}

.tl-cp__brands a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 112px;
    padding: 16px 10px 14px;
    border: 1px solid #e1e9e7;
    border-radius: 14px;
    background: #fff;
    color: #0a0a0a;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.tl-cp__brands a:hover {
    border-color: #4bd683;
    box-shadow: 0 8px 20px -14px rgba(7, 55, 53, 0.5);
    color: #073735;
    transform: translateY(-2px);
}

.tl-cp__brands a:focus-visible,
.tl-cp__chips a:focus-visible,
.tl-cp__az a:focus-visible,
.tl-cp__az-group a:focus-visible {
    outline: 2px solid #4bd683;
    outline-offset: 2px;
}

.tl-cp__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 !important;
    padding: 0;
    list-style: none;
}

.tl-cp__chips li {
    margin: 0 !important;
}

.tl-cp__chips a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #e1e9e7;
    border-radius: 999px;
    background: #fff;
    color: #0a0a0a;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.2s, background-color 0.2s;
}

.tl-cp__chips a:hover {
    border-color: #4bd683;
    background: #f1f6f5;
    color: #073735;
}

.tl-cp__chips small {
    color: #4c6261;
    font-size: 12px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.tl-cp__all-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px 20px;
    margin: 26px 0 12px;
}

.tl-cp__all-head .tl-cp__heading {
    margin: 0;
}

.tl-cp__filter {
    position: relative;
    flex: 0 1 300px;
    margin: 0;
}

.tl-cp__filter::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 14px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234c6261' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat center / contain;
    transform: translateY(-50%);
    pointer-events: none;
}

.tl-cp__filter input[type="search"] {
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0 14px 0 38px;
    border: 1px solid #e1e9e7;
    border-radius: 999px;
    background: #fff;
    box-shadow: none;
    color: #0a0a0a;
    font: inherit;
    font-size: 14px;
}

.tl-cp__filter input[type="search"]:focus {
    border-color: #4bd683;
    outline: 2px solid rgba(75, 214, 131, 0.35);
    outline-offset: 0;
}

.tl-cp__az {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 16px;
}

.tl-cp__az a,
.tl-cp__az span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.tl-cp__az a {
    border: 1px solid #e1e9e7;
    background: #fff;
    color: #073735;
    text-decoration: none;
    transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}

.tl-cp__az a:hover {
    border-color: #073735;
    background: #073735;
    color: #fff;
}

.tl-cp__az .is-empty,
.tl-cp__az a.is-dim {
    border: 1px dashed #dfe6e4;
    background: transparent;
    color: #b4c0be;
    pointer-events: none;
}

.tl-cp__az-groups {
    columns: 4 250px;
    column-gap: 12px;
}

.tl-cp__az-group {
    display: inline-block;
    width: 100%;
    margin: 0 0 12px;
    padding: 12px 10px 8px;
    border: 1px solid #e1e9e7;
    border-radius: 14px;
    background: #fff;
    break-inside: avoid;
    scroll-margin-top: 90px;
}

.tl-cp__az-group[hidden] {
    display: none;
}

.tl-cp__az-group h3 {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    margin: 0 0 6px 6px;
    border-radius: 10px;
    background: #eaf8f0;
    color: #073735;
    font-size: 16px;
    font-weight: 800;
}

.tl-cp__az-group ul {
    margin: 0 !important;
    padding: 0;
    list-style: none;
}

.tl-cp__az-group li {
    margin: 0 !important;
}

.tl-cp__az-group a {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 7px 8px;
    border-radius: 9px;
    color: #0a0a0a;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.15s;
}

.tl-cp__az-group a:hover {
    background: #f1f6f5;
    color: #073735;
}

.tl-cp__az-group .tl-cp__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tl-cp__az-group a small {
    padding: 2px 8px;
    border-radius: 999px;
    background: #f1f6f5;
    color: #4c6261;
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.tl-cp__empty {
    padding: 14px 16px;
    border-radius: 12px;
    background: #fff;
    color: #4c6261;
}

@media (max-width: 849px) {
    .tl-cp__brands {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .tl-cp__brands a {
        min-height: 96px;
        font-size: 13px;
    }

    .tl-cp__az a,
    .tl-cp__az span {
        width: 30px;
        height: 30px;
    }

    .tl-cp__filter {
        flex-basis: 100%;
    }
}

/* Trust block (product page, under "Adaugă în coș") */
.tl-trust{margin:18px 0 22px;padding:6px 18px;border:1px solid #e1e9e7;border-radius:14px;background:#fff;max-width:540px}
.tl-trust ul{margin:0!important;padding:0;list-style:none}
.tl-trust li{display:flex;align-items:center;gap:13px;margin:0!important;padding:11px 0;border-bottom:1px solid #eef3f2}
.tl-trust li:last-child{border-bottom:0}
.tl-trust__ic{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:#eaf8f0;color:#073735}
.tl-trust b{display:block;color:#0a0a0a;font-size:14.5px;font-weight:600;line-height:1.3}
.tl-trust__d{display:block;color:#4c6261;font-size:13px;line-height:1.35}
.tl-trust__link{flex:1;color:inherit;text-decoration:none}
.tl-trust__link b::after{content:"→";display:inline-block;margin-left:5px;color:#4bd683}
.tl-trust__link:hover b,.tl-trust__link:focus-visible b{text-decoration:underline;text-underline-offset:3px}