/* ==========================================================
   כשר סייל - עמוד הבית (עמוד אלמנטור 77 + post-77.css + הקיט 12).
   כל מספר כאן נמדד מהמקור ב-1920/1440/1024/375 (tools/ks).
   נקודות שבירה של אלמנטור: טאבלט ≤1024, מובייל ≤767.
   ========================================================== */
.ks-home {
    font-family: 'Ploni', var(--ks-f-text);
    font-size: 18px;
    line-height: 1.6;
    color: var(--ks-black);
}
.ks-home h1, .ks-home h2, .ks-home h3, .ks-home h6 { margin: 0; padding: 0; line-height: 1; }
.ks-home .orange { color: #EB5D0B; }
.ks-home img { max-width: 100%; height: auto; }

/* ---------- ef9c7c9: הירו (flashlight-wrapper) ---------- */
.ks-hero {
    position: relative;
    display: flex;
    overflow: hidden;
    padding: 0 4vw;
}
/* overlay: קווי הרקע, שקיפות 0.79 */
.ks-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--ks-hero-lines);
    background-position: -34% -7vh;
    background-repeat: no-repeat;
    background-size: 80% auto;
    opacity: .79;
    pointer-events: none;
}
.ks-hero__in {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    padding-block: 4vw;
}

/* הפנס (סניפט 243): עיגול כתום 22% בטשטוש 160px שעוקב אחרי העכבר */
.ks-flash {
    position: absolute;
    left: 50px;
    top: 100px;
    z-index: 1;
    width: 700px;
    height: 707.8px;
    transform: translate(-50%, -50%);
    filter: blur(160px);
    pointer-events: none;
    transition: all 0s ease;
}
.ks-flash__dot {
    width: 678.1px;
    height: 678.1px;
    margin: 10.95px;
    border-radius: 50%;
    background: #FF790038;
}

/* ---------- 6f681f3: טקסט וכפתורים ---------- */
.ks-hero__text {
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 20px;
    width: 52%;
    padding: 10px;
}
.ks-hero__h1 {
    width: 100%;
    font-family: 'Cooperative', var(--ks-f-head);
    font-size: var(--ks-fs-hero);
    font-weight: 400;
    color: var(--ks-black);
}
.ks-hero__bouncy { display: inline-block; }
.ks-hero__h2 {
    width: 100%;
    font-family: 'Ploni', var(--ks-f-text);   /* 600 סינתטי, כמו במקור */
    font-size: 33px;
    font-weight: 600;
    color: var(--ks-black);
}
.ks-hero__h2 b { font-weight: 600; }
.ks-hero__btns { display: contents; }
.ks-home .ks-hero__cert {
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: 'Ploni', var(--ks-f-text);
    font-size: var(--ks-fs-text);
    font-weight: 300;
    line-height: 1.1em;
    text-decoration: underline;
}
.ks-hero__cert a { color: var(--ks-black); text-decoration: underline; }

/* ---------- 7d4760f: תמונה + פס היתרונות ---------- */
.ks-hero__media {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 45%;
    padding: 10px;
}
.ks-hero__img { width: 100%; }
.ks-hero__img img {
    display: block;
    width: 40vw;
    max-width: 140%;
    height: 66vh;
    margin-inline: auto;
    object-fit: contain;
    object-position: center center;
}

