/* Add custom CSS styles below */

/* CSS Variables */
:root {
    --color-primary: #6C92C0;
    --color-primary-dark: #446991;
    --color-primary-light: #fffcff;
    --color-primary-reverse: #446991;
    --banner-gap: 20px; /* Added missing variable */
}

/* Typography */
.font-\[400\] {
    font-weight: 500;
}
.athena-image {
    height: auto;
}

.h-full {
    height: auto !important;
}

.mm-spn li img {
    background-color: #fff;
}

.text-sm {
    font-size: 1.1rem;
}
.color-box a {
    border-color: #ffffff00 !important;
}

.who-we-are-subtitle {
    font-size: 20px;
    font-weight: 400;
}

.main-menu li.root-level > a {
    padding-left: 18px;
    padding-right: 18px;
}

/*  span relative */
a[aria-label="ورد"] span {
    position: relative;
    display: inline-block;
}

/* badge */
a[aria-label="ورد"] span::before {
    content: "soon";
    color: #d30000;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 7px;
    position: absolute;
    top: -15px;
    left: -22px; /*  RTL */
    white-space: nowrap;
    z-index: 5;
}


/* نضيف soon */
#mobile-menu > ul > li:first-child + li > span::after {
    content: "soon";
    background: #d30000;
    color: #fff;
    position: absolute;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 7px;
    top: 6px;
    left: 58%; /*  RTL */
    display: inline-block;
}

/* Home Component Title with Lines */
.s-reviews-header-wrapper {
    justify-content: center;
}
.s-reviews-header {
    font-size: 32px;
    margin-bottom: 0.1rem;
}

.s-reviews-header-wrapper, .home_component_mini_title, .home_component_title {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-bottom: 12px;
    color: #446991;
    line-height: 1.3;
}

.s-reviews-header-wrapper::before,
.s-reviews-header-wrapper::after,
.home_component_title::before,
.home_component_title::after {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #446991;
    top: 50%;
    width: 35%;
    display: inline-block;
    transform: translateY(-50%);
}

.s-reviews-header-wrapper::before, .home_component_title::before {
    right: 0;
    margin-right: 50px; /* Fixed: removed extra colon */
}

.s-reviews-header-wrapper::after, .home_component_title::after {
     left: 0;
     margin-left: 50px; /* Fixed: removed extra colon */
}

@media (max-width: 767px) {
    .s-reviews-header-wrapper::before,
    .s-reviews-header-wrapper::after,
    .home_component_title::before,
    .home_component_title::after {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #446991;
    top: 50%;
    width: 23%;
    display: inline-block;
    transform: translateY(-50%);
    }
   .s-reviews-header-wrapper::before, .home_component_title::before {
    right: 0;
    margin-right: 20px; /* Fixed: removed extra colon */
   }

   .s-reviews-header-wrapper::after, .home_component_title::after {
     left: 0;
     margin-left: 20px; /* Fixed: removed extra colon */
   }
  section:first-of-type {
  height: 72vh !important;
  }
}

/* Navbar Brand */
.navbar-brand img {
    max-height: 4rem;
    max-width: 180px;
}

.navbar-brand {
    scale: 1.5 !important;
}

@media (min-width: 680px) {
    .navbar-brand img {
        max-width: 220px;
    }
}

/* Main Menu */
.main-menu li.root-level > a {
    font-size: 16px;
}

@media only screen and (min-width: 1024px) {
    .main-menu .has-children.root-level>a:after {
        padding-right: 5px;
    }
}

@media only screen and (min-width: 1024px) {
    .main-menu .sub-menu {
        width: 35%;
    }
    
    .main-menu {
        margin-left: 1rem;
        margin-right: 1rem;
        padding-top: 1rem;
    }
}

/* Container */
@media (min-width: 1280px) {
    .container {
        max-width: 100%;
    }
}
.grid-container {
      margin-top: -70px;
}


/* Products Tabs Section */
.products_tabs_section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px;
}

@media (min-width: 768px) {
    .s-tabs-header-item {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        margin: 0 1.2rem;
    }
}

