/* =====================================================================
   0. GetComfy: מערכת העיצוב, הבסיס (אושר 12.10.2026, "מאשר הכל")
   הפונט (פלוני) והצבעים יושבים גם בקיט של אלמנטור. כאן הם משתנים,
   וכל כלל בתיבה קורא מהם: var(--gc-ink) ולא #1C1C1B.
   ===================================================================== */
:root {
	/* פונט אחד */
	--gc-font: ploni, "Segoe UI", Arial, sans-serif;

	/* צבעים: 9 לעבודה, ועוד 3 לתפקיד אחד */
	--gc-ink: #1C1C1B;        /* כל הטקסט והכותרות */
	--gc-ink-2: #4A4945;      /* טקסט משני, בולטים */
	--gc-muted: #6B6A65;      /* טקסט קטן, מטא */
	--gc-hint: #8A8983;       /* מחיר ישן, placeholder */
	--gc-line: #D2D1CB;       /* מסגרת שדה, כמות, בחירת מידה */
	--gc-line-soft: #F0EFEB;  /* מסגרת כרטיס, קו מפריד. 08.11: היה #E6E5E0. אייל: "המסגרות בולטות מדי" ← "קו בהיר מאוד" */
	--gc-bg-2: #F5F5F5;       /* רקע אפור */
	--gc-white: #FFFFFF;
	--gc-red: #DE3127;        /* כפתור ראשי, הנחה, שגיאה. 13.10.2026: היה #DE3127; לבן עליו 4.32, והתקן (WCAG AA) דורש 4.5. עכשיו 4.59 (אייל: "מאשר את שמאל") */
	--gc-red-dark: #C92A21;   /* מעבר עכבר על אדום */
	--gc-red-text: #B4362B;   /* טקסט בתגית */
	--gc-red-soft: #FBEEEC;   /* רקע תגית */

	/* שמונה גדלים לטקסט (מחשב). הבאנר הראשי (66) הוא חריג אחד מוצהר */
	--gc-display: 42px; /* כותרת שיווקית בתוכן הדגם */
	--gc-h1: 30px;   /* שם מוצר, כותרת עמוד */
	--gc-h2: 26px;   /* כותרת סקשן, מחיר בעמוד מוצר */
	--gc-h3: 20px;   /* כותרת כרטיס */
	--gc-lead: 18px; /* פתיח, מחיר בכרטיס מוצר */
	--gc-body: 16px; /* טקסט רץ, בולטים */
	--gc-small: 14px;/* תוויות, שורת האמון */
	--gc-meta: 13px; /* פירורי לחם, מק"ט, הערות */

	/* משקלים: 400 טקסט · 500 כותרות ודגש · 700 רק לכותרת שיווקית. לפלוני אין 600, והוא מוצג כ-700 */

	/* כפתור: גובה אחד, שני גדלי טקסט */
	--gc-btn-h: 34px;        /* 08.11 לילה: היה 36. אייל: "הכפתורים רזים בעוד נגיעה" */
	--gc-btn-h-was: 36px;        /* 08.11: היה 40. אייל: "הכפתורים קצת שמנים מדי, אני רוצה שיהיו רזים יותר, כל הכפתורים" */
	--gc-btn-pad: 0 18px;
	--gc-btn-h-sm: 28px;     /* כפתור קטן: בכרטיס מוצר, קופון */
	--gc-btn-pad-sm: 0 13px;
	--gc-field-h: 40px;      /* שדה הקלדה נשאר 40: נוח להקליד, ולא כפתור */
	--gc-btn-text: 15px;     /* כפתור רגיל */
	--gc-btn-text-buy: 16px; /* כפתורי קנייה (היה 17) */
	--gc-btn-border: 1.5px;

	/* פינות */
	--gc-r-img: 0px;    /* 08.11: חד. אייל: "מרובע יפה", הקונטרסט בין הקפסולות המעוגלות לחדות של הכרטיסים */
	--gc-r-field: 0px;  /* שדה ותיבה קטנה: חד, כמו הכרטיס */
	--gc-r-card: 0px;   /* כרטיס: חד. הכלל: חד = תוכן, עגול = פעולה וסימן */
	--gc-r-pill: 50px;

	/* מרווחים: הסולם שכבר עובד באתר */
	--gc-s1: 5px;
	--gc-s2: 10px;
	--gc-s3: 15px;
	--gc-s4: 20px;
	--gc-s5: 30px;
	--gc-s6: 40px;
	--gc-s7: 60px;
}

@media (max-width: 767px) {
	:root {
		--gc-display: 28px;
		--gc-h1: 24px;
		--gc-h2: 24px;
		--gc-h3: 18px;
		--gc-lead: 16px;
		--gc-body: 15px;
		--gc-small: 13px;
		--gc-meta: 12px;
	}
}

button, input, select, textarea { font-family: inherit; }

/* =====================================================================
   10. GetComfy: ה-CSS שהיה בתוך ווידג’טים של אלמנטור, עבר לכאן (12.10.2026, שלב 3 בעותק)
   כל קטע מסומן במספר הווידג’ט שלו. כלל שלא היה מוגבל לעמוד שלו קיבל :where(.elementor-page-X),
   כדי שיחול רק באותו עמוד כמו קודם, בלי לשנות את הספציפיות. 41 כללים מתים לא עברו.
   הסעיף יושב לפני חלק 1, כמו שה-CSS של אלמנטור נטען לפני התיבה.
   ===================================================================== */

/* ===== 10.1 כותרת עליונה (תבנית 17, בכל העמודים) ===== */

/* --- slides .elementor-element-6e28320 (עמוד/תבנית 17) --- */
.elementor-17 .elementor-element.elementor-element-6e28320 .elementor-slide-description {
    margin:0 !important
}

/* --- container .elementor-element-448af7a (עמוד/תבנית 17) --- */
.elementor-17 .elementor-element.elementor-element-448af7a {
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
}

/* --- mega-menu .elementor-element-12159b5 (עמוד/תבנית 17) --- */
.elementor-17 .elementor-element.elementor-element-12159b5 li {
    border-bottom: 01px #54595F solid !important;
}

/* --- mega-menu .elementor-element-370a3cc (עמוד/תבנית 17) --- */
.elementor-17 .elementor-element.elementor-element-370a3cc li {
    width:100%;
}
.elementor-17 .elementor-element.elementor-element-370a3cc li {
    border-bottom: 01px #54595F solid !important;
}

/* --- container .elementor-element-35f5f2a (עמוד/תבנית 17) --- */
.elementor-17 .elementor-element.elementor-element-35f5f2a {
    overflow-x: clip !important;
}

/* --- container .elementor-element-7203017 (עמוד/תבנית 17) --- */
.elementor-element.elementor-element-a97cee6.elementor-hidden-desktop.e-flex.e-con-boxed.e-con.e-parent.elementor-sticky.e-lazyloaded {
    z-index: 55 !important;
}
/* ה-off-canvas wrapper - גובה מסך מלא */
.elementor-17 .elementor-element.elementor-element-7203017 .elementor-off-canvas,
.elementor-17 .elementor-element.elementor-element-7203017 .e-off-canvas {
    height: 100vh;
    height: 100dvh;
}
/* ה-content area - גלילה פנימית */
.elementor-17 .elementor-element.elementor-element-7203017 .elementor-off-canvas__main,
.elementor-17 .elementor-element.elementor-element-7203017 .e-off-canvas__main {
    height: 100%;
    max-height: 100vh;
    max-height: 100dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

/* ============================================================================
   GetComfy.co.il – Off-Canvas Mobile Scroll Fix
   ----------------------------------------------------------------------------
   Target widget: Elementor Pro 4.0.2 Off-Canvas (#off-canvas-4d04c2d)
                  Contains: close-icon + site-logo + Nested Menu (e-n-menu)
                  All wrapped in a single .e-con (id: 35f5f2a)
   Scope:         Mobile (<= 767px). Desktop is untouched.
   No JS used. Uses :has() for body lock — supported in all modern mobile
   browsers (iOS Safari 15.4+, Chrome 105+, Firefox 121+).
   ============================================================================ */

@media (max-width: 1024px) {
/* ---------- 1. Lock the page behind the off-canvas ---------- */
/*    Prevents scroll-bleed to the main page while drawer is open. */
/*    Uses :has() instead of body class so we don’t rely on JS hooks. */
html:has(#off-canvas-4d04c2d.e-off-canvas--open),
html:has(.e-off-canvas--open) {
    overflow: hidden !important;
    /* iOS Safari needs an explicit height to actually freeze the page */
    height: 100%;
    overscroll-behavior: none;
  }
html:has(#off-canvas-4d04c2d.e-off-canvas--open) body,
html:has(.e-off-canvas--open) body {
    overflow: hidden !important;
    height: 100%;
    /* Belt-and-braces: if Elementor’s own .e-off-canvas__no-scroll
       class is removed by another script, this still holds. */
    position: relative;
    overscroll-behavior: none;
    touch-action: none;
  }
/* ---------- 2. Make the drawer a real flex column ---------- */
/*    Root .e-off-canvas already has height: 100dvh (set by Elementor).
        We turn the inner content + the wrapping .e-con into a flex column
        so the menu can become the scrollable middle section. */
#off-canvas-4d04c2d .e-off-canvas__main {
    height: 100dvh !important;
    max-height: 100dvh !important;
    /* Disable the auto-overflow Elementor puts on __main itself —
       we are moving scroll responsibility to the inner .e-con’s middle child
       so that the close button + logo stay pinned visually. */
    overflow: hidden !important;
    overscroll-behavior: contain;
  }
#off-canvas-4d04c2d .e-off-canvas__content {
    display: flex !important;
    flex-direction: column !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }
/* The single inner container that wraps icon + logo + menu */
#off-canvas-4d04c2d .e-off-canvas__content > .e-con {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;       /* critical — lets children shrink */
    height: 100% !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    box-sizing: border-box;
  }
/* ---------- 3. Pin the close icon & the logo ---------- */
/*    They must NEVER be pushed off-screen by the menu growing. */
#off-canvas-4d04c2d .e-off-canvas__content > .e-con
    > .elementor-widget-icon,
#off-canvas-4d04c2d .e-off-canvas__content > .e-con
    > .elementor-widget-theme-site-logo {
    flex: 0 0 auto !important;       /* don’t grow, don’t shrink */
  }
/* ---------- 4. Make the menu the only scrollable region ---------- */
#off-canvas-4d04c2d .e-off-canvas__content > .e-con
    > .elementor-widget-n-menu {
    flex: 1 1 0 !important;          /* take all remaining height */
    min-height: 0 !important;        /* critical — required for overflow */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;     /* don’t bleed to body */
    -webkit-overflow-scrolling: touch;            /* iOS momentum scroll */
    /* Smooth Safari rendering when sub-menus expand */
    scroll-behavior: smooth;
  }
#off-canvas-4d04c2d .e-off-canvas__content > .e-con
    > .elementor-widget-n-menu > .elementor-widget-container,
#off-canvas-4d04c2d .e-n-menu,
#off-canvas-4d04c2d .e-n-menu-wrapper {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;     /* overflow handled by parent */
  }
/* ---------- 5. Sub-menu ("מוצרים משלימים") behaves nicely ---------- */
/*    When the dropdown opens it must expand inside the scroll area,
        not push the layout. */
#off-canvas-4d04c2d .e-n-menu-content,
#off-canvas-4d04c2d [id^="e-n-menu-content-"] {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
/* Make the heading list (the actual <ul> of top-level items)
     a normal block so item heights add up correctly. */
#off-canvas-4d04c2d .e-n-menu-heading {
    height: auto !important;
    min-height: 0 !important;
  }
/* ---------- 6. Safety: kill any internal scrolls inside the menu ---------- */
/*    Nested scrollers steal touch and feel broken — let only the
        .elementor-widget-n-menu wrapper scroll. */
#off-canvas-4d04c2d .e-n-menu-content,
#off-canvas-4d04c2d .e-n-menu-wrapper,
#off-canvas-4d04c2d .e-n-menu-heading {
    -webkit-overflow-scrolling: auto;
  }
}

/* ============================================================================
   Optional: small visual polish so the scrollable area is obvious
   on tall sub-menus. Comment out if you don’t want a scrollbar.
   ============================================================================ */
@media (max-width: 1024px) {
#off-canvas-4d04c2d .elementor-widget-n-menu::-webkit-scrollbar {
    width: 3px;
  }
#off-canvas-4d04c2d .elementor-widget-n-menu::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 3px;
  }
}

/* --- container .elementor-element-a97cee6 (עמוד/תבנית 17) --- */
.elementor-17 .elementor-element.elementor-element-a97cee6 {
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
    z-index: 101 !important;
}
#my-z-index {
        z-index: 200 !important;

}

/* --- container .elementor-element-1f4e7fd (עמוד/תבנית 17) --- */
.elementor-17 .elementor-element.elementor-element-1f4e7fd {
    position: fixed;
    left: 0;
    top: 400px;
    width: 100px;
}

@media (max-width:992px){
.elementor-17 .elementor-element.elementor-element-1f4e7fd {
    top:60vh;
    width: 100px;
} 
}

/* ===== 10.2 פוטר (תבנית 20, בכל העמודים) ===== */

/* --- image-box .elementor-element-bd1bf08 (עמוד/תבנית 20) ---
   v39 (08.11, הפוטר החדש): בטלפון ארבע ההבטחות 2 על 2, אז המנעול חוזר, והכותרת במשקל של שאר ההבטחות.
   עד v38 כאן: img {display:none} ו-.elementor-image-box-title {font-weight:500} מתחת ל-600px. */

/* --- nav-menu .elementor-element-1e1c86c (עמוד/תבנית 20) --- */
@media only screen and (max-width: 600px) {
.elementor-20 .elementor-element.elementor-element-1e1c86c .space a {
    padding-bottom: 0px !important;
}
    

}

/* --- social-icons .elementor-element-685f2e9 (עמוד/תבנית 20) --- */
.elementor-20 .elementor-element.elementor-element-685f2e9 .elementor-social-icons-wrapper.elementor-grid {
    display: flex !important;
}

/* ===== 10.3 דף הבית (עמוד 10) ===== */

/* ===== Original slider CSS (from the live site, 2026-10-07). Keeps the other slides as they were. ===== */
.elementor-10 .elementor-element.elementor-element-7d436c7 .elementor-slide-button {
    border: none!important;
    padding:  6px 50px
}

