@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600&display=swap');    

/* ====== Brand Identity Variables ====== */
:root {
    --brand-primary: #8a2b46; /* اللون العنابي الخاص بهوية جادي */
    --brand-light: #fcf6f7; /* لون خلفية ناعم متناسق مع الهوية */
    --brand-text: #333333; /* لون النصوص الرمادي الغامق */
    --brand-white: #ffffff;
}

body {    
    background-color: var(--brand-white) !important;    
    font-family: "IBM Plex Sans Arabic", sans-serif;    
}    

/* ====== Header ====== */    
.header-buttons .btn--rounded-gray {    
    padding: 0;    
    background: 0 0;    
    color: var(--brand-primary) !important; 
}    
header .flex.items-stretch.justify-between.relative .main-menu li>a{    
  color: var(--brand-primary) !important; 
  transition: opacity 0.3s ease;
}    
header .flex.items-stretch.justify-between.relative .main-menu li>a:hover {
  opacity: 0.7;
}
header .sicon-menu{    
  color: var(--brand-primary) !important; 
}    
header .s-cart-summary-content {    
    display: none;    
}    
    
.s-user-menu-trigger {    
    background: 0 0;    
}    
    
header .sicon-menu {    
    margin-right: 9px;    
}    
    
header .header-btn__icon {    
    border: none;    
}    
    
header .header-btn__icon.icon.sicon-shopping-bag,header .header-btn__icon.sicon-user-circle {    
    font-size: 0;    
    margin-left: 0;    
}    
header .header-btn__icon.icon.sicon-shopping-bag,header .header-btn__icon.sicon-user-circle, header .search, header .header-buttons {    
    background-color: var(--brand-light); 
    display: flex;    
    justify-content: center;    
    align-items: center;    
    padding: 5px;    
    border-radius:50%;    
    margin-right: 5px;    
    width: 2.5rem;    
    height: 2.5rem;    
    border: 1px solid rgba(138, 43, 70, 0.1);
}    
header .header-btn{    
      width: auto;    
}    
header .header-btn__icon.icon.sicon-shopping-bag:after {    
    content: "";    
    background: url(https://cdn.salla.sa/form-builder/JqNGIBzHJcAzAD2pzx0zOqgtZblxPj4lGp5T7X07.png) no-repeat center / cover;    
    width: 28px;    
    height: 28px;    
    display: block;    
}    
    
header .header-btn__icon.sicon-user-circle:after {    
    content: "";    
    background: url(https://cdn.salla.sa/form-builder/CjyiKMGZjilir20Gxg4PCkneY566uf4FEpjZB9Nd.png) no-repeat center / cover;    
    display: block;    
}    
 .search svg{    
      width: 26px;    
      height: 26px;    
    }    
.search svg, header .header-btn__icon.sicon-user-circle:after {    
      width: 25px;    
      height: 25px;    
    }    
header salla-cart-summary.ml-4.rtl\:ml-\[unset\].rtl\:mr-4.hydrated {    
    margin-right: 0;    
}    
body:lang(en) header salla-cart-summary.ml-4.rtl\:ml-\[unset\].rtl\:mr-4.hydrated {    
    margin-left: 0;    
}    
#mainnav {    
    height: auto!important;    
    min-height: auto;    
}    
.main-nav-container {    
    background-color: var(--brand-white) !important;    
}    
    
.navbar-brand img {    
    max-height: 3.2rem;    
}    
.s-user-menu-trigger {    
    background-color: transparent;    
}    
.s-cart-summary-count {    
    background-color: transparent;    
    top: -0.7rem;    
    right: -0.2rem;    
}    
header .header-buttons .btn--rounded-gray span:nth-of-type(3), header .header-buttons .mx-1\.5{    
  display:none;    
}    
header .header-btn__icon {    
    height: auto;    
    width: auto;    
}    
.top-navbar {    
    display: none;    
}    
/* ====== End Header ====== */    
    
/* ====== Sections ====== */    
.main-menu>li>a[href*=offer]{    
  color: var(--brand-primary) !important;    
}    
.s-block.s-block--fixed-banner:first-of-type, .s-block--fixed-banner+.s-block--fixed-banner:nth-of-type(2){    
  margin-top:0;    
}    
section.s-block.s-block--banners .s-block__title {    
    justify-content: center;    
    padding-top: 2rem;    
}    
    
section.s-block.s-block--fixed-banner .container {    
    padding: 0;    
}    
    
section.s-block.s-block--fixed-banner .banner--fixed img {    
    border-radius: 0;    
    background: transparent;    
}    
    
.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) {    
    padding-left: 0!important;    
}    
    
