/***************header*******************/
header.bg-secondary.border-border-light.border-b.px-4.py-3.md\:px-16.md\:py-4 {
    background-color: rgba(167, 126, 78, 0.5);
}
nav.theme-container.relative.flex.items-center.justify-between {
    font-weight: 600;
}
dialog#mobile-drawer {
    margin-top: -3rem;
}

/* ALL */
header.bg-secondary.border-border-light.border-b.px-4.py-3.md\:px-16.md\:py-4 * {
    /* color: #fff !important; */
}

header el-popover#more-menu-popover,
header el-menu#menu-0{
    background-color: #f29728;
}


header ul.hidden.items-center.gap-6.lg\:flex
  li a,
header ul.hidden.items-center.gap-6.lg\:flex
  li button,
header
ul.flex.items-center.gap-1 li svg
{
   color: #fff !important;
}


/* ********main banner********** */

@media (min-width: 768px) {
  section.section-carousel.relative.overflow-hidden:first-of-type {
    margin-top: -7rem;
}
  
    [section-id="2433dd31-9c91-431c-ac8a-601e65f741d7"] .embla__slide {
        min-height: 1080px !important;
    }
}

/* *************banners************ */
@media (max-width: 768px) {
.embla__slide.relative.flex.items-center.justify-center.overflow-hidden {
    min-height: 250px;
    /* min-height: 180px; */
}
  
img.h-full.w-full.object-cover {
    object-fit: contain;
  object-position: top !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: #f18e1e;
}


/* ***************cats*************** */

/* title */
.md\:flex.md\:items-center.md\:justify-between {
    justify-content: center;
     margin-bottom: -4rem;
}

img.aspect-\[4\/5\].w-full.object-cover.transition-transform.duration-300.group-hover\:scale-105 {
    object-fit: contain;
}
h3.text-foreground.text-lg.md\:text-xl.font-semibold.text-start.md\:text-center {
    display: none;
}


/* ****************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;
}

/* card */
/* الحاوية */
[data-product-card] > .mt-auto{
    display:flex !important;
    flex-direction: row-reverse;
    align-items:center;
    gap:8px;
    gap:0px;
}

/* زر المفضلة */
[data-product-card] .mt-auto [data-wishlist-btn]{
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    padding:0 !important;
    flex-shrink:0;
}

/* زر أضف للسلة */
[data-product-card] .mt-auto [data-add-to-cart]{
    width:auto !important;
    flex:1 !important;
    min-width:0;
}
h3.text-foreground.text-sm.font-medium,
p.text-foreground.text-sm.font-semibold{
    font-weight: 600;
}

/* ************feature**************** */
section.section-benefits.bg-secondary.px-4.py-6.md\:p-16
.flex.flex-col.items-center.gap-4 {
    background-color: #252525;
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-radius: 1rem;
}
section.section-benefits.bg-secondary.px-4.py-6.md\:p-16
h3.text-foreground.text-base.font-semibold{
  color: #f18e1e;
}


/******************footer ******************  */
footer#footer {
    background: url(https://i.ibb.co/gMtSjTpz/Frame-611-5.webp);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-color: #262626;
}
@media (min-width: 768px) {
  footer#footer {
    background-position: center;
}
}
footer#footer * {
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: 600;
}

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