/*
Theme Name: וירטואל שופס
Description: תבנית-בת ל-MW Commerce עבור virtualshops.co.il - שחזור אחד-לאחד של האתר (Woodmart + Elementor + JetEngine) על מנוע MW: פונט ALMONI מקומי, עמוד מוצר, עמוד מותג, הדר, עמוד הבית והפוטר. עדכון תבנית האם לא נוגע בקבצים כאן.
Template: mw-commerce
Author: Malki Weisbord
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: virtualshops
*/

/* ==========================================================
   1. פונט ALMONI (הקבצים בתיקיית התבנית-בת) + טוקנים של קיט אלמנטור
   ========================================================== */
@font-face { font-family: 'ALMONI'; src: url('assets/fonts/almoni-light-aaa.woff2') format('woff2'), url('assets/fonts/almoni-light-aaa.woff') format('woff'); font-weight: 200 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'ALMONI'; src: url('assets/fonts/almoni-regular-aaa-1.woff2') format('woff2'), url('assets/fonts/almoni-regular-aaa-1.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'ALMONI'; src: url('assets/fonts/almoni-medium-aaa.woff2') format('woff2'), url('assets/fonts/almoni-medium-aaa.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'ALMONI'; src: url('assets/fonts/almoni-demibold-aaa.woff2') format('woff2'), url('assets/fonts/almoni-demibold-aaa.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'ALMONI'; src: url('assets/fonts/almoni-bold-aaa.woff2') format('woff2'), url('assets/fonts/almoni-bold-aaa.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'ALMONI'; src: url('assets/fonts/almoni-black-aaa.woff2') format('woff2'), url('assets/fonts/almoni-black-aaa.woff') format('woff'); font-weight: 800 900; font-style: normal; font-display: swap; }

:root {
    --mw-font: 'ALMONI', Arial, Helvetica, sans-serif;
    /* צבעי הקיט (Elementor kit 6) */
    --vs-primary: #070707;      /* ראשי */
    --vs-text: #7A7A7A;         /* טקסט */
    --vs-accent: #FACD40;       /* מודגש - הצהוב */
    --vs-btn: #FBBC34;          /* כפתור הקנייה (Woodmart) */
    --vs-red: #E20613;
    --vs-red2: #D3030F;
    --vs-gray: #F8F8F8;
    --vs-gray2: #F2F4F5;
    --vs-border: #DCE2E6;
    --vs-blue: #6286BE;
    --vs-blue2: #114493;
    --vs-white2: #FDFDFD;
    --vs-dark: #272727;
    --vs-dark2: #1E1E1E;        /* פס ההדר העליון */
    --vs-dark3: #3A3A3A;        /* פס התפריטים */
    /* טיפוגרפיה - העתק מדויק של ה-Kit של אלמנטור באתר המקורי.
       חמש מדרגות: vw בדסקטופ, ואז פיקסלים קבועים. line-height
       משתנה יחד עם הגודל, ולכן גם הוא משתנה. */
    --vs-fs-text: 1vw;          /* text */
    --vs-lh-text: 1.2em;
    --vs-fs-accent: 0.9vw;      /* accent / 500 */
    --vs-lh-accent: 1em;
    --vs-fs-small: 0.8vw;       /* 391bba0 / 110818d */
    --vs-lh-small: 1.2em;
    --vs-fs-big: 1.5vw;         /* 2650dba / 900 */
    --vs-lh-big: 1em;
    --vs-fs-title: 1.6vw;       /* כותרת המוצר */
    --vs-fs-h: 1.1vw;           /* 9e21ec4 / 500 */
}
@media (max-width: 1366px) {
    :root { --vs-fs-text: 1.1vw; --vs-lh-text: 1.1em; --vs-fs-accent: 1.1vw; --vs-lh-accent: 1.1em; }
}
@media (max-width: 1200px) {
    :root { --vs-fs-text: 16px; --vs-fs-accent: 16px; --vs-fs-small: 14px; --vs-fs-big: 21px; }
}
@media (max-width: 1024px) {
    :root {
        --vs-fs-text: 17px; --vs-lh-text: 19px;
        --vs-fs-accent: 17px; --vs-lh-accent: 18px;
        --vs-fs-small: 13px; --vs-lh-small: 14px;
        --vs-fs-title: 24px; --vs-fs-h: 16px;
    }
}
@media (max-width: 767px) {
    :root {
        --vs-fs-text: 14px; --vs-lh-text: 15px;
        --vs-fs-accent: 14px; --vs-lh-accent: 15px;
        --vs-fs-big: 18px; --vs-fs-title: 18px;
    }
}

body { font-family: var(--mw-font); color: var(--vs-primary); }

/* ==========================================================
   1ב. עמוד הבית (page 106) - הירו, קטגוריות, מותגים, סטריפים
   ========================================================== */
.vs-home { padding: 0; }
.vs-home > * { max-width: none; }

/* הירו: קופסה שחורה 1375x360 (ריפוד סקשן 2%), רדיוס 2em=28.8px,
   טקסט+חיפוש מימין (44%, גובה תוכן בלבד וממורכז), תמונה משמאל (55%) */
.vs-hero {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    min-height: 360px;
    margin: 2%;
    border-radius: 2em;
    background: var(--vs-primary);
    font-size: var(--vs-fs-text);
    overflow: visible;   /* אחרת תוצאות החיפוש החי נחתכות */
}
.vs-hero__search .mw-searchbar { position: relative; z-index: 20; }
.vs-hero__search .mw-live-results { z-index: 21; }
.vs-hero__side {
    box-sizing: border-box;
    flex: 0 0 44%;
    max-width: 44%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-inline-start: 9%;   /* RTL = padding-right במקור (123.7px) */
}
/* במקור ה-icon-box מתכווץ לתוכן (440px) וצמוד לימין, לא נמתח */
.vs-hero__head { align-self: flex-start; display: flex; align-items: flex-start; gap: 15px; }
.vs-hero__icon { flex: 0 0 50px; }
.vs-hero__icon svg { width: 50px; height: 50px; display: block; fill: var(--vs-accent); }
.vs-hero__icon svg path { fill: var(--vs-accent); }
.vs-hero__texts { flex: 1 1 auto; display: flex; flex-direction: column; gap: 0; text-align: center; }
.vs-hero__title { font-size: 3.1vw; font-weight: 700; line-height: 1; color: #fff; }
.vs-hero__desc { font-size: var(--vs-fs-small); line-height: 1.2; color: #fff; }
/* הווידג'ט 29vw צמוד לימין, והטופס 25vw בתוכו צמוד לשמאל - כמו במקור */
.vs-hero__search { align-self: flex-start; width: 29vw; max-width: 100%; }
.vs-hero__search .mw-searchbar { width: 25vw; max-width: 100%; margin-inline-start: auto; }
.vs-hero__search .mw-search-input {
    height: 46px; border: 2px solid rgba(0, 0, 0, .1); border-radius: 35px;
    background: #fff; font-size: 14px; padding-inline: 15px 76px;
}
.vs-hero__search .mw-search-submit {
    width: 36px; height: 36px; left: 5px; right: auto; border-radius: 35px;
    background: var(--vs-btn); color: #000;
}
.vs-hero__media {
    position: relative;
    flex: 1 1 55%;
    align-self: stretch;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/* באנר מתחלף: כל השקופיות אחת על השנייה, המעבר בשקיפות בלבד */
.vs-hero__slide {
    position: absolute;
    inset: 0;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    transition: opacity .6s ease;
    pointer-events: none;
}
.vs-hero__slide.is-on { opacity: 1; pointer-events: auto; }
.vs-hero__dots {
    position: absolute;
    bottom: 10px;
    inset-inline: 0;
    display: flex;
    justify-content: center;
    gap: 7px;
    z-index: 2;
}
.vs-hero__dot {
    width: 9px; height: 9px; padding: 0;
    border: 0; border-radius: 50%;
    background: rgba(255, 255, 255, .45);
    cursor: pointer;
    transition: background .2s, transform .2s;
}
.vs-hero__dot.is-on { background: var(--vs-btn); transform: scale(1.2); }
@media (prefers-reduced-motion: reduce) { .vs-hero__slide { transition: none; } }

/* רצועת קטגוריות: ריבוע 130px, תמונה 110x65, שם 1vw */
.vs-catstrip { padding: 0 6vw; margin-bottom: 2%; }
.vs-catstrip__track {
    display: flex;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
}
.vs-catstrip__track::-webkit-scrollbar { height: 7px; background: #fff; }
.vs-catstrip__track::-webkit-scrollbar-thumb { background: var(--vs-gray2); border-radius: 7px; }
.vs-cat {
    flex: 0 0 130px;
    height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    border-radius: 11px;
    color: var(--vs-primary);
    text-decoration: none;
    scroll-snap-align: start;
}
.vs-cat__img { height: 65px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.vs-cat__img img { height: 65px; width: auto; max-width: 110px; object-fit: contain; transition: transform .4s ease; }
.vs-cat:hover .vs-cat__img img { transform: scale(1.12); }
.vs-cat__name { font-size: var(--vs-fs-text); line-height: 1.2; text-align: center; }

/* רצועת הקמפיינים: 5 באנרים בשורה, 275x306 (20% / 34vh),
   כל אחד מעוגל 2em (=28.8px) עם overflow:hidden - זה מה שיוצר
   את ההפרדה הוויזואלית ביניהם, כמו במקור */
.vs-brandstrip { padding: 0 2%; margin-bottom: 2%; font-size: var(--vs-fs-text); }
.vs-brandstrip__track { display: flex; gap: 15px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.vs-brandstrip__track::-webkit-scrollbar { display: none; }
.vs-brandcard {
    flex: 0 0 calc((100% - 4 * 15px) / 5);
    max-width: calc((100% - 4 * 15px) / 5);
    border-radius: 2em;
    overflow: hidden;
}
.vs-brandcard img { width: 100%; height: 34vh; object-fit: cover; display: block; transition: transform .4s ease; }
.vs-brandcard:hover img { transform: scale(1.06); }

/* סטריפ: קופסה לבנה רדיוס 2em, מפריד עם כותרת 2.5vw */
.vs-strip { padding: 2% 2% 0; }
.vs-strip__box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 2%;
    border: 1px solid var(--vs-border);
    border-radius: 2em;
    background: #fff;
}
.vs-strip--4 .vs-strip__box { padding: 0; border: 0; overflow: hidden; }
.vs-strip__banner { width: 100%; height: auto; border-radius: 28px; display: block; }
.vs-strip__divider { display: flex; align-items: center; gap: 4%; padding: 2px 0; }
.vs-strip__divider::before, .vs-strip__divider::after { content: ''; flex: 1; border-top: .5px solid var(--vs-text); }
.vs-strip__title { font-size: 2.5vw; font-weight: 400; line-height: .9; color: var(--vs-primary); white-space: nowrap; }
.vs-strip--4 .vs-strip__body, .vs-strip--4 .vs-strip__foot { padding: 0 2% 2%; }
.vs-strip__body { position: relative; }
.vs-strip__body .products, .vs-strip__body .mw-products {
    display: flex;
    align-items: flex-start;   /* בלי מתיחה - גובה הקלף נקבע מהתוכן, כמו במקור */
    gap: 33px;
    overflow-x: auto;
    /* 🪤 בלי scroll-snap: הוא מחזיר כל צעד קטן של הגלילה בחיצים בחזרה
       לנקודת ההצמדה, והסליידר "לא זז". באצבע הגלילה עובדת גם בלעדיו */
    scrollbar-width: none;
    padding-bottom: 4px;
}
.vs-strip__body .products::-webkit-scrollbar, .vs-strip__body .mw-products::-webkit-scrollbar { display: none; }
/* 6 בשורה, ורווח 33px בין קלפים כמו במקור (padding 16.56 לכל צד) */
.vs-strip__body .mw-card { flex: 0 0 calc((100% - 5 * 33px) / 6); }
.vs-strip__foot { display: flex; justify-content: center; }
.vs-strip__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px;
    background: rgba(250, 205, 64, .02);
    color: var(--vs-primary);
    font-size: var(--vs-fs-accent);
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    border-radius: 4px;
}
.vs-strip__btn:hover { background: rgba(250, 205, 64, .25); }
.vs-strip__btn svg { width: 1em; height: .8em; }

@media (max-width: 1200px) {
    .vs-strip__body .mw-card { flex-basis: calc((100% - 3 * 33px) / 4); }
}
@media (max-width: 1024px) {
    .vs-hero { flex-wrap: wrap; padding: 4% 0; }
    .vs-hero__side, .vs-hero__media { flex: 0 0 100%; max-width: 100%; }
    .vs-hero__side { align-items: center; padding-inline-end: 0; }
    .vs-hero__media { order: -1; min-height: 27vh; }
    .vs-hero__title { font-size: 34px; }
    .vs-hero__search { width: 100%; }
    .vs-hero__search .mw-searchbar { width: 65vw; max-width: 100%; margin-inline: auto; }
    .vs-catstrip { padding: 0 2%; }
    .vs-brandcard { flex-basis: calc((100% - 2 * 12px) / 3); max-width: calc((100% - 2 * 12px) / 3); border-radius: 1em; aspect-ratio: 1; }
    .vs-brandcard img { height: 100%; }
    .vs-brandstrip__track { gap: 12px; }
    .vs-strip__title { font-size: 26px; }
    .vs-strip__body .mw-card { flex-basis: calc((100% - 2 * 20px) / 3); }
}
@media (max-width: 767px) {
    .vs-hero { margin: 3%; min-height: 0; }
    .vs-hero__media { min-height: 18vh; }
    .vs-hero__title { font-size: 26px; }
    .vs-hero__search .mw-searchbar { width: 100%; }
    .vs-hero__side { padding: 4%; }
    .vs-cat { flex-basis: 96px; height: 96px; }
    .vs-cat__img, .vs-cat__img img { height: 46px; }
    .vs-cat__name { font-size: 12px; }
    .vs-brandcard { flex-basis: 62%; max-width: 62%; border-radius: 1em; aspect-ratio: 1; }
    .vs-brandcard img { height: 100%; }
    .vs-brandstrip__track { gap: 10px; }
    .vs-strip { padding: 3% 3% 0; }
    .vs-strip__box { padding: 3%; }
    .vs-strip__title { font-size: 20px; }
    .vs-strip__body .mw-card { flex-basis: calc((100% - 16px) / 2); }
}

/* ==========================================================
   1ג. כרטיס המוצר (listing 154) - שוחזר מהמידות המחושבות של המקור
   ברוחב 1440: קלף 192x371, אזור תמונה אפור 190x200 (רדיוס עליון 28),
   גלולת מותג 139x51 שעולה 12% פנימה, כותרת 12.96px, מחיר 20.16px/900
   אדום מימין, ועגלה = עיגול צהוב 56px בתוך מגרעת לבנה שבולטת מהפינה
   השמאלית-תחתונה (radius 0 40px 0 0, bottom/left -11px).
   ========================================================== */
.mw-card--vs {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 324px;
    padding: 0;
    border: 1px solid var(--vs-border);
    border-radius: 28px;
    background: #FBFBFB;
    overflow: visible;          /* המגרעת של העגלה בולטת החוצה */
    transition: border-color .3s;
    font-size: var(--vs-fs-text);
    line-height: 1.2;
    text-align: start;
}
.mw-card--vs, .mw-card--vs:hover { box-shadow: none; }
.mw-card--vs:hover { border-color: var(--vs-dark); }
.mw-card--vs .mw-card__imgbox > img, .mw-card--vs .mw-card__brand { box-shadow: none; }

/* אזור התמונה */
.mw-card--vs .mw-card__imgbox {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 20vh;
    padding: 6%;
    background: var(--vs-gray2);
    border-radius: 27px 27px 0 0;
    overflow: hidden;
}
.mw-card--vs .mw-card__imgbox > img {
    width: 100%;
    height: 19vh;
    margin: 3.34px 0;      /* המקור: עוטף לבן עם padding אנכי -> 200px גובה */
    object-fit: contain;
    mix-blend-mode: multiply;
}

/* פאנל "נתוני מוצר:" שמכסה את התמונה בריחוף */
.mw-card--vs .mw-card__hoverinfo.vs-cardspecs {
    position: absolute;
    inset: 12px;
    max-height: calc(100% - 24px);
    /* גלילה ולא חיתוך: מוצר עם הרבה מאפיינים לא "נבלע" בקצוות */
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2px;
    padding: 14px 16px;
    background: rgba(252, 251, 251, .67);
    backdrop-filter: blur(10px);
    border-radius: 14.4px;
    color: var(--vs-dark);
    font-size: var(--vs-fs-small);
    line-height: 1.4;
    text-align: right;
    direction: rtl;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s;
    z-index: 5;
}
.mw-card--vs .mw-card__hoverinfo.vs-cardspecs::-webkit-scrollbar { display: none; }
.mw-card--vs .vs-cardspecs__chip, .mw-card--vs .vs-cardspecs__row { flex: 0 0 auto; }
.mw-card--vs:hover .mw-card__hoverinfo.vs-cardspecs { opacity: 1; visibility: visible; }
.vs-cardspecs__chip {
    align-self: flex-start;   /* RTL: צמוד לימין, כמו במקור */
    margin-inline-end: -3px;
    padding: 0 10px;
    background: var(--vs-border);
    border-radius: 10px;
    font-size: 11.52px;
    font-weight: 500;
    line-height: 1;
    padding-block: 3px;
    color: var(--vs-primary);
}
.vs-cardspecs__row { font-size: 12px; font-weight: 400; color: #1E1E1E; text-align: right; width: 100%; }
/* תג הקמפיין: 44x52 בפינה השמאלית-עליונה של אזור התמונה */
.mw-card--vs .mw-campaign-badge {
    position: absolute;
    top: 12px;
    inset-inline-start: auto;
    left: 11px;
    right: auto;
    width: 44px;
    height: auto;
    margin: 0;
    z-index: 1;
}
.mw-card--vs .mw-campaign-badge img { width: 44px; height: auto; mix-blend-mode: normal; }
/* "מבצע"/"אזל" של האם - במקור אין תוויות טקסט על התמונה */
.mw-card--vs .mw-badge { display: none; }

/* גלולת המותג */
.mw-card--vs .mw-card__brand {
    width: 73%;
    max-width: 73%;
    min-width: 0;
    min-height: 51px;
    margin: -12% 5% 0 0;   /* המקור: -22.8px 9.5px 0 0 (RTL) */
    padding: 3px 11px;
    background: #fff;
    border-radius: 53px;
    box-shadow: none;
    position: relative;
    z-index: 6;
    text-align: center;
}
.mw-card--vs .mw-card__brand img {
    width: 72%;
    height: 36px;
    max-height: 36px;
    object-fit: contain;
    border-radius: 5px;
}

/* כותרת: קופסה קבועה 40px, טקסט 0.9vw/400 (במקור height:40px קשיח) */
.mw-card--vs .mw-card__title {
    flex: 0 0 auto;          /* האם נותנת flex-grow:1 והכותרת נמתחה */
    margin: 0;
    padding: 0 9%;
    height: 3.1em;           /* = 40px ב-1440; 3 שורות נכנסות בכל רוחב */
    min-height: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: .9vw;
    font-weight: 400;
    line-height: .9em;
    text-align: start;
}
.mw-card--vs .mw-card__title a {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: var(--vs-primary);
    text-decoration: none;
}

/* שורת המחיר: המחיר צמוד ימין; העגלה יוצאת מהזרימה */
.mw-card--vs .mw-card__row {
    display: block;
    margin-top: 0;          /* האם דוחפת עם margin-top:auto */
    padding: 0 10% 10%;
    min-height: 40px;
}
.mw-card--vs .mw-card__price { display: block; text-align: right; }
.mw-card--vs .mw-card__price,
.mw-card--vs .mw-card__price .price,
.mw-card--vs .mw-card__price .amount,
.mw-card--vs .mw-card__price bdi {
    font-size: 1.4vw;
    font-weight: 900;
    line-height: 1;
    color: var(--vs-red);
}
.mw-card--vs .mw-card__price del { opacity: .55; font-size: .7em; }
.mw-card--vs .mw-card__price ins { text-decoration: none; }

/* המגרעת + העיגול הצהוב */
.mw-card--vs .mw-card__actions--vs {
    position: absolute;
    bottom: -9px;
    left: -11px;
    right: auto;
    width: 66px;
    height: 71px;
    padding: 10px 10px 5px 0;
    background: var(--vs-white2);
    border-radius: 0 40px 0 0;
    z-index: 3;
}
.mw-card--vs .mw-buy-btn.mw-buy-circle {
    width: 56px;
    height: 56px;
    padding: 14px;
    border: 0;
    border-radius: 50% !important;   /* חייב לגבור על --mw-radius של האם */
    background: var(--vs-accent);
    color: var(--vs-primary);
    box-shadow: none;
}
/* בריחוף על הכרטיס כולו (ולא רק על האייקון) העגלה אדומה.
   🪤 הכלל חייב לשבת אחרי .mw-card--vs .mw-buy-btn.mw-buy-circle -
   אותה ספציפיות בדיוק, ולכן הסדר בקובץ הוא שמכריע. */
.mw-card--vs:hover .mw-buy-btn.mw-buy-circle,
.mw-card--vs .mw-buy-btn.mw-buy-circle:hover { background: var(--vs-red); color: #fff; }
.mw-card--vs .mw-buy-circle svg { width: 28px; height: 28px; }
.mw-card--vs .mw-buy-circle.is-added { background: var(--mw-success, #16a34a); color: #fff; }

/* 🪤 הגודל חייב לשבת על ה-h3 (ה-a יורש ממנו): עם .9vw בלבד הכותרת
   ירדה ל-3.4px במובייל, גובה השורה קרס והטקסט נערם על המותג והמחיר */
@media (max-width: 1200px) { .mw-card--vs .mw-card__title { font-size: 16px; } }
@media (max-width: 1024px) {
    .mw-card--vs { min-height: 350px; }
    .mw-card--vs .mw-card__imgbox > img { height: 150px; }
    .mw-card--vs .mw-card__title { font-size: 14px; }
    .mw-card--vs .mw-card__price, .mw-card--vs .mw-card__price .price,
    .mw-card--vs .mw-card__price .amount, .mw-card--vs .mw-card__price bdi { font-size: 25px; }
}
@media (max-width: 767px) {
    .mw-card--vs { min-height: 240px; gap: 12px; }
    .mw-card--vs .mw-card__imgbox { min-height: 150px; padding: 0; }
    .mw-card--vs .mw-card__imgbox > img { height: 120px; }
    .mw-card--vs .mw-card__title { font-size: 14px; line-height: 1.2em; height: 3.6em; padding: 0 7%; }
    .mw-card--vs .mw-card__brand img { width: 70%; height: 32px; }
    .mw-card--vs .mw-card__price, .mw-card--vs .mw-card__price .price,
    .mw-card--vs .mw-card__price .amount, .mw-card--vs .mw-card__price bdi { font-size: 18px; }
    .mw-card--vs .mw-buy-btn.mw-buy-circle { width: 44px; height: 44px; padding: 10px; }
    .mw-card--vs .mw-buy-circle svg { width: 24px; height: 24px; }
    .mw-card--vs .mw-card__actions--vs { width: 54px; }
}

/* ==========================================================
   2. עמוד מוצר (Woodmart layout 57719) - הבלוק העליון
   ========================================================== */
/* במקור העמוד ברוחב מלא (content_width=full), לא בקונטיינר */
body.single-product .mw-wc-wrap { max-width: none; padding-inline: 0; }
.vs-single {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    padding: 2%;
    font-size: var(--vs-fs-text);
    line-height: 1.2;
}
.vs-single__info,
.vs-single__media {
    box-sizing: border-box;
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.vs-single__info { gap: 10px; }
.vs-single__media { gap: 20px; justify-content: space-between; position: relative; }

/* פירורי לחם: 0.8vw, קישורים כחולים */
.vs-crumb { width: 100%; margin-bottom: 4px; font-size: var(--vs-fs-small); line-height: 1.2; color: var(--vs-primary); }
.vs-crumb a { color: var(--vs-blue); text-decoration: none; }
.vs-crumb a:hover { color: var(--vs-blue2); }
.vs-crumb__sep { margin: 0 .35em; color: var(--vs-text); }

.vs-title.product_title { width: 100%; margin: 0; font-size: var(--vs-fs-title); font-weight: 500; line-height: var(--vs-lh-accent); color: var(--vs-primary); }
@media (max-width: 767px) { .vs-title.product_title { line-height: 1.1em; } }
.vs-sku { width: 100%; font-size: var(--vs-fs-text); color: var(--vs-text); }

/* "קנה עכשיו רק ב-" + מחיר אדום 1.5vw/900 */
.vs-buyrow { width: 100%; display: flex; align-items: center; gap: 10px; margin: 2% 0; }
.vs-buyrow__label { font-size: var(--vs-fs-big); font-weight: 900; line-height: 1; color: var(--vs-primary); }
.vs-price, .vs-price .price { font-size: var(--vs-fs-big); font-weight: 900; line-height: 1; color: var(--vs-red); }
.vs-price .price bdi, .vs-price .amount { color: var(--vs-red2); }
.vs-price .price del { color: var(--vs-red); opacity: .6; font-size: .75em; }
.vs-price .price ins { text-decoration: none; }

/* טופס הקנייה: [+ 1 -] [הוספה לסל צהוב] [קנה עכשיו שחור] */
/* 🪤 שם המחלקה היה vs-cart - בדיוק כמו אייקון העגלה בהדר,
   והכללים דרסו אלה את אלה (הכפתורים התכווצו ל-25px במובייל) */
.vs-buybox { width: 64%; max-width: 64%; padding: 10px 0; }
/* 90 + 152 + 159 + 2 רווחים = 421px, בדיוק כמו במקור - בלי שבירה */
.vs-buybox form.cart { display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; margin: 0; }
.vs-buybox form.cart .quantity,
.vs-buybox .mw-qty { display: flex; align-items: center; gap: 0; height: 42px; margin: 0; }
.vs-buybox .quantity .qty,
.vs-buybox .mw-qty__input,
.vs-buybox .quantity input[type="number"] {
    width: 30px !important; height: 42px; padding: 0; border: 0 !important; background: transparent !important;
    font-family: var(--mw-font) !important; font-size: 14px !important; font-weight: 400 !important;
    line-height: 17.28px !important; color: #000; text-align: center; -moz-appearance: textfield; appearance: textfield;
}
.vs-buybox .quantity input::-webkit-outer-spin-button, .vs-buybox .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.vs-buybox .quantity button, .vs-buybox .quantity input[type="button"], .vs-buybox .mw-qty__btn {
    width: 30px; height: 30px; min-width: 30px; padding: 0 2px; border: 0; border-radius: 50px;
    background: #EAEAEA; color: #000; font: 600 13px/1 var(--mw-font); cursor: pointer; box-shadow: none;
}
.vs-buybox .single_add_to_cart_button, .vs-buybox .mw-buy-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 5px;
    min-width: 152px; height: 42px; min-height: 42px; padding: 5px 20px; border: 0; border-radius: 100px;
    background: var(--vs-btn) !important; color: #333 !important; border-radius: 100px !important;
    font-family: var(--mw-font); font-size: 13px;
    font-weight: 600 !important; line-height: 1.2; cursor: pointer; text-transform: none;
}
.vs-buybox .single_add_to_cart_button:hover, .vs-buybox .mw-buy-btn:hover { background: #f5b020 !important; color: #333 !important; }
.vs-buybox .mw-buynow-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 5px;
    min-width: 159px; max-width: 159px; height: 42px; min-height: 42px; padding: 5px 20px; border: 0; border-radius: 35px;
    background: #000; color: var(--vs-btn); font: 600 13px/1.2 var(--mw-font); cursor: pointer;
}
.vs-buybox .mw-buynow-btn:hover { background: #1e1e1e; }
.vs-buybox .mw-buy-btn__text { font: inherit; }
.vs-buybox .mw-buy-btn svg { width: 16px; height: 16px; }
.vs-buybox .stock { width: 100%; margin: 0; font-size: var(--vs-fs-small); color: var(--vs-text); }

/* מוצר עם וריאציות: הבחירה בשורה נפרדת *מעל* כפתורי הקנייה.
   ברירת המחדל של form.cart היא שורה אחת (flex nowrap), ובמוצר
   משתנה זה דוחס את הסווטצ'ים לצד הכפתור ונראה שבור. */
.vs-buybox form.variations_form { display: block; }
.vs-buybox form.variations_form .variations,
.vs-buybox form.variations_form table.variations { display: block; width: 100%; margin: 0 0 14px; border: 0; }
.vs-buybox form.variations_form table.variations tbody,
.vs-buybox form.variations_form table.variations tr,
.vs-buybox form.variations_form table.variations th,
.vs-buybox form.variations_form table.variations td { display: block; width: 100%; padding: 0; border: 0; text-align: start; }
.vs-buybox form.variations_form table.variations th.label { margin-bottom: 4px; font-size: var(--vs-fs-small); font-weight: 600; color: var(--vs-primary); }
.vs-buybox form.variations_form .mw-swatches { margin: 0 0 10px; }
.vs-buybox form.variations_form .reset_variations { display: inline-block; margin: 0 0 10px; font-size: var(--vs-fs-small); }
.vs-buybox form.variations_form .single_variation_wrap { display: block; width: 100%; }
.vs-buybox form.variations_form .woocommerce-variation-price { width: 100%; margin: 0 0 10px; }
.vs-buybox form.variations_form .woocommerce-variation-add-to-cart {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    width: 100%;
}
.vs-soldout { width: 53%; max-width: 53%; align-self: flex-end; }

/* טאבים (nested-tabs): כותרת 0.9vw/500, נבחר שחור עם קו תחתון דק, לא-נבחר כחול */
.vs-tabs { width: 100%; margin-top: 10px; padding-bottom: 1%; }
.vs-tabs__heading { display: flex; flex-wrap: wrap; gap: 1.1em; }
.vs-tabs--center .vs-tabs__heading { justify-content: center; }
/* מידות מדויקות מהמקור: גובה 42, קו תחתון 1px (לא שבר פיקסל -
   דפדפנים מעגלים אותו ל-0 או ל-1 ואז הכותרות "קופצות"), רווח
   אייקון-טקסט 0.5vw, ריפוד תחתון 1% מרוחב העמודה */
.vs-tab {
    display: inline-flex; align-items: center; gap: .5vw; min-height: 42px; padding: 0 0 1%; border: 0;
    border-bottom: 1px solid var(--vs-gray2); background: #fff; color: var(--vs-blue); cursor: pointer;
    /* 13px על העטיפה (ומכאן גובה השורה והאייקון), הטקסט עצמו בגודל accent -
       בדיוק כמו שאלמנטור מרנדר את הווידג'ט במקור */
    font: 500 13px/var(--vs-lh-accent) var(--mw-font);
}
.vs-tab img { width: 1.2em; height: 1.2em; }
.vs-tab span { font-size: var(--vs-fs-accent); line-height: inherit; }
.vs-tab:hover { color: var(--vs-primary); }
.vs-tab.is-active { color: var(--vs-primary); border-bottom: 1px solid var(--vs-text); background: transparent; }
.vs-tabs__panel { display: none; }
.vs-tabs__panel.is-active { display: block; }
.vs-tabs__panel--specs { padding: 2% 0 2% 2%; }
.vs-checklist { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; font-size: var(--vs-fs-text); line-height: var(--vs-lh-text); color: #000; }
.vs-checklist li { position: relative; }
.vs-checklist li.vs-checklist__check { padding-right: 1.25em; }
.vs-checklist li.vs-checklist__check::before { content: '\2714'; position: absolute; right: 0; top: 0; font-size: .85em; }
.product-specs-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 3%; font-size: var(--vs-fs-text); line-height: var(--vs-lh-text); }
.product-specs-list li strong { font-weight: 700; }

/* כפתורי מפרט / שאלה */
.vs-actions { width: 100%; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 7px; }
.vs-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .5em; border: 0; border-radius: 50px;
    font: 500 var(--vs-fs-small)/1 var(--mw-font); text-decoration: none; cursor: pointer;
}
.vs-btn--spec { padding: 7px 10px 4px; background: var(--vs-border); color: var(--vs-primary); }
.vs-btn--spec:hover { background: var(--vs-blue2); color: #fff; }
.vs-btn--spec:hover img { filter: invert(1); }
.vs-btn--ask { padding: 7px 20px 4px; background: var(--vs-gray); color: var(--vs-blue2); }
.vs-btn--ask:hover { background: var(--vs-border); }

/* תיבת עלות משלוח (79%, אפור, רדיוס 1em) */
.vs-shipbox {
    box-sizing: border-box; width: 79%; min-height: 70px; display: flex; align-items: center; gap: 10px;
    margin-top: 22px; padding: .5em; border-radius: 1em; background: var(--vs-gray);
}
.vs-shipbox img { width: 50px; height: 50px; }
.vs-shipbox__text { font-size: var(--vs-fs-text); color: var(--vs-primary); }
.vs-shipbox__text b { font-weight: 700; }

/* תיבת הקמפיין (79%, לבן-לבן, מסגרת אפורה, רדיוס 1em) */
.vs-campbox {
    box-sizing: border-box; width: 79%; min-height: 73px; margin-top: 10px; display: flex; align-items: center; gap: 20px; padding: 10px;
    border: 1px solid var(--vs-text); border-radius: 1em; background: var(--vs-white2);
    text-align: right; cursor: pointer; font-family: var(--mw-font); color: var(--vs-dark);
}
.vs-campbox img { width: 51px; height: 51px; object-fit: contain; flex: 0 0 51px; }
.vs-campbox__text { display: flex; flex-direction: column; gap: .3em; font-size: var(--vs-fs-text); line-height: var(--vs-lh-text); }
.vs-campbox__title { font-size: var(--vs-fs-accent); font-weight: 500; line-height: 1; color: var(--vs-dark); }
.vs-campbox__more { font-size: var(--vs-fs-small); }
.vs-campbox__more b { color: #E00000; font-weight: 700; }

/* שיתוף */
.vs-share { width: 100%; display: flex; flex-direction: column; gap: 10px; margin-top: 21px; padding-inline-start: 9px; }
.vs-share__label { align-self: flex-start; font-size: var(--vs-fs-accent); font-weight: 500; line-height: 1; }
.vs-share__btns { display: flex; gap: 10px; }
.vs-share__btn { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.vs-share__btn:hover { filter: brightness(.9); }

/* ---- עמודת המדיה ---- */
.vs-brand { width: 100%; display: flex; align-items: center; justify-content: center; gap: 12px; padding-bottom: 2%; }
.vs-brand__logo { flex: 0 0 50%; max-width: 50%; text-align: end; }
.vs-brand__logo img { height: 6vh; max-width: 100%; width: auto; object-fit: contain; }
.vs-brand__link { flex: 0 0 50%; max-width: 50%; font-size: var(--vs-fs-accent); font-weight: 500; line-height: 1; color: var(--vs-primary); text-decoration: none; }
.vs-brand__link:hover { color: var(--vs-blue2); }

.vs-trust { box-sizing: border-box; flex: 0 0 20%; max-width: 20%; display: flex; flex-direction: column; gap: 20px; padding: 10px; }
.vs-trust__item { display: flex; flex-direction: column; align-items: center; gap: 0; text-decoration: none; color: var(--vs-primary); }
.vs-trust__icon {
    display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
    width: 4.5em; height: 4.5em; padding: .2em; border-radius: .2em; background: var(--vs-gray); font-size: 1.28em;
}
.vs-trust__icon img, .vs-trust__icon svg { width: 3.2em; height: 3.2em; display: block; }
.vs-shipbox__icon { display: inline-flex; flex: 0 0 50px; }
.vs-shipbox__icon svg { width: 50px; height: 50px; display: block; }
.vs-trust__item:hover .vs-trust__icon { background: var(--vs-gray2); }
.vs-trust__title { width: 100%; margin-top: 0; font-size: var(--vs-fs-accent); font-weight: 500; line-height: 1; text-align: center; }

.vs-gallery { box-sizing: border-box; flex: 0 0 70%; max-width: 70%; padding: 0 0 0 4%; }
.vs-gallery .woocommerce-product-gallery { width: 100% !important; float: none; margin: 0; }
.vs-gallery .woocommerce-product-gallery__image img,
.vs-gallery .woocommerce-product-gallery__wrapper img { width: 100%; border-radius: 25px !important; }
.vs-gallery .woocommerce-product-gallery__image { aspect-ratio: 1 / 1; overflow: hidden; border-radius: 25px; }
.vs-gallery .woocommerce-product-gallery__image img { height: 100%; object-fit: contain; }
.vs-gallery .flex-control-thumbs { margin: 10px -5px 0; display: flex; flex-wrap: wrap; }
.vs-gallery .flex-control-thumbs li { padding: 0 5px 10px; }
.vs-gallery .flex-control-thumbs img, .vs-gallery .mw-gthumbs img { aspect-ratio: 1 / 1; object-fit: contain; border-radius: 12px; }

/* תג הקמפיין על התמונה: 10% רוחב, למעלה-שמאל של הגלריה */
.vs-badge { position: absolute; top: 5vw; left: 3vw; width: 10%; z-index: 2; padding: 0; border: none; background: none; cursor: pointer; }
.vs-badge img { width: 100%; max-width: 68px; height: auto; display: block; }

/* ==========================================================
   3. הבלוק התחתון: טאבים ממורכזים מפרט / אחריות / משלוחים
   ========================================================== */
.vs-more { padding: 0 3%; margin-top: -2%; }
.vs-more .vs-tab { background: #fff; }
.vs-more .vs-tab.is-active { background: #fff; }
.vs-panel { box-sizing: border-box; padding: 2%; border-radius: 2em; background: rgba(248, 248, 248, .56); }
.vs-panel--plain { background: transparent; }
.vs-panel__content { width: 62%; max-width: 62%; font-size: var(--vs-fs-text); line-height: 1.2; color: var(--vs-primary); text-align: start; }
.vs-panel__content--narrow { width: 56%; max-width: 56%; }
.vs-panel__content--full { width: 100%; max-width: 100%; }
.vs-panel__content p { margin: 0 0 .1em; }
.vs-panel__content img { max-width: 100%; height: auto; }

/* ==========================================================
   4. פופאפים (שאלה על המוצר, פרטי הקמפיין) - על mw-pop של האם
   ========================================================== */
.vs-pop .mw-pop__box { width: 38vw; max-width: 92vw; border-radius: 2em; padding: 5%; }
.vs-ask { display: flex; flex-direction: column; gap: 10px; text-align: center; }
.vs-ask__lead { font-size: var(--vs-fs-h); font-weight: 500; }
.vs-ask__product { font-size: var(--vs-fs-big); font-weight: 900; }
.vs-camp-pop { display: flex; flex-direction: column; gap: 12px; text-align: center; }
.vs-camp-pop__img { width: 80px; height: 80px; object-fit: contain; margin: 0 auto; }
.vs-camp-pop__title { margin: 0; font-size: var(--vs-fs-big); font-weight: 900; }
.vs-camp-pop__cond { font-size: var(--vs-fs-text); text-align: start; }
.vs-camp-pop__terms { color: var(--vs-blue2); text-decoration: underline; }

/* ==========================================================
   5. סרגל קנייה דביק (Woodmart sticky add to cart)
   ========================================================== */
.vs-sticky {
    position: fixed; right: 0; bottom: 0; left: 0; z-index: 300;
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
    padding: 8px 3%; background: #fff; box-shadow: 0 -3px 18px rgba(0, 0, 0, .12);
}
.vs-sticky__product { display: flex; align-items: center; gap: 12px; min-width: 0; }
.vs-sticky__img { width: 46px; height: 46px; object-fit: contain; border-radius: 8px; background: var(--vs-gray); }
.vs-sticky__name { font-size: var(--vs-fs-accent); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40vw; }
.vs-sticky__price, .vs-sticky__price .price { font-size: var(--vs-fs-accent); font-weight: 900; color: var(--vs-red); }
.vs-sticky__actions { display: flex; align-items: center; gap: 10px; }
.vs-sticky__go, .vs-sticky__buy {
    display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 42px; padding: 5px 20px;
    border: 0; border-radius: 100px; font: 600 13px/1.2 var(--mw-font); cursor: pointer;
}
.vs-sticky__go { background: var(--vs-btn); color: #333; }
.vs-sticky__buy { background: #000; color: var(--vs-btn); border-radius: 35px; }
body.vs-sticky-open .mw-a11y-btn { bottom: 76px; }

/* ==========================================================
   6. מובייל / טאבלט
   ========================================================== */
@media (max-width: 1024px) {
    .vs-single__info, .vs-single__media { flex: 0 0 100%; max-width: 100%; }
    /* במובייל קודם השם, המק"ט, המחיר וכפתורי הקנייה - ורק אחר כך הגלריה.
       display:contents מוציא את ילדי טור הפרטים ישירות לתוך .vs-single
       כדי שאפשר יהיה לסדר אותם מול הגלריה עם order */
    .vs-single { flex-direction: column; }   /* חובה עם display:contents למטה */
    .vs-single__info { display: contents; }
    .vs-single__info > * { order: 7; width: 100%; max-width: 100%; }
    .vs-single__info > .vs-crumb { order: 1; }
    .vs-single__info > .vs-title { order: 2; }
    .vs-single__info > .vs-sku { order: 3; }
    .vs-single__info > .vs-buyrow { order: 4; }
    .vs-single__info > .vs-buybox { order: 5; }
    .vs-single__media { order: 6; }
    .vs-more { margin-top: 0; }
    .vs-panel__content, .vs-panel__content--narrow { width: 100%; max-width: 100%; }
    .vs-pop .mw-pop__box { width: 92vw; }
}
@media (max-width: 767px) {
    .vs-single { padding: 3% 3% 4%; gap: 12px; }
    .vs-single__info, .vs-single__media { padding: 0; }
    .vs-trust { flex: 0 0 100%; max-width: 100%; flex-direction: row; justify-content: center; gap: 12px; padding: 0; order: 2; }
    .vs-trust__item { flex: 1 1 0; }
    .vs-gallery { flex: 0 0 100%; max-width: 100%; padding: 0; order: 1; }
    /* התמונה הראשית נמוכה יותר בטלפון - ריבוע מלא בולע חצי מסך */
    .vs-gallery .woocommerce-product-gallery__image { aspect-ratio: auto; height: 260px; }
    .vs-gallery .woocommerce-product-gallery__image img { height: 260px; }
    .vs-brand { order: 0; }
    .vs-badge { top: 12px; left: 12px; width: 60px; }
    .vs-buybox { width: 100%; max-width: 100%; }
    /* כמות + הוספה לסל + קנה עכשיו לא נכנסים ב-375 - הכפתורים יורדים לשורה
       ומתחלקים ברוחב, אחרת כל עמוד המוצר נגלל הצידה */
    .vs-buybox form.cart, .vs-buybox .woocommerce-variation-add-to-cart { gap: 7px; flex-wrap: wrap; }
    .vs-buybox .single_add_to_cart_button, .vs-buybox .mw-buynow-btn { flex: 1 1 auto; min-width: 108px; max-width: none; padding: 5px 10px; }
    .vs-shipbox, .vs-campbox { width: 100%; }
    .vs-tabs__heading { gap: 2em; }
    .vs-tab { gap: .4em; }
    .vs-panel { padding: 7%; }
    .vs-sticky { padding: 8px 12px; gap: 10px; }
    .vs-sticky__name { display: none; }
    .vs-sticky__buy { display: none; }
}

/* ==========================================================
   7. רצועת המותגים הוויזואלית בארכיון - ערכי המקור
   (כרטיס 148.8x71, מסגרת 1px #F2F4F5 רדיוס 6, תמונה 95x40,
   מונה 11.52px #7A7A7A, ריווח 6px; נבחר/ריחוף = מסגרת #070707)
   ========================================================== */
:root {
    --mw-brandfilter-border: #F2F4F5;
    --mw-brandfilter-active: #070707;
}
.mw-brandfilter { margin: 0 0 20px; }
.mw-brandfilter__item { width: 148.8px; height: 71px; }
.mw-brandfilter__count { font-size: 11.52px; color: var(--vs-text); }
.mw-brandfilter__name { font-size: var(--vs-fs-accent); font-weight: 500; color: var(--vs-primary); }
@media (max-width: 767px) {
    .mw-brandfilter__item { width: 120px; height: 60px; }
}

/* חיצי הסטריפ: מוצגים רק כשיש לאן לגלול, ובמובייל מוסתרים (החלקה באצבע) */
.vs-strip__body .mw-strip-arrow { display: none; }
.vs-strip__body.has-overflow .mw-strip-arrow { display: flex; opacity: 1; visibility: visible; }
.vs-strip__body .products, .vs-strip__body .mw-products { -webkit-overflow-scrolling: touch; }
@media (max-width: 767px) {
    .vs-strip__body.has-overflow .mw-strip-arrow { display: none; }
}

/* מפרט בתוך טאב "מפרט" של הבלוק התחתון */
.vs-panel__specs { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--vs-border); }
.vs-panel__specs .product-specs-list { display: grid; gap: 6px; }

/* ==========================================================
 * הדר (3.132.0)
 * המידות נמדדו מהאתר המקורי ברוחב 1440 (רוחב גוף 1432):
 * פס הודעה 34 | פס כהה 64 | פס תפריטים 60, דביק
 * ========================================================== */
.vs-header { position: relative; z-index: 60; }

/* פס ההודעה הצהוב */
.vs-notice {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px 9px;
    background: var(--vs-accent);
    color: var(--vs-primary);
    font-size: var(--vs-fs-text);
    line-height: var(--vs-lh-text);
    text-align: center;
}

/* ---------- הפס הכהה: כתובת + לוגו מימין, כלים משמאל ---------- */
.vs-htop {
    display: flex;
    flex-wrap: wrap;
    min-height: 64px;
    background: var(--vs-dark2);
    color: #fff;
}
.vs-htop__side { display: flex; align-items: center; gap: 20px; }
.vs-htop__side--brand {
    width: 39%;
    padding: .8% 2% .8% 0;
    justify-content: flex-start;   /* RTL: נצמד לימין */
}
.vs-htop__side--tools {
    width: 61%;
    padding: .5% 0 .4% 2%;
    flex-direction: row-reverse;   /* RTL + reverse = הפריט הראשון בשמאל */
    justify-content: flex-start;
}
.vs-htop__addr { color: #fff; font-size: var(--vs-fs-text); line-height: var(--vs-lh-text); text-decoration: none; }
.vs-htop__addr:hover { color: var(--vs-accent); }

/* הלוגו יושב בקופסה של 203px וצמוד לימין שלה - בדיוק כמו ווידג'ט
   התמונה במקור (רוחב 65%, יישור ימין) */
.vs-logo { display: flex; align-items: center; justify-content: flex-start; width: 203px; text-decoration: none; }
.vs-logo svg, .vs-logo img { width: auto; height: 41px; display: block; }

.vs-hicon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: var(--vs-fs-text);
    line-height: var(--vs-lh-text);
    text-decoration: none;
}
.vs-hicon:hover { color: var(--vs-accent); }
.vs-hicon__ico { display: flex; }
.vs-hicon__ico svg { width: 16px; height: 16px; fill: currentColor; }
.vs-hicon--phone { flex-direction: row-reverse; gap: 11px; }
.vs-hicon--phone .vs-hicon__ico svg { width: 20px; height: 20px; }
.vs-hicon--phone b { font-weight: 700; }

/* עגלה: אייקון 25 לבן + בועה צהובה 11px/700 בפינה */
/* 🪤 .mw-cart-toggle של האם מגיע עם ריפוד ורוחב משלו - בלי האיפוס
   הזה הקישור נמתח על כל הפס והטלפון נדחף לקצה */
.vs-cart {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    width: 25px;
    height: 25px;
    padding: 0;
    background: none;
    border: 0;
    color: #fff;
    text-decoration: none;
}
.vs-cart__ico { display: block; width: 25px; height: 25px; }
.vs-cart__ico svg { width: 25px; height: 25px; display: block; fill: currentColor; }
.vs-cart__count {
    position: absolute;
    top: -3px;
    inset-inline-start: -8px;
    min-width: 16px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--vs-accent);
    color: var(--vs-primary);
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

/* ---------- פס התפריטים הדביק ---------- */
.vs-hbar {
    position: sticky;
    top: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 60px;
    padding: .5% 2%;
    background: var(--vs-dark3);
}
.vs-hbar__group { display: flex; align-items: center; gap: 9px; }
.vs-hbar__group--cats { flex: 0 1 auto; }
.vs-hbar__group--info { flex: 1 1 auto; justify-content: flex-end; }

/* כפתור "כל הקטגוריות": 136x42, רדיוס 100, צהוב על כהה */
.vs-catbtn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 42px;
    padding: 2px 15px;
    border: 0;
    border-radius: 100px;
    background: var(--vs-accent);
    color: var(--vs-dark2);
    font: 700 var(--vs-fs-text)/var(--vs-lh-text) var(--mw-font);
    cursor: pointer;
    white-space: nowrap;
}
.vs-catbtn:hover { background: var(--vs-btn); }
.vs-catbtn__ico { flex: 0 0 auto; }

/* תפריטי ההדר */
/* 🪤 האם הופכת כל .mw-nav__list לטור מתחת ל-1024 (main.css) -
   בלי flex-direction מפורש רצועת הקטגוריות במובייל נערמת אנכית */
.vs-hmenu .mw-nav__list { display: flex; flex-direction: row; align-items: center; gap: 0; margin: 0; padding: 0; list-style: none; }
/* 🪤 בלי flex:0 0 auto הפריטים מתכווצים והטקסט נשבר לשורות -
   זה מה שהפך את רצועת הקטגוריות במובייל לשלוש שורות */
.vs-hmenu .mw-nav__list li { position: relative; flex: 0 0 auto; }
.vs-hmenu .mw-nav__list > li > a {
    display: block;
    padding: 1px 7px;
    border: 0;
    background: none;
    color: #fff;
    font-size: var(--vs-fs-text);
    font-weight: 400;          /* האם מגדירה 600 לפריטי תפריט */
    line-height: var(--vs-lh-text);
    text-decoration: none;
    white-space: nowrap;
}
.vs-hmenu .mw-nav__list > li > a:hover { color: var(--vs-accent); }
/* תת-תפריט: נפתח מתחת לפריט */
.vs-hmenu .mw-nav__list ul {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    z-index: 5;
    min-width: 190px;
    margin: 0;
    padding: 6px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s;
}
.vs-hmenu .mw-nav__list li:hover > ul { opacity: 1; visibility: visible; }
.vs-hmenu .mw-nav__list ul a {
    display: block;
    padding: 7px 14px;
    color: var(--vs-primary);
    font-size: var(--vs-fs-small);
    text-decoration: none;
    white-space: nowrap;
}
.vs-hmenu .mw-nav__list ul a:hover { background: var(--vs-gray2); }

/* שדה החיפוש: 317x39, גלולה עם כפתור עגול צהוב 29 בקצה */
.vs-hsearch { width: 317px; max-width: 40vw; }
.vs-hsearch .mw-searchbar { position: relative; display: block; margin: 0; }
.vs-hsearch .mw-search-input {
    width: 100%;
    height: 39px;
    padding: 0 15px 0 69px;
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: 35px;
    background: #fff;
    color: var(--vs-primary);
    font-size: 14px;
    line-height: 1;
}
.vs-hsearch .mw-search-input::placeholder { color: #8a8a8a; }
.vs-hsearch .mw-search-submit {
    position: absolute;
    top: 50%;
    inset-inline-end: 5px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    padding: 0;
    border: 0;
    border-radius: 35px;
    background: var(--vs-btn);
    color: var(--vs-primary);
    cursor: pointer;
}
.vs-hsearch .mw-search-submit svg { width: 16px; height: 16px; }
.vs-hsearch .mw-live-results { inset-inline-start: auto; inset-inline-end: 0; width: 100%; }

/* ---------- מובייל ---------- */
.vs-hmob { display: none; padding: 1%; background: var(--vs-dark2); }
.vs-hmob__row {
    display: flex;
    flex-direction: row-reverse;   /* DOM: טלפון, קטגוריות, לוגו -> משמאל לימין */
    align-items: center;
    justify-content: space-between;
    min-height: 68px;              /* מדוד במקור ב-375 */
    padding: 2%;
}
.vs-hmob__phone { display: flex; color: #fff; }
.vs-hmob__phone svg { width: 36px; height: 36px; fill: currentColor; }
.vs-logo--mob { width: auto; }
.vs-logo--mob svg, .vs-logo--mob img { height: 43px; }
.vs-hmenu--mob {
    display: none;
    align-items: center;
    min-height: 41px;              /* מדוד במקור ב-375 */
    padding: 12px 12px 2px 7px;
    background: #272727;
    overflow-x: auto;
    scrollbar-width: none;
}
.vs-hmenu--mob::-webkit-scrollbar { display: none; }
.vs-hmenu--mob .mw-nav__list { flex-wrap: nowrap; width: max-content; min-width: 100%; }
.vs-hmenu--mob .mw-nav__list ul { display: none; }

/* סרגל תחתון קבוע */
.vs-mobbar {
    display: none;
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 90;
    align-items: center;
    justify-content: space-evenly;
    gap: 20px;
    height: 74px;
    padding: 4px;
    background: #fff;
    box-shadow: 0 -2px 14px rgba(0, 0, 0, .12);
}
.vs-mobbar__item { position: relative; display: flex; align-items: center; justify-content: center; color: var(--vs-primary); text-decoration: none; }
.vs-mobbar__item svg { fill: none; }
.vs-mobbar__user svg { width: 30px; height: 30px; fill: currentColor; }
.vs-mobbar .vs-cart__ico svg { fill: var(--vs-primary); }

@media (max-width: 1024px) {
    .vs-htop, .vs-hbar { display: none; }
    .vs-hmob { display: block; }
    .vs-hmenu--mob { display: block; }
    .vs-mobbar { display: flex; }
    body.vs-body { padding-bottom: 74px; }
}

/* ==========================================================
 * פוטר (3.132.0)
 * ניוזלטר על רקע העמוד | 4 עמודות על #070707 | שורת זכויות
 * ========================================================== */
.vs-footer { font-size: var(--vs-fs-text); line-height: var(--vs-lh-text); }

.vs-nl { padding: 2.5%; }
.vs-nl__box {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    padding: 1% 1% 2%;
    border-radius: 1.5em;
    background: rgba(250, 205, 64, .08);
}
.vs-nl__title {
    margin: 0;
    font-size: var(--vs-fs-big);
    font-weight: 900;
    line-height: var(--vs-lh-big);
    color: var(--vs-primary);
    text-align: center;
}
/* הכפתור והטופס ברוחב 56% וממורכזים - כמו במקור */
.vs-nl__wa, .vs-nl__form { width: 56%; margin-inline: auto; }
/* כפתור הוואטסאפ: 1.5vw (21.6 ב-1440), גובה 46, אייקון 22 ורווח 28 */
.vs-nl__wa {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    min-height: 46px;
    padding: 12px 24px;
    border-radius: 100px;
    background: #0F9179;
    color: var(--vs-primary);
    font-size: 1.5vw;
    line-height: 1;
    text-decoration: none;
}
.vs-nl__wa:hover { background: #0c7c67; color: #fff; }
.vs-nl__wa svg { width: 1em; height: 1em; flex: 0 0 auto; fill: currentColor; }

/* טופס ההרשמה - 4 עמודות שוות (שם, טלפון, אימייל, כפתור), כל אחת 59 גבוהה
   עם השדה בתחתיתה (40), ושורת הסכמה של 27 מתחת. המרווח מהכפתור הירוק 28 */
.vs-nl__form { margin-top: 13.6px; }
.vs-nl__form .mw-form { padding: 0; margin: 0; background: none; border: 0; box-shadow: none; }
.vs-nl__form .mw-ajaxform { display: block; gap: 0; margin: 0; }
/* באלמנטור לעטיפת השדות יש margin-bottom שלילי של 9 - שורת ההסכמה
   גולשת לריפוד התחתון של הקופסה. בלי זה הקופסה יוצאת גבוהה ב-9 */
.vs-nl__form { margin-bottom: -9px; }
.vs-nl__form .mw-newsletter__fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; align-items: end; margin: 0; }
.vs-nl__form .mw-form__field { margin: 0; padding: 19px 0 0; min-width: 0; }
.vs-nl__form .mw-form__field input,
.vs-nl__form .mw-form__submit {
    box-sizing: border-box;
    width: 100%;
    height: 40px !important;
    margin: 0;
    padding: 0 15px !important;
    font: 500 var(--vs-fs-accent)/1 var(--mw-font) !important;
    box-shadow: none;
}
.vs-nl__form .mw-form__field input {
    border: 1px solid var(--vs-accent) !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #000;
}
.vs-nl__form .mw-form__field input::placeholder { color: #000; opacity: 1; }
.vs-nl__form .mw-form__field:first-of-type input { border-radius: 0 50px 50px 0 !important; }
.vs-nl__form .mw-form__submit {
    align-self: end;
    border: 0 !important;
    border-radius: 100px 0 0 100px !important;
    background: var(--vs-accent) !important;
    color: var(--vs-primary) !important;
    cursor: pointer;
}
.vs-nl__form .mw-form__submit:hover { background: var(--vs-btn) !important; }
.vs-nl__form .mw-form__consent {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 27px;
    margin: 10px 0 0;
    font: 400 var(--vs-fs-text)/var(--vs-lh-text) var(--mw-font);
    color: #000;
}
.vs-nl__form .mw-form__consent input { width: 13px; height: 13px; margin: 0; flex: 0 0 auto; }
.vs-nl__form .mw-form__consent a { color: var(--vs-dark); text-decoration: underline; }
.vs-nl__form .mw-form__status:empty { display: none; }

/* ---------- ארבע העמודות ---------- */
.vs-foot {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    min-height: 33vh;
    padding: 3% 3% 0;
    background: var(--vs-primary);
    color: #fff;
}
.vs-foot__col { display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; gap: 1vw 2vw; padding: 10px; }
.vs-foot__col--nav { width: 25%; gap: 1vw 4vw; }
.vs-foot__col--cats { width: 16%; gap: 1vw 4vw; }
.vs-foot__col--contact { width: 38%; }
.vs-foot__col--brand { width: 15%; flex-direction: row-reverse; justify-content: center; }
.vs-foot__title {
    width: 100%;
    margin: 0;
    padding-bottom: 1vw;
    font-size: var(--vs-fs-accent);
    font-weight: 500;
    line-height: 1;
    color: var(--vs-accent);
}
.vs-foot__lists { display: flex; flex-wrap: wrap; gap: 1vw 4vw; }

/* 🪤 vs_nav_html מחזיר את ul.mw-nav__list של האם, והאם עושה לו
   display:flex בשורה - בפוטר הרשימות יצאו אופקיות ומבולגנות */
.vs-flist ul, .vs-flist .mw-nav__list, .vs-fcontact { display: block; margin: 0; padding: 0; list-style: none; }
.vs-flist li { display: block; width: 100%; }
.vs-flist ul ul { display: none; }
.vs-flist li { box-sizing: content-box; min-height: var(--vs-lh-text); padding-bottom: .35em; }
.vs-flist li + li { margin-top: .35em; }
/* במקור שתי הרשימות באותו ריווח (פסיעה 27.5), והן לא מתכווצות */
.vs-foot__lists .vs-flist { flex: 0 0 auto; }
.vs-flist li { white-space: nowrap; }
.vs-flist a, .vs-fcontact a, .vs-fcontact span:not(.vs-fcontact__ico) {
    display: block;
    padding: 0;
    border: 0;
    background: none;
    color: #fff;
    font-size: var(--vs-fs-text);
    font-weight: 400;          /* האם מגדירה 600 לפריטי תפריט */
    line-height: var(--vs-lh-text);
    text-decoration: none;
}
.vs-flist a:hover, .vs-fcontact a:hover { color: var(--vs-accent); }

.vs-fcontact li { box-sizing: content-box; display: flex; align-items: center; gap: 5px; min-height: var(--vs-lh-text); padding-bottom: .35em; }
.vs-fcontact li + li { margin-top: .35em; }
.vs-fcontact__ico { display: flex; flex: 0 0 auto; color: #fff; }
.vs-fcontact__ico svg { width: 14px; height: 14px; }

.vs-foot__logo { display: block; }
.vs-foot__logo svg, .vs-foot__logo img { width: 182px; height: auto; display: block; }
.vs-fsocial { display: none; }
.vs-fsocial a { display: flex; color: #fff; }
.vs-fsocial svg { width: 24px; height: 24px; }
.vs-fsocial a:hover { color: var(--vs-accent); }

.vs-foot__divider { width: 100%; height: 0; margin: 15px 0 0; border-top: 1px solid rgba(242, 244, 245, .43); }

/* ---------- שורת הזכויות ---------- */
.vs-footbar {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 3% 2%;
    background: var(--vs-primary);
    color: var(--vs-gray);
    font-size: var(--vs-fs-text);
    line-height: var(--vs-lh-text);
}
.vs-footbar__credit { padding-inline-start: 12px; }
.vs-footbar__credit a { color: inherit; text-decoration: none; }
.vs-footbar__credit a:hover { color: var(--vs-accent); }

@media (max-width: 1024px) {
    .vs-nl__wa, .vs-nl__form { width: 100%; }
    .vs-nl__wa { gap: 12px; font-size: var(--vs-fs-text); text-align: center; }
    .vs-foot__col--nav, .vs-foot__col--cats, .vs-foot__col--contact { width: 48%; }
    .vs-foot__col--brand { width: 100%; justify-content: flex-start; }
}
@media (max-width: 767px) {
    .vs-nl__form .mw-newsletter__fields { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .vs-nl__form .mw-form__field { padding-top: 0; }
    .vs-nl__form .mw-form__field input,
    .vs-nl__form .mw-form__field:first-of-type input,
    .vs-nl__form .mw-form__submit { border-radius: 50px !important; }
    .vs-nl__form .mw-form__consent { align-items: flex-start; line-height: 1.3; padding-top: 6px; }
    /* הפוטר במובייל כמו במקור: לוגו ושלושת האייקונים למעלה, ואחריהם
       הכותרות והרשימות זו מתחת לזו, צמודות לימין */
    .vs-foot { flex-direction: column; gap: 0; min-height: 0; padding: 8% 5% 0; }
    .vs-foot__col--nav, .vs-foot__col--cats, .vs-foot__col--contact { width: 100%; }
    .vs-foot__col { padding: 10px 0 18px; }
    .vs-foot__col--brand { order: -1; width: 100%; flex-direction: column; align-items: center; gap: 18px; padding-bottom: 24px; }
    .vs-foot__logo { text-align: center; }
    .vs-foot__col--brand .vs-fsocial { display: flex; justify-content: center; gap: 46px; margin: 0; padding: 0; list-style: none; }
    .vs-foot__col--brand .vs-fsocial svg { width: 30px; height: 30px; fill: #fff; }
    .vs-foot__col--brand .vs-fsocial a { color: #fff; display: block; }
    .vs-foot__lists { flex-direction: column; gap: 0; width: 100%; }
    .vs-foot__lists .vs-flist { width: 100%; }
    .vs-footbar { flex-direction: column; align-items: flex-start; gap: 6px; padding: 0 5% 8%; }
}

/* ==========================================================
 * עמודי תוכן: צור קשר, אודות, שאלות נפוצות, מדיניות, ביטול הזמנה
 * (pages.php + vs-page.php). נמדד מול המקור ב-1440 (body 1432).
 * האחוזים בריפוד = אחוזים מרוחב המיכל, בדיוק כמו באלמנטור, ולכן
 * הם נכונים בכל רוחב. רדיוס 2em = 28.8px כשהטקסט 14.4px.
 * ========================================================== */
.vs-cp { font-size: var(--vs-fs-text); line-height: var(--vs-lh-text); color: var(--vs-primary); }
.vs-cp *, .vs-cp *::before, .vs-cp *::after { box-sizing: border-box; }
.vs-cp h1, .vs-cp h2, .vs-cp h3, .vs-cp p { margin: 0; }

.vs-cp__top { padding: 2% 3%; }
.vs-cp__row { display: flex; align-items: stretch; gap: 20px; padding: 0 3% 2%; }
.vs-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 1% 3% 3%;
    border-radius: 2em;
    background: #fff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .04);
}
.vs-card__title { font: 900 var(--vs-fs-big)/var(--vs-lh-big) var(--mw-font); color: var(--vs-primary); }
.vs-card__sub { font: 400 var(--vs-fs-text)/var(--vs-lh-text) var(--mw-font); color: var(--vs-primary); }
.vs-cp__bigtitle { font: 700 3.1vw/1 var(--mw-font); color: var(--vs-primary); }
.vs-divider { padding: 15px 0; }
.vs-divider span { display: block; border-top: 1px solid var(--vs-border); }

/* ---------- באנר עם אייקון (צור קשר / שאלות נפוצות) ---------- */
.vs-pbanner {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 21vh;
    padding-inline-start: 3%;
    overflow: hidden;
    border-radius: 2em;
    background: var(--vs-pbanner-img) 0 0 repeat;
}
.vs-pbanner--yellow::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: var(--vs-accent);
    opacity: .79;
}
.vs-pbanner--faq { padding-inline-start: 15%; background-position: center; background-size: cover; background-repeat: no-repeat; }
.vs-pbanner__box { position: relative; display: flex; align-items: center; width: 100%; }
.vs-pbanner__icon { flex: 0 0 auto; width: 7vw; height: 7vw; margin-inline-end: 5%; line-height: 0; }
.vs-pbanner--faq .vs-pbanner__icon { width: 7.36vw; height: 7.36vw; }
.vs-pbanner__icon svg { display: block; width: 100%; height: 100%; fill: var(--vs-primary); }
.vs-pbanner__content { flex: 1 1 auto; min-width: 0; }
.vs-pbanner__title { font: 700 3.1vw/1 var(--mw-font); color: var(--vs-primary); }
.vs-pbanner__desc { font-size: var(--vs-fs-text); line-height: var(--vs-lh-text); color: var(--vs-primary); }
.vs-pbanner--faq .vs-pbanner__desc { font-size: var(--vs-fs-small); line-height: var(--vs-lh-small); }

/* ---------- רשימת פרטי קשר עם אייקונים ---------- */
.vs-ilist { margin: 0; padding: 0 0 0 10%; list-style: none; }
.vs-ilist li { position: relative; display: flex; align-items: center; padding-bottom: 1.1em; }
.vs-ilist li + li { margin-top: 1.1em; }
.vs-ilist li:last-child { padding-bottom: 0; }
.vs-ilist li:not(:last-child)::after { content: ''; position: absolute; bottom: 0; right: 0; width: 96%; border-top: 1px solid #DDD; }
.vs-ilist a { display: flex; align-items: center; color: inherit; text-decoration: none; }
.vs-ilist__ico { display: flex; flex: 0 0 auto; padding-left: 18px; }
.vs-ilist__ico svg { width: 20px; height: 20px; margin-right: 5px; fill: var(--vs-accent); }
.vs-ilist__text { padding-right: 5px; color: #515151; }
.vs-ilist a:hover .vs-ilist__text { color: var(--vs-primary); }

/* ---------- טופס עם קו תחתון ---------- */
.vs-uform { margin: 0; }
.vs-uform__grid { display: flex; flex-wrap: wrap; margin: 0 -18.5px -50px; }
.vs-uform .vs-uform__field { display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; margin: 0 0 50px; padding: 0 18.5px; }
.vs-uform .vs-uform__field--c2 { width: 50%; }
.vs-uform .vs-uform__field--c3 { width: 33.3333%; }
.vs-uform input[type="text"],
.vs-uform input[type="tel"],
.vs-uform input[type="email"],
.vs-uform textarea {
    width: 100%;
    height: 40px;
    min-height: 0;
    margin: 0;
    padding: 0 15px;
    border: 0;
    border-bottom: 1px solid var(--vs-primary);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #212121;
    font: 400 var(--vs-fs-text)/var(--vs-lh-text) var(--mw-font);
}
.vs-uform textarea { height: 190px; padding: 10px 15px; resize: vertical; }
.vs-uform input::placeholder, .vs-uform textarea::placeholder { color: #212121; opacity: 1; }
.vs-uform input:focus, .vs-uform textarea:focus { outline: 0; border-bottom-color: var(--vs-accent); }
.vs-uform--contact .vs-uform__submitrow.vs-uform__field { margin-top: 1px; }
.vs-uform__btn.mw-form__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    height: 40px;
    padding: 10px;
    border: 0;
    border-radius: 50px !important;
    background: var(--vs-primary);
    color: #fff;
    font: 500 var(--vs-fs-accent)/1 var(--mw-font);
    cursor: pointer;
    transition: transform .3s;
}
.vs-uform__btn:hover { transform: scale(1.1); }
.vs-uform__btn:disabled { opacity: .6; transform: none; }
.vs-uform__btn svg { flex: 0 0 auto; width: 13px; height: 10px; fill: currentColor; }
.vs-uform .vs-uform__consent { flex-wrap: nowrap; margin-top: -2em; padding-top: 9px; color: var(--vs-primary); }
.vs-uform__consent input { flex: 0 0 auto; width: 13px; height: 13px; margin: 3px 0 0 5px; }
.vs-uform__consent label { margin-bottom: 5px; }
.vs-uform__consent a { color: inherit; text-decoration: underline; }
.vs-uform .mw-form__status { margin-top: 8px; }
.vs-uform .mw-form__status:empty { display: none; }
.vs-uform .mw-form__status.is-error { color: var(--vs-red); }

/* במקור יש 40px בין התוכן לפוטר בכל עמוד (גם בעמוד הבית), ואזור התוכן
   לא קצר מ-450px (main-page-wrapper של וודמארט) */
.vs-footer { margin-top: 40px; }
.mw-main { min-height: 450px; }

/* ---------- צור קשר ---------- */
.vs-card--info { flex: 0 1 68%; }
.vs-card--form { flex: 0 1 32%; }
.vs-card__extra { margin-top: 8px; }

/* ---------- אודות ---------- */
.vs-cp__hero { padding: 2%; }
.vs-cp__herobox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 240px;
    padding: 2%;
    border-radius: 2em;
    background: var(--vs-primary);
}
.vs-cp__herotitle { font: 400 2.5vw/.9 var(--mw-font); color: #fff; text-align: center; }
.vs-cp__narrow { padding: 10px; }
.vs-cp__narrow > .vs-prose { max-width: 1015px; margin: 0 auto; }

/* ---------- שאלות נפוצות ---------- */
.vs-card--full { flex: 1 1 100%; padding: 2%; }

/* ---------- מדיניות: תוכן עניינים + תוכן ---------- */
.vs-cp__row--policy { padding: 2% 3%; }
.vs-card--toc { flex: 0 0 23%; padding: 3%; }
.vs-card--policy { flex: 0 0 75%; padding: 3%; }
.vs-toc { border-radius: 3px; }
.vs-toc__head {
    display: flex;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #9DA5AE;
    cursor: pointer;
    list-style: none;
}
.vs-toc__head::-webkit-details-marker { display: none; }
.vs-toc__title { flex: 1 1 auto; font: 500 var(--vs-fs-accent)/1 var(--mw-font); color: var(--vs-primary); }
.vs-toc__chev {
    flex: 0 0 13px;
    height: 13px;
    background: #000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%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 448 512'%3E%3Cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.vs-toc[open] .vs-toc__chev { transform: rotate(180deg); }
.vs-toc__body { padding: 20px; }
.vs-toc__list { margin: 0; padding: 0; list-style: none; }
.vs-toc__item { padding: .3em 0; }
.vs-toc__item--h3 { padding-inline-start: 1em; }
.vs-toc__item a { color: var(--vs-primary); text-decoration: none; }
.vs-toc__item a:hover { text-decoration: underline; }
.vs-toc__empty { color: var(--vs-text); }

/* ---------- טופס ביטול הזמנה ---------- */
.vs-cp__row--cancel { padding: 3% 3% 4%; }
.vs-card--cancelform { flex: 0 1 60%; }
.vs-card--cancelpolicy { flex: 0 1 40%; }
/* +1px: במקור יש שורת reCAPTCHA ריקה בגובה פיקסל בראש הטופס */
.vs-uform--cancel { padding: calc(5% + 1px) 5% 5%; border-radius: 2em; }
.vs-uform--cancel .vs-uform__grid { margin-bottom: -9px; }
.vs-uform--cancel .vs-uform__field.vs-uform__field { margin-bottom: 9px; }
.vs-card--inner { padding: 3%; box-shadow: none; }

/* ---------- טקסט חופשי מהעורך ---------- */
.vs-prose { color: var(--vs-primary); font-size: var(--vs-fs-text); line-height: var(--vs-lh-text); }
.vs-cp .vs-prose p { margin: 0 0 .6em; }
.vs-cp .vs-prose h2 { margin: 0 0 20px; font: 900 var(--vs-fs-big)/var(--vs-lh-big) var(--mw-font); color: #242424; scroll-margin-top: 20px; }
.vs-cp .vs-prose h3 { margin: 0 0 20px; font: 500 var(--vs-fs-accent)/var(--vs-lh-accent) var(--mw-font); color: #242424; scroll-margin-top: 20px; }
.vs-cp .vs-prose > :last-child { margin-bottom: 0; }
.vs-prose strong, .vs-prose b { font-weight: 600; }
.vs-prose ul, .vs-prose ol { margin: 0 0 20px; padding: 0 17px 0 0; }
.vs-prose a { color: inherit; text-decoration: underline; }

@media (max-width: 767px) {
    .vs-cp__row { flex-direction: column; padding: 3%; }
    .vs-cp__row > .vs-card { flex: 0 0 auto; width: 100%; }
    .vs-card--form { padding: 5%; }
    .vs-card--toc { order: -1; }
    .vs-pbanner, .vs-pbanner--faq { padding: 4% 0; }
    .vs-pbanner__box { flex-direction: column; align-items: flex-start; padding: 0 10% 0 2%; }
    .vs-pbanner__icon, .vs-pbanner--faq .vs-pbanner__icon { width: 52px; height: 52px; margin: 0; }
    .vs-pbanner__content { width: 100%; }
    .vs-pbanner__title, .vs-cp__bigtitle { font-size: 27px; }
    .vs-cp__herobox { min-height: 160px; }
    .vs-cp__herotitle { font-size: 26px; }
    .vs-uform .vs-uform__field--c2, .vs-uform .vs-uform__field--c3 { width: 100%; }
}

/* ---------- סרגל תחתון: חיפוש | עגלה | חשבון (עיגול צהוב) | תפריט ----------
   כמו במקור: רקע לבן, צל רך כלפי מעלה, אייקון החשבון בעיגול #FACD40 */
.vs-mobbar { box-shadow: 0 -7px 14px rgba(0, 0, 0, .08); }
.vs-mobbar__item { padding: 0; border: 0; background: none; font: inherit; cursor: pointer; }
.vs-mobbar__item--acc .vs-mobbar__user {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--vs-accent);
}
.vs-mobbar__item--acc .vs-mobbar__user svg { width: 22px; height: 22px; }

/* ---------- פאנל התפריט של המובייל ---------- */
#vs-mobnav .mw-pop__box { width: min(340px, 88vw); padding: 0; background: #fff; }
.vs-mobnav { padding: 54px 18px 30px; }
.vs-mobnav__search { margin-bottom: 16px; }
.vs-mobnav__search .mw-searchbar { width: 100%; }
.vs-mobnav__search .mw-search-submit { background: var(--vs-accent); color: var(--vs-primary); }
.vs-mobnav__list { margin: 0; padding: 0; list-style: none; }
.vs-mobnav__list--d0 > .vs-mobnav__item { border-bottom: 1px solid var(--vs-gray2); }
.vs-mobnav__item a {
    display: block;
    padding: 12px 0;
    color: var(--vs-primary);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}
.vs-mobnav__item a:hover { color: var(--vs-red); }
.vs-mobnav__acc > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    cursor: pointer;
}
.vs-mobnav__acc > summary::-webkit-details-marker { display: none; }
.vs-mobnav__acc > summary a { flex: 1 1 auto; }
.vs-mobnav__chev {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    margin-inline-start: 10px;
    border-inline-start: 2px solid var(--vs-primary);
    border-bottom: 2px solid var(--vs-primary);
    transform: rotate(45deg);
    transition: transform .2s;
}
.vs-mobnav__acc[open] > summary .vs-mobnav__chev { transform: rotate(-45deg); }
.vs-mobnav__list--d1 { padding-inline-start: 14px; border-top: 1px solid var(--vs-gray2); }
.vs-mobnav__list--d1 a { padding: 9px 0; font-size: 14px; font-weight: 400; }
.vs-mobnav__info { margin-top: 16px; padding-top: 6px; border-top: 1px solid var(--vs-border); }
.vs-mobnav__info a { font-size: 14px; font-weight: 400; }

/* ---------- כרטיסי הקטגוריות בארכיון (כמו במקור) ----------
   קופסה 140x172.8 ברדיוס 20 על #F2F4F5 בשקיפות 24%, ובריחוף הרקע
   מתחזק ל-35% ונוספת מסגרת שחורה 1px (מעבר 0.3 שניות) */
/* במקור הקלף רחב 186.9 ב-1920 עם רווח 19.2 (1vw) - אצלנו אותו רוחב,
   אבל ריבועי לפי בקשת הלקוחה */
.mw-subcats--large { grid-template-columns: repeat(auto-fill, minmax(min(186px, 100%), 1fr)); gap: 1vw; }
.mw-subcat {
    aspect-ratio: 1;         /* קלף ריבועי, גם כששם הקטגוריה נשבר לשתי שורות */
    justify-content: center;
    overflow: hidden;
    gap: 6px;
    padding: 9px 6px 12px;
    border: 1px solid transparent;
    border-radius: 20px;
    background: rgba(242, 244, 245, .24);
    transition: background .3s, border-color .3s;
}
.mw-subcat:hover {
    transform: none;
    background: rgba(242, 244, 245, .35);
    border-color: var(--vs-primary);
}
/* 🪤 עטיפה ברוחב auto בתוך flex עם align-items:center יוצאת ברוחב 0
   והתמונה נעלמת - הרוחב חייב להיות מפורש */
/* התמונה ממלאת את כל המקום שנשאר מעל השם, ממורכזת ושלמה (contain,
   בלי חיתוך), ו-multiply מעלים את הרקע הלבן שלה על הרקע האפור */
.mw-subcat__img {
    display: flex; align-items: center; justify-content: center;
    flex: 1 1 0; min-height: 0; width: 100%;
    border-radius: 0; overflow: visible; text-align: center;
}
.mw-subcat__img img {
    width: 100%;
    height: 100%;
    max-width: 134px;
    max-height: 134px;
    min-height: 0;
    aspect-ratio: auto;
    border-radius: 0;
    object-fit: contain;
    object-position: center;
    mix-blend-mode: multiply;
}
.mw-subcat:hover .mw-subcat__img img { transform: none; }
.mw-subcat__name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: clamp(14px, 1.1vw, 19px);
    font-weight: 500;
    line-height: 1.15;
    color: var(--vs-primary);
}
.mw-subcat__count { font-size: clamp(11px, .8vw, 15px); color: var(--vs-primary); }

@media (max-width: 1024px) {
    .mw-subcat__name { font-size: 15px; }
}
@media (max-width: 767px) {
    .mw-subcats--large { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mw-subcat__img img { max-width: 100px; max-height: 100px; }
    .mw-subcat__name { font-size: 14px; }
}

/* ---------- תתי-קטגוריות ברמה השנייה: סליידר ----------
   ברמה הראשית הרשת נשארת פתוחה, וברמה השלישית אין רצועה בכלל
   (הפילטרים mw_subcats_style / mw_subcats_items ב-functions.php) */
.vs-subslider { position: relative; }
.vs-subslider.is-nooverflow .mw-strip-arrow { display: none; }
.mw-subcats--slider {
    display: flex;
    gap: 14px;
    /* 🪤 `justify-content: center` על מיכל נגלל חותך את תחילת הרשימה
       ואי אפשר לגלול אליה. `safe center` ממרכז כשהכל נכנס וחוזר
       להתחלה כשלא - שתי השורות נחוצות, הראשונה כנפילה לדפדפן ישן. */
    justify-content: center;
    justify-content: safe center;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    margin: 24px 0 36px;
    padding-bottom: 6px;
    scrollbar-width: none;
}
.mw-subcats--slider::-webkit-scrollbar { display: none; }
/* ברמה הזו הקלף במקור קטן וריבועי (100.8), עם מסגרת #DCE2E6,
   תמונה 73x43, שם 11.52/500 ומונה 8.64/300 בסוגריים */
.mw-subcats--slider .mw-subcat {
    flex: 0 0 7vw;
    min-width: 92px;
    max-width: 130px;
    gap: 4px;
    padding: 8px 6px;
    border-color: var(--vs-border);
    scroll-snap-align: start;
}
/* הקטגוריה הנוכחית ברצועה - מסגרת שחורה, כמו המותג הנבחר ברצועת
   המותגים. בלעדיה אי אפשר לדעת באיזו קטגוריה נמצאים */
.mw-subcat.is-current {
    /* לקוביה כאן כבר יש מסגרת משלה - צובעים אותה שחור במקום להוסיף
       טבעת שנייה מעליה (האם מוסיפה outline לתבניות בלי מסגרת) */
    outline: none;
    border-color: var(--vs-primary);
    background: rgba(242, 244, 245, .45);
}
.mw-subcat.is-current .mw-subcat__name { color: var(--vs-primary); font-weight: 700; }

.mw-subcats--slider .mw-subcat__img { flex: 0 0 auto; }
.mw-subcats--slider .mw-subcat__img img { width: 5.1vw; max-width: 100%; height: 3vw; min-height: 34px; max-height: 44px; }
.mw-subcats--slider .mw-subcat__name { font-size: var(--vs-fs-small); line-height: 1.1; }
.mw-subcats--slider .mw-subcat__count { font-size: .6vw; font-weight: 300; color: var(--vs-text); }
.mw-subcats--slider .mw-subcat__count::before { content: '('; }
.mw-subcats--slider .mw-subcat__count::after { content: ' )'; }
@media (max-width: 1024px) {
    .mw-subcats--slider .mw-subcat__count { font-size: 11px; }
}
@media (max-width: 767px) {
    .mw-subcats--slider .mw-subcat { flex: 0 0 104px; }
    .mw-subcats--slider .mw-subcat__img img { width: 66px; height: 40px; }
}

/* ---------- הדר דביק ----------
   🪤 sticky על שורת התפריטים לבדה נתקע בתוך ה-header (גובה 158) ולא
   יוצא ממנו - הדביקות חייבת לשבת על ה-header עצמו */
.vs-header { position: sticky; top: 0; z-index: 70; }
.vs-hbar { position: static; }

/* ---------- חלונית "כל הקטגוריות" ----------
   בדסקטופ צמודה למעלה ובגובה קבוע (לא לפי כמות הקטגוריות) */
@media (min-width: 1025px) {
    .mw-catgrid__box {
        top: 20px;
        bottom: 20px;
        max-height: none;
        border-radius: 20px;
    }
    .mw-catgrid__body { border-radius: 0 0 20px 20px; }
}

/* ---------- "איך נוכל לעזור לכם היום?" (Contact Buttons var-8 במקור) ----------
   כפתור 48 צהוב, כרטיס ברדיוס 20 עם צל 4/4/10 .15, פס עליון #FACD40
   (ריפוד 20, כותרת 1.1vw/500), שורות #F8F8F8 ברדיוס 15 עם פינה ישרה
   למעלה-ימין, ריפוד 10/20, אייקון 28, כותרת 14.4 ותיאור 11.52 #0A0E18 */
.vs-help {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 95;
    display: flex;
    flex-direction: column;
    align-items: flex-end;   /* ב-RTL: צמוד לשמאל */
    gap: 20px;
    direction: rtl;
}
.vs-help__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--vs-accent);
    color: var(--vs-primary);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    cursor: pointer;
    transition: transform .3s;
}
.vs-help__btn:hover { transform: scale(1.1); }
.vs-help__btn svg { width: 22px; height: 22px; fill: currentColor; }
.vs-help__close { display: none; }
.vs-help.is-open .vs-help__btn { background: #FDFDFF; color: #0A0E18; }
.vs-help.is-open .vs-help__open { display: none; }
.vs-help.is-open .vs-help__close { display: block; }

.vs-help__card {
    width: 280px;
    max-width: calc(100vw - 40px);
    overflow: hidden;
    border-radius: 20px;
    background: #FDFDFF;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .15);
}
.vs-help__top { padding: 20px; background: var(--vs-accent); }
.vs-help__title { margin: 0; font: 500 clamp(15px, 1.1vw, 18px)/24px var(--mw-font); color: var(--vs-primary); }
.vs-help__links { display: flex; flex-direction: column; gap: 12px; padding: 12px; }
.vs-help__row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    border-radius: 0 15px 15px 15px;   /* פינה ישרה למעלה-ימין, כמו בועת צ'אט */
    background: var(--vs-gray);
    color: #0A0E18;
    text-decoration: none;
    transition: transform .3s;
}
.vs-help__row:hover { transform: scale(1.05); }
.vs-help__ico { flex: 0 0 28px; width: 28px; height: 28px; }
.vs-help__ico svg { display: block; width: 100%; height: 100%; fill: #0A0E18; }
.vs-help__text { display: flex; flex-direction: column; }
.vs-help__rt { font-size: 14.4px; line-height: 15px; }
.vs-help__rd { font-size: 11.52px; line-height: 15px; }

/* במובייל מעל הסרגל התחתון (74px) והכרטיס צר יותר (223 כמו במקור) */
@media (max-width: 1024px) {
    .vs-help { left: 14px; bottom: 88px; }
    .vs-help__card { width: 223px; }
}

/* ---------- פס שלבי הקנייה (כמו במקור) ----------
   עיגול 45.2 (ריפוד 10.8, אייקון 21.6), מסגרת 1px. שלב שהושלם/נוכחי:
   רקע #070707, מסגרת ואייקון #FACD40. שלב עתידי: לבן עם מסגרת שחורה.
   בין השלבים קו מקווקו 2px #FACD40 ברוחב 265. כותרת .9vw/500 */
.mw-steps { display: flex; align-items: flex-start; justify-content: center; gap: 20px; margin: 10px 0 30px; padding: 0 10px; }
.mw-steps__item { display: flex; flex-direction: column; align-items: center; gap: 12px; background: none; padding: 0; }
.mw-steps .mw-steps__num {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45.2px;
    height: 45.2px;
    padding: 10.8px;
    border: 1px solid var(--vs-primary);
    border-radius: 50%;
    background: #fff;
    color: var(--vs-primary);
}
.mw-steps .mw-steps__num svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.mw-steps .is-done .mw-steps__num,
.mw-steps .is-active .mw-steps__num { background: var(--vs-primary); border-color: var(--vs-accent); color: var(--vs-accent); }
.mw-steps .mw-steps__label { font: 500 var(--vs-fs-accent)/1.15 var(--mw-font); color: var(--vs-primary); text-align: center; white-space: nowrap; }
.mw-steps .mw-steps__sep {
    flex: 0 1 265px;
    height: 0;
    margin-top: 21.6px;
    border: 0;
    border-top: 2px dashed var(--vs-accent);
    background: none;
}
@media (max-width: 767px) {
    .mw-steps { gap: 8px; }
    .mw-steps .mw-steps__label { font-size: 12px; white-space: normal; max-width: 90px; }
}

/* ---------- "הפייבוריטים שלנו" מתחת לארכיון (כמו במקור) ----------
   מקטע ברוחב מלא עם ריפוד 3% בצדדים (43px למעלה ב-1440), והסטריפ
   בקופסה הלבנה של עמוד הבית */
.vs-archive-fav { padding: 3% 3% 0; }
.vs-archive-fav .vs-strip { margin: 0; }

/* ==========================================================
   עמוד כרטיס מתנה (vs-giftcard.php) - ערכי המקור ב-1440
   ========================================================== */
.vs-gc { display: block !important; max-width: 1317px; margin: 5px auto 0; padding: 0 16px; box-sizing: content-box; --vs-btn: #FACD40; }
.vs-gc__hero { position: relative; height: 372px; padding: 39.5px; border-radius: 28.8px; background: #070707; box-sizing: border-box; }
.vs-gc__anim { position: absolute; top: -72px; right: 39.5px; width: 433px; height: 322px; overflow: hidden; pointer-events: none; }
.vs-gc__gift { transform-box: fill-box; transform-origin: center; animation: vs-gc-wobble 2.4s ease-in-out infinite; }
.vs-gc__dots circle { animation: vs-gc-dot 2.4s ease-in-out infinite; animation-delay: var(--d, 0s); }
@keyframes vs-gc-wobble { 0%, 100% { transform: rotate(7deg) scale(1); } 50% { transform: rotate(-5deg) scale(1.08); } }
@keyframes vs-gc-dot { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.vs-gc__text { position: absolute; top: 255px; right: 39.5px; left: 39.5px; text-align: right; }
.vs-gc__title { margin: 0; font-size: 44.64px; font-weight: 700; line-height: 45px; color: #fff; }
.vs-gc__sub { margin: 0; font-size: 36px; font-weight: 400; line-height: 32px; color: #FACD40; }
.vs-gc__art { position: absolute; left: 66px; top: 71px; width: 513px; transform: rotate(-7deg); z-index: 1; pointer-events: none; }
.vs-gc__art img { display: block; width: 100%; height: auto; max-width: 100%; }
section.vs-gc__box { margin: 43px 0 0; padding: 39.5px; border-radius: 28.8px; background: #F2F4F5; }
.vs-gc__h { margin: 0; font-size: 36px; font-weight: 400; line-height: 32px; color: #070707; }
.vs-gc .vs-buybox.vs-gc__buy { width: 100%; max-width: 100%; padding: 0; }
.vs-gc .vs-gc__buy form.cart { flex-wrap: wrap; gap: 0 20px; }
.vs-gc .mw-gc-form { margin: 0 0 21px; font-family: inherit; }
.vs-gc .mw-gc-form__label { margin: 0; line-height: 23px; }
.vs-gc .mw-gc-amounts { gap: 8px; margin: 10px 0 0; }
.vs-gc .mw-gc-amount { margin: 0; }
.vs-gc .mw-gc-reset { display: flex; margin: 2px 0 0; line-height: 17px; }
.vs-gc .mw-gc-reset[hidden] { display: flex !important; visibility: hidden; }
.vs-gc .mw-gc-box { margin: 21px 0 0; }
.vs-gc .vs-gc__buy .single_add_to_cart_button, .vs-gc .vs-gc__buy .mw-buy-btn {
    min-width: 0; padding: 12.96px 14.4px 10.08px 28.8px; border-radius: 50px !important;
    color: #070707 !important; font-size: 12.96px; font-weight: 500 !important; }
.vs-gc .vs-gc__buy .mw-buynow-btn { flex: 0 0 auto; width: auto; min-width: 0; max-width: none; padding: 5px 20px; color: #FBBC34; }
.vs-gc .vs-gc__buy .single_add_to_cart_button { flex: 0 0 auto; width: auto; gap: 7px; }
.vs-gc .vs-gc__buy .single_add_to_cart_button::after { content: ""; flex: 0 0 auto; width: 15px; height: 15px; background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35'%3E%3Cpath d='M25.456 19.25a3.482 3.482 0 0 0 3.061-1.802L34.78 6.09a1.743 1.743 0 0 0-1.522-2.59H7.365L5.721 0H0v3.5h3.499l6.298 13.282-2.362 4.27c-1.277 2.346.403 5.198 3.062 5.198h20.994v-3.5H10.497l1.925-3.5h13.034ZM9.027 7h21.256l-4.828 8.75H13.174L9.028 7Zm1.47 21c-1.925 0-3.482 1.575-3.482 3.5S8.572 35 10.497 35c1.924 0 3.499-1.575 3.499-3.5S12.42 28 10.497 28Zm17.495 0c-1.924 0-3.481 1.575-3.481 3.5S26.068 35 27.992 35c1.925 0 3.5-1.575 3.5-3.5S29.917 28 27.992 28Z'/%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 35 35'%3E%3Cpath d='M25.456 19.25a3.482 3.482 0 0 0 3.061-1.802L34.78 6.09a1.743 1.743 0 0 0-1.522-2.59H7.365L5.721 0H0v3.5h3.499l6.298 13.282-2.362 4.27c-1.277 2.346.403 5.198 3.062 5.198h20.994v-3.5H10.497l1.925-3.5h13.034ZM9.027 7h21.256l-4.828 8.75H13.174L9.028 7Zm1.47 21c-1.925 0-3.482 1.575-3.482 3.5S8.572 35 10.497 35c1.924 0 3.499-1.575 3.499-3.5S12.42 28 10.497 28Zm17.495 0c-1.924 0-3.481 1.575-3.481 3.5S26.068 35 27.992 35c1.925 0 3.5-1.575 3.5-3.5S29.917 28 27.992 28Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.vs-gc .vs-gc__buy .quantity .qty { width: 51px !important; height: 42px !important; }
@media (max-width: 1024px) {
    .vs-gc__title { font-size: 34px; line-height: 1.1; }
    .vs-gc__sub, .vs-gc__h { font-size: 26px; line-height: 1.1; }
    .vs-gc__art { width: 40%; left: 30px; top: 90px; }
    .vs-gc__anim { width: 330px; height: 245px; top: -40px; }
}
@media (max-width: 767px) {
    /* המקור ב-375: קופסאות 338 רוחב, באנר 154 גובה, אנימציה 111 למעלה במרכז,
       הכרטיס 157 רוחב חורג לקופסה האפורה, עיגולים 2 בשורה, כפתורים ברוחב מלא */
    .vs-gc { margin-top: -24px; padding: 0 18.5px; }
    .vs-gc__hero { height: auto; padding: 68px 10px 10px; text-align: center; }
    .vs-gc__anim { display: block; top: -19px; right: auto; left: 50%; width: 111px; height: 83px; transform: translateX(-50%); }
    .vs-gc__text { position: static; text-align: center; }
    .vs-gc__title { font-size: 27px; line-height: 27px; }
    .vs-gc__sub { font-size: 27px; line-height: 24.3px; }
    .vs-gc__art { left: 78px; top: 137px; width: 157px; }
    section.vs-gc__box { margin-top: 18px; padding: 90px 10px 10px; }
    .vs-gc__h { font-size: 27px; line-height: 24.3px; }
    .vs-gc .mw-gc-amounts { max-width: 210px; row-gap: 4px; }
    .vs-gc .mw-gc-amount span { width: 100px; height: 100px; font-size: 16px; }
    .vs-gc .vs-gc__buy form.cart { gap: 10px 0; }
    .vs-gc .vs-gc__buy form.cart .quantity { flex: 0 0 100%; justify-content: flex-start; }
    .vs-gc .vs-gc__buy .single_add_to_cart_button, .vs-gc .vs-gc__buy .mw-buynow-btn { flex: 0 0 100%; width: 100%; max-width: 100%; }
    .vs-gc .vs-gc__buy .single_add_to_cart_button { height: 45px; }
    .vs-gc .mw-gc-box { padding: 18px 14px; }
}
.vs-shipbox__note { font-size: var(--vs-fs-small); color: var(--vs-text); opacity: .75; }

/* "צריך לבחור דגם" - הבהוב קצר על טבלת הווריאציות */
.vs-needs-pick .variations { animation: vs-pick 1.6s ease; border-radius: 8px; }
@keyframes vs-pick {
    0%, 100% { box-shadow: 0 0 0 0 rgba(226, 6, 19, 0); }
    25%, 75% { box-shadow: 0 0 0 3px rgba(226, 6, 19, .35); }
}