section.s-block.s-block--banners .s-block__title {    
    justify-content: center;    
}    
    
section.s-block.s-block--banners .s-block__title h2, .s-slider-block__title h2 {    
    font-size: 2rem;    
    font-weight:600; 
    color: var(--brand-primary);   
}    
.s-block--banners:nth-of-type(21) .grid {    
    justify-content: center;    
}    
.s-block--banners:nth-of-type(21) .banner-entry {    
    padding: 0 2rem !important;    
  }    
    
section.s-block.s-block--banners .grid .banner-entry {    
    background-color: transparent;    
    transition: all .5s ease;    
    height: auto;    
    padding: 0;    
    flex: 0 0 25%;    
}    
    
section.s-block.s-block--banners .grid .banner-entry div::before {    
    position: absolute;    
    top: 0;    
    left: -75%;    
    z-index: 2;    
    display: block;    
    content: '';    
    width: 50%;    
    height: 100%;    
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);     
    transform: skewX(-25deg);    
}    
    
section.s-block.s-block--banners .grid .banner-entry div:hover::before {    
    animation: shine .75s;    
}    
    
@keyframes shine {    
    100% {    
        left: 125%;    
    }    
}    
/* ====== End Sections ====== */    

/* ====== English Section ====== */    
.s-block--fixed-banner+.s-block--fixed-banner:nth-of-type(2), section.s-block.s-block--banners:nth-of-type(4), .s-block.s-block--fixed-banner:nth-of-type(6), .s-block.s-block--fixed-banner:nth-of-type(10), .s-block.s-block--fixed-banner:nth-of-type(14), .s-block.s-block--fixed-banner:nth-of-type(18){    
  display:none;    
}    
    
body:lang(en) .s-block--fixed-banner+.s-block--fixed-banner:nth-of-type(2), body:lang(en) section.s-block.s-block--banners:nth-of-type(4), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(6), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(10), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(14), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(18){    
  display:block;    
}    
body:lang(en) .s-block.s-block--fixed-banner:first-of-type, body:lang(en) section.s-block.s-block--banners:nth-of-type(3), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(5), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(9), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(13), body:lang(en) .s-block.s-block--fixed-banner:nth-of-type(17){    
  display:none;    
}    
body:lang(ar) #best-offers-7-slider, body:lang(ar) #best-offers-11-slider, body:lang(ar) #best-offers-15-slider, body:lang(ar) #best-offers-19-slider{    
  display:none;    
}    
body:lang(en) #best-offers-6-slider, body:lang(en) #best-offers-10-slider,  body:lang(en) #best-offers-14-slider,  body:lang(en) #best-offers-18-slider{    
  display:none;    
}    
.s-slider-block__title h2:where([dir="ltr"], [dir="ltr"] *), .s-slider-block__title-right:where([dir="ltr"], [dir="ltr"] *){    
      padding-right: 0;    
}    
/* ====== End English Section ====== */    

/* ====== Colored Section ====== */    
#best-offers-6-slider, #best-offers-7-slider, #best-offers-14-slider, #best-offers-15-slider, #best-offers-18-slider, #best-offers-19-slider{    
  background: var(--brand-light); /* تم تغيير الرمادي المزعج ليتماشى مع نعومة الهوية */    
}    
.s-block.s-block--best-offers {    
    margin-top: 0;    
}    
.s-block.s-block--best-offers .swiper-wrapper{    
      justify-content: start;    
}    
#best-offers-10-slider, #best-offers-11-slider{    
  background: var(--brand-primary); /* خلفية بلون الهوية بدلاً من الأسود/الرمادي الغامق */    
}    
#best-offers-10-slider .s-product-card-content-footer .s-button-primary-outline , #best-offers-11-slider .s-product-card-content-footer .s-button-primary-outline {    
    background: var(--brand-white); 
    color: var(--brand-primary) !important;
}    
#best-offers-10-slider .s-product-card-price, #best-offers-10-slider .s-product-card-content-title a, #best-offers-10-slider .s-slider-block__title, #best-offers-11-slider .s-product-card-price, #best-offers-11-slider .s-product-card-content-title a, #best-offers-11-slider .s-slider-block__title{    
  color: var(--brand-white) !important;    
}    
/* ====== End Colored Section  ====== */    

/* ====== Product card (Upgraded Display) ====== */    
.s-slider-block__title-left{    
  display:none;    
}    

