/* Add custom CSS styles below */

#mainnav > div > div{
display: flex;
max-width: 100% !important;
}
#mainnav .links-header{
width: 100% !important;
}
#mainnav .icon-header{
justify-content: center;
}
h1{
line-height: 1;
}
div.swiper-wrapper > div > div > div > div > a{
display:none !important;
}
.slider-image .slider-text .text-wrapper{
max-width: 100%;
}

@media(min-width:991px){
#mainnav .categories-home .all-categories:hover .cate {
min-width: 430px;
}
#mainnav .categories-home .all-categories:hover .cate ul a {
width: 100% !important;
}
#footer-id > section:nth-child(1) > div > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > img, #mainnav > div > div > a > img, #mainnav > div > div > a > img{
border-radius: 18px;
}
img, button.s-button-element{
border-radius: 12px !important;
}
#mainnav > div > div > a > img{
scale: 1.5;
}
#mainnav .categories-home .all-categories:hover .cate ul {
flex-direction: row;
}
}

.pro_addit,.dis_background {
display:none!important;
}
.main-img .pro_image {
left: -4% !important;
top: 20% !important;
}
@media(max-width:768px){
.main-img .pro_image {
left: 9% !important;
top: -8% !important;
}
}
.main-img .pro_background {
position: absolute;
width: 70% !important;
}
@media(min-width:768px){
.category {
padding: 12px;
justify-content: space-between !important;
}
}
@media only screen and (min-width: 1024px) {
.main-menu li.root-level > a {
padding: 15px !important;
}
}
@media(min-width:768px){
.slider-image-8 .text-wrapper {
margin-left: 55% !important;
margin-right: auto !important;
text-shadow: 1px 1px 2px white;
margin-top: 90px;
}
}
.slider-image-8 h1 {
color:#FFF;
}
@media (max-width: 490px) {
.slider-image .slider-text .text-wrapper {
max-width: 100%;
text-align: center;
background-color: #ffffff73;
border-radius: 20px;
padding: 8px;
}
#mainnav > div > div {
display: flex;
max-width: 100% !important;
justify-content: space-between !important;
flex-direction: column-reverse !important;
}
}

footer * {
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media(min-width:1024px){
footer .grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
footer * {
margin: 0 auto;
text-align: center;
}
footer .grid > div {
grid-column: span 1 / span 1 ;
}
.footer-bottom {
background-color: rgb(255 255 255);
}
.footer-bottom p {
color:#000 !important;
}
/*footer end*/

.feature {
box-sizing: border-box;
border-width: 2px;
border-style: solid;
border-color: #86440C;
padding:15px ;
}
.details-animat .theme_description {
display: none;
}
.slider-image .slider-text .text-wrapper .button-green {
width: 200px !important;
}
@media(min-width:768px){
.slider-image .slider-text .text-wrapper .desc-title {
font-size: 29.76px !important;
line-height: 2;
}
.slider-image .slider-text .text-wrapper .head-title {
font-size: 70.53px !important;
}
}
.s-product-card-entry .s-product-card-image {
height: 63% !important;
border-radius: 4px;
}
@media(min-width:768px){
.q_cate .card_category p {
font-size: 18px !important;
font-weight: 500;
line-height: 28.8px;
}
}
.product-imge {
padding: 12px;
}
.content-G-deadline salla-add-product-button button ,.categorie-slider-9 .new_style .product-info .s-button-element {
background-color: #86440c;
color: #fff !important;
border-radius:10px !important;
}
.content-G-deadline salla-add-product-button button:hover {
background-color: #FFF;
color: #86440c !important;
border-radius:10px !important;
}
.mobile-overlay {
background-color: transparent;
}
section.slider-image.slider-image-0 {
cursor: pointer;
}

/* ===== Zeed - تعديلات 5 نوفمبر 2026 ===== */

/* الهيدر: لون اللوجو + شيل الشريط العلوي لكل الشاشات */
.store-header .top-navbar { display: none !important; }
#mainnav, #mainnav .inner { background-color: #C49835 !important; }
#mainnav .navbar-brand img { border-radius: 0 !important; }
#mainnav .main-menu li.root-level > a,
#mainnav .main-menu li.root-level > a i { color: #3B2314 !important; }
#mainnav .icon-header svg path,
#mainnav .icon-header svg circle { stroke: #3B2314 !important; }
#mainnav .sicon-menu { color: #3B2314 !important; }

/* الهيدر على الجوال: لوجو بالنص بدون ما يركب عليه شي */
@media (max-width: 1023px) {
  #mainnav { padding-top: 8px !important; padding-bottom: 8px; }
  #mainnav .links-header { width: auto !important; }
  .store-header .navbar-brand {
    position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: auto !important; margin: 0 !important; z-index: 1;
  }
  .store-header .navbar-brand img {
    max-width: 52px !important; max-height: 52px !important; object-fit: contain;
  }
  #mainnav .icon-header { width: auto !important; margin-inline-start: auto; gap: 12px !important; }
  .store-header .whishlist-icon { display: none !important; }
}

/* المنتجات المتحركة على الجوال */
@media (max-width: 767px) {
  salla-products-slider .swiper-slide { width: 58% !important; }
}

/* مسافات بين الأقسام */
.s-block--fixed-banner { margin-top: 40px !important; margin-bottom: 40px !important; }
@media (max-width: 767px) {
  .s-block--fixed-banner { margin-top: 24px !important; margin-bottom: 24px !important; }
}

/* البنرات العريضة: صورة الجوال */
@media (max-width: 767px) {
  .s-block--fixed-banner .banner--fixed img { display: none; }
  .s-block--fixed-banner .banner--fixed {
    display: block;
    aspect-ratio: 758 / 899;
    background-size: cover;
    background-position: center;
  }
  .s-block--fixed-banner a[href$="c656720093"] {
    background-image: url(https://cdn.files.salla.network/other/860408054/10acf979-6c1d-4fdf-8389-b631e73dc64d-original.webp);
  }
  .s-block--fixed-banner a[href$="c578122551"] {
    background-image: url(https://cdn.files.salla.network/other/860408054/067e7bbb-fa8d-48de-9499-30272b056c0c-original.webp);
  }
  .s-block--fixed-banner a[href$="c2071102163"] {
    background-image: url(https://cdn.files.salla.network/other/860408054/b297e59d-4365-401d-8715-e85bc3f266de-original.webp);
  }
}
/* الهيدر على الكمبيوتر: لوجو يمين، قائمة بسطر واحد، أيقونات يسار */
@media (min-width: 1024px) {
  #mainnav { padding-top: 0 !important; }
  #mainnav > div > div > div { align-items: center !important; flex-wrap: nowrap !important; }
  #mainnav .navbar-brand { order: -1; width: auto !important; margin-inline-end: 32px !important; align-self: center !important; }
  #mainnav .navbar-brand img {
    min-width: 110px !important; min-height: 72px !important;
    object-fit: contain; scale: 1 !important;
  }
  #mainnav .links-header { width: auto !important; flex: 1 1 auto; align-self: center !important; }
  #mainnav .main-menu { flex-wrap: nowrap !important; white-space: nowrap; }
  #mainnav .main-menu li.root-level > a { padding: 12px 10px !important; }
  #mainnav .icon-header {
    width: auto !important; justify-content: flex-end !important; gap: 16px !important;
    margin-inline-start: auto !important; align-self: center !important;
  }
}