@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Noto+Kufi+Arabic:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


[lang="ar"] * {
 font-family: "Almarai", sans-serif;
   
  
}
 
 .hoverMenu {
    border-bottom: 1px solid #eee;
    /* margin-top: 12px; */
    padding: 10px;
}
 
.hoverMenu:hover{
 
	     
}

.active-link{
	border-color:#000;
	     
}

.socialImg img{  
	filter: invert(100%); 
	  -webkit-filter: invert(100%); 
	  width:40px;
  }
  
  
  .contAbsMenu{
	      position: absolute;
    background: #484848;
    width: 290px;
    top: 71px;
  }
  
  .childernContAbsMenu{ 
      position: absolute;
    background: #484848;
    width: 290px;
    left: 290px;
    top: 0px; 
  
  }
  
  .contAbsMenu .menuItm{
	  
  }
  
  .allCatItem{
	      background: #3E3E3E !important;
	 
	  color:#fff;
	  }
	  
[lang="ar"]   .childernContAbsMenu{ left:auto; right:290px;  }


.logoMobile{
    position: absolute;
    left: 50%;
    margin-top: -46px;
    margin-left: -40px;
    width: 70px;
}

.bg-black { background:#3E3E3E!important; }
.icon-compare{ display:none; }

.section-gap{ display:none; }
.top-collection-container{ display:none; }
.section-game{ display:none; }

.headerMenu img {  width:35px; height:35px; }

.visibileHidden{ visibility:hidden;     height: 2px;}

.searchBtn{ 
		position: absolute;
		right: 49px;
		padding-right: 9px;
		top: 25px;
		border-right: 0; 
	    border-right: 1px solid;
	
	}
	
.searchBox{ display:none; }

.showImgMenu img { display:block;    display: block;
    margin-left: 15px;     border-radius: 20px;
 }
 .contAbsMenu{  }
 .childernContAbsMenu{   }
 
 .contAbsMenu .menuItm a.hoverMenu{ background:#fff; color:#3E3E3E ; }
 .contAbsMenu .menuItm a img{ margin:4px; border-radius:25px; }
 
 .contAbsMenu .menuItm a.hoverMenu:hover{ background:#3E3E3E ; color:#fff; }
 
 [lang="he"] .searchBtn{     right: auto; left:49px;     padding-right: 0px;  	border-right: 0; 
	    border-left: 1px solid;   padding-left: 9px;}
 
 
  [lang="ar"] .showImgMenu img{     margin-right: 0; margin-left:15px; }

  [lang="he"] .showImgMenu img{   margin-right:15px;   margin-left: 0; }
  
  
  [lang="he"] .grid ul li  .imgMenu{   margin-right:15px;   margin-left: 0; border-radius:25px; }  
  [lang="ar"]  .grid ul li .imgMenu{     margin-right: 0; margin-left:15px; border-radius:25px; }
  
  
 [lang="ar"]   .mobileHalfMenu{      right: -130px;
    padding-right: 130px; }
 [lang="he"]   .mobileHalfMenu{     left: -130px; padding-left:130px; }
 
 
 
 
 
 
 
 
  .cart-table {
            border-collapse: collapse;
            width: 100%;
        }
        .cart-table th, 
        .cart-table td {
            border: 1px solid #e2e8f0;
            padding: 12px;
            text-align: right;
        }
        .cart-table th {
            background-color: #f1f5f9;
            font-weight: 600;
            color: #334155;
        }
        .cart-table tbody tr:hover {
            background-color: #f8fafc;
        }
        .quantity-badge {
            display: inline-block;
            background-color: #e2e8f0;
            padding: 4px 10px;
            border-radius: 20px;
            font-weight: 500;
        }
        @media (max-width: 768px) {
            .cart-table {
                display: block;
                overflow-x: auto;
            }
            .cart-table th, 
            .cart-table td {
                padding: 8px;
            }
        }
		
		
.mrgBtm { margin-bottom:20px; }

.headerCart{ margin:20px 0; }
/* 
.addToCart{ background:red; color:#fff; }
.addToCart:hover{ background:red; color:#fff; } */

.iconIncr { background:black;  }
span.quantity-input {padding:6px; }

.txtDetails{ padding:5px; }
.productSku{ margin-bottom:5px; font-size: 13px; }
.productName{ font-weight:bold; }

.selectMarg{ margin-top:10px; }

[dir=rtl] .custom-select {
    background-position-x: calc(100% - (100% - 0px));
    padding-left: 27px;
}

.grid-cols-4 
 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}








.addtoCartBtm{ color:#fff; background:#3E3E3e; }
.priceCont{ text-align:left;	font-size: 18px;    justify-content: flex-end; }
span.quantity-input,.iconIncr{ color:#000; background:#f8be3b; }

.regStore h2{ color:#f8be3b; }
.primary-button h2{ color:#3E3E3e; }

.shipCont { width: 218px; }

.rtl\:right-1\.5:where([dir=rtl],[dir=rtl] *) {
    right:auto;
    left: .375rem;
}

.rtl\:right-5:where([dir=rtl],[dir=rtl] *) {
   right:auto;
    left: .375rem;
}

.regStore .primary-button{   background:#3E3E3e;  }

.bg-navyBlue,.primary-button,.secondary-button{ background:#3E3E3e; }
.secondary-button{ background:#3E3E3e; color:#fff; }

.secondary-button:hover{ background:#3E3E3e; color:#fff;;  }

.quantityCBtm{ background: #f8be3b; }

.bg-gray-600{ color:#fff; background:#3E3E3E; }
.bg-gray-600 a:hover{ color:#000;  }



@media (max-width: 768px) {
	 
 .viewAllLnk{ display:none; }
 .grid-cols-4 
			 {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				row-gap: 1.25rem
				 gap: 2rem;
			}

.cartCounter{ background: #f8be3b; }
 
 
        }






 .viewAllLnk{ display:inline-block; }


		
		
		
.tileHcont { text-align:center; }

.bgLine{
	background: #f8be3b;
    width: 100%;
    top: 18px;
    height: 5px;
    position: ABSOLUTE;
    z-index: 1;
	}
	
.tileHcont h2{
	position:relative;
	z-index:3; 
	    background: #fff;
		font-weight:bold;
    padding: 0 20px;
	    display: inline-block;
 }


.seasonFilter{   
   position: absolute;
    left: 0px;
    top: -4px;
    z-index: 2; }

.quantityIncCont{ padding:10px; }

.customerLoginCont  .primary-button{ background:#fff;  color:#000;  }
.customerLoginCont  .primary-button:hover{ background:#fff;  color:#000; }
.customerLoginCont  .secondary-button{ background:#fff; color:#000;  }
.customerLoginCont  .secondary-button:hover{ background:#fff;  color:#000;}


 

.grid-cols-5
 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
	padding:30px;
}

 