/* إضافة تأثيرات فخمة لعرض البطاقة */
.s-product-card-entry {
  background-color: var(--brand-white) !important;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid rgba(138, 43, 70, 0.05);
}
.s-product-card-entry:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(138, 43, 70, 0.12); /* ظل بلون الهوية */
}

.s-product-card-content-title a {    
    text-align: center;    
    font-size: 1.2rem;   
    font-weight: 600; 
    color: var(--brand-primary) !important; /* اسم المنتج بلون الهوية */    
}    
.s-product-card-price {
    text-align: center;    
    font-size: 1.4rem;    
    color: var(--brand-primary); 
    font-weight: 700;
}
    
.s-product-card-content-sub,.s-product-card-content-subtitle {    
    justify-content: center;    
    text-align: center;    
}    
    
.s-product-card-content-footer .s-button-primary-outline {    
    background: var(--brand-primary) !important; /* زر بلون الهوية */    
    border: none;    
    color: var(--brand-white) !important;   
    border-radius: 8px !important;
    transition: all 0.3s ease; 
}    
.s-product-card-content-footer .s-button-primary-outline:hover {
    opacity: 0.9;
    transform: scale(1.02);
}
    
.s-product-card-content-footer .s-button-primary-outline .s-button-text i {    
    display: none;    
}    
    
.s-product-card-content-footer .s-button-primary-outline:before {    
     margin-inline: 5px;    
    content: "";    
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/b27d7917-b612-41a1-807f-496377b9fea5.svg) no-repeat center / cover;    
    width: 20px;    
    height: 20px;   
    filter: brightness(0) invert(1); /* لجعل الأيقونة بيضاء داخل الزر العنابي */ 
}    
.s-product-card-image {    
    background-color: transparent;    
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}    
.s-slider-block__title h2,.s-slider-block__title-right,.s-block__title .right-side{    
    padding-left: 0!important;    
}    
.s-block--best-offers .carousel-slider .swiper{    
      padding: 1.5rem 3rem;    
}    
.s-slider-block__title {    
    flex-direction: column;    
    justify-content: center;    
    color: var(--brand-primary);    
}    
.s-slider-block__title {    
    margin-bottom: 0;    
    margin-top: 1rem;    
}    
/* ====== End product card ====== */    
    
/* ====== Accordion ====== */    
.index .accordion-section {    
  margin: 2rem auto;    
  padding: 10px 15px;    
  max-width: 60rem;    
}    
    
.section-title,.s-reviews-header {    
    font-size: 1.8rem;    
    font-weight: 700;    
    text-align: center;    
    color: var(--brand-primary);    
}    
    
.section-sub {    
    font-size: 1.1rem;    
    font-weight: 400;    
    text-align: center;    
    margin-top:5px;    
    color: var(--brand-text);    
}    
.accordion {    
  direction: rtl;    
  padding-top:10px;    
}    
.accordion-button {    
  cursor: pointer;    
  width: 100%;    
  text-align: right;    
  transition: background-color 0.3s, color 0.3s;    
  color: var(--brand-primary);    
  font-size: .9rem;    
  display: flex;    
  justify-content: space-between;    
  align-items:center;    
  transition: all 0.3s ease-out;    
}    
body:lang(en) .accordion-button, body:lang(en) .accordion-content p{    
  direction: ltr;    
}    
.index .accordion-button {    
  padding: 10px 15px;    
  background: var(--brand-primary);    
  margin-bottom: 10px;    
  border-radius:15px;    
  color: var(--brand-white);    
}    
    
.accordion-button.active {    
  opacity:0.85;    
}    
    
.accordion-button .icon {    
  font-size: 20px;    
  margin-left: 10px;    
}    
    
.accordion-content {    
  background-color: var(--brand-white);    
  overflow: hidden;    
  max-height: 0;    
  transition: max-height 0.3s ease-out;    
  padding-left: 18px;    
  padding-right: 18px;    
}    
    
.accordion-content p {    
  margin: 10px 0 18px;    
  color: var(--brand-text);    
}    
    
/* product-single accordion */    
.product-single .accordion-button{    
  border-bottom:1px solid #E8E8E8;    
  padding: 8px 15px;    
}    
.product-single .accordion-section {    
  margin-bottom: 1rem;    
}    
.product-single .accordion-button {    
  font-weight:500;    
}    
/* ====== End Accordion ====== */    
    
/* ====== Testimonial ====== */    
    
.s-reviews-header-wrapper {    
    justify-content: center;    
}    
    
.s-reviews-testimonial__icon,.s-reviews-testimonial__avatar {    
    display: none;    
}    
    
.s-reviews-testimonial {    
    background-color: var(--brand-light) !important; 
    border-radius: 15px;
    border: 1px solid rgba(138, 43, 70, 0.05);
}    
    
