/*لون الخلفية*/
body.index {
    background: linear-gradient(#ffffff,#FAEBD7	);
;
}
*{

/*حجم اللوقو*/
.navbar-brand img {
    max-height: 3rem;
    width: auto;
    max-width: 100px;
    border-radius: 50px;
}
/*ايقونات المتجر*/

.header-btn__icon {
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: #7c4621;
    border-color:white;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: #7c4621;
    color:#7c4621;
}
/**/

/*الاقسام */
.slide--cat-entry {
    display: flex;
    height: 9rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, 1);
    border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color:#e8d9b0;
    background-color:#e8d9b0;
    padding: 0.75rem;
    text-align: center;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    width: 170px;
     height: 90px;
        border-radius: 50px;
         margin: 30px auto;

}
/**/
/*الاقسام ايقونات  */
.slide--cat-entry i {
    margin-bottom: 1rem;
    display: inline-block;
    font-size: 33px;
     color: white;
    color: #562812;
    text-align: center;

}
/**/

.s-slider-block__title h2 {
    position: relative;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    color: black;
}

*{
font-family: 'cairo';
}
.topnav-is-dark .top-navbar {


}
.g_cat .products-item .image-parent img{
   position: relative; width: 140px; height: 140px; overflow: hidden; border-radius: 50%;
   }

   /* Add custom CSS styles below */ 

 .mm-spn.mm-spn--light {
        color: #000;
        background: #FFFAF1;
    }
    .mm-spn.mm-spn--dark {
	color: #ddd;
	background: #333
}

/*تعديل واحد*/
.justify-center {
    justify-content: center;
 
}

.image-title .title-heade {
        font-weight: 700;
        min-width: 150px;
        padding: 10px 23px;
        font-size: 14px;
        line-height: 16px;
    }

.image-title .title-heade {
    text-align: rghit;
    min-width: 260px;
    padding: 14px 30px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    color: #000;
    text-wrap: nowrap;
}
/*
.s-products-list-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: .25rem;
    row-gap: 0.25rem;
    column-gap: 0.25rem;
    gap: .25rem;
}
.s-products-list-horizontal-cards {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    row-gap: 1rem;
    column-gap: 1rem;
}
.s-products-list-wrapper {
    margin-bottom: 2rem;
    display: grid;
}
.hydrated {
    visibility: inherit;
}
s-product-card-image-full {
    overflow: hidden;
    border-radius: 50px;
}
.s-product-card-entry{
    position:relative;
    display:flex;
    height:90%;
    width: 50px
    justify-content:space-between;
  border-radius: 25px 25px 0 25px;
    --tw-bg-opacity:1;
    background-color:#fff;
    background-color:rgba(255,255,255,var(--tw-bg-opacity));
    transition-property:box-shadow;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:300ms
}
.landing-page .swiper-wrapper .s-product-card-entry,.landing-page .s-products-list-wrapper .s-product-card-entry{
    border-width:1px;
    --tw-border-opacity:1;
    border-color:#eee;
    border-color:rgba(238,238,238,var(--tw-border-opacity))
}
.s-product-card-content{
    position:relative;
    display:flex;
    flex-direction:column;
    padding:.75rem
}


.store-footer__inner{
    border-bottom-width:1px;
    border-style:dashed;
    border-bottom-color:rgba(255,255,255,.1);
    --tw-bg-opacity:1;
    background-color:#1d1f1f;
    background-color:rgba(29,31,31,var(--tw-bg-opacity));
    padding-top:2rem;
    padding-bottom:2rem;
    padding-left:1.25rem;
    padding-right:1.25rem
    font-color: #c2741f;
    
}
*/
/*new card*/
/* Card Container */
.s-product-card-entry {
    position: relative;
    display: flex;
    flex-direction: column;
    height: auto;
    border-radius: 12px;
    background-color: #000; /* Black background to match the image */
    border: 1px solid #333; /* Dark border */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: box-shadow 0.3s cubic-bezier(.4, 0, .2, 1);
}

/* Card Hover Effect */
.s-product-card-entry:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Full Width Image Styling */
.s-product-card-image-full img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
}

/* Price Display (Top-Right) */
.s-product-price {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    color: white;
    text-align: right;
}

.s-product-price del {
    color: #aaa;
    font-size: 0.9rem;
}

.s-product-price span {
    font-size: 1.3rem;
    font-weight: bold;
}

/* Wishlist Icon (Top-Left) */
.s-product-card-wishlist {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: white;
    color: black;
    padding: 5px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
}

