/* General Navigation Styling */


.s-block--circle-links img {
width:10rem !important;
height:10rem !important;
}

#cart-submit button {

background-color:#B96733 !important;


}

 
#cart-submit  .s-button-primary {

color:#ffffff !important;

}
    .main-menu li.root-level>a {
    font-weight:500 !important;
    color:#ffffff!important;
}
.product-card__addToCart__btn salla-button button:hover span {
    color:#1c1c1c!important;



}
#mainnav .container .flex.items-center.justify-start {
    width: fit-content;
}
.product-card__buttons {

display:none;

}
.navbar-brand {
    padding-inline: 10px !important;
}

#mainnav {
    display: flex;
    align-items: center;
    justify-content: center;
}

#mainnav .container .flex.items-center.justify-end {
    width: fit-content;
}
.text-base {
    font-size: 18px;
    line-height: 1.5rem;
}

.top-navbar {
    display: none;
}

#mainnav .container {
    padding: 0;
}

.btn--outline-primary {

border-radius:5px !important;

}

/* Product Card Styling */
.product-card__image {
}
.product-card--fit-height .product-card__image {
height:553px!important;
max-height:553px!important;


}
/* Desktop Navigation */
@media only screen and (min-width: 1024px) {
    .main-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-inline: 0 !important;
        padding-top: 0;
    }

    .main-menu li > a {
        justify-content: space-around;
        padding: 10px !important;
        font-weight: 600;
    }
}

/* Product Slider & Layout Fixes */
@media (min-width: 640px) {
    .s-products-slider-card {
        width: 50%;
        max-width: 369px;
     
        padding: 0 5px !important;
    }

    .sm\:text-4xl,
    .lg\:text-3xl {
        font-size: 25px;
    }
}

/* Responsive Container */
@media (min-width: 1440px) {
    .container {
        max-width: 1480px;
    }
}

/* Hero Slider Height Adjustment */
@media (min-width: 1280px) {
    .s-block--hero-slider .swiper-slide {
        height: 930px;
    }
}







.product-card .s-product-options-grid-mode {
 margin-bottom: 0px;
    justify-content: center;
    gap: 8px;
    position: absolute;
    left:0;
    right:0;
 transition:1s;
opacity:0;
    top: -85px;


}
.product-card .s-product-options-grid-mode-span {
    min-height: 20px;
    padding-right: .25rem;
    padding-top: .125rem;
    padding-bottom: .125rem;
    font-size: 9px;
    padding: 5px 10px !important;
    min-width: 35px;
}



.product-card.hover_style_1:hover  .s-product-options-grid-mode  {
opacity:1;

}

.product-card__content-wrapper {

display: flex
;
    align-items: center;
    flex-direction: column;

}

.product-card__content-wrapper .product-options {
order:0 ;

}

.product-card__content-wrapper .product-card__title {
order:1 ;

}

.product-card__content-wrapper .product-card__price {
order:2 ;


}

.s-product-options-wrapper {
margin-bottom:0;


}

 
.product-card__content {
padding:15px 7px;

}
.s-product-options-option-container {

margin-bottom:0;
 }
 
 
 body.products-has-border .product-card {
 border-radius:10px;
 
 }
 

 #theme-toggle {
 display:none;
 }
 .text-center.group img {
    height: 100%;
    max-height: 100%;
}



.max-w-7xl {
    max-width: 100rem;
}


.sicon-quote {

color:#000000 !important;
opacity:.9;
}
  .product-card__price .total-price {
   
    color:#CA2424;
    font-weight:bolder !important;
    }
