/* =========================
   Raheq Honey – Clean CSS (Deduped)
   ========================= */

/* 1) Design Tokens */
:root{
  --bg-main:#fbf2df;
  --bg-soft:#faf3df;
  --bg-chip:#fcf3de;
  --bg-card:#f7eeda;
  --bg-alt:#f1e7d3;
  --text-main:#1a1a1a;
  --text-sub:#756e5b;
  --accent:#d6ac07;
  --btn:#000000;
  --btn-text:#fcfaf6;
  --badge-blue:#423cff;
  --badge-blue-2:#0055ff;
  --promo-bg:#ffeb3b;
  --promo-text:#c3242f;
  --shadow-1:0 2px 6px -1px rgba(0,0,0,.10),0 2px 4px -2px rgba(0,0,0,.10);
  --radius-sm:.5rem;
  --radius-md:1rem;
  --radius-lg:1.5rem;
  --radius-xl:2rem;
  --curve-sm:1.125rem;
  --curve-md:1.5rem;
}

/* 2) Base */
.index{background-color:var(--bg-main);}
*,::before,::after{box-sizing:border-box;border:0 solid #faf3e0;}

/* 3) Hero / Slider */
section#E_slider_sec_0 a.foreground,
.s-block--hero-slider .swiper-slide .swiper-lazy:after{display:none;}
.s-block:first-of-type .swiper-backface-hidden .swiper-slide{padding:0;}
@media (min-width:991px){
  .s-block--hero-slider .swiper-slide{height:42rem;}
}
@media (max-width:767px){
  .s-block--hero-slider .swiper-slide{height:10rem;min-height:142px;}
}

/* 4) Category Grid */
.f_enhanced-square-photos .f_image-one-sixth{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.f_enhanced-square-photos .f_image-one-sixth a{width:100%;}
.f_enhanced-square-photos .f_image-entry img{background-color:transparent;box-shadow:none;}
.f_enhanced-square-photos:not(.f_rounded-photos) .f_image-entry img{border-radius:0;}
@media (min-width:768px){
  .f_enhanced-square-photos .f_image-one-sixth{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1rem;
  }
}

/* 5) Fixed Banner */
.s-block--fixed-banner .container{max-width:85%;}
.banner--fixed img{background-color:transparent;}

/* 6) Buttons (unified) */
button.s-button-primary{
  border-width:0;
  color:var(--btn-text);
  padding:.75rem;
  border-radius:var(--curve-sm);
  background:radial-gradient(circle at center,#1f3d0d,#42721a,#1f3d0d);
  background-size:200% 200%;
  animation:radialPulse 6s ease-in-out infinite;
  transition:background .5s ease;
}
@keyframes radialPulse{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.s-button-light-outline{
  background-color:var(--bg-main);
  fill:#6b7280;
  color:#6b7280;
}

/* 7) Mini checkout add button */
.s-add-product-button-mini-checkout-content{color:var(--accent);}

/* 8) Testimonials Block */
.s-block--testimonials .testimonial__inner,
.s-block--testimonials .default-testimonial .testimonial{
  background-color:var(--bg-main);
}

/* 9) Product Cards – Promotion Title */
.product-entry .product-entry__image .f_promotion-title{
  margin-top:9%;
  background-color:var(--promo-bg);
  color:var(--promo-text);
}

/* 10) Footer */
.store-footer,
.store-footer__inner{background-color:transparent;}
.store-footer .f_certificates,
.store-footer .social-link,
.store-footer .f_payment-methods>li,
.store-footer__inner .about-us-block{background-color:transparent;}
.store-footer__inner .about-us-block{box-shadow:0 0 2px 3px #c9c9c938;}
.store-footer__bottom{max-width:100%;}
.store-footer h3{
  margin-bottom:.75rem;
  text-align:center;
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:700;
  color:#d71616;
}
/* Payments icons */
.store-footer .s-payments-list>li{
  display:flex;height:3rem;width:4.5rem;
  border-radius:1.25rem;background-color:var(--bg-main);
  padding:.5rem;color:var(--text-main);box-shadow:var(--shadow-1);
}
/* Social links */
.store-footer .s-social-link a{
  display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;
  border-radius:1.25rem;background-color:#faf3df;
  font-size:1.125rem;line-height:1.75rem;color:#1a1a1a;
  transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-1);
}
/* Certificates block */
.store-footer .f_certificates{
  display:flex;border-radius:var(--radius-lg);background-color:var(--bg-main);
  padding:1rem 1.5rem;color:var(--text-main);
  align-items:center;justify-content:center;align-content:center;
}
/* Footer bottom bar */
.store-footer__bottom{
  align-items:center;justify-content:center;
  background-color:#366015;
  padding-top:1rem;padding-bottom:1rem;text-align:center;
}
@media (max-width:767px){
  .thin-header .store-footer__bottom{padding-bottom:4.25rem;}
  .store-footer__bottom{
    border-top-left-radius:20rem 1rem;
    border-top-right-radius:20rem 1rem;
  }
}

/* 11) FAQ / Comments */
.faqs__item{
  border-radius:var(--radius-xl);
  background-color:#f6e9cf;
  padding:1rem 1.5rem;color:#000;
}
.f_comments-container .comment,
.f_comments-container .reply{
  position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;
  border-radius:var(--radius-xl);background-color:var(--bg-card);
  padding:1rem;font-size:.875rem;line-height:1.25rem;
}

/* 12) Bank Offers + Corner Badge */
.s-offer-wrapper{
  position:relative;margin-bottom:2rem;overflow:hidden;
  border-radius:.25rem;background-color:#f2ebd7;
}
.s-offer-bank-wrapper{
  position:relative;display:flex;min-height:144px;width:100%;
  flex-direction:column;align-items:center;justify-content:center;
  border-radius:.5rem;border:1px solid #f2ebd7;background-color:#f2ebd7;
}
.s-offer-corner-badge{
  position:absolute;z-index:1;margin:0;height:auto;width:auto;border:0;
  padding:.25rem 3rem;color:#fff;border-radius:4px;
  background:linear-gradient(197deg,#ffffff,var(--badge-blue),#ffffff,var(--badge-blue-2));
  background-size:400% 400%;animation:blueWhiteBG 12s ease infinite;
  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));
}
.s-offer-corner-badge:where([dir="rtl"],[dir="rtl"] *){top:.75rem;left:-3rem;--tw-rotate:-45deg;}
@keyframes blueWhiteBG{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* 13) Tabby / Tamara widgets */
.tamara-product-widget,.spotii-wrapper{
  min-height:100px;position:relative;color:var(--text-main);
  font-size:var(--font-sm,.875rem);line-height:1.25;
  padding:20px 20px 20px 115px !important;
  background:linear-gradient(-45deg,#e492a9,#c35b78,#b47fa4,#ffffff,#f7f7f7);
  background-size:400% 400%;animation:gradientBG 12s ease infinite;
  border-radius:.375rem;border:unset !important;
  transition:box-shadow .5s cubic-bezier(.4,0,.2,1);
  font-family:inherit !important;font-weight:500;
}
@keyframes gradientBG{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
#tabbyPromoWrapper{
  background:linear-gradient(-45deg,#3cffb3,#3cffb3);
  background-size:400% 400%;animation:greenWhiteBG 12s ease infinite;
  border-radius:.375rem;margin-bottom:20px;border:unset !important;font-weight:500;
}
@keyframes greenWhiteBG{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* 14) Product Page sections */
.f_product-section .product__description{
  border-radius:var(--radius-xl);background-color:#fbf1dd;
  padding:1rem 1.5rem;color:var(--text-main);
}
.s-product-options-wrapper{
  border-radius:var(--radius-lg);background-color:#e5dbc6;
}

/* 15) Sticky product bar (mobile) */
@media (max-width:639px){
  .is-sticky-product-bar .sticky-product-bar>.product-bar{
    border-radius:var(--radius-lg);background-color:#e7e0cc;padding:.75rem;
    --tw-shadow:5px 10px 99px rgba(43,45,52,.051);
    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);
  }
}

/* 16) Karzoun WhatsApp widget */
#karzoun-widget-send-button{
  position:fixed !important;z-index:190 !important;bottom:50px;right:25px;
  min-width:50px;height:40px;padding:0 10px 0 15px;
  display:flex;align-items:center;justify-content:center;text-align:center !important;
  border-radius:25px;background-color:var(--bg-alt);
  box-shadow:2px 2px 6px rgba(0,0,0,.4);
  cursor:pointer;visibility:visible;transition:none !important;
}
.karzoun-box{
  background-color:#f1e6cd;z-index:16000160 !important;width:300px;
  position:fixed !important;bottom:50px !important;right:40px;margin-bottom:60px;
  border-radius:10px;box-shadow:2px 2px 6px rgba(0,0,0,.4);
  font:400 normal 15px/1.3 -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;
}
.karzoun-box-header{
  height:100px;max-height:100px;min-height:100px;background-color:var(--bg-main);
  color:var(--text-sub);border-radius:10px 10px 0 0;display:flex;align-items:center;
}
.karzoun-box-content-chat{
  background-color:#f8efdb;display:inline-block;margin:20px;padding:10px;border-radius:10px;
}
.karzoun-box-content-send-btn{
  position:relative;display:flex;align-items:center;justify-content:center;
  padding:8px 12px;margin:20px;border-radius:25px;background-color:var(--bg-chip);
  font-size:15px;font-weight:700;color:#201d1d;text-decoration:none;cursor:pointer;overflow:hidden;
}
.karzoun-box-content-send-btn-icon{width:16px;height:16px;fill:var(--text-sub);flex:0 0 16px;z-index:1;}
.karzoun-box-content-send-btn-text{margin:0 8px;z-index:1;color:var(--text-sub);}
.karzoun-box-send{background-color:#f1e7cd;}
.wa-messenger-svg-whatsapp{fill:var(--text-sub);width:37px;height:42px;}

/* 17) Utility backgrounds */
.bg-secondary{background-color:var(--bg-soft);}
.bg-[var(--main-background)]{background-color:var(--bg-soft);}

/* 18) Misc fixes */
img,video{max-width:100%;height:auto;display:block;vertical-align:middle;object-fit:contain;}
.btn--wishlist{margin:0;border-radius:var(--curve-md) !important;}
.animated{animation-duration:400ms;animation-fill-mode:both;}

/* 19) Section titles (kept once) */
.s-block__title h2{
  position:relative;width:fit-content;margin:0 auto;
  font-size:1.5rem;font-weight:700;line-height:1.2;color:#366015;text-align:center;
}

/* 20) Navigation — Aurora Glass (unified) */
nav.nav-bar ul{
  --aurora-1:rgba(80,160,60,.55);
  --aurora-2:rgba(54,96,21,.75);
  --aurora-3:rgba(30,55,18,.6);
  --glass:rgba(25,40,18,.35);
  position:relative;display:flex;gap:1rem;padding:.75rem 1rem;border-radius:1rem;
  color:#fff;overflow:hidden;border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(120% 180% at 0% 0%,var(--aurora-1),transparent 60%),
    radial-gradient(120% 160% at 100% 0%,var(--aurora-2),transparent 60%),
    radial-gradient(120% 160% at 50% 100%,var(--aurora-3),transparent 60%),
    var(--glass);
  backdrop-filter:blur(14px) saturate(170%);
  -webkit-backdrop-filter:blur(14px) saturate(170%);
  box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
}
nav.nav-bar ul::before{
  content:"";position:absolute;inset:-60% -30%;
  background:
    conic-gradient(from 0deg at 30% 50%,rgba(140,220,120,.18),transparent 60%),
    conic-gradient(from 180deg at 70% 50%,rgba(110,190,90,.16),transparent 60%);
  filter:blur(28px);animation:auroraFlow 18s ease-in-out infinite alternate;pointer-events:none;
}
nav.nav-bar ul::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 20% 30%,rgba(255,255,255,.25) 1px,transparent 2px),
    radial-gradient(circle at 70% 60%,rgba(255,255,255,.18) 1px,transparent 2px),
    radial-gradient(circle at 40% 80%,rgba(255,255,255,.2) 1px,transparent 2px),
    radial-gradient(circle at 85% 20%,rgba(255,255,255,.15) 1px,transparent 2px);
  background-size:140px 140px,180px 180px,160px 160px,200px 200px;
  mix-blend-mode:screen;opacity:.7;animation:twinkle 6s linear infinite;pointer-events:none;
}
@keyframes auroraFlow{
  0%{transform:translate3d(-6%,-2%,0) rotate(0) scale(1.05)}
  50%{transform:translate3d(4%,3%,0) rotate(10deg) scale(1.1)}
  100%{transform:translate3d(-2%,5%,0) rotate(-8deg) scale(1.06)}
}
@keyframes twinkle{
  0%{background-position:0 0,0 0,0 0,0 0;opacity:.65}
  50%{background-position:30px 20px,-20px 35px,15px -25px,-35px 15px;opacity:.9}
  100%{background-position:0 0,0 0,0 0,0 0;opacity:.65}
}
nav.nav-bar ul li{list-style:none;position:relative;border-radius:.6rem;}
nav.nav-bar ul li a{
  position:relative;display:inline-block;padding:.5rem .9rem;color:#fff;text-decoration:none;
  font-weight:600;letter-spacing:.2px;z-index:1;transition:transform .25s ease,text-shadow .25s ease;
}
nav.nav-bar ul li:hover a{transform:translateY(-2px);text-shadow:0 0 18px rgba(140,220,120,.55);}
nav.nav-bar ul li a::after{
  content:"";position:absolute;left:50%;bottom:-4px;width:0;height:3px;transform:translateX(-50%);
  border-radius:999px;background:linear-gradient(90deg,#b6f3a0,#7ed957,#4ea43a);
  box-shadow:0 0 14px rgba(126,217,87,.55);transition:width 280ms ease,box-shadow 280ms ease;
}
nav.nav-bar ul li:hover a::after,
nav.nav-bar ul li a:focus::after{width:82%;box-shadow:0 0 20px rgba(126,217,87,.7),0 0 34px rgba(126,217,87,.35);outline:none;}
nav.nav-bar ul li a:active{transform:translateY(0) scale(.98);}

/* 21) Mobile mmenu — Aurora (mobile only) */
@media (min-width:769px){.mm-ocd{display:none !important;}}
@media (max-width:768px){
  .mm-ocd .mm-spn--light,.mm-ocd .mm-spn--dark{
    --aurora-1:rgba(6 136 74);--aurora-2:rgba(5 132 71);--aurora-3:rgba(5 132 71);--glass:rgba(25,40,18,.35);
    color:#bfa56f !important;
    background:
      radial-gradient(120% 180% at 0% 0%,var(--aurora-1),transparent 60%),
      radial-gradient(120% 160% at 100% 0%,var(--aurora-2),transparent 60%),
      radial-gradient(120% 160% at 50% 100%,var(--aurora-3),transparent 60%),
      var(--glass) !important;
    backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);position:relative;overflow:hidden;
  }
  .mm-ocd .mm-spn--light::before,.mm-ocd .mm-spn--dark::before{
    content:"";position:absolute;inset:-60% -30%;
    background:
      conic-gradient(from 0deg at 30% 50%,rgba(140,220,120,.18),transparent 60%),
      conic-gradient(from 180deg at 70% 50%,rgba(110,190,90,.16),transparent 60%);
    filter:blur(28px);animation:mmAuroraFlow 18s ease-in-out infinite alternate;pointer-events:none;z-index:0;
  }
  .mm-spn a,.mm-spn span{
    display:block;color:#fff;text-decoration:none;font-weight:600;letter-spacing:.2px;
    padding:.9rem 1.1rem;border-radius:.65rem;position:relative;
    transition:transform .25s ease,text-shadow .25s ease,background .25s ease,box-shadow .25s ease;
  }
  .mm-spn a:hover,.mm-spn a:focus{
    transform:translateY(-2px);text-shadow:0 0 18px rgba(140,220,120,.55);
    outline:none;background:rgba(255,255,255,.08);box-shadow:0 6px 18px rgba(126,217,87,.18);
  }
  .mm-spn a::after{
    content:"";position:absolute;left:50%;bottom:6px;width:0;height:3px;transform:translateX(-50%);
    border-radius:999px;background:linear-gradient(90deg,#b6f3a0,#7ed957,#4ea43a);
    box-shadow:0 0 14px rgba(126,217,87,.55);transition:width 280ms ease,box-shadow 280ms ease;
  }
  .mm-spn a:hover::after,.mm-spn a:focus::after{width:82%;box-shadow:0 0 20px rgba(126,217,87,.7),0 0 34px rgba(126,217,87,.35);}
  @keyframes mmAuroraFlow{
    0%{transform:translate3d(-6%,-2%,0) rotate(0) scale(1.05)}
    50%{transform:translate3d(4%,3%,0) rotate(10deg) scale(1.1)}
    100%{transform:translate3d(-2%,5%,0) rotate(-8deg) scale(1.06)}
  }
}

/* 22) Breadcrumbs (final color unified) */
.breadcrumbs li a{color:#000;}



element.style {
}
.thin-header .main-nav-container {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.main-nav-container.fixed-header {
    transform: translate3d(0, 0, 0);
}
.main-nav-container.fixed-pinned {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 29;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    transform: translate3d(0, -100%, 0);
}
.main-nav-container.main-nav-animated {
    transition: top .5s, transform .5s, opacity .4s;
}
.thin-header .main-nav-container {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.main-nav-container {
    background-color: #335c15;
    padding-right: 1rem;
    padding-left: 1rem;
}

.karzoun-box-poweredby {
  display: none !important;
}



element.style {
}
@media (max-width: 767px) {
    .thin-header .store-footer__bottom {
        padding-bottom: 4.25rem;
    }
}
@media (max-width: 767px) {
    .thin-header .store-footer__bottom {
        padding-bottom: 4.25rem;
    }
}
@media (max-width: 767px) {
    .store-footer__bottom {
        border-top-left-radius: 20rem 1rem;
        border-top-right-radius: 20rem 1rem;
    }
}
.store-footer__bottom {
    align-items: center;
    justify-content: center;
    background-color: #366015;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
}
.store-footer__bottom {
    max-width: 100%;
}
@media (max-width: 767px) {
    .store-footer__bottom {
        border-top-left-radius: 20rem 1rem;
        border-top-right-radius: 20rem 1rem;
    }
}
.store-footer__bottom {
    align-items: center;
    justify-content: center;
    background-color: #414042;
    background-color: var(--color-primary);
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
}
.store-footer__bottom {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
}
*, ::before, ::after {
    box-sizing: border-box;
    border: 0 solid #faf3e0;
}
*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
عرض جميع الخصائص (1 أخرى)
}
ورقة أنماط وكيل المستخدم
div {
    display: block;
    unicode-bidi: isolate;
}
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
عرض جميع الخصائص (1 أخرى)
}
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
عرض جميع الخصائص (1 أخرى)
}
.edges-curve-3 {
    --xxs-curve: 0.375rem;
    --xs-curve: 0.75rem;
    --small-curve: 1.125rem;
    --medium-curve: 1.5rem;
    --large-curve: 1.875rem;
    --xl-curve: 2.25rem;
}
body {
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #231f1e;
    color: var(--main-text-color);
    position: relative;
}
body {
    margin: 0;
    line-height: inherit;
}
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
عرض جميع الخصائص (1 أخرى)
}
:root {
    --bg-main: #fbf2df;
    --bg-soft: #faf3df;
    --bg-chip: #fcf3de;
    --bg-card: #f7eeda;
    --bg-alt: #f1e7d3;
    --text-main: #1a1a1a;
    --text-sub: #756e5b;
    --accent: #d6ac07;
    --btn: #d3c8b3;
    --btn-text: #fcfaf6;
    --badge-blue: #423cff;
    --badge-blue-2: #0055ff;
    --promo-bg: #ffeb3b;
    --promo-text: #c3242f;
    --shadow-1: 0 2px 6px -1px rgba(0, 0, 0, .10), 0 2px 4px -2px rgba(0, 0, 0, .10);
    --radius-sm: .5rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-xl: 2rem;
    --curve-sm: 1.125rem;
    --curve-md: 1.5rem;
}
<style>
:root {
    --swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);
    --swal2-container-padding: 0.625em;
    --swal2-backdrop: rgba(0, 0, 0, 0.4);
    --swal2-backdrop-transition: background-color 0.1s;
    --swal2-width: 32em;
    --swal2-padding: 0 0 1.25em;
    --swal2-border: none;
    --swal2-border-radius: 0.3125rem;
    --swal2-background: white;
    --swal2-color: #545454;
    --swal2-show-animation: swal2-show 0.3s;
    --swal2-hide-animation: swal2-hide 0.15s forwards;
    --swal2-icon-zoom: 1;
    --swal2-icon-animations: true;
    --swal2-title-padding: 0.8em 1em 0;
    --swal2-html-container-padding: 1em 1.6em 0.3em;
    --swal2-input-border: 1px solid #d9d9d9;
    --swal2-input-border-radius: 0.1875em;
    --swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
    --swal2-input-background: transparent;
    --swal2-input-transition: border-color 0.2s, box-shadow 0.2s;
    --swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
    --swal2-input-focus-border: 1px solid #b4dbed;
    --swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px $ swal2-outline-color;
    --swal2-progress-step-background: #add8e6;
    --swal2-validation-message-background: #f0f0f0;
    --swal2-validation-message-color: #666;
    --swal2-footer-border-color: #eee;
    --swal2-footer-background: transparent;
    --swal2-footer-color: inherit;
    --swal2-close-button-position: initial;
    --swal2-close-button-inset: auto;
    --swal2-close-button-font-size: 2.5em;
    --swal2-close-button-color: #ccc;
    --swal2-close-button-transition: color 0.2s, box-shadow 0.2s;
    --swal2-close-button-outline: initial;
    --swal2-close-button-box-shadow: inset 0 0 0 3px transparent;
    --swal2-close-button-focus-box-shadow: inset var(--swal2-outline);
    --swal2-close-button-hover-transform: none;
    --swal2-actions-justify-content: center;
    --swal2-actions-width: auto;
    --swal2-actions-margin: 1.25em auto 0;
    --swal2-actions-padding: 0;
    --swal2-actions-border-radius: 0;
    --swal2-actions-background: transparent;
    --swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;
    --swal2-action-button-hover: black 10%;
    --swal2-action-button-active: black 10%;
    --swal2-confirm-button-box-shadow: none;
    --swal2-confirm-button-border-radius: 0.25em;
عرض جميع الخصائص (14 أخرى)
}
[color-scheme="light"] {
    --main-color: #000;
    --secondary-color: #666;
    --main-background: #fff;
    --secondary-background: #eee;
    --color-primary: #f5ecda;
    --color-primary-faded: #f5ecdacc;
    --bg-secondary: #fafafa;
    --foreground-color: #766d5b;
    --color-primary-reverse: #766d5b;
    --color-primary-dark: #cfc6b4;
    --color-primary-light: #ffffff;
    --header-background: #039357;
    --header-foreground: #ffffff;
}



element.style {
}
.thin-header .main-nav-container {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.thin-header .main-nav-container {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.thin-header .main-nav-container {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.thin-header .main-nav-container {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.thin-header .main-nav-container {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.thin-header .main-nav-container {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.main-nav-container {
    background-color: #0a8049;
    padding-right: 1rem;
    padding-left: 1rem;
}
.main-nav-container {
    background-color: #0a8049;
    padding-right: 1rem;
    padding-left: 1rem;
}
.main-nav-container {
    background-color: #0a8049;
    padding-right: 1rem;
    padding-left: 1rem;
}
.main-nav-container {
    background-color: #0a8049;
    padding-right: 1rem;
    padding-left: 1rem;
}

#karzoun-widget-send-button div {
  color: #756e5b !important;  /* البني الفاخر */
  font-weight: 700;
}

.thin-header .main-nav-container {
    border-bottom-right-radius: 0rem;
    border-bottom-left-radius: 0rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

element.style {
}

.loc-header {
    padding: 12px 20px;
    border-bottom: 1px solid #eee;
    background: #009454;
    color: #fff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

element.style {
}
.main-nav-container .btn--circle-gray, .main-nav-container .btn--rounded-gray, .main-nav-container .s-search-input, .main-nav-container .s-cart-summary-wrapper {
    background-color: #0a8049;
    color: var(--main-color);
}

element.style {
}
[dir="rtl"] .header-btn__icon {
    padding-left: 0.5rem;
}
[class^=sicon-], [class*=" sicon-"] {
    font-family: "sallaicons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.header-btn__icon {
    display: flex
;
    align-items: center;
    justify-content: center;
    background-color: #0a8049;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: var(--main-color);
}


element.style {
}
nav.nav-bar ul {
    --aurora-1: #FFC107;
    
    /* تغيير لون نص زر "تواصل معنا" في ويدجت Karzoun */
#whatsapp_chat_widget .karzoun-widget-send-button span,
.karzoun-box-send-btn-text {
  color: #7b4a12 !important; /* بني فاخر */
}