.product-attachment-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Space between items */
    margin-top: 20px;
    padding: 1em;
    border: 1px solid #ccc;
    background: #f6f6f6;
}

.downloads-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out;
    flex: 1 1 48%; /* Makes the items 48% wide, flex-grow: 1 ensures it grows to fill */
    box-sizing: border-box;
}

.downloads-item:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.item-icon {
    margin-right: 10px;
}

.item-icon img {
    width: 20px;
    height: auto;
}

.item-link a {
    text-decoration: none;
    color: inherit;
}

.item-link a:hover {
    text-decoration: underline;
}

.section-title {
    font-weight: bold;
    margin-bottom: 10px;
}

/**** General styles for technical documents ****
#technical-documents {
    width: 22%;
    max-width: 421px; 
    position: absolute;
    top: 64vh;
    transition: all 0.3s ease; 
}

.downloads-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 10px; 
}

.item-icon img {
    width: 32px;
    height: 32px;
    object-fit: contain; 
}

.item-link a {
    text-decoration: none;
    color: #333; 
    font-weight: bold;
}*/

/**** Responsive styles ****
@media (max-width: 1024px) {
    #technical-documents {
        width: 80%;
        position: relative;
        margin: 0 auto; 
        top: auto; 
    }

    .downloads-item {
        flex: 1 1 100%;
        justify-content: flex-start; 
    }
}

@media (max-width: 600px) {
    #technical-documents {
        width: 100%; 
        padding: 10px; 
    }

    .item-icon img {
        width: 24px; 
        height: 24px;
    }

    .downloads-item {
        flex-direction: column; 
        align-items: flex-start;
        gap: 5px; 
    }

    .item-link a {
        font-size: 14px; 
    }
}*/