/* PRODUCTS SPECS */
.product-specs .specs-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.product-specs .specs-list .specs-list-item {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.product-specs .specs-list .specs-list-item .specs-list-title, 
.product-specs .specs-list .specs-list-item .specs-list-attr {
    width: 100%;
    margin: 0;
    font-size: 18px;
    line-height: 25px;
}
.product-specs .specs-list .specs-list-item .specs-list-title {
    max-width: 125px;
    font-weight: 600;
}
@media (max-width: 575px) {
    .product-specs .specs-list .specs-list-item .specs-list-title {
        max-width: 150px;
    }
}


/* ACF GALLERY DROPDOWN */
.acf-gallery-dropdown-wrapper {
    width: auto;
}
.acf-gallery-dropdown-wrapper .acf-gallery-select {
    width: auto;
    border: 1px solid #090909;
    border-radius: 0;
    background-color: #ffffff;
    padding: 10px 18px;
    cursor: pointer;
    height: 48px;
    text-transform: capitalize;
    -webkit-appearance: none; /* For WebKit browsers (Chrome, Safari) */
    -moz-appearance: none;    /* For Firefox */
    appearance: none;
    background-image: url('../img/dropdown.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center; /* Adjust position as needed */
    background-size: 10px auto; /* Adjust size */
    padding-right: 35px;
}
.acf-gallery-dropdown-wrapper .acf-gallery-select:focus-visible {
    box-shadow: none;
    outline: none;
}
.acf-gallery-dropdown-wrapper .acf-gallery-select option {
    text-transform: capitalize;
}


/* ACF MODELS GALLERY GRID */
.acf-model-gallery-grid {
    display: grid;
    grid-template-rows: repeat(1, minmax(0, 1fr));
    gap: 40px;
}
.acf-model-gallery-grid .acf-gallery-item .acf-gallery-title {
    margin: 15px auto 0;
    text-align: center;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -2%;
}
@media (min-width: 1025px) {
    .acf-model-gallery-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 80px 70px;
    }
    .acf-model-gallery-grid .acf-gallery-item .acf-gallery-title {
        font-size: 24px;
        margin: 24px auto 0;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .acf-model-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .acf-model-gallery-grid .acf-gallery-item .acf-gallery-title {
        margin: 20px auto 0;
    } 
}