@media (max-width: 700px) {
salla-slider .slide--one-sixth {
    width: 50% !important;
}


.product-card .s-product-options-grid-mode {
 margin-bottom: 0px;
    justify-content: center;
    gap: 8px !important;
    position: absolute;
    top: -120px;
    left:0;
    right:0;
 transition:1s;
opacity:0;



}



salla-slider[type]:not(.hydrated) > div:where([dir="rtl"], [dir="rtl"] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="rtl"], [dir="rtl"] *), .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
   padding-left: 0;
}



 body.products-has-border .product-card {
 border-radius:5px;
 
 }

    .enhanced_links_wrapper h3 {
         margin: 0 auto; 
    }
    
    
    .product-card__price .total-price {
    font-size:18px !important;
    color:#EF4444;
    font-weight:bolder !important;
    }
    
    
     .flex.items-center.gap-8.mt-5 {
      margin-top:2rem;
 }
 
 
 .main-nav-container .inner {
    padding-top: 6px;
    padding-bottom: 6px;
    width: 97%;
}

.text-primary-reverse {

color:#fff ;
border-radius:5px;

}
.circle-links-2 img {

width:10rem!important;
height:10rem!important;

}



}

.store-footer__contacts-row ul li a:hover {


}
.store-footer__contacts-row ul li a:hover i{

color:#fff !important;

}

.enhanced_rounded_contacts a:hover {

background-color:#B96733!important;
border-color:#fff !important;
opacity:1 !important;
}

.enhanced_rounded_contacts a:hover span , .enhanced_rounded_contacts a:hover i{
color:#fff;
}
.group:hover .group-hover\:scale-110 {
    --tw-scale-x: none !important;
    --tw-scale-y: none !important;
}


.s-product-options-disabled {
    cursor: not-allowed;
    opacity: 0.8;
}





    
    
 

@media (min-width: 768px) {
    .md\:w-5\/12 {
        width: 50%;
        height: 500px;
    }
    
    
    
#mainnav .container .flex.items-center.justify-start {
    
    order:1;
    
    } 
    
    
    .flex.items-center.flex-col.justify-center {
    
    
        order:0;

    
    }
    
    
    
    #mainnav .container .flex.items-center.justify-end {
    
            order:3;

    
    }
}
.fit-slider-products .product-card--vertical.product-card--fit-height {

justify-content:start !important;
}
.text-primary-reverse {

color:#fff !important;

}



.relative.p-5.bg-storeBG.rounded-sm.h-full {
    border-width: 0px !important;
    align-items: start;
    border-radius: 0;
    padding-right: 90px;
}


.relative.p-5.bg-storeBG.rounded-sm.h-full{

grid-column:span 3/span 1!important;

padding-right:70px !important;

padding-block:25px !important;

}



section.bg-storeBG.p-5.rounded-md.mb-5 , salla-product-options {

margin-bottom:0 !important;



}


.s-block--enhanced-features__item {

border-width: 0px!important;

align-items:start;

border-radius:0;

padding-right:90px; !important
border-color:#ededed;  

}


.s-block--enhanced-features.mini-features .s-block--enhanced-features__item {

padding-right:90px !important;

padding-block:25px !important;

}



#featured-products-style2-11 {

padding-bottom:0;

}



.sm\:text-4xl {

font-size: 1.5rem;


}

.xl\:gap-8 {


border:.5px solid #ededed;

border-radius:7px;

}


.advanced-slider__caption__inner__content__button {
padding:10px!important;


}
.s-block--enhanced-features__item h2 {
    font-size: 15px !important;
}
.s-block--enhanced-features__item h2 {
    margin-bottom: 0.25rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    color: var(--store-text-primary);
}



.s-block--enhanced-features__item .feature-icon {
    margin-bottom: 0.75rem;
    display: flex;
    height: 4rem;
    width: 4rem;
    align-items: center;
    justify-content: center;
}
.s-block--enhanced-features__item .feature-icon {
    position: absolute !important;
    right: 15px;
}



@media (max-width: 600px) {
    .s-block--enhanced-features__item .feature-icon {
        height: 3rem;
        width: 3rem;
    }
    .product-card .s-product-options-grid-mode-span {
    font-size:9px !important;
    
    }
}

#featured-products-style2-7 {
margin-top:0 !important;

}
#featured-products-style2-7 
 .tab-trigger {
font-size:1.5rem;

}

