/*
Theme Name: כלבו רוטשילד
Description: תבנית-בת ל-MW Commerce עבור kolbor.com - שחזור המראה של האתר (Woodmart + Elementor) על מנוע MW: הדר 3 שורות, הירו כתום, קטגוריות, סטריפים, בנטו מבצעים, "הכפתור המיוחד", סקשני הפוטר. פונט ploni מקומי. עדכון תבנית האם לא נוגע בקבצים כאן.
Template: mw-commerce
Author: Malki Weisbord
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kolbor
*/

/* ==========================================================
   1. פונט ploni (הקבצים בתיקיית התבנית-בת) + טוקנים
   ========================================================== */
@font-face { font-family: 'ploni'; src: url('assets/fonts/ploni-light-aaa.woff2') format('woff2'), url('assets/fonts/ploni-light-aaa.woff') format('woff'); font-weight: 200 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'ploni'; src: url('assets/fonts/ploni-regular-aaa.woff2') format('woff2'), url('assets/fonts/ploni-regular-aaa.woff') format('woff'); font-weight: 400 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'ploni'; src: url('assets/fonts/ploni-demibold-aaa.woff2') format('woff2'); font-weight: 600 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'ploni'; src: url('assets/fonts/ploni-ultrabold-aaa.woff2') format('woff2'); font-weight: 800 900; font-style: normal; font-display: swap; }

:root {
    --mw-font: 'ploni', Arial, Helvetica, sans-serif;
    --kb-orange: #EB5D0B;      /* accent */
    --kb-orange2: #F39000;     /* עגלה, "למה אנחנו", כפתורי מעבר למוצר */
    --kb-orange3: #ff7b2e;     /* ריחוף הכפתור המיוחד */
    --kb-gray: #575756;
    --kb-dark: #363636;
    --kb-text: #141414;
    --kb-bg: #F3F3F3;
    --kb-green: #2D9301;
    --kb-radius-xl: 2em;
    --kb-ease: cubic-bezier(.77, 0, .175, 1);
    /* הטיפוגרפיה של אלמנטור (יחידות vw) */
    --kb-fs-h1: 5vw;
    --kb-fs-h2: 2.6vw;
    --kb-fs-text: 1.04vw;
    --kb-fs-btn: 1.04vw;
    --kb-fs-small: .9vw;
    --kb-fs-mid: 1.4vw;
}
@media (max-width: 1366px) { :root { --kb-fs-btn: 1.1vw; } }
@media (max-width: 1024px) { :root { --kb-fs-h1: 50px; --kb-fs-h2: 30px; --kb-fs-text: 15px; --kb-fs-btn: 15px; --kb-fs-small: 14px; --kb-fs-mid: 22px; } }
@media (max-width: 768px)  { :root { --kb-fs-h1: 42px; --kb-fs-h2: 25px; --kb-fs-btn: 14px; --kb-fs-small: 13px; } }

body { font-family: var(--mw-font); font-weight: 300; color: var(--kb-text); }
strong, b { font-weight: 700; }
::selection { color: #fff; background: var(--kb-orange); }
::-webkit-scrollbar { width: 9px; }
::-webkit-scrollbar-thumb { background: var(--kb-orange); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: var(--kb-dark); }

.kb-h2, .kb-home .mw-home__title, .kb-faqwrap .mw-faq__title {
    font-size: var(--kb-fs-h2);
    font-weight: 300;
    line-height: 1.15;
    text-align: center;
    margin: 0 0 24px;
    color: var(--kb-text);
}
.kb-h2 b { font-weight: 700; }

/* ==========================================================
   2. אנימציות כניסה (fadeInUp) - הקלאס מוזרק ב-kolbor.js
   ========================================================== */
.kb-reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.kb-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .kb-reveal { opacity: 1; transform: none; transition: none; } }

/* ==========================================================
   3. הכפתור המיוחד (special-button): גלולה + עיגול-חץ שנוסע
   ========================================================== */
