.woocommerce-loop-product__title, .woocommerce-loop-product__title,.woocommerce ul.products li.product .price{
	font-family:'trio';
	text-align:center;
	display:inline;
	color:#313131;
	text-transform:uppercase;
	font-size:10px!important;
	margin:10px!important;	
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
margin-bottom:10px!important;}
.woocommerce ul.products li.product a img {
	margin:0px!important;
}
.woocommerce .woocommerce-breadcrumb {
font-family:var(--main-font);
font-size:9px;
text-transform:uppercase;}

.woocommerce ul.products li.product a.woocommerce-loop-product__link{
	text-align:center!important;
}

@media (min-width: 1100px){
	.woocommerce .site-main {
    max-width: 100%!important;
		margin-top:80px;
}
	.woocommerce .products ul, .woocommerce ul.products{
		width:1250px;
		justify-self:center;
	}
.shop-controls {
	width:1250px;
  justify-self: center; 
}
}	
@media (max-width: 1100px){
	.woocommerce .site-main {
		max-width:100%!important;
    width: 99%!important; 
		margin:40px 0 50px 0 ;
}
}	


ul.products.columns-3 li.product {
   width: 32.78%!important; 
   margin-right: 10px!important; 
	margin-bottom: 50px;
}

ul.products.columns-3 li.product:nth-child(3n) {
    margin-right: 0px!important;
}

@media (max-width: 991px) {
    ul.products.columns-3 li.product {
   width: 49%!important; 
   margin-right: 0px!important; 
	margin-bottom: 50px;
}

ul.products.columns-3 li.product:nth-child(3n) {
    margin-right: 0;
}
}

@media (max-width: 600px) {
   ul.products.columns-3 li.product {
   width: 49%!important; 
	margin-bottom: 50px;
}
}
.woocommerce-breadcrumb,.shop-intro,.woocommerce-products-header,.woocommerce-result-count{
	text-align:center;
}
.shop-intro,.shop-intro h2{
	font-family:var(--main-font);
	font-size:30px;
	text-transform:uppercase;
	justify-self:center;
	text-align:center;
}
.shop-intro h2{
	width:550px;
}
.shop-intro p{
	font-family:'Montserrat',sans-serif;
	text-transform:capitalize;
font-size:15px;
		width:620px;
	padding:15px 0;
}
.woocommerce-result-count{
	font-family:'Mondia';
	font-size:13px;
	letter-spacing:0.5px;
}
.woocommerce-ordering .orderby{
	font-family:'Montserrat',sans-serif;
	letter-spacing:1px;
	font-size:12px;
	padding:10px;
}




@media (max-width: 1100px){
.shop-intro,.shop-intro h2{
	font-family:var(--main-font);
	font-size:27px;
	text-transform:uppercase;
	justify-self:center;
	text-align:center;
}
.shop-intro h2{
	width:500px;
}
.shop-intro p{
	font-family:'Montserrat',sans-serif;
	text-transform:capitalize;
font-size:14px;
		width:550px;
	padding:12px 0;
}
}
@media only screen and (max-width: 768px){
	.shop-intro,.shop-intro h2{
	font-family:var(--main-font);
	font-size:20px;
	text-transform:uppercase;
	justify-self:center;
	text-align:center;
}
.shop-intro h2{
	width:280px;
}
.shop-intro p{
	font-family:'Montserrat',sans-serif;
	text-transform:capitalize;
font-size:12px;
		width:320px;
	padding:12px 0;
}
}
.woocommerce-pagination .page-numbers{
	color:#313131;
}
.woocommerce nav.woocommerce-pagination ul li{
	border:none!important;
	color:#313131;
	background-color:#f9f9f9;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
	background-color:#f1f1f1;
	border:1px solid black;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	padding:10px;
}


/* ---------- Wrapper ---------- */
#shop-category-tabs-wrapper {
  max-width: 1250px;       
  margin: 0px auto;
  padding: 0px 0 30px 0;
}

/* ---------- Flex Grid ---------- */
#shop-category-tabs.category-tabs {
  display: flex;
 width: 1250px;      
  margin: 0;
  padding:  0;  
  border-collapse: collapse;
}

/* ---------- Each Box ---------- */
#shop-category-tabs .cat-tab-box {
  flex: 1 1 100px;          /* minimum width per box, grows evenly */
  border: 1px solid #c6c4c0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px ;
  box-sizing: border-box;
  margin: 0;         
}
/* ---------- Button ---------- */
#shop-category-tabs .cat-tab {
  background: none;
  border: none;
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer;
  color: #000;
  text-align: center;
}

#shop-category-tabs .cat-tab.active {
  font-weight: 600;
  color: #000;
}

#shop-category-tabs .cat-tab.active::after {
  content: "";
  display: block;
  height: 2px;
  background: #000;
  margin-top: 4px;
}


/* ---------- Responsive Slider for Category Tabs (Auto Scroll) ---------- */
@media (max-width: 1024px) {

  #shop-category-tabs-wrapper {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    background: #fff;
    padding: 25px 0 15px 0;
  }

  /* hide scrollbar */
  #shop-category-tabs-wrapper::-webkit-scrollbar {
    display: none;
  }
  #shop-category-tabs-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  #shop-category-tabs.category-tabs {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    gap: 0;
  }

  #shop-category-tabs .cat-tab-box {
    flex: 0 0 auto;
    width: 200px;
    background: #f8f6f1;
    border: 1px solid #c6c4c0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    box-sizing: border-box;
  }

  #shop-category-tabs .cat-tab {
    background: none;
    border: none;
    font-size: 9px;
    text-transform: uppercase;
    cursor: pointer;
    color: #000;
    text-align: center;
    white-space: nowrap;
  }

  #shop-category-tabs .cat-tab.active {
    font-weight: 600;
    color: #000;
    position: relative;
  }

  #shop-category-tabs .cat-tab.active::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 2px;
    background: #000;
  }
}
	@media (max-width: 600px){
  #shop-category-tabs .cat-tab-box {
		width: 150px!important;
}
	}