/*background-image: url('https://cdn.files.salla.network/homepage/75630105/be5d0893-ce70-471f-baab-5a913eeede64.webp');
*/

.slide-content {
    padding-top: 40%;
}

/* Slider Button */
.athena_slider_btn {
    background-color: #d04978;
    border-radius: 35px;
    color: #ffffff;
    padding: 10px 50px;
    font-size: 21px;
    font-weight: 600;
}

/* Triple Image Banner */
.triple-image-banner .banner-item {
    flex: 0 0 calc((100% - (3 * var(--banner-gap))) / 4);
    width: calc((100% - (3 * var(--banner-gap))) / 4);
}

@media only screen and (max-width: 782px) {
    .triple-image-banner .banner-item {
        flex: 0 0 calc((100% - (1 * var(--banner-gap))) / 2);
        width: calc((100% - (1 * var(--banner-gap))) / 2);
    }
}

/* Grid Layouts */
.grid-cols-2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Note: Removed invalid 'element.style' selector */

/* Banner Title */
.triple-image-banner .banner-title {
    font-weight: 500;
    background: #00000060;
    padding: 3px 12px;
    font-size: 1rem;
}

.text-base {
    font-size: 1.1rem;
}

/* Responsive Sizing */
@media (min-width: 1024px) {
    .lg\:w-14 {
        width: 4rem;
    }
    
    .lg\:h-14 {
        height: 4rem;
    }
}

@media (min-width: 1280px) {
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
    .xl\:columns-4 {
        -moz-columns: 4;
        columns: 3;
    }
}

/* Mobile Layout */
@media (max-width: 639px) {
    .grid-item {
        flex-direction: row-reverse !important;
    }
    
    .grid-container div:first-child {
        flex-direction: row !important;
    }
    
    .grid-container div:nth-child(3) {
        flex-direction: row !important;
    }
    
    .color-box {
        width: 50%;
        height: 100%;
        max-height: 100%;
    }
    
    .img-box {
        width: 50%;
    }
}

/* Tablet Styles */
@media (min-width: 768px) {
    .products_tabs_section_tab {
        font-size: 20px;
        font-weight: 600;
        color: #446991;
    }

  .products_tabs_section .s-tabs-header {
    margin: 36px auto;
}
    
    .products_tabs_section .s-tabs-header-item {
        padding-bottom: 6px;
    }
    
    .products_tabs_section:hover,
    .products_tabs_section .s-tabs-active {
        border-bottom: 1px solid #446991;
    }
}

/* Footer */
@media (min-width: 1024px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* Social Links */
.s-social-link a {
    height: 2.7rem;
    width: 2.7rem;
    border-width: 2px;
    line-height: 1.4rem;
}

.s-social-link a svg {
    height: 1.3rem;
    width: 1.3rem;
}

/* Footer Background */
.footer-is-light .store-footer .store-footer__inner {
    background-color: #284b71;
}

.store-footer {
    background-color: #284b71;
}

/* Cards */
.athena-card.border {
    border: 0;
}

.athena-desktop-add-btn .s-button-primary-outline {
    background: #6C92C00d !important;
    margin-top: -33%;
}

.s-button-primary-outline:hover {
    background: #6C92C0 !important; /* Fixed: removed extra digit */
}
.athena-card-content {
      margin-top: -8%;
      padding: 1px 8px;

}

/* Carousel */
@media (min-width: 640px) {
    .carousel-slider .swiper-wrapper > div {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
}

/* Color Box Links */
.color-box a {
    font-weight: 500;
    font-size: 1.2rem;
}

.athena-card.bg-white {
    background-color: #ffffff00;
}

/* Override Grid Columns */
@media (min-width: 1024px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

#\31 003041911 > a > img{
      width: 5.8rem;
}
#\31 003041911 > a > span {
  display: none;
}

 .s-reviews-container .swiper-slide {
        margin: 40px auto;
    }


#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a {
      margin-top: -20px;
}

.s-button-primary {
    color: #fff !important;
}