.product-card__title a{
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, 1);
    color: rgba(31, 41, 55, var(--tw-text-opacity, 1));
    
    
    
 .w-28 {
  
  dispaly:none !important;
  }

    
    
    }
    
    
    .product-card__buttons {
    
  bottom:100px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
  
        .popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 90%;
            max-width: 400px;
            background: white;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            padding: 20px;
            text-align: center;
            border-radius: 10px;
            display: none;
            z-index: 1000;
        }
        .popup img {
            width: 100%;
            border-radius: 10px;
        }
        .popup h2 {
            margin: 10px 0;
        }
        .popup p {
 font-size: 16px;
    color: #534c4c;
    margin-top: 10px;
    font-weight:500;        }
        .popup button {
            color: white;
            padding: 10px;
            border: none;
            width:50%;
            cursor: pointer;
            border-radius: 5px;
          background:#b96738;
          font-size: 20px;
            font-weight: 700;

        }
        .popup button:hover {
            background:#b96738;
        }
        .popup .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            color: #000;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
            border-radius: 50%;
            font-size: 20px;
            width:30px;
            height:30px;
            background-color:#fff !important;
            
            
        }
        
        
        
        
        /* التظليل الخلفي */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

/* تصميم النافذة المنبثقة */
.popup-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 400px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    text-align: center;
    padding: 20px;
    z-index: 1000;
}

/* صورة داخل النافذة */
.popup-image {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* عنوان النافذة */
.popup-title {
    font-size: 22px;
    font-weight: bold;
    margin: 15px 0;
}

/* النص التوضيحي */
.popup-text {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
}

/* زر الحصول على الخصم */
.popup-button {
    display: block;
    width: 50%;
    background-color: #c37d4c;
    color: white;
    font-size: 18px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}

.popup-button:hover {
    background-color: #ffb957;
}

/* ملاحظة */
.popup-note {
    font-size: 14px;
    color: #534c4c;
    margin-top: 10px;
    font-weight:500;
}

/* زر إغلاق */
.popup-close {
    position: absolute;
    top: 10px;
    left: 10px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: black;
}



.popup-img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 25px;
    cursor: pointer;
}

.discount-container {
    display: flex;
    align-items: center;
    border: 1px solid #f0ad4e;
    border-radius: 5px;
    padding: 5px;
    background-color: #fff;
    justify-content: space-between;
    margin-top: 10px;
}

.copy-btn {
    background-color: transparent;
    border: 1px solid #f0ad4e;
    color: #f0ad4e;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 5px;
    transition: all 0.3s ease;
}



.discount-code {
    font-weight: bold;
    font-size: 20px;
    margin-left: 10px;
    width:50%;
}


.s-product-options-colors-wrapper input[type=radio] + label span {
width:25px;
height:25px;

}



.product-card--primary-buttons button, .product-card--primary-buttons salla-button {

color:#ffffff !important;


}


.product-card .s-rating-stars-wrapper {

flex-wrap:nowrap !important;

}

.s-product-card-rating {
order:3;

}





.product-card__addToCart__btn salla-button button {
    background: rgb(0 0 0 / 46%);
    border: 0;
}



.s-button-text i.sicon-shopping {
color:#ffffff !important;

}

.s-product-options-grid-mode-span {
border-radius:5px !important;
}




.footer-description, .footer-description p, .footer-description+p , .footer-list a {

color:#8a8a8a !important;

}



.footer-is-custom .store-footer .social-link, .footer-is-custom .store-footer .contact-social, .footer-is-custom .store-footer .contact-icon {


border-color:#B96733 !important;


}


.footer-is-custom .store-footer .social-link, .footer-is-custom .store-footer .contact-social, .footer-is-custom .store-footer .contact-icon {
    border-color: #B96733 !important;
    background: #B96733;
    color: #ffffff;
}

.sicon-quote {
color:#B96733 !important;

}





.main-nav-container.fixed-pinned .main-menu>li>a {

color:#2b2b2b !important;
font-weight:600;
}


