/* Remove all padding and margin from sections before footer */
body.page-id-64 > section {
  margin: 0 !important;
  padding-top: 40px !important;
  padding-bottom: 0 !important;
}

/* Footer section - remove empty space */
body.page-id-64 > footer {
  margin: 0 !important;
  padding: 0 !important;
}

/* Floating social button positioning */
body.page-id-64 > a[href*="wa.me"],
body.page-id-64 > a[href*="instagram"],
body.page-id-64 > a[href*="facebook"] {
  bottom: 20px !important;
  position: fixed !important;
}

/* Mobile services cards: hide stray empty <p>/empty cards (wpautop) so the 2-col grid has no empty gaps */
@media (max-width: 767px){
  body.page-id-64 .svc-scroll > p,
  body.page-id-64 .svc-scroll > .svc-card:not(:has(img)){
    display: none !important;
  }
  body.page-id-64 .svc-scroll{
    align-items: start !important;
  }
}


/* ============================================
   MILLY DESIGN FIXES - June 2026
   ============================================ */

/* #1 - Hero secondary button: dark cream, no border, black text */
.btn-cta-secondary {
  background: rgb(222,210,192) !important;
  border: none !important;
  color: rgb(0,0,0) !important;
}
.btn-cta-secondary:hover {
  background: rgb(210,196,174) !important;
  color: rgb(0,0,0) !important;
}

/* #3 - Enlarge step text in 'what we do together' cards */
.what-card p, .what-card .what-body {
  font-size: 19px !important;
  line-height: 1.7 !important;
}
.what-card h3, .what-card h4, .what-card .what-title {
  font-size: 20px !important;
}

/* #4 desktop - photo gallery: cursor pointer + hover scale */
.photo-strip img {
  cursor: pointer !important;
  transition: transform 0.2s ease !important;
}
.photo-strip img:hover {
  transform: scale(1.03) !important;
}
/* #4 mobile - one full-width photo + horizontal scroll */
@media (max-width: 768px) {
  .photo-strip {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    gap: 12px !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 8px !important;
  }
  .photo-strip > * {
    flex: 0 0 88% !important;
    scroll-snap-align: center !important;
  }
  .photo-strip img {
    width: 100% !important;
    height: auto !important;
  }
}

/* #5 - Alternating section background colors */
.section-intro    { background: rgb(245,240,232) !important; }
.section-identify { background: rgb(237,229,212) !important; }
.section-promise  { background: rgb(245,240,232) !important; }
.section-what     { background: rgb(237,229,212) !important; }
.section-assets   { background: rgb(245,240,232) !important; }
.section-pricing  { background: rgb(237,229,212) !important; }
.section-bonus    { background: rgb(58,46,30) !important; }
.section-who      { background: rgb(245,240,232) !important; }
.section-closing  { background: rgb(237,229,212) !important; }
.section-outcomes { background: rgb(58,46,30) !important; }
.section-why      { background: rgb(245,240,232) !important; }
.section-testi    { background: rgb(237,229,212) !important; }
.section-faq      { background: rgb(245,240,232) !important; }
.section-cta      { background: rgb(58,46,30) !important; }

/* #6 - 'Why me' section: image beside text (2-column grid) */
.section-why .inner {
  display: grid !important;
  grid-template-columns: 0.85fr 1.15fr !important;
  gap: 44px !important;
  align-items: center !important;
}
.why-img-col {
  margin: 0 !important;
}
.why-img-col img {
  width: 100% !important;
  max-width: 440px !important;
  height: auto !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.15) !important;
  display: block;
}
@media (max-width: 768px) {
  .section-why .inner {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .why-img-col img { max-width: 100% !important; }
}

/* #7 - Promise section: 6 cards in 2-column grid, no checkmark */
.section-promise .identify-list {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-top: 28px !important;
}
.section-promise .identify-item {
  background: rgb(255,252,246) !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  box-shadow: 0 2px 10px rgba(58,46,30,.07) !important;
}
@media (max-width: 768px) {
  .section-promise .identify-list {
    grid-template-columns: 1fr !important;
  }
}

/* #8 - Remove trailing dot from headings */
h1::after, h2::after, h3::after {
  content: none !important;
}

/* Lightbox overlay */
#milly-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0,0,0,.88);
  align-items: center;
  justify-content: center;
  cursor: zoom-out;
}
#milly-lightbox.open {
  display: flex !important;
}
#milly-lightbox img {
  max-width: 90vw;
  max-height: 90vh;
  border-radius: 10px;
  box-shadow: 0 12px 60px rgba(0,0,0,.6);
  object-fit: contain;
  cursor: default;
}
#milly-lightbox-close {
  position: absolute;
  top: 18px;
  left: 22px;
  font-size: 36px;
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  line-height: 1;
  opacity: .85;
}
#milly-lightbox-close:hover { opacity: 1; }


