a, a * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

    -webkit-tap-highlight-color: transparent;
}

.griditem_pic {
    padding-top: 37.383177%; /* alap képarány */
}

.griditem_pic_hidden {
    display: none;
}

/* csak mobilon */
.griditem_text_title::before {
    content: "kód: ";
    font-weight: normal;
}

/* csak mobilon */
.griditem_text_description {
    font-size: 0.8em;
    font-style: italic;
}

/* csak nagykijelzőn */
.griditem .hianyos {
    display: none;
}

/* kód, ár és nem-kapható előtt szóköz */
.picslider_caption span::before {
    content: " ";
}

.picslider_caption .text_ar,
.picslider_caption .text_kod {
    font-weight: bold;
    color: #6D482A;
}

/* összetevő felsoroláselemek */
.picslider_caption .item_tartalmaz::before {
    padding: 0 5px;
    content: "\2022";
}

/* összetevő felsoroláselemek nem-kapható szövege */
.picslider_caption .item_tartalmaz .text_nemkaphato {
    color: red;
    font-size: 0.75em;
}

/* címsáv és rendezési mód <select> */
.controlbar {
    text-align: center;
    margin: 8px 0 16px 0;
}

.controlbar > * { /* h1-cím, span-rendezési mód */
    display: block;
}

.controlbar h1 {
    margin: 8px 0;
}

.controlbar select { /* rendezési mód */
    font-size: inherit;
    outline: none;
    padding: 5px;
    background: white;
}

/* megjelenített termékek száma */
.infobar {
    background: #EEE;
    margin: 10px 0;
    padding: 0 0 0 10px;
    font-size: 0.8em;
}

@media all and (min-width: 620px) {

    .griditem_pic {
        padding-top: 74.766354%;  /* alap képarány */
    }

    .griditem_text {
        height: auto;
        display: flex;
        flex-direction: row;
    }

    /* csak mobilon */
    .griditem_text_title::before {
        display: none;
    }

    .griditem_text > div {
        display: inline;
        vertical-align: top;
    }

    /* csak mobilon */
    .griditem_text_description {
        display: none;
        width: 0;
        height: 0;
    }

    .griditem_text_foot {
        flex-grow: 1;
        padding: 0;
    }

    /* piros csillag jelölés a kód mellett */
    .griditem .hianyos {
        display: inline-block;
        color: red;
        font-size: 0.75em;
        margin-left: 2px;
        position: relative;
        top: -4px;
    }

    /* címsáv és rendezési mód <select> */
    .controlbar {
        display: flex;
        justify-content: space-between;
        margin: 0;
    }

    .controlbar > * {
        display: inline-block;
    }

    .controlbar h1 {
        margin: 0;
    }

    .controlbar select {
        padding: 5px;
    }
}