h2.sm\:text-4xl {
    font-size: 1.5rem;
    color: #242535;
    font-weight: 600;
    text-align:start;
} 
.w-28 {
    width: 4rem;
    margin-inline:0;
    border-color:#B96733 !important;
}
.flex items-center mt-6 -mx-2

@media only screen and (min-width: 1024px) {
    .main-menu li.root-level>a {
        padding-top: 0px;
        padding-bottom: 2rem;
        font-weight: normal !important;
        font-size: 16px;
    }
  .main-menu li.root-level>a:hover {
        
        color:#b96733;
}

.sm\:text-4xl {


font-size:2rem !important;

}


.styles__snippetWrapper--d68e9 {
font-size:16px;
}
.product-card__title a {
color:#232435 !important;
font-weight:700!important;
 font-size: 16px;



}
}
.product-card__title a {
color:#232435 !important;



}


.selia-bottom-nav {

display:none;
}



.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] {

background-color:#F8F8F8 ;



}
.s-block--custom-reviews {

margin-bottom:3rem;

}

.s-block.s-block--best-offers.container.overflow-hidden {

position:relative !important;

}




/* Product List Gap Fix */
@media (min-width: 768px) {
    .s-products-list-vertical-cards {
        gap: 10px;
    }
  
  
}





.flex.items-center.gap-8.mt-5 a {
border:none !important;
color:#2b2b2b!important;
background-color:transparent !important;
font-size:18px;

}

.s-block--square-links h2 ,.s-block--square-links .w-28 {

text-align:center !important;
margin-inline:auto !important;
}

.flex.items-center.gap-8.mt-5 a:hover {

background-color:none !important;
color:#B96733 !important;

}


.s-block--custom-reviews .w-28 {
margin:auto !important;
}




 
.text-base {

font-size:13px;

}



















    salla-slider .slide--one-sixth {
        width: 33.3333% !important;
    }


.s-block--square-links ul {


gap:1rem;

}








@media (max-width: 765px) {
    .index.mobile_small_blocks_titles h2.text-3xl {
        font-size: 18px;
    }
    
    i.sicon-menu.text-2xl  {
    
    margin-left:1rem !important;
    
    }
    button:has(i.sicon-user) {
        margin-left:0.75rem !important;

    
    }
  #mainnav .flex.items-center:has(.navbar-brand) {
    width:100% !important;
    justify-content:space-between;
    }
    .header-btn__icon {
    display: flex;
    height: 24px;
    width: 24px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1.75rem;
}

.product-card--fit-height .product-card__image {
    height: 330px !important;
    max-height:330px !important;
}
.s-products-slider-card {
max-width:190px;
}
ul.uto-fit-grid  {
gap:1rem !important;
}

.w-full:has(video) {
 height:330px !important;
}

.logo-normal {
width:150px !important;
height:auto !important;

}
 
    
    .flex.items-center.gap-8.mt-5 a {

font-size:16px !important;

}









.s-block--circle-links img {
width:4.5rem !important;
height:4.5rem !important;
}



h3.text-base.font-semibold {
font-size:11px !important;
}

}
.grid-cols-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.block--square-links div.mx-auto.max-w-7xl.px-6 {

padding-left:8px !important;
padding-right:8px !important;
}


.s-block--square-links ul {


gap:8px !important;

}
.square-links-1 .px-6 {
    padding-left: 8px;
    padding-right: 8px;
}


}

.s-block--circle-links h2 {
text-align:center;

}

.s-block--circle-links .w-28 {
margin:auto;

}
.auto-fit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}


.wa-selia , .scroll-to-top {

bottom:30px;
}
.footer-list li::marker {
  color: #b96733;
}
i.sicon-quote {

display:none;
}



p.leading-6{
color:#656565;
font-size:15px;


}
.flex.items-center.mt-6 {

margin-top:10px;

}


.sicon-star2.inline-block {
font-size:18px;
}
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\] {

box-shadow:none !important;
border-radius:16px;
background-color:#F8F8F8;


}

