.elementor-32716 .elementor-element.elementor-element-3e73d56{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32716 .elementor-element.elementor-element-3e73d56:not(.elementor-motion-effects-element-type-background), .elementor-32716 .elementor-element.elementor-element-3e73d56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-32716 .elementor-element.elementor-element-b2a8ac5{--display:flex;border-style:none;--border-style:none;--padding-top:1%;--padding-bottom:2.5%;--padding-left:0%;--padding-right:0%;}.elementor-32716 .elementor-element.elementor-element-8d6a2f2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-32716 .elementor-element.elementor-element-8d6a2f2 .collection-names-container{flex-direction:column;justify-content:center;align-items:center;row-gap:12px;column-gap:12px;}.elementor-32716 .elementor-element.elementor-element-8d6a2f2 .collection-name{background-color:#FFFFFF;font-size:1em;font-weight:400;text-transform:capitalize;line-height:8px;letter-spacing:0px;color:#000000;}.elementor-32716 .elementor-element.elementor-element-8d6a2f2 .collection-name:hover{background-color:#FFFFFF;color:#000000;}/* Start custom CSS for collection_names_wiz_plugin_widget, class: .elementor-element-8d6a2f2 *//* Target the main flexible container from your DOM */
.collection-names-container {
    display: grid !important;
    /* Changed to auto/max-content sizing */
    grid-template-columns: repeat(4, max-content) !important;
    /* Forces columns to align seamlessly with the extreme left and right edges */
    justify-content: center !important; 
    
    row-gap: 30px !important;       /* Vertical spacing between links */
    margin: 0 auto;
    column-gap: 160px !important;
}

/* Format the links inside to look like the image */
.collection-names-container .collection-name {
    text-align: left !important;
    /*text-decoration: none !important;
    display: block !important;
}

/* --- Responsive Breakpoints --- */

/* Tablet (2 columns) */
@media (max-width: 991px) {
    .collection-names-container {
        grid-template-columns: repeat(2, max-content) !important;
        justify-content: space-between !important;
        row-gap: 25px !important;
    }
}

/* Mobile (1 column) */
@media (max-width: 767px) {
    .collection-names-container {
        grid-template-columns: 1fr !important;
        row-gap: 20px !important;
    }
}/* End custom CSS */