/* =========================================================
   GREEN CANDLE – TERMÉKARCHÍV SPECIFIKÁCIÓK
   Kompakt, prémium, egységes márkadizájn
   ========================================================= */

.custom-product-specs {
    box-sizing: border-box;

    width: 100%;
    list-style: none;

    margin: 8px 0 0 0;
    padding: 8px 10px;

    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 3px;

    background-color: #F8F3ED;
    border: 1px solid #E7DED3;
    border-radius: 8px;

    color: #5B5048;

    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;

    text-align: center;

    box-shadow: none;
}


/* Egy specifikációs sor */
.custom-product-specs li {
    box-sizing: border-box;
    width: 100%;

    margin: 0;
    padding: 0 8px;

    display: block;

    color: #5B5048;

    font: inherit;
    line-height: 1.35;

    white-space: normal;
    overflow-wrap: anywhere;

    text-align: center;
}


/* Címke: Illaterősség, Illatkarakter, Évszak stb. */
.custom-product-specs li .label {
    display: inline;

    margin-right: 3px;

    color: #2E241C;

    font-family: 'Montserrat', Arial, sans-serif;
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;
}


/* Hosszabb információ se növelje szükségtelenül a sortávolságot */
.custom-product-specs li.long-info {
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;

    text-align: center;
}


/* Tablet */
@media screen and (max-width: 1024px) {
    .custom-product-specs {
        margin: 7px 0 0 0;
        padding: 7px 9px;

        font-size: 12px;
        gap: 3px;
    }
}


/* Mobil */
@media screen and (max-width: 767px) {
    .custom-product-specs {
        margin: 6px 0 0 0;
        padding: 7px 8px;

        font-size: 12px;
        line-height: 1.3;

        gap: 2px;

        border-radius: 8px;
    }

    .custom-product-specs li,
    .custom-product-specs li .label {
        line-height: 1.3;
    }
}