:root {
    --main-color: #704a22;       /* הכי כהה */
    --main-emerald: #fcfad4;  /* בהיר */
    --main-bright: #f5e5cb;          /* הכי בהיר */
    --main-muted:#6b786f;       /* אטום */
    --main-border:#faf0dc;        /* מסגרת */
    --main-bor-der:#faf0dc;        /* מסגרת */
    --main-white:#faf7f2;        /* צבע כמעט לבן */
    --main-background: #faf7ed;
}

header{
    height: 80px;
    width: 100%;
    margin: 0;
    padding: 0 20px;
    display: flex;
    background-color: var(--main-bright);
    justify-content: space-around;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    box-sizing: border-box;
}

.logo img{
    height: 100%;
    display: table;
    width: auto;
    margin: 0 30px;
}

.logo .brand:active{
  transform:translateY(1px) scale(.98);
  background:rgba(0,0,0,.06);
  box-shadow: inset 0 2px 6px rgba(0,0,0,.18);
}
.logo .brand:active img{
  filter:brightness(.95);
}

.left-icons,
.right-icons {
    display: flex;
    align-items: center;
    gap: 30px;
    font-size: 24px;
}

.whatsapp-icon {
  font-size: 35px;
  cursor: pointer;
  color: #2f3133;
}

.waze-icon {
    width: 40px;
    height: auto;
    cursor: pointer;
}

.shopping-cart-icon{
    color: #2f3133;
}

.gallery-icon{
    color: #2f3133;
}

html, body { min-height: 100dvh; }

body {
    margin: 0;
    padding: 0;
    background: var(--main-background)!important;
}

.privacy{
  width: 80%;                  /* הבלוק כולו 80% */
  margin: 0 auto;              /* מרכז את הבלוק */
  border-top: 1px solid var(--main-color); /* פס בגובה 4px */
  padding-top: 12px;
  text-align: center;
}



.privacy a{
  color: #1f2973;          /* התאימי לצבע המותג */
  text-decoration: none;
}

footer{
    background-color: var(--main-bright);
    font-size: 0.9em;
    line-height: 1.6;
    font-family: Arial, sans-serif !important;
}

.rights{
    padding-bottom: 10px;
    margin: 0;
    text-align: center;
}


.social-bar {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  padding-top: 10px;
}

.social-bar .icon {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000;                 /* האייקון לבן */
  border: 1px solid #000;
  border-radius: 50%;
  text-decoration: none;
  transition: transform .15s ease, background .2s ease, border-color .2s ease, color .2s ease;
}


.social-bar .icon i { font-size: 18px; line-height: 1; }


/* אופציונלי: הגדלה בניידים */
@media (max-width: 480px) {
  .social-bar .icon { width: 40px; height: 40px; }
  .social-bar .icon i { font-size: 20px; }
}




/* ====== Payment success/fail modal (overlay) ====== */
.success-modal {
  position: fixed;          /* שוכן מעל כל הדף */
  inset: 0;
  z-index: 20000;           /* גבוה יותר מה-header שלך (10000) */
  display: none;            /* נפתח עם .open */
  place-items: center;
}
.success-modal.open {        /* ה-JS מוסיף את המחלקה הזו */
  display: grid;
}

.success-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
}

.success-modal__card {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 14px;
  width: min(360px, 92vw);
  padding: 18px 16px;
  text-align: center;
  transform: translateY(10px);
  opacity: 0;
  transition: transform .25s ease, opacity .25s ease;
}
.success-modal.open .success-modal__card {
  transform: translateY(0);
  opacity: 1;
}

.success-modal__ok {
  padding: 10px 16px;
  border-radius: 10px;
  background: var(--main-color); /* משתמש בצבעים שלך */
  color: #fff;
  border: 0;
  cursor: pointer;
}

body.modal-open { overflow: hidden; }


:root{
  --brown: #2C1B10;        /* ברירת מחדל */
  --brown-light: #C49A6C;  /* בלחיצה/פוקוס */
}

.back-icon{
  color: var(--brown);
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:12px;
  background:transparent; text-decoration:none;
}
.back-icon .icon-chevron{ width:22px; height:22px; display:block; } /* אפשר להגדיל/להקטין */
.back-icon:hover{ filter: brightness(0.95); }
.back-icon:active{ color: var(--brown-light); }           /* חום בהיר בלחיצה */
.back-icon:focus-visible{
  outline:2px solid var(--brown-light);
  outline-offset:2px;
  color: var(--brown-light);
}


.back-icon.back-placeholder{
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 768px) {
  .read-more-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to bottom, transparent, #faf7ed 85%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 8px;
    cursor: pointer;
  }

  .read-more-overlay span {
    color: #000;
    font-weight: bold;
    font-size: 0.95rem;
  }
}

@media (min-width: 769px) {
  .read-more-overlay { display: none !important; }
}

@media (max-width: 768px) {
  .about-wrapper {
    max-height: 240px;
    overflow: hidden;
    transition: max-height 0.5s ease;
    position: relative;
  }

  .about-wrapper.expanded {
    max-height: 1000px;
  }

  /* הסר את אלה לגמרי - הם גורמים לבעיה */
  .about {
    max-height: none !important;
    overflow: visible !important;
    margin-top: 20px;
  }
}