.s-reviews-testimonial__text p {    
    text-align: center;    
    color: var(--brand-text);    
}    
.s-reviews-testimonial__text {    
    flex-direction: column-reverse;    
}    
.s-reviews-testimonial__rating {    
    margin-left: 0;    
    order: -1;    
}    
/* ====== End Testimonial ====== */    

/* ====== Footer (Upgraded to Identity) ====== */    
    
.footer-is-light .store-footer {    
    background-color: var(--brand-white) !important;    
    margin-left: 13px;    
    margin-right: 13px;    
    border-top-right-radius: 30px!important;    
    border-top-left-radius: 30px!important;    
    box-shadow: 0 -5px 20px rgba(0,0,0,0.03);
}    
    
.footer-is-light .store-footer .store-footer__inner {    
    background-color: var(--brand-white) !important;    
    color: var(--brand-primary) !important;    
    border-top-right-radius: 30px!important;    
    border-top-left-radius: 30px!important;    
}    
footer .store-footer__inner .container div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20:before {    
    content: "";    
    background: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/bRmrOW/Nu7Z3e5ti5jq1IKtu3EtIW87W6FNR25qVs0RX29Q.jpg) center / contain no-repeat;    
    display: block;    
    max-width: 4rem;    
    height: 4rem;    
}    
.store-footer a.flex.items-center.m-0 h3 {    
    display: none;    
}    
.store-footer a .unicode {    
    display: none;    
}    
    
.s-contacts-icon:where([dir=rtl],[dir=rtl] *) {    
    margin-left: 0;    
}    
    
.footer-is-light .store-footer .contact-social {    
    margin: 0;    
}    
    
.store-footer__inner .s-contacts-list {    
    display: flex;    
    align-items: center;    
    border: none;    
    margin-top: 0;    
    flex-wrap: wrap;    
    flex-direction: row;    
    gap: 8px;    
}    
    
.footer-is-light .store-footer .contact-social {    
    border: none;    
}    
    
.store-footer__inner .container:first-of-type div:nth-of-type(3) div h3 {    
    display: none;    
}    
    
.store-footer__inner .container:first-of-type div:nth-of-type(3) div a {    
    margin-bottom: 0;    
}    
    
.store-footer__inner .container:first-of-type div:nth-of-type(3) div:first-of-type a i,.store-footer__inner .container:first-of-type div:nth-of-type(3) div a i {    
    color: var(--brand-primary) !important;    
    transition: all .3s ease;    
    font-size: 18px;    
}    
    
.store-footer__inner .container:first-of-type div:nth-of-type(3) div a,.s-contacts-icon {    
    border: none;    
}    
    
.store-footer__inner .container:first-of-type div:nth-of-type(3) div a:hover {    
    opacity: .6;    
}    
    
.store-footer p.max-w-sm.leading-6.mb-6 {    
    padding-top: 1rem;    
    max-width: 100%;    
    color: var(--brand-primary) !important;    
}    
    
.store-footer h3,footer .store-footer__inner .container div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20:before {    
    color: var(--brand-primary) !important;    
}    
    
.s-contacts-icon svg,.s-social-link a svg {    
    height: 1.2rem;    
    width: 1.2rem;    
    fill: var(--brand-primary) !important;    
}    
    
.s-contacts-icon,footer .s-social-link a {    
    height: 100%;    
    width: 100%;    
    padding: 10px;    
}    
    
/* تغيير لون روابط التذييل إلى الهوية */    
.footer-is-light .store-footer a,    
.footer-is-light .store-footer .s-contacts-icon,    
.footer-is-light .store-footer .s-contacts-icon svg,    
.footer-is-light .store-footer .s-social-link a svg,    
.footer-is-light .store-footer .contact-social a,    
.footer-is-light .store-footer__inner .container h3,    
.footer-is-light .store-footer__inner .container p,    
.footer-is-light .store-footer__inner .container a {    
    color: var(--brand-primary) !important;    
    fill: var(--brand-primary) !important;    
}  
/* ====== End Footer ====== */    

/* ====== Product Page ====== */    
    
#btn-show-more {    
    display: none;    
}    
.product-single h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800 {    
    margin-bottom: 0;    
    color: var(--brand-primary) !important;    
}    
    
.product-single .description-div {    
    padding-bottom: 20px;    
}    
    
.product-single .product__description {    
      padding: 0;    
}    
.main-content {    
    display: flex;    
    justify-content: center;    
    flex-direction: column;    
}    
    
