/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 11 2025 | 10:24:37 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.customHeader{
    justify-content: space-between
}
.customHeader li{
    text-transform: capitalize;
}
.customHeader .wp-block-group:first-child{
    width: 30%;
}
.customHeader .wp-block-group:nth-child(2){
    width: 50%;
}
.customHeader .wp-block-group:last-child{
    width: 20%;
    justify-content: flex-end;
}
.single-product .woocommerce-Tabs-panel--description img{
    max-width: 300px;
    display: block;
}

footer.wp-block-template-part {
    margin-block-start: 40px !important;
}

@media only screen and (max-width: 749px) {
	.wp-container-core-group-is-layout-09953040 {
    	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
	.wc-blocks-pattern-header-essential.wc-blocks-header-pattern.customHeader {
   		padding: 10px 0 !important;
	}
	.wc-blocks-pattern-header-essential.wc-blocks-header-pattern.customHeader {
    	padding: 10px 0 !important;
	}

	footer.site-footer .wp-block-navigation__responsive-container {
		position: relative;
		display: block;
	}

	footer.site-footer .wp-block-navigation__responsive-container button, footer.site-footer nav button {
		display: none !important;
	}
 
body.single-product .wp-block-woocommerce-product-meta .is-layout-flex{
    flex-wrap: wrap;
}
.single-product .wp-block-woocommerce-product-collection .wp-block-woocommerce-product-template li.wc-block-product {
    width: 46%;
}

.wp-block-woocommerce-product-collection .wp-block-woocommerce-product-template li.wc-block-product h3.has-medium-font-size {
    font-size: 14px !important;
    font-weight: 500;
}

.wp-block-woocommerce-product-collection .wp-block-woocommerce-product-template li.wc-block-product a.wp-block-button__link {
    background: #000 !important;
    color: #fff !important;
}
}