/* Nálepky na kartách produktov (TFF_Nalepky).
   Farby značky: fialová #2f196e, mätová #00e5a0. Zaoblenie štítkov 5 px. */

.astra-shop-thumbnail-wrap { position: relative; }

.tff-nal {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    padding: 3px 8px;
    border-radius: 5px;
    border: 1px solid transparent;
    white-space: nowrap;
    letter-spacing: .01em;
}

.tff-nal__ico {
    width: 14px;
    height: 14px;
    flex: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Farby podľa toho, čo má zákazník pocítiť:
   - mätová (najjasnejšia farba značky, na bielej karte najviac svieti) = hlavný
     ťahák „Najpredávanejšie“ — iní to kupujú, nemôžem sa pomýliť,
   - červená = cena, zľava (naliehavosť),
   - fialová značky = novinka (dôvera, kvalita, pokojnejšia než mätová),
   - jantárová = sezóna (teplá, „práve teraz“, ladí so zlatými pohármi),
   - biela s fialovým okrajom = odporúčame (tichý tip obchodu). */
.tff-nal--zlava      { background: #c62828; color: #fff; }
.tff-nal--oblubene   { background: #00e5a0; color: #0b3d2c; }
.tff-nal--novinka    { background: #2f196e; color: #fff; }
.tff-nal--sezona     { background: #fdf0d5; color: #7a4a05; border-color: #f0c674; }
.tff-nal--odporucame { background: #fff; color: #2f196e; border-color: #2f196e; }
.tff-nal--sada       { background: #f1effa; color: #2f196e; }

/* Na fotke: vľavo hore, kliknutie prejde na fotku (odkaz pod ňou). */
.tff-nal--card {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    max-width: calc(100% - 16px);
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

/* Sada: pruh dolu cez celú šírku fotky. */
.tff-sada {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    background: rgba(47, 25, 110, .92);
    color: #fff;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none;
}
.tff-sada strong { font-weight: 600; }

/* Pruh nesmie prekryť podstavce pohárov — fotka sa zmenší nad neho. */
.astra-shop-thumbnail-wrap:has(.tff-sada) { padding-bottom: 32px; }
.tff-sada .tff-nal__ico { width: 15px; height: 15px; }

@media (max-width: 480px) {
    .tff-nal--card { top: 5px; left: 5px; font-size: 11px; padding: 2px 6px; }
    .tff-sada { font-size: 11px; padding: 4px 8px; }
    .tff-sada__dopl { display: none; }
}

/* Riadok nad výpisom kategórie („Pohár si upravíte: štítok … · …“). */
.tff-hint {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 16px;
    padding: 9px 14px;
    background: #f1effa;
    border: 1px solid #e1dcf5;
    border-radius: 8px;
    color: #2f196e;
    font-size: 14px;
    line-height: 1.45;
}
.tff-hint strong { font-weight: 600; }
.tff-hint .tff-nal__ico { width: 18px; height: 18px; margin-top: 1px; }

@media (max-width: 480px) {
    .tff-hint { font-size: 13px; padding: 8px 10px; }
}

/* Detail produktu: nad názvom. */
.tff-nal-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 8px;
}