.azaf-product h3,
.azaf-product p,
.azaf-product img,
.azaf-link-button {
    margin: 0; /* Reset margins */
    padding: 0; /* Reset paddings */
    text-decoration: none; /* Remove text decoration */
    border: none !important; /* Remove borders */
    box-shadow: none !important; /* Remove shadows */
}

.azaf-product a {
    text-decoration: none; /* Remove text decoration */
    border: none !important; /* Remove borders */
    box-shadow: none !important; /* Remove shadows */
}

.azaf-ad-text {
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    font-style: italic;
}

.azaf-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.azaf-products {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.azaf-product {
    display: grid;
    grid-template-columns: auto 2fr; /* Adjust as needed */
    grid-template-rows: auto auto auto auto; /* 4 rows for title, price, description and link */
    gap: 12px;
    padding: 1em;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.azaf-img {
    grid-column: 1; /* Image in the first column */
    grid-row: 1 / span 4; /* Image spans all rows */
    max-width: 100px; /* Set max width to 100px */
    border-radius: 5px;
    align-self: center;
    justify-self: center;
}

.azaf-title {
    grid-column: 2; /* Title in second column */
    grid-row: 1;
    max-width: 100%; /* Limit the width to container */
    overflow: hidden; /* Hide overflow */
}

.azaf-title h3 {
    font-size: 1.2em;
    overflow: hidden; /* Hide overflow */
    white-space: nowrap; /* Prevent wrapping */
    text-overflow: ellipsis; /* Show ellipsis for overflowed text */
}

.azaf-price {
    grid-column: 2; /* Price in the second column */
    grid-row: 2; /* Position it above the description */
    font-size: 0.8em; /* Smaller font size */
    font-weight: bold; /* Make it bold */
    margin: 0; /* Remove margin */
}

.azaf-description {
    font-size: 0.9em;
    grid-column: 2; /* Description in second column */
    grid-row: 3; /* Adjust to be below price */
}

.azaf-link-button {
    grid-column: 2; /* Link in second column */
    grid-row: 4; /* Adjust the row index accordingly */
    text-decoration: none;
    color: white; /* Text color */
    background-color: #ff9900; /* Amazon's signature orange color */
    padding: 10px 15px; /* Padding for the button */
    border: none; /* No border */
    border-radius: 5px; /* Rounded corners */
    font-weight: bold; /* Bold text */
    display: inline-block; /* To apply padding and other styles */
    transition: background-color 0.3s; /* Smooth transition for background color */
    text-align: center;
    max-width: 150px;
    justify-self: start;
}

.azaf-link-button:hover {
    background-color: #e68a00; /* Darker shade on hover */
    text-decoration: none; /* Remove underline on hover */
    color: white; /* Text color */
}

@media (max-width: 768px) {
    .azaf-product {
        grid-template-columns: 1fr; /* Stack items vertically */
        grid-template-rows: auto auto auto auto auto; /* Adjust rows to accommodate stacking */
        text-align: center;
    }

    .azaf-img {
        grid-column: 1;
        grid-row: 1; /* Image on top */
        width: 100%; /* Full width on smaller devices */
        align-self: center; /* Center the image horizontally */
    }

    .azaf-title {
        grid-column: 1;
        grid-row: 2; /* Title below the image */
    }

    .azaf-price {
        grid-column: 1;
        grid-row: 3; /* Price below the title */
    }

    .azaf-description {
        grid-column: 1;
        grid-row: 4; /* Description below the price */
    }

    .azaf-link-button {
        grid-column: 1;
        grid-row: 5; /* Link below the description */
        justify-self: center; /* Center the button */
    }
}