:root{
  --primary-color: #121212;
}

/* ==========================================
   Header
========================================== */

/* جميع الصفحات */
.sticky > header {
    background: var(--primary-color);
}

header nav > .flex ul.hidden.lg\:flex > li > a,
header nav > el-dialog#mobile-drawer-dialog > button,
header nav > .flex ul.hidden.lg\:flex > li > el-dropdown > button,
header nav > .flex ul.hidden.lg\:flex > li > .relative > button,
header nav > ul:last-child svg,
header nav > ul:last-child button,
header nav > ul:last-child a,
header nav > .flex ul.hidden.lg\:flex > li > el-dropdown > button svg,
header nav > .flex ul.hidden.lg\:flex > li > .relative > button svg {
    color: #fff !important;
}



  


/*links*/
[section-id="c626f9bc-a125-411a-8aaf-481e596b8b6c"] .btn,
[section-id="2433dd31-9c91-431c-ac8a-601e65f741d7"] .btn,
[section-id="a41bb3a4-b16c-4ae5-95d4-b067aaa6ea0d"] .btn,
[section-id="57446844-a32b-480f-aeed-e385a6cc8cee"] .btn,
[section-id="57dc672c-9169-4ec8-94bb-6c492f2d1e5b"] .btn,
[section-id="1d85950c-c745-43ff-978a-ce8e1f200bae"] .btn {
    display: none !important;
}




/* *************
            titles
******** */
section.section-products.px-4.py-6.md\:px-16.md\:py-16
.flex.items-center.justify-between,
.md\:flex.md\:items-center.md\:justify-between {
    display: flex;
    align-items: center;
    justify-content: center !important;
    gap: 16px;
    
}
section.section-products.px-4.py-6.md\:px-16.md\:py-16
.flex.items-center.justify-between::before,

section.section-products.px-4.py-6.md\:px-16.md\:py-16
.flex.items-center.justify-between::after,

.md\:flex.md\:items-center.md\:justify-between::before,
.md\:flex.md\:items-center.md\:justify-between::after {
    content: "";
    width: 80px;
    height: 1px;
    background: #252525;
    /* flex-shrink: 0; */
}
h2.text-foreground.text-xl.md\:text-2xl.font-semibold.tracking-tight {
    text-align: center;
    color: var(--primary-color);
}



/* cats */
h3.text-foreground.text-lg.md\:text-xl.font-semibold.text-start.md\:text-center {
    display: none !important;
}







/* ==========================================
   All Hero Banners - Show Full Banner
========================================== */

.section-hero {
    min-height: auto !important;
    height: auto !important;
    padding: 0 !important;
}

/* Banner background container */
.section-hero > .absolute.inset-0 {
    position: relative !important;
    inset: unset !important;
    width: 100%;
    height: auto !important;
    background-color: transparent !important;
}



/* Hide text / buttons container */
.section-hero .theme-container {
    display: none !important;
}

/* Hide primary overlay */
.section-hero .bg-primary {
    display: none !important;
}

/* ========================================== */







/* *************
            titles
******** */
section.section-products.px-4.py-6.md\:px-16.md\:py-16
.flex.items-center.justify-between,
.md\:flex.md\:items-center.md\:justify-between {
    display: flex;
    align-items: center;
    justify-content: center !important;
    gap: 16px;
    
}


.md\:flex.md\:items-center.md\:justify-between::before,
.md\:flex.md\:items-center.md\:justify-between::after {
    /* content: ""; */
    width: 80px;
    height: 1px;
    background: #252525;
    /* flex-shrink: 0; */
}
h2.text-foreground.text-xl.md\:text-2xl.font-semibold.tracking-tight {
    /* text-align: center; */
    /* color: var(--primary-color); */
}



/* cats */
h3.text-foreground.text-lg.md\:text-xl.font-semibold.text-start.md\:text-center {
    display: none !important;
}














/* =========================================
   Categories - Desktop 4 Columns
========================================= */

section.section-categories a img{
  object-fit: contain;
  aspect-ratio: unset;
}


