/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

.product-list-container {
    /* Flexbox alapú oszlopelrendezés */
    display: flex;
    flex-wrap: wrap; /* Tördelés a következő sorba */
    gap: 20px; /* Térköz az oszlopok között */
}

.product-item {
    /* Az elemek mérete, 4 egyenlő oszlopba törve */
    flex: 1 1 calc(25% - 20px); /* 25% szélesség, mínusz a gap térközök */
    box-sizing: border-box; /* A box-model számításához */
    padding: 10px;
    border: 1px solid #ccc;
}

/* Nevek elrejtéséhez */
/* Erősebb szelektor a nevek elrejtéséhez */
#Action_bar .contact_details .phone-name {
    display: none !important;
}

/* Mobilos nézetben láthatóvá tesszük a neveket */
@media screen and (max-width: 768px) {
    .contact_details .phone-name {
        display: inline !important; /* 'inline-block' helyett 'inline' is lehet */
        font-weight: bold;
        margin-right: 5px;
    }
}