.product-design .ast-woo-product-category {
	font-size: 15px !important;
	margin-bottom: 14px !important;
	color: #182649;
}

.osol-spa-products .ast-grid-common-col {
	text-align: center;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-radius: 20px;
	padding: 10px 10px 10px 10px;
	border-color: #292929;
}
.product-design .astra-shop-summary-wrap {
	text-align: center;
}
.product-design .astra-shop-summary-wrap .button.product_type_simple {
	background-color: #182649;
	font-family: "Cabin", Sans-serif;
	font-size: 15px;
	font-weight: 400;
	border-radius: 900px 900px 900px 900px;
	padding: 13px 30px 12px 30px;
	margin-top: 13px;
}
.product-design .astra-shop-summary-wrap .button.product_type_simple:hover {
	background-color: transparent;
}
.product-design .osol-spa-layout.osol-spa-has-filter .osol-spa-filter {
	flex: 0 0 25%;
	max-width: 25%;
}
.product-design .osol-spa-layout.osol-spa-has-filter {
	gap: 50px;
}
.product-design .product-category.product {
	text-align: center;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-radius: 20px;
	padding: 15px !important;
	border-color: #292929;
}
.product-design .woocommerce-loop-category__title {
	background-color: rgba(24, 38, 73, 0.8) !important;
	border-radius: 10px;
	color: #fff;
	text-transform: inherit !important;
}
.product-design .count {
	color: #fff;
	opacity: 1 !important;
	font-family: "Google Sans Flex", sans-serif !important;
}


.bapf_sfilter.bapf_button_berocket .bapf_button {
	background-color: #182649 !important;
	/* position: absolute; */
	/* left: 0; */
	font-size: 12px;
	border-radius: 100px;
	padding: 11px 18px;
	line-height: 11px;
}
.product-design .osol-spa-layout.osol-spa-has-filter .osol-spa-filter {
	position: relative;
}







/* css start 01-06-26 */


.archive.tax-product_cat.osol-cat-is-leaf .product-design .astra-shop-thumbnail-wrap{
	background-color: #fff;
}


@media (min-width:1600px){

	.archive.tax-product_cat.osol-cat-is-leaf header .e-con-inner, .archive.tax-product_cat.osol-cat-is-leaf .product .e-con-inner, .archive.tax-product_cat.osol-cat-is-leaf footer .e-con-inner{
		max-width:88% !important;
	}

	.archive.tax-product_cat.osol-cat-is-leaf .aws-search-form{
		max-width:740px !important;
		margin:0 auto;
	}

}



@media (max-width:1099px){

	.archive.tax-product_cat.osol-cat-is-leaf .product-design .astra-shop-thumbnail-wrap {	   
	    padding: 22px !important;	  
	    padding-bottom: 20px !important;
	}

}


@media (max-width:1024px){


	.archive.tax-product_cat.osol-cat-is-leaf .product-design .osol-spa-layout.osol-spa-has-filter{
		flex-direction:column;
	}


	.archive.tax-product_cat.osol-cat-is-leaf .product-design .osol-spa-layout.osol-spa-has-filter .osol-spa-filter {
		    width: 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}


	.archive.tax-product_cat.osol-cat-is-leaf .product-design .osol-spa-layout.osol-spa-has-filter .osol-spa-filter{
		width: 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

}


/* css start 01-06-26 */


/* Mobile filter accordion (added 24-07-26)
   Desktop is untouched: all accordion behaviour lives inside the mobile media query. */

/* Arrow is hidden by default (desktop). */
.osol-spa-mobile-accordion .osol-spa-filter-arrow {
	display: none;
}

@media (max-width: 1024px) {

	/* Make the "Filter" title act as the accordion toggle. */
	.osol-spa-mobile-accordion .osol-spa-filter-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
		-webkit-user-select: none;
		user-select: none;
	}

	/* Up/down arrow shown only on mobile, next to the "Filter" text. */
	.osol-spa-mobile-accordion .osol-spa-filter-arrow {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 10px;
		flex: 0 0 auto;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 7px solid currentColor;
		transition: transform 0.25s ease;
	}

	/* Collapsed by default before JS runs (avoids a flash of the open filter).
	   jQuery's inline styles override this non-!important rule while it animates
	   the panel open/closed, so the two never fight. */
	.osol-spa-mobile-accordion > *:not(.osol-spa-filter-title) {
		display: none;
	}

	/* Expanded: rotate the arrow to point up. */
	.osol-spa-mobile-accordion.is-open .osol-spa-filter-arrow {
		transform: rotate(180deg);
	}
}