/* Hide header + footer on product pages */
.single-product header,
.single-product footer {
    display: none !important;
}

.related,
.related-posts,
.jp-relatedposts,
#jp-relatedposts {
    display: none !important;
}

/* Hide Additional Information tab + content */
.woocommerce-tabs .additional_information_tab,
.woocommerce-tabs #tab-additional_information {
    display: none !important;
}

/* Entire WPForms form */
.wpforms-container {
    background-color: #3A3A3A !important;
    padding: 30px !important;
    border-radius: 8px !important;
}

/* Labels */
.wpforms-container label {
    color: #ffffff !important;
}

/* Required star */
.wpforms-container .wpforms-required-label {
    color: #ff4d4d !important;
}

/* Inputs */
.wpforms-container input,
.wpforms-container textarea {
    background-color: #F5F5F5 !important;
    color: #000000 !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    padding: 10px !important;
}

/* Placeholder text */
.wpforms-container input::placeholder,
.wpforms-container textarea::placeholder {
    color: #aaaaaa !important;
}

.wpforms-container input:focus,
.wpforms-container textarea:focus {
    border-color: #3bb3b0 !important;
    box-shadow: 0 0 0 2px rgba(59, 179, 176, 0.2);
    outline: none;
}

/* Fairney Fields form button */
.wpforms-form .ff-button {
    background-color: #3bb3b0 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.2s ease;
}

/* Hover */
.wpforms-form .ff-button:hover {
    background-color: #2a8f8c !important;
}


}

.woocs_auto_switcher,
.woocs_popup,
.woocs_message,
.woocs_bar {
    display: none !important;
}


/* Hide all products inside featured grid */
#featured-products ul.products li.product {
    display: none !important;
}

/* Show ONLY featured products */
#featured-products ul.products li.product.featured {
    display: block !important;
}

/* Maintain grid layout */
#featured-products ul.products {
    display: grid;
    gap: 20px;
}

/* Desktop: 4 columns */
@media (min-width: 1024px) {
    #featured-products ul.products {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Tablet: 3 columns */
@media (max-width: 1023px) and (min-width: 768px) {
    #featured-products ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile: 1 column */
@media (max-width: 767px) {
    #featured-products ul.products {
        grid-template-columns: repeat(1, 1fr);
    }
}