/* Product Card Content */
.s-product-card-content {
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    color: #fff;
}

/* Product Title Styling */
.s-product-card-content h3 {
    font-size: 1.2rem;
    margin: 10px 0;
    font-weight: bold;
}

/* Category Text */
.s-product-card-content .category {
    font-size: 0.9rem;
    color: #ccc;
}

/* Add to Cart Button */
.s-product-card-content .btn {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #fff;
    color: #000;
    border: none;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.3s ease;
}

.s-product-card-content .btn:hover {
    background-color: #ddd;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .s-products-list-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

@media (max-width: 480px) {
    .s-product-card-entry {
        border-radius: 10px;
    }

    .s-product-card-content {
        padding: 10px;
    }
}




/*العناوين*/
.image-title .title-heade {
    text-align: center;
    min-width: 100px;
background:linear-gradient(#d9a73c,#c2741f);
    padding: 10px 20px;
border-radius: 25px 25px 0 25px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    white-space: nowrap;
    position: relative; /* Ensure the pseudo-elements are positioned correctly */
    display: inline-block;
    
    margin: 10px 0;
}

.image-title .title-heade::before,
.image-title .title-heade::after {
    content: "";
    position: absolute;

    top: 50%;
    width: 20%; /* Adjust the width to be responsive */
    height: 2px; /* Adjust the thickness of the lines as needed */
    background-color: #c2741f; /* Adjust the color of the lines as needed */
    transform: translateY(-50%);
}

.image-title .title-heade::before {
    left: -25%; /* Adjust the distance from the text */
}

.image-title .title-heade::after {
    right: -25%; /* Adjust the distance from the text */
}

@media (max-width: 768px) {
    .image-title .title-heade {
        font-size: 14px; /* Adjust the font size for smaller screens */
        padding: 12px 25px;
    }

    .image-title .title-heade::before,
    .image-title .title-heade::after {
        width: 18%; /* Adjust the width for smaller screens */
    }

    .image-title .title-heade::before {
        left: -20%; /* Adjust the distance for smaller screens */
    }

    .image-title .title-heade::after {
        right: -20%; /* Adjust the distance for smaller screens */
    }
}

@media (max-width: 480px) {
    .image-title .title-heade {
        font-size: 13px; /* Adjust the font size for smaller screens */
        padding: 10px 20px;
    }

    .image-title .title-heade::before,
    .image-title .title-heade::after {
        width: 15%; /* Adjust the width for smaller screens */
    }

    .image-title .title-heade::before {
        left: -17%; /* Adjust the distance for smaller screens */
    }

    .image-title .title-heade::after {
        right: -17%; /* Adjust the distance for smaller screens */
    }
}

.footer-wave {
    position: relative;
    width: 100%;
    margin-bottom: -10px; /* Adjust based on your content */
    z-index: 1;
}

.footer-title span {
    color: gold;
    font-size: 25px;
}

.footer-title {
    color: white;
    font-size: 15px;
    margin-bottom: 10px;
}

.feature-item__icon {
    margin: auto;
    width: 75px;
    height: 75px;
    background-color: coral;
    color: darkturquoise;
    border-radius: 90%;
    font-size: 50px;
    line-height: 75px;
    margin-bottom: 3rem;
    transition: transform 0.3s ease;
}

.feature-item__icon:hover {
    transform: scale(1.1); /* Slight hover effect */
}

.feature-item h3 {
    font-weight: bold;
    color: white;
    font-size: 35px;
    margin-top: -2rem;
}

/* Styling the wavy footer background */
footer {
    position: relative;
    background-color: #007bff; /* Blue background */
    padding: 2rem 0;
    color: white;
    text-align: center;
}


/*المسافة8*/
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 1rem;
}
/*ايقونت  الواتس */

.floating-wpp:hover .floating-wpp-button {
    box-shadow: 1px 2px 8px rgba(60,60,60,.4);
    margin-bottom: 3rem;
}



/*ايقونات سلة*/
.bg-\[var\(--f-color\)\]{
background:linear-gradient(#d9a73c,#c2741f);}
}

element.style {
}
.button-56 {
    position: static;
    margin: auto;
    height: 48px;
    width: 187.5px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .5rem;
border-radius: 25px 25px 0 25px;
    padding: 1rem;
    direction: ltr;
}


/*التنقلات سلة*/

.s-slider-nav-arrow{
border-radius: 25px 25px 0 25px;
    border-color:var(--f-color);
    color:var(--f-color)

}

.s-slider-v-centered .s-slider-block__title-nav button{
    pointer-events:auto;
    border-style:none;
    --tw-bg-opacity:1;
    background:linear-gradient(#d9a73c,#c2741f);
    --tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:0 0 transparent,0 0 transparent,0 10px 15px -3px #d1d5db,0 4px 6px -4px #d1d5db;
    box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow);
    --tw-shadow-color:#d1d5db;
    --tw-shadow:var(--tw-shadow-colored)
}

/*التقيم سلة*/

.section_c_r .content_tistimonial{
    margin:auto;
    max-width:385px;
    border-width:1px;
    --tw-bg-opacity:1;
    border-radius: 25px 25px 0 25px;

    background:linear-gradient(#d9a73c,#c2741f);
    background-color:rgba(255,255,255,var(--tw-bg-opacity));
    box-shadow:0 10px 20px 0 rgba(78,78,78,.07);
    border-style:solid;
    -o-border-image:linear-gradient(to bottom,#f0f0f0,#fff) 1;
    border-image:linear-gradient(to bottom,#f0f0f0,#fff) 1
}

.section_c_r .content_tistimonial .imag_raduse{
    display:flex;
    justify-content:center;
    left:50%;
    max-width:108px;
    --tw-translate-x:-50%;
    --tw-translate-y:-50%;
    transform:translate(-50%,-50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 35px 35px 0 35px;
    aspect-ratio:1
}

.section_c_r .content_tistimonial .cover_content .desc_contant{
    font-size:14px;
    font-weight:400;
    line-height:25px;
    color:#fff;
    text-align:center
}


/*مميزات  المتجر سلة*/
.g_features .products-item i{
    transition:ease all .5s;
color:linear-gradient(#d9a73c,#c2741f);}



/*الاعلانات */


.ads .img .over .text button {
    border-radius: 25px 25px 0 25px;
    border-width: 0;
    background:linear-gradient(#d9a73c,#c2741f);
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    font-optical-sizing: auto;
    border-radius: 25px 25px 0 25px;

}

.s-product-card-vertical .s-product-card-wishlist-btn button {
    --tw-bg-opacity: 1 !important;
    background: #d2b564 !important; /* Apply linear gradient */
    color: #000; /* Set text color to white for better contrast */
    border: none; /* Remove border for a cleaner look */
    border-radius: 8px; /* Rounded corners */
    padding: 10px; /* Padding for better spacing */
    cursor: pointer; /* Pointer cursor to indicate clickable element */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for 3D effect */
}

.s-product-card-vertical .s-product-card-wishlist-btn button:hover {
    background: #c6a039
!important; /* Reverse gradient on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Intensify shadow on hover */
}

.s-product-card-vertical .s-product-card-wishlist-btn button:active {
    transform: scale(0.95); /* Slightly scale down on click */
}
.bg-\[\#ffffff\] {
 background: linear-gradient(rgba(194, 116, 31, 0.7), rgba(217, 167, 60, 0.7)) !important; /* Apply linear gradient with transparency */
    backdrop-filter: blur(10px); /* Apply blur effect for the glassy look */
    color: #fff; /* Set text color to white for better contrast */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Add a semi-transparent white border */
    border-radius: 8px; /* Rounded corners */
    padding: 10px; /* Padding for better spacing */
    cursor: pointer; /* Pointer cursor to indicate clickable element */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for 3D effect */
       
}
.text-\[\#818181\] {
    --tw-text-opacity: 1;
    color: #818181;
    color: rgb(255 254 254);
}
.h-\[auto\] {
     height: auto 
      color: #818181;
    color: rgb(255 254 254);
}

.s-button-btn, .s-price-range-number-input {
 border-radius: 25px 25px 0 25px;
     min-width: 200px;
      height:40px;
      align-items: center;
    width: 200px;
 }
 

 /*أيقونة البحث + تسجيل الدخول + الجرس*/
.sicon-search:before {
    content:  "\ef09";
     font-size: 25px;
    color: darkorange;
}
.sicon-user:before {
    content: "\f078";
    font-size: 25px;
    color: darkorange;
}
.sicon-bell:before {
    font-size: 25px;
    color: #78705c;
     width: 100px;
}
.s-product-card-content-title a {
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(56 83 121);
    color: rgb(235 235 235);
}

.s-product-card-sale-price h4 {
    --tw-text-opacity: 1 !important;
    color:#e8d9b0 !important;
    color: #e8d9b0 !important;
}