/* Dobozok grid – 3 oszlop */
.dobozok-grid {
    display: grid;
        font-family: "Poppins", Sans-serif;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.dobozok-grid .item {
    position: relative;
    background: #fff;
    padding: 35px 25px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    text-align: center;
    transition: border-color 0.1s ease 0.8s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.dobozok-grid .item::before,
.dobozok-grid .item::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 10px;
    pointer-events: none;
    transition: transform 0.4s ease;
}

.dobozok-grid .item::before {
    border-top: 1px solid #10B981;
    border-bottom: 1px solid #10B981;
    transform: scaleX(0);
    transform-origin: left center;
}

.dobozok-grid .item::after {
    border-left: 1px solid #10B981;
    border-right: 1px solid #10B981;
    transform: scaleY(0);
    transform-origin: top center;
    transition-delay: 0s;
}

.dobozok-grid .item:hover {
    border-color: transparent;
    transition-delay: 0s;
}

.dobozok-grid .item:hover::before {
    transform: scaleX(1);
}

.dobozok-grid .item:hover::after {
    transform: scaleY(1);
    transition-delay: 0.4s;
}

/* Tartalom a vonalak felett maradjon */
.dobozok-grid .item > * {
    position: relative;
    z-index: 2;
}

.dobozok-grid .item .ikon {
    display: inline-block;
    margin-bottom: 15px;
}

.dobozok-grid .item .ikon img {
    max-width: 80px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.dobozok-grid .item .cim {
    font-size: 19px;
    margin: 10px 0 15px;
    color: #111827;
    font-weight: 600;
}

.dobozok-grid .item .thecontent p {
    margin: 0 0 10px;
    text-align: left;
    margin-bottom: 0px;
    line-height: 28px;
    color: #252525;
    font-size: 16px;
}



/* Reszponzív */
@media (max-width: 992px) {
    .dobozok-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .dobozok-grid {
        grid-template-columns: 1fr;
    }
}