.s-block--custom-reviews .s-slider-wrapper {
margin-inline:10px;


}
 
.s-block--custom-reviews .sm\:text-4xl { 


font-size:20px;

}
button .s-button-text {


}

.footer-is-custom .store-footer .social-link, .footer-is-custom .store-footer .contact-social, .footer-is-custom .store-footer .contact-icon {

opacity:1;

}




/* Added by Marwan: hide product reviews, comments, and ratings */

/*
.product-single .s-comments{
display: none !important;
}
salla-rating-stars{
display:none !important;
}
*/


body.trans_header.slider_has_overlay .store-header *:not(custom-salla-product-card *), body.trans_header.slider_has_overlay .store-header .s-cart-summary-wrapper .sicon-cart:not(custom-salla-product-card *) {
font-size:13px !important;
font-weight:400;
}
.s-form-control, .s-datetime-picker-input {
     border-color: rgba(209, 213, 219, var(--tw-border-opacity)) !important;
      }
.product-card__content-wrapper .product-options {

width:100% !important;
}
.circle-links-2 h2 {
text-align:center !important;
}
.product-card__content-wrapper {
gap:5px;
}

.product-card__discount {
position:absolute;
top:-540px;
left:10px;
}
.product-card__discount span {

background-color:#CA2424;
color:#ffffff;
font-size:12px !important;
font-weight:500 !important;
padding:5px;
border-radius:5px;
}


body.trans_header.slider_has_overlay .store-header .s-cart-summary-count {
    background-color: #CA2424 !important;
    color: #ffffff !important;
}

/* Mobile & Tablet Navigation Fixes */
@media (max-width: 991px) {
body.trans_header .store-header {
position:relative !important;


}

.product-card__addToCart__btn salla-button button .s-button-text {


font-size:12px !important;
}

body.trans_header.slider_has_overlay .store-header *:not(custom-salla-product-card *), body.trans_header.slider_has_overlay .store-header .s-cart-summary-wrapper .sicon-cart:not(custom-salla-product-card *)
 {
color:#1c1c1c!important;
}
.product-card__discount {
    position: absolute;
    top: -325px;
    left: 5px;
}
.product-card__discount span {

background-color:#CA2424;
color:#ffffff;
font-size:10px !important;


}

body.trans_header.slider_has_overlay .store-header *:not(custom-salla-product-card *), body.trans_header.slider_has_overlay .store-header .s-cart-summary-wrapper .sicon-cart:not(custom-salla-product-card *) {
    font-size: 16px !important;
    font-weight: 500;
}
}


.product-card--vertical .product-card__content {

}
.whitespace-nowrap a.fix-align.text-primary {
color:#2b2b2b !important;

}
.product-card .s-rating-stars-wrapper .s-rating-stars-reviews {

font-size:11px !important;

}

.rtl:space-x-reverse.space-x-2 {

margin-top:20px !important;

}  

.bg-storeBG.p-5.rounded-md.mb-5 button[shape='link'] .s-button-text , .text-red-400 {
  color: #CA2424 !important;
}

.product-single__slider .s-product-options-colors-wrapper {

margin-bottom:20px !important;
}

.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn , #cart-submit button {
background-color:#000!important;
color:#ffffff;
}

#cart-submit .bg-storeBG.p-5.rounded-md.mb-5 button .s-button-text {
color:#ffffff !important;


}
i.header-btn__icon {

font-size:14px !important;
}
.lg\:-mt-\[45px\] div.items-end.justify-center {
margin-top:20px !important;

}


.s-fast-checkout-button.outline,
.s-fast-checkout-button.outline:focus,
.s-fast-checkout-button.outline:hover {
  border: 1px solid #000 !important;
  color: red !important;
}


.home-block-line {

margin-inline:auto !important;
}
.sticky-cart-single .s-button-element {
background-color:#000 !important;
color:#ffffff !important;


}
.main-nav-container .header-btn__icon {

  color: #ffffff !important;



}