/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Almarai:wght@300;400;700;800&display=swap');
h2 {
font-size: 1rem !important;
line-height: 1.75rem !important;
font-weight: 300;
}
p, h3, .main-menu li>a {
font-weight: 300 !important;
}
.hero h2{
font-size: 2rem !important;
}
.hero p{
font-size: 1rem !important;
}
.hero h2, .hero a{
margin-top:0 !important;
margin-bottom: 16px !important;
}
.advanced-slider__caption {
align-items: flex-end;
padding-bottom: 75px;
}
.langEN .container div{
justify-content: left !important;
}
.cat-1 ul{
column-gap: 0 !important;
}
.cat-1 ul li{
height: 225px;
}
.cat-1 h3{
display: none;
}
.cat-1 img{
object-fit: contain !important;
transition: 1s;
}
.cat-1 a:hover{
  img{
    transform: scale(0.9);
  }
}
.cat-1 .lg\:grid-cols-5 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cat-2 .home-block-title{
margin-bottom:-120px;
margin-top:25px;
}
.main-nav-container .navbar-brand, .store-footer__inner a img{
filter: brightness(45.5) !important;
scale: 1.5;
}
.main-nav-container.fixed-pinned .navbar-brand{
filter: brightness(1) !important;
}
.qaddh-copyright .hidden{
display: none;
}
.product-card__title a {
font-weight: 500 !important;
}
footer{
margin-top:0px !important;
}
.features{
background-color: var(--footer-bg);
width: 100% !important;
max-width: 2000px !important;
padding-top: 16px !important;
}
.features div{
background-color: transparent;
border: none !important;
}
.features h2, .features i{
color: #FFFFFF !important;
font-weight: 200;
}
/*-----sub-cats-slider-5----*/
#sub-cats-slider-2 .bg-primary,
#sub-cats-slider-3 .bg-primary,
#sub-cats-slider-4 .bg-primary,
#sub-cats-slider-5 .bg-primary,
#sub-cats-slider-6 .bg-primary,
#sub-cats-slider-7 .bg-primary,
#sub-cats-slider-8 .bg-primary,
#sub-cats-slider-9 .bg-primary,
#sub-cats-slider-10 .bg-primary,
#sub-cats-slider-11 .bg-primary,
#sub-cats-slider-12 .bg-primary,
#sub-cats-slider-13 .bg-primary
{
background-color: transparent !important;
}
#sub-cats-slider-2 img,
#sub-cats-slider-3 img,
#sub-cats-slider-4 img,
#sub-cats-slider-5 img,
#sub-cats-slider-6 img,
#sub-cats-slider-7 img,
#sub-cats-slider-8 img,
#sub-cats-slider-9 img,
#sub-cats-slider-10 img,
#sub-cats-slider-11 img,
#sub-cats-slider-12 img,
#sub-cats-slider-13 img
{
filter: drop-shadow(2px 4px 6px #00000050);
}
/*---------*/
@media (max-width: 768px) {
.features div{
background-color: transparent ;
border: none !important;
display: flex !important;
flex-direction: row-reverse !important;
flex-wrap: wrap !important;
width: 45% !important;
align-content: center !important;
justify-content: center !important;
}
.features div.grid{
width: 100% !important;
}
  .cat-1 ul li {
    height: auto;
}
.cat-2 .home-block-title{
margin-bottom:0px;
margin-top:25px;
}
section.cat-1 .mx-auto,
section.cat-1 .px-6 {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
section.cat-1 ul {
display: grid !important;
grid-template-columns: 50% 50% !important;
gap: 0 !important;
column-gap: 0 !important;
row-gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
section.cat-2.cat-1 ul {
grid-template-columns: 100% !important;
}
section.cat-1 li {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
section.cat-1 li .overflow-hidden,
section.cat-1 li .rounded-2xl {
border-radius: 0 !important;
aspect-ratio: unset !important;
height: auto !important;
}
section.cat-1 img {
border-radius: 0 !important;
width: 100% !important;
aspect-ratio: unset !important;
height: auto !important; 
display: block !important;
object-fit: cover !important; 
}
}
/*----------------------------------------------------*/
.custom-social-inject,.custom-social-inject *{box-sizing:border-box}.snapchat:hover .card-icon,.snapchat:hover .card-overlay{background:var(--color-snapchat)}:root{--font-main:'Alexandria',sans-serif;--color-bg:transparent;--color-text:#1f2937;--color-snapchat:#FFFC00;--color-tiktok-black:#000000;--color-tiktok-cyan:#25F4EE;--color-tiktok-magenta:#FF0050;--color-whatsapp:#25D366;--color-instagram:#E4405F}.custom-social-inject{font-family:var(--font-main);background-color:var(--color-bg);padding:3rem 0;width:100%}.custom-container{max-width:1200px;margin:0 auto;padding:0 1rem}.custom-header{text-align:center;max-width:50rem;margin:0 auto 3rem}.custom-header .tag{display:inline-block;background-color:#2563eb20;color:#050f2c;font-weight:700;padding:.25rem 1rem;border-radius:9999px;font-size:.875rem}.custom-header h2{font-size:2rem;margin:1rem 0;color:#1f2937}.custom-header p{color:#6b7280;font-size:1.1rem}.social-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.social-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.social-grid{grid-template-columns:repeat(4,1fr)}}.social-card{display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:#fff;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #f3f4f6;text-decoration:none;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.social-card:hover{transform:translateY(-.5rem);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.card-icon{width:4rem;height:4rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.8rem;transition:.3s;z-index:1}.social-card h3{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:#1f2937;z-index:1}.social-card p{font-size:.875rem;color:#9ca3af;margin-bottom:1rem;z-index:1}.social-card span{font-size:.875rem;font-weight:500;z-index:1;color:#1f2937}.card-overlay{position:absolute;inset:0;opacity:0;transition:.3s;z-index:1}.social-card:hover .card-overlay{opacity:.05}.snapchat .card-icon{background:#fffbeb;color:#facc15}.snapchat:hover .card-icon,.whatsapp:hover .card-icon{color:#fff}.tiktok .card-icon{background:#f3f4f6;color:var(--color-tiktok-black)}.tiktok:hover{background:var(--color-tiktok-black);border-color:#000}.tiktok:hover .card-icon{background:0 0;color:#fff;text-shadow:1px 1px 0 var(--color-tiktok-cyan),-1px -1px 0 var(--color-tiktok-magenta)}.whatsapp:hover .card-icon,.whatsapp:hover .card-overlay{background:var(--color-whatsapp)}.instagram:hover *,.tiktok:hover *{color:#fff!important}.whatsapp .card-icon{background:#dcfce7;color:var(--color-whatsapp)}.instagram .card-icon{background:#fce7f3;color:#e4405f}.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-color:transparent}.instagram:hover .card-icon{background:rgba(255,255,255,.2);color:#fff}
/*-----*/
/*-----------------------------*/
#visitor-counter {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #222;
  color: #FFF;
  border-radius: 30px;
  padding: 10px 16px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px; /* صغرت الخط سنة عشان يبقى أشيك */
  z-index: 9999;
  gap: 10px; /* هذا هو السر: مسافة ذكية بين النقطة والنص */
  font-family: sans-serif;
}

#visitor-counter .dot {
  width: 12px;
  height: 12px;
  background-color: #2ecc71;
  border-radius: 50%;
  /* تم حذف margin-left من هنا */
  box-shadow: 0 0 10px #2ecc71;
  animation: pulse 1.5s infinite;
  flex-shrink: 0; /* عشان النقطة ماتنكمش */
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 10px #2ecc71;
  }
  50% {
    transform: scale(1.2);
    box-shadow: 0 0 16px #2ecc71;
  }
}