/* === נעים להכיר - תיקונים === */

/* תיקון 1: כפתור "הסיפור שלי" - קרם כהה, טקסט שחור, ללא מסגרת */
.hero-btn-secondary {
  background: #d4b896 !important;
  color: #1a1a1a !important;
  border: none !important;
}
.hero-btn-secondary:hover {
  background: #c9a880 !important;
  color: #1a1a1a !important;
}

/* תיקון 2: כרטיסיות הערכים - קטנות וממורכזות */
.section-values .inner {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
.values-grid {
  grid-template-columns: repeat(4, minmax(130px, 155px)) !important;
  justify-content: center !important;
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.value-card-wrap {
  height: 155px !important;
  width: 155px !important;
  max-width: 155px !important;
}

/* תיקון 3: גלריית תמונות - 2 טורים ו-2 שורות */
.gallery-mosaic {
  grid-template-columns: 1fr 1fr !important;
  grid-template-rows: auto auto !important;
}
.mosaic-tall {
  grid-row: auto !important;
  height: 220px !important;
  min-height: unset !important;
}

/* תיקון 4: כפתור "לשיחת היכרות" - צבע חמרה מלא */
.btn-outline {
  background: #c47a2f !important;
  color: #fff !important;
  border-color: #c47a2f !important;
}
.btn-outline:hover {
  background: #a8621f !important;
  border-color: #a8621f !important;
}


/* =====================================================
   MOBILE REELS / VIDEO CARDS: 2-column grid like Facebook Reels
   Applies only to homepage on mobile
   ===================================================== */
@media (max-width: 767px) {

  /* --- Content / Reel cards: 2-column grid --- */
  body.page-id-64 .cnt-scroll-outer {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.page-id-64 .cnt-scroll {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
    justify-content: unset !important;
    padding: 0 6px !important;
    scroll-snap-type: unset !important;
  }
  body.page-id-64 .cnt-card {
    flex: unset !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  /* Hide arrows on mobile for cnt section */
  body.page-id-64 .cnt-arrow {
    display: none !important;
  }

}


/* =====================================================
   MOBILE HOMEPAGE FIXES - Part 2
   All scoped to: body.page-id-64 @media(max-width:767px)
   ===================================================== */
@media (max-width: 767px) {

  /* -----------------------------------------------
     1. SERVICE CARDS: 2x2 grid (not carousel)
  ----------------------------------------------- */

  /* Remove carousel padding/arrows from outer wrapper */
  body.page-id-64 .svc-scroll-outer {
    padding: 0 !important;
  }

  /* Convert scroll to 2-column grid */
  body.page-id-64 .svc-scroll {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
    justify-content: unset !important;
    align-items: unset !important;
    padding: 0 12px !important;
    scroll-snap-type: none !important;
  }

  /* Make each card fill its grid cell */
  body.page-id-64 .svc-scroll .svc-card {
    flex: unset !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Hide empty P spacers inside svc-scroll */
  body.page-id-64 .svc-scroll > p {
    display: none !important;
  }

  /* 2. Duplicate "קרא עוד" / "לפרטים" fix:
     The P wrapper around svc-lnk creates a duplicate visual label.
     Keep the svc-lnk span only, hide the plain P text node wrapper.
     Also hide svc-read-more "קרא עוד" toggle button - show svc-lnk instead */
  body.page-id-64 .svc-card .svc-read-more {
    display: none !important;
  }
  body.page-id-64 .svc-card .svc-lnk {
    display: inline-flex !important;
  }
  body.page-id-64 .svc-card .svc-desc {
    display: block !important;
  }

  /* -----------------------------------------------
     2. REVIEWS: hide arrows, edge-to-edge swipe
  ----------------------------------------------- */

  /* Hide left/right arrow buttons */
  body.page-id-64 .rev-arrow,
  body.page-id-64 .rev-prev,
  body.page-id-64 .rev-next {
    display: none !important;
  }

  /* Remove outer padding so scroll reaches screen edges */
  body.page-id-64 .reviews-scroll-outer {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Make scroll container edge-to-edge with scroll-snap */
  body.page-id-64 .reviews-scroll {
    padding: 0 16px 12px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Snap each review card */
  body.page-id-64 .review-card {
    scroll-snap-align: start !important;
    flex: 0 0 82vw !important;
    width: 82vw !important;
    min-width: 0 !important;
    max-width: 82vw !important;
  }

  /* -----------------------------------------------
     3. TRAVEL CARDS: edge-to-edge swipe, no arrows
  ----------------------------------------------- */

  body.page-id-64 .trv-scroll-outer {
    padding: 0 !important;
    margin: 0 !important;
  }

  body.page-id-64 .trv-scroll {
    padding: 0 16px 12px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* First card partially visible to hint at swiping */
  body.page-id-64 .trv-card {
    flex: 0 0 78vw !important;
    width: 78vw !important;
    min-width: 0 !important;
    max-width: 78vw !important;
    scroll-snap-align: start !important;
  }

  /* Hide empty P spacers */
  body.page-id-64 .trv-scroll > p {
    display: none !important;
  }

  /* -----------------------------------------------
     4. LOGOS: hide nav buttons, edge-to-edge
  ----------------------------------------------- */

  /* Hide logos nav arrow buttons */
  body.page-id-64 .logos-nav,
  body.page-id-64 .logos-nav-right,
  body.page-id-64 .logos-nav-left {
    display: none !important;
  }

  /* Remove outer padding */
  body.page-id-64 .logos-scroll-outer {
    padding: 0 !important;
  }

  /* Remove inner padding from logos-track, allow edge scroll */
  body.page-id-64 .logos-track {
    padding: 0 12px 4px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Logo items: smaller on mobile */
  body.page-id-64 .logo-item {
    flex: 0 0 110px !important;
    width: 110px !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
  }

}


/* =====================================================
   MOBILE LAYOUT FIXES — Part 3
   homepage mobile only: body.page-id-64 @media(max-width:767px)
   ===================================================== */
@media (max-width: 767px) {

  /* -----------------------------------------------
     1. HERO IMAGE CROP — shift left so face is visible
  ----------------------------------------------- */
  body.page-id-64 .hero > img {
    object-position: 20% 30% !important;
  }

  /* -----------------------------------------------
     2. HERO TEXT READABILITY — stronger gradient behind text
  ----------------------------------------------- */
  body.page-id-64 .hero-overlay {
    background: linear-gradient(
      to top,
      rgba(10, 4, 0, 0.92) 0%,
      rgba(10, 4, 0, 0.65) 35%,
      rgba(10, 4, 0, 0.2) 65%,
      transparent 100%
    ) !important;
  }

  /* Ensure text is fully readable */
  body.page-id-64 .hero-text {
    bottom: 1.8rem !important;
    left: 1.2rem !important;
    right: 1.2rem !important;
  }
  body.page-id-64 .hero-title,
  body.page-id-64 .hero h1,
  body.page-id-64 .hero h2 {
    text-shadow: 0 2px 8px rgba(0,0,0,0.6) !important;
  }
  body.page-id-64 .hero-sub,
  body.page-id-64 .hero p {
    text-shadow: 0 1px 5px rgba(0,0,0,0.7) !important;
    color: rgba(255,255,255,0.95) !important;
  }

  /* -----------------------------------------------
     3. STATS — center under image on mobile
  ----------------------------------------------- */
  /* about-grid is already 1-col. Make sure stats are centered */
  body.page-id-64 .about-stats {
    justify-content: center !important;
    width: 100% !important;
    gap: 20px !important;
    margin-top: 0.8rem !important;
    margin-bottom: 1rem !important;
    padding: 0 !important;
  }
  body.page-id-64 .stat {
    text-align: center !important;
    flex: 0 0 auto !important;
    min-width: 70px !important;
  }
  body.page-id-64 .stat-num {
    display: block !important;
    text-align: center !important;
  }
  body.page-id-64 .stat-lbl {
    display: block !important;
    text-align: center !important;
  }

  /* -----------------------------------------------
     4. SERVICE CARDS — remove קרא עוד, fix height
  ----------------------------------------------- */
  /* Hide any floating read-more bubble */
  body.page-id-64 .svc-card .svc-read-more,
  body.page-id-64 .svc-card [class*="read-more"],
  body.page-id-64 .svc-card [class*="readmore"] {
    display: none !important;
  }

  body.page-id-64 .svc-expand-btn {
    display: none !important;
  }
  /* Keep only svc-lnk, ensure desc shows */
  body.page-id-64 .svc-card .svc-desc { display: block !important; }
  body.page-id-64 .svc-card .svc-lnk { display: inline-flex !important; }

  /* Reduce card height — compact the image area */
  body.page-id-64 .svc-ph {
    height: 130px !important;
  }

  /* Compact body padding */
  body.page-id-64 .svc-body {
    padding: 0.8rem 0.9rem 1rem !important;
  }

  /* Compact title and desc */
  body.page-id-64 .svc-title {
    font-size: 16px !important;
    margin: 0 0 0.3rem !important;
  }
  body.page-id-64 .svc-desc {
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin-bottom: 0.5rem !important;
  }

  /* -----------------------------------------------
     5. REMOVE FADE/GRADIENT EDGES from all sections
  ----------------------------------------------- */
  body.page-id-64 .svc-scroll-outer::before,
  body.page-id-64 .svc-scroll-outer::after,
  body.page-id-64 .trv-scroll-outer::before,
  body.page-id-64 .trv-scroll-outer::after,
  body.page-id-64 .cnt-scroll-outer::before,
  body.page-id-64 .cnt-scroll-outer::after,
  body.page-id-64 .logos-scroll-outer::before,
  body.page-id-64 .logos-scroll-outer::after,
  body.page-id-64 .reviews-scroll-outer::before,
  body.page-id-64 .reviews-scroll-outer::after {
    display: none !important;
    background: none !important;
    opacity: 0 !important;
  }

  /* -----------------------------------------------
     6. CONTENT SECTION ("תוכן שמספר חוויה") — horizontal swipe
     Already a 2-col grid from Part 1 — convert to horizontal scroll
  ----------------------------------------------- */
  body.page-id-64 .cnt-scroll-outer {
    padding: 0 !important;
  }
  body.page-id-64 .cnt-scroll {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 10px !important;
    padding: 0 16px 12px !important;
    grid-template-columns: unset !important;
    justify-content: unset !important;
    scrollbar-width: none !important;
  }
  body.page-id-64 .cnt-scroll::-webkit-scrollbar {
    display: none !important;
  }
  body.page-id-64 .cnt-card {
    flex: 0 0 44vw !important;
    width: 44vw !important;
    min-width: 0 !important;
    max-width: 44vw !important;
    scroll-snap-align: start !important;
  }
  /* Keep arrows hidden */
  body.page-id-64 .cnt-arrow {
    display: none !important;
  }

  /* -----------------------------------------------
     7. REVIEWS — compact cards, 3-line clamp, no arrows
  ----------------------------------------------- */
  body.page-id-64 .rev-arrow,
  body.page-id-64 .rev-prev,
  body.page-id-64 .rev-next {
    display: none !important;
  }

  /* Make review-col edge-to-edge swipe */
  body.page-id-64 .reviews-scroll-outer {
    padding: 0 !important;
  }
  body.page-id-64 .reviews-scroll {
    padding: 0 16px 12px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body.page-id-64 .review-col {
    flex: 0 0 82vw !important;
    width: 82vw !important;
    min-width: 0 !important;
    max-width: 82vw !important;
    scroll-snap-align: start !important;
  }

  /* Compact review card */
  body.page-id-64 .review-card {
    padding: 16px !important;
    min-height: unset !important;
    height: auto !important;
    flex-shrink: 1 !important;
  }

  /* 3-line text clamp */
  body.page-id-64 .review-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: auto !important;
    margin-bottom: 0.4rem !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  /* Make "קרא עוד" look clean and compact */
  body.page-id-64 .review-card > p:last-of-type,
  body.page-id-64 .review-card > p:has(.review-rm-label) {
    margin-top: 0.3rem !important;
    font-size: 13px !important;
  }

  /* Compact qmark */
  body.page-id-64 .review-qmark {
    height: 28px !important;
    font-size: 32px !important;
    line-height: 28px !important;
    margin-bottom: 4px !important;
  }

  /* Compact author box */
  body.page-id-64 .review-authorbox {
    margin-top: 8px !important;
    font-size: 13px !important;
    padding: 0 4px !important;
  }

  /* -----------------------------------------------
     8. REDUCE EXCESSIVE SPACING
  ----------------------------------------------- */
  /* Section padding */
  body.page-id-64 .section-services,
  body.page-id-64 .section-travel,
  body.page-id-64 .section-content,
  body.page-id-64 .section-reviews,
  body.page-id-64 .section-logos {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  body.page-id-64 .section-about {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  /* Tighten header blocks (eyebrow + divider + intro) */
  body.page-id-64 .svc-hdr,
  body.page-id-64 .trv-hdr,
  body.page-id-64 .cnt-hdr {
    margin-bottom: 1rem !important;
  }

  body.page-id-64 .divider {
    margin: 0.5rem auto !important;
  }

  /* Tighten about section */
  body.page-id-64 .about-grid {
    gap: 1rem !important;
  }
  body.page-id-64 .about-copy {
    margin-bottom: 0 !important;
  }

}


/* =====================================================
   PART 4 — Reviews compact, Article redesign, 
   Content section reorder, Logos fix
   Scope: body.page-id-64 @media(max-width:767px)
   ===================================================== */

@media (max-width: 767px) {

  /* -----------------------------------------------
     1. REVIEWS — compact cards, authorbox outside
     ----------------------------------------------- */

  /* Reduce qmark size so it doesn't eat space */
  body.page-id-64 .review-qmark {
    font-size: 28px !important;
    line-height: 1 !important;
    height: auto !important;
    margin-bottom: 4px !important;
  }

  /* Stars tight */
  body.page-id-64 .review-stars {
    margin-bottom: 8px !important;
  }

  /* Clamp text to 3 lines */
  body.page-id-64 .review-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 6px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  /* Compact card padding */
  body.page-id-64 .review-card {
    padding: 16px !important;
    border-radius: 12px !important;
    background: #fff !important;
  }

  /* readmore label compact */
  body.page-id-64 .review-readmore {
    font-size: 13px !important;
    color: #8a6a3b !important;
    cursor: pointer !important;
    display: inline-block !important;
  }

  /* col layout: card then author, no gap */
  body.page-id-64 .review-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 82vw !important;
    flex-shrink: 0 !important;
  }

  /* authorbox below card */
  body.page-id-64 .review-authorbox {
    margin-top: 4px !important;
    padding: 0 4px !important;
    text-align: right !important;
  }

  body.page-id-64 .review-author {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #3a2e1e !important;
  }

  body.page-id-64 .review-role {
    font-size: 11px !important;
    color: #888 !important;
  }


  /* -----------------------------------------------
     2. SECTION ORDER — Content before Travel on mobile
     Make wp-site-blocks flex to enable CSS order
     ----------------------------------------------- */

  body.page-id-64 .wp-site-blocks {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Assign order values — match original order except swap content & travel */
  /* Original DOM: hero(1), about(2), services(3), travel(4), [style](5), content(6), ... */
  body.page-id-64 .hero { order: 1 !important; }
  body.page-id-64 .section-about { order: 2 !important; }
  body.page-id-64 .section-services { order: 3 !important; }
  body.page-id-64 .section-tochen { order: 3 !important; }
  body.page-id-64 .section-content { order: 4 !important; }   /* moved up */
  body.page-id-64 .section-travel { order: 5 !important; }    /* moved down */
  body.page-id-64 .section-reviews { order: 6 !important; }
  body.page-id-64 .section-logos { order: 7 !important; }
  body.page-id-64 .section-follow { order: 8 !important; }
  body.page-id-64 .section-cta { order: 9 !important; }


  /* -----------------------------------------------
     3. CONTENT SECTION (תוכן שמספר חוויה) 
        — horizontal swipe with peek
     ----------------------------------------------- */

  body.page-id-64 .section-content .cnt-scroll-outer {
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.page-id-64 .section-content .cnt-scroll {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    padding: 0 16px 12px !important;
    scrollbar-width: none !important;
  }

  body.page-id-64 .section-content .cnt-scroll::-webkit-scrollbar {
    display: none !important;
  }

  body.page-id-64 .section-content .cnt-card {
    flex: 0 0 44vw !important;
    width: 44vw !important;
    min-width: 44vw !important;
    scroll-snap-align: start !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  body.page-id-64 .section-content .cnt-arrow,
  body.page-id-64 .cnt-arrow { 
    display: none !important; 
  }


  /* -----------------------------------------------
     4. ARTICLE / TRAVEL SECTION 
        — stacked horizontal cards (image left, text right)
     ----------------------------------------------- */

  body.page-id-64 .section-travel .trv-scroll-outer {
    overflow: visible !important;
    padding: 0 16px !important;
  }

  body.page-id-64 .section-travel .trv-scroll {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    gap: 12px !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
  }

  /* Each card: horizontal — image left, text right */
  body.page-id-64 .trv-card {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 110px !important;
    background: #fdf8f2 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07) !important;
    scroll-snap-align: none !important;
  }

  /* Image on the left side */
  body.page-id-64 .trv-ph {
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    height: auto !important;
    min-height: 110px !important;
    overflow: hidden !important;
  }

  body.page-id-64 .trv-ph img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    min-height: 110px !important;
  }

  /* Text on the right side */
  body.page-id-64 .trv-body {
    flex: 1 1 auto !important;
    padding: 12px 12px 12px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    overflow: hidden !important;
  }

  body.page-id-64 .trv-tags {
    font-size: 10px !important;
    color: #aaa !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.page-id-64 .trv-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #3a2e1e !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.page-id-64 .trv-desc {
    font-size: 12px !important;
    color: #666 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /* "קראו את הכתבה" link at bottom of trv-body */
  body.page-id-64 .trv-body > p:last-child,
  body.page-id-64 .trv-body > p:last-of-type {
    font-size: 12px !important;
    color: #8a6a3b !important;
    margin: 4px 0 0 !important;
    font-weight: 600 !important;
  }

  /* Hide the empty P at start of trv-card */
  body.page-id-64 .trv-card > p:first-child:empty {
    display: none !important;
  }


  /* -----------------------------------------------
     5. LOGOS — remove white boxes
     ----------------------------------------------- */

  body.page-id-64 .logo-item {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 8px !important;
  }

  body.page-id-64 .logo-item img {
    mix-blend-mode: multiply !important;
    background: transparent !important;
    max-width: 100px !important;
    max-height: 50px !important;
    object-fit: contain !important;
    filter: none !important;
  }

  /* Section logos background matches site */
  body.page-id-64 .section-logos {
    background-color: #ede5d4 !important;
  }

}


/* =====================================================
   PART 4b — Reviews height fix + Travel RTL fix
   ===================================================== */

@media (max-width: 767px) {

  /* Fix reviews scroll stretching all cols to same height */
  body.page-id-64 .reviews-scroll {
    align-items: flex-start !important;
  }

  /* Make review-card not stretch to fill col height */
  body.page-id-64 .review-card {
    flex: 0 0 auto !important;
    align-self: stretch !important;
    height: auto !important;
    max-height: none !important;
  }

  /* Fix review-col to not stretch children */
  body.page-id-64 .review-col {
    align-items: stretch !important;
    height: auto !important;
    flex: 0 0 82vw !important;
    width: 82vw !important;
  }

  /* Travel cards: in RTL, row direction puts first item on RIGHT */
  /* Use row-reverse to put image physically on the left in RTL */
  body.page-id-64 .trv-card {
    flex-direction: row-reverse !important;
  }

  /* Keep trv-ph flex sizes the same after reverse */
  body.page-id-64 .trv-ph {
    flex: 0 0 120px !important;
    width: 120px !important;
    min-width: 120px !important;
  }

  body.page-id-64 .trv-body {
    flex: 1 1 auto !important;
    text-align: right !important;
  }

}