@media (max-width:992px){
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide-contents {
    display:block;
    margin:auto;
}
.elementor-10 .elementor-element.elementor-element-7d436c7 .elementor-slide-description span {
font-size:20px !Important;
}
.elementor-10 .elementor-element.elementor-element-7d436c7 br {
display: block;
margin-bottom: 4px;
font-size:4px;
line-height: 4px;
}
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide-contents {
    background-color:rgba(50,50,50,0.5);
    padding:15px;
}
.elementor-10 .elementor-element.elementor-element-7d436c7 .elementor-repeater-item-8b7451c .swiper-slide-contents {
    background-color:rgba(255,255,255,0.9);
}
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide-bg {
 background-position:30% 50% !important;
}

}
:where(.elementor-page-10) :is(#hero) {
    z-index: auto !important;
}
/* ===== GetComfy hero banner - one consolidated block (2026-10-07) ===== */
/* Applies only to the slide that has .gc-strip. Other slides are not affected. */
/* --- desktop (base) --- */
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .swiper-slide-inner { text-align: right !important; padding: 0 10% 64px 0 !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .swiper-slide-contents { background-color: transparent !important; padding: 0 !important; margin: 0 !important; max-width: 780px !important; position: static !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-tag { display: block; font-size: 22px; font-weight: 300; line-height: 1.3; color: #000000 !important; margin-bottom: 6px; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .elementor-slide-heading { font-size: 66px !important; font-weight: 500 !important; line-height: 1.08 !important; color: #000000 !important; margin-bottom: 26px !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .elementor-slide-description { font-size: 24px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #000000 !important; margin-bottom: 34px !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btns { display: flex; gap: 14px; margin-top: 30px; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn { display: inline-block; font-size: 19px; font-weight: 400; line-height: 1; padding: 8px 28px; border-radius: 50px; text-decoration: none !important; transition: background-color .2s, color .2s; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn-main { background: #DE3127 !important; color: #FFFFFF !important; border: 1.5px solid #DE3127 !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn-main:hover { background: #C92A21 !important; border-color: #C92A21 !important; color: #FFFFFF !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn-alt { background: transparent !important; color: #000000 !important; border: 1.5px solid #000000 !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn-alt:hover { background: #1C1C1B !important; color: #FFFFFF !important; }
/* bottom strip: bullets on the right, logos a little further left */
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-strip { position: absolute; left: 0; right: 0; bottom: 0; height: 64px; box-sizing: border-box; padding: 0 10% 0 5%; display: flex; align-items: center; justify-content: space-between; background-color: rgba(0, 0, 0, 0.05); border-top: 1px solid #D2D1CB; line-height: 1; color: #000000 !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-strip span { font-size: 17px !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-dot { margin: 0 12px; color: #888780; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-brands { display: flex; align-items: center; gap: 12px; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-brands span { color: #000000 !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-brands img { height: 22px; width: auto; display: block; }

/* --- narrow screens 1001-1100 --- */
@media (min-width: 1001px) and (max-width: 1100px) {
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .swiper-slide-inner { padding: 0 6% 52px 0 !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .swiper-slide-contents { max-width: 46% !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-tag { font-size: 15px; margin-bottom: 4px; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .elementor-slide-heading { font-size: 40px !important; margin-bottom: 14px !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .elementor-slide-description { font-size: 17px !important; margin-bottom: 0 !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btns { margin-top: 20px; gap: 10px; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn { font-size: 15px; padding: 9px 18px; white-space: nowrap; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-strip { height: 52px; padding: 0 4%; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-strip span { font-size: 14px !important; white-space: nowrap; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-brands { gap: 10px; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-brands img { height: 20px; }
}

/* --- tablet portrait 768-1000: centered text on a clean background --- */
@media (min-width: 768px) and (max-width: 1000px) {
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .swiper-slide-bg { background-position: 90% 50% !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .swiper-slide-inner { padding: 0 8% 52px 8% !important; text-align: center !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .swiper-slide-contents { max-width: 100% !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-tag { font-size: 18px; margin-bottom: 6px; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .elementor-slide-heading { font-size: 46px !important; margin-bottom: 16px !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .elementor-slide-description { font-size: 19px !important; margin-bottom: 0 !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btns { margin-top: 24px; gap: 10px; justify-content: center; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn { font-size: 17px; padding: 10px 22px; white-space: nowrap; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-strip { height: 52px; padding: 0 5%; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-strip span { font-size: 14px !important; white-space: nowrap; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-brands { gap: 10px; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-brands img { height: 20px; }
}

/* --- mobile and tablet portrait: center the text block --- */
@media (max-width: 1000px) {
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .swiper-slide-inner { justify-content: center !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .swiper-slide-contents { width: 100% !important; }
}

/* --- mobile up to 767: chair on top fading into the text, no strip --- */
@media (max-width: 767px) {
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide { height: 520px !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .swiper-slide-bg { background-size: 1180px auto !important; background-position: 22% 0 !important; background-repeat: no-repeat !important; background-color: #E9E9E9 !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .swiper-slide-inner { align-items: flex-end !important; padding: 0 6% 26px 6% !important; text-align: center !important; background: linear-gradient(to bottom, rgba(233,233,233,0) 0%, rgba(233,233,233,0) 30%, rgba(233,233,233,0.88) 52%, rgba(233,233,233,0.97) 70%, rgba(233,233,233,1) 100%); }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .swiper-slide-contents { max-width: 100% !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-tag { font-size: 14px; margin-bottom: 4px; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .elementor-slide-heading { font-size: 30px !important; line-height: 1.1 !important; margin-bottom: 12px !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .elementor-slide-description { font-size: 15px !important; line-height: 1.45 !important; margin-bottom: 0 !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btns { margin-top: 18px; gap: 8px; justify-content: center; flex-wrap: nowrap; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn { font-size: 13px; padding: 6px 12px; white-space: nowrap; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn-main,
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn-alt { border-width: 1px !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-strip { display: none !important; }
}

/* --- woocommerce-products .elementor-element-eaab8a5 (עמוד/תבנית 10) --- */
.elementor-10 .elementor-element.elementor-element-eaab8a5 .added_to_cart {
    font-size: 14px;
padding-right: 10px;
color: #DE3127;
}
.elementor-10 .elementor-element.elementor-element-eaab8a5 .product img {
 -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;    
}
.elementor-10 .elementor-element.elementor-element-eaab8a5 {
    overflow-x: hidden
}
/* Container holding the image */
.elementor-10 .elementor-element.elementor-element-eaab8a5 .product {
    position: relative;
    overflow: hidden; /* Hide the overflow to ensure the zoomed image stays within the container */
}
/* Image hover effect */
.elementor-10 .elementor-element.elementor-element-eaab8a5 .product:hover img {
    transform: scale(1.1); /* Adjust the zoom level as needed */
    transition: transform 0.3s ease; /* Add smooth transition */
    transform-origin: center center; /* Zoom happens from the center of the image */
}

@media only screen and (max-width: 600px) {
:where(.elementor-page-10) :is(.woocommerce ul.products li.product a img) {
   
    height: 150px !important;
    object-fit: cover;
}
    
}
:where(.elementor-page-10) :is(.woocommerce ul.products li.product a img) {
   
    height: 400px;
    object-fit: cover;
}
.elementor-10 .elementor-element.elementor-element-eaab8a5 {
    overflow-y: hidden !important
}

/* --- image-carousel .elementor-element-45e97cf (עמוד/תבנית 10) --- */
.elementor-10 .elementor-element.elementor-element-45e97cf .swiper-wrapper {
        transition-timing-function: linear !important;
        transition-duration: 5000ms !important;
}
.elementor-10 .elementor-element.elementor-element-45e97cf img {
    height: 80px !important;
    object-fit: scale-down;
}

/* --- wc-categories .elementor-element-ca5bedc (עמוד/תבנית 10) --- */
.elementor-10 .elementor-element.elementor-element-ca5bedc .woocommerce-loop-category__title {
    background-color: #000;
}
.elementor-10 .elementor-element.elementor-element-ca5bedc .woocommerce ul.products li.product a img {
    margin: 0;
}
.elementor-10 .elementor-element.elementor-element-ca5bedc li:hover .woocommerce-loop-category__title {
        background-color: #DE3127;
    }

/* --- loop-carousel .elementor-element-64ff04a (עמוד/תבנית 10) --- */
.elementor-10 .elementor-element.elementor-element-64ff04a .elementor-widget-container p {
    overflow:hidden;
    width:100%;
    display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;
}

/* ===== 10.4 עמוד מוצר (תבנית 399) ===== */

/* --- woocommerce-product-meta .elementor-element-5ba40f1 (עמוד/תבנית 399) --- */
.elementor-399 .elementor-element.elementor-element-5ba40f1 .posted_in.detail-container {
    display: none;
}

/* --- woocommerce-product-images (עמוד/תבנית 399): was d7a52d3, the phone gallery; since 12.10.2026 the one gallery 853712d (section 11.2) --- */
@media only screen and (max-width: 600px) {
.elementor-399 .elementor-element.elementor-element-853712d .wpgs-nav.slick-initialized.slick-slider {
    width: 90%;
    display: block;
    margin: auto;
} }

/* --- woocommerce-product-short-description .elementor-element-4fbcc7e (עמוד/תבנית 399) --- */
.elementor-399 .elementor-element.elementor-element-4fbcc7e ul {
    padding-right: 20px;
}

/* --- button .elementor-element-6c31dba (עמוד/תבנית 399) --- */
@media (min-width: 768px) {
.elementor-399 .elementor-element.elementor-element-6c31dba {
        display: none !important;
    }
}

/* --- woocommerce-product-add-to-cart .elementor-element-8b3bd07 (עמוד/תבנית 399) --- */
:where(.elementor-page-399) :is(span.woo-selected-variation-item-name) {
    display: none !important;
}
:where(.elementor-page-399) :is(tr) {
    display: flex;
    gap: 30px;
}
:where(.elementor-page-399) :is(table tbody>tr:nth-child(odd)>td) {
    background-color: transparent;
}
:where(.elementor-page-399) :is(th.label) {
    background-color: transparent !important;
}
:where(.elementor-page-399) :is(label)::after {
    content: ":";
}
:where(.elementor-page-399) :is(table tbody tr:hover th) {
    background-color: unset;
}
:where(.elementor-page-399) :is(table tbody tr:hover td) {
    background-color: unset;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 input.input-text.qty.text {
    width: 2em;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 table th {
    padding: 0;
    text-align: right;
}
:where(.elementor-page-399) :is(.woocommerce div.product form.cart .variations th) {
    line-height: 4;
     
    }
.elementor-399 .elementor-element.elementor-element-8b3bd07 label {
padding-left:10px;
  vertical-align: baseline;
}
:where(.elementor-page-399) :is(.woocommerce div.product form.cart .variations td) {
           line-height: 0;
    }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart .plus,
.elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart .minus {
background-color: #000000;
border:none;
color:#ffffff;
border-radius:0 !important;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .qty {
border-radius:0 !important;
margin: 0 5px !Important;
padding: 0 2px;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .quantity {
   margin: 0 5px !important;
}

@media (max-width:992px){
.elementor-399 .elementor-element.elementor-element-8b3bd07 .quantity {
   display:flex !important;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart.elementor-product-simple {
    gap:20px;
    display: flex;
    margin-top: 15px;
    flex-direction: column-reverse;
}
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 input::-webkit-outer-spin-button,
.elementor-399 .elementor-element.elementor-element-8b3bd07 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 input[type=number] {
  -moz-appearance: textfield;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .reset_variations {
top: 4px;
position: relative;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 label[for="pa_color"] {
margin-top: -3px !important;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .price {
    margin-bottom: 10px;
    display: block;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .price del {
    display: inline-block !important;   color: #000000;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .price ins {
    display: inline-block !important;
    margin-left: 10px;
color:#000000 !important;
    font-weight: 400 !important;
    text-decoration: none;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 span.price {
    color: #000000 !important;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .reset_variations {
    display: none !important;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .woocommerce-variation-add-to-cart,
.elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart {
    margin-top: 15px;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 del {
    margin-left: 5px !important;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .buy_now_button {
    margin-right: 15px;
    background-color: #000000 !important;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 button.plus {
    margin-right: 0px !important;
}

@media (max-width:992px){
.elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart .plus,
.elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart .minus {
padding:2px 8px;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 div.quantity {
    margin:0 !important;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .buy_now_button,
.elementor-399 .elementor-element.elementor-element-8b3bd07 .single_add_to_cart_button {
    margin-right:5px !important;
}
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .available-on-backorder {
		color:black;
	}
:where(.elementor-page-399) :is(button.plus) {
    background-color: black !important;
}
:where(.elementor-page-399) :is(button.minus) {
    background-color: black !important;
}
.elementor-399 .elementor-element.elementor-element-8b3bd07 .woocommerce-variation.single_variation {
    font-size: 0;
}
:where(.elementor-page-399) :is(.woocommerce-variation.single_variation .woocommerce-variation-description),
:where(.elementor-page-399) :is(.woocommerce-variation.single_variation .woocommerce-variation-description *),
:where(.elementor-page-399) :is(.woocommerce-variation.single_variation .woocommerce-variation-availability),
:where(.elementor-page-399) :is(.woocommerce-variation.single_variation .woocommerce-variation-availability *) {
    font-size: 16px;
    line-height: 1.5;
}
/* --- Spacing so the lines don’t collide with the price block --- */
:where(.elementor-page-399) :is(.woocommerce-variation.single_variation .woocommerce-variation-description) {
    margin: 8px 0;
}
:where(.elementor-page-399) :is(.woocommerce-variation.single_variation .woocommerce-variation-availability) {
    margin: 8px 0;
}
/* --- Visual cue for "אזל מהמלאי" so the user can’t miss it --- */
:where(.elementor-page-399) :is(.woocommerce-variation.single_variation
    .woocommerce-variation-availability .stock.out-of-stock) {
    color: #c00;
    font-weight: 600;
    margin: 0;
}
:where(.elementor-page-399) :is(td.value.woo-variation-items-wrapper) {
    padding-bottom:0px 
}
/* ===== GetComfy buy box, clean version (2026-10-07) ===== */
/* Paste at the END of the Add to Cart widget custom CSS (template 399, widget 8b3bd07). */
/* To undo: delete this block. Nothing above it is changed. */
/* 1. no divider lines above and below */
.elementor-399 .elementor-element.elementor-element-8b3bd07 > .elementor-widget-container { border: 0 !important; padding: 0 !important; }
/* 2. one row: quantity, add to cart, buy now */
.elementor-399 .elementor-element.elementor-element-8b3bd07 form.cart:not(.variations_form),
.elementor-399 .elementor-element.elementor-element-8b3bd07 .woocommerce-variation-add-to-cart { display: flex !important; flex-wrap: nowrap !important; align-items: stretch; gap: 10px; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 form.cart .button,
.elementor-399 .elementor-element.elementor-element-8b3bd07 form.cart button { margin: 0 !important; }
/* 3. quantity: one light pill instead of three black squares */
.elementor-399 .elementor-element.elementor-element-8b3bd07 div.quantity { display: inline-flex !important; align-items: center; flex: 0 0 auto; height: 48px; padding: 0 4px; margin: 0 !important; border: 1px solid #D2D1CB; border-radius: 50px; background: #FFFFFF; box-sizing: border-box; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart .quantity .plus,
.elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart .quantity .minus { width: 34px; height: 46px; padding: 0 !important; background: transparent !important; color: #1C1C1B !important; border: 0 !important; border-radius: 0 !important; font-size: 20px !important; font-weight: 400 !important; line-height: 1; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart .quantity .plus:hover,
.elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart .quantity .minus:hover { background: transparent !important; color: #DE3127 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .quantity input.qty { width: 32px !important; height: 46px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; text-align: center; font-size: 17px; }
/* 4. add to cart: the main red pill */
.elementor-399 .elementor-element.elementor-element-8b3bd07 .single_add_to_cart_button:not(.buy_now_button) { flex: 1 1 auto; height: 48px; padding: 0 24px !important; background-color: #DE3127 !important; color: #FFFFFF !important; border: 1.5px solid #DE3127 !important; font-size: 18px !important; font-weight: 500 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .single_add_to_cart_button:not(.buy_now_button):hover { background-color: #C92A21 !important; border-color: #C92A21 !important; color: #FFFFFF !important; }
/* 5. buy now: outline pill, like the second button in the hero banner */
.elementor-399 .elementor-element.elementor-element-8b3bd07 .buy_now_button { flex: 0 0 auto; height: 48px; padding: 0 26px !important; background-color: transparent !important; color: #000000 !important; border: 1.5px solid #000000 !important; font-size: 18px !important; font-weight: 400 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .buy_now_button:hover { background-color: #1C1C1B !important; color: #FFFFFF !important; }

/* 6. mobile: buy now gets its own full row */
@media (max-width: 767px) {
.elementor-399 .elementor-element.elementor-element-8b3bd07 form.cart:not(.variations_form),
.elementor-399 .elementor-element.elementor-element-8b3bd07 .woocommerce-variation-add-to-cart { flex-wrap: wrap !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .buy_now_button { flex: 1 1 100%; }
}
/* 7. slimmer buttons: 40px instead of 48px (2026-10-07) */
.elementor-399 .elementor-element.elementor-element-8b3bd07 div.quantity { height: var(--gc-btn-h); }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart .quantity .plus,
.elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart .quantity .minus { height: calc(var(--gc-btn-h) - 2px); font-size: 18px !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .quantity input.qty { height: calc(var(--gc-btn-h) - 2px) !important; font-size: 16px; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .single_add_to_cart_button:not(.buy_now_button),
.elementor-399 .elementor-element.elementor-element-8b3bd07 .buy_now_button { height: var(--gc-btn-h) !important; min-height: var(--gc-btn-h) !important; font-size: var(--gc-btn-text-buy) !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .single_add_to_cart_button:not(.buy_now_button) { font-weight: 400 !important; }

/* 8. desktop: natural button widths instead of one long red bar (2026-10-07) */
@media (min-width: 768px) {
.elementor-399 .elementor-element.elementor-element-8b3bd07 .single_add_to_cart_button:not(.buy_now_button) { flex: 0 0 auto; min-width: 210px; }
}
/* 9. align the buttons with the price: WooCommerce clearfix acts as an empty flex item (2026-10-07) */
.elementor-399 .elementor-element.elementor-element-8b3bd07 form.cart::before,
.elementor-399 .elementor-element.elementor-element-8b3bd07 form.cart::after,
.elementor-399 .elementor-element.elementor-element-8b3bd07 .woocommerce-variation-add-to-cart::before,
.elementor-399 .elementor-element.elementor-element-8b3bd07 .woocommerce-variation-add-to-cart::after { display: none !important; }
/* 10. products with options (size, color): the label above with the chosen value, size options as pills, */
/*     and "pre-order" / "out of stock" as a small badge (2026-10-07) */
.elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations { margin: 0 0 16px !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations tr { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations th.label { width: auto !important; padding: 0 !important; line-height: 1.3 !important; font-size: 14px !important; font-weight: 400 !important; color: #444441 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations th.label label { font-size: 14px !important; font-weight: 400 !important; color: #444441 !important; padding: 0 !important; margin: 0 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations th.label .woo-selected-variation-item-name { display: inline !important; color: #000000 !important; font-weight: 500 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations td.value { width: 100% !important; padding: 0 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .variable-items-wrapper { gap: 8px !important; margin: 0 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item:hover { box-shadow: 0 0 0 1px #1C1C1B !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item.selected { box-shadow: 0 0 0 1.5px #000000 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item .variable-item-span { font-size: 15px !important; padding: 0 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .woocommerce-variation-availability p.stock { margin: 0 !important; font-size: 14px !important; color: #444441 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .woocommerce-variation-availability p.available-on-backorder,
.elementor-399 .elementor-element.elementor-element-8b3bd07 .woocommerce-variation-availability p.out-of-stock { display: inline-block !important; font-size: 13px !important; line-height: 1 !important; padding: 6px 12px !important; border-radius: 50px !important; background: #FDECEA !important; color: #C92A21 !important; }
.elementor-399 .elementor-element.elementor-element-8b3bd07 .woocommerce-variation-add-to-cart { margin-top: 12px !important; }

/* --- woocommerce-product-images .elementor-element-853712d (עמוד/תבנית 399) --- */
:where(.elementor-page-399) :is(.wpgs-lightbox-icon)::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    z-index: 9;
    font-weight: 900;
    line-height: inherit;
    content: url('https://getcomfy.co.il/wp-content/uploads/2024/07/2044263_magnifying-glass_search_icon.png') !Important;
    display: block;
    line-height: 2;
    text-indent: 0;
    width: 25px;
    height: 35px;
    text-align: center;
    border-radius: 3px;
    top: 10px;
    right: 15px;
    position: absolute;
}

/* ===== 10.5 קטגוריות וחנות (תבנית 24239) ===== */

/* --- woocommerce-products .elementor-element-46adaa5 (עמוד/תבנית 24239) --- */
.elementor-24239 .elementor-element.elementor-element-46adaa5 .added_to_cart {
    font-size: 14px;
padding-right: 10px;
color: #DE3127;
}
.elementor-24239 .elementor-element.elementor-element-46adaa5 .product img {
 -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;    
}
.elementor-24239 .elementor-element.elementor-element-46adaa5 {
    overflow-x: hidden
}
/* Container holding the image */
.elementor-24239 .elementor-element.elementor-element-46adaa5 .product {
    position: relative;
    overflow: hidden; /* Hide the overflow to ensure the zoomed image stays within the container */
}
/* Image hover effect */
.elementor-24239 .elementor-element.elementor-element-46adaa5 .product:hover img {
    transform: scale(1.1); /* Adjust the zoom level as needed */
    transition: transform 0.3s ease; /* Add smooth transition */
    transform-origin: center center; /* Zoom happens from the center of the image */
}

@media only screen and (max-width: 600px) {
/* restored 13.10.2026: this phone rule was lost when the widget CSS moved here (12.10), and the product pictures in category pages grew from 150px to 400px high and were cropped */
:where(.elementor-page-24239) :is(.woocommerce ul.products li.product a img) {
    height: 150px !important;
    object-fit: cover;
}
}
:where(.elementor-page-24239) :is(.woocommerce ul.products li.product a img) {
   
    height: 400px;
    object-fit: cover;
}
.elementor-24239 .elementor-element.elementor-element-46adaa5 {
    overflow-y: hidden !important
}

/* --- image-carousel .elementor-element-9d69fb1 (עמוד/תבנית 24239) --- */
.elementor-24239 .elementor-element.elementor-element-9d69fb1 .swiper-wrapper {
        transition-timing-function: linear !important;
}
.elementor-24239 .elementor-element.elementor-element-9d69fb1 img {
    height: 80px !important;
    object-fit: scale-down;
}

/* ===== 10.6 עגלה (עמוד 132) ===== */

/* --- woocommerce-cart .elementor-element-9271ed0 (עמוד/תבנית 132) --- */
.elementor-132 .elementor-element.elementor-element-9271ed0 input::-webkit-outer-spin-button,
.elementor-132 .elementor-element.elementor-element-9271ed0 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.elementor-132 .elementor-element.elementor-element-9271ed0 input[type=number] {
  -moz-appearance: textfield;
}
.elementor-132 .elementor-element.elementor-element-9271ed0 .product-quantity .plus,
.elementor-132 .elementor-element.elementor-element-9271ed0 .product-quantity .minus {
background-color: #666666;
border:none;
color:#ffffff;
padding: 2px 10px !important;
width: 28px;

}
.elementor-132 .elementor-element.elementor-element-9271ed0 input.qty {
width: 32px;
padding: 0 5px !important;
position: relative;
top: -1px;
}
.elementor-132 .elementor-element.elementor-element-9271ed0 td.product-thumbnail {
    display: block !important
}
.elementor-132 .elementor-element.elementor-element-9271ed0 td.product-thumbnail::before {
    content:none;
}
.elementor-132 .elementor-element.elementor-element-9271ed0 td.product-remove {
    padding: 0px !important
}
.elementor-132 .elementor-element.elementor-element-9271ed0 th.product-subtotal,
.elementor-132 .elementor-element.elementor-element-9271ed0 th.product-quantity {
width: 120px;    
}
:where(.elementor-page-132) :is(.woocommerce #content input.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce #respond input#submit.alt:hover),
:where(.elementor-page-132) :is(.woocommerce a.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce button.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce input.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce-page #content input.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce-page #respond input#submit.alt:hover),
:where(.elementor-page-132) :is(.woocommerce-page a.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce-page button.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce-page input.button.alt:hover) {
background:#DE3127 !important;
background-color:#DE3127 !important;
color:white !important;
text-shadow: transparent !important;
box-shadow: none;
border-color:#DE3127 !important;
}
:where(.elementor-page-132) :is(.woocommerce #content input.button:hover),
:where(.elementor-page-132) :is(.woocommerce #respond input#submit:hover),
:where(.elementor-page-132) :is(.woocommerce a.button:hover),
:where(.elementor-page-132) :is(.woocommerce button.button:hover),
:where(.elementor-page-132) :is(.woocommerce input.button:hover),
:where(.elementor-page-132) :is(.woocommerce-page #content input.button:hover),
:where(.elementor-page-132) :is(.woocommerce-page #respond input#submit:hover),
:where(.elementor-page-132) :is(.woocommerce-page a.button:hover),
:where(.elementor-page-132) :is(.woocommerce-page button.button:hover),
:where(.elementor-page-132) :is(.woocommerce-page input.button:hover) {
background:#DE3127 !important;
background-color:#DE3127 !important;
color:white !important;
text-shadow: transparent !important;
box-shadow: none;
border-color:#DE3127 !important;
}
:where(.elementor-page-132) :is(.woocommerce #content input.button),
:where(.elementor-page-132) :is(.woocommerce #respond input#submit),
:where(.elementor-page-132) :is(.woocommerce a.button),
:where(.elementor-page-132) :is(.woocommerce button.button),
:where(.elementor-page-132) :is(.woocommerce input.button),
:where(.elementor-page-132) :is(.woocommerce-page #content input.button),
:where(.elementor-page-132) :is(.woocommerce-page #respond input#submit),
:where(.elementor-page-132) :is(.woocommerce-page a.button),
:where(.elementor-page-132) :is(.woocommerce-page button.button),
:where(.elementor-page-132) :is(.woocommerce-page input.button) {
background: #DE3127 !important;
color:white !important;
text-shadow: transparent !important;
border-color:#DE3127 !important;
}
:where(.elementor-page-132) :is(.woocommerce #content input.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce #respond input#submit.alt:hover),
:where(.elementor-page-132) :is(.woocommerce a.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce button.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce input.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce-page #content input.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce-page #respond input#submit.alt:hover),
:where(.elementor-page-132) :is(.woocommerce-page a.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce-page button.button.alt:hover),
:where(.elementor-page-132) :is(.woocommerce-page input.button.alt:hover) {
background: #DE3127 !important;
box-shadow: none;
text-shadow: transparent !important;
color:white !important;
border-color:#DE3127 !important;
}
.elementor-132 .elementor-element.elementor-element-9271ed0 span.woocommerce-shipping-estimate-html.e-checkout-message.e-cart-content {
    display: none;
}
:where(.elementor-page-132) :is(td.product-quantity input) {
    text-align: center !important;
}

@media only screen and (max-width: 600px) {
.elementor-132 .elementor-element.elementor-element-9271ed0 td.product-thumbnail {
    margin-top: -50px;
}
}

/* ===== 10.7 תשלום (עמוד 133) ===== */

/* --- woocommerce-checkout-page .elementor-element-6beca92 (עמוד/תבנית 133) --- */
@media only screen and (max-width: 992px) {
/* 09.11: this hid the labels on the phone (Eyal: "תווית מעל השדות"). Kept as a comment, the labels now show everywhere (v56).
.elementor-133 .elementor-element.elementor-element-6beca92 .woocommerce-billing-fields__field-wrapper label {
display: none !important    
}
*/
.elementor-133 .elementor-element.elementor-element-6beca92 p.validate-required {
    position:relative;
}
/*.elementor-133 .elementor-element.elementor-element-6beca92 p.validate-required:after{*/
/*    content:"*";*/
/*    color:red;*/
/*    position:absolute;*/
/*    top:20px;*/
/*    right:6px;*/
/*}*/
:where(.elementor-page-133) :is(p#billing_first_name_field),
:where(.elementor-page-133) :is(p#billing_appartement_field) {
width:48%;
}

 
}

@media (min-width:1100px){
.elementor-133 .elementor-element.elementor-element-6beca92  #billing_email_field,
:where(.elementor-page-133) :is(#billing_company_field) {

    width: 100%;

}
:where(.elementor-page-133) :is(p#billing_address_1_field) {
width:48%;
margin-left:4% !important;
}
:where(.elementor-page-133) :is(p#billing_floor_field) {
width:22%;
margin-left:4% !important;
}
:where(.elementor-page-133) :is(p#billing_appartement_field) {
    width:22%;

}
:where(.elementor-page-133) :is(.woocommerce #content input.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce #respond input#submit.alt:hover),
:where(.elementor-page-133) :is(.woocommerce a.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce button.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce input.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce-page #content input.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce-page #respond input#submit.alt:hover),
:where(.elementor-page-133) :is(.woocommerce-page a.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce-page button.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce-page input.button.alt:hover) {
background:#DE3127 !important;
background-color:#DE3127 !important;
color:white !important;
text-shadow: transparent !important;
box-shadow: none;
border-color:#DE3127 !important;
}
:where(.elementor-page-133) :is(.woocommerce #content input.button:hover),
:where(.elementor-page-133) :is(.woocommerce #respond input#submit:hover),
:where(.elementor-page-133) :is(.woocommerce a.button:hover),
:where(.elementor-page-133) :is(.woocommerce button.button:hover),
:where(.elementor-page-133) :is(.woocommerce input.button:hover),
:where(.elementor-page-133) :is(.woocommerce-page #content input.button:hover),
:where(.elementor-page-133) :is(.woocommerce-page #respond input#submit:hover),
:where(.elementor-page-133) :is(.woocommerce-page a.button:hover),
:where(.elementor-page-133) :is(.woocommerce-page button.button:hover),
:where(.elementor-page-133) :is(.woocommerce-page input.button:hover) {
background:#DE3127 !important;
background-color:#DE3127 !important;
color:white !important;
text-shadow: transparent !important;
box-shadow: none;
border-color:#DE3127 !important;
}
:where(.elementor-page-133) :is(.woocommerce #content input.button),
:where(.elementor-page-133) :is(.woocommerce #respond input#submit),
:where(.elementor-page-133) :is(.woocommerce a.button),
:where(.elementor-page-133) :is(.woocommerce button.button),
:where(.elementor-page-133) :is(.woocommerce input.button),
:where(.elementor-page-133) :is(.woocommerce-page #content input.button),
:where(.elementor-page-133) :is(.woocommerce-page #respond input#submit),
:where(.elementor-page-133) :is(.woocommerce-page a.button),
:where(.elementor-page-133) :is(.woocommerce-page button.button),
:where(.elementor-page-133) :is(.woocommerce-page input.button) {
background: #DE3127 !important;
color:white !important;
text-shadow: transparent !important;
border-color:#DE3127 !important;
}
:where(.elementor-page-133) :is(.woocommerce #content input.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce #respond input#submit.alt:hover),
:where(.elementor-page-133) :is(.woocommerce a.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce button.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce input.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce-page #content input.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce-page #respond input#submit.alt:hover),
:where(.elementor-page-133) :is(.woocommerce-page a.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce-page button.button.alt:hover),
:where(.elementor-page-133) :is(.woocommerce-page input.button.alt:hover) {
background: #DE3127 !important;
box-shadow: none;
text-shadow: transparent !important;
color:white !important;
border-color:#DE3127 !important;
}
.elementor-133 .elementor-element.elementor-element-6beca92 textarea::-webkit-input-placeholder {
   color:transparent !important;
}
.elementor-133 .elementor-element.elementor-element-6beca92 textarea:-moz-placeholder { /* Firefox 18- */
   color:transparent!important; 
}
.elementor-133 .elementor-element.elementor-element-6beca92 textarea::-moz-placeholder {  /* Firefox 19+ */
   color:transparent!important; 
}

}
/* remove not needed text*/
.elementor-133 .elementor-element.elementor-element-6beca92 label.e-coupon-anchor-description {
    display: none
}
/* adjust the coupon link text*/
.elementor-133 .elementor-element.elementor-element-6beca92 a.e-show-coupon-form {
    font-size: 14px;
    padding-right: 5px;
    color: #DE3127;
}
@media only screen and (max-width: 600px) {
/*adjusting coupin grid for mobile*/
.elementor-133 .elementor-element.elementor-element-6beca92 .coupon-container-grid {
    display: flex !important;
    width: 100%;
    /*justify-content: space-evenly;*/
    height: 50px;
}
.elementor-133 .elementor-element.elementor-element-6beca92 input#coupon_code {
    margin-bottom:0px !important;
}
:where(.elementor-page-133) :is(p#billing_floor_field) {
width:48%;
margin-left:4% !important;
}
:where(.elementor-page-133) :is(p#billing_appartement_field) {
    width:48%;

}
:where(.elementor-page-133) :is(p#billing_first_name_field) {
    width:100%;
}
.elementor-133 .elementor-element.elementor-element-6beca92 .col.coupon-col-1 {
    width: 70%;
    margin-left: 20px;
}
}
:where(.elementor-page-133) :is(li.wc_payment_method.payment_method_wc_gateway_icount-wc_icount_gateway label) {
font-size:18px;
    color:black !important;
    font-weight:400;
    font-family:'ploni';
    
}

/* v33 (06.11, Eyal: "אפשר להקטין קצת?", then "עדיין לא קטנים יותר"): the strip (699x60) was limited by the column width, not by its height, so it showed about 34px tall whatever the height said.
   Now its height is set: icons 32px on desktop, 28px on the phone, starting on the right under its title (option A, Eyal 06.11: "תעשה A") */
@media (max-width:601px){
:where(.elementor-page-133) :is(li.wc_payment_method.payment_method_wc_gateway_icount-wc_icount_gateway)::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 30px;
   background-image: url("https://getcomfy.co.il/wp-content/uploads/2026/03/סטריפ-אייקונים.svg");
    background-size: auto 28px;
    background-repeat: no-repeat;
    background-position: right center;
}
}

@media (min-width:1024px){
:where(.elementor-page-133) :is(li.wc_payment_method.payment_method_wc_gateway_icount-wc_icount_gateway)::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 34px;
    background-image: url("https://getcomfy.co.il/wp-content/uploads/2026/03/סטריפ-אייקונים.svg");
    background-size: auto 32px;
    background-repeat: no-repeat;
    background-position: right center;
}

}
:where(.elementor-page-133) :is(.woocommerce-terms-and-conditions-wrapper) {
display:none
    
}

/* --- container .elementor-element-304831c (עמוד/תבנית 133) --- */
:where(.elementor-page-133) :is(.woocommerce-error) {
    margin-bottom: 15px; /* Adds spacing for error messages */
    color: red; /* Optional: Highlights error messages in red */
    font-weight: bold;
}

/* --- image-box .elementor-element-c77c4bc (עמוד/תבנית 133) --- */
@media only screen and (max-width: 600px) {
.elementor-133 .elementor-element.elementor-element-c77c4bc img {
display:none;
}
.elementor-133 .elementor-element.elementor-element-c77c4bc .elementor-image-box-title {
    font-weight:500 !Important;
}
}

/* =====================================================================
   GetComfy: Additional CSS, the whole box (one clean copy, 2026-10-10: + 7 the empty side cart, + 8 the pre-sale tag and round color dots)
   Appearance > Customize > Additional CSS. Replace everything in the box with this file.
   Our copy: O-output/40-שיווק-ומכירות/css-נוסף/css-נוסף-מלא.css
   Sections: 1 site-wide · 2 header · 3 reviews · 4 red bar · 5 product page · 6 checkout · 7 side cart · 8 pre-sale tag and variation dots
   ===================================================================== */

/* ===== 1. Site-wide (the developer’s original rules, duplicates merged) ===== */

body { overflow-x: hidden; }
input[type="tel"] { text-align: right; }

/* header menu: the item with the class "prime" is a red pill, with no line above it when active */
.prime { background-color: var(--gc-red); border-radius: 50px; width: fit-content; font-size: 14px; }
.prime a { color: var(--gc-white) !important; }
.prime .elementor-item.elementor-item-active:before { display: none; }

/* WooCommerce: no "view cart" link after adding to cart, and no WooCommerce notice bar */
a.added_to_cart.wc-forward { display: none; }
.woocommerce-message { display: none; }

/* sale badges and the discount percent */
.onsale { left: 30px !important; top: 30px !important; }
.discount-percent { padding: 0 10px; color: var(--gc-red); display: none; }
.sale-perc { position: absolute; right: 5px; top: 5px; font-size: 15px; z-index: 1; color: var(--gc-white); font-weight: 700; background: var(--gc-red); padding: 1% 2%; border-radius: 30px; }

/* search: the magnifier on the left, a round field */

@media only screen and (max-width: 600px) {
  .sale-perc { right: 4px; top: 4px; font-size: 12px; }
  
}

/* ===== 2. Header ===== */

/* a thin shopping-bag icon for the cart. v33 (06.11, Eyal: "בדיוק באותו גודל ועובי"): a 28px box and a 1.5 line in the site’s ink, the same as the search icon */
#fkcart-mini-toggler .fkcart-shortcode-icon-wrap svg { width: 28px !important; height: 28px !important; }
#fkcart-mini-toggler .fkcart-shortcode-icon-wrap svg path { display: none; }
#fkcart-mini-toggler .fkcart-shortcode-icon-wrap svg { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C1C1B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.331 8h11.339a2 2 0 0 1 1.977 2.304l-1.255 8.152a3 3 0 0 1 -2.966 2.544h-6.852a3 3 0 0 1 -2.965 -2.544l-1.255 -8.152a2 2 0 0 1 1.977 -2.304z'/%3E%3Cpath d='M9 11v-5a3 3 0 0 1 6 0v5'/%3E%3C/svg%3E") center / 28px 28px no-repeat; }

/* 2.1 the phone icon in the red header buttons stays dark also as an SVG icon (Elementor "Inline Font Icons", 12.10.2026) */
.elementor-17 .elementor-element-5d7aa02 .elementor-button-icon svg,
.elementor-17 .elementor-element-b23332a .elementor-button-icon svg { fill: #000; }

/* phone: the menu opens above the logo */
#my-z-index .elementor-element-7203017 { z-index: 300; }

/* ===== 3. Reviews: the text box shows 4 lines ===== */

.rpi .rpi-text.rpi-scroll { height: 96px; max-height: 96px; }
/* 3.1 the Google reviews widget (Business Reviews Bundle) in Ploni, not Arial (design system, 12.10.2026) */
.rpi, .rpi * { font-family: var(--gc-font) !important; }

/* ===== 4. Red bar: drawn in CSS instead of the blurry 68x8 picture (GetComfy1_246.png), wherever it appears ===== */

img[src*="GetComfy1_246"] { width: 68px; height: 5px; max-width: 68px; padding: 0; border-radius: 3px; background: var(--gc-red); object-position: -9999px 0; display: inline-block; vertical-align: middle; }

/* ===== 5. Product page (template 399 = every product page) ===== */
/* Order of weight: title (h1) > price (h2) > intro (lead) > bullets (body) > meta. Sizes from section 0, so the phone sizes follow on their own. */

/* 5.1 title */
.elementor-399 .elementor-element-bab93c8 .elementor-heading-title { font-size: var(--gc-h1) !important; font-weight: 500 !important; line-height: 1.2 !important; color: var(--gc-ink) !important; }

/* 5.2 price: second only to the title */
/* the base of the price box, moved here from the snippet "עמוד מוצר: קופסת המחיר" (12.10.2026), which no longer prints CSS */
.custom-price-box { display: flex; align-items: center; justify-content: flex-start; gap: 12px; direction: rtl; font-family: inherit; font-size: 20px; }
.custom-price-box del { color: var(--gc-muted); font-size: 18px; }  /* muted, not hint: contrast (11.6) */
.custom-price-box ins { color: var(--gc-ink); text-decoration: none; font-weight: 400; font-size: 22px; }
.custom-price-box .discount { color: var(--gc-red); font-weight: 400; font-size: 18px; }
.elementor-399 .custom-price-box ins { font-size: var(--gc-h2); }  /* 26, phone 24 (Eyal, 11.10) */
.elementor-399 .custom-price-box del,
.elementor-399 .custom-price-box .discount { font-size: var(--gc-lead); }
.elementor-399 .custom-price-box .discount { color: var(--gc-red); }

/* 5.3 intro: regular text, the first sentence (already bold in each product) becomes a medium lead */
.elementor-399 .elementor-element-984a142 { width: 100% !important; max-width: 100% !important; }
.elementor-399 .elementor-element-984a142,
.elementor-399 .elementor-element-984a142 p { font-size: var(--gc-lead) !important; font-weight: 400 !important; line-height: 1.55 !important; color: var(--gc-ink) !important; }
.elementor-399 .elementor-element-984a142 strong,
.elementor-399 .elementor-element-984a142 b { font-weight: 500; }

/* 5.4 bullets: one step quieter than the intro */
.elementor-399 .elementor-element-4fbcc7e .woocommerce-product-details__short-description,
.elementor-399 .elementor-element-4fbcc7e li { font-size: var(--gc-body) !important; line-height: 1.6 !important; color: var(--gc-ink-2) !important; }

/* 5.5 meta: breadcrumbs and SKU, small and grey (dark enough for the accessibility contrast check) */
.elementor-399 .rank-math-breadcrumb,
.elementor-399 .rank-math-breadcrumb a,
.elementor-399 .rank-math-breadcrumb span,
.elementor-399 .elementor-element-5ba40f1,
.elementor-399 .elementor-element-5ba40f1 .detail-label,
.elementor-399 .elementor-element-5ba40f1 .sku { font-size: var(--gc-meta) !important; font-weight: 400 !important; color: var(--gc-muted) !important; }
.elementor-399 .rank-math-breadcrumb a:hover { color: var(--gc-ink) !important; }

/* 5.6 phone: the sizes come from the variables (section 0), no separate phone block */

/* ===== 6. Checkout (page 133) ===== */
/* Every line starts with .elementor-133, so nothing outside the checkout page changes. */

/* 6.1 the outer white panel steps back, the cards sit on the grey page */
.elementor-133 .elementor-element-caedbd6 { background: transparent; padding: 0; }

/* 6.2 one font: Ploni, like the rest of the site */
.elementor-133 .elementor-element-6beca92,
.elementor-133 .elementor-element-6beca92 input,
.elementor-133 .elementor-element-6beca92 textarea,
.elementor-133 .elementor-element-6beca92 select,
.elementor-133 .elementor-element-6beca92 label,
.elementor-133 .elementor-element-6beca92 h3,
.elementor-133 .elementor-element-6beca92 th,
.elementor-133 .elementor-element-6beca92 td,
.elementor-133 .elementor-element-6beca92 button,
.elementor-133 .elementor-element-6beca92 a,
.elementor-133 .elementor-element-6beca92 p,
.elementor-133 .elementor-element-6beca92 span,
.elementor-133 .elementor-element-6beca92 strong { font-family: var(--gc-font); }

/* 6.3 cards: white, one soft border, one radius (the footers under the cards are in 6.8) */
.elementor-133 .elementor-element-6beca92 .col-1,
.elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields,
.elementor-133 .elementor-element-6beca92 .e-checkout__order_review,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-payment { background: var(--gc-white) !important; border: 1px solid var(--gc-line-soft) !important; border-radius: var(--gc-r-card) !important; }

/* 6.4 headings: a real step above the labels, both card titles on the right */
.elementor-133 .elementor-element-6beca92 h3 { font-size: 20px; font-weight: 500; color: var(--gc-ink); margin-bottom: 18px; }
.elementor-133 .elementor-element-6beca92 #order_review_heading { text-align: right; }
.elementor-133 .elementor-element-6beca92 label { font-size: 14px !important; font-weight: 400 !important; color: var(--gc-ink) !important; }
.elementor-133 .elementor-element-6beca92 .input-text::placeholder { color: var(--gc-hint) !important; }

/* 6.5 fields: white with a thin border; in the details card slim (42px) with less space between rows */
.elementor-133 .elementor-element-6beca92 .input-text,
.elementor-133 .elementor-element-6beca92 select { background: var(--gc-white) !important; border: 1px solid var(--gc-line) !important; border-radius: var(--gc-r-field) !important; padding: 12px 16px !important; font-size: 16px !important; color: var(--gc-ink) !important; }
.elementor-133 .elementor-element-6beca92 .input-text:focus,
.elementor-133 .elementor-element-6beca92 select:focus { border-color: var(--gc-ink) !important; outline: none !important; box-shadow: none !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-billing-fields .form-row,
.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .form-row { padding: 0 !important; margin: 0 0 10px !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-billing-fields .form-row label,
.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .form-row label { line-height: 20px !important; margin: 0 0 4px !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-billing-fields input.input-text,
.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields input.input-text { height: 42px !important; padding: 8px 14px !important; }

/* 6.6 order summary: simple rows in one calm rhythm; title > total > product > the rest */
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table thead { display: none; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tbody,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tfoot { display: block; width: 100%; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr > th,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr > td { display: block !important; padding-top: 10px !important; padding-bottom: 10px !important; font-size: 15px !important; color: var(--gc-ink) !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr > td.product-name,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr > th:first-child { flex: 1 1 auto; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr > td.product-total,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr > td:last-child { flex: 0 0 auto; white-space: nowrap; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.cart_item,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tfoot tr { padding: 6px 0; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.cart_item { align-items: center !important; padding-bottom: 14px !important; }

/* the product: a bigger picture, plain on white, the name next to it (the quantity sits at the end of the name, from the snippet) */
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table td.product-name { max-width: none !important; width: auto !important; display: grid !important; grid-template-columns: 76px minmax(0, 1fr) !important; grid-template-rows: 1fr auto auto auto 1fr !important; column-gap: 16px !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.45 !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table td.product-name::before { content: "" !important; grid-column: 2 !important; grid-row: 1 !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table td.product-name img { grid-column: 1; grid-row: 1 / 6; align-self: center; width: 76px; height: 76px; object-fit: contain; background: transparent; border-radius: var(--gc-r-img); padding: 0; margin: 0; float: none; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table td.product-name .product-quantity { grid-column: 2 !important; grid-row: 3 !important; display: block !important; font-size: 13px !important; font-weight: 400 !important; color: var(--gc-muted) !important; margin-top: 2px !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table td.product-name dl.variation { grid-column: 2 !important; grid-row: 4 !important; margin: 2px 0 0 !important; font-size: 13px !important; font-weight: 400 !important; color: var(--gc-muted) !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table td.product-total { font-size: 15px; font-weight: 500; }

/* subtotal and shipping: small and quiet (grey title, regular number); the shipping options on their own row */
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) th,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) td,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) .amount { font-size: 14px !important; font-weight: 400 !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) th { color: var(--gc-ink-2) !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) td,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tfoot tr:not(.order-total) .amount { color: var(--gc-ink); }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals { flex-direction: column !important; gap: 2px !important; padding-top: 2px !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td { max-width: none !important; width: 100% !important; white-space: normal !important; padding-top: 0 !important; padding-right: 0 !important; text-align: right !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table #shipping_method li { margin: 0 0 4px; line-height: 1.4; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table #shipping_method label { font-size: 14px; color: var(--gc-ink); }

/* the total: one thin line above it, "סה״כ כולל מע״מ" and the price on one row, calm (not shouting) */
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.order-total { border-top: 1px solid var(--gc-line-soft) !important; margin-top: 8px !important; padding: 12px 0 0 !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.order-total th,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.order-total td { padding-bottom: 0 !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.order-total th { font-size: 16px !important; font-weight: 500 !important; color: var(--gc-ink) !important; align-self: center !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.order-total td,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.order-total .amount { font-size: 18px !important; font-weight: 600 !important; color: var(--gc-ink) !important; }

/* the installments line right under the total (the row comes from the snippet "סיכום הזמנה בעמוד התשלום") */
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.gc-total-row { padding: 2px 0 0 !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.gc-total-row td { display: block !important; width: 100% !important; padding: 0 12px 0 0 !important; }
.elementor-133 .gc-total-note { display: block; font-size: 13px; font-weight: 400; color: var(--gc-muted); text-align: right; line-height: 1.5; }
.elementor-133 .gc-total-note b { color: var(--gc-ink); font-weight: 500; }

/* 6.7 pay button: a slim pill, like the buttons on the product page, the text in the true middle */
.elementor-133 .elementor-element-6beca92 #place_order { height: calc(var(--gc-btn-h) + 4px); padding: 0 24px; line-height: calc(var(--gc-btn-h) + 4px); display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 400; border-radius: 50px; }

/* 6.8 footers and the second address: "ship to a different address" closes the "מידע נוסף" card (Eyal, 12.10.2026: it moved down from the details card, so the details card is shorter), */
/*     the coupon closes the summary card (quiet last lines, no divider), a second address opens as its own card ("כתובת למשלוח") */
.elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields,
.elementor-133 .elementor-element-6beca92 .e-checkout__order_review { border-bottom: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; margin-bottom: 0 !important; }
.elementor-133 .elementor-element-6beca92 #customer_details .col-2 { margin-top: 0; }
.elementor-133 .elementor-element-6beca92 #ship-to-different-address,
.elementor-133 .elementor-element-6beca92 .e-coupon-box { background: var(--gc-white) !important; border: 1px solid var(--gc-line-soft) !important; border-top: 0 !important; border-radius: 0 !important; padding: 16px 30px !important; margin: 0 !important; }
.elementor-133 .elementor-element-6beca92 .e-coupon-box { padding-top: 6px !important; padding-bottom: 16px !important; }
.elementor-133 .elementor-element-6beca92 .e-coupon-box .e-woocommerce-coupon-nudge,
.elementor-133 .elementor-element-6beca92 .e-coupon-box .e-woocommerce-coupon-nudge a { font-size: 13px; }
.elementor-133 .elementor-element-6beca92 .e-coupon-box .e-woocommerce-coupon-nudge { color: var(--gc-ink-2); }
/* the snippet’s quiet links and the quantity at the end of the name, one shade darker too (this beats the snippet’s own colors) */
.elementor-133 .elementor-element-6beca92 .gc-edit-link, .elementor-133 .elementor-element-6beca92 .gc-remove { color: var(--gc-ink-2) !important; }
.elementor-133 .elementor-element-6beca92 .gc-qn { color: var(--gc-muted); }
.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields { display: contents; }
/* phone and tablet: "מידע נוסף" first, its footer "ship to a different address" under it, then the second address */
.elementor-133 .elementor-element-6beca92 #customer_details .col-2 { display: flex; flex-direction: column; }
.elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields { order: 1; }  /* the details card above already keeps 24px under it */
.elementor-133 .elementor-element-6beca92 #ship-to-different-address { order: 2; }
.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .shipping_address { order: 3; }
.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .shipping_address { background: var(--gc-white); border: 1px solid var(--gc-line-soft); border-radius: var(--gc-r-card); padding: 24px 30px; margin: 24px 0 0; box-shadow: none; }
.elementor-133 .elementor-element-6beca92 .gc-ship-title { font-size: 20px; font-weight: 500; color: var(--gc-ink); margin: 0 0 18px; }

/* 6.9 desktop: the two sides line up row by row, and opening a second address does not push the payment card down */
/*     rows: 1 details | summary · 2 details | coupon · 3 "מידע נוסף" | payment · 4 "ship to a different address" | payment · 5 second address */
@media (min-width: 1025px) {
  .elementor-133 .elementor-element-6beca92 .e-checkout__container { row-gap: 0; grid-template-rows: auto 1fr auto auto auto; align-items: stretch; }  /* v34 (06.11, Eyal: "הקופון יורד ממש רחוק"): the summary row takes only its own height and the coupon row takes the rest, so the coupon sits right under the total and the two cards still end with the details card */
  .elementor-133 .elementor-element-6beca92 .e-checkout__column,
  .elementor-133 .elementor-element-6beca92 .e-checkout__column-inner,
  .elementor-133 .elementor-element-6beca92 #customer_details,
  .elementor-133 .elementor-element-6beca92 #customer_details .col-2,
  .elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields { display: contents !important; }
  .elementor-133 .elementor-element-6beca92 #customer_details .col-1 { grid-column: 1; grid-row: 1 / span 2; margin: 0; }
  .elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields { grid-column: 1; grid-row: 3; margin: 24px 0 0; }
  .elementor-133 .elementor-element-6beca92 #ship-to-different-address { grid-column: 1; grid-row: 4; }
  .elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .shipping_address { grid-column: 1; grid-row: 5; }
  .elementor-133 .elementor-element-6beca92 .e-checkout__order_review { grid-column: 2; grid-row: 1; }
  .elementor-133 .elementor-element-6beca92 .e-coupon-box { grid-column: 2; grid-row: 2; }
  .elementor-133 .elementor-element-6beca92 .e-checkout__order_review-2 { grid-column: 2; grid-row: 3 / span 2; margin: 24px 0 0; display: flex; flex-direction: column; }
  .elementor-133 .elementor-element-6beca92 .e-checkout__order_review-2 #payment { flex: 1 1 auto; margin-bottom: 0; }
  .elementor-133 .elementor-element-6beca92 #wfob_wrap:not(:has(*)) { display: none !important; }
}

/* 6.9a tablet and small laptop (768px and up): the checkout box was a fixed 1200px wide (Elementor, container caedbd6), so on a 1024px screen it ran 88px past each edge and the text was cut. Found 12.10.2026, also on the live site */
@media (min-width: 768px) {
  .elementor-133 .elementor-element.elementor-element-caedbd6 { --width: min(1200px, 92%); }
}

/* 6.9b FunnelKit order bumps (Funnel Builder Pro stays on: the side cart’s upsell lives in it). With no bump set, it prints empty boxes whose margins left 16 to 32px gaps above the checkout, in the summary and in the payment card */
.elementor-133 .wfob_wrap:not(:has(.wfob_bump)),
.elementor-133 .wfob_bump_wrapper:not(:has(.wfob_bump)) { display: none !important; }  /* a box with no bump inside (it still holds hidden fields, so :empty does not catch it) */

/* 6.10 messages at the top of the checkout (missing fields etc.): a calm card with a red edge */
.elementor-133 .woocommerce-error,
.elementor-133 .woocommerce-info,
.elementor-133 .woocommerce-message { background: var(--gc-white) !important; border: 1px solid var(--gc-line-soft) !important; border-right: 3px solid var(--gc-ink) !important; border-radius: var(--gc-r-card) !important; padding: 16px 52px 16px 20px !important; margin: 0 0 24px !important; color: var(--gc-ink) !important; font-family: var(--gc-font) !important; font-size: 15px !important; line-height: 1.7 !important; box-shadow: none !important; }
.elementor-133 .woocommerce-error { border-right-color: var(--gc-red) !important; }
.elementor-133 .woocommerce-error::before,
.elementor-133 .woocommerce-info::before,
.elementor-133 .woocommerce-message::before { color: var(--gc-red) !important; top: 18px !important; right: 20px !important; left: auto !important; }
.elementor-133 .woocommerce-info::before,
.elementor-133 .woocommerce-message::before { color: var(--gc-ink) !important; }
.elementor-133 .woocommerce-error li { margin: 0 !important; padding: 0 !important; }
.elementor-133 .woocommerce-error a,
.elementor-133 .woocommerce-error strong { color: var(--gc-ink) !important; font-family: var(--gc-font) !important; font-weight: 400 !important; text-decoration: none !important; }
.elementor-133 .woocommerce-error strong { font-weight: 500 !important; }
.elementor-133 .woocommerce-error a:hover { text-decoration: underline !important; }
/* a missing field gets a red border; the list at the top says what is missing, so no extra line under each field */
.elementor-133 .woocommerce-invalid .input-text,
.elementor-133 .woocommerce-invalid select { border-color: var(--gc-red) !important; }
.elementor-133 .checkout-inline-error-message { display: none !important; }

/* 6.11 the coupon form as one slim row (pill field + outline "apply"), and a faint hint in the order notes */
.elementor-133 .elementor-element-6beca92 .e-coupon-anchor .form-row { padding: 12px 0 0; margin: 0; }  /* padding, not margin: the coupon opens without a jump */
.elementor-133 .elementor-element-6beca92 .coupon-container-grid { grid-template-columns: 1fr auto; gap: 8px; align-items: center; }
.elementor-133 .elementor-element-6beca92 .coupon-col-1,
.elementor-133 .elementor-element-6beca92 .coupon-col-2 { height: auto; padding: 0; }
.elementor-133 .elementor-element-6beca92 #coupon_code { height: var(--gc-btn-h-sm) !important; padding: 0 16px !important; margin: 0 !important; font-size: 14px !important; border-radius: var(--gc-r-field) !important; }
.elementor-133 .elementor-element-6beca92 .e-apply-coupon { height: var(--gc-btn-h-sm) !important; padding: var(--gc-btn-pad-sm) !important; margin: 0 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1 !important; border-radius: 50px !important; background: transparent !important; color: var(--gc-ink) !important; border: 1px solid var(--gc-ink) !important; }
.elementor-133 .elementor-element-6beca92 .e-apply-coupon:hover { background: var(--gc-ink) !important; color: var(--gc-white) !important; }
.elementor-133 #order_comments::placeholder { font-size: 14px !important; color: var(--gc-hint) !important; opacity: 1 !important; }

/* 6.12 (09.11: off. The labels now show above the fields on the phone too, v56, so the "(אופציונלי)" inside the field doubled the one in the label)
/* 6.12 phone and tablet: the field titles stay hidden (a checkout widget setting), * /
/*      so the optional fields get a faint "(אופציונלי)" inside; it disappears once the customer types * /
@media (max-width: 992px) {
  .elementor-133 .elementor-element-6beca92 .woocommerce-billing-fields__field-wrapper .form-row:not(.validate-required) { position: relative; }
  .elementor-133 .elementor-element-6beca92 .woocommerce-billing-fields__field-wrapper .form-row:not(.validate-required)::after { content: "(אופציונלי)" !important; display: block !important; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--gc-hint); font-size: 13px; line-height: 1; pointer-events: none; }
  .elementor-133 .elementor-element-6beca92 .woocommerce-billing-fields__field-wrapper .form-row:not(.validate-required):has(.input-text:not(:placeholder-shown))::after { display: none !important; }
}
*/

/* 6.13 phone: in the order summary a smaller picture and less side padding, so the product name gets room */
@media (max-width: 767px) {
  .elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table td.product-name { grid-template-columns: 56px minmax(0, 1fr) !important; column-gap: 12px !important; padding-left: 8px !important; font-size: 14px !important; }
  .elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table td.product-name img { width: 56px !important; height: 56px !important; }
}

/* 6.14 order summary: the name, quantity, edit and remove (moved from the snippet "עמוד התשלום: סיכום הזמנה", 12.10.2026; the snippet no longer prints CSS) */
.elementor-133 #order_review_heading{display:flex!important;justify-content:space-between!important;align-items:baseline!important}
.elementor-133 .gc-edit-link{font-family:ploni,sans-serif!important;font-size:13px!important;font-weight:400!important;color:#6B6A65!important;text-decoration:underline!important;text-underline-offset:3px;cursor:pointer}
/* the name and its quantity are one block; the cell itself has no text size, so the trailing space WooCommerce adds takes no room */
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-review-order-table tr.cart_item td.product-name{font-size:0!important;line-height:0!important}
.elementor-133 .gc-pn{font-size:15px;font-weight:500;line-height:1.45;color:#1C1C1B}
.elementor-133 .gc-qn{unicode-bidi:isolate;direction:rtl;display:inline-block;margin-inline-start:4px;font-size:13px;font-weight:400;color:#8A8983;white-space:nowrap}
.elementor-133 .gc-editing .gc-qn{display:none}
@media (max-width:767px){.elementor-133 .gc-pn{font-size:14px}}
.elementor-133 .gc-qtyrow{grid-column:2!important;grid-row:3!important;display:flex!important;align-items:center!important;gap:12px!important;margin-top:8px!important;font-weight:400!important;line-height:1.4!important}
.elementor-133 .gc-qty{display:inline-flex!important;align-items:center!important;border:1px solid #D2D1CB!important;border-radius:50px!important;height:26px!important;padding:0 1px!important;background:#fff!important}
.elementor-133 .gc-qty button{width:24px!important;height:24px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#1C1C1B!important;font-size:14px!important;line-height:1!important;font-weight:400!important;cursor:pointer;box-shadow:none!important}
.elementor-133 .gc-qty button:hover{background:#F5F5F2!important}
.elementor-133 .gc-qty button:disabled{opacity:.3!important;cursor:default;background:transparent!important}
.elementor-133 .gc-qty span{min-width:16px!important;text-align:center!important;font-size:13px!important;color:#1C1C1B!important}
.elementor-133 .gc-remove{font-size:12px!important;color:#6B6A65!important;text-decoration:underline!important;text-underline-offset:3px;cursor:pointer}
.elementor-133 .gc-busy .woocommerce-checkout-review-order-table{opacity:.45!important;pointer-events:none!important;transition:opacity .15s}

/* 6.15 the privacy checkbox (moved from the inline styles of the snippet "עמוד התשלום: אישור מדיניות הפרטיות", 12.10.2026) */
.elementor-133 #accept_privacy_field { margin: 10px 0; }
.elementor-133 #accept_privacy_field label { display: inline-flex; justify-content: flex-start; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14px; line-height: 1.5; margin: 0; color: inherit; }
.elementor-133 #accept_privacy_field input { margin-top: 2px; accent-color: var(--gc-ink); } /* v37: ink and not the browser’s blue, like the offer box above it (11.19) */
.elementor-133 #accept_privacy_field span { color: inherit; }
.elementor-133 #accept_privacy_field a { color: var(--gc-red); text-decoration: underline; }

/* ===== 7. Side cart (FunnelKit Cart), empty: like the empty cart page (2026-10-10) ===== */
/* the texts are in FunnelKit Cart > Empty Cart: "העגלה ריקה. בינתיים." · "כשתמצאו כיסא שמתאים לכם, הוא יחכה כאן." · "לכל המוצרים" */
/* 7.1 the thin bag icon of the site instead of the plugin’s cart */
.fkcart-zero-state .fkcart-icon-cart svg path { display: none; }
.fkcart-zero-state .fkcart-icon-cart svg { width: 44px !important; height: 44px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C1C1B' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.331 8h11.339a2 2 0 0 1 1.977 2.304l-1.255 8.152a3 3 0 0 1 -2.966 2.544h-6.852a3 3 0 0 1 -2.965 -2.544l-1.255 -8.152a2 2 0 0 1 1.977 -2.304z'/%3E%3Cpath d='M9 11v-5a3 3 0 0 1 6 0v5'/%3E%3C/svg%3E") center / contain no-repeat; }
.fkcart-zero-state .fkcart-icon-cart { margin: 0 auto 12px !important; line-height: 0 !important; }
/* 7.2 three groups (Eyal, tighter 2026-10-10): icon + title + text close together (12 / 4), then the button and the trust line, 20 apart each */
.fkcart-zero-state .fkcart-zero-state-title { font-family: var(--gc-font) !important; font-size: 22px !important; font-weight: 500 !important; line-height: 1.2 !important; color: var(--gc-ink) !important; margin: 0 0 4px !important; }
.fkcart-zero-state .fkcart-zero-state-text { font-family: var(--gc-font) !important; font-size: 15px !important; line-height: 1.45 !important; color: var(--gc-ink-2) !important; margin: 0 auto 20px !important; max-width: 280px; }
.fkcart-zero-state .fkcart-shop-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: var(--gc-btn-h) !important; min-height: 0 !important; margin: 0 auto !important; padding: var(--gc-btn-pad) !important; border-radius: 50px !important; font-family: var(--gc-font) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1 !important; }
/* 7.3 the trust line under a thin rule */
.fkcart-zero-state::after { content: "30 ימי ניסיון בכסאות · משלוח חינם עד הבית\A 1,462 ביקורות במידרג"; white-space: pre-line; display: block; margin: 20px auto 0; padding-top: 10px; border-top: 1px solid var(--gc-line-soft); max-width: 290px; font-family: var(--gc-font); font-size: 12px; line-height: 1.55; color: var(--gc-muted); text-align: center; }

/* 7.4 side cart: no WooCommerce "shipping and taxes" line next to our installments line (moved from the snippet "עגלה: תשלומים בעגלה", 12.10.2026) */
.fkcart-summary-line-item:not(.gc-installments):has(> .fkcart-shipping-tax-calculation-text){display:none}

/* 7.5 the empty cart page (moved from the snippet "עגלה: עמוד סל ריק", 12.10.2026) */
body:has(.gc-empty) .page-header,
body:has(.gc-empty) .return-to-shop { display: none !important; }
.gc-empty { max-width: 560px; margin: 56px auto 72px; background: #fff; border: 1px solid var(--gc-line-soft); border-radius: var(--gc-r-card); padding: 48px 32px 40px; text-align: center; font-family: ploni, sans-serif; direction: rtl; }
.gc-empty svg { width: 44px; height: 44px; margin: 0 auto 18px; display: block; }
.gc-empty h2 { font-size: 26px; font-weight: 500; color: #1C1C1B; margin: 0 0 10px; line-height: 1.3; }
.gc-empty p { font-size: 16px; color: #4A4945; margin: 0 auto 28px; line-height: 1.6; max-width: 400px; }
.gc-empty .gc-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.gc-empty .gc-btn { transition: background-color .15s, border-color .15s, color .15s; display: inline-flex; align-items: center; justify-content: center; height: var(--gc-btn-h); padding: var(--gc-btn-pad); border-radius: 50px; font-size: 15px; font-weight: 400; text-decoration: none; }  /* slim, like every button on the site */
.gc-empty .gc-btn-main { background: #DE3127 !important; color: #fff !important; }
.gc-empty .gc-btn-main:hover { background: #C72D25 !important; color: #fff !important; }
.gc-empty .gc-btn-ghost { border: 1px solid #1C1C1B !important; color: #1C1C1B !important; background: transparent !important; }
.gc-empty .gc-btn-ghost:hover { background: #25D366 !important; border-color: #25D366 !important; color: #fff !important; }  /* WhatsApp green */
.gc-empty .gc-trust { margin-top: 28px; padding-top: 20px; border-top: 1px solid #EEEDE8; font-size: 13px; color: #6B6A65; }
@media (max-width: 767px) {
	.gc-empty { margin: 32px 16px 48px; padding: 36px 20px 28px; }
	.gc-empty h2 { font-size: 22px; }
}

/* ===== 8. Product page: lead time and pre-sale as one small calm tag, and round color dots on products with variations (2026-10-10) ===== */
/* "body" in front: these beat the older rules inside the add-to-cart widget (8b3bd07), whatever order they load in */

/* 8.1 the tag: clock icon, soft red on light pink. Top of the page (the heading 21b389e, "צבע/דגם זה באספקה עד X ימי עסקים") */
body .elementor-399 .elementor-element-21b389e .elementor-heading-title { display: inline-flex !important; align-items: center; gap: 6px; font-family: var(--gc-font) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.3 !important; color: var(--gc-red-text) !important; background: var(--gc-red-soft); border-radius: 50px; padding: 5px 14px 5px 12px; }
body .elementor-399 .elementor-element-21b389e .elementor-heading-title::before { content: ""; width: 15px; height: 15px; flex: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B4362B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; }
body .elementor-399 .elementor-element-21b389e:has(.elementor-heading-title:empty) { display: none !important; }  /* no lead time on this product (M18 Orange): no empty tag and no empty gap */
/* ...and "מכירה מוקדמת" in the buy box, on simple products and on products with variations */
body .elementor-399 .elementor-element.elementor-element-8b3bd07 p.stock.available-on-backorder { display: inline-flex !important; align-items: center; gap: 6px; align-self: flex-start; width: auto !important; margin: 0 0 10px !important; font-family: var(--gc-font) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.3 !important; color: var(--gc-red-text) !important; background: var(--gc-red-soft) !important; border-radius: 50px !important; padding: 4px 12px 4px 10px !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 p.stock.available-on-backorder::before { content: ""; width: 14px; height: 14px; flex: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B4362B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .woocommerce-variation-availability p.available-on-backorder { margin: 0 !important; }
/* One tag only (Eyal, 2026-10-10): the lead time comes from Ronen’s panel "זמני משלוח" (the heading 21b389e, moved above the buy buttons). WooCommerce stock lines are hidden: "מכירה מוקדמת" and "נשארו במלאי רק X" (an old rule of the developer also dropped that one onto "קנה עכשיו"). "אזל" (out of stock) still shows */
body .elementor-399 .elementor-element.elementor-element-8b3bd07 p.stock.available-on-backorder, body .elementor-399 .elementor-element.elementor-element-8b3bd07 p.stock.in-stock { display: none !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart { margin-top: 10px !important; }  /* price or tag to the buttons: 18 instead of 31 */
@media (max-width: 767px) {
  body .elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart > p.stock { order: 1; margin: 0 !important; }  /* the widget is column-reverse on phones: this puts the tag above the buttons */
}

/* 8.2 products with variations (S300, C500): round dots like the color selector, "צבע: אפור" (not "צבע: : אפור"), no check mark */
body .elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations th.label { white-space: nowrap !important; font-size: 0 !important; }  /* font-size 0: no gap from the space between the label and the chosen name */
body .elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations th.label label,
body .elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations th.label .woo-selected-variation-item-name { font-size: 14px !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations th.label .woo-selected-variation-item-name { margin: 0 !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations th.label label::after { content: none !important; }  /* the widget’s old ":" doubled the plugin’s ": אפור" */
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .color-variable-items-wrapper { gap: 10px !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .color-variable-items-wrapper .variable-item { width: 30px !important; height: 30px !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; background: transparent !important; outline: 1.5px solid transparent !important; outline-offset: 3px; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .color-variable-items-wrapper .variable-item .variable-item-contents,
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .color-variable-items-wrapper .variable-item .variable-item-span-color { width: 30px !important; height: 30px !important; border: 0 !important; border-radius: 50% !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12) !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .color-variable-items-wrapper .variable-item:hover { outline-color: var(--gc-line) !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .color-variable-items-wrapper .variable-item.selected { outline-color: var(--gc-ink) !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .color-variable-items-wrapper .variable-item .variable-item-contents::before { display: none !important; }
@media (min-width: 768px) {
  body .elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations tr:has(.color-variable-items-wrapper) { flex-direction: row !important; align-items: center !important; gap: 14px !important; }
}

/* 8.3 buy buttons hierarchy (Eyal, 2026-10-10): a small quantity pill, "הוספה לסל" the biggest, "קנה עכשיו" second. Desktop 88 / 270 / 150, phone: the quantity gives its room to "הוספה לסל" */
body .elementor-399 .elementor-element.elementor-element-8b3bd07 div.quantity { padding: 0 2px; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart .quantity .plus, body .elementor-399 .elementor-element.elementor-element-8b3bd07 .elementor-add-to-cart .quantity .minus { width: 28px; font-size: 16px; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .quantity input.qty { width: 26px; font-size: 15px; }
@media (min-width: 768px) {
  body .elementor-399 .elementor-element.elementor-element-8b3bd07 .single_add_to_cart_button:not(.buy_now_button) { min-width: 270px; }
  body .elementor-399 .elementor-element.elementor-element-8b3bd07 .buy_now_button { min-width: 150px; padding: 0 22px; font-size: 16px; }
  /* the trust row spreads under the buttons: its edges line up with the quantity and with "קנה עכשיו" (88 + 10 + 270 + 10 + 150 = 528) */
  body .elementor-399 .gc-trust { width: 528px; max-width: 100%; justify-content: space-between; column-gap: 0; }
}

/* 8.4 desk sizes (Eyal, 2026-10-10): no "מידה: 120X59" line above the pills, the pill says it all ("120X59 ס״מ", the term name in WooCommerce). The pills keep aria-label "מידה" for screen readers */
body .elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations tr:has(.button-variable-items-wrapper) th.label { display: none !important; }

/* 8.5 the family selector (color, size) and the price after the choice (moved from the snippet "עמוד מוצר: קופסת הקנייה", 12.10.2026) */
.gc-fam{direction:rtl;font-family:ploni,sans-serif;width:100%;box-sizing:border-box;margin:4px 0 18px;padding:16px 0 4px;border-top:1px solid #EEEDE8;display:flex;flex-direction:column;gap:12px}
.gc-fam-row{display:flex;flex-direction:column;gap:8px}
.gc-fam-row.gc-fam-colors{flex-direction:row;align-items:center;gap:14px}
.gc-fam-colors .gc-fam-label{flex:0 0 auto}
@media (max-width:767px){.gc-fam-row.gc-fam-colors{flex-direction:column;align-items:flex-start;gap:8px}}
.gc-fam-label{font-size:14px;line-height:1.4;color:#6B6A65!important}
.gc-fam-label b{font-weight:500;color:#1C1C1B!important}
.gc-fam-label .gc-fam-n{font-size:13px;color:#8A8983!important;margin-inline-start:6px}
.gc-fam-sw{display:flex;flex-wrap:wrap;gap:10px}
.gc-fam .gc-dot{position:relative;display:block;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);outline:1.5px solid transparent;outline-offset:3px;transition:outline-color .15s;text-decoration:none!important}
.gc-fam .gc-dot:hover{outline-color:#B5B4AE}
.gc-fam .gc-dot.cur{outline-color:#1C1C1B;cursor:default}
/* out of stock: one mark for every dot, the current one too. Full color, and a diagonal line inside the circle (white edges, so it shows on dark and light colors) */
.gc-fam .gc-dot.out::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(to top left,transparent calc(50% - 2px),#fff calc(50% - 2px),#fff calc(50% - .75px),#6B6A65 calc(50% - .75px),#6B6A65 calc(50% + .75px),#fff calc(50% + .75px),#fff calc(50% + 2px),transparent calc(50% + 2px))}
.gc-fam-seg{display:flex;gap:8px;flex-wrap:wrap}
.gc-fam .gc-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:50px;border:1px solid #D2D1CB;background:#fff;font-size:14px;font-weight:400;color:#1C1C1B!important;text-decoration:none!important;transition:border-color .15s}
.gc-fam .gc-pill:hover{border-color:#8A8983}
.gc-fam .gc-pill.cur{border:1.5px solid #1C1C1B;font-weight:500;cursor:default}
.gc-fam .gc-pill small{font-size:12px;color:#8A8983!important}
.elementor-399 .gc-price-moved { margin: 14px 0 0 !important; }

/* ===== 9. Product cards, in every product list: category pages, search, home page, related products (2026-10-10). Snippet: "כרטיסי מוצר" ===== */
/* 9.1 the price like on the product page (Eyal): the new price first (right), medium 500, 18px, no underline; the old price 16, gray, struck (Eyal, 11.10: 18 / 16).
   The size goes on the number itself too (ins *): a theme rule puts 18px straight on .amount, so a size on ins alone never reached it (10.10) */
body ul.products li.product .price { display: inline-flex !important; align-items: baseline; gap: 8px; }
body ul.products li.product .price ins { order: -1; text-decoration: none !important; font-weight: 500 !important; font-size: 18px !important; }
body ul.products li.product .price ins * { font-weight: 500; font-size: 18px; color: var(--gc-ink); }
body ul.products li.product .price del, body ul.products li.product .price del * { font-size: 16px !important; font-weight: 400 !important; color: var(--gc-muted) !important; opacity: 1 !important; }  /* muted, not hint: contrast (11.6) */

/* 9.2 sale badges (YITH): Ploni, like the rest of the site. The plugin’s Open Sans from Google no longer loads (snippet "כל האתר: טעינת קבצים לפי צורך", 12.10.2026) */
.yith-wcbm-badge, .yith-wcbm-badge * { font-family: var(--gc-font) !important; }

/* 9.3 the cart page widget (Elementor, page 132): Ploni, not the widget default Roboto, which no longer loads (design system, 12.10.2026) */
.elementor-132 .elementor-widget-woocommerce-cart *:not([class*="eicon"]):not([class*="fa-"]) { font-family: var(--gc-font) !important; }

/* ===== 11. Speed (2026-10-12) ===== */
/* 11.1 product gallery (plugin Woo Product Gallery Slider): the plugin hides the whole gallery (display:none) until its slider script runs, about 1.8s after the picture already arrived on a phone. The first picture now shows right away, in the same place and size */
.wpgs-for:not(.slick-initialized) { display: block; }
.wpgs-for:not(.slick-initialized) > div:not(:first-child) { display: none; }

/* 11.2 one product gallery (template 399, 12.10.2026). There were two in every product page: one for phones (d7a52d3, inside the text, after the opening paragraph) and one for desktop (853712d, in the second column), and both loaded everywhere: twice the pictures and elements.
        Now there is one, 853712d. On a phone the two columns open up (display: contents), so the gallery can sit where the phone gallery was: after the opening paragraph 984a142 */
@media (max-width: 767px) {
  .elementor-399 .elementor-element-4761b3f > .elementor-container { flex-wrap: wrap; align-content: flex-start; padding: 10px 15px; }  /* the padding the first column had */
  .elementor-399 .elementor-element-ac2cdcf,
  .elementor-399 .elementor-element-ac2cdcf > .elementor-widget-wrap,
  .elementor-399 .elementor-element-120fbac,
  .elementor-399 .elementor-element-120fbac > .elementor-widget-wrap { display: contents; }
  .elementor-399 .elementor-element-984a142 ~ * { order: 2; }  /* everything after the opening paragraph, also the color selector .gc-fam, which our code adds outside Elementor */
  .elementor-399 .elementor-element-853712d { order: 1; margin-block-end: 8px; }
  .elementor-399 .elementor-element.elementor-element-853712d > .elementor-widget-container { margin: 0; }
}

/* 11.3 search in the header (13.10.2026, Eyal: Elementor’s search, by the cart, in the same design language).
        The icon: the same thin line, weight and size as the cart bag (24 grid, stroke 1.4, 32px). It opens a panel from the top (off-canvas "חיפוש") with Elementor’s Search widget and live results */
.elementor-location-header .elementor-element-30e3f5c,
.elementor-location-header .elementor-element-378ba26 { flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; width: auto !important; gap: 14px; }
.gc-search-toggle .elementor-icon { display: inline-flex; line-height: 0; }
.gc-search-toggle .elementor-icon-wrapper { display: flex; align-items: center; line-height: 0; }  /* v33: the wrapper was 36px tall with the icon at its top, so the magnifier sat high */
.gc-search-toggle .elementor-icon svg { width: 28px !important; height: 28px !important; fill: none !important; }  /* 28: the bag glyph fills less of its 32px box, so 28 looks the same size */
/* phone and tablet: the logo sits in the true middle whatever the sides hold (menu on the right, search + cart on the left).
   Tablet (768–1024) uses the phone header; there the menu container stretched over the whole row and pushed the logo and the cart off the screen (also on the live site) */
@media (max-width: 1024px) {
  .elementor-location-header .elementor-element-a97cee6 { position: relative; flex-wrap: nowrap !important; }
  .elementor-location-header .elementor-element-b48e3ea { position: absolute !important; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto !important; }
  .elementor-location-header .elementor-element-30e3f5c { margin-inline-start: auto !important; }
}
/* tablet only: Elementor has the logo and menu-icon sizes for phones but none for tablets, so the logo filled the row. Tablet gets the phone sizes, a bit larger */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-location-header .elementor-element-7203017 { width: auto !important; flex: 0 0 auto !important; }
  .elementor-location-header .elementor-element-3ed96d6 { width: auto !important; }
  .elementor-location-header .elementor-element-d842c37 img { width: 180px !important; max-width: 180px !important; height: auto !important; }
  .elementor-location-header .elementor-element-3ed96d6 .elementor-icon { font-size: 30px !important; }
  .elementor-location-header .elementor-element-3ed96d6 .elementor-icon svg { width: 30px !important; height: 30px !important; }
}
/* desktop: the phone button keeps one line; its group grows instead of the fixed 13vw */
@media (min-width: 1025px) {
  .elementor-location-header .elementor-element-826f041 { width: auto !important; flex: 0 0 auto !important; gap: 24px; align-items: center !important; padding-right: 0 !important; }  /* v33: no gap on the right, the phone button starts at the screen edge (Eyal, 06.11) */
  .elementor-location-header .elementor-element-378ba26 { margin: -18px 0 !important; gap: 12px; }  /* v33 (06.11, Eyal: "העגלה והחיפוש... כאילו ביחד", "העגלה יורדת נמוך"): search and bag as one pair, 12px apart (24 to the phone); even top and bottom margins put them on the line of the logo and the menu. Elementor had -16/-25px: sideways it made the cart overlap the phone button, and the uneven pair pushed the icons 5px down */
  .elementor-location-header .elementor-element-a4628b9 { width: auto !important; }
  .elementor-location-header .elementor-element-b23332a .elementor-button-text { white-space: nowrap; }
  .elementor-location-header .elementor-element-6919f7b { flex: 1 1 auto !important; width: auto !important; }
}
/* v33: the same ink and the same 1.5 line as the bag (section 2) */
.gc-search-toggle .elementor-icon svg * { fill: none !important; stroke: var(--gc-ink); stroke-width: 1.5; }
/* the container that holds the panel takes no room in the header (it only opens on top of the page) */
.elementor-location-header .gc-search-holder { padding: 0 !important; margin: 0 !important; height: 0; min-height: 0 !important; overflow: visible; }
/* the panel: a slim white strip at the top, the page stays visible under a light dim (v31, 05.11, Eyal: "עולה על כל המסך, צריך משהו עדין ופשוט").
   height: Elementor’s off-canvas CSS gives the panel height: 100% even when the widget is set to fit-content, so the strip filled the whole screen white */
.gc-search-panel .e-off-canvas__main { height: auto !important; background: var(--gc-white) !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .06); }.gc-search-panel .e-off-canvas__overlay { background: rgba(28, 28, 27, .12) !important; }
.gc-search-inner { max-width: 640px; margin: 0 auto; padding: 14px 16px !important; }
/* the field: one pill, like the coupon field (40px buttons family), the bag’s magnifier on the right */
.gc-search .e-search-input { height: 44px !important; border: 1px solid var(--gc-line) !important; border-radius: 50px !important; padding: 0 46px 0 40px !important; font-family: var(--gc-font) !important; font-size: 16px !important; color: var(--gc-ink) !important; background: var(--gc-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6A65' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5l5 5'/%3E%3C/svg%3E") right 16px center / 20px no-repeat !important; box-shadow: none !important; }
.gc-search .e-search-input::placeholder { color: var(--gc-hint); }
.gc-search .e-search-input:focus { border-color: var(--gc-ink-2) !important; outline: none; }
/* the results: no frame of their own, rows with a soft line between them */
.gc-search .e-search-results { border: 0 !important; padding: 4px 16px 8px !important; margin: 0 -16px; border-radius: 0 0 16px 16px; box-shadow: 0 12px 24px rgba(0, 0, 0, .08) !important; background: var(--gc-white) !important; max-height: 70vh; }
.gc-search .e-search-results-list { gap: 0 !important; }
.gc-sr-row { flex-wrap: nowrap !important; gap: 12px !important; border-bottom: 1px solid var(--gc-line-soft); }
.gc-sr-img { width: 52px !important; flex: 0 0 52px !important; }
.gc-sr-img img { width: 52px !important; height: 52px !important; object-fit: contain; border-radius: var(--gc-r-img); background: var(--gc-bg-2); }
.gc-sr-name { display: block !important; flex: 1 1 auto !important; min-width: 0; }
.gc-sr-name .product_title { display: block !important; margin: 0 !important; font-family: var(--gc-font) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.35 !important; color: var(--gc-ink) !important; }
.gc-sr-price { flex: 0 0 auto !important; width: auto !important; }
.gc-sr-price .price { margin: 0 !important; display: flex; flex-direction: column; align-items: flex-end; font-family: var(--gc-font); white-space: nowrap; }
.gc-sr-price .price ins { order: -1; text-decoration: none; font-size: 15px; font-weight: 500; color: var(--gc-ink); }
.gc-sr-price .price del { font-size: 13px; color: var(--gc-muted); }
.gc-sr-price .price > .amount { font-size: 15px; font-weight: 500; color: var(--gc-ink); }
.gc-sr-row a { text-decoration: none !important; }

/* 11.4 product page (template 399): the empty section ad327f6 (three old boxes and an anchor nobody links to, all hidden) is gone (13.10.2026).
        On tablet and desktop it gave a 100px gray band under the top part; the band stays, as padding of the top section */
@media (min-width: 768px) {
  .elementor-399 .elementor-element.elementor-element-4761b3f { padding-bottom: 100px; }
}

/* 11.5 the floating buttons (Eyal, 13.10.2026): accessibility above WhatsApp in the bottom-right corner, on one line; the Midrag badge stays bottom-left.
        WhatsApp was a tab in the middle of the left edge and covered product names. Now a round button, a little bigger than the accessibility one (46px vs ~44) */
.elementor-location-header .elementor-element.elementor-element-1f4e7fd { position: fixed !important; top: auto !important; left: auto !important; right: 16px !important; bottom: 16px !important; width: 46px !important; height: 46px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; z-index: 99; }
.elementor-location-header .elementor-element-1f4e7fd > .e-con-inner { padding: 0 !important; width: 46px !important; }
.elementor-location-header .elementor-element-5d7aa02 .elementor-button { width: 46px !important; height: 46px !important; padding: 0 !important; border-radius: 50% !important; display: flex !important; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); }
.elementor-location-header .elementor-element-5d7aa02 .elementor-button-text { display: none !important; }
.elementor-location-header .elementor-element-5d7aa02 .elementor-button-icon { margin: 0 !important; }
.elementor-location-header .elementor-element-5d7aa02 .elementor-button-icon svg { width: 24px !important; height: 24px !important; }
/* UserWay’s button (32px with a ring) above it, on the same center line */
.uwy .userway_buttons_wrapper { top: auto !important; left: auto !important; right: 23px !important; bottom: 76px !important; width: 32px !important; height: 32px !important; transform: none !important; margin: 0 !important; }
.uwy .userway_buttons_wrapper .uai { top: 0 !important; left: 0 !important; right: auto !important; bottom: auto !important; margin: 0 !important; transform: none !important; }
/* while a panel is open (the phone menu, the search), the floating buttons step aside: they were on top of the menu’s own WhatsApp and phone buttons */
body:has(.e-off-canvas[aria-hidden="false"]) .uwy,
body:has(.e-off-canvas[aria-hidden="false"]) .uwy *,
body:has(.e-off-canvas[aria-hidden="false"]) .elementor-location-header .elementor-element-1f4e7fd { visibility: hidden !important; }

/* 11.6 contrast (accessibility, 13.10.2026, Eyal approved): old prices and red text on the light-gray background reach 4.5:1.
        The old price was the hint gray at 70% opacity (#ADACA8 on white, 2.27); now the muted gray, full (5.42). Red text on #F5F5F5 uses the darker red of the tags (5.5) */
body .price del, body .price del *, body .elementor-399 .elementor-element .price del, body .elementor-399 .elementor-element .price del * { color: var(--gc-muted) !important; opacity: 1 !important; }
.rpi-based { color: var(--gc-muted) !important; }  /* the Google reviews line "based on N reviews" (#777 on #F5F5F5 was 4.1) */
/* v41 (08.11, Eyal: "תחזיר את המשפט לאדום"): the rule that turned a red word in a heading into the darker tag red is off. It caught one sentence only, the home page’s
   "(פשוט... כמו שהיינו רוצים...)", which is large text (about 30px), where 3:1 is enough and the brand red has 4.2. It was:
   .elementor-heading-title span[style*="DE3127" i], .elementor-heading-title span[style*="E5342A" i] { color: var(--gc-red-text) !important; } */
.elementor-399 .discount,
.elementor-399 .gc-guide-links a,
.elementor-399 a[href$="SGSTEST"] { color: var(--gc-red-text) !important; }

/* 11.7 the 404 page (template 5371, 13.10.2026): the button "חזרה לעמוד הבית" had red text on a red button (a link color won over the button’s text color), so it looked empty. Also on the live site. White text, like every red button */
.elementor-5371 .elementor-element-0e163b0 .elementor-button,
.elementor-5371 .elementor-element-0e163b0 .elementor-button-text { color: #fff !important; }

/* 11.8 the floating buttons step aside while a panel is open (13.10.2026). 11.5 hid accessibility and WhatsApp under the open phone menu; the Midrag badge still sat on the menu, and all three sat on the side cart (FunnelKit marks the page with html.fkcart-trigger-open while it is open). The Midrag badge has no class or id: it is the fixed div the Midrag script adds at the end of the page */
body:has(.e-off-canvas[aria-hidden="false"]) > div[style*="2147483647"][style*="left: -3px"],
html.fkcart-trigger-open body > div[style*="2147483647"][style*="left: -3px"],
html.fkcart-trigger-open .uwy,
html.fkcart-trigger-open .uwy *,
html.fkcart-trigger-open .elementor-location-header .elementor-element-1f4e7fd { visibility: hidden !important; }

/* 11.9 "My account" (login, lost password, the account pages), 13.10.2026: Elementor’s My Account widget ships its own CSS with Roboto and a light-blue button (#5BC0DE), on selectors stronger than the kit’s globals, so the site font and buttons never reached it. Same font and the same red pill as every other button */
.elementor-widget-woocommerce-my-account { font-family: var(--gc-font) !important; }
.elementor-widget-woocommerce-my-account .button,
.elementor-widget-woocommerce-my-account button.button {
	background-color: var(--gc-red) !important; color: var(--gc-white) !important; border: 0 !important;
	border-radius: var(--gc-r-pill) !important; height: var(--gc-btn-h); line-height: var(--gc-btn-h);
	padding: var(--gc-btn-pad) !important; font-family: var(--gc-font) !important; font-size: var(--gc-btn-text) !important; font-weight: 500;
}
.elementor-widget-woocommerce-my-account .button:hover,
.elementor-widget-woocommerce-my-account button.button:hover { background-color: var(--gc-red-dark) !important; }
.elementor-widget-woocommerce-my-account a:not(.button) { color: var(--gc-ink) !important; text-decoration: underline; }  /* "איפוס סיסמה" and the other links were the same light blue */
/* the cart page (/cart/): its + / − were plugin gray (#666). Black, like + / − on the product page */
.woocommerce-cart button.plus, .woocommerce-cart button.minus { background-color: var(--gc-ink) !important; }

/* 11.10 blog post header (template 3782, section 689a338), 13.10.2026, Eyal: "מאשר". On a phone the picture strip was 47px and the title ran over it; on desktop thin white text sat on a busy photo. Now: a 210px picture on phones, the title at the bottom over a dark fade, on every size */
.elementor-3782 .elementor-element-689a338 { position: relative; background-position: center center !important; }
.elementor-3782 .elementor-element-689a338::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.62) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,0) 75%); pointer-events: none; z-index: 0; }
.elementor-3782 .elementor-element-689a338 > .elementor-container { position: relative; z-index: 1; align-items: flex-end; }
.elementor-3782 .elementor-element-5cb958b .elementor-heading-title { line-height: 1.25 !important; font-weight: 500 !important; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
@media (max-width: 767px) {
	.elementor-3782 .elementor-element-689a338 > .elementor-container { min-height: 210px !important; }
	.elementor-3782 .elementor-element-689a338 .elementor-element-5da70ac > .elementor-widget-wrap { padding: 0 16px 18px !important; }
	.elementor-3782 .elementor-element-5cb958b .elementor-heading-title { font-size: 22px !important; }
}

/* 11.11 from the child theme’s getcomfy.css (13.10.2026): that file no longer loads (one request less on every page). Its rules, as they were: Hello’s page title stays hidden on pages built in Elementor */
.hello_elementor_page_title { display: none; }
.entry-title { display: none !important; }
.site-title { display: none !important; }
.site-description { display: none !important; }

/* 13.10.2026, CSS coverage (552 rules, 31 pages x 4 widths, with the menu, side cart and checkout errors open): 16 rules removed that can never match:
   8 for elements no longer in template 399 (the floating buy bar cb48229, hidden on every device on the live site too, and 4 old boxes), 2 for that bar’s product-type classes,
   2 for Font Awesome phone icons (the header icons are SVG now), 1 for Internet Explorer placeholders, 2 for FiboSearch (search moved to Elementor), 1 for UserWay’s old icon id.
   Kept: rules for states the crawl does not open (coupon box, empty side cart, search results, out of stock, editing quantities in the checkout). Before: תיבת-css-v24.css */

/* 11.12 · 16.10.2026, product header spacing (template 399), approved by Eyal, same block as live Additional CSS (change log row 43):
   breadcrumbs alone on top (16), title and SKU tight (2), the red bar as the SKU’s underline (6), then the intro (22). */
.elementor-399 .elementor-element-d8bba78 .rank-math-breadcrumb p { margin: 0 !important; }
.elementor-399 .elementor-element-d8bba78,
.elementor-399 .elementor-element-bab93c8,
.elementor-399 .elementor-element-5ba40f1,
.elementor-399 .elementor-element-a4a1057 { margin-top: 0 !important; }
.elementor-399 .elementor-element-d8bba78 { margin-bottom: 16px !important; }
.elementor-399 .elementor-element-bab93c8 { margin-bottom: 2px !important; }
.elementor-399 .elementor-element-5ba40f1 { margin-bottom: 6px !important; }
.elementor-399 .elementor-element-a4a1057 { margin-bottom: 22px !important; line-height: 0; }
.elementor-399 .elementor-element-a4a1057 img { display: block; }

/* 11.13 · GetComfy 01.11.2026 · נובמבר סייל: תווית מעל המחיר בעמוד המוצר (ספר השינויים 47). להסיר ב-1.12 מהקובץ הזה, לא מתיבת ה-CSS */
.custom-price-box-wrapper:has(.discount)::before{content:"🛍️ נובמבר סייל · עד 30.11 או גמר המלאי";display:block;color:var(--gc-red);font-weight:700;font-size:15px;line-height:1.4;margin-bottom:6px;}

/* 11.14 · GetComfy 13.10.2026, נמצא בחזרה 02.11: פלוני כגופן הבסיס. היה בתיבת ה-CSS בחי (ספר השינויים 41), ואסור שייעלם כשהיא מתרוקנת */
body { font-family: var(--gc-font); }

/* 11.15 · GetComfy 02.11.2026, נמצא בחזרה: הפס העליון נשאר שחור מלא. המכולה קיבלה מהערכה את הצבע הראשי החדש, והפס שבתוכה שחור, ולכן נראתה מסגרת */
.elementor-17 .elementor-element-f2af3f1 { background-color: #000 !important; }

/* 11.16 · GetComfy 02.11.2026, נמצא בחזרה: "11% הנחה" בהצעה בעגלת הצד, בעמוד מוצר. הכלל נחשב מת ב-12.10 (שורה 3), והוא חי */
.single-product .discount-percent { display: inline-block; }

/* 11.17 · GetComfy 06.11.2026 · "נבדק ועומד בתקנים" בעמוד המוצר: הקוד הקצר [gc_certs] (סניפט "עמוד מוצר: תקנים ובדיקות"). רקע אבן בהיר, כרטיסיות לבנות, תגית טקסט עד שיגיעו הלוגואים מ-SIHOO */
.gc-certs { background: var(--gc-bg-2); border-radius: var(--gc-r-card); padding: 48px 32px; margin: 32px 0; font-family: var(--gc-font); }
.gc-certs * { box-sizing: border-box; }
.gc-certs .gc-certs-head { font-size: 28px; font-weight: 500; color: var(--gc-ink); text-align: center; margin: 0 0 8px; }
.gc-certs .gc-certs-sub { font-size: 16px; color: var(--gc-ink-2); text-align: center; margin: 0 0 32px; }
.gc-certs .gc-certs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 16px; }
.gc-certs .gc-cert { background: var(--gc-white); border: 1px solid var(--gc-line-soft); border-radius: var(--gc-r-card); padding: 22px 20px; display: flex; flex-direction: column; gap: 10px; }
.gc-certs .gc-cert-badge { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border: 1.5px solid var(--gc-ink); border-radius: 50px; font-size: 14px; font-weight: 600; letter-spacing: .5px; color: var(--gc-ink); width: fit-content; direction: ltr; }
.gc-certs .gc-cert-logo { height: 56px; width: auto; max-width: 120px; object-fit: contain; }
.gc-certs .gc-cert-title { font-size: 17px; font-weight: 600; color: var(--gc-ink); margin: 4px 0 0; line-height: 1.4; }
.gc-certs .gc-cert-text { font-size: 14px; line-height: 1.6; color: var(--gc-ink-2); margin: 0; }
.gc-certs .gc-certs-note { font-size: 12.5px; color: var(--gc-hint); text-align: center; margin: 22px 0 0; }
@media (max-width: 767px) {
  .gc-certs { padding: 36px 16px; border-radius: var(--gc-r-card); }
  .gc-certs .gc-certs-head { font-size: 23px; }
  .gc-certs .gc-certs-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .gc-certs .gc-cert { padding: 16px 14px; }
  .gc-certs .gc-cert-title { font-size: 15px; }
  .gc-certs .gc-cert-text { font-size: 13px; }
  .gc-certs .gc-cert-badge { font-size: 12.5px; height: 30px; padding: 0 10px; }
}

/* 11.18 · GetComfy 06.11.2026 · the payment page (order-pay, before the money goes through) does not show the order number.
   Eyal: anyone could start two orders a week apart, skip paying, and read from the running numbers how many orders came in between.
   The number itself does not change, and it shows as usual after payment (thank-you page, emails) and to the team.
   Date, total and payment method stay. The number still sits in the page address (/order-pay/39197/), which this cannot hide */
body.woocommerce-order-pay ul.order_details li.order { display: none !important; }
/* v36 (06.11, Eyal: "התאריך והסכום קצת מרוחים למעלה, אפשר לשים במרכז התיבה הלבנה"): the bar had no space above it and 62px under it. Now 20 and 20 */
body.woocommerce-order-pay ul.order_details { margin: 20px 0 0 !important; }

/* 11.19 · GetComfy 06.11.2026 · the checkout offer (FunnelKit order bump, "עמוד התשלום: גלגלי סיליקון"): quiet, in the site’s own look.
   Eyal: "אני רוצה נקי ושקט... העיקר שיראו כמו שצריך שזה ב-99 ₪ במקום 149 ₪". Texts, colours and sizes sit in the bump’s own
   design settings (FunnelKit › Order Bumps). Here only what the settings cannot do: the price line, the tick box, and the ticked state (a dark frame; no "נוסף להזמנה" text, Eyal 06.11: the order summary already shows it) */
#wfob_wrap .wfob_wrapper .wfob_bump { transition: border-color .15s ease, background-color .15s ease; }
#wfob_wrap .wfob_wrapper .wfob_bump .wfob_price_container del { color: var(--gc-muted); font-weight: 400; }
#wfob_wrap .wfob_wrapper .wfob_bump .wfob_price_container ins { text-decoration: none; color: var(--gc-ink); font-weight: 700; }
#wfob_wrap .wfob_wrapper .wfob_bump:has(.wfob_checkbox:checked) .wfob_Box { border: 2px solid var(--gc-ink) !important; background: #F6F6F4 !important; }
#wfob_wrap .wfob_wrapper .wfob_bump:has(.wfob_checkbox:checked) .wfob_title_wrap { background: transparent !important; }
/* the tick box like the privacy one under it (6.15, the browser’s own checkbox, 13px), Eyal: "שיהיה זהה לריבוע מדיניות". FunnelKit draws its own 18px box with a 2px border. Ticked in ink, not the browser’s blue (Eyal: "הסימון הכחול קצת מוזר"), the privacy box too */
#wfob_wrap .wfob_wrapper .wfob_checkbox_input_wrap .wfob_checkbox { -webkit-appearance: checkbox !important; appearance: auto !important; width: auto !important; height: auto !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; margin: 2px 0 0 !important; accent-color: var(--gc-ink) !important; }
#wfob_wrap .wfob_wrapper input[type=checkbox].wfob_checkbox:checked::before { content: none !important; display: none !important; } /* FunnelKit’s own blue icon tick, drawn over the box (Eyal: "עדיין מוזר") */
/* v38 (06.11, Eyal: "במובייל... להקטין את התמונה שה-99 וה-149 יהיו באותה שורה... הכל מצטמצם ועולה למעלה", and "גם בדסקטופ אפשר מעט להקטין את התמונה"):
   FunnelKit ignores the picture width in the settings and shows it at ~170px, stacks the two prices on a phone, and keeps 26px of
   empty padding beside the title. Measured on the live checkout: the box went from 181 to 153px high on a computer, 225 to 148 on a phone */
body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_pro_image_wrap,
body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_pro_img_wrap { width: 80px !important; max-width: 80px !important; flex: 0 0 80px !important; }
body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_text_inner { padding-top: 4px !important; margin-top: 0 !important; }
body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_exclusive_content,
body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_exclusive_content span { padding: 0 !important; margin-right: 0 !important; }
body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_exclusive_content { margin-top: 6px !important; }
@media (max-width: 767px) {
	body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_1 .wfob_price_container .wfob_price del,
	body #wfob_wrap .wfob_wrapper .wfob_bump.bump_skin_type_1 .wfob_price_container .wfob_price ins { display: inline !important; }
	body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_price_container .wfob_price { white-space: nowrap; }
	body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_price_container .wfob_price del { margin-left: 6px !important; }
	body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_price_container .wfob_price del * { font-size: 13px !important; }
	body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_price_container .wfob_price ins * { font-size: 17px !important; }
	body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_title { font-size: 16px !important; }
	body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_title_wrap .wfob_label_wrap { padding-left: 0 !important; }
	body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_bump_title_start { padding-left: 4px !important; }
	body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_pro_image_wrap,
	body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_pro_img_wrap { width: 56px !important; max-width: 56px !important; flex: 0 0 56px !important; }
	body #wfob_wrap .wfob_wrapper .wfob_bump .wfob_exclusive_content span { white-space: nowrap; }
}

/* =====================================================================
   v40 (08.11, התפריט בטלפון, ליטוש בלבד): אייל: "אני רק רוצה ללטש את התפריט מובייל",
   "שישאר נקי ואלגנטי, בלי תמונות", "עושים לוגו, זה בסדר" (עמוד הבית דרך הלוגו).
   אותם פריטים, אותו סדר ואותם קישורים (החלטת SEO). "עמוד הבית" נשאר ב-HTML ומוסתר.
   הלוגו, החיפוש ושורת האמון נוספו באלמנטור (fix-0811-mobile-menu.php). מכאן רק מראה.
   חיפוש אחד בטלפון, בתפריט, קטן ונקי (36px). סמל החיפוש בכותרת מוסתר בטאבלט ובטלפון.
   בלי לוגו בתפריט: החיפוש הכי למעלה, וה-✕ משמאלו. הכפתורים בתחתית דקים (38px, 14px, משקל רגיל).
   ===================================================================== */
@media (max-width: 1024px) {
#off-canvas-4d04c2d .e-off-canvas__content > .e-con.elementor-element-35f5f2a {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto minmax(0, 1fr) auto auto;
	column-gap: 10px;
	padding: 0 18px 16px !important;
	background: #fff;
}
#off-canvas-4d04c2d .elementor-element-gcm0l01 img { width: 132px !important; height: auto; display: block; }
#off-canvas-4d04c2d .elementor-element-gcm0l01 .elementor-widget-container { text-align: right; }
#off-canvas-4d04c2d .elementor-element-7e37f55 { position: absolute !important; top: 14px !important; left: 14px !important; right: auto !important; z-index: 3; }
#off-canvas-4d04c2d .elementor-element-7e37f55 .elementor-icon { width: 36px; height: 36px; border-radius: 50%; background: #f6f6f7; display: grid !important; place-items: center; }
#off-canvas-4d04c2d .elementor-element-7e37f55 .elementor-icon svg { width: 15px !important; height: 15px !important; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 { grid-column: 1 / -1; grid-row: 1; margin: 14px 0 0; margin-inline-end: 46px; } /* the ✕ sits to its left */
#off-canvas-4d04c2d .elementor-element-370a3cc, #off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container { margin-top: 0 !important; padding-top: 0 !important; }
#off-canvas-4d04c2d .elementor-element-370a3cc .e-n-menu-wrapper, #off-canvas-4d04c2d .elementor-element-370a3cc .e-n-menu-heading { margin-top: 0 !important; padding-top: 0 !important; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 input[type="search"] { height: 36px; min-height: 36px; border-radius: 18px !important; background: #f6f6f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E") no-repeat right 12px center / 15px !important; border: 0 !important; font-size: 14px !important; padding-inline: 34px 12px !important; color: #1d1d1f; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 input[type="search"]::placeholder { color: #8e8e93; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .elementor-widget-container, #off-canvas-4d04c2d .elementor-element-gcm0s01 form { margin: 0 !important; padding: 0 !important; }
#off-canvas-4d04c2d .elementor-element-370a3cc { grid-column: 1 / -1; grid-row: 2; }
#off-canvas-4d04c2d .elementor-element-gcm0t01 { grid-column: 1 / -1; grid-row: 3; margin: 10px 0 12px; }
#off-canvas-4d04c2d .elementor-element-b45bd1b { grid-column: 1; grid-row: 4; margin: 0 !important; }
#off-canvas-4d04c2d .elementor-element-89aee54 { grid-column: 2; grid-row: 4; margin: 0 !important; }

/* the list: thin grey lines, 48px rows, one weight */
.elementor-17 #off-canvas-4d04c2d .elementor-element.elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li { border-bottom: 1px solid #ececec !important; flex-wrap: wrap; }
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li:first-child { display: none !important; } /* "עמוד הבית": the logo leads home */
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li > .e-n-menu-title { min-height: 48px; padding: 0 !important; width: 100%; display: flex; align-items: center; }
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li > .e-n-menu-title .e-n-menu-title-container { flex: 1; display: flex; align-items: center; }
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li > .e-n-menu-title .e-n-menu-title-text { font-size: 16px !important; font-weight: 400 !important; color: #1d1d1f !important; }
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li > .e-n-menu-title a.e-n-menu-title-container::after { content: "‹"; margin-inline-start: auto; color: #c4c4c7; font-size: 18px; line-height: 1; }
/* two small headings, text only (not links) */
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li:nth-child(2)::before,
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li:nth-child(9)::before { flex-basis: 100%; font-size: 12px; color: #6e6e73; letter-spacing: .3px; padding: 12px 0 0; }
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li:nth-child(2)::before { content: "כסאות"; }
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li:nth-child(9)::before { content: "שולחנות ואביזרים"; }
/* "מוצרים משלימים": a + that turns to − */
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li > .e-n-menu-title > .e-n-menu-dropdown-icon { width: 26px; height: 26px; border-radius: 50%; background: #f6f6f7 !important; display: grid !important; place-items: center; padding: 0 !important; margin-inline-start: auto; border: 0 !important; }
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li > .e-n-menu-title > .e-n-menu-dropdown-icon svg { display: none !important; }
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li > .e-n-menu-title > .e-n-menu-dropdown-icon::before { content: "+"; font-size: 17px; line-height: 1; color: #6e6e73; }
#off-canvas-4d04c2d .elementor-element-370a3cc > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > li > .e-n-menu-title > .e-n-menu-dropdown-icon[aria-expanded="true"]::before { content: "−"; }
#off-canvas-4d04c2d .elementor-element-370a3cc .e-n-menu-content { width: 100%; }
#off-canvas-4d04c2d .elementor-element-12159b5 { background: #f6f6f7; border-radius: var(--gc-r-field); padding: 2px 12px; margin: 4px 0 8px; }
.elementor-17 #off-canvas-4d04c2d .elementor-element.elementor-element-12159b5 li { border-bottom: 1px solid #e4e4e6 !important; }
.elementor-17 #off-canvas-4d04c2d .elementor-element.elementor-element-12159b5 li:last-child { border-bottom: 0 !important; }
#off-canvas-4d04c2d .elementor-element-12159b5 .e-n-menu-title { min-height: 42px; padding: 0 !important; display: flex; align-items: center; }
#off-canvas-4d04c2d .elementor-element-12159b5 .e-n-menu-title-text { font-size: 14.5px !important; font-weight: 400 !important; color: #1d1d1f !important; }
/* WhatsApp and call: one row, slim */
#off-canvas-4d04c2d .elementor-element-b45bd1b .elementor-icon-list-item,
#off-canvas-4d04c2d .elementor-element-89aee54 .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; }
#off-canvas-4d04c2d .elementor-element-b45bd1b .elementor-icon-list-item > a,
#off-canvas-4d04c2d .elementor-element-89aee54 .elementor-icon-list-item > a { height: 38px; border-radius: var(--gc-r-pill); display: flex !important; align-items: center; justify-content: center; gap: 7px; width: 100%; }
#off-canvas-4d04c2d .elementor-element-b45bd1b .elementor-icon-list-text,
#off-canvas-4d04c2d .elementor-element-89aee54 .elementor-icon-list-text { font-weight: 400 !important; font-size: 14px !important; }
#off-canvas-4d04c2d .elementor-element-b45bd1b .elementor-icon-list-icon svg, #off-canvas-4d04c2d .elementor-element-b45bd1b .elementor-icon-list-icon img,
#off-canvas-4d04c2d .elementor-element-89aee54 .elementor-icon-list-icon svg, #off-canvas-4d04c2d .elementor-element-89aee54 .elementor-icon-list-icon img { width: 15px !important; height: 15px !important; }
#off-canvas-4d04c2d .elementor-element-b45bd1b .elementor-widget-container,
#off-canvas-4d04c2d .elementor-element-89aee54 .elementor-widget-container { background: none !important; padding: 0 !important; border-radius: 0 !important; border: 0 !important; }
#off-canvas-4d04c2d .elementor-element-b45bd1b .elementor-icon-list-item > a { background: #25D366; }
#off-canvas-4d04c2d .elementor-element-89aee54 .elementor-icon-list-item > a { background: #fff; border: 1px solid #1d1d1f; }
#off-canvas-4d04c2d .elementor-element-89aee54 .elementor-icon-list-text { color: #1d1d1f !important; }
#off-canvas-4d04c2d .elementor-element-89aee54 .elementor-icon-list-icon svg, #off-canvas-4d04c2d .elementor-element-89aee54 .elementor-icon-list-icon img { filter: invert(1); }
}

/* v40, short live results in the phone menu (Eyal, 08.11: "תוצאות מקוצרות"): 4 rows, 40px picture, the name in one line, the price only */
@media (max-width: 1024px) {
#off-canvas-4d04c2d .elementor-element-gcm0j01 { display: none !important; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .e-search-results-container { margin-top: 6px; border: 0 !important; box-shadow: none !important; background: none !important; padding: 0 !important; max-height: none !important; }
/* the frame only when there is something in it: an empty results box drew a thin empty frame under the search (Eyal, 08.11: "מה זה הפס הקטן שנוצר מתחת לחיפוש?") */
#off-canvas-4d04c2d .elementor-element-gcm0s01 .e-search-results-container:has(.e-loop-item, [class*="nothing-found"]) { border: 1px solid #ececec !important; border-radius: var(--gc-r-card) !important; box-shadow: 0 10px 24px rgba(0,0,0,.08) !important; background: #fff !important; padding: 4px 10px !important; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .e-search-results-container:not(:has(.e-loop-item, [class*="nothing-found"])) { display: none !important; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .e-search-results-list { display: block !important; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .e-search-results { border: 0 !important; padding: 0 !important; box-shadow: none !important; background: none !important; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .gc-sr-row { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; padding: 8px 0 !important; border-bottom: 1px solid #f0f0f0; min-height: 0 !important; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .e-loop-item:last-child .gc-sr-row { border-bottom: 0; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .gc-sr-img { flex: none !important; width: 40px !important; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .gc-sr-img img { width: 40px !important; height: 40px !important; object-fit: contain; border-radius: var(--gc-r-img); background: #f6f6f7; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .gc-sr-name { flex: 1 1 auto !important; min-width: 0; width: auto !important; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .gc-sr-name .elementor-heading-title { font-size: 13px !important; line-height: 1.35 !important; font-weight: 400 !important; white-space: normal; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.7em; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .gc-sr-price { flex: none !important; width: auto !important; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .gc-sr-price .price { font-size: 13px !important; margin: 0 !important; white-space: nowrap; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .gc-sr-price del, #off-canvas-4d04c2d .elementor-element-gcm0s01 .gc-sr-price .discount-percent { display: none !important; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .gc-sr-price ins { text-decoration: none; font-weight: 700; }
#off-canvas-4d04c2d .elementor-element-gcm0s01 .gc-sr-all { display: block; text-align: center; padding: 10px 0 8px; border-top: 1px solid #f0f0f0; font-size: 14px; font-weight: 700; color: #1d1d1f; }
}

/* v40, the Midrag badge on the phone (Eyal, 08.11: "אפשר להקטין קצת את התו של מידרג במובייל?"): 70% of its size, anchored to its corner.
   The badge now sits at left:10px (11.8 looked for left:-3px, so it stopped hiding over the open menu and the side cart). Found by its picture: the only fixed div whose direct child is the 692×898 SVG */
@media (max-width: 767px) {
	body > div[style*="2147483647"]:has(> svg[width="692"]) { transform: scale(.7); transform-origin: left bottom; }
}
body:has(.e-off-canvas[aria-hidden="false"]) > div[style*="2147483647"]:has(> svg[width="692"]),
html.fkcart-trigger-open body > div[style*="2147483647"]:has(> svg[width="692"]) { visibility: hidden !important; }

/* =====================================================================
   v41 (08.11, ביקורות גוגל, Business Reviews Bundle): אייל: "במובייל הביקורות גוגל לא יפה ותופס יותר מידי שטח", "קדימה, תבצע הכל".
   אותו תוסף ואותם נתונים (כל הביקורות, 5 כוכבים, 10 אחרונות). משתנה רק המראה:
   כרטיס הדירוג הגדול הופך לשורה אחת, והביקורות לכרטיסים קטנים שגוללים הצידה (בטלפון כרטיס ועוד קצת מהבא).
   הזמן בעברית: הסניפט "אתר: זמן בעברית בביקורות גוגל". המחקר: website-audit/ביקורות-גוגל/01-מחקר-תוסף.md
   ===================================================================== */
.rpi { --gc-rv-ink: var(--gc-ink); --gc-rv-sub: var(--gc-muted); --gc-rv-line: var(--gc-line-soft); font-family: var(--gc-font, ploni), Arial, sans-serif !important;
	--img-size: 34px !important; --star-size: 15px !important; --rpi-star-size: 15px !important; --text-lines: 4 !important; --text-fs: 14px !important;
	--text-line-height: 1.5em !important; --card-padding: 14px 16px !important; --radius: var(--gc-r-card) !important; --logo-size: 14px !important; --head-logo-size: 18px !important; }
/* the rating line above the cards, on the desktop too (the plugin put it beside them) */
.rpi .rpi-cnt.rpi-slider { display: flex !important; flex-direction: column !important; }
.rpi .rpi-cnt.rpi-slider > .rpi-header { width: 100% !important; max-width: 100% !important; flex: none !important; }

/* the rating card becomes one line: stars, 5.0, how many, and a link */
.rpi .rpi-header { padding: 0 !important; margin: 0 0 14px !important; }
.rpi .rpi-header .rpi-card, .rpi .rpi-header .rpi-card-inner { background: none !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; min-height: 0 !important; }
.rpi .rpi-header .rpi-card-inner { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 14px; }
.rpi .rpi-header .rpi-img-wrap, .rpi .rpi-header .rpi-scale, .rpi .rpi-header .rpi-name, .rpi .rpi-header .rpi-logos { display: none !important; }
.rpi .rpi-header .rpi-flex { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; }
.rpi .rpi-header .rpi-info { display: flex !important; flex-direction: row !important; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; }
.rpi .rpi-header .rpi-stars { font-size: 15px !important; font-weight: 500; color: var(--gc-rv-ink) !important; margin: 0 !important; --star-size: 16px; --rpi-star-size: 16px; }
.rpi .rpi-header .rpi-based { font-size: 14px !important; color: var(--gc-rv-sub) !important; margin: 0 !important; }
.rpi .rpi-header .rpi-slider-btn, .rpi .rpi-header .rpi-review_us { margin: 0 !important; padding: 0 !important; }
.rpi .rpi-header .rpi-review_us, .rpi .rpi-header .rpi-slider-btn { background: none !important; box-shadow: none !important; border: 0 !important; }
.rpi .rpi-header .rpi-review_us a { background: none !important; color: var(--gc-rv-ink) !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; box-shadow: none !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--gc-line); }

/* the review cards: small, white, one radius */
.rpi .rpi-content .rpi-card { padding: 0 6px !important; }
.rpi .rpi-content .rpi-card-inner { background: var(--gc-white) !important; border: 1px solid var(--gc-rv-line) !important; border-radius: var(--gc-r-card) !important; box-shadow: none !important; padding: 14px 16px !important; min-height: 0 !important; height: auto !important; }
.rpi .rpi-content .rpi-name { font-size: 14px !important; font-weight: 500 !important; color: var(--gc-rv-ink) !important; }
.rpi .rpi-content .rpi-time { font-size: 13px !important; color: var(--gc-rv-sub) !important; }
.rpi .rpi-content .rpi-stars { margin: 6px 0 4px !important; }
.rpi .rpi-content .rpi-text { color: var(--gc-ink-2) !important; overflow: hidden !important; }
.rpi .rpi-content .rpi-reply { display: none !important; }

/* the arrows: small and quiet on the desktop, gone on the phone (swipe) */
.rpi .rpi-ltgt { width: 34px !important; height: 34px !important; box-shadow: none !important; border: 1px solid var(--gc-rv-line) !important; background-color: var(--gc-white) !important; }

@media (max-width: 767px) {
	.rpi .rpi-ltgt { display: none !important; }
	.rpi .rpi-content .rpi-cards { scroll-snap-type: x mandatory; scroll-padding-inline: 16px; }
	.rpi .rpi-content .rpi-card { flex: 0 0 82% !important; width: 82% !important; max-width: 82% !important; scroll-snap-align: start; }
	.rpi .rpi-content .rpi-card-inner { padding: 12px 14px !important; }
	.rpi { --text-lines: 3 !important; --text-fs: 13px !important; --star-size: 13px !important; --rpi-star-size: 13px !important; --img-size: 30px !important; }
	.rpi .rpi-header .rpi-card-inner { gap: 4px 12px; }
	.rpi .rpi-header .rpi-stars { font-size: 14px !important; }
	.rpi .rpi-header .rpi-based, .rpi .rpi-header .rpi-review_us a { font-size: 13px !important; }
	.rpi .rpi-dots, .rpi [class*="pagin"] { display: none !important; }
}

/* fine tuning after the first look */
.rpi .rpi-header .rpi-cards, .rpi .rpi-header .rpi-card { width: 100% !important; max-width: 100% !important; display: flex !important; justify-content: center !important; }
.rpi .rpi-header .rpi-card-inner { width: auto !important; max-width: 100% !important; flex-wrap: nowrap !important; }
.rpi .rpi-header .rpi-info, .rpi .rpi-header .rpi-based { white-space: nowrap !important; }
.rpi .rpi-content .rpi-cards { height: auto !important; }
.rpi .rpi-content .rpi-cards { align-items: stretch !important; }
.rpi .rpi-content .rpi-card { margin-top: 0 !important; transform: none !important; }
.rpi .rpi-content .rpi-text { --text-lines: 4; max-height: calc(4 * 1.5em) !important; line-height: 1.5em !important; font-size: 14px !important; }
.rpi .rpi-content_row, .rpi .rpi-content { margin-top: 0 !important; padding-top: 0 !important; }
@media (max-width: 767px) {
	.rpi .rpi-header { margin-bottom: 10px !important; }
	.rpi .rpi-header .rpi-card-inner { flex-wrap: wrap !important; justify-content: center; }
	.rpi .rpi-content .rpi-text { --text-lines: 3; max-height: calc(3 * 1.5em) !important; font-size: 13px !important; }
	.rpi .rpi-content .rpi-flex { gap: 10px !important; }
	.rpi .rpi-content .rpi-name { font-size: 14px !important; }
}
.rpi .rpi-header .rpi-slider-btn { margin-inline-start: 14px !important; }
/* the rating in one line, side by side (Eyal, 08.11: "לא אוהב שזה בגובה, טקסט ואז טקסט. רוחבי"): ★★★★★ 5.0 · 363 ביקורות בגוגל · לקריאת כל הביקורות */
.rpi .rpi-header .rpi-card-inner, .rpi .rpi-header .rpi-flex, .rpi .rpi-header .rpi-info { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; gap: 10px !important; }
.rpi .rpi-header .rpi-info > * { width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; }
.rpi .rpi-header .rpi-based::before { content: "·"; color: var(--gc-line); margin-inline-end: 10px; }
.rpi .rpi-header .rpi-slider-btn::before { content: "·"; color: var(--gc-line); margin-inline-end: 10px; }
.rpi .rpi-header .rpi-slider-btn { display: flex !important; align-items: center; margin-inline-start: 0 !important; }
@media (max-width: 767px) {
	.rpi .rpi-header .rpi-card-inner { flex-wrap: wrap !important; justify-content: center !important; row-gap: 4px !important; }
	.rpi .rpi-header .rpi-slider-btn::before { content: none; }
}
.rpi .rpi-header .rpi-slider-btn { flex-direction: row !important; align-self: center !important; padding: 0 !important; }
.rpi .rpi-header .rpi-review_us, .rpi .rpi-header .rpi-review_us a { margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; display: inline-flex !important; align-items: center !important; min-height: 0 !important; height: auto !important; }
.rpi .rpi-header .rpi-card-inner { width: max-content !important; height: auto !important; min-height: 0 !important; align-items: center !important; }
.rpi .rpi-header .rpi-slider-btn { align-items: center !important; height: auto !important; min-height: 0 !important; }
@media (max-width: 767px) { .rpi .rpi-header .rpi-card-inner { width: 100% !important; } }
.rpi .rpi-header .rpi-slider-btn { flex-wrap: nowrap !important; }
.rpi .rpi-header .rpi-slider-btn::before, .rpi .rpi-header .rpi-based::before { display: inline-block !important; width: auto !important; height: auto !important; }
/* (08.11: a version with the rating at the right and no link was tried; Eyal chose the centred line with the link: "באמצע כמו שעשית, עדין ויפה, כולל הכפתור") */
/* one card height (Eyal, 08.11: "גובה אחד של כרטיס, וביקורת ארוכה תקבל 3 נקודות"): 4 lines on the desktop, 3 on the phone, then "…" */
.rpi .rpi-content .rpi-text { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 4 !important; overflow: hidden !important; text-overflow: ellipsis; white-space: normal !important;
	max-height: none !important; height: calc(4 * 1.5em) !important; }
.rpi .rpi-content .rpi-card-inner { height: 100% !important; display: flex !important; flex-direction: column !important; }
.rpi .rpi-content .rpi-cards { align-items: stretch !important; }
@media (max-width: 767px) {
	.rpi .rpi-content .rpi-text { -webkit-line-clamp: 3 !important; height: calc(3 * 1.5em) !important; }
}
/* the text box has one height, so every card does: no stretching needed (it cut the bottom border), and the name stays at the right */
.rpi .rpi-content .rpi-card-inner { height: auto !important; display: block !important; }
.rpi .rpi-content .rpi-flex { width: 100% !important; justify-content: flex-start !important; }
/* =====================================================================
   v42 (08.11, ביקורות גוגל, שלוש שורות והמרווחים): אייל: "הכרטיס האמצעי לא באותו גובה", "3 שורות מקסימום",
   ואחרי ניסיון עם "קרא עוד": "לא רוצה את קרא עוד, סתם טקסט מיותר ובולט מדי", "הכוכבים צריכים להתקרב יותר לכרטיסים",
   "לסדר את כל ההיררכיה בין המרווחים: הכותרת, הכוכבים והכרטיסים, ואז סטריפ הלוגואים".
   שלוש שורות בכל מסך ו"…" בסוף, בלי כפתור. לחיצה על טקסט שנחתך פותחת אותו בשקט (הסניפט "אתר: קרא עוד בביקורות גוגל").
   הפער בגובה הגיע מתגובת בעלים מוסתרת בחלק מהביקורות: גוף הכרטיס עובר לבלוק רגיל עם מרווחים קבועים.
   המרווחים, בסולם של האתר: כותרת ← 15 ← שורת הדירוג ← 15 ← הכרטיסים ← 15 ← הנקודות ← 60 ← הכותרת של הסטריפ (בטלפון 15, 15, בלי נקודות, 40).
   ===================================================================== */
.rpi .rpi-content .rpi-body { display: block !important; margin: 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important; }
.rpi .rpi-content .rpi-stars { display: block !important; margin: 8px 0 4px !important; }
.rpi .rpi-content .rpi-text { -webkit-line-clamp: 3 !important; height: calc(3 * 1.5em) !important; margin: 0 !important; padding: 0 !important; }
.rpi .rpi-content .rpi-text.gc-rv-cut { cursor: pointer; }
.rpi .rpi-content .gc-rv-open .rpi-text { display: block !important; -webkit-line-clamp: unset !important; height: auto !important; max-height: none !important; overflow: visible !important; }
/* the spacing inside the widget: the plugin’s 8px room for shadows goes (the cards have a border, not a shadow) */
.rpi .rpi-cnt { padding-bottom: 0 !important; }
.rpi .rpi-header .rpi-card-inner { margin: 0 !important; }
.rpi .rpi-header { margin-bottom: 11px !important; } /* 11 + the plugin’s 4 = 15 between the rating line and the cards */
.rpi .rpi-content .rpi-card-inner { margin-top: 0 !important; margin-bottom: 0 !important; }
.rpi .rpi-dots-wrap { padding-top: 15px !important; }
/* the home page: the title group, then the next section (the company strip) */
.elementor-element-562896e { --gap: 15px !important; row-gap: 15px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.elementor-element-ad94468 { padding-bottom: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; }
.rpi .rpi-cnt { padding-bottom: 23px !important; } /* the dots sit in the flow, 14px under the cards */
.elementor-element-44fd3f3 { padding-top: 9px !important; } /* 60 from the dots to the strip title, the site’s section step */
@media (max-width: 767px) {
	.elementor-element-562896e { --gap: 15px !important; row-gap: 15px !important; }
	.rpi .rpi-header { margin-bottom: 11px !important; }
	.rpi .rpi-dots-wrap { display: none !important; }
	.rpi .rpi-cnt { padding-bottom: 0 !important; }
	.elementor-element-44fd3f3 { padding-top: 26px !important; } /* 40 on the phone */
}
/* =====================================================================
   v43 (08.11, עמוד חוות הדעת): אייל: "בוא נעצב את עמוד הביקורות שלנו, ביקורות במידרג וביקורות בגוגל", "יאללה תבנה ואני אתן פידבק,
   אם לא אוהב נחזור חזרה", "שים לב לעיצוב הקיים של מידרג ותשמור עליו". ההדמיה: website-audit/עמוד-ביקורות/הדמיה-עמוד-ביקורות.html
   שני כרטיסי דירוג שהם גם הלשוניות. מידרג נפתח ראשון, והחלון שלהם כמו שהוא (השורטקוד של התוסף שלהם, בלי שינוי).
   גוגל: אותו אוסף ביקורות של עמוד הבית (25426), כאן כרשת. "/חוות-דעת/#google" פותח ישר את גוגל. הבנייה: fix-0811-reviews-page.php
   ===================================================================== */
.gc-rvp-hero { text-align: center; padding: 18px 0 0; }
.gc-rvp-hero .gc-rvp-title { font-family: var(--gc-font, ploni), Arial, sans-serif; font-size: var(--gc-h1); font-weight: 500; line-height: 1.2; color: var(--gc-ink); margin: 0; }
.gc-rvp-hero .gc-rvp-sub { font-size: var(--gc-body); color: var(--gc-ink-2); margin: 10px 0 0; }
.gc-rvp-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; max-width: 640px; margin: 20px auto 0; }
.gc-rvp-tabs .gc-rvp-tab, .gc-rvp-tabs .gc-rvp-tab:hover, .gc-rvp-tabs .gc-rvp-tab:focus { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 15px; padding: 15px 20px; border: 1px solid var(--gc-line-soft); border-radius: var(--gc-r-card); background: var(--gc-white); cursor: pointer; text-align: start;
	font-family: var(--gc-font, ploni), Arial, sans-serif; color: var(--gc-ink); transition: border-color .15s, box-shadow .15s; }
.gc-rvp-tabs .gc-rvp-tab:hover { border-color: var(--gc-line); }
.gc-rvp-tabs .gc-rvp-tab:focus-visible { outline: 2px solid var(--gc-ink); outline-offset: 2px; }
.gc-rvp-tabs .gc-rvp-tab.is-on { border-color: var(--gc-ink); box-shadow: inset 0 0 0 .5px var(--gc-ink); } /* the chosen one: 1.5px ink, like the chosen colour on a product page (no shadow, no jump) */
.gc-rvp-tab .gc-rvp-lg { width: 44px; height: 44px; border-radius: var(--gc-r-field); display: grid; place-items: center; flex: none; }
.gc-rvp-tab .gc-rvp-lg-m { background: #c2185b; color: var(--gc-white); font-weight: 500; font-size: 13px; }
.gc-rvp-tab .gc-rvp-lg-g { background: var(--gc-bg-2); }
.gc-rvp-tab .gc-rvp-lg-g svg { width: 24px; height: 24px; }
.gc-rvp-tab .gc-rvp-tx { display: block; }
.gc-rvp-tab .gc-rvp-sc { display: flex; align-items: baseline; gap: 10px; font-size: var(--gc-h2); font-weight: 500; line-height: 1; }
.gc-rvp-tab .gc-rvp-sc small { font-size: var(--gc-small); font-weight: 400; color: var(--gc-muted); }
.gc-rvp-tab .gc-rvp-stars { color: #f5a623 !important; letter-spacing: 1px; }
.gc-rvp-tab .gc-rvp-nm { display: block; font-size: var(--gc-small); color: var(--gc-ink-2); margin-top: 5px; }
.gc-rvp-tab .gc-rvp-nm b { font-weight: 500; }
.gc-rvp-tab .gc-rvp-nm b { color: var(--gc-ink); }
.gc-rvp-panel { margin-top: 30px; }
.gc-rvp-panel.gc-rvp-off { display: none !important; }
/* Google, as a grid: the same collection as the home page, without its rating line (the tab shows it) */
.gc-rvp-google .rpi .rpi-header, .gc-rvp-google .rpi .rpi-ltgt, .gc-rvp-google .rpi .rpi-dots-wrap { display: none !important; }
.gc-rvp-google .rpi .rpi-cnt { padding: 0 !important; visibility: visible !important; } /* the plugin hides the slider until it has measured it, and a closed tab has no size */
.gc-rvp-google .rpi .rpi-cnt * { visibility: inherit; }
.gc-rvp-google .rpi .rpi-content .rpi-cards { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; overflow: visible !important; transform: none !important; width: 100% !important; height: auto !important; scroll-snap-type: none !important; padding: 0 !important; margin: 0 !important; }
.gc-rvp-google .rpi .rpi-content .rpi-cards { -webkit-mask: none !important; mask: none !important; } /* the slider’s "bite" for the arrows cut the cards’ corners */
.gc-rvp-google .rpi .rpi-content .rpi-card-inner { margin: 0 !important; }
.gc-rvp-google .rpi .rpi-content .rpi-card { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important; transform: none !important; position: static !important; display: block !important; }
.gc-rvp-google:not(.gc-rvp-all) .rpi .rpi-content .rpi-cards > .rpi-card:nth-child(n+7) { display: none !important; } /* 6 first, the rest after "עוד ביקורות" */
/* the photo beside the name, like the home page (in a closed tab the plugin picks its narrowest layout, photo above name) */
.gc-rvp-google .rpi .rpi-content .rpi-flex { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; text-align: start !important; }
.gc-rvp-google .rpi .rpi-content .rpi-img-wrap, .gc-rvp-google .rpi .rpi-content .rpi-img { width: 34px !important; height: 34px !important; min-width: 34px !important; margin: 0 !important; }
.gc-rvp-google .rpi .rpi-content .rpi-info { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin: 0 !important; padding: 0 !important; text-align: start !important; }
.gc-rvp-google .rpi .rpi-content .rpi-body, .gc-rvp-google .rpi .rpi-content .rpi-text { text-align: start !important; }
.gc-rvp-actions { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; margin: 30px 0 0; }
.gc-rvp-actions .gc-rvp-more, .gc-rvp-actions .gc-rvp-more:focus { all: unset; box-sizing: border-box; height: var(--gc-btn-h); padding: var(--gc-btn-pad); border: var(--gc-btn-border) solid var(--gc-ink); border-radius: var(--gc-r-pill); display: inline-flex; align-items: center; cursor: pointer;
	font-family: var(--gc-font, ploni), Arial, sans-serif; font-weight: 400; font-size: var(--gc-btn-text); color: var(--gc-ink); background: transparent; transition: background-color .15s, color .15s; }
.gc-rvp-actions .gc-rvp-more:hover { all: unset; box-sizing: border-box; height: var(--gc-btn-h); padding: var(--gc-btn-pad); border: var(--gc-btn-border) solid var(--gc-ink); border-radius: var(--gc-r-pill); display: inline-flex; align-items: center; cursor: pointer;
	font-family: var(--gc-font, ploni), Arial, sans-serif; font-weight: 400; font-size: var(--gc-btn-text); background: var(--gc-ink); color: var(--gc-white); } /* the site’s secondary button */
.gc-rvp-actions .gc-rvp-more:focus-visible { outline: 2px solid var(--gc-ink); outline-offset: 2px; }
.gc-rvp-actions a.gc-rvp-write { font-size: var(--gc-btn-text); color: var(--gc-ink) !important; text-decoration: none; } /* the site’s quiet button: text, underline on hover */
.gc-rvp-actions a.gc-rvp-write:hover { text-decoration: underline; text-underline-offset: 3px; }
/* the way back to buying, at the bottom */
.gc-rvp-cta { margin: 60px 0 0; background: var(--gc-bg-2); border-radius: var(--gc-r-card); padding: 40px 20px; text-align: center; }
.gc-rvp-cta .gc-rvp-cta-t { font-family: var(--gc-font, ploni), Arial, sans-serif; font-size: var(--gc-h2); font-weight: 500; color: var(--gc-ink); margin: 0; }
.gc-rvp-cta .gc-rvp-cta-s { font-size: var(--gc-body); color: var(--gc-ink-2); margin: 10px 0 20px; }
.gc-rvp-cta .gc-rvp-btns { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.gc-rvp-cta .gc-rvp-btns a { box-sizing: border-box; height: var(--gc-btn-h); padding: var(--gc-btn-pad); border-radius: var(--gc-r-pill); border: var(--gc-btn-border) solid transparent; display: inline-flex; align-items: center; font-weight: 400; font-size: var(--gc-btn-text); color: var(--gc-white) !important; text-decoration: none !important; transition: background-color .15s, border-color .15s; }
.gc-rvp-cta .gc-rvp-b1 { background: var(--gc-red); border-color: var(--gc-red) !important; }
.gc-rvp-cta .gc-rvp-b1:hover { background: var(--gc-red-dark); border-color: var(--gc-red-dark) !important; }
.gc-rvp-cta .gc-rvp-b2 { background: #25D366; border-color: #25D366 !important; }
@media (max-width: 767px) {
	.gc-rvp-hero { padding-top: 10px; }
	.gc-rvp-tabs { gap: 10px; margin-top: 15px; }
	.gc-rvp-tabs .gc-rvp-tab, .gc-rvp-tabs .gc-rvp-tab:hover, .gc-rvp-tabs .gc-rvp-tab:focus { padding: 10px; gap: 10px; }
	.gc-rvp-tab .gc-rvp-lg { width: 32px; height: 32px; border-radius: var(--gc-r-img); }
	.gc-rvp-tab .gc-rvp-lg-m { font-size: 10px; }
	.gc-rvp-tab .gc-rvp-lg-g svg { width: 18px; height: 18px; }
	.gc-rvp-tab .gc-rvp-sc { font-size: var(--gc-h3); gap: 5px; }
	.gc-rvp-tab .gc-rvp-sc small { font-size: var(--gc-meta); }
	.gc-rvp-tab .gc-rvp-nm { font-size: var(--gc-meta); }
	.gc-rvp-panel { margin-top: 20px; }
	.gc-rvp-google .rpi .rpi-content .rpi-cards { grid-template-columns: 1fr; gap: 10px; }
	.gc-rvp-actions { margin-top: 20px; }
	.gc-rvp-cta { margin-top: 40px; padding: 30px 15px; }
	.gc-rvp-cta .gc-rvp-btns { flex-direction: column; align-items: center; }
}
/* =====================================================================
   v44 (08.11, שפה אחת): אייל: "אני רוצה שפה זהה, אלמנטים זהים, פינות זהות, כפתורים זהים, היררכיה ברורה באתר.
   תעשה את כל השינוי בסטייגינג ותן לי לעבור על זה". הספר: מערכת-עיצוב/ספר-העיצוב.md (§3, §5).
   כרטיס אחד: לבן, מסגרת 1px רכה, פינה 16, בלי צל (מוצר, קטגוריה, מאמר, שאלה, לשוניות המוצר, תיבות תוכן הדגם).
   שלושה כפתורים: ראשי (אדום), משני (מסגרת דיו), קטן (34, בכרטיס מוצר). כולם גלולה במשקל 400.
   כותרות: עמוד 30/24, סקשן 26/24, כרטיס 20/18, במשקל 500. טקסט בדיו, בלי #333.
   הכל מבחוץ, ב-CSS: אלמנטור והתבניות לא נגעו, ומחיקת הבלוק מחזירה את האתר כמו שהיה.
   ===================================================================== */

/* --- 1. one ink for the text (the theme gave the body #333) --- */
body { color: var(--gc-ink); }

/* --- 2. the card: product cards in every list --- */
body ul.products li.product:not(.product-category) { background: var(--gc-white) !important; border: 1px solid var(--gc-line-soft) !important; border-radius: var(--gc-r-card) !important; overflow: hidden !important; box-shadow: none !important; transition: border-color .15s; }
body ul.products li.product:not(.product-category):hover { border-color: var(--gc-line) !important; box-shadow: none !important; }
body ul.products li.product .woocommerce-loop-product__title { color: var(--gc-ink) !important; font-weight: 400 !important; }
/* add to cart: the small primary button (34). "מידע נוסף" (no stock, options) is secondary: one red action per card */
body ul.products li.product .button { box-sizing: border-box !important; height: var(--gc-btn-h-sm) !important; min-height: var(--gc-btn-h-sm) !important; padding: var(--gc-btn-pad-sm) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: var(--gc-r-pill) !important;
	font-family: var(--gc-font) !important; font-size: var(--gc-small) !important; font-weight: 400 !important; line-height: 1 !important; background: var(--gc-red) !important; color: var(--gc-white) !important; border: var(--gc-btn-border) solid var(--gc-red) !important; box-shadow: none !important; transition: background-color .15s, border-color .15s, color .15s; }
body ul.products li.product .button:hover { background: var(--gc-red-dark) !important; border-color: var(--gc-red-dark) !important; }
body ul.products li.product .button:not(.add_to_cart_button) { background: transparent !important; color: var(--gc-ink) !important; border-color: var(--gc-ink) !important; }
body ul.products li.product .button:not(.add_to_cart_button):hover { background: var(--gc-ink) !important; color: var(--gc-white) !important; }
/* the discount badge on the photo: a pill inside the rounded corner */
.sale-perc { top: 10px !important; right: 10px !important; border-radius: var(--gc-r-pill) !important; padding: 3px 10px !important; font-size: var(--gc-meta) !important; line-height: 1.4 !important; }
@media (max-width: 767px) { .sale-perc { top: 8px !important; right: 8px !important; font-size: 12px !important; padding: 2px 8px !important; } }

/* --- 3. the card: category tiles (no black bar, the name under the photo) --- */
body ul.products li.product-category { background: var(--gc-white) !important; border: 1px solid var(--gc-line-soft) !important; border-radius: var(--gc-r-card) !important; overflow: hidden !important; box-shadow: none !important; transition: border-color .15s; }
body ul.products li.product-category:hover { border-color: var(--gc-line) !important; }
body ul.products li.product-category a img { margin: 0 !important; display: block !important; border-radius: 0 !important; }
body ul.products li.product-category .woocommerce-loop-category__title { background: none !important; color: var(--gc-ink) !important; font-family: var(--gc-font) !important; font-size: var(--gc-lead) !important; font-weight: 500 !important; line-height: 1.3 !important; padding: 15px 10px !important; margin: 0 !important; text-align: center !important; }
body ul.products li.product-category .woocommerce-loop-category__title mark { display: none !important; }

/* --- 4. the card: articles (the loop item on the home page and the blog) --- */
.elementor-18527 .elementor-element.elementor-element-47e44d6 { border: 1px solid var(--gc-line-soft) !important; border-radius: var(--gc-r-card) !important; overflow: hidden !important; box-shadow: none !important; background: var(--gc-white) !important; }
.elementor-18527 .elementor-element-e258754 .elementor-heading-title { font-size: var(--gc-h3) !important; font-weight: 500 !important; color: var(--gc-ink) !important; line-height: 1.3 !important; }

/* --- 5. buttons: every Elementor button outside the header is the site button (primary unless said otherwise) --- */
[data-elementor-type]:not([data-elementor-type="header"]) .elementor-widget-button .elementor-button,
[data-elementor-type="footer"] .elementor-widget-form .elementor-button {
	box-sizing: border-box !important; height: var(--gc-btn-h) !important; min-height: var(--gc-btn-h) !important; padding: var(--gc-btn-pad) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
	border-radius: var(--gc-r-pill) !important; border: var(--gc-btn-border) solid var(--gc-red) !important; background: var(--gc-red) !important; color: var(--gc-white) !important;
	font-family: var(--gc-font) !important; font-size: var(--gc-btn-text) !important; font-weight: 400 !important; line-height: 1 !important; box-shadow: none !important; transition: background-color .15s, border-color .15s, color .15s; }
[data-elementor-type]:not([data-elementor-type="header"]) .elementor-widget-button .elementor-button:hover,
[data-elementor-type="footer"] .elementor-widget-form .elementor-button:hover { background: var(--gc-red-dark) !important; border-color: var(--gc-red-dark) !important; color: var(--gc-white) !important; }
[data-elementor-type]:not([data-elementor-type="header"]) .elementor-widget-button .elementor-button .elementor-button-text { font: inherit !important; color: inherit !important; }
/* secondary: "לכל דגמי כסאות SIHOO" (under the products), and "קרא עוד" on a product page (phone) */
[data-elementor-type]:not([data-elementor-type="header"]) .elementor-element-8d6d485 .elementor-button, [data-elementor-type]:not([data-elementor-type="header"]) .elementor-element-6c31dba .elementor-button { background: transparent !important; color: var(--gc-ink) !important; border-color: var(--gc-ink) !important; }
[data-elementor-type]:not([data-elementor-type="header"]) .elementor-element-8d6d485 .elementor-button:hover, [data-elementor-type]:not([data-elementor-type="header"]) .elementor-element-6c31dba .elementor-button:hover { background: var(--gc-ink) !important; color: var(--gc-white) !important; border-color: var(--gc-ink) !important; }
[data-elementor-type]:not([data-elementor-type="header"]) .elementor-element-6c31dba .elementor-button { height: var(--gc-btn-h-sm) !important; min-height: var(--gc-btn-h-sm) !important; padding: var(--gc-btn-pad-sm) !important; font-size: var(--gc-small) !important; }
/* the old slides on the home page ("4 שנות אחריות מורחבת") */
.elementor-element-7d436c7 .elementor-slide-button { box-sizing: border-box !important; height: var(--gc-btn-h) !important; padding: 0 24px !important; display: inline-flex !important; align-items: center !important; border-radius: var(--gc-r-pill) !important; border: var(--gc-btn-border) solid var(--gc-red) !important; background: var(--gc-red) !important; color: var(--gc-white) !important; font-size: var(--gc-btn-text-buy) !important; font-weight: 400 !important; line-height: 1 !important; }
/* the banner buttons: the site size (the banner text itself stays the declared exception) */
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn { box-sizing: border-box !important; height: var(--gc-btn-h) !important; padding: 0 24px !important; display: inline-flex !important; align-items: center !important; font-size: var(--gc-btn-text-buy) !important; font-weight: 400 !important; line-height: 1 !important; border-width: var(--gc-btn-border) !important; }
.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn-alt { color: var(--gc-ink) !important; border-color: var(--gc-ink) !important; }
@media (max-width: 767px) {
	.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn { padding: 0 16px !important; font-size: var(--gc-small) !important; }
	.elementor-element-7d436c7 .elementor-slide-button { font-size: var(--gc-btn-text) !important; padding: 0 20px !important; }
}

/* --- 6. fields: Elementor forms (the footer sign-up) --- */
.elementor-form .elementor-field-textual { box-sizing: border-box !important; height: var(--gc-field-h) !important; min-height: var(--gc-field-h) !important; border: 1px solid var(--gc-line) !important; border-radius: var(--gc-r-field) !important; padding: 0 15px !important; font-family: var(--gc-font) !important; font-size: 15px !important; color: var(--gc-ink) !important; background: var(--gc-white) !important; box-shadow: none !important; }
.elementor-form .elementor-field-textual:focus { border-color: var(--gc-ink) !important; outline: 0 !important; }
.elementor-form .elementor-field-textual::placeholder { color: var(--gc-hint) !important; }

/* --- 7. product page: the tabs (warranty, shipping, returns) as choice pills, the content as a card --- */
.elementor-element-475b291 .e-n-tabs-heading { gap: 10px !important; }
.elementor-element-475b291 .e-n-tab-title { box-sizing: border-box !important; height: var(--gc-btn-h) !important; min-height: var(--gc-btn-h) !important; flex-shrink: 0 !important; /* on the phone the tabs stack, and the column squeezed them to 25 */ padding: 0 20px !important; border-radius: var(--gc-r-pill) !important; border: 1px solid var(--gc-line-soft) !important; background: var(--gc-white) !important; color: var(--gc-ink) !important; font-family: var(--gc-font) !important; font-size: var(--gc-btn-text) !important; font-weight: 400 !important; box-shadow: none !important; transition: border-color .15s; }
.elementor-element-475b291 .e-n-tab-title:hover { border-color: var(--gc-line) !important; background: var(--gc-white) !important; color: var(--gc-ink) !important; }
.elementor-element-475b291 .e-n-tab-title[aria-selected="true"] { border-color: var(--gc-ink) !important; box-shadow: inset 0 0 0 .5px var(--gc-ink) !important; background: var(--gc-white) !important; color: var(--gc-ink) !important; }
.elementor-element-475b291 .e-n-tab-title * { color: inherit !important; font: inherit !important; }
.elementor-element-475b291 .e-n-tabs-content > .e-con { background: transparent !important; border: 0 !important; padding: 0 !important; margin-top: 15px !important; }
.elementor-element-475b291 .e-n-tabs-content > .e-con > .e-con { background: var(--gc-bg-2) !important; border-radius: var(--gc-r-card) !important; padding: 20px !important; } /* the grey box that was there, rounded: no card inside a card */

/* --- 8. product page: the model content cards (rounded like the rest, the site grey, titles in 500) --- */
.gc-mc { --gc-radius: var(--gc-r-card); }
.gc-mc .gc-card { background: var(--gc-bg-2) !important; border-radius: var(--gc-r-card) !important; overflow: hidden !important; }
.gc-mc h3 { font-weight: 500 !important; color: var(--gc-ink) !important; }
.gc-mc h2 { color: var(--gc-ink) !important; }

/* --- 9. questions and answers: every question a card, 10 between them, the open title in ink (red = action) --- */
.elementor-accordion .elementor-accordion-item { border: 1px solid var(--gc-line-soft) !important; border-radius: var(--gc-r-card) !important; background: var(--gc-white) !important; overflow: hidden !important; }
.elementor-accordion .elementor-accordion-item + .elementor-accordion-item { margin-top: 10px !important; }
.elementor-accordion .elementor-tab-title { padding: 15px 20px !important; font-size: var(--gc-body) !important; font-weight: 500 !important; line-height: 1.4 !important; border: 0 !important; }
.elementor-accordion .elementor-tab-title .elementor-accordion-title, .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-title { color: var(--gc-ink) !important; font-size: var(--gc-body) !important; font-weight: 500 !important; }
.elementor-accordion .elementor-tab-title .elementor-accordion-icon, .elementor-accordion .elementor-tab-title .elementor-accordion-icon * { color: var(--gc-ink) !important; fill: var(--gc-ink) !important; }
.elementor-accordion .elementor-tab-content { border-top: 1px solid var(--gc-line-soft) !important; padding: 15px 20px 20px !important; color: var(--gc-ink-2) !important; font-weight: 400 !important; }

/* --- 10. headings: one scale, weight 500 (pages, not the category banner and not the marketing content) --- */
[data-elementor-type="wp-page"] h1.elementor-heading-title, [data-elementor-type="error-404"] h1.elementor-heading-title { font-size: var(--gc-h1) !important; font-weight: 500 !important; color: var(--gc-ink) !important; line-height: 1.25 !important; }
[data-elementor-type="wp-page"] h2.elementor-heading-title { font-size: var(--gc-h2) !important; font-weight: 500 !important; line-height: 1.25 !important; }
[data-elementor-type="wp-page"] h3.elementor-heading-title { font-size: var(--gc-h3) !important; font-weight: 500 !important; line-height: 1.3 !important; }
/* the home page: the title over the products, then its line in the lead size (a clear title and a calm line under it) */
.elementor-10 .elementor-element-d1aa73c .elementor-heading-title { font-size: var(--gc-lead) !important; font-weight: 400 !important; color: var(--gc-ink-2) !important; line-height: 1.4 !important; }
.elementor-10 .elementor-element-gcl0h01 .elementor-heading-title { font-size: var(--gc-h2) !important; font-weight: 500 !important; color: var(--gc-ink) !important; }
.elementor-10 .elementor-element-8797a69 .elementor-heading-title { font-size: var(--gc-h2) !important; font-weight: 500 !important; }

/* --- 11. fine tuning after the first walk --- */
/* the YITH badges ("הכי נמכר", "הכי משתלם"): a pill inside the rounded corner, like the discount */
body ul.products li.product .yith-wcbm-badge { top: 10px !important; left: 10px !important; border-radius: var(--gc-r-pill) !important; padding: 3px 10px !important; height: auto !important; width: auto !important; }
body ul.products li.product .yith-wcbm-badge p { margin: 0 !important; font-size: var(--gc-meta) !important; line-height: 1.4 !important; }
@media (max-width: 767px) { body ul.products li.product .yith-wcbm-badge { top: 8px !important; left: 8px !important; padding: 2px 8px !important; } }
/* one size for the product name in every list (it was 19 on the home page and 18 in a category) */
body ul.products li.product .woocommerce-loop-product__title { font-size: var(--gc-lead) !important; line-height: 1.3 !important; }
/* the home page reviews title: a section title like the rest (26/24) */
.elementor-10 .elementor-element-4551937 .elementor-heading-title { font-size: var(--gc-h2) !important; font-weight: 500 !important; line-height: 1.3 !important; }
/* about: the four "רק ככה קונים כסא היום" boxes are cards */
.elementor-454 .elementor-inner-section:has(.elementor-element-556cbce) .elementor-inner-column > .elementor-widget-wrap { border: 1px solid var(--gc-line-soft) !important; border-radius: var(--gc-r-card) !important; box-shadow: none !important; }

/* =====================================================================
   v45 (08.11, חד לתוכן, עגול לפעולה): אייל: "אני חושב שמרובע, אבל מרובע יפה. זה יהיה הקונטרסט בין הכפתורים המעוגלים,
   הפס האדום המעוגל שלנו וכל הקפסולות, לבין החדות של הכרטיסים" ← "יאללה תבצע".
   השינוי עצמו במשתנים שבראש הקובץ: --gc-r-card, --gc-r-field ו---gc-r-img הם 0. כל פינה של תוכן קוראת מהם (כרטיסים, הסל,
   תיבות התשלום, התעודות, תוצאות החיפוש, שדות). נשארים גלולה: כפתורים, תגיות, לשוניות, הכמות, החיפוש, הפס האדום והחצים.
   ===================================================================== */

/* =====================================================================
   v46 (08.11, אוויר בפוטר): אייל: "מה דעתך קצת לרווח פה ולפרוס טיפה?" ← "זה סתם גבוה מדי עכשיו. אני מתכוון שהחלק התחתון
   של ניווט, קטגוריה והלוגו יפרסו יותר לרוחב". לכן: כמעט בלי תוספת גובה, והעמודות נפרסות לכל הרוחב (עד 1440, 40 מהקצה):
   ניווט בקצה הימני, הלוגו והפרטים בקצה השמאלי, וקטגוריות והצטרפות ביניהן, ברווחים שווים. הפס העליון באותו רוחב.
   ===================================================================== */
@media (min-width: 1025px) {
	[data-elementor-type="footer"] .elementor-element-b69212b > .elementor-container { max-width: 1440px !important; padding-left: 40px !important; padding-right: 40px !important; box-sizing: border-box !important; }
	[data-elementor-type="footer"] .elementor-element-ab6efbe > .e-con-inner,
	[data-elementor-type="footer"] .elementor-element-gcf0a10 > .e-con-inner { max-width: 1440px !important; width: 100% !important; padding-left: 40px !important; padding-right: 40px !important; box-sizing: border-box !important; }
	[data-elementor-type="footer"] .elementor-element-ab6efbe > .e-con-inner { justify-content: space-between !important; flex-wrap: nowrap !important; gap: 40px !important; }
	[data-elementor-type="footer"] .elementor-element-aeb84e6,
	[data-elementor-type="footer"] .elementor-element-b5c30a9 { flex: 0 1 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; }
	[data-elementor-type="footer"] .elementor-element-85c1e4a { flex: 0 1 320px !important; width: 320px !important; max-width: 320px !important; }
	[data-elementor-type="footer"] .elementor-element-d44fb78 { flex: 0 1 300px !important; width: 300px !important; max-width: 300px !important; }
}
[data-elementor-type="footer"] .elementor-element-ab6efbe { padding-top: 30px !important; padding-bottom: 20px !important; }
[data-elementor-type="footer"] .elementor-element-gcf0a10 { border-top: 1px solid rgba(255,255,255,.14) !important; padding-top: 15px !important; padding-bottom: 15px !important; }

/* =====================================================================
   v47 (08.11, ליטוש העמודים): אייל: "נמשיך ככה מרובע. בוא נעבור על שאר העמודים, אותה שפה עיצובית, ליטוש גורף:
   אודות, מי אנחנו, תקנון ושאר העמודים". ובדרך, על עמוד התשלום: "מה הרקע שלהם? בחיבור ביניהם רואים לבן,
   כאילו הכל יושב על מסגרת לבנה".
   ===================================================================== */
/* checkout: the white sheet with 30 corners under all the boxes (container caedbd6) goes, the grey shows between the cards */
.elementor-133 .elementor-element.elementor-element-caedbd6 { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; }

/* --- one font: the kit (13) gives Ploni to everything. Heebo was picked by hand in 21 widgets; it is removed at the source (fix-0811-heebo.php, 08.11), so no CSS forces the font here --- */

/* --- text: regular weight (300 was light and thin to read), the grey of the site --- */
[data-elementor-type="wp-page"] .elementor-widget-text-editor { font-weight: 400 !important; }
.elementor-634 .elementor-widget-text-editor, .elementor-11543 .elementor-widget-text-editor { color: var(--gc-ink-2) !important; font-size: var(--gc-body) !important; }
.elementor-1133 .elementor-tab-content, .elementor-1092 .elementor-tab-content { font-size: var(--gc-body) !important; line-height: 1.6 !important; }

/* --- headings that were outside the scale --- */
[data-elementor-type="wp-page"] h4.elementor-heading-title { font-size: var(--gc-h3) !important; font-weight: 500 !important; color: var(--gc-ink) !important; line-height: 1.3 !important; }
[data-elementor-type="error-404"] h3.elementor-heading-title { font-size: var(--gc-h2) !important; font-weight: 500 !important; color: var(--gc-ink) !important; }
.elementor-6431 .elementor-heading-title { font-size: var(--gc-h2) !important; font-weight: 500 !important; line-height: 1.3 !important; }
.elementor-6431 .elementor-widget-heading + .elementor-widget-heading .elementor-heading-title { font-size: var(--gc-lead) !important; font-weight: 400 !important; color: var(--gc-ink-2) !important; }
.elementor-6431 .elementor-widget-heading:first-child .elementor-heading-title, .elementor-6431 .elementor-widget-heading:first-of-type .elementor-heading-title { color: var(--gc-ink) !important; }
[data-elementor-type="archive"] h1.elementor-heading-title, .elementor-3881 h1.elementor-heading-title { font-size: var(--gc-h1) !important; font-weight: 500 !important; }

/* --- forms on contact and cancel: the form box is the site grey, sharp; the button is the site button --- */
.elementor-634 .elementor-element-populated:has(.elementor-widget-form), .elementor-11543 .elementor-element-populated:has(.elementor-widget-form) { background-color: var(--gc-bg-2) !important; border-radius: 0 !important; }
[data-elementor-type]:not([data-elementor-type="header"]) .elementor-widget-form .elementor-button { box-sizing: border-box !important; height: var(--gc-btn-h) !important; min-height: var(--gc-btn-h) !important; padding: var(--gc-btn-pad) !important; border-radius: var(--gc-r-pill) !important; border: var(--gc-btn-border) solid var(--gc-red) !important; background: var(--gc-red) !important; color: var(--gc-white) !important; font-family: var(--gc-font) !important; font-size: var(--gc-btn-text) !important; font-weight: 400 !important; line-height: 1 !important; }
[data-elementor-type]:not([data-elementor-type="header"]) .elementor-widget-form .elementor-button:hover { background: var(--gc-red-dark) !important; border-color: var(--gc-red-dark) !important; }
[data-elementor-type]:not([data-elementor-type="header"]) .elementor-widget-form .elementor-button * { font: inherit !important; color: inherit !important; }
.elementor-form textarea.elementor-field-textual { height: auto !important; min-height: 100px !important; padding: 10px 15px !important; }

/* --- the blog: every post a card (sharp, the soft line), the title in the card size --- */
.elementor-posts .elementor-post { border: 1px solid var(--gc-line-soft) !important; border-radius: 0 !important; box-shadow: none !important; background: var(--gc-white) !important; overflow: hidden !important; transition: border-color .15s; }
.elementor-posts .elementor-post:hover { border-color: var(--gc-line) !important; }
.elementor-posts .elementor-post__title, .elementor-posts .elementor-post__title a { font-size: var(--gc-lead) !important; font-weight: 500 !important; color: var(--gc-ink) !important; line-height: 1.35 !important; }
.elementor-posts .elementor-post__excerpt, .elementor-posts .elementor-post__excerpt p { font-size: var(--gc-small) !important; color: var(--gc-ink-2) !important; }
.elementor-posts .elementor-post__read-more { color: var(--gc-ink) !important; font-size: var(--gc-small) !important; font-weight: 500 !important; }

/* --- a blog post: the headings in the scale, the table of contents a card, the products inside an article in our language --- */
.elementor-widget-theme-post-content h2 { font-size: var(--gc-h2) !important; font-weight: 500 !important; color: var(--gc-ink) !important; line-height: 1.3 !important; }
.elementor-widget-theme-post-content h3 { font-size: var(--gc-h3) !important; font-weight: 500 !important; color: var(--gc-ink) !important; line-height: 1.35 !important; }
.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-widget-container, .elementor-toc { border-radius: 0 !important; border-color: var(--gc-line-soft) !important; }
.elementor-widget-theme-post-content div[style*="border-radius:18px"], .elementor-widget-theme-post-content div[style*="border-radius: 18px"] { border-radius: 0 !important; background: var(--gc-bg-2) !important; }
.elementor-widget-theme-post-content div[style*="border-radius:14px"], .elementor-widget-theme-post-content div[style*="border-radius: 14px"] { border-radius: 0 !important; border-color: var(--gc-line-soft) !important; box-shadow: none !important; }
.elementor-widget-theme-post-content a[style*="background:#111827" i], .elementor-widget-theme-post-content a[style*="background: #111827" i] { box-sizing: border-box !important; height: var(--gc-btn-h-sm) !important; line-height: var(--gc-btn-h-sm) !important; padding: 0 14px !important; border-radius: var(--gc-r-pill) !important; background: var(--gc-red) !important; color: var(--gc-white) !important; font-size: var(--gc-small) !important; font-weight: 400 !important; }
.elementor-widget-theme-post-content span[style*="0e7490" i] { color: var(--gc-ink) !important; font-weight: 500 !important; }

/* --- privacy (a theme page, not Elementor): a reading width, the headings in the scale --- */
body.privacy-policy main.site-main { max-width: 860px !important; margin: 0 auto !important; padding: 40px 20px 60px !important; }
body.privacy-policy main.site-main h1 { font-size: var(--gc-h1) !important; font-weight: 500 !important; margin: 0 0 20px !important; }
body.privacy-policy main.site-main h2 { font-size: var(--gc-h3) !important; font-weight: 500 !important; margin: 30px 0 10px !important; }
body.privacy-policy main.site-main :is(p, li) { font-size: var(--gc-body) !important; line-height: 1.7 !important; color: var(--gc-ink-2) !important; }

/* --- my account: the login is a card, the fields are site fields --- */
.woocommerce-account .woocommerce-form-login, .woocommerce-account .woocommerce-form-register { border: 1px solid var(--gc-line-soft) !important; border-radius: 0 !important; padding: 30px !important; background: var(--gc-white) !important; }
.woocommerce-account .woocommerce .input-text { box-sizing: border-box !important; height: var(--gc-field-h) !important; border: 1px solid var(--gc-line) !important; border-radius: var(--gc-r-field) !important; background: var(--gc-white) !important; padding: 0 15px !important; font-size: 15px !important; color: var(--gc-ink) !important; }
.woocommerce-account .woocommerce .input-text:focus { border-color: var(--gc-ink) !important; outline: 0 !important; }
.woocommerce-account .woocommerce label { color: var(--gc-ink-2) !important; font-size: var(--gc-small) !important; }
.woocommerce-account h2 { font-size: var(--gc-h2) !important; font-weight: 500 !important; color: var(--gc-ink) !important; }
.woocommerce-account .woocommerce .button { font-weight: 400 !important; height: var(--gc-btn-h) !important; border-radius: var(--gc-r-pill) !important; }
/* --- after the second walk: the contact lines on contact and cancel, and the thank-you title --- */
.elementor-634 .elementor-icon-list-text, .elementor-11543 .elementor-icon-list-text { font-size: var(--gc-body) !important; font-weight: 400 !important; color: var(--gc-ink-2) !important; }
.elementor-6431 .elementor-element-42cc028 .elementor-heading-title { font-size: var(--gc-h2) !important; font-weight: 500 !important; color: var(--gc-ink) !important; }

/* =====================================================================
   v49 (08.11): the CSS that forced Ploni came out. Eyal: "אני לא רוצה טלאי. הכל נקי ומדויק". Heebo is out of the widgets themselves.
   ===================================================================== */

/* =====================================================================
   v48 (08.11, חוות דעת סבב 2 ואודות): אייל: "שהדירוג והכמות יתחלפו, הכמות גדולה ולמעלה, הציון למטה",
   "בלשונית מידרג שלא תהיה גלילה אין סופית, שיהיה איזשהו מעצור", ובאודות: "זה יכול לרדת, ובמקום זה סטריפ החברות והביקורות".
   ===================================================================== */
.gc-rvp-tab .gc-rvp-nm b { font-weight: 500; color: var(--gc-ink); }
.gc-rvp-tab .gc-rvp-nm .gc-rvp-stars { font-size: 12px; }
/* Midrag stops at a height (1400, phone 1100) with a soft fade; "עוד ביקורות" opens another stretch. When their list is shorter, no fade and no button */
.gc-rvp-midrag .elementor-widget-shortcode { max-height: var(--gc-mh, 1400px); overflow: hidden !important; position: relative; }
.gc-rvp-midrag .elementor-widget-shortcode::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 140px; background: linear-gradient(to bottom, rgba(255,255,255,0), var(--gc-white)); pointer-events: none; }
.gc-rvp-midrag .elementor-widget-shortcode.gc-mfull { max-height: none; }
.gc-rvp-midrag .elementor-widget-shortcode.gc-mfull::after { display: none; }
.gc-rvp-mstop { margin-top: 20px !important; }
@media (max-width: 767px) { .gc-rvp-midrag .elementor-widget-shortcode { max-height: var(--gc-mh, 1100px); } }
/* about: the reviews section copied from the home page (gab....), the same spacing as there */
.elementor-454 .elementor-element-gab0002 { --gap: 15px !important; row-gap: 15px !important; padding-top: 60px !important; padding-bottom: 0 !important; }
.elementor-454 .elementor-element-gab0003 .elementor-heading-title { font-size: var(--gc-h2) !important; font-weight: 500 !important; line-height: 1.3 !important; }
@media (max-width: 767px) { .elementor-454 .elementor-element-gab0002 { padding-top: 40px !important; } }
/* the desktop header search (a3b0095): "לכל התוצאות ל..." under the 6 live results, like in the phone menu */
:is(.elementor-element-a3b0095, .elementor-element-93a75e3) .gc-sr-all { display: block; text-align: center; padding: 12px 0; border-top: 1px solid var(--gc-line-soft); color: var(--gc-ink) !important; font-size: var(--gc-small); font-weight: 500; text-decoration: none; background: var(--gc-white); }
:is(.elementor-element-a3b0095, .elementor-element-93a75e3) .gc-sr-all:hover { text-decoration: underline; text-underline-offset: 3px; }

/* --- the SEO text under a category (the WooCommerce term description). Eyal, 08.11: "מה עם הברדק הזה מתחת לקטגוריות?"
   The tags stay as they are (H2, H3, the text and the links: that is the SEO). Only the look: a reading width, the headings
   in the site scale (H2 as a card title 20, H3 as a lead 18, both 500), the text in the second ink, air between the parts --- */
.elementor-widget-woocommerce-archive-description .term-description { max-width: 860px; margin: 0 auto !important; color: var(--gc-ink-2); font-size: var(--gc-body); line-height: 1.75; }
.elementor-widget-woocommerce-archive-description .term-description h2 { font-size: var(--gc-h3) !important; font-weight: 500 !important; color: var(--gc-ink) !important; line-height: 1.35 !important; margin: 40px 0 10px !important; }
.elementor-widget-woocommerce-archive-description .term-description h3 { font-size: var(--gc-lead) !important; font-weight: 500 !important; color: var(--gc-ink) !important; line-height: 1.4 !important; margin: 20px 0 5px !important; }
.elementor-widget-woocommerce-archive-description .term-description h2 + h3 { margin-top: 10px !important; }
.elementor-widget-woocommerce-archive-description .term-description p { margin: 0 0 15px !important; }
.elementor-widget-woocommerce-archive-description .term-description > :first-child { margin-top: 0 !important; }

/* --- black under the hand (Eyal, 08.11: "שהכפתור יהפוך לשחור כשמניחים את היד", then: "רק כשהעכבר על הכפתור עצמו").
   A product card: "הוספה לסל" (or "מידע נוסף") turns ink. A category tile, which has no button: the name line turns ink with white text.
   The border of the card darkens a little as before. On the phone there is no hover, nothing changes there --- */
@media (hover: hover) {
	body ul.products li.product:not(.product-category) .button:hover { background: var(--gc-ink) !important; border-color: var(--gc-ink) !important; color: var(--gc-white) !important; } /* only the hand on the button itself (Eyal: "רק כשהעכבר על הכפתור עצמו, לא על כל הכרטיס, כמו שהיה") */
	body ul.products li.product-category .woocommerce-loop-category__title { transition: background-color .15s, color .15s; }
	body ul.products li.product-category:hover .woocommerce-loop-category__title { background: var(--gc-ink) !important; color: var(--gc-white) !important; }
	body ul.products li.product-category:hover { border-color: var(--gc-ink) !important; }
}

/* the reviews page tabs: after a click the focus ring drew a second frame around the chosen tab (Eyal saw a double border). The keyboard ring stays, inside the frame */
.gc-rvp-tabs .gc-rvp-tab:focus { outline: none !important; }
.gc-rvp-tabs .gc-rvp-tab:focus-visible { outline: 2px solid var(--gc-ink) !important; outline-offset: -4px !important; }
.gc-rvp-tabs .gc-rvp-tab.is-on:focus-visible { outline: none !important; }

/* =====================================================================
   v50 (08.11, טלפון בלי שבירות מכוערות): אייל: "צריך לעבור על כל המובייל ולוודא שדברים לא נשברים ל-2 שורות".
   נסרק ב-390 וב-360. הכלל: כותרת שחייבת שתי שורות נשברת מאוזן (שתי שורות שוות, לא מילה אחת לבד),
   ופסקה לא משאירה מילה אחת בשורה האחרונה. כותרת שיכולה להיכנס בשורה אחת, נכנסת: הגודל יורד מעט ונשען על רוחב המסך.
   ===================================================================== */
:is(h1, h2, h3, h4, .elementor-heading-title, .gc-rvp-title, .gc-rvp-cta-t, .woocommerce-loop-product__title, .elementor-post__title, .elementor-tab-title) { text-wrap: balance; }
:is(p, li, .elementor-tab-content, .term-description) { text-wrap: pretty; }
@media (max-width: 767px) {
	/* the company strip title: one line ("חברות וארגונים שכבר בחרו בגט קומפי", and never "קומפי" alone) */
	body .elementor .elementor-element.elementor-element-gcl0h01 .elementor-heading-title { font-size: min(22px, 5.4vw) !important; white-space: nowrap; } /* stronger than the v44 home rule (var(--gc-h2)) */
	/* the reviews title on the home page and about: each sentence on its own line */
	:is(.elementor-10 .elementor-element-4551937, .elementor-454 .elementor-element-gab0003) .elementor-heading-title { font-size: min(19px, 4.8vw) !important; line-height: 1.4 !important; }
}
/* the reviews section copied into the category template (gac....), the same spacing and phone title as the home page and about */
.elementor-24239 .elementor-element-gac0002 { --gap: 15px !important; row-gap: 15px !important; padding-top: 60px !important; padding-bottom: 0 !important; }
.elementor-24239 .elementor-element-gac0003 .elementor-heading-title { font-size: var(--gc-h2) !important; font-weight: 500 !important; line-height: 1.3 !important; }
@media (max-width: 767px) {
	.elementor-24239 .elementor-element-gac0002 { padding-top: 40px !important; }
	.elementor-24239 .elementor-element-gac0003 .elementor-heading-title { font-size: min(19px, 4.8vw) !important; line-height: 1.4 !important; }
}
/* the copied reviews sections (about gab, categories gac): the home section came with -16 margins on the phone, so the strip below sat on the cards.
   No negative margins, and 40 (phone 30) between the reviews and the strip */
:is(.elementor-454 .elementor-element-gab0001, .elementor-24239 .elementor-element-gac0001) { margin-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 40px !important; }
@media (max-width: 767px) { :is(.elementor-454 .elementor-element-gab0001, .elementor-24239 .elementor-element-gac0001) { padding-bottom: 30px !important; } }

/* =====================================================================
   v51 (08.11, אחרי העלייה לחי, הטלפון): אייל: "הביקורות במובייל: שהגלילה תהיה כמו סטורי", "המסגרות בולטות מדי".
   ===================================================================== */
/* reviews on the phone: one card at a time, centred, like stories (swipe = the next review, never two) */
@media (max-width: 767px) {
	.rpi .rpi-content .rpi-cards { scroll-snap-type: x mandatory !important; scroll-padding-inline: 0 !important; }
	.rpi .rpi-content .rpi-card { scroll-snap-align: center !important; scroll-snap-stop: always; }
	.rpi .rpi-ltgt, .rpi .rpi-slider-prev, .rpi .rpi-slider-next { display: none !important; }
}
/* the reviews on the phone: no "bite" (the round cut the slider makes under the desktop arrows showed as white half circles on the cards) */
@media (max-width: 767px) { .rpi .rpi-content .rpi-cards, .rpi .rpi-slides-bite { -webkit-mask: none !important; mask: none !important; } }
/* the category bottom (Eyal, 08.11: "מרווח לא תקין"): the strip had -16 margins on the phone and the SEO text sat on it in a white box with 7px of air.
   The strip in the flow, the SEO text on the page white with real air above it */
.elementor-24239 .elementor-element-324b340 { margin-top: 0 !important; margin-bottom: 0 !important; }
.elementor-24239 .elementor-element-025b73b { padding: 60px 20px !important; }
.elementor-24239 .elementor-element-28b4696 { background: transparent !important; padding: 0 !important; }
@media (max-width: 767px) { .elementor-24239 .elementor-element-025b73b { padding: 40px 20px !important; } }

/* =====================================================================
   v52 (08.11, טלפון): אייל: "כיוון ההחלקה כמו סטורי, בדיוק הפוך מעכשיו", "הכוכבים וה'מבוסס' ממורכזים, ומתחתם ממורכז 'לקריאת כל הביקורות'",
   "קו בהיר מאוד" (--gc-line-soft בראש הקובץ: #F0EFEB לכל הכרטיסים).
   ===================================================================== */
@media (max-width: 767px) {
	/* stories: the first review on the left, the next comes in from the right as the finger moves left. The cards themselves stay RTL */
	.rpi .rpi-content .rpi-cards { direction: ltr !important; }
	.rpi .rpi-content .rpi-card { direction: rtl !important; }
	/* the rating: stars, 5.0 and "מבוסס על" in one centred line, "לקריאת כל הביקורות" centred under it */
	.rpi .rpi-header .rpi-card-inner { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; width: 100% !important; row-gap: 6px !important; }
	.rpi .rpi-header .rpi-flex, .rpi .rpi-header .rpi-info { justify-content: center !important; margin-inline: auto !important; }
	.rpi .rpi-header .rpi-slider-btn { flex: 0 0 100% !important; width: 100% !important; justify-content: center !important; margin: 0 !important; }
	.rpi .rpi-header .rpi-slider-btn::before { content: none !important; }
}
/* the phone menu (Eyal, 08.11): "אפשר להקטין קצת את כל הרוחב של התפריט? הוא על 80%" → 72% of the screen, never under 280 */
#off-canvas-4d04c2d { --e-off-canvas-width: max(280px, 72vw) !important; }
#off-canvas-4d04c2d .e-off-canvas__main { width: max(280px, 72vw) !important; max-width: max(280px, 72vw) !important; right: 0 !important; left: auto !important; } /* it opens from the right, where the menu button is (with the narrower width it had jumped to the left) */
/* and the UserWay accessibility button sat on top of the open menu, right on the trust stars ("האייקון נגישות עדיין מפריע שם"): it hides while a menu is open */
body:has(.e-off-canvas[aria-hidden="false"]) .userway_buttons_wrapper { visibility: hidden !important; }
/* the four promises in the footer, on the phone (Eyal, 08.11: "לא מת על האיקס הזה שנוצר פה, ובכללי זה יכול להיות קטן יותר"):
   no cross of lines, smaller icons and text, less height */
@media (max-width: 767px) {
	[data-elementor-type="footer"] .elementor-element-b69212b .elementor-widget-wrap { border: 0 !important; padding: 10px 8px !important; }
	[data-elementor-type="footer"] .elementor-element-b69212b .elementor-image-box-img { margin-bottom: 8px !important; }
	[data-elementor-type="footer"] .elementor-element-b69212b .elementor-image-box-img img { width: 38px !important; height: auto !important; }
	[data-elementor-type="footer"] .elementor-element-b69212b .elementor-image-box-title { font-size: 12.5px !important; line-height: 1.5 !important; }
	[data-elementor-type="footer"] .elementor-element-b69212b .elementor-image-box-title br + * , [data-elementor-type="footer"] .elementor-element-b69212b .elementor-image-box-description { font-size: 12.5px !important; }
	[data-elementor-type="footer"] .elementor-element-b69212b { padding-top: 20px !important; padding-bottom: 20px !important; }
}

/* =====================================================================
   v53 (08.11, סדר הפוטר): אייל: "האייקונים, התצוגה-איסוף-טלפון, הקטגוריות, המצטרפים", "הלוגו צריך להיות בתחתית".
   טלפון: ההבטחות ← פרטי הקשר ← ניווט וקטגוריות זה לצד זה ← מצטרפים ← החתימה (לוגו, ומתחתיו הסושיאל) ← אמצעי תשלום ← השורה המשפטית.
   מחשב: ארבע העמודות כמו היו, והלוגו והסושיאל בשורת חתימה מעל השורה המשפטית.
   ===================================================================== */
[data-elementor-type="footer"] .elementor-element-gcf0b00 { border-top: 1px solid rgba(255,255,255,.14) !important; }
[data-elementor-type="footer"] .elementor-element-gcf0b00 .elementor-widget-image img { width: 170px !important; max-width: 170px !important; height: auto !important; }
@media (min-width: 1025px) {
	[data-elementor-type="footer"] .elementor-element-gcf0b00 > .e-con-inner { max-width: 1440px !important; width: 100% !important; padding: 20px 40px !important; box-sizing: border-box !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
}
@media (max-width: 1024px) {
	[data-elementor-type="footer"] .elementor-element-gcf0b00 > .e-con-inner { flex-direction: column !important; align-items: center !important; gap: 15px !important; padding: 30px 20px 20px !important; }
	[data-elementor-type="footer"] .elementor-element-gcf0b00 .elementor-widget-image img { width: 140px !important; max-width: 140px !important; }
	[data-elementor-type="footer"] .elementor-element-gcf0b00 .elementor-social-icons-wrapper { justify-content: center !important; }
}
@media (max-width: 767px) {
	/* the columns: contact, then navigation and categories side by side, then the sign-up */
	[data-elementor-type="footer"] .elementor-element-ab6efbe > .e-con-inner { display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 20px !important; row-gap: 40px !important; }
	[data-elementor-type="footer"] .elementor-element-d44fb78 { order: 1; grid-column: 1 / -1; width: 100% !important; }
	[data-elementor-type="footer"] .elementor-element-aeb84e6 { order: 2; width: 100% !important; }
	[data-elementor-type="footer"] .elementor-element-a0e4494 { order: 3; width: 100% !important; } /* on the phone the categories are this copy (b5c30a9 is the desktop one, hidden on the phone) */
	[data-elementor-type="footer"] .elementor-element-85c1e4a { order: 4; grid-column: 1 / -1; width: 100% !important; }
	/* the legal row: payments, then the links, then © */
	[data-elementor-type="footer"] .elementor-element-gcf0a10 > .e-con-inner, [data-elementor-type="footer"] .elementor-element-gcf0a10 { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; }
	[data-elementor-type="footer"] .elementor-element-gcf0a13 { order: 1; }
	[data-elementor-type="footer"] .elementor-element-gcf0a11 { order: 2; text-align: center !important; }
	[data-elementor-type="footer"] .elementor-element-gcf0a12 { order: 3; text-align: center !important; }
}
/* the footer on the phone, tighter (Eyal, 08.11: "מעולה, רק יותר מדי רווח") */
@media (max-width: 767px) {
	[data-elementor-type="footer"] .elementor-element-b69212b { padding-top: 15px !important; padding-bottom: 5px !important; }
	[data-elementor-type="footer"] .elementor-element-ab6efbe { padding-top: 15px !important; padding-bottom: 10px !important; }
	[data-elementor-type="footer"] .elementor-element-ab6efbe > .e-con-inner { padding-top: 0 !important; padding-bottom: 0 !important; row-gap: 28px !important; }
	[data-elementor-type="footer"] .elementor-element-ab6efbe .elementor-nav-menu a { padding-top: 5px !important; padding-bottom: 5px !important; }
	[data-elementor-type="footer"] .elementor-element-645937b .elementor-icon-list-item:not(:last-child) { padding-bottom: 6px !important; }
	[data-elementor-type="footer"] .elementor-element-gcf0b00 > .e-con-inner { padding: 22px 20px 16px !important; gap: 12px !important; }
	[data-elementor-type="footer"] .elementor-element-gcf0a10 { padding-top: 12px !important; padding-bottom: 12px !important; }
}

/* =====================================================================
   v54 (08.11, מיון): תפריט מיון מינימליסטי בקטגוריות. אייל: "משהו מינימליסטי". שורה קטנה מעל המוצרים: "מיון: מהזול ליקר ⌄".
   טקסט ולא תיבה, בצד שמאל של השורה, 14 בדיו. הרשימה עצמה של הדפדפן (בטלפון: הבורר של המכשיר).
   ===================================================================== */
.elementor-widget-woocommerce-products .woocommerce-ordering { float: none !important; display: flex !important; justify-content: flex-start; /* on the right, where the reading starts (Eyal: "צריך להיות בצד ימין") */ align-items: center; gap: 6px; margin: 0 0 15px !important; }
.elementor-widget-woocommerce-products .woocommerce-ordering::before { content: "מיון:"; font-family: var(--gc-font); font-size: var(--gc-small); color: var(--gc-muted); }
.elementor-widget-woocommerce-products .woocommerce-ordering select.orderby { -webkit-appearance: none; appearance: none; width: auto !important; min-width: 0 !important; height: 30px !important; padding: 0 0 0 18px !important; margin: 0 !important;
	border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C1C1B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") left center / 14px no-repeat !important;
	font-family: var(--gc-font) !important; font-size: var(--gc-small) !important; font-weight: 500 !important; color: var(--gc-ink) !important; cursor: pointer; field-sizing: content; } /* the select as wide as its text, the arrow right after it */
.elementor-widget-woocommerce-products .woocommerce-ordering select.orderby:focus, .elementor-widget-woocommerce-products .woocommerce-ordering select.orderby:focus-visible { outline: none !important; box-shadow: none !important; border: 0 !important; } /* the black frame on the phone ("מופיע משהו שחור") */
.elementor-widget-woocommerce-products .woocommerce-ordering select.orderby:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
.elementor-widget-woocommerce-products .woocommerce-result-count { display: none !important; }
/* the badges on the product photos, smaller (Eyal, 08.11: "להקטין קצת את הבאדג' על המוצרים"): the % and the YITH ones ("הכי נמכר") in one size */
.sale-perc, body ul.products li.product .yith-wcbm-badge { padding: 2px 8px !important; font-size: 11.5px !important; line-height: 1.35 !important; font-weight: 500 !important; }
body ul.products li.product .yith-wcbm-badge p, body ul.products li.product .yith-wcbm-badge strong, body ul.products li.product .yith-wcbm-badge span { font-size: 11.5px !important; font-weight: 500 !important; line-height: 1.35 !important; }
@media (max-width: 767px) {
	.sale-perc, body ul.products li.product .yith-wcbm-badge { top: 6px !important; padding: 1px 7px !important; font-size: 10.5px !important; }
	.sale-perc { right: 6px !important; }
	body ul.products li.product .yith-wcbm-badge { left: 6px !important; }
	body ul.products li.product .yith-wcbm-badge p, body ul.products li.product .yith-wcbm-badge strong, body ul.products li.product .yith-wcbm-badge span { font-size: 10.5px !important; }
}

/* the buttons in the header and the phone menu, one touch slimmer too (Eyal, 08.11: "כולל הכפתור בהאדר") */
[data-elementor-type="header"] .elementor-element-b23332a .elementor-button { padding: 4px 13px 4px 14px !important; font-size: 13.5px !important; line-height: 1.3 !important; }
#off-canvas-4d04c2d .elementor-element-89aee54 .elementor-icon-list-item > a { height: var(--gc-btn-h) !important; }
/* the banner buttons on the phone, slimmer (Eyal, 08.11: "רוצה גם קצת להרזות את הכפתורים האלה"): 30 high, a 1px frame */
@media (max-width: 767px) {
	.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btn { height: var(--gc-btn-h-sm) !important; padding: 0 15px !important; font-size: 13px !important; border-width: 1px !important; }
	.elementor-10 .elementor-element.elementor-element-7d436c7 .swiper-slide:has(.gc-strip) .gc-btns { gap: 8px !important; }
}

/* the footer contact column (Eyal, 08.11: "מתחילים באותו גובה? האייקונים והטקסט שלהם ליישר"): the same red line and title as the others,
   one line per item on the desktop, and each icon level with the first line of its text */
@media (min-width: 1025px) {
	[data-elementor-type="footer"] .elementor-element-d44fb78 { flex: 0 1 auto !important; width: auto !important; max-width: none !important; }
	[data-elementor-type="footer"] .elementor-element-645937b .elementor-icon-list-text { white-space: nowrap !important; }
}
[data-elementor-type="footer"] .elementor-element-645937b .elementor-icon-list-item { align-items: flex-start !important; }
[data-elementor-type="footer"] .elementor-element-645937b .elementor-icon-list-icon { margin-top: calc((1.5em - 18px) / 2) !important; height: 18px !important; display: flex !important; align-items: center !important; }
[data-elementor-type="footer"] .elementor-element-645937b .elementor-icon-list-text { line-height: 1.5 !important; }
/* the footer "שלח", slimmer (Eyal, 08.11: "הכפתור הזה גם שמן מדי"): the small button, 28 */
[data-elementor-type="footer"]:not([data-elementor-type="header"]) .elementor-widget-form .elementor-button { height: var(--gc-btn-h-sm) !important; min-height: var(--gc-btn-h-sm) !important; padding: 0 20px !important; font-size: var(--gc-small) !important; }
/* the phone header (Eyal, 08.11: "הלוגו, אייקון התפריט ואייקון העגלה באותו קו? העגלה והתפריט באותו גודל"): the three on one centre line, menu and cart both 26 */
@media (max-width: 1024px) {
	.elementor-element-a97cee6 :is(.elementor-element-3ed96d6, .elementor-element-d842c37, .elementor-element-4e76ce5) { align-self: center !important; margin-top: 0 !important; margin-bottom: 0 !important; }
	.elementor-element-a97cee6 .elementor-element-3ed96d6 .elementor-widget-container, .elementor-element-a97cee6 .elementor-element-3ed96d6 .elementor-icon-wrapper { display: flex !important; align-items: center !important; height: 26px !important; line-height: 0 !important; }
	.elementor-element-a97cee6 .elementor-element-3ed96d6 .elementor-icon, .elementor-element-a97cee6 .elementor-element-3ed96d6 svg { width: 26px !important; height: 26px !important; font-size: 26px !important; }
	.elementor-element-a97cee6 .elementor-element-4e76ce5, .elementor-element-a97cee6 .elementor-element-4e76ce5 .elementor-widget-container { display: flex !important; align-items: center !important; height: 26px !important; }
	.elementor-element-a97cee6 .elementor-element-4e76ce5 svg, .elementor-element-a97cee6 .elementor-element-4e76ce5 img, .elementor-element-a97cee6 .elementor-element-4e76ce5 .fkcart-icon-wrap, .elementor-element-a97cee6 .elementor-element-4e76ce5 [class*="fkcart-shortcode-icon"] { width: 26px !important; height: 26px !important; }
}

/* ============================================================================
   v55 (09.11, מרווחים ותנועה): אייל, בטלפון.
   1. עמוד קטגוריה: "רווח מיותר בין הפס האדום לטקסט ולמוצרים, תסדר היררכית מרווחים".
      ההיררכיה: הטקסט ← 26 ← הפס האדום ← 16 ← "מיון" ← 10 ← המוצרים. מה ששייך יחד קרוב יותר.
   2. סטריפ הלוגואים: "עוד רווח בקטנה בין הלוגואים לטקסט מעל" (12).
   3. דף הבית, כרטיסי הקטגוריות בטלפון: "לצמצם מעט את המרווחים" (30 ← 16).
   4. התפריט בטלפון: "יסגר חלק כמו שנפתח". הסגירה הייתה הפתיחה ברוורס (מאיצה בסוף ונעלמת),
      והרקע הכהה נעלם בבת אחת. עכשיו: יציאה רכה לימין, והרקע נכנס ויוצא בדעיכה.
   ============================================================================ */
.elementor-24239 .elementor-element-512d476 { padding-bottom: 0 !important; }
.elementor-24239 .elementor-element-1792996, .elementor-24239 .elementor-element-1792996 p:last-child { margin-bottom: 0 !important; }
.elementor-24239 .elementor-element-3cded7f, .elementor-24239 .elementor-element-30dc5a3 { padding-top: 0 !important; }
.elementor-24239 .elementor-element-30dc5a3 { row-gap: 0 !important; gap: 0 !important; }
.elementor-24239 .elementor-element-7332a93 { margin: 26px 0 16px !important; padding: 0 !important; }
.elementor-24239 .elementor-element-7332a93 .elementor-widget-container { line-height: 0 !important; padding: 0 !important; margin: 0 !important; }
.elementor-24239 .elementor-element-7332a93 img { display: inline-block !important; margin: 0 !important; }
.elementor-24239 .elementor-element-46adaa5 .woocommerce-ordering { margin: 0 0 10px !important; }

.elementor-element-gcl0k01 { margin-top: 12px !important; }

@media (max-width: 767px) {
	.elementor-element-ca5bedc ul.products { row-gap: 16px !important; }
}

@keyframes gcDrawerOut { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(100%, 0, 0); } }
@keyframes gcFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes gcFadeOut { from { opacity: 1; } to { opacity: 0; } }
#off-canvas-4d04c2d[aria-hidden="false"] .e-off-canvas__overlay { animation: gcFadeIn .35s ease-out both; }
#off-canvas-4d04c2d.animated-reverse-wrapper .e-off-canvas__main { animation: gcDrawerOut .35s cubic-bezier(.4, 0, .2, 1) both !important; animation-direction: normal !important; }
#off-canvas-4d04c2d.animated-reverse-wrapper .e-off-canvas__overlay { animation: gcFadeOut .35s ease-in both !important; }
@media (prefers-reduced-motion: reduce) { #off-canvas-4d04c2d .e-off-canvas__overlay, #off-canvas-4d04c2d.animated-reverse-wrapper .e-off-canvas__main { animation-duration: .01s !important; } }
/* the category spacing, the inner wrappers too (each added 10 that the containers' own padding did not show) */
.elementor-24239 .elementor-element-512d476 > .e-con-inner { padding-bottom: 0 !important; }
.elementor-24239 .elementor-element-3cded7f > .e-con-inner { padding-top: 0 !important; }
/* 5. the desktop menu, the red line over an item (Eyal, 09.11: "לא אוהב שזה מתחבר ככה, להקטין מעט את הפס, לקצר אותו קצת, ולמרכז"):
      it spanned the whole item with its padding, so two lines (the page you are on and the one under the mouse) met. Now 60% of the item, in its centre. */
[data-elementor-type="header"] .elementor-nav-menu--main.e--pointer-overline .elementor-item::before { width: 60% !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; }

/* ============================================================================
   v56 (09.11, תשלום רך): אייל: "דחוף להחזיר את העיצוב הנעים הרך כמו בעמוד תשלום של אייקאונט", "תווית מעל השדות".
   Only the checkout page (133). The rest of the site stays sharp ("מרובע יפה"); the buying area is soft, like the iCount card page the buyer meets next.
   Like iCount: the label above each field, a light cool-grey frame, 8px corners on fields, 12 on the cards. Buttons stay round.
   ============================================================================ */
.elementor-133 { --gc-r-field: 8px; --gc-r-card: 12px; --gc-chk-line: #D5DAE1; }
.elementor-133 .elementor-element-6beca92 .input-text,
.elementor-133 .elementor-element-6beca92 select,
.elementor-133 .elementor-element-6beca92 .select2-container .select2-selection { border-color: var(--gc-chk-line) !important; border-radius: var(--gc-r-field) !important; }
.elementor-133 .elementor-element-6beca92 .input-text:focus,
.elementor-133 .elementor-element-6beca92 select:focus { border-color: #8A94A3 !important; box-shadow: 0 0 0 3px rgba(138, 148, 163, .15) !important; }
.elementor-133 .elementor-element-6beca92 .form-row label { display: block !important; position: static !important; font-size: 14px !important; line-height: 20px !important; color: var(--gc-ink-2, #3A3A3C) !important; margin: 0 0 6px !important; }
.elementor-133 .elementor-element-6beca92 .form-row label .required { color: #D93025 !important; text-decoration: none !important; }
.elementor-133 .elementor-element-6beca92 .form-row label .optional { color: var(--gc-hint) !important; font-size: 12px !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-billing-fields .form-row,
.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .form-row { margin: 0 0 14px !important; }
.elementor-133 .elementor-element-6beca92 .col-1,
.elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields,
.elementor-133 .elementor-element-6beca92 .e-checkout__order_review,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-payment,
.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .shipping_address,
.elementor-133 .elementor-element-6beca92 #ship-to-different-address,
.elementor-133 .elementor-element-6beca92 .e-coupon-box { border-color: #E6E9EE !important; }
.elementor-133 .elementor-element-6beca92 .col-1,
.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-payment,
.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .shipping_address { border-radius: var(--gc-r-card) !important; }
/* the two cards that have a footer: round on top, the footer rounds the bottom, so each pair reads as one card */
.elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields,
.elementor-133 .elementor-element-6beca92 .e-checkout__order_review { border-radius: var(--gc-r-card) var(--gc-r-card) 0 0 !important; }
.elementor-133 .elementor-element-6beca92 #ship-to-different-address,
.elementor-133 .elementor-element-6beca92 .e-coupon-box { border-radius: 0 0 var(--gc-r-card) var(--gc-r-card) !important; }
/* the notes card (Eyal, 09.11: "לא צריך כאן כותרת, להשאיר את הערות להזמנה, לקרב את הצ'ק בוקס אליה, וככה כל התיבה תקטן") */
.elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields > h3 { display: none !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields { padding-bottom: 8px !important; }
.elementor-133 .elementor-element-6beca92 #order_comments_field { margin: 0 !important; padding: 0 !important; }
.elementor-133 .elementor-element-6beca92 #order_comments { height: 64px !important; min-height: 64px !important; }
.elementor-133 .elementor-element-6beca92 #ship-to-different-address { padding-top: 4px !important; padding-bottom: 18px !important; }
/* the notes card again, and the top of the page (Eyal, 09.11): "שם פרטי ושם משפחה באותה שורה" · "הלוגו תופס יותר מדי רוחב ומרווחים מסביבו, להקטין מעט ולצמצם" */
.elementor-133 .elementor-element-6beca92 #billing_first_name_field,
.elementor-133 .elementor-element-6beca92 #billing_last_name_field { width: 48% !important; clear: none !important; }
.elementor-133 .elementor-element-6beca92 #billing_first_name_field { float: right !important; }
.elementor-133 .elementor-element-6beca92 #billing_last_name_field { float: left !important; }
.elementor-133 .elementor-element-6beca92 #billing_phone_field { clear: both !important; }
.elementor-133 .elementor-element-304831c > .e-con-inner { padding-top: 28px !important; row-gap: 18px !important; gap: 18px !important; }
.elementor-133 .elementor-element-b782ea6 img { width: 170px !important; }
@media (max-width: 767px) {
	.elementor-133 .elementor-element-304831c > .e-con-inner { padding-top: 18px !important; row-gap: 14px !important; gap: 14px !important; }
	.elementor-133 .elementor-element-b782ea6 img { width: 140px !important; }
}
/* the second address card, like the billing card (Eyal, 09.11: "תלטש גם את כתובת למשלוח"): first and last name on one row,
   the floor / apartment field gets its label back (it was a screen-reader-only label, so the box stood empty), and the same side padding as the billing card on the phone */
.elementor-133 .elementor-element-6beca92 #shipping_first_name_field,
.elementor-133 .elementor-element-6beca92 #shipping_last_name_field { width: 48% !important; clear: none !important; }
.elementor-133 .elementor-element-6beca92 #shipping_first_name_field { float: right !important; }
.elementor-133 .elementor-element-6beca92 #shipping_last_name_field { float: left !important; }
.elementor-133 .elementor-element-6beca92 #shipping_phone_2_field { clear: both !important; }
.elementor-133 .elementor-element-6beca92 #shipping_address_2_field label.screen-reader-text { position: static !important; width: auto !important; height: auto !important; clip: auto !important; clip-path: none !important; overflow: visible !important; margin: 0 0 6px !important; white-space: normal !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .shipping_address::after { content: ""; display: table; clear: both; }
@media (max-width: 767px) {
	.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .shipping_address { padding: 20px !important; }
}
/* the lock (Eyal, 09.11: "אייקון נקי קלאסי של מנעול" → option ג, a thin-line lock with a keyhole), on the pay button and on the secure-payment line.
   Drawn with a CSS mask, so it takes the text colour (white on the button, ink on the line) and survives WooCommerce re-drawing the button */
.elementor-133 #place_order::before {
	content: ""; display: inline-block; flex: 0 0 auto; width: 18px; height: 18px; background-color: currentColor; vertical-align: -3px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7.5a4 4 0 0 1 8 0V11'/%3E%3Cpath d='M12 15v2.2'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7.5a4 4 0 0 1 8 0V11'/%3E%3Cpath d='M12 15v2.2'/%3E%3C/svg%3E") center / contain no-repeat;
}
.elementor-133 #place_order { gap: 9px !important; align-items: center !important; justify-content: center !important; }
/* (09.11, Eyal: "לא צריך אייקון מנעול גם בטקסט של כרטיסי האשראי, מספיק בכפתור": the lock is on the button only) */
/* (09.11, off: Eyal: "זה עבד עד עכשיו, לא חבל לשנות? האפסייל מרגיש שהוא בתוך מסגרת התשלום". The upsell stays under the card icons, as before. Kept as a comment)
/* the payment card order (Eyal, 09.11: "שהאפסייל יעלה מעליהם"): the upsell first, then the secure-payment line and the card icons,
   right above the privacy box and the button, so the "secure" cue sits next to the action * /
.elementor-133 .elementor-element-6beca92 #payment { display: flex !important; flex-direction: column !important; }
.elementor-133 .elementor-element-6beca92 #payment .place-order { display: contents !important; }
.elementor-133 .elementor-element-6beca92 #payment #wfob_wrap { order: 0; margin: 0 0 22px !important; }
.elementor-133 .elementor-element-6beca92 #payment ul.payment_methods { order: 1; }
.elementor-133 .elementor-element-6beca92 #payment #accept_privacy_field { order: 2; margin: 18px 0 10px !important; }
.elementor-133 .elementor-element-6beca92 #payment #place_order { order: 3; }
.elementor-133 .elementor-element-6beca92 #payment .woocommerce-terms-and-conditions-wrapper { order: 2; }
*/
/* the side menu: WhatsApp as slim as "התקשרו" (Eyal, 09.11: "הכפתור וואטסאפ שמן יותר מהטלפון": it kept the old 38, the phone one is 34) */
#off-canvas-4d04c2d .elementor-element-b45bd1b .elementor-icon-list-item > a { height: var(--gc-btn-h) !important; }
/* the card icons fit the card on a narrow phone (at 375 the last one, Google Pay, was cut): the strip shrinks to the width, from the right */
.elementor-133 .elementor-element-6beca92 #payment ul.payment_methods li::after { background-size: contain !important; background-position: right center !important; max-width: 100% !important; }
/* the space between the cards on the phone and tablet, one size (Eyal, 09.11: "המרווחים בין התיבות זהים, לא צמודים כמו בתחתון ולא רחבים כמו בעליון"):
   it was 24 between most cards and 0 between the summary and the payment card. Now 16 everywhere. The desktop keeps its own grid. */
@media (max-width: 1024px) {
	.elementor-133 .elementor-element-6beca92 .e-checkout__container { row-gap: 16px !important; gap: 16px !important; }
	.elementor-133 .elementor-element-6beca92 #customer_details .col-1 { margin-bottom: 16px !important; }
	.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .shipping_address { margin-top: 16px !important; }
	.elementor-133 .elementor-element-6beca92 .e-checkout__order_review-2 { margin-top: 16px !important; }
	.elementor-133 .elementor-element-6beca92 .woocommerce-checkout-payment { margin-bottom: 0 !important; }
}
/* the shipping choices (Eyal, 09.11: "שהשורה 'באזור המרכז' תתחיל בקו של הטקסט ולא מאחורי הצ'קבוקסים"): a long choice wraps under its own text, not under the circle */
.elementor-133 .elementor-element-6beca92 #shipping_method li { display: flex !important; align-items: flex-start !important; gap: 8px !important; }
.elementor-133 .elementor-element-6beca92 #shipping_method li > input.shipping_method { flex: 0 0 auto !important; margin: 3px 0 0 !important; }
.elementor-133 .elementor-element-6beca92 #shipping_method li > label { flex: 1 1 auto !important; margin: 0 !important; display: block !important; }
/* "יש לך קוד קופון?" a little closer to the total (Eyal, 09.11: "יכול להתקרב קצת למעלה"): 30 → about 14 on the phone and tablet */
@media (max-width: 1024px) {
	.elementor-133 .elementor-element-6beca92 .e-checkout__order_review { padding-bottom: 8px !important; }
	.elementor-133 .elementor-element-6beca92 .e-coupon-box { padding-top: 0 !important; }
}
/* the line under the total ("כולל מע״מ · עד 12 תשלומים…") may wrap: kept on one line it widened the whole page on phones of 360 and less (found 09.11) */
.elementor-133 .elementor-element-6beca92 .gc-total-note { white-space: normal !important; }
@media (max-width: 1024px) { .elementor-133 .elementor-element-6beca92 .e-checkout__container { grid-template-columns: minmax(0, 1fr) !important; } }  /* one column that never grows past the screen */


/* v34 (10.11, Eyal: the payment icons shimmer while the coupon box slides): the SVG strip gets a layer of its own, drawn once and moved as a picture */
:where(.elementor-page-133) :is(li.wc_payment_method.payment_method_wc_gateway_icount-wc_icount_gateway)::after {
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}


/* v35 (10.11, Eyal: the coupon, option B of the mockup: one quiet row with a chevron, a slim field with the button inside, a tag after it works) */
body.woocommerce-checkout .e-coupon-box .e-coupon-anchor-description { display: none !important; }
body.woocommerce-checkout .e-coupon-box .e-woocommerce-coupon-nudge {
    position: relative; display: flex !important; align-items: center; gap: 8px; margin: 0 !important;
    padding: 14px 0 2px !important; border-top: 1px solid #ececec; font-size: 14px !important; color: #1a1a1a !important; cursor: pointer;
}
body.woocommerce-checkout .e-coupon-box .e-woocommerce-coupon-nudge::before {
    content: ""; flex: none; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='1.8'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
}
body.woocommerce-checkout .e-coupon-box .e-woocommerce-coupon-nudge::after {
    content: ""; flex: none; margin-inline-start: auto; width: 7px; height: 7px; border-right: 1.6px solid #8a8a8a; border-bottom: 1.6px solid #8a8a8a;
    transform: translateY(-2px) rotate(45deg); transition: transform .2s ease;
}
body.woocommerce-checkout .e-coupon-box.gc-open .e-woocommerce-coupon-nudge::after { transform: translateY(2px) rotate(-135deg); }
body.woocommerce-checkout .e-coupon-box a.e-show-coupon-form { position: absolute; inset: 0; font-size: 0 !important; color: transparent !important; padding: 0 !important; }
body.woocommerce-checkout .e-coupon-box .e-coupon-anchor,
body.woocommerce-checkout .e-coupon-box .form-row { margin: 0 !important; padding: 0 !important; }
body.woocommerce-checkout .e-coupon-box .coupon-container-grid {
    display: flex !important; align-items: center; height: 40px !important; min-height: 0 !important; margin: 10px 0 2px !important; padding: 0 4px !important;
    border: 1px solid #cfcfcf; border-radius: 8px; background: #fff; gap: 0 !important;
}
body.woocommerce-checkout .e-coupon-box .coupon-container-grid:focus-within { border-color: #1a1a1a; }
body.woocommerce-checkout .e-coupon-box .coupon-container-grid .col { width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
body.woocommerce-checkout .e-coupon-box .coupon-container-grid .coupon-col-1 { flex: 1 1 auto; min-width: 0; }
body.woocommerce-checkout .e-coupon-box #coupon_code {
    width: 100% !important; height: 36px !important; min-height: 0 !important; margin: 0 !important; padding: 0 8px !important;
    border: 0 !important; box-shadow: none !important; outline: none !important; background: transparent !important; font-size: 14px !important;
}
body.woocommerce-checkout .e-coupon-box .e-apply-coupon {
    height: 30px !important; min-height: 0 !important; margin: 0 !important; padding: 0 18px !important; border: 0 !important;
    border-radius: 15px !important; background: #1a1a1a !important; color: #fff !important; font-size: 14px !important; line-height: 30px !important;
}
body.woocommerce-checkout .e-coupon-box.gc-has-coupon .e-woocommerce-coupon-nudge,
body.woocommerce-checkout .e-coupon-box.gc-has-coupon .e-coupon-anchor { display: none !important; }
body.woocommerce-checkout .gc-coupon-chips { border-top: 1px solid #ececec; padding-top: 14px; display: flex; flex-wrap: wrap; gap: 8px; }
body.woocommerce-checkout .gc-coupon-chip { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border-radius: 14px; background: #f2f2f2; font-size: 13px; color: #1a1a1a; }
body.woocommerce-checkout .gc-coupon-chip::before { content: ""; width: 14px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='1.8'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") no-repeat center / 14px 14px; }
body.woocommerce-checkout .gc-coupon-chip a { color: #69727d !important; text-decoration: underline !important; font-size: 13px !important; }
body.woocommerce-checkout table.gc-has-coupon-table tr.cart-discount { display: none !important; }
/* on desktop the totals text sits 12px in from the card edge (th padding), so the row, the field and the tag line up with it */
@media (min-width: 768px) {
    body.woocommerce-checkout .e-coupon-box .e-woocommerce-coupon-nudge { padding-right: 12px !important; }
    body.woocommerce-checkout .e-coupon-box .coupon-container-grid { margin-right: 12px !important; }
    body.woocommerce-checkout .gc-coupon-chips { padding-right: 12px; }
}


/* v46 (11.11, Eyal: the thank-you page after payment, from the approved mockup) */
body.woocommerce-order-received .woocommerce-order { max-width: 860px; margin: 0 auto; padding: 0 var(--gc-s4) var(--gc-s7); gap: 0 !important; font-family: var(--gc-font); color: var(--gc-ink); font-size: var(--gc-body); line-height: 1.5; }
body.woocommerce-order-received .woocommerce-order p.woocommerce-thankyou-order-received { text-align: center; margin: 0 !important; padding: var(--gc-s3) 0 var(--gc-s4) !important; border: 0 !important; background: none !important; color: var(--gc-ink) !important; }
body.woocommerce-order-received .woocommerce-thankyou-order-received::before { content: none !important; }
body.woocommerce-order-received .gc-ty-check { display: block; width: 48px; height: 48px; margin: 0 auto var(--gc-s3); border: 1.5px solid var(--gc-ink); border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231C1C1B%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12.5l4.5 4.5L19 7.5%22/%3E%3C/svg%3E") no-repeat center / 22px 22px; }
body.woocommerce-order-received .gc-ty-h { display: block; font-size: var(--gc-h1); font-weight: 500; line-height: 1.25; margin: 0 0 var(--gc-s1); }
body.woocommerce-order-received .gc-ty-lead { display: block; font-size: var(--gc-lead); color: var(--gc-ink-2); }
body.woocommerce-order-received .gc-ty-sub { display: block; font-size: var(--gc-body); color: var(--gc-muted); margin-top: var(--gc-s1); }

body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { display: grid !important; grid-template-columns: repeat(4, 1fr); list-style: none !important; margin: 0 0 var(--gc-s3) !important; padding: 0 !important; background: var(--gc-white); border: 1px solid var(--gc-line-soft); border-radius: var(--gc-r-card); }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview::before,
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview::after { content: none !important; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li { float: none !important; width: auto !important; margin: 0 !important; padding: var(--gc-s4) var(--gc-s5) !important; border: 0 !important; border-inline-start: 1px solid var(--gc-line-soft) !important; font-size: var(--gc-meta) !important; line-height: 1.5 !important; color: var(--gc-muted) !important; text-transform: none !important; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:first-child { border-inline-start: 0 !important; }
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong { display: block !important; font-size: var(--gc-body) !important; font-weight: 500 !important; color: var(--gc-ink) !important; line-height: 1.5 !important; }

body.woocommerce-order-received .gc-ty-card { background: var(--gc-white); border: 1px solid var(--gc-line-soft); border-radius: var(--gc-r-card); padding: var(--gc-s4) var(--gc-s5); margin: 0 0 var(--gc-s3); }
body.woocommerce-order-received .gc-ty-title { font-family: var(--gc-font); font-size: var(--gc-h3) !important; font-weight: 500 !important; color: var(--gc-ink) !important; margin: 0 0 var(--gc-s3) !important; line-height: 1.3; }
body.woocommerce-order-received .gc-ty-item { display: flex; align-items: center; gap: var(--gc-s3); padding-bottom: var(--gc-s3); margin-bottom: var(--gc-s3); border-bottom: 1px solid var(--gc-line-soft); }
body.woocommerce-order-received .gc-ty-thumb { flex: none; width: 64px; height: 64px; background: var(--gc-bg-2); }
body.woocommerce-order-received .gc-ty-thumb img { display: block; width: 64px !important; height: 64px !important; object-fit: contain; border-radius: var(--gc-r-img); }
body.woocommerce-order-received .gc-ty-name { flex: 1; min-width: 0; }
body.woocommerce-order-received .gc-ty-name small { display: block; font-size: var(--gc-meta); color: var(--gc-muted); }
body.woocommerce-order-received .gc-ty-price { flex: none; }
body.woocommerce-order-received .gc-ty-row { display: flex; justify-content: space-between; gap: var(--gc-s4); padding: var(--gc-s2) 0; }
body.woocommerce-order-received .gc-ty-l { flex: none; color: var(--gc-ink-2); }
body.woocommerce-order-received .gc-ty-v { text-align: end; }
body.woocommerce-order-received .gc-ty-total { border-top: 1px solid var(--gc-line-soft); margin-top: var(--gc-s2); padding-top: var(--gc-s3); font-size: var(--gc-lead); font-weight: 500; }
body.woocommerce-order-received .gc-ty-total .gc-ty-l { color: var(--gc-ink); }
body.woocommerce-order-received .gc-ty-card .woocommerce-Price-amount { direction: ltr; unicode-bidi: isolate; display: inline-block; }
body.woocommerce-order-received .gc-ty-two { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gc-s3); }
body.woocommerce-order-received .gc-ty-two .gc-ty-card { margin: 0; }
body.woocommerce-order-received .gc-ty-two .gc-ty-card:only-child { grid-column: 1 / -1; }
body.woocommerce-order-received .gc-ty-two p { margin: 0 !important; padding: 0 !important; color: var(--gc-ink-2); }
body.woocommerce-order-received .gc-ty-two p + p { margin-top: 2px !important; }
body.woocommerce-order-received .gc-ty-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gc-s2); margin-top: var(--gc-s4); }
body.woocommerce-order-received a.gc-ty-btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 22px; border: 1.5px solid var(--gc-ink); border-radius: var(--gc-r-pill); background: transparent; color: var(--gc-ink) !important; font-family: var(--gc-font); font-size: var(--gc-btn-text); font-weight: 400; text-decoration: none !important; }
body.woocommerce-order-received a.gc-ty-btn.gc-ty-btn-fill { background: var(--gc-ink); color: var(--gc-white) !important; }
@media (max-width: 700px) {
    body.woocommerce-order-received .woocommerce-order { padding: 0 var(--gc-s3) var(--gc-s6); }
    body.woocommerce-order-received .gc-ty-h { font-size: var(--gc-h2); }
    body.woocommerce-order-received .gc-ty-lead { font-size: var(--gc-body); }
    body.woocommerce-order-received .gc-ty-card { padding: var(--gc-s4); }
    body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview { grid-template-columns: 1fr 1fr; }
    body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li { padding: var(--gc-s3) var(--gc-s4) !important; }
    body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:nth-child(3) { border-inline-start: 0 !important; }
    body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:nth-child(n+3) { border-top: 1px solid var(--gc-line-soft) !important; }
    body.woocommerce-order-received .gc-ty-two { grid-template-columns: 1fr; }
    body.woocommerce-order-received .gc-ty-btns { flex-direction: column; }
}


/* v47 (11.11, Eyal: the newsletter consent checkbox and its text on one line) */
body.woocommerce-checkout .elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields p.form-row.form-row-wide:has(> #flashy_accept_marketing) { display: flex !important; align-items: center; gap: 5px; margin: 0 !important; padding: 12px 10px 4px 0 !important; }
body.woocommerce-checkout .elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields p.form-row.form-row-wide:has(> #flashy_accept_marketing) > #flashy_accept_marketing { flex: none; margin: 0 !important; position: static !important; }
body.woocommerce-checkout .elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields p.form-row.form-row-wide:has(> #flashy_accept_marketing) > label { display: inline !important; margin: 0 !important; padding: 0 !important; line-height: 1.4 !important; }


/* v48 (11.11, Eyal: ship to a different address under the details, floor and flat as two fields) */
body.gc-ship-moved .elementor-133 .elementor-element-6beca92 .woocommerce-billing-fields #ship-to-different-address { padding: 2px 0 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; }
body.gc-ship-moved .elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields { padding-bottom: 16px !important; border-bottom: 1px solid var(--gc-line-soft) !important; border-radius: var(--gc-r-card) !important; }
body.gc-ship-moved .elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .shipping_address { order: 0 !important; margin: 0 0 16px !important; }
body.gc-ship-moved.woocommerce-checkout .elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields p.form-row.form-row-wide:has(> #flashy_accept_marketing) { padding-right: 0 !important; }
.elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields__field-wrapper { display: flow-root; }
.elementor-133 .elementor-element-6beca92 p#shipping_floor_field,
.elementor-133 .elementor-element-6beca92 p#shipping_appartement_field { float: right !important; clear: none !important; width: calc(50% - 6.4px) !important; margin-left: 0 !important; margin-right: 0 !important; }
.elementor-133 .elementor-element-6beca92 p#shipping_floor_field { margin-left: 12.8px !important; }
@media (min-width: 1025px) {
    body.gc-ship-moved .elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields { grid-column: 1; grid-row: 3 / span 2; }
    body.gc-ship-moved:has(#ship-to-different-address-checkbox:checked) .elementor-133 .elementor-element-6beca92 .woocommerce-shipping-fields .shipping_address { grid-column: 1; grid-row: 3; margin: 24px 0 0 !important; }
    body.gc-ship-moved:has(#ship-to-different-address-checkbox:checked) .elementor-133 .elementor-element-6beca92 .woocommerce-additional-fields { grid-row: 4; }
    body.gc-ship-moved:has(#ship-to-different-address-checkbox:checked) .elementor-133 .elementor-element-6beca92 .e-checkout__order_review-2 { align-self: start; }
}


/* v49 (12.11, Eyal: footrest buttons like the family selector, color dots 26px) */
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper { gap: 8px !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; height: 36px !important; margin: 0 !important; padding: 0 16px !important; border: 1px solid var(--gc-line) !important; border-radius: var(--gc-r-pill) !important; box-shadow: none !important; background: var(--gc-white) !important; color: var(--gc-ink) !important; transition: border-color .15s !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item .variable-item-contents { padding: 0 !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item .variable-item-span { padding: 0 !important; font-family: var(--gc-font) !important; font-size: var(--gc-small) !important; font-weight: 400 !important; line-height: 1 !important; color: var(--gc-ink) !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item:hover { box-shadow: none !important; border-color: var(--gc-hint) !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item.selected { box-shadow: none !important; border: 1.5px solid var(--gc-ink) !important; padding: 0 15.5px !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item.selected .variable-item-span { font-weight: 500 !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item::before,
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item::after { display: none !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .color-variable-items-wrapper .variable-item,
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .color-variable-items-wrapper .variable-item .variable-item-contents,
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .color-variable-items-wrapper .variable-item .variable-item-span-color { width: 26px !important; height: 26px !important; }
.gc-fam .gc-dot { width: 26px; height: 26px; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 table.variations tr + tr { margin-top: 12px !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item .variable-item-contents { display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 6px !important; width: auto !important; height: auto !important; }
body .elementor-399 .elementor-element.elementor-element-8b3bd07 .button-variable-items-wrapper .variable-item .gc-sw-note { font-family: var(--gc-font) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1 !important; color: var(--gc-hint) !important; white-space: nowrap !important; }

/* v50 (12.11, Eyal: the checkout phone, red frame and note for a wrong number) */
.elementor-133 .gc-phone-bad .input-text { border-color: var(--gc-red) !important; }
.elementor-133 .elementor-element-6beca92 .form-row.gc-phone-bad label { position: relative !important; }
.elementor-133 .gc-phone-note { position: absolute; top: 0; inset-inline-end: 0; font-size: var(--gc-small) !important; font-weight: 400 !important; line-height: inherit; color: var(--gc-red-text) !important; white-space: nowrap; }

/* v51 (14.11, Eyal: the cancellation link in the footer is bold) */
[data-elementor-type="footer"] .elementor-element-gcf0a11 a[href*="%d7%91%d7%99%d7%98%d7%95%d7%9c-%d7%a2%d7%a1%d7%a7%d7%94"] { font-weight: 700 !important; }