.s-comments-product {    
    background: var(--brand-white);    
}    
    
.s-comments-item {    
    background: var(--brand-light);    
    padding: 15px!important; 
    border-radius: 10px;   
}    
.click{    
  font-weight:600;    
  color: var(--brand-primary);    
}    
/* ====== End Product Page ====== */    

/* ====== Media Queries ====== */    
    
@media(max-width: 768px) {    
.s-block--banners:nth-of-type(21) .s-block__title {    
    margin: 0;    
}    
.s-products-slider-card {    
    max-width: 50%;    
    }    
    .s-block--best-offers .carousel-slider .swiper {    
    padding: 1.5rem 1rem;    
}    
.s-product-card-content {    
    padding: 0.75rem 0;    
}    
.product-single .main-content small, .product-single .main-content h1, .product-single .main-content>h2, .product-single .main-content>.flex.whitespace-nowrap.gap-4.items-center {    
        text-align: center;    
        justify-content: center;    
        width: 100%;    
        color: var(--brand-primary) !important;   
    }    
.navbar-brand img {    
    max-height: 2.5rem;    
}    
    
   header .header-btn__icon.icon.sicon-shopping-bag:after  {    
      width: 23px;    
      height: 23px;    
    }    
    .search svg{    
      width: 22px;    
      height: 22px;    
    }    
      .search svg, header .header-btn__icon.sicon-user-circle:after {    
      width: 20px;    
      height: 20px;    
    }    
    header .header-btn__icon.icon.sicon-shopping-bag,header .header-btn__icon.sicon-user-circle, header .search, header .header-buttons {    
    width: 2rem;    
    height: 2rem;    
    }    
    .store-footer .contact-social {    
        padding: 0;    
    }    
    
    .store-footer__inner .s-contacts-list {    
        justify-content: center;    
    }    
    
    }    
    .store-footer p.max-w-sm.leading-6.mb-6, .product-single .s-product-card-content-title a{    
        font-size: 1rem;    
        color: var(--brand-primary);    
    }    
    
    section.s-block.s-block--banners .s-block__title h2:after,section.s-block.s-block--fixed-banner:nth-of-type(8) .container:after,.section-sub, .s-menu-footer-item {    
        font-size: .9rem;    
        color: var(--brand-primary);    
    }    
    
    .md\:flex.items-center.justify-between.py-4.container.text-center {    
        display: flex;    
        flex-direction: column-reverse;    
    }    
    
    .copyright-text p {    
        padding-top: 15px;    
        color: var(--brand-primary);    
    }    
    
header .sicon-menu {    
  color: var(--brand-primary) !important;    
}    
    
/* لون اسم المنتج وسعره */    
.s-product-card-content-title a,    
.s-product-card-price {    
    font-size: 1.1rem;    
    color: var(--brand-primary) !important;   
}    
    
/* لون عناوين التذييل والنص الموجود قبل العنصر */    
.store-footer h3,    
footer .store-footer__inner .container div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20:before {    
    font-size: 1.1rem;     
    color: var(--brand-primary) !important;    
}    
    
    .footer-is-light .store-footer .store-footer__inner {    
        padding-bottom: 0;    
    }    
    
    
    section.s-block.s-block--banners .s-block__title h2,  section.s-block.s-block--banners .s-block__title h2, .s-slider-block__title h2, .section-title, .s-reviews-header {    
        font-size: 1.5rem;    
        color: var(--brand-primary);    
    }    
    
    footer .store-footer__inner .container div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20:before {    
        margin: 0 auto;    
    }    
    
    .footer-is-light .store-footer .store-footer__inner,.store-footer a,footer .flex.rtl\:space-x-reverse.space-x-2.items-end,.s-social-list {    
        text-align: center;    
        justify-content: center;    
    }    
    
}    
@media (min-width: 1024px) {    
.s-block.s-block--best-offers .swiper-wrapper {    
   justify-content: center;    
}    
    .navbar-brand {    
        order: -1;    
    }    
    .s-block.s-block--banners .grid {    
    justify-content:center;    
    }    
    .main-menu li>a {    
        font-size: 1.1rem;    
        color: var(--brand-primary) !important;    
      }    
}    
    
/* توسيط عناوين الأقسام */    
.s-block__title,    
.s-slider-block__title,    
.section-title,    
.section-sub,    
.s-slider-block__title h2,    
.s-block__title h2,    
.s-reviews-header,    
.product-single h1,    
.product-single .main-content h1,    
.product-single .main-content > h2 {    
    text-align: center !important;    
    justify-content: center !important;    
    display: flex;    
}    
    
