@media (min-width: 1024px) {
    .main-links-mosaique-wrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@keyframes logoAnimation {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(1.1) rotate(5deg); }
    50% { transform: scale(1) rotate(0deg); }
    75% { transform: scale(1.1) rotate(-5deg); }
    100% { transform: scale(1) rotate(0deg); }
}

.logo, #app > div.app-inner > nav.main-navbar.ease-\[cubic-bezier\(\.5\,\.52\,\.5\,\.52\)\].duration-300.h-auto.w-\[90\%\].bg-white\/80.dark\:bg-\[\#1f1f2ceb\].rounded-xl.z-20.-translate-x-1\/2.left-1\/2.backdrop-blur-sm.navbar-box-shadow.py-2.px-4.flex.justify-between.fixed.top-3 > div.flex.gap-3 > a:nth-child(2) > img {
    animation: logoAnimation 3s infinite ease-in-out;
    display: block;
    margin: 0 auto;
}


@media screen and (max-width: 520px) {

#app > div.app-inner > section.main-links-mosaique.bg-\[var\(--bg-primary\)\].duration-\[0\.3s\] > div > div.main-links-mosaique-wrapper > div.main-links-mosaique-third-col > div > div.main-links-mosaique-third-col-first.sal-animate > div > div > div > div > div {
max-width: 11rem !important;
}
}



#app > div.app-inner > nav.main-navbar.ease-\[cubic-bezier\(\.5\,\.52\,\.5\,\.52\)\].duration-300.h-auto.w-\[90\%\].bg-white\/80.dark\:bg-\[\#1f1f2ceb\].rounded-xl.z-20.-translate-x-1\/2.left-1\/2.backdrop-blur-sm.navbar-box-shadow.py-2.px-4.flex.justify-between.absolute.top-\[60px\] > div.flex.gap-3 > a:nth-child(2) > img {
    animation: logoAnimation 3s infinite ease-in-out;

}

/* Add custom CSS styles below */ 
.product-card-content-media-discount {
  display: none;
}
.product-single .container {
  background-color: var(--bg-primary);
}

footer a {
    color: black! important;
}
.dark footer a {
    color: white! important;
}

.dark footer p {
    color: white! important;
}
footer p {
    color: black! important;
}

.dark .text-\[\#676D75\] {
    color: white! important;
}
.text-\[\#676D75\] {
    color: black! important;
}
: root {
  --description-color: black! important;
}
.dark {
  --description-color: white! important;
}
@media screen and (max-width: 786px) {
.main-navbar img {
   height: 40px !important;
}
}

.whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
background: radial-gradient(ellipse farthest-corner at right bottom, #1b5b62 0%, #70edff 8%, #23e3fe 30%, #69cdff 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #000000 0%, #FFFFAC 8%, #27bfd4 25%, #164751 62.5%, #20a1b8 100%);
  color: #000;
  border: none;
  border-radius: 50%;
  font-size: 24px;
  cursor: pointer;
  z-index: 9999;
}

#whats {
  font-size: 35px;
}

.whatsapp-button:hover {
  background-color: #000000;
}

@media screen and (max-width: 786px) {
    .main-navbar img {
        height: 60px !important;
    }
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    white-space: nowrap;
}
/* تنسيق الشعار والقائمة للجوال فقط */
@media (max-width: 1024px) {
    .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

    .navbar .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .navbar .menu {
        margin-left: auto;
    }
}

#app > div.app-inner > section.main-links-mosaique.bg-\[var\(--bg-secondary\)\].duration-\[0\.3s\] > div > div.main-links-mosaique-wrapper > div.main-links-mosaique-fourth-col.sal-animate , #app > div.app-inner > section.main-links-mosaique.bg-\[var\(--bg-primary\)\].duration-\[0\.3s\] > div > div.main-links-mosaique-wrapper > div.main-links-mosaique-fourth-col.sal-animate{
display: none;
}

@media (max-width: 520px) {
.section-heading-title {
    font-size: 1rem;
    }
    .enhanced-products-slider-heading-action {
        font-size:.8rem;
    }
    .enhanced-products-slider-swiper-actions-start-prev, .enhanced-products-slider-swiper-actions-start-next {
    height: 1.5rem;
    width: 1.5rem;
    }
}

.product-card-actions-add-to-cart {
background: #04c3d0;
color: white;
border: none;
border-radius: 15rem;
padding-left:1rem;
padding-right:1rem;
animation: shake 2.5s infinite ease-in-out;
}

 @keyframes shake {
0%, 100% { transform: translateX(0);}
25% { transform: translateX(-5px); }
50% { transform: translateX(5px); }
75% { transform: translateX(-5px); }
}

@media (max-width: 767px) { /* ينطبق فقط على شاشات الموبايل */
    .store-features-style-1-content-wrapper {
        display: flex;
        flex-wrap: nowrap;  /* يمنع العناصر من الانتقال للسطر التالي */
        overflow-x: auto;   /* يضيف تمرير أفقي إذا لم تكن الشاشة كافية */
        gap: 10px;          /* يضيف مسافة صغيرة بين العناصر */
        justify-content: space-between;
    }

    .store-features-style-1-content-single {
        min-width: 30%;  /* يجعل كل عنصر يأخذ مساحة مناسبة */
        flex: 1;         /* يجعل العناصر متساوية الحجم */
    }
}

.banners-builder-single-content-informations-button:hover .banners-builder-single-content-informations-button-container {
transform: translateY(-15px);
}
.banners-builder-single-content-informations-button-text-first {
    line-height: 20px !important;
}

.main-links-mosaique-third-col-wrapper > div:nth-child(2) .main-links-mosaique-single {
    display: none;
}