.autocomplete-results {
    display: none;
    z-index: 9999;
    border: 1px solid #ddd;
    max-height: 300px;
    overflow-y: auto;
    width: 320px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    position: absolute !important;
    margin-top: 2px;
}

.autocomplete-item {
    display: flex;
    align-items: center;
    padding: 8px;
    text-decoration: none !important;
    color: #326ac9;
}

.autocomplete-item img {
    width: 40px;
    height: auto;
    margin-right: 10px;
}

.autocomplete-item:hover {
    background: #f4f4f4;
}

.autocomplete-see-all {
    display: block;
    padding: 10px;
    text-align: center;
    background: #fafafa;
    font-weight: bold;
    color: #0073aa;
    text-decoration: none;
}

.autocomplete-see-all:hover {
    background: #eee;
}

.djparty-products-grid {
    display: flex;
    flex-direction: column;
    gap: 40px; /* space between products */
}
.djparty-products.is-style-card-dark .djparty-product{
    background-color: var(--wp--preset--color--indigo);
    border-radius: 0;
    border-width: 0;
    border-style: none;
    color: var(--wp--preset--color--white);
    padding-top: var(--wp--preset--spacing--60);
    padding-right: var(--wp--preset--spacing--60);
    padding-bottom: var(--wp--preset--spacing--60);
    padding-left: var(--wp--preset--spacing--60);
    box-shadow: none;
}

.djparty-products.is-style-card-dark .djparty-product h2{color:#fff;}

.djparty-products.is-style-card-dark .djparty-product .variation-buttons button{ 
    cursor:pointer;
    border-color:#fff;color:#fff;background-color:transparent;
}
.djparty-products.is-style-card-dark .djparty-product .variation-buttons button:focus{
    border-color:var(--wp--preset--color--accent-1);
}
.djparty-proudcts.is-style-card-dark .djparty-product a:where(:not(.wp-element-button)){color:#fff !important}
.djparty-products .woocommerce-variation-availability {display: none;}
.variation-buttons button{
    border: 3px solid #000;
    border-radius: 18px;
    padding: 4px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin:0px 2px;
}
.variations label{display:none;}
.djparty-product .product-image img {
    width: 100%;
    height: auto;
    display: block;
}
.djparty-product .woocommerce-product-gallery {
    margin-bottom: 20px;
    position: relative;
}

.djparty-product .woocommerce-product-gallery__wrapper img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.djparty-product .flex-control-thumbs {
    display: flex;
    gap: 8px;
    margin:0;
    margin-top: 10px;
    padding:0;
}

.djparty-product .flex-control-thumbs li {
    flex: 1;
}

.djparty-product .flex-control-thumbs img {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.djparty-product .flex-control-thumbs img:hover {
    border-color: #333;
}


.djparty-product table.variations {
    margin-bottom: 15px;
    width: 100%;
}

.djparty-product .single_variation_wrap {
    margin-top: 10px;
}

.djparty-product .price {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}

.djparty-product-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-start;
    width: 100%;
}

/* Gallery on left, details on right */
.djparty-product .product-gallery {
    flex: 0 0 45%;
    width: 45%;
    max-width: 45%;
    min-width: 0;
}

.djparty-product .product-details {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
    min-width: 0;
}

.djparty-product .woocommerce-product-gallery,
.djparty-product .flex-viewport,
.djparty-product .woocommerce-product-gallery__wrapper,
.djparty-product .woocommerce-product-gallery__image {
    width: 100%;
    min-width: 0;
}
/* Remove the default WooCommerce table look */
.variations {
    border: none;
    width: 100%;
}

/* Each row (attribute) in one line */
.variations tr {
    display: block;
    align-items: center;
    margin-bottom: 15px;
    border: none;
}
.variations label {
    color: initial;
    font-size: initial;
}
table:not( .has-background ) th {
    background-color: transparent !important;
}
.hide-description .woocommerce-variation-description {
    display: none;
}
a.reset_variations {
    display: none !important;
}
.single_variation_wrap .woocommerce-variation.single_variation {
    display: none !important;
}
.quantity label.quantity-label {
    display: block;
}
button.single_add_to_cart_button.button.alt {
    width: 100%;
    margin: 10px 0;
    border-radius: 2px;
}
.product .variations th.label {
    text-align: left;
}
.variation-button {
    margin: 0 0 5px 0 !important;
    border-radius: 2px !important;
}

/* The attribute label */
.variations td.label {
    margin-right: 10px;
    font-weight: 600;
    white-space: nowrap;
    padding: 0;
}

/* The value cell (buttons or hidden select) */
.variations td.value {
    flex: 1;
    padding: 0;
    background: transparent;
}

.woocommerce-variation-price {
    font-size: 20px;
}
form.variations_form select {
    display: none !important;
}
form.variations_form  .single_variation_wrap .quantity {
    display: none !important;
}
ul#site-header-cart {
    display: none;
}
.storefront-handheld-footer-bar {
    display: none;
}
.djparty-product .flex-control-thumbs {
    list-style: none;
    margin: 10px 0;
}

.djparty-product .flex-control-thumbs li {
    flex: none;
}

@media (max-width: 768px) {
  
    .djparty-product-inner {
        flex-direction: column;
    }
    .djparty-product .product-gallery,
    .djparty-product .product-details {
        width: 100%;
        max-width: 100%;
        flex: 1 1 100%;
    }
   
}

@media (max-width: 768px) {
    .djparty-product .flex-control-thumbs{
        position: absolute;
        width: 100%;
        height: calc(100% + 60px);
        top: 0;
    }
    .djparty-product .flex-control-thumbs li {
        place-content: flex-end;
    }
    .djparty-product .product-details{
        margin-top: 40px;
    }

}