/* توسيط أسماء الأقسام داخل قائمة التنقل */    
.main-menu > li > a {    
    text-align: center !important;    
    justify-content: center !important;    
    display: flex;    
    width: 100%;    
}    
/* تنسيق مثالي لقسم قصتنا */    
.story-section {    
    max-width: 750px;    
    margin: 2rem auto;    
    padding: 1.5rem;    
    font-family: "IBM Plex Sans Arabic", sans-serif;    
    direction: rtl;    
    line-height: 2;    
    text-align: right;    
    color: var(--brand-text);    
}    
    
/* العنوان بشكل وسطي */    
.story-section h2 {    
    font-size: 1.6rem;    
    font-weight: bold;    
    color: var(--brand-primary);    
    text-align: center;    
    margin-bottom: 1.2rem;    
}    
    
/* النص العام بتنسيق مريح */    
.story-section p {    
    font-size: 1rem;    
    text-align: justify;    
    padding: 0 10px;    
}    
    
/* تصغير زر إضافة للسلة */    
.s-product-card-content-footer .s-button-primary-outline {    
    padding: 6px 12px !important;    
    font-size: 0.85rem !important;    
    border-radius: 8px !important;    
    min-height: unset !important;    
    height: auto !important;    
    background: var(--brand-primary); /* إزالة اللون الأصفر وتوحيده مع الهوية */    
    color: var(--brand-white);    
}    
    
/* تصغير الأيقونة داخل الزر */    
.s-product-card-content-footer .s-button-primary-outline .s-button-text i,    
.s-product-card-content-footer .s-button-primary-outline:before {    
    width: 16px !important;    
    height: 16px !important;    
    background-size: contain !important;    
    filter: invert(1);    
}    
    
/* تقليل حجم الصور في عرض البطاقة */    
.s-product-card-image img {    
    width: 100%;    
    height: auto;    
    max-height: 21rem;    
}    
    
.s-product-card-fit-height .s-product-card-image {    
    height: 18rem;    
    max-height: 23rem;    
}    
    
.product-color-preview {    
  display: flex;    
  gap: 6px;    
  margin-top: 5px;    
  justify-content: center;    
  flex-wrap: wrap;    
}    
    
.color-dot {    
  width: 20px;    
  height: 20px;    
  border-radius: 50%;    
  background-size: cover;    
  background-position: center;    
  border: 1px solid #ccc;    
}    
    
/* إخفاء العناوين الترويجية (الشارات) فوق صور المنتجات */    
.s-product-card-badge,    
.product-single .product__badge {    
  display: none !important;    
}    
/* ====== Header - أيقونات ملونة وتصغير الدوائر ====== */    
header .header-btn__icon.icon.sicon-shopping-bag,    
header .header-btn__icon.sicon-user-circle,    
header .search,    
header .header-buttons {    
    background-color: var(--brand-light);     
    color: var(--brand-primary) !important;    
    border-radius: 50%;    
    display: flex;    
    justify-content: center;    
    align-items: center;    
    width: 2.2rem;   
    height: 2.2rem;  
    padding: 4px;    
}    
    
header .header-btn__icon.icon.sicon-shopping-bag:after,    
header .header-btn__icon.sicon-user-circle:after,    
.search svg {    
    filter: invert(0);    
    width: 20px;    
    height: 20px;    
}    
    
.search svg,    
header .header-btn__icon.sicon-user-circle:after {    
    width: 20px !important;    
    height: 20px !important;    
}    
    
/* تأكيد أن النصوص في الهيدر بلون الهوية */    
.header-buttons .btn--rounded-gray,    
.main-menu li > a,    
.sicon-menu {    
    color: var(--brand-primary) !important;    
}    
    
/* ====== Footer - نصوص فرعية بلون الهوية ====== */    
.footer-is-light .store-footer,    
.footer-is-light .store-footer .store-footer__inner {    
    background-color: var(--brand-white) !important;    
    color: var(--brand-primary) !important;    
}    
    
.store-footer h3,    
.store-footer p,    
.store-footer .section-sub,    
.store-footer .s-menu-footer-item,    
.store-footer__inner .container:first-of-type div:nth-of-type(3) div a i,    
footer .store-footer__inner .container div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20:before {    
    color: var(--brand-primary) !important;    
}    
    
/* تأكيد على أيقونات التواصل */    
.s-contacts-icon svg,    
.s-social-link a svg {    
    fill: var(--brand-primary) !important;    
}    
    
/* إخفاء شارة المنتج في كروت المنتجات وصفحة المنتج */    
.s-product-card-badge,    
.product-single .product__badge {    
    display: none !important;    
}    
    
