body:not(.home) .site-content {
    margin-top: 40px;
}

.woocommerce-ordering select {
    padding: 10px 40px 10px 15px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    background-color: #fff;
    font-size: 16px;
    color: #333333; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center; 
    background-size: 12px auto;
}

.woocommerce-ordering select:hover {
    border-color: #777;
    cursor: pointer;
}

@media (max-width: 767px) {
    .woocommerce ul.products, 
    .woocommerce-page ul.products {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        grid-gap: 15px !important; 
    }
    
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        width: 100% !important; 
        margin: 0 0 20px 0 !important;
        float: none !important;
        clear: none !important;
    }

    .woocommerce ul.products::before,
    .woocommerce ul.products::after,
    .woocommerce-page ul.products::before,
    .woocommerce-page ul.products::after {
        display: none !important;
    }

    .post-type-archive-product #secondary .widget_product_search,
    .post-type-archive-product #secondary .widget_search {
        display: none !important;
    }

    .post-type-archive-product .site-content > .col-full {
        display: flex !important;
        flex-direction: column !important;
    }

    .post-type-archive-product #primary, 
    .post-type-archive-product #main {
        display: contents !important;
    }

    .post-type-archive-product .woocommerce-products-header {
        order: -2 !important;
    }

    .post-type-archive-product #secondary {
        order: -1 !important;
        margin-bottom: 15px !important;
        padding-left: 0 !important;
    }

    #secondary .widget-title,
    #secondary .widget-title span,
    #secondary .widget h2,
    #secondary .widget h3 {
        font-size: 24px !important;
        line-height: 1.5 !important;
        margin-bottom: 10px !important;
    }

    #secondary .widget {
        margin: 0 0 10px 0 !important; 
        padding: 0 !important;
        border: none !important;
    }

    .wc-block-product-filters__open-overlay {
        font-size: 16px !important;
    }

    .wc-block-product-filter-chips__item, 
    .wc-block-product-filters__close-overlay {
        font-size: 1em !important;
    }
}

@media (max-width: 767px) {
    .home ul.products.columns-4 {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* Creates two equal columns */
        grid-gap: 15px !important; 
    }
    
    .home ul.products.columns-4 li.product {
        width: 100% !important; 
        margin: 0 0 20px 0 !important;
        float: none !important;
        clear: none !important;
    }

    .home ul.products.columns-4::before,
    .home ul.products.columns-4::after {
        display: none !important;
    }
}


.storefront-handheld-footer-bar ul li.home > a::before {
    content: "";
    display: block;
    width: 1.387em; 
    height: 1.2em;
    margin: 0 auto 0.236em auto; 
	margin-top: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media (max-width: 767px) {
    .woocommerce-cart .wc-block-grid__products {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; 
        gap: 15px !important; 
    }
    
    .woocommerce-cart .wc-block-grid__products .wc-block-grid__product {
        flex: unset !important; 
        max-width: 100% !important; 
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
}

.wc-block-grid__products .wc-block-grid__product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.wc-block-grid__products .wc-block-grid__product-link {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.wc-block-grid__products .wc-block-grid__product-image {
    margin-bottom: 15px !important;
}

.woocommerce-cart .site-content {
    position: relative !important;
    z-index: 1 !important;
}

.site-header {
    position: relative !important;
    z-index: 9999 !important;
}

@media (max-width: 767px) {
    .woocommerce-cart .menu-toggle {
        display: none !important;
    }
    
    .cart-mobile-home-button {
        display: inline-flex !important;
        align-items: center;
        float: right; 
        margin-top: 0px; 
        padding: 0.5em;
        color: #333333 !important;
			  border: 2px solid rgba(0, 0, 0, 0);
			  border-color: #333333;
				border-radius: 2px;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        z-index: 99999;
        position: relative;
    }

    .cart-mobile-home-button::before {
        content: "";
        display: block;
        width: 1.2em;
        height: 1.2em;
        margin-right: 6px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
}

@media (min-width: 768px) {
    .cart-mobile-home-button {
        display: none !important;
    }
}