:root {
    --nb-slider-item-box-73-bg: var(--nb-color-gray-100);
    --nb-slider-item-box-73-border-radius: 8px;
    --nb-slider-item-box-73-name-color: var(--nb-text-color-primary);
    --nb-slider-item-box-73-name-font-size: 16px;
    --nb-slider-item-box-73-name-font-weight: var(--nb-font-weight-600);
}

.nb-slider-item-box-73 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;

    width: 100%;
    aspect-ratio: 254 / 250;
    height: auto;
    min-height: 0;
    align-self: start;

    padding: 20px;
    box-sizing: border-box;

    background-color: var(--nb-slider-item-box-73-bg);
    border: var(--nb-border-width) var(--nb-border-style) transparent;
    border-radius: var(--nb-slider-item-box-73-border-radius);
}

/* slika guta sav preostali prostor */
.nb-slider-item-box-73 .nb-slider-item-image {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;      /* obavezno, inače flex ne dozvoljava smanjivanje */
    display: flex;
    align-items: center;
    justify-content: center;
}
.nb-slider-item-box-73 .nb-slider-item-image .nb-img-wrapper,
.nb-slider-item-box-73 .nb-slider-item-image picture {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
}
.nb-slider-item-box-73 .nb-img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* naslov fiksne visine, ne skuplja se */
.nb-slider-item-box-73 .nb-slider-item-name {
    flex: 0 0 auto;
    margin: 0;
    text-align: center;
    line-height: 1.375;   /* 16 × 1.375 = 22px */
}
.nb-slider-item-box-73 .nb-slider-item-name,
.nb-slider-item-box-73 .nb-slider-item-name .nb-title {
    color: var(--nb-slider-item-box-73-name-color);
    font-size: var(--nb-slider-item-box-73-name-font-size);
    font-weight: var(--nb-slider-item-box-73-name-font-weight);
}

.nb-slider-item-box-73:hover {
    background-color: var(--nb-color-white);
    border-color: var(--nb-border-color);
}
.nb-slider-item-box-73:hover .nb-slider-item-name,
.nb-slider-item-box-73:hover .nb-slider-item-name .nb-title {
    color: var(--nb-spec-color);
}

@media screen and (max-width: 576px) {
    :root {
        --nb-slider-item-box-73-name-font-size: 14px;
    }
    .nb-slider-item-box-73 {
        aspect-ratio: auto;
        min-height: 130px;
        max-height: 130px;
        padding: 0;
    }
    .nb-slider-item-box-73 .nb-slider-item-image {
        max-width: 90px;
        max-height: 61px;
    }
}