.directions-text { /* Class for "For more detailed directions..." paragraph */
    font-size: 0.95em;      /* Slightly smaller font size */
    color: #999;            /* Example: Lighter gray color for subtlety */
    text-align: center;      /* Center the text */
    margin-top: 15px;       /* Add some top margin to separate it from map */
    margin-bottom: 30px;    /* Spacing below */
}

.directions-text a { /* Style the "Directions page" link */
    color: #FFFFE0;       /* Light yellow/cream link color */
    text-decoration: underline; /* Keep underline for link */
}
.homepage-contact-section { /* New container for contact section */
    background-color: #1a1a1a; /* Same subtle background color as "About" */
    padding: 25px;
    margin-bottom: 30px;     /* Spacing below */
    border-radius: 5px;       /* Rounded corners (optional) */
    text-align: center;       /* Center text in section */
}

.homepage-contact-section h2, /* Style headings within contact section */
.homepage-contact-section p,  /* Style paragraphs within contact section */
.homepage-contact-section a { /* Style links within contact section */
    color: #FFFFE0;         /* Light yellow/cream text color */
}

.homepage-contact-section h2 {
    font-size: 1.3em;       /* Slightly larger heading for "Our Warehouse..." */
    margin-bottom: 10px;
}

.homepage-contact-section p {
    font-size: 1.1em;
    line-height: 1.6;
    margin-bottom: 0;
}

.homepage-contact-section .copy-address { /* Style the "Copy Address" button (if you have one) */
    /* You can add button styles here if needed */
}
.instagram-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #FFFFE0;
    font-weight: bold;
    transition: color 0.2s ease-in-out;
    /* No width adjustments here for .instagram-link itself */
}

.instagram-text {
    color: inherit;
    font-size: 1.3em;        /*  <-- Increase font size for the text */
    /* No width adjustments here - let it flow based on content */
}
.instagram-icon {
    max-height: 60px;  /*  Keep max-height constraint */
    max-width: 60px;   /*  ADD max-width constraint to ensure it's not too wide */
    width: auto;       /*  Let width adjust proportionally */
    height: auto;      /*  Let height adjust proportionally */
    margin-right: 2px;
    display: block;
}