.header-buttons {    
  display: flex;    
  justify-content: space-between;    
  align-items: center;    
  padding: 0 1rem;    
}    
    
.header-buttons .right-icons,    
.header-buttons .left-icons {    
  display: flex;    
  gap: 8px;    
  align-items: center;    
}    
    
.header-btn__icon,    
.search,    
.language-toggle-button {    
  background-color: var(--brand-light);    
  border-radius: 50%;    
  width: 2.2rem;    
  height: 2.2rem;    
  display: flex;    
  justify-content: center;    
  align-items: center;    
  color: var(--brand-primary) !important;    
}    
    
.header-btn__icon:after,    
.search svg {    
  width: 18px;    
  height: 18px;    
  filter: invert(0); 
}    
    
/* إلغاء القيود على شعار المتجر */    
.navbar-brand img {    
  max-width: 150px;    
  height: auto;    
}    
    
.navbar-brand {    
  display: block;    
  margin-left: auto;    
  margin-right: auto;    
}    
    
@media (max-width: 768px) {    
  .navbar-brand {    
    display: block;    
    margin-left: auto;    
    margin-right: auto;    
  }    
}    
    
.swal2-container,    
.swal2-toast,    
.swal2-popup {    
  display: none !important;    
  visibility: hidden !important;    
  opacity: 0 !important;    
  background: transparent !important;    
  box-shadow: none !important;    
}    
    
@media (min-width: 1024px) {    
  /* توزيع القائمة والشعار بشكل منظم */    
  .main-menu {    
    display: flex;    
    flex-direction: row;    
    flex-wrap: nowrap;    
    justify-content: center;    
    align-items: center;    
    gap: 2rem;    
    position: relative;    
  }    
    
  .main-menu > li {    
    list-style: none;    
    flex: 0 1 auto;    
    white-space: nowrap;    
  }    
    
  /* تخصيص الشعار كعنصر وسط */    
  .main-menu > li.navbar-brand {    
    order: 0;    
    flex: 0 0 auto;    
    margin: 0 2rem;    
    pointer-events: none; 
  }    
    
  .main-menu > li.navbar-brand img {    
    max-height: 3.2rem;    
  }    
}    
    
.language-toggle-button {    
  display: none !important;    
}    
    
.s-cart-summary-count {    
  display: flex !important;    
}    
    
/* إخفاء محتوى السلة الكبير فقط وليس عداد العدد */    
header .s-cart-summary-content:not(.s-cart-summary-count) {    
  display: none !important;    
}    
    
/* التأكيد على عرض عداد عدد المنتجات */    
.s-cart-summary-count {    
  display: flex !important;    
  justify-content: center;    
  align-items: center;    
  position: absolute;    
  top: -6px;    
  right: -6px;    
  background-color: var(--brand-primary); /* تم التعديل لتتناسب مع الهوية */    
  color: var(--brand-white);    
  font-size: 0.65rem;    
  font-weight: bold;    
  padding: 2px 6px;    
  border-radius: 10px;    
  z-index: 10;    
  min-width: 18px;    
  height: 18px;    
}    
    
.s-block--features__item p {    
  display: none;    
}    
    
/* تنسيق السكشن 4 و 5 */    
body.index>div.app-inner>section:nth-child(6)>div {    
    display: flex;    
    justify-content: center;    
    align-items: center;    
    flex-wrap: wrap;    
    gap: 10px;    
    margin-bottom: 30px;    
}    
    
body.index>div.app-inner>section:nth-child(6)>div>div,    
body.index>div.app-inner>section:nth-child(7)>div>div {    
    background: transparent;    
}    
    
/* توزيع العناصر داخل السكشن */    
body.index>div.app-inner>section:nth-child(6)>div>div>div,    
body.index>div.app-inner>section:nth-child(7)>div>div>div {    
    background-size: contain !important;    
    background-repeat: no-repeat;    
}    
    
/* أحجام العناصر حسب ترتيبها */    
/* العنصر الأول والثاني */    
.grid.md\:grid-cols-3.two-row.grid-flow-row .banner-entry.square-photos:nth-child(1),    
.grid.md\:grid-cols-3.two-row.grid-flow-row .banner-entry.square-photos:nth-child(2) {    
    flex-basis: 45%;    
    height: 317px;    
}    
    
