.banner-entry {
    height: 256px;
}
.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8  .banner-entry {
    height: 319px !important;
}
a.block.mb-5.last\:mb-0.text-sm.leading-none.da-tm.hover\:text-primary , strong.da-tm.font-bold.text-xl{
    color: #c5ad53;
}

p.mb-2.lg\:mb-0.da-tm {
    color: white;
}


.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 p {
    color: rgb(197 173 83);
}

a.social-icon.bubble-show.da-tm {
    color: #c5ad53;
}

span.text-sm.da-tm {
    color: white;
}

/* Add custom CSS styles below */ 
.s-products-list-wrapper{
    grid-template-columns: repeat(4, minmax(0, 1fr));}
    
p.footer-description p{
    color: white !important;
}
.banner-entry{
  height: 251px !important;}

.s-product-card-content-footer salla-add-product-button .s-button-outline {
    background: #174358;
    color: white;
}

a.mburger.mburger--collapse.flex.items-start.me-1 {
    color: #003F4B;
}

footer.store-footer {
    background: #004957 !important;
}

@media (max-width: 600px) {
.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 {
    display: flex !important;
    flex-wrap: nowrap; /* عشان لو الشاشة صغيرة ينزلوا تحت بعض */
    gap: 10px;
    justify-content: center; /* أو space-between أو start */
    align-items: flex-start;
}

.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 {

display: grid !important;
  grid-template-columns: repeat(3, 1fr); /* 3 أعمدة جنب بعض */
  gap: 10px;
  justify-items: center;
  align-items: start;
}

.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 .banner-entry {
    width: 122px !important;
    height: 77px !important;
}
.s-products-list-wrapper{
    grid-template-columns: repeat(2, minmax(0, 1fr));}
    
}


.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 .banner-entry {
    height: 233px;
}


.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 .banner-entry  {
   height: 260px;
    
}


a.block.mb-5.last\:mb-0.text-sm.leading-none.da-tm.hover\:text-primary {
    color: #c4ac52 !important;
}

.store-footer h3 {
    color: white;
}
span.before-price.text-gray-400.line-through {
    color: #a58825;
}

div#product-1619816671 {}

custom-salla-product-card#\37 5337056 {
    box-shadow: inset rgb(0 0 0) 1px 2px 6px 0px, rgb(255 255 255 / 50%) -3px -3px 6px 1px inset;
}

span.before-price.text-gray-400.line-through {
    color: #a58825;
}

.flex.flex-col.bg-gray-100.da-bgg.relative.md\:mb-6 {
    padding-top: 50px !important;
}

.flex.flex-col.bg-gray-100.da-bgg.relative.md\:mb-6 {}

nav.breadcrumbs.w-full.py-3 ol.flex.items-center.flex-wrap.text-sm  {
    font-size: 18px !important;
}


a.fix-align.text-primary {
    color: #0d3d4e;
}

nav.breadcrumbs.w-full.py-3 {
    box-shadow: rgb(194 193 193 / 37%) 3px 3px 6px 0px inset, rgb(203 172 81 / 55%) -3px -3px 6px 1px inset;
    padding: 15px;
}

.s-product-card-entry {
    box-shadow: rgb(23 67 88 / 67%) 0px 5px 15px !important;
}
.s-product-card-entry:hover {
  animation: bounce 0.6s ease;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 .banner-entry {
  animation: floatTilt 7s ease-in-out infinite;
}

@keyframes floatTilt {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-6px) rotate(1deg);
  }
  50% {
    transform: translateY(-10px) rotate(-1deg);
  }
  75% {
    transform: translateY(-6px) rotate(1deg);
  }
}
.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 .banner-entry {
  animation: glowPulse 5s ease-in-out infinite;
  transition: all 0.4s ease-in-out;
}

.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 .banner-entry:hover {
  transform: scale(1.05);
}

@keyframes glowPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(23, 67, 88, 0.3);
  }
  50% {
    transform: scale(1.03);
    box-shadow: 0 0 25px rgba(23, 67, 88, 0.6);
  }
}
img.logo-light {
    height: 5rem;
}