.kb-btn,
.mw-home-strip__btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 20px 0 55px;
    border: 1px solid #000;
    border-radius: 100px;
    background: transparent;
    color: #000 !important;
    font-family: var(--mw-font);
    font-size: var(--kb-fs-btn);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    overflow: hidden;
    transition: all .5s var(--kb-ease);
}
.kb-btn__ico,
.mw-home-strip__btnico {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
    margin: 0;
    z-index: 2;
    transition: all .5s var(--kb-ease);
}
.mw-home-strip__btnico { width: 34px; height: 34px; padding: 8px; box-sizing: border-box; }
.kb-btn__ico svg { width: 16px; height: auto; }
.kb-btn:hover, .mw-home-strip__btn:hover { padding: 0 55px 0 20px; background: #000; color: #fff !important; }
.kb-btn:hover .kb-btn__ico, .mw-home-strip__btn:hover .mw-home-strip__btnico {
    left: calc(100% - 39px);
    transform: translateY(-50%) rotate(360deg);
    background: #fff;
    color: #000;
}
/* הגרסה הכתומה (בנטו, "מעבר למוצר") */
.kb-btn--orange { background: var(--kb-orange2); border-color: var(--kb-dark); }
.kb-btn--orange .kb-btn__ico { background: #000; color: #fff; }
.kb-btn--orange:hover { background: var(--kb-orange3); color: #000 !important; }
.kb-btn--orange:hover .kb-btn__ico { background: #000; color: #fff; }
.kb-btnrow { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 18px; }
@media (max-width: 767px) {
    .kb-btn, .mw-home-strip__btn { height: 36px; padding: 0 15px 0 45px; font-size: 14px; }
    .kb-btn__ico, .mw-home-strip__btnico { width: 28px; height: 28px; left: 4px; }
    .kb-btn:hover, .mw-home-strip__btn:hover { padding: 0 45px 0 15px; }
    .kb-btn:hover .kb-btn__ico, .mw-home-strip__btn:hover .mw-home-strip__btnico { left: calc(100% - 32px); }
}

/* ==========================================================
   4. ההדר - מידות אחד-לאחד מול Woodmart (נמדד ב-1400px):
   פס עליון 28 · שורה ראשית 50 · שורה תחתונה 46 · לוגו 329×106 שגולש
   57px למעלה · חיפוש 491×31 · חשבון 25 · השוואה/משאלות 27 · עגלה עיגול 32 עם אייקון 18
   ========================================================== */
/* רוחב האתר כמו במקור: מקצה לקצה עם 15px מכל צד */
.mw-container { max-width: none; padding-inline: 15px; }
.mw-topbar { background: var(--kb-gray); color: rgba(255, 255, 255, .8); font-size: 12px; font-weight: 300; padding: 0 15px; height: 28px; line-height: 28px; }
.mw-header { box-shadow: none; overflow: visible; }
.mw-hrow--middle .mw-header__inner { min-height: 50px; }
.mw-hrow--bottom .mw-header__inner { min-height: 46px; gap: 0; }
.mw-hrow--middle { --mw-header-text: #fff; }
.mw-nav__list a { white-space: nowrap; }
/* התפריט העליון יושב לפי רוחב התוכן, עם 171px ריק מימין (ה-space element של וודמארט) */
.mw-hrow--middle .mw-hzone--start { flex: 0 0 auto; padding-inline-start: 171px; }
.mw-hrow--middle .mw-nav__list { gap: 30px; }
.mw-hrow--middle .mw-nav__list a { color: #fff; font-weight: 600; font-size: 15px; padding: 5px 0; }
.mw-hrow--middle .mw-nav__list a:hover { background: transparent; color: var(--kb-orange2); }

/* שורת חיפוש: גלולה לבנה, כפתור עגול כתום בצד */
.mw-searchbar { position: relative; flex: 0 1 491px; width: 491px; max-width: 100%; }
.mw-searchbar .mw-search-input {
    height: 31px;
    border: none;
    border-radius: 35px;
    background: #fff;
    color: #777;
    font-family: var(--mw-font);
    font-size: 14px;
    font-weight: 300;
    padding-inline: 15px 61px;
    box-shadow: none;
}
.mw-searchbar .mw-search-submit {
    position: absolute;
    inset-inline-end: auto;
    left: 4px;
    top: 4px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: var(--kb-orange);
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.mw-searchbar .mw-search-submit svg { width: 15px; height: 15px; }
.mw-searchbar .mw-search-submit:hover { background: var(--kb-orange); }

/* אייקון החשבון */
.mw-account { color: #fff; }
.mw-account__img, .mw-account img { width: 25px; height: 25px; }
.mw-hrow--middle .mw-hzone--end { flex: 0 0 auto; gap: 37.5px; }
.mw-hrow--middle .mw-hzone--end > * { flex: 0 0 auto; }
.mw-hrow--middle .mw-account { margin-inline-end: -2.5px; }
.mw-hrow--middle .mw-account:hover { color: var(--kb-orange2); }

/* שורה תחתונה: הלוגו הגדול (329×106) גולש 57px למעלה אל השורה הכהה, כמו במקור */
.mw-hrow--bottom { background: rgba(255, 255, 255, .98); border-bottom: none; }
.mw-hrow--bottom .mw-hzone--start { overflow: visible; }
/* רוחב עמודת הלוגו = 153px (כמו העמודה במקור), התמונה עצמה גולשת החוצה */
.mw-hrow--bottom .mw-logo { position: relative; width: 153px; height: 46px; overflow: visible; z-index: 5; }
.mw-hrow--bottom .mw-logo img { position: absolute; top: -40.7px; right: -2.9px; height: 90px; max-height: none; max-width: none; width: auto; transform: none; }
.mw-hrow--bottom .mw-logo .kb-logo-mobile { display: none; }
/* תפריט הקטגוריות מיושר לימין עד לעמודת הלוגו, כמו במקור */
.mw-hrow--bottom .mw-hzone--center { justify-content: flex-start; padding-inline-start: 1px; }
.mw-hrow--bottom .mw-nav__list { gap: 2px; }
.mw-hrow--bottom .mw-nav__list a {
    position: relative;
    padding: 6px 9px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    border-radius: 0;
}
.mw-hrow--bottom .mw-nav__list a::after {
    content: '';
    position: absolute;
    left: 9px;
    right: 9px;
    bottom: 2px;
    height: 2px;
    background: var(--kb-orange);
    transform: scaleX(0);
    transition: transform .25s ease;
}
.mw-hrow--bottom .mw-nav__list a:hover { background: transparent; color: var(--kb-text); }
.mw-hrow--bottom .mw-nav__list a:hover::after { transform: scaleX(1); }

/* אייקוני השוואה/משאלות/עגלה - קבצי ה-SVG המקוריים */
.mw-listlink { color: var(--kb-text); }
.mw-hrow--bottom .mw-listlink { padding: 0; }
.mw-listlink svg, .mw-listlink .mw-hicon-img { width: 27px; height: 27px; stroke-width: 1.6; }
.mw-cart-toggle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--kb-orange2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
}
.mw-cart-toggle:hover { background: var(--kb-orange); }
.mw-cart-toggle svg, .mw-cart-toggle .mw-hicon-img { width: 18px; height: 16px; }
.mw-cart-toggle .mw-hicon-img { filter: brightness(0) invert(1); } /* cart.svg שחור -> לבן על הכתום */
.mw-header .mw-cart-count,
.mw-header .mw-wish-count,
.mw-header .mw-compare-count {
    position: absolute;
    top: -3px;
    inset-inline: -6px auto;
    width: 18px;
    min-width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 50%;
    background: #000 !important;
    color: #fff !important;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mw-header .mw-wish-count,
.mw-header .mw-compare-count {
    top: -5px;
    width: 15px;
    min-width: 15px;
    height: 15px;
    font-size: 6px;
    line-height: 15px;
    background: var(--kb-orange) !important;
}
/* במקור הבועה מוצגת גם כשהמונה 0 */
.mw-header .mw-cart-count[hidden],
.mw-header .mw-wish-count[hidden],
.mw-header .mw-compare-count[hidden] { display: flex !important; }
.mw-listlink { position: relative; display: inline-flex; }
.mw-hrow--bottom .mw-hzone--end { gap: 26px; }
.mw-hrow--bottom .mw-cart-toggle { margin-inline-start: 10px; }
.mw-hrow--bottom .mw-iconbox { display: none; } /* כפתור הטלפון - מובייל בלבד */
.mw-iconbox__txt:empty { display: none; }

/* ==========================================================
   5. כרטיס המוצר (Woodmart standard + products-with-bg)
   ========================================================== */
.mw-card {
    background: var(--kb-bg);
    border: none;
    border-radius: 20px;
    padding: 12px 12px 14px;
    align-items: stretch;
}
.mw-card:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, .08); transform: translateY(-2px); }
.mw-card__img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 210px;
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    overflow: hidden;
}
.mw-card__img img { width: auto; height: auto; max-width: 100%; max-height: 100%; aspect-ratio: auto; object-fit: contain; mix-blend-mode: multiply; }
/* במקור האייקונים בצד שמאל של הכרטיס (wd-pos-r-t = ימין-למעלה ב-LTR), 45px לכל אחד */
.mw-card__fabs, .mw-card__fabs--end { top: 25px; inset-inline-start: auto; inset-inline-end: 25px; flex-direction: column; gap: 9px; }
.mw-fab { background: transparent; box-shadow: none; width: 36px; height: 36px; color: var(--kb-text); }
.mw-fab svg { width: 18px; height: 18px; stroke-width: 1.7; }
.mw-badge { background: #8CBC67; top: 12px; inset-inline-start: auto; inset-inline-end: 12px; }
.mw-badge--out { background: #0D0625; }
.mw-card__title { font-size: 1.2vw; font-weight: 700; line-height: 1.4; margin: 12px 0 8px; text-align: start; min-height: 2.8em; }
@media (max-width: 1024px) { .mw-card__title { font-size: 15px; } }
.mw-card__title a { color: var(--kb-text); }
.mw-card__price { font-size: 24px; font-weight: 700; color: #000; margin-bottom: 10px; }
.mw-card__price .woocommerce-Price-amount { font-weight: 700; color: #000; }
.mw-card__price del { font-size: 14px; }
@media (max-width: 1024px) { .mw-card__price, .mw-card__price .woocommerce-Price-amount { font-size: 20px; } }
@media (max-width: 767px) { .mw-card__price, .mw-card__price .woocommerce-Price-amount { font-size: 18px; } .mw-card__img { height: 170px; } .mw-card__title { font-size: 14px; } }

/* כמות: גלולה אפורה + כפתור "הוספה לסל" גלולה עם עיגול כתום שנוסע */
.mw-card__actions { flex-direction: column; align-items: flex-end; gap: 10px; }
.mw-qty { justify-content: space-between; background: transparent; width: 124px; height: 36px; gap: 0; }
.mw-qty__btn {
    width: 25px;
    height: 25px;
    border-radius: 6px;
    background: #EAEAEA;
    border: none;
    color: #000;
    font-weight: 700;
    font-size: 14px;
}
.mw-qty__input { width: 50px; border: none; background: transparent; font-weight: 600; text-align: center; }
.mw-card .mw-buy-btn,
.mw-card .mw-buy-btn--link {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 124px;
    max-width: 124px;
    margin-inline-start: auto;
    height: 38px;
    padding: 3px 10px 3px 3px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 99px !important; /* האם כופה var(--mw-radius) עם important */
    color: #000;
    font-family: var(--mw-font);
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    transition: background .2s;
}
.mw-card .mw-buy-btn__ico {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--kb-orange);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform .4s var(--kb-ease);
}
.mw-card .mw-buy-btn__ico svg { width: 16px; height: 16px; }
.mw-card .mw-buy-btn:hover { background: #fff; color: #000; }
.mw-card .mw-buy-btn:hover .mw-buy-btn__ico { transform: translateX(calc(100% + 50px)); }
.mw-card .mw-buy-btn:hover .mw-buy-btn__text { transform: translateX(-24px); }
.mw-card .mw-buy-btn__text { transition: transform .4s var(--kb-ease); }
.mw-card .mw-buy-btn .mw-buy-count { inset-inline-start: auto; inset-inline-end: -4px; top: -6px; }

/* ==========================================================
   6. עמוד הבית
   ========================================================== */
.kb-home > * + * { margin-top: 6vh; }
.kb-home > .screen-reader-text + * { margin-top: 0; }
.kb-home { padding: 14px 0 4vh; }
.mw-home { padding-top: 14px; }

/* --- הירו --- */
/* סליידר: המסלול מחזיק את כל השקופיות בשורה, כל אחת ברוחב מלא */
.kb-hero { position: relative; }
.kb-hero__track { display: flex; }
.kb-hero--slider .kb-hero__track { transition: transform .6s cubic-bezier(.4, 0, .2, 1); }
.kb-hero--slider { overflow: hidden; border-radius: var(--kb-radius-xl); }
.kb-hero__nav {
    position: absolute;
    top: 11%;
    width: 44px;
    height: 44px;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, .28);
    cursor: pointer;
    z-index: 6;
    padding: 0;
    transition: color .2s;
}
.kb-hero__nav:hover { color: #fff; }
.kb-hero__nav--prev { inset-inline-start: 2%; }
.kb-hero__nav--next { inset-inline-end: 2%; }
.kb-hero__card {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    min-height: 78vh;
    border-radius: var(--kb-radius-xl);
    background: linear-gradient(135deg, #F39000, #EB5D0B);
    background-size: cover;
    background-position: top right;
    padding: 5%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.kb-hero__content { position: relative; z-index: 2; max-width: 55%; }
.kb-hero__title {
    margin: 0 0 8px;
    font-size: var(--kb-fs-h1);
    font-weight: 900;
    line-height: 1;
    color: var(--kb-text);
}
.kb-hero__title b { font-weight: 900; }
/* החץ המצויר - ה-SVG המקורי (154×98), 4vw גובה, ב-23% משמאל לתיבת התוכן */
.kb-hero__squiggle { position: absolute; top: -2%; left: 23%; height: 4vw; width: auto; display: block; color: #000; }
.kb-hero__squiggle svg { height: 4vw; width: auto; fill: currentColor; display: block; }
.kb-hero .kb-hero__sub { margin: 0; font-size: var(--kb-fs-h2); font-weight: 700; color: #fff; line-height: 1.1; }
.kb-hero__sub2 { margin: 4px 0 0; font-size: var(--kb-fs-text); font-weight: 300; color: var(--kb-text); }
.kb-hero__content .kb-btn { margin-top: 2vh; }
.kb-hero__mascot {
    position: absolute;
    bottom: -3%;
    left: 0;
    width: 45vw;
    max-width: none;
    z-index: 1;
    pointer-events: none;
}
/* כרטיסי המוצרים בתחתית - על "לשונית" לבנה מעוגלת (Union.svg) */
.kb-hero__cards {
    position: absolute;
    right: 0;
    bottom: -0.5%;
    width: 56.6%;
    min-height: 11vw;
    background: url('assets/img/union.svg') no-repeat 0 100% / cover;
    padding: 2% 0 0 3%;
    z-index: 3;
}
.kb-hero__cardtrack {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 28px) / 3);
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
}
.kb-hero__cardtrack::-webkit-scrollbar { display: none; }
.kb-hero__cardtrack > .kb-hero-card { scroll-snap-align: start; }
a.kb-hero-card, a.kb-hero-card:hover, a.kb-hero-card:visited { color: var(--kb-text); text-decoration: none; }
.kb-hero-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-height: 201px;
    padding: 12% 8% 8%;
    background: var(--kb-bg);
    border: 1px solid transparent;
    border-radius: var(--kb-radius-xl);
    text-decoration: none;
    color: var(--kb-text);
    transition: border-color .3s;
}
.kb-hero-card:hover { border-color: var(--kb-text); }
.kb-hero-card img { height: 10vh; width: auto; max-width: 90%; object-fit: contain; mix-blend-mode: multiply; transition: transform .3s; }
.kb-hero-card:hover img { transform: scale(1.06); }
.kb-hero-card__name { font-size: var(--kb-fs-btn); font-weight: 700; text-align: center; line-height: 1.1; color: var(--kb-text); }
.kb-hero-card__arrow {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--kb-dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--kb-dark);
    transition: background .2s, color .2s, border-color .2s;
}
.kb-hero-card__arrow svg { width: 15px; height: auto; }
.kb-hero-card:hover .kb-hero-card__arrow { background: var(--kb-orange); border-color: var(--kb-orange); color: #fff; }
.kb-hero__arrow { display: none; }

/* --- קטגוריות (על המנוע של האם) --- */
.kb-cats { width: calc((100% - 30px) * .98); margin-inline: auto; min-height: 89vh; display: flex; flex-direction: column; justify-content: center; background: var(--kb-bg); border-radius: var(--kb-radius-xl); padding: 4vh 0; }
.kb-cats .mw-home-cats { --mw-cat-cols: 6; padding-inline: 5%; max-width: none; }
.kb-cats .mw-home-cats__title { margin-bottom: 21px; font-weight: 100; }
.kb-cats .mw-home-cats__grid { gap: 20px; }
.kb-cats .mw-home-cat { background: rgba(255, 255, 255, .63); border-radius: 23px; overflow: hidden; padding: 0; gap: 0; transition: transform .25s ease, box-shadow .25s ease; }
.kb-cats .mw-home-cat:hover { transform: translateY(-4px); }
.kb-cats .mw-home-cat__img { width: 100%; border-radius: 23px 23px 0 0; aspect-ratio: 1; overflow: hidden; }
.kb-cats .mw-home-cat__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.kb-cats .mw-home-cat:hover .mw-home-cat__img img { transform: scale(1.1); }
.kb-cats .mw-home-cat__name { display: inline; font-size: var(--kb-fs-btn); font-weight: 500; color: var(--kb-text); line-height: 1.1; padding: 0; }
.kb-cats .mw-home-cat__count { display: inline; font-size: var(--kb-fs-small); font-weight: 300; color: var(--kb-gray); padding: 0 2px; }
.kb-cats .mw-home-cat__txt { display: block; text-align: center; padding: 10px 8px; line-height: 1.1; }
@media (max-width: 1024px) { .kb-cats .mw-home-cats { --mw-cat-cols: 3; } }
@media (max-width: 768px) {
    .kb-cats { padding: 5vh 4%; }
    .kb-cats .mw-home-cats__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
    .kb-cats .mw-home-cat { width: auto; }
    .kb-cats .mw-home-cat__img { width: 100%; height: auto; }
}

/* --- סטריפים --- */
.kb-strip .mw-home-strip { padding-inline: calc(15px + 5%); min-height: 82vh; display: flex; flex-direction: column; justify-content: center; }
.kb-strip .mw-home-strip__head { justify-content: center; }
.kb-strip .mw-home__title { text-align: center; width: 100%; }
.kb-strip .mw-home-strip .mw-products .mw-card { flex: 0 0 285px; }
.kb-strip .mw-strip-arrow { width: 44px; height: 44px; top: 38%; border: 1px solid #eee; box-shadow: 0 4px 14px rgba(0, 0, 0, .12); }
.kb-strip .mw-strip-arrow:hover { background: #f7f7f7; color: var(--kb-text); }
.kb-strip .mw-home-strip .mw-products { scrollbar-width: thin; scrollbar-color: #c4c4c4 transparent; padding-bottom: 12px; }
.kb-strip .mw-home-strip .mw-products::-webkit-scrollbar { display: block; height: 6px; }
.kb-strip .mw-home-strip .mw-products::-webkit-scrollbar-thumb { background: #c4c4c4; border-radius: 3px; }
.kb-strip .mw-home-strip__foot { margin-top: 26px; }
@media (max-width: 768px) { .kb-strip .mw-home-strip .mw-products .mw-card { flex: 0 0 78vw; scroll-snap-align: start; } .kb-strip .mw-home-strip { padding-inline: 0; } }

/* --- בנטו מבצעים --- */
.kb-bento { padding-inline: calc(15px + 4.3%); min-height: 82vh; display: flex; flex-direction: column; justify-content: center; }
.kb-bento__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 18vh; grid-auto-flow: dense; gap: 0; }
.kb-bento__item { padding: 10px; border-radius: 20px; overflow: hidden; display: flex; }
.kb-bento__inner {
    position: relative;
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 32px;
    overflow: hidden;
    background: #221F1D center / cover no-repeat;
    padding: 6px;
}
.kb-bento__inner::before { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, .6); }
.kb-bento__link { position: absolute; inset: 0; z-index: 1; }
.kb-bento__body { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 10px; width: 57%; padding: 3%; text-align: center; pointer-events: none; }
.kb-bento__body .kb-btn { pointer-events: auto; }
.kb-bento__name { margin: 0; font-size: var(--kb-fs-mid); font-weight: 300; color: #fff; line-height: 1.1; text-shadow: 0 1px 8px rgba(0, 0, 0, .35); }
.kb-bento__price { background: rgba(255, 255, 255, .78); border: 1px solid var(--kb-text); border-radius: 8px; padding: 5px 10px 0; font-size: 16px; font-weight: 400; color: #000; }
.kb-bento__price * { color: #000 !important; }
.kb-bento__grid .kb-bento__item:nth-child(1) { grid-column: span 2; grid-row: span 2; }
.kb-bento__grid .kb-bento__item:nth-child(2) { grid-column: span 2; grid-row: span 4; }
.kb-bento__grid .kb-bento__item:nth-child(3),
.kb-bento__grid .kb-bento__item:nth-child(4) { grid-column: span 1; grid-row: span 2; }
.kb-bento__grid .kb-bento__item:nth-child(5) { grid-column: span 2; grid-row: span 1; }
.kb-bento__grid--4 .kb-bento__item:nth-child(2) { grid-row: span 4; }
.kb-bento__grid--3 .kb-bento__item:nth-child(1) { grid-row: span 4; }
.kb-bento__grid--3 .kb-bento__item:nth-child(2),
.kb-bento__grid--3 .kb-bento__item:nth-child(3) { grid-column: span 2; grid-row: span 2; }
.kb-bento__grid--2 .kb-bento__item,
.kb-bento__grid--1 .kb-bento__item { grid-column: span 2; grid-row: span 4; }
@media (max-width: 1023px) {
    .kb-bento__grid { grid-template-columns: minmax(0, 1fr); grid-auto-rows: 23vh; }
    .kb-bento__grid .kb-bento__item { grid-column: span 1 !important; grid-row: span 1 !important; }
}

/* --- באנר רחב --- */
.kb-banner { padding-inline: calc(15px + 5%); }
.kb-banner img { display: block; width: 100%; height: 46vh; object-fit: cover; border-radius: var(--kb-radius-xl); }
@media (max-width: 768px) { .kb-banner img { height: 16vh; border-radius: 1em; } }

/* ==========================================================
   7. סקשני הפוטר (בכל האתר, מעל הפוטר)
   ========================================================== */
.kb-reviews { text-align: center; margin-top: 8vh; padding: 5% 5% 3%; }
.kb-reviews__badge { height: 36px; width: auto; margin-bottom: 10px; }
.kb-reviews__widget { margin: 16px 0; }
.kb-reviews .ti-review-item { box-shadow: 1px 4px 10px rgba(0, 0, 0, .07), 0 0 2px rgba(0, 0, 0, .05); background: #fff !important; border-radius: 20px; margin: 10px; padding: 10px !important; }
.kb-reviews .ti-review-text { font-size: 13px !important; line-height: 1.2em !important; text-align: right !important; }

.kb-why { margin-top: 8vh; }
.kb-why__card {
    position: relative;
    min-height: 64vh;
    display: flex;
    align-items: center;
    background: var(--kb-orange2);
    border-radius: 32px;
    padding: 5% 5% 5% 27%;
    overflow: hidden;
}
.kb-why__card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('assets/img/union.svg') no-repeat 97% 0 / 38% auto;
    opacity: .18;
    pointer-events: none;
}
.kb-why__mascot { position: absolute; left: 3%; bottom: 0; width: 24%; max-width: 325px; pointer-events: none; }
.kb-why__body { position: relative; z-index: 1; width: 100%; }
.kb-why__title { text-align: center; font-weight: 100; margin-bottom: 4vh; }
.kb-why__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.kb-why__item {
    background: rgba(255, 255, 255, .17);
    border: 1px solid #fff;
    border-radius: 32px;
    padding: 13px;
    min-height: 15vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.kb-why__ico { width: 50px; height: 50px; border-radius: 50%; background: #000; color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.kb-why__ico svg { width: 26px; height: 26px; }
.kb-why__item h3 { margin: 0 0 20px; font-size: var(--kb-fs-btn); font-weight: 500; color: #242424; }
.kb-why__item p { margin: 0; font-size: var(--kb-fs-btn); font-weight: 100; line-height: 1.1; color: #020202; }
@media (max-width: 1024px) {
    .kb-why__card { padding: 6% 5% 42%; min-height: 0; }
    .kb-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .kb-why__item { min-height: 100px; }
    .kb-why__mascot { width: 42%; left: 50%; transform: translateX(-50%); }
    .kb-why__title { text-align: center; }
}

.kb-faqwrap { display: grid; grid-template-columns: minmax(0, 791fr) minmax(0, 328fr); column-gap: 8%; padding: 4% calc(15px + 5%); margin-top: 4vh; min-height: 60vh; align-items: center; }
.kb-faqwrap__ico { display: block; width: 44px; margin: 0 auto 6px; color: var(--kb-orange); }
.kb-faqwrap__faq .mw-faq { padding: 0; }
.kb-faqwrap .mw-faq__item { border: none; border-bottom: 1px solid #e5e5e5; border-radius: 0; background: transparent; }
.kb-faqwrap .mw-faq__q { font-size: var(--kb-fs-btn); font-weight: 700; color: var(--kb-dark); padding: 16px 8px; }
.kb-faqwrap .mw-faq__q:hover { color: var(--kb-orange); }
.kb-faqwrap .mw-faq__item[open] .mw-faq__q { color: var(--kb-orange); }
.kb-faqwrap .mw-faq__a { font-size: var(--kb-fs-text); padding: 0 8px 16px; }
.kb-faqwrap__faq > .kb-btn { margin: 18px auto 0; display: inline-flex; }
.kb-faqwrap__faq { text-align: center; }
.kb-faqwrap__form { background: rgba(243, 243, 243, .39); border-radius: 1.5em; padding: 8% 6%; text-align: center; }
.kb-faqwrap__form .mw-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.kb-faqwrap__form .mw-form__field label { font-size: 12px; font-weight: 700; }
.kb-faqwrap__form .mw-form input, .kb-faqwrap__form .mw-form textarea { font-size: 13px; padding: 8px 12px; }
.kb-faqwrap__form .kb-h2 { margin-bottom: 4px; }
.kb-faqwrap__sub { margin: 0 0 18px; font-size: var(--kb-fs-small); }
.kb-faqwrap .mw-form input, .kb-faqwrap .mw-form textarea { border-radius: 2em; border: 1px solid var(--kb-bg); background: #fff; }
.kb-faqwrap .mw-form textarea { border-radius: 1em; }
.kb-faqwrap .mw-form button[type="submit"] { background: transparent; color: #000; border: 1px solid #000; border-radius: 99px; font-weight: 700; }
.kb-faqwrap .mw-form button[type="submit"]:hover { background: #000; color: #fff; }
@media (max-width: 900px) { .kb-faqwrap { grid-template-columns: minmax(0, 1fr); } }

.kb-news { position: relative; z-index: 2; margin-top: 6vh; padding-inline: calc(15px + 4%); margin-bottom: calc(-1 * var(--kb-news-overlap, 48px)); }
.kb-news__card { background: var(--kb-bg); border-radius: 1.5em; padding: 1.2% 3% 1.6%; box-shadow: 0 10px 30px rgba(0, 0, 0, .12); }
.kb-news .mw-form__title { font-size: var(--kb-fs-h2); font-weight: 300; text-align: center; margin: 0 0 10px; }
.kb-news .mw-newsletter__fields { display: flex; gap: 0; align-items: stretch; }
.kb-news .mw-newsletter__fields .mw-form__field { flex: 1; margin: 0; }
.kb-news .mw-form input { height: 44px; border: 1px solid #fff; border-radius: 0; background: #fff; }
.kb-news .mw-newsletter__fields .mw-form__field:first-child input { border-radius: 0 50px 50px 0; }
.kb-news .mw-form button[type="submit"] { height: 44px; padding: 0 34px; background: var(--kb-orange); color: #fff; border: none; border-radius: 50px 0 0 50px; font-weight: 700; }
.kb-news .mw-form button[type="submit"]:hover { background: var(--kb-gray); }
.kb-news .mw-form__consent { font-size: 12px; text-align: center; margin-top: 8px; }
.kb-news .mw-form__status:empty { display: none; }
.kb-news .mw-form__consent a { color: var(--kb-orange); }
@media (max-width: 768px) {
    .kb-news .mw-newsletter__fields { flex-direction: column; gap: 8px; }
    .kb-news .mw-form input, .kb-news .mw-form button[type="submit"] { border-radius: 50px !important; width: 100%; }
}

/* ==========================================================
   8. הפוטר של MW בצבעי האתר: כהה, לוגו גדול, שורת קרדיט מעוגלת
   ========================================================== */
.mw-footer { margin-top: 0; padding-top: calc(var(--kb-news-overlap, 48px) + 40px); background: var(--kb-dark); color: #fff; }
.mw-footer .mw-widget__title, .mw-footer .mw-flist__title { font-size: var(--kb-fs-btn); font-weight: 700; color: #fff; }
.mw-footer a, .mw-footer .mw-widget a { color: #fff; font-size: var(--kb-fs-text); font-weight: 300; }
.mw-footer a:hover { color: var(--kb-orange2); }
.mw-footer .mw-logo img { height: 252px; width: auto; max-height: none; transform: translateY(-22%); }
.mw-footer__widgets { border-bottom: none; }
.mw-footer .mw-footer__inner {
    background: var(--kb-gray);
    border-radius: 16px;
    margin: 0 27px;
    min-height: 54px;
    padding: 10px 24px;
    font-size: 13px;
}
.mw-footer__credit { color: #fff; }
.mw-social-icon { background: transparent; border: 1px solid #fff; }

/* ==========================================================
   9. ארכיון: עיגולי תתי-קטגוריות, פילטרים בכרטיס, כפתור טעינה
   ========================================================== */
.mw-archive-title { font-size: 30px; font-weight: 300; }
.mw-subcats--small { display: flex; gap: 16px; overflow-x: auto; padding: 10px 0 14px; scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, .15) transparent; }
.mw-subcats--small::-webkit-scrollbar { height: 4px; }
.mw-subcats--small::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .18); border-radius: 999px; }
.mw-subcats--small .mw-subcat { flex: 0 0 130px; padding: 0; gap: 10px; }
.mw-subcats--small .mw-subcat__img { width: 120px; height: 120px; border-radius: 50%; background: #fff; border: 1px solid #f0f0f0; display: flex; align-items: center; justify-content: center; transition: border-color .3s, box-shadow .3s, transform .3s; }
.mw-subcats--small .mw-subcat__img img { width: 82%; height: 82%; max-width: none; border-radius: 0; object-fit: contain; mix-blend-mode: multiply; transition: transform .35s; }
.mw-subcats--small .mw-subcat:hover .mw-subcat__img { border-color: #bbb; box-shadow: 0 8px 18px rgba(0, 0, 0, .1); transform: translateY(-2px); }
.mw-subcats--small .mw-subcat:hover .mw-subcat__img img { transform: scale(1.14); }
.mw-subcats--small .mw-subcat.is-current .mw-subcat__img { border-color: #333; box-shadow: 0 8px 18px rgba(0, 0, 0, .1); }
.mw-subcats--small .mw-subcat__name { font-size: 13px; font-weight: 600; }
.mw-subcats--small .mw-subcat__count { display: none; }
@media (max-width: 768px) { .mw-subcats--small .mw-subcat { flex-basis: 110px; } .mw-subcats--small .mw-subcat__img { width: 96px; height: 96px; } }

.mw-filters { background: #FCFCFC; border-radius: 25px; padding: 20px; border: none; }
.mw-filters__title { font-weight: 300; font-size: 20px; }
.mw-filter__name, .mw-filter__option { font-size: 14px; color: #000; }
.mw-filter__count { background: transparent; border: none; }
.woocommerce-ordering select { border-radius: 35px; }
.mw-more__btn { background: #f75b00; color: #fff !important; border: 1px solid transparent; border-radius: 50px; }
.mw-more__btn:hover { background: transparent; color: #000 !important; border-color: #ccc; }

/* ==========================================================
   10. עמוד מוצר - שחזור תבנית 1297 (נמדד ב-1400: אמון 150 | פרטים 599 | גלריה 504)
   ========================================================== */
.single-product .mw-wc-wrap > .woocommerce-breadcrumb { display: none; }
/* ב-RTL עמודה 1 של הגריד היא הימנית: גלריה | פרטים | אמון */
.single-product .mw-wc-wrap { padding-top: 0; }
.single-product div.product > .entry-summary { padding-top: 4.545%; } /* = 2% מרוחב האתר, כמו במקור */
.single-product div.product {
    display: grid;
    grid-template-columns: 39% 44% 11%;
    grid-template-rows: auto auto auto auto;
    column-gap: 30px;
    row-gap: 0;
    align-items: start;
    justify-content: start;
}
.single-product div.product > .woocommerce-product-gallery { grid-column: 1; grid-row: 1; }
.single-product div.product > .kb-freeship { grid-column: 1; grid-row: 2; }
.single-product div.product > .kb-trustcol { grid-column: 3; grid-row: 1 / span 4; }
.single-product div.product > .entry-summary { grid-column: 2; grid-row: 1; }
.single-product div.product > .woocommerce-tabs { grid-column: 2; grid-row: 2; margin: 0; }
.single-product div.product > .kb-share-after { grid-column: 2; grid-row: 3; }
.single-product div.product > .mw-home-strip,
.single-product div.product > .related,
.single-product div.product > .upsells { grid-column: 1 / -1; }

/* גלריה: תמונה ברדיוס 20, ממוזערות בעמודה צרה מימין כמו במקור */
.single-product div.product .woocommerce-product-gallery__image { border-radius: 20px; }
.single-product div.product .woocommerce-product-gallery { gap: 7px; padding-inline-start: 5%; }
.single-product div.product .mw-gthumbs { flex: 0 0 104px; width: 104px; max-height: none; gap: 7px; overflow: visible; }
.single-product div.product .mw-gthumb { width: 104px; height: 118px; border: none; border-radius: 20px; overflow: hidden; }
.single-product div.product .mw-gthumb img { width: 100%; height: 100%; object-fit: cover; }

/* "הוסיפו X ₪ לעגלה ותקבלו משלוח חינם!" - קופסה אפורה מתחת לגלריה */
.kb-freeship { margin-top: 30px; background: #F8F8F8; border-radius: 25px; padding: 22px 26px; font-size: 16px; color: var(--kb-text); text-align: right; }
.kb-freeship b, .kb-freeship .woocommerce-Price-amount { font-size: 22px; font-weight: 700; }

/* טור האמון: 3 תיבות 150×116 עם אייקון 74 שיושב מעליהן */
.kb-trustcol { width: 100%; }
.kb-trustcol .mw-trust { flex-direction: column; gap: 60px; margin: 58.6px 0 0; }
.kb-trustcol .mw-trust__item {
    position: relative;
    width: 100%;
    min-height: 116px;
    background: rgba(217, 217, 217, .18);
    border-radius: 25px;
    padding: 40px 10px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #363636;
    line-height: 1.2;
}
.kb-trustcol .mw-trust__item img, .kb-trustcol .mw-trust__item svg { position: absolute; top: -33.6px; left: 50%; transform: translateX(-50%); width: 74px; height: 74px; max-width: none; }
.entry-summary .mw-trust { display: none; }

/* טור הפרטים */
.kb-bc { font-size: clamp(12px, 0.9vw, 18px); color: #020202; margin-bottom: 6px; }
.kb-bc a { color: var(--kb-orange); text-decoration: none; }
.kb-bc__sep { margin: 0 4px; }
.single-product div.product .product_title { font-size: clamp(21px, 2vw, 40px); font-weight: 300; line-height: 1.2; color: #0F0F0F; margin: 0 0 6px; }
.kb-sku { font-size: 16px; color: #020202; margin-bottom: 12px; }
/* "נתוני מוצר:" - הרשימה שמופיעה בטור הפרטים מעל "מעבר למפרט המלא" */
.kb-specs { margin: 8px 0; padding: 8px; text-align: right; }
.kb-specs__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 51px;
    padding: 5px 10px;
    background: #F8F8F8;
    border-radius: 25px;
    font-size: clamp(13px, 0.9vw, 18px);
    font-weight: 300;
    color: #363636;
}
.kb-specs .product-specs-list { list-style: disc; margin: 20px 0 0; padding-inline-start: 17px; font-size: 16px; font-weight: 300; color: #020202; line-height: 1.6; }
.kb-specs .product-specs-list li { margin: 0; }
.kb-specs .product-specs-list strong { font-weight: 300; }
.kb-sku span { color: #999; }
.single-product div.product .price { font-size: 19.6px; font-weight: 300; color: #000; margin-bottom: 18px; }
.single-product div.product .price .woocommerce-Price-amount { font-weight: 600; }
.single-product div.product .price::before { content: 'רק ב - '; font-weight: 300; }
/* מוצר שאזל: אין מחיר -> לא מציגים שורת מחיר ריקה עם "רק ב -" */
.single-product div.product .price:not(:has(.woocommerce-Price-amount)) { display: none; }
/* מנוע הסקשנים של האם מוסיף בסוף את הכפתורים שכבר הדפסנו למעלה */
.single-product .entry-summary .mw-visits ~ .mw-product-listbtns { display: none; }
.single-product .woocommerce-product-details__short-description { display: none; }

/* שורת הקנייה: כמות 80×42 | הוספה לסל כתום | קנה עכשיו ירוק */
.single-product form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 56px; }
.single-product form.cart .quantity, .single-product form.cart .mw-qty { display: flex; align-items: center; width: 80px; height: 42px; gap: 0; background: transparent; }
.single-product form.cart .quantity .mw-qty__btn, .single-product form.cart .quantity .btn, .single-product form.cart .mw-qty__btn { width: 25px; height: 42px; border: 1px solid #ddd; border-radius: 25px; background: #fff; color: #000; }
.single-product form.cart .quantity input, .single-product form.cart .mw-qty__input { width: 30px; height: 42px; border: none; background: transparent; text-align: center; font-weight: 600; }
.single-product div.product .single_add_to_cart_button { flex: 0 0 auto; width: auto; min-width: 0; height: 42px; padding: 0 20px; background: #E35B0F; color: #fff; border-radius: 25px; font-family: var(--mw-font); font-size: 14.56px; font-weight: 500; border: none; }
.single-product div.product .single_add_to_cart_button:hover { background: #000; }
.mw-buynow-btn { flex: 0 0 auto; width: auto; height: 42px; padding: 0 22px; margin: 0; background: var(--kb-green); color: #fff; border-radius: 25px; font-family: var(--mw-font); font-size: 18px; font-weight: 700; border: none; }
.mw-buynow-btn:hover { background: #020202; filter: none; }

/* תיבת הוואטסאפ עם הדמות */
.kb-wa { position: relative; display: flex; align-items: center; justify-content: center; width: 400px; max-width: 100%; height: auto; min-height: 55px; padding-block: 0.44%; margin: 0 0 16px auto; background: var(--kb-bg); border-radius: 50px; padding: 0.44% 6px 0.44% 130px; text-decoration: none; }
.kb-wa__mascot { position: absolute; left: -6px; bottom: -1px; width: 120px; height: auto; }
.kb-wa__text { font-size: 14.56px; font-weight: 500; color: #242424; }
.kb-wa:hover .kb-wa__text { color: var(--kb-orange); }

/* לב + השוואה כטקסט כתום קטן */
.mw-product-listbtns { display: flex; gap: 22px; justify-content: flex-start; margin: 0 0 14px; }
.mw-product-listbtns .mw-listbtn { font-size: 12.6px; color: var(--kb-orange); background: none; border: none; padding: 0; }
.mw-product-listbtns .mw-listbtn svg { width: 15px; height: 15px; }

/* "מעבר למפרט המלא" - גלולה אפורה; קישור הוואטסאפ של האם מוסתר (יש תיבה משלנו) */
.mw-product-actions { justify-content: flex-start; margin: 0 0 14px; }
.mw-paction--spec { background: #F8F8F8; border: none; border-radius: 25px; font-size: clamp(13px, 0.9vw, 18px); font-weight: 300; color: #363636; padding: 8px 10px; min-height: 51px; height: auto; }
.mw-paction--spec svg { display: none; }
.mw-paction:not(.mw-paction--spec) { display: none; }

/* מונה צפיות - רצועה כתומה בהירה */
.entry-summary .mw-visits { width: 70%; max-width: none; margin: 0 0 14px auto; padding: 15px 20px; border-radius: 20px; background: rgba(235, 93, 11, .13); font-size: 16px; font-weight: 300; color: #020202; }
.entry-summary .mw-visits svg { color: var(--kb-orange); }
.entry-summary .mw-share { display: none; }
.single-product .product_meta { display: none; }

/* טאבים: גלולות, הפעיל אפור; התוכן בקופסה אפורה-שקופה ברדיוס 32 */
.single-product .woocommerce-tabs ul.tabs { display: flex; gap: 8px; margin: 40px 0 8px; padding: 0; border: none; list-style: none; justify-content: flex-start; }
.single-product .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; border: none; background: none; }
.single-product .woocommerce-tabs ul.tabs li a { display: flex; align-items: center; height: 42px; padding: 2px 12px; border-radius: 25px; font-size: 14.56px; font-weight: 500; color: #363636; background: transparent; text-decoration: none; }
.single-product .woocommerce-tabs ul.tabs li.active a { background: var(--kb-bg) !important; color: #363636; }
.single-product .woocommerce-tabs .panel, .single-product .woocommerce-Tabs-panel { background: rgba(248, 248, 248, .56); border-radius: 32px; padding: 30px; margin: 0; min-height: 60px; }
.single-product .woocommerce-Tabs-panel > h2:first-child { display: none; }
.product-specs-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; font-size: 14px; }

/* "שתפו מוצר:" מתחת לטאבים - עיגולים 45 */
.kb-share-after .mw-share { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-top: 18px; }
.kb-share-after .mw-share__label { font-size: 12.6px; color: var(--kb-text); }
.kb-share-after .mw-share__btn { width: 45px; height: 45px; border-radius: 50%; }
.kb-share-after .mw-share__btn svg { width: 20px; height: 20px; }
@media (max-width: 1024px) {
    /* טור אחד בסדר: גלריה > פרטים > משלוח חינם > אמון > טאבים > שיתוף */
    .single-product div.product { display: flex; flex-direction: column; }
    .single-product div.product > * { grid-column: auto !important; grid-row: auto !important; }
    .single-product div.product > .woocommerce-product-gallery { order: 1 !important; }
    .single-product div.product > .entry-summary { order: 2 !important; padding-top: 14px; }
    .single-product div.product > .kb-freeship { order: 3 !important; }
    .single-product div.product > .kb-trustcol { order: 4 !important; }
    .single-product div.product > .woocommerce-tabs { order: 5 !important; }
    .single-product div.product > .kb-share-after { order: 6 !important; }
    .single-product div.product > .mw-home-strip,
    .single-product div.product > .related,
    .single-product div.product > .upsells { order: 7 !important; }
    /* גלריה: ממוזערות בשורה מתחת לתמונה */
    .single-product div.product .woocommerce-product-gallery { display: block; padding-inline-start: 0; }
    .single-product div.product .mw-gthumbs { flex-direction: row; width: 100%; flex: 0 0 auto; margin-top: 8px; overflow-x: auto; }
    .single-product div.product .mw-gthumb { width: 74px; height: 84px; flex: 0 0 74px; }
    /* גלולות בגובה סביר */
    .kb-specs__label, .mw-paction--spec { min-height: 38px; }
    /* טאבים: לעטוף במקום לגלוש מחוץ למסך */
    .single-product .woocommerce-tabs ul.tabs { flex-wrap: wrap; gap: 6px; margin-top: 26px; }
    .single-product .woocommerce-tabs ul.tabs li a { height: 36px; font-size: 13px; padding: 2px 10px; }
    .single-product .woocommerce-tabs .panel, .single-product .woocommerce-Tabs-panel { padding: 18px; border-radius: 22px; }
    .kb-specs { padding: 0; }
    .kb-trustcol { width: 100%; margin: 30px 0 0; }
    .kb-trustcol .mw-trust { flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 30px; margin-top: 50px; }
    .kb-trustcol .mw-trust__item { width: 150px; }
    .entry-summary .mw-visits { width: 100%; }
    .kb-wa { width: 100%; max-width: none; margin-inline: auto; padding-inline: 6px 94px; }
    .kb-wa__mascot { width: 86px; left: 4px; }
}

/* ==========================================================
   10ב. מובייל: ניקוי חללים ריקים, בנטו וכרטיס המוצר
   ========================================================== */
@media (max-width: 768px) {
    /* גבהים ב-vh יצרו חללים ריקים ענקיים בין הסקשנים */
    .kb-cats { min-height: 0; padding: 26px 4%; }
    .kb-strip .mw-home-strip { min-height: 0; padding-block: 26px; }
    .kb-bento { min-height: 0; padding-inline: 15px; padding-block: 6px; }
    .kb-why { padding-block: 6px; }

    /* בנטו: השורות התאימו לגובה קבוע והכותרות נחתכו מעל התיבה */
    .kb-bento__grid { grid-auto-rows: auto; gap: 12px; }
    .kb-bento__item { padding: 0; }
    .kb-bento__inner { height: auto; min-height: 190px; align-items: center; padding: 0; }
    .kb-bento__body { width: 88%; padding: 20px 10px; gap: 8px; }
    .kb-bento__name { font-size: 18px; }

    /* כרטיס המוצר: כמות וכפתור ברוחב מלא (כמו במקור מתחת ל-1400) */
    .mw-card__actions { align-items: stretch; }
    .mw-card .mw-qty { width: 100%; justify-content: center; gap: 20px; }
    .mw-card .mw-buy-btn,
    .mw-card .mw-buy-btn--link { width: 100%; max-width: none; margin-inline-start: 0; }
    .mw-card .mw-buy-btn__text { font-size: 13px; }
    .kb-strip .mw-home-strip .mw-products .mw-card { flex: 0 0 70vw; }

    /* ההירו: הדמות הייתה כמעט מסך שלם */
    .kb-hero__card { padding: 26px 18px 18px; }
}

/* ==========================================================
   11. מובייל: הדר, סרגל תחתון, הירו
   ========================================================== */
.kb-toolbar { display: none; }
@media (max-width: 900px) {
    body { padding-bottom: 66px; }
    /* הדר מובייל: שורה כהה אחת עם הלוגו על "מדבקה" לבנה + המבורגר לבן (החיפוש - בתפריט ובסרגל) */
    .mw-hrow--middle { display: none; }
    .mw-hrow--bottom { background: var(--kb-dark) !important; border-bottom: none; --mw-header-text: #fff; --mw-burger-c: #fff; }
    .mw-hrow--bottom .mw-header__inner { min-height: 49px; gap: 10px; }
    /* הלוגו צמוד לקצה הימני וגולש כלפי מעלה אל שורת ההודעה, כמו במקור */
    .mw-hrow--bottom .mw-logo { width: 0; height: 49px; background: none; border-radius: 0; padding: 0; margin: 0; align-self: center; }
    .mw-hrow--bottom .mw-logo .kb-logo-desktop { display: none; }
    .mw-hrow--bottom .mw-logo .kb-logo-mobile { display: block; }
    .mw-hrow--bottom .mw-logo img { position: absolute; top: -33.4px; right: -21.3px; height: 95.8px; width: auto; max-height: none; max-width: none; }
    /* אזור השמאל: רק כפתור הטלפון (הלב/השוואה/עגלה יושבים בסרגל התחתון) */
    .mw-hrow--bottom .mw-hzone--end { display: flex; gap: 0; }
    .mw-hrow--bottom .mw-hzone--end .mw-listlink,
    .mw-hrow--bottom .mw-hzone--end .mw-cart-toggle { display: none; }
    .mw-hrow--bottom .mw-iconbox { display: inline-flex; align-items: center; padding: 0; }
    .mw-hrow--bottom .mw-iconbox img { width: 30px; height: 30px; position: relative; top: -2.5px; }
    /* המבורגר: קופסה 40x40 עם שלושה קווים 20px, בדיוק כמו במקור */
    .mw-burger { order: 9; margin-inline-end: -10px; padding: 10px; color: #fff; }
    .mw-burger__lines { width: 20px; height: 20px; gap: 6.25px; }
    .mw-burger__lines span { height: 2.5px; width: 20px; }
    .mw-burger__lines span { background: #fff; }
    .mw-a11y { bottom: 84px; }
    .kb-toolbar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 900;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        background: #fff;
        border-top: 1px solid #e5e5e5;
        box-shadow: 0 -4px 16px rgba(0, 0, 0, .06);
        padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
    }
    .kb-toolbar__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        background: none;
        border: none;
        color: var(--kb-text);
        font-family: var(--mw-font);
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        padding: 4px 0;
        cursor: pointer;
    }
    .kb-toolbar__ico { position: relative; display: inline-flex; }
    .kb-toolbar__count { position: absolute; top: -6px; inset-inline-end: -8px; min-width: 17px; height: 17px; line-height: 17px; padding: 0 4px; border-radius: 99px; background: #000; color: #fff; font-size: 10px; font-weight: 700; text-align: center; font-style: normal; }
    .kb-toolbar__count[hidden] { display: none; }
    .kb-toolbar .kb-toolbar__item:nth-child(3) .kb-toolbar__count { background: var(--kb-orange); }

    .kb-hero__card { min-height: 0; padding: 8% 6% 6%; }
    .kb-hero__content { max-width: 100%; }
    .kb-hero__squiggle { display: none; }
    .kb-hero__mascot { position: relative; width: 46%; max-width: 200px; margin: 18px auto 0; left: auto; bottom: auto; display: block; }
    .kb-hero__cards { position: relative; width: 100%; background: transparent; padding: 3vh 0 0; border-radius: 0; }
    .kb-hero__cards::before { display: none; }
    .kb-hero__cardtrack { display: flex; grid-auto-flow: unset; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 8px; scrollbar-width: none; }
    .kb-hero__nav { top: 6%; }
    .kb-hero-card { flex: 0 0 72%; scroll-snap-align: start; min-height: 0; padding: 40px 16px 18px; background: var(--kb-bg); }
    .kb-hero-card img { height: 22vh; }
    .kb-hero__arrow { display: none; }
    .mw-drawer, .mw-deals { bottom: 66px; }
}