@media (min-width: 768px) {

    /* إلغاء الـ Slider */
    section.section-categories .embla__viewport {
        overflow: visible !important;
    }

    section.section-categories .embla__container {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        transform: none !important;
    }

    section.section-categories .embla__slide {
        flex: unset !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

     section.section-categories .embla__slide {
        object-fit: contain;
     }

    /* إخفاء الأسهم وشريط التقدم */
    section.section-categories .embla__prev,
    section.section-categories .embla__next,
    section.section-categories .embla__progress,
    section.section-categories [data-carousel-progress] {
        display: none !important;
    }

   section.section-categories .flex.items-center.gap-2 {
        display: none !important;
    }
}

/* =========================================
   Categories - Mobile 2.5 Cards
========================================= */

@media (max-width: 767px) {

    section.section-categories .embla__slide {
        /* flex: 0 0 calc(100% / 2.5) !important; */
        flex: 0 0 calc(100% / 2) !important;
        /* min-width: calc(100% / 2.5) !important; */
        min-width: calc(100% / 2) !important;
        padding-inline-end: 12px;
    }

}







/* ==========================================
          gallery
============================================  */

section.section-gallery
.media-wrap{
  aspect-ratio: unset;
}

section.section-gallery
.media-wrap img{
  object-fit: contain;
}

@media(max-width: 768px){
  section.section-gallery
    .grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}








/* =============================================
                  prod
============================================== */
.products-embla__slide {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.group.relative.flex.h-full.flex-col.gap-4.group-data-\[grid\=list\]\/grid\:grid.group-data-\[grid\=list\]\/grid\:grid-cols-2.group-data-\[grid\=list\]\/grid\:grid-rows-\[1fr_auto\].group-data-\[grid\=list\]\/grid\:gap-4.md\:group-data-\[grid\=list\]\/grid\:grid-cols-\[auto_1fr\].md\:group-data-\[grid\=list\]\/grid\:grid-rows-\[auto_auto\] {
    box-shadow: 0px 4.5px 19px 0px rgba(37, 37, 37, 0.25);
    padding: 1rem;
    border-radius: 12px;
    
}

button.btn.btn-outlined.btn-lg.w-full.md\:group-data-\[grid\=list\]\/grid\:w-1\/2 {
    border-radius: 20px;
    border-color: var(--primary-color);
}

/* title &price */
.flex.flex-1.flex-col.gap-3.group-data-\[grid\=list\]\/grid\:col-span-1.group-data-\[grid\=list\]\/grid\:row-span-1.group-data-\[grid\=list\]\/grid\:min-w-0.group-data-\[grid\=list\]\/grid\:self-start {
    text-align: center;
}



/* ==========================================
   Product Cards - Equal Height
========================================== */

[data-product-card] {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Image */
[data-product-card] > a:first-child {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    flex-shrink: 0 !important;
}

[data-product-card] > a:first-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

/* Product info */
[data-product-card] > div:nth-child(2) {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Buttons */
[data-product-card] > div:last-child {
    margin-top: auto !important;
}


/* ==========================================
   Mobile
========================================== */

@media (max-width: 767px) {

    [data-product-card] {
        padding: 8px !important;
    }

    [data-product-card] > a:first-child {
        aspect-ratio: 1 / 1 !important;
    }

    [data-product-card] > a:first-child img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    [data-product-card] > div:nth-child(2) {
        gap: 6px !important;
    }

}








/* ============================================
footer
=============================================  */
footer#footer {
    background: url(https://i.ibb.co/DfHck78b/Frame-1820550121-1.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--primary-color);
        /* background-size: 100% 100%; */
        background-size: contian !important;
}
@media (max-width: 768px) {
  footer#footer {
    background-position: center;
    background-size: contain;
    /* background-color: transparent; */
}
}
footer#footer * {
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: 600;
}


footer img[alt="ABDULLAH M ALFAIFI"]{
    width: 206px;
}

.text-foreground.text-sm span {
    /* display: none; */
}












/* =========================================
            loyalty
========================================= */

button.loyalty_footer_btn,
.rtl.loyalty-points-products-section
{
    display: none !important;
}





/* =========================================
             categories page
========================================= */
body[data-template="category_details"]
.subcategories-embla {
    display: none;
}







/* =========================================
            arrows cursor pointer
========================================= */


el-select#per-page-select *,
el-select#sort-select *,
el-dropdown.inline-block *,

button#popover-button-15 ,
button#popover-button-16,

header ul li *
{
  cursor: pointer !important;
}