/* العنصر الثالث والرابع */    
.grid.md\:grid-cols-3.two-row.grid-flow-row .banner-entry.square-photos:nth-child(3),    
.grid.md\:grid-cols-3.two-row.grid-flow-row .banner-entry.square-photos:nth-child(4),    
.grid.md\:grid-cols-3.two-row.grid-flow-row .banner-entry.square-photos:nth-child(5) {    
    flex-basis: 29.5%;    
    height: 255px;    
}    
    
@media(max-width:768px) {    
  .s-product-card-fit-height .s-product-card-image {    
      height: 14rem;    
      max-height: 18rem;    
  }    
    
body.index>div.app-inner>section:nth-child(4)>div {    
    display: flex;    
    justify-content: center;    
    align-items: center;    
    flex-wrap: wrap;    
    gap: 10px;    
    margin-bottom: 30px;    
}    
    
/* العنصر الأول والثاني */    
.grid.md\:grid-cols-3.two-row.grid-flow-row .banner-entry.square-photos:nth-child(1),    
.grid.md\:grid-cols-3.two-row.grid-flow-row .banner-entry.square-photos:nth-child(2) {    
    flex-basis: 45%;    
    height: 110px;    
}    
    
/* العنصر الثالث والرابع */    
.grid.md\:grid-cols-3.two-row.grid-flow-row .banner-entry.square-photos:nth-child(3),    
.grid.md\:grid-cols-3.two-row.grid-flow-row .banner-entry.square-photos:nth-child(4),    
.grid.md\:grid-cols-3.two-row.grid-flow-row .banner-entry.square-photos:nth-child(5) {    
    flex-basis: 29%;    
    height: 97px;    
}    
    
}    
/* =========================================    
   كود إصلاح التناقضات ومنع إخفاء البنرات    
   ========================================= */    
    
/* 1. إجبار جميع البنرات (الثابتة والمتحركة) على الظهور وإلغاء أوامر الإخفاء المرتبطة بالترتيب */    
.s-block.s-block--fixed-banner,    
.s-block.s-block--fixed-banner:nth-of-type(n),    
section.s-block.s-block--banners,    
section.s-block.s-block--banners:nth-of-type(n),    
.s-block--fixed-banner + .s-block--fixed-banner {    
    display: block !important;    
}    
    
/* 2. إظهار جميع سلايدرات أفضل العروض التي تم إخفاؤها مسبقاً بناءً على لغة المتجر (ar/en) */    
div[id^="best-offers-"] {    
    display: block !important;    
}    
    
/* 3. حل التناقض المباشر في زر اللغة */    
.language-toggle-button {    
    display: flex !important;    
}    
    
/* 4. منع إخفاء أداة البحث في الهيدر */    
header .search {    
    display: flex !important;    
}    
    
/* 5. منع إخفاء محتوى السلة في الهيدر */    
header .s-cart-summary-content {    
    display: flex !important;     
}

/* ====== ضبط أقسام الموقع (2 في السطر) للجوال ====== */

@media (max-width: 768px) {
    /* 1. إجبار الحاوية الكبيرة على توزيع العناصر في عمودين */
    .grid.two-row.grid-flow-row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* تقسيم السطر لجزئين متساويين */
        gap: 12px !important; /* المسافة بين المربعات كما في الصورة المطلوبة */
        padding: 10px !important;
    }

    /* 2. ضبط أبعاد المربعات (banner-entry) */
    .banner-entry.square-photos {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1.4 !important; /* الحفاظ على الطول الأنيق للمربع */
        margin: 0 !important;
        display: block !important;
    }

    /* 3. ضبط الخلفية (lazy__bg) داخل المربعات */
    .banner-entry.square-photos .lazy__bg {
        background-size: cover !important; /* ملء المربع بالكامل بالصورة */
        background-position: center !important;
        border-radius: 15px !important; /* حواف ناعمة وفخمة */
        height: 100% !important;
        width: 100% !important;
        transition: transform 0.3s ease;
    }
    
    /* لمسة إضافية عند الضغط */
    .banner-entry.square-photos:active .lazy__bg {
        transform: scale(0.96);
    }
}

/* لضمان عدم اختفاء الأقسام في أي متصفح */
.banner-entry.square-photos, .lazy__bg {
    visibility: visible !important;
    opacity: 1 !important;
}
@media(min-width:640px){.s-block:nth-child(1){margin-top:0}}.text-center::before{content:"تصميم وبرمجة محمد : 966566212550";display:block;text-align:center;background:var(--second-color);padding:10px;color:#000}

@media(min-width:640px){.s-block:nth-child(1){margin-top:0}}.text-center::before{content:"تصميم وبرمجة محمد : 966566212550";display:block;text-align:center;background:var(--second-color);padding:10px;color:#000}