/* 50f32fd: liquid-glass (סניפט 211) */
.ks-glass {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 25px;
    width: 110%;
    padding: 22px;
    border: 1px solid var(--ks-black);
    border-radius: 3em;
    background-color: #FFFFFF8F;
}
.liquid-glass {
    -webkit-backdrop-filter: url(#liquidGlass) blur(5px);
    backdrop-filter: url(#liquidGlass) blur(5px);
    box-shadow: 0 30px 30px rgba(0, 0, 0, .1), inset 0 0 20px rgba(0, 0, 0, .1), inset 3px 3px 2px -2px rgba(255, 255, 255, .8), inset -3px -3px 2px -2px rgba(255, 255, 255, .8) !important;
}
.ks-feat {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-align: center;
}
.ks-feat__ico { display: inline-flex; font-size: 50px; line-height: 1; }
.ks-feat__ico img { display: block; width: 1em; height: 1em; }
.ks-feat__t {
    font-family: 'Ploni-Bold', var(--ks-f-text);
    font-size: var(--ks-fs-text);
    font-weight: 700;
    line-height: 1em;
    color: var(--ks-black);
}
.ks-glass__bot {
    position: absolute;
    top: -32%;
    left: 37vw;
    width: 35%;
    line-height: 0;
    text-align: center;
}
.ks-glass__bot img { display: inline-block; width: auto; height: auto; }

/* ---------- 4566c4c: קטגוריות המוצרים שלנו ---------- */
.ks-hcats {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    width: 100%;
    min-height: 58vh;
    margin-top: 3%;
    padding: 5%;
    border-radius: 3em;
    background: #fff;
}
.ks-hcats__title {
    font-family: 'Cooperative', var(--ks-f-head);
    font-size: 44px;
    font-weight: 400;
    text-align: center;
}
.ks-hcats__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
.ks-hcat {
    position: relative;
    padding: 15px;
    border-radius: 31px;
    background: #F9F9F9;
}
.ks-hcat__thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: 20px;
    overflow: hidden;
    border-radius: 31px;
    mix-blend-mode: multiply;
}
.ks-hcat__img { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.ks-hcat__img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ks-hcat__content { padding: 10px; text-align: center; }
.ks-hcat__t {
    font-family: 'Ploni-Bold', var(--ks-f-text);
    font-size: var(--ks-fs-text);
    font-weight: 700;
    line-height: 1em;
    color: var(--ks-dark);
}
.ks-hcat__fill { position: absolute; inset: 0; z-index: 2; border-radius: 31px; }

/* ---------- אייקוני האפליקציות הצפים (6 ווידג'טים absolute) ---------- */
.ks-app {
    position: absolute;
    font-family: 'Ploni', var(--ks-f-text);
    font-size: 18px;
    line-height: 1.6;
    pointer-events: none;
}
.ks-app__wrap { text-align: center; }
.ks-app__ico { display: inline-block; font-size: 50px; line-height: 1; }
.ks-app__ico img { display: block; width: 1em; height: 1em; }
.ks-app--403d800 { right: -1%; top: 4%; }
.ks-app--3b95aea { right: -.5%; top: 35%; }
.ks-app--41ff5ab { left: -.5%; top: 35%; }
.ks-app--4f7eee9 { left: -.5%; top: 5%; }
.ks-app--567dee6 { left: 9%; top: 19%; }
.ks-app--88ad699 { left: 44%; top: 8%; }

/* כניסה (animate.css של אלמנטור, 1.25 שניות; וודמארט slide-from-bottom) */
.ks-anim-wait { visibility: hidden; }
.ks-anim-in { animation-duration: 1.25s; animation-fill-mode: both; }
.ks-anim-in[data-ks-anim="fadeIn"] { animation-name: ksFadeIn; }
.ks-anim-in[data-ks-anim="fadeInLeft"] { animation-name: ksFadeInLeft; }
.ks-anim-in[data-ks-anim="slideInLeft"] { animation-name: ksSlideInLeft; }
.ks-anim-in[data-ks-anim="slideFromBottom"] { animation-name: ksSlideFromBottom; }
@keyframes ksFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes ksFadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes ksSlideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } }
@keyframes ksSlideFromBottom { from { transform: translate3d(0, 100px, 0); } to { transform: none; } }

/* ---------- 4181a22: מבצעים חמים ---------- */
.ks-deals {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    padding: 0 4vw 4vw;
}
.ks-deals__media a { display: block; width: 100%; height: 100%; }
.ks-deals__media img,
.ks-deals__media video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #ddd;
    border-radius: 2em;
}
.ks-deals__head { padding: 4% 0 1%; }
.ks-deals__title {
    font-family: 'Cooperative', var(--ks-f-head);
    font-size: 44px;
    font-weight: 400;
    text-align: center;
}
.ks-deals__more { align-self: center; line-height: 0; }

/* הקרוסלה (wd_products: 5 / 2.5 / 1.7 בשורה, רווח 30 / 30 / 10) על הסטריפ של האם */
.ks-deals__strip { position: relative; --n: 5; --g: 30px; }
.ks-deals .mw-home-strip { margin: 0; padding: 0; }
.ks-deals .mw-home-strip__head { display: none; }
.ks-deals .mw-home-strip .mw-products {
    display: flex;
    gap: var(--g);
    margin: 0 calc(var(--g) / -2);
    padding: 0 calc(var(--g) / 2);
    scroll-padding-inline: calc(var(--g) / 2);
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
}
.ks-deals .mw-home-strip .mw-products .mw-card {
    flex: 0 0 calc((100% - (var(--n) - 1) * var(--g)) / var(--n));
    scroll-snap-align: start;
}
.ks-deals .mw-strip-arrow {
    top: 50%;
    width: 50px;
    height: 50px;
    background: transparent;
    box-shadow: none;
    color: var(--ks-black);
    opacity: 0;
    transition: opacity .25s, color .25s;
}
.ks-deals .mw-strip-arrow svg { width: 24px; height: 24px; }
.ks-deals .mw-strip-arrow[data-dir="-1"] { inset-inline-start: -80px; }
.ks-deals .mw-strip-arrow[data-dir="1"] { inset-inline-end: -80px; }
.ks-deals .mw-home-strip__body:hover .mw-strip-arrow { opacity: 1; }
.ks-deals .mw-strip-arrow:hover { color: var(--ks-grey); }
.ks-deals .mw-strip-arrow.is-off { opacity: 0 !important; pointer-events: none; }
.ks-dots { display: flex; justify-content: center; gap: 10px; height: 10px; margin-top: 20px; }
.ks-dots:empty { display: none; }
.ks-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid #bbb;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}
.ks-dots button.is-on { border-color: #333; background: #333; }

/* ---------- כרטיס המוצר (#pro-css בסניפט "HEDER CSS" 75) ----------
   הכרטיס הוא mw_product_card של האם; inc-home.php עוטף את החלק התחתון
   ב-.ks-card__bottom ומכניס את תווית הווריאציה לכותרת, כמו וודמארט.
   🪤 לאחד בעתיד עם כרטיס הארכיון (shop.css) */
.ks-deals .mw-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #000;
    border-radius: 28px;
    background: #fff;
    box-shadow: none;
    transform: none;
    font-family: 'Ploni', var(--ks-f-text);
    line-height: 1.4;
}
.ks-deals .mw-card:hover { box-shadow: none; transform: none; }
.ks-deals .mw-card__img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: max(14vw, 135px);
    margin-bottom: 12px;
    padding: 1px;
    overflow: hidden;
    border-radius: 18px;
}
.ks-deals .mw-card__img img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    aspect-ratio: auto;
    object-fit: contain;
}
.ks-deals .mw-card .mw-badge {
    position: absolute;
    top: 11px;
    inset-inline-start: 11px;
    z-index: 3;
    min-width: 50px;
    padding: 5px 10px;
    border-radius: 12px;
    background: #E26B34;
    text-align: center;
    color: #000;
    font-family: 'Ploni', var(--ks-f-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}
.ks-deals .mw-card .ks-onsale { direction: ltr; unicode-bidi: isolate; }
.ks-deals .mw-card .mw-badge--out { background: #6B7280; color: #fff; }
.ks-deals .mw-card__fabs {
    top: 10px;
    inset-inline-start: auto;
    inset-inline-end: 10px;
    flex-direction: column-reverse;
    gap: 0;
}
.ks-deals .mw-fab {
    width: 50px;
    height: 45px;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--ks-black);
}
.ks-deals .mw-fab svg { width: 20px; height: 20px; }
.ks-deals .mw-fab:hover { transform: none; color: var(--ks-grey); }
.ks-card__bottom {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 0 15px 15px;
    background: #F9F9F9;
}
.ks-deals .mw-card__title {
    flex-grow: 0;
    min-height: 24px;
    margin: 10px 0 6px;
    font-family: 'Ploni', var(--ks-f-text);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.15;
    text-align: right;
    color: var(--ks-dark);
}
.ks-deals .mw-card__title a { color: #000; text-decoration: none; }
.ks-deals .mw-card__title a:hover { color: var(--ks-orange); }
.ks-deals .mw-variation-badge {
    display: block;
    width: fit-content;
    margin-top: 6px;
    padding: 2px 10px;
    border-radius: 100px;
    background: #f2f2f2;
    color: #555;
    font-family: 'Ploni', var(--ks-f-text);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.7;
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
}
.ks-deals .mw-card__price {
    flex: 0 0 100%;
    width: 100%;
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    text-align: right;
    color: var(--ks-orange);
}
.ks-deals .mw-card__price .amount { color: #000; font-size: 15px; font-weight: 700; }
.ks-deals .mw-card__price del { margin: 0; opacity: .6; color: inherit; font-size: inherit; font-weight: inherit; }
.ks-deals .mw-card__price ins { text-decoration: none; }
/* wd-add-btn: כמות + כפתור בשורה אחת כשיש מקום (1920/1024), אחרת הכמות
   ממורכזת מעל והכפתור ברוחב מלא (flex:1 + min-width 100 במקור) */
.ks-deals .mw-card__actions {
    flex: 1 1 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 12px;
}
.ks-deals .mw-card .mw-qty { flex: 0 0 auto; gap: 8px; height: auto; min-height: 36px; align-self: stretch; }
.ks-deals .mw-card .mw-qty__btn {
    width: 28px;
    min-width: 28px;
    height: 25px;
    padding: 0 2px;
    border-radius: 6px;
    background: #F7F4E3;
    color: #000;
    font-family: 'Ploni', var(--ks-f-text);
    font-size: 14px;
    font-weight: 600;
}
.ks-deals .mw-card .mw-qty .mw-qty__input {
    width: 24px !important;
    min-width: 24px;
    height: 36px;
    font-family: 'Ploni', var(--ks-f-text);
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.ks-deals .mw-card .mw-buy-btn {
    flex: 1 1 0%;
    width: auto;
    min-width: 100px;
    height: 40px;
    padding: 0 16px;
    border-radius: 999px !important;
    background: #F26A20;
    color: #000;
    font-family: 'Ploni-Bold', var(--ks-f-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}
.ks-deals .mw-card .mw-buy-btn > svg,
.ks-deals .mw-card .mw-buy-btn__ico { display: none; }
.ks-deals .mw-card .mw-buy-btn__text { padding: 5px 14px; font-size: 1vw; }
.ks-deals .mw-card .mw-buy-btn:hover { filter: none; background: #000; color: #fff; }

/* ---------- b4e7976: off-canvas "שיחה עם נציג" ---------- */
.ks-rep {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.ks-rep__overlay { position: absolute; inset: 0; background: #0000002B; opacity: 0; transition: opacity .3s; }
.ks-rep__box {
    position: relative;
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 400px;
    max-width: 100%;
    padding: 20px;
    border-radius: 36px 0 0 36px;
    background: #fff;
    font-family: 'Ploni', var(--ks-f-text);
    font-size: 18px;
    line-height: 1.6;
    transform: translateX(100%);
    transition: transform .3s ease;
}
.ks-rep.is-open .ks-rep__overlay { opacity: 1; }
.ks-rep.is-open .ks-rep__box { transform: none; }
.ks-rep__bot {
    position: absolute;
    top: -23%;
    left: 50%;
    width: 37%;
    line-height: 0;
    transform: translateX(-50%);
}
.ks-rep__bot img { width: 100%; }
.ks-home .ks-rep__t {
    padding-top: 15%;
    font-family: 'Ploni', var(--ks-f-text);
    font-size: var(--ks-fs-sub);
    font-weight: 400;
    line-height: 1em;
    text-align: center;
    color: var(--ks-black);
}
.ks-rep__row {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
    border-radius: 1em;
    background: #F9F9F9;
    color: var(--ks-black);
    text-decoration: none;
}
.ks-rep__ico {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--ks-orange);
    font-size: 25px;
}
.ks-rep__row--wa .ks-rep__ico { background: #4BC617; }
.ks-rep__ico img { display: block; width: 1em; height: 1em; }
.ks-rep__lbl {
    font-family: 'Ploni-Bold', var(--ks-f-text);
    font-size: var(--ks-fs-text);
    font-weight: 700;
    line-height: 1em;
}
.ks-rep__close {
    position: absolute;
    top: 1vw;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #7A7A7A21;
    font-size: 20px;
    cursor: pointer;
}
.ks-rep__close:hover { background: var(--ks-grey); }
.ks-rep__close img { display: block; width: 1em; height: 1em; }

/* ==========================================================
   טאבלט (≤1024)
   ========================================================== */
@media (max-width: 1024px) {
    .ks-hero::before { background-position: 0 0; }
    .ks-flash { display: none; }
    .ks-hero__text, .ks-hero__media { width: 100%; }
    .ks-hero__img {
        margin: -10% 0 0 -8%;
        transform: translateX(41px);
    }
    .ks-hero__img img { width: 100%; }
    .ks-glass {
        bottom: 4%;
        flex-direction: row-reverse;
        justify-content: flex-start;
        width: 100%;
        padding: 27px;
    }
    .ks-glass__bot { top: -10%; left: 70%; width: 25vw; }
    .ks-hcat__thumb { padding: 16px; }
    .ks-deals__strip { --n: 2.5; }
    .ks-deals .mw-strip-arrow { width: 40px; height: 40px; }
    .ks-dots { display: none; }
    .ks-deals .mw-card .mw-fab[data-mw-compare] { display: none; }
    .ks-deals .mw-fab { width: 35px; height: 35px; }
    .ks-deals .mw-card .mw-buy-btn__text { font-size: 14px; }
}

/* ==========================================================
   מובייל (≤767)
   ========================================================== */
@media (max-width: 767px) {
    .ks-hero { padding: 0 3%; }
    .ks-hero::before { background-position: -2% 24%; background-size: 0 auto; }
    .ks-hero__in { gap: 1px; padding-block: 3%; }
    .ks-hero__text { z-index: 50; gap: 10px; padding: 20px 0 0; }
    .ks-hero__h2 { font-size: 28px; }
    .ks-home .ks-hero__cert { bottom: -7%; }
    .ks-hero__media { flex-wrap: wrap; align-content: flex-start; padding: 0; }
    .ks-hero__img { margin: -9% 0 0; padding: 0; transform: translateX(4px); }
    .ks-hero__img img { max-width: 100%; height: 58vh; }
    .ks-glass {
        bottom: 2%;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        gap: 8px;
        padding: 7% 0 3% 1%;
        border-radius: 1em;
    }
    .ks-feat { width: 22%; gap: 6px; }
    .ks-feat__ico { font-size: 32px; }
    .ks-glass__bot { top: -42%; width: 76px; }
    .ks-glass__bot img { width: 100%; }
    .ks-hcats { padding: 11% 3% 3%; border-radius: 2em; }
    .ks-hcats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .ks-hcat { padding: 10px; }
    .ks-hcat__thumb { padding: 5px; }
    .ks-app--403d800 { right: -3%; }
    .ks-app--403d800 .ks-app__ico { font-size: 20px; }
    .ks-app--3b95aea { right: -4%; }
    .ks-app--3b95aea .ks-app__ico { font-size: 23px; }
    .ks-app--41ff5ab { left: -10%; }
    .ks-app--4f7eee9 { left: -6%; }
    .ks-app--4f7eee9 .ks-app__ico { font-size: 28px; }
    .ks-app--567dee6 .ks-app__ico { font-size: 26px; }
    .ks-app--88ad699 .ks-app__ico { font-size: 0; }
    .ks-deals { padding: 3% 3% 15%; }
    .ks-deals__strip { --n: 1.7; --g: 10px; }
    .ks-deals .mw-card { align-self: flex-start; border-radius: 24px; }
    .ks-deals .mw-card .mw-badge { min-width: 40px; padding: 5px; font-size: 10px; }
    .ks-card__bottom { padding: 0 4px 4px; }
    .ks-deals .mw-card .mw-buy-btn__text { font-size: 12px; }
    .ks-rep { align-items: flex-end; }
    .ks-rep__row { flex-direction: column; gap: 15px; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
    .ks-anim-in { animation: none; }
    .ks-anim-wait { visibility: visible; }
}