/* ===== Lightbox (lzbox) minimal CSS moved from 'lightbox_css_global' ===== */
.lzbox { display:none; }
.lzbox:target { display:block; }
.lzbox__backdrop { position:fixed; inset:0; background:rgba(0,0,0,.8); z-index:9998; }
.lzbox__wrap { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:9999; max-width:95vw; max-height:95vh; text-align:center; }
.lzbox__img { max-width:95vw; max-height:85vh; width:auto; height:auto; border-radius:6px; box-shadow:0 2px 10px rgba(0,0,0,.5); background:#fff; }
.lzbox__close { position:fixed; top:12px; right:16px; z-index:10000; font-size:28px; color:#fff; text-decoration:none; line-height:1; }


/* ===== Combined CSS blocks from old footer ===== */


/* ---- CSS block 1 ---- */
/* שמירה על פרופורציות ותצוגה נקייה כברירת מחדל */
img { height: auto !important; }
/* אבחנה ויזואלית אופציונלית בזמן בדיקות */
/* img.hero-img { outline: 0; } */

/* Fallback בלבד (לכשאין תמיכה ב-aspect-ratio): בונים עוטף זמני עם ריווח אנכי */
.img-ar-wrap-fb { display: block; width: 100%; }
.img-ar-ph-fb   { display: block; width: 100%; }

/* ---- CSS block 2 ---- */
/* תמונות/וידאו בתיאורי מוצרים ודפי CMS לא יחרגו מהקונטיינר, בכל כיוון */ .product-view .std img, .product-view .std iframe, .cms-page-view .std img, .cms-page-view .std iframe { max-width: 100% !important; width: auto !important; height: auto !important; display: block; margin: 0 auto; box-sizing: border-box; } /* במסכים בינוניים-קטנים (כולל טאבלט/מובייל לרוחב) נכפה מילוי רוחב מלא */ @media (max-width: 1024px) { .product-view .std img, .product-view .std iframe { width: 100% !important; } }

/* ---- CSS block 3 ---- */
/* הסרטון העליון בלבד (מזוהה אוטומטית): */
.product-youtube-attr {
  width: 100% !important;
  max-width: 640px !important;  /* שנה ל-700/800 אם תרצה */
  aspect-ratio: 16 / 9;
  height: auto !important;
}

/* הסרטונים שבתיאור/בתחתית (נשארים רחבים): */
.product-view .std iframe,
.product-view .product-collateral iframe,
.product-view .box-additional iframe,
.product-view .tabs iframe,
.cms-page-view .std iframe {
  width: 100% !important;
  max-width: 900px;             /* שנה לפי הטעם */
  aspect-ratio: 16 / 9;
  height: auto !important;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 6px;
}
@media (max-width: 1024px){
  .product-view .std iframe,
  .product-view .product-collateral iframe,
  .product-view .box-additional iframe,
  .product-view .tabs iframe,
  .cms-page-view .std iframe {
    max-width: 100% !important;
  }
}

/* ---- CSS block 4 ---- */
/* מרחיב את העוטפים של הווידאו רק באזורים של התיאור/תחתית (למי שתומך ב-:has) */
.product-view .std div:has(> iframe),
.product-view .product-collateral div:has(> iframe),
.product-view .box-additional div:has(> iframe),
.product-view .tabs div:has(> iframe),
.cms-page-view .std div:has(> iframe) {
  display: block !important;
  width: 100% !important;
  max-width: 900px;      /* שנה ל-800/960 אם תרצה */
  margin: 0 auto;
  box-sizing: border-box;
}

/* ---- CSS block 5 ---- */
/* תיקון עדין: תמונות בתוך .std לא ישברו שורה ולא יימתחו מעל הגדרת inline שלהם */
.product-view .std img,
.cms-page-view .std img{
  max-width: 100%;          /* בלי !important – כך inline כמו max-width:100px נשמר */
  width: auto !important;   /* עוקף width קשיח אם הוזן בטעות */
  height: auto !important;
  display: inline-block;    /* לא שוברת שורה אחרי האייקון */
  vertical-align: middle;   /* מיושר לאמצע הטקסט */
  margin: 0;                /* לא לכפות מרכז – זה שבר פריסות של קטעי טקסט */
  box-sizing: border-box;
}

/* לתמונות שבתוך "מסגרת תלת־ממד" שלנו – נשמור מרכז ובלוק (יש להן cap פנימי של 800px) */
.product-view .std div[style*="box-shadow: inset 0 0 6px"] img,
.cms-page-view .std div[style*="box-shadow: inset 0 0 6px"] img{
  display: block !important;
  margin: 0 auto !important;
}

/* אייקונים קטנים שנקבעו ב-inline (למשל 100px) – ודאו שהערך נשמר גם אם קיימים כללים אחרים */
.product-view .std img[style*="max-width"],
.cms-page-view .std img[style*="max-width"]{
  width: auto !important;   /* משאיר את הגודל הקטן, לא מותח */
  height: auto !important;
}

/* ---- CSS block 6 ---- */
/* תיקון נקודתי לאייקון "לאתר היצרן הקלק" – מזהה לפי הכותרת או לפי שם הקובץ */
.product-view .std img[title="לאתר היצרן הקלק"],
.product-view .std img[src*="/m-website.jpg"]{
  max-width: 80px !important;   /* גודל האייקון */
  width: auto !important;
  height: auto !important;
  display: inline-block !important;
  float: right !important;       /* השאר כמו אצלך; אם לא צריך – שנה ל-none */
  vertical-align: middle !important;
  margin: 0 6px 0 0 !important;  /* רווח קטן מימין לטקסט */
}

/* אופציונלי: הקישור עצמו כאינליין-בלוק כדי לשמור על יישור נקי */
.product-view .std a[href*="drive.google.com"]{
  display: inline-block !important;
}

/* ---- CSS block 7 ---- */
/* RTL ונוחות קריאה לבועות בלבד */
.fix-tagtip-rtl,
.fix-tagtip-rtl *{
  direction: rtl !important;
  text-align: right !important;
}
.fix-tagtip-rtl{
  white-space: normal !important;
  line-height: 1.6 !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  max-width: min(92vw, 360px) !important;
  z-index: 99999 !important;
}

/* ---- CSS block 8 ---- */
.tipx-touchonly [class*="tagtip"]:not(.tagtip-question),
.tipx-touchonly .tooltip,
.tipx-touchonly .tool-tip,
.tipx-touchonly .popover,
.tipx-touchonly .ui-tooltip,
.tipx-touchonly .qtip,
.tipx-touchonly [role="tooltip"] { display: none !important; }

.tipx-box{
  position: fixed; direction: rtl; text-align: right;
  background: #fff; border: 1px solid #999; border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  padding: 10px; max-width: min(92vw, 360px); z-index: 100000;
  line-height: 1.6; white-space: normal; word-break: break-word; overflow-wrap: anywhere;
}
.tipx-box.tipx-hasclose{ padding-left:56px !important; padding-right:10px !important; }

.tipx-close{
  position: absolute; top: 6px; left: 6px; right: auto;
  border: 1px solid #999; background: #fff;
  padding: 6px 10px; border-radius: 14px;
  font-size: 14px; line-height: 1; cursor: pointer;
  z-index: 100001; box-shadow: 0 2px 8px rgba(0,0,0,.15);
  touch-action: manipulation; -webkit-tap-highlight-color: transparent;
  pointer-events: auto;
}
.tipx-close:active{ transform: scale(.97); }

.tagtip-question{ pointer-events: auto !important; }

/* ---- CSS block 9 ---- */
/* עטיפה קומפקטית ואסתטית */
.catalog-product-view .qty-wrap{
  display:inline-flex;               /* שומר הכול בשורה אחת */
  align-items:center;
  gap:0;
  border:1px solid #dcdcdc;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
  vertical-align:middle;
  margin-inline-end:8px;             /* רווח קטן לפני "הוסף לסל" */
}

/* הכפתורים +/− – צמודים לשדה, שטח מגע גדול למובייל */
.catalog-product-view .qty-wrap .qty-btn{
  display:inline-flex !important;    /* ודאי שלא מוסתר מכלל קודם */
  width:36px; min-width:36px; height:36px;
  align-items:center; justify-content:center;
  font-size:18px; line-height:1;
  border:0; background:#f7f7f7; cursor:pointer;
  touch-action:manipulation; -webkit-tap-highlight-color:transparent;
}
.catalog-product-view .qty-wrap .qty-btn:hover{ background:#efefef; }
.catalog-product-view .qty-wrap .qty-btn:active{ transform:scale(.98); }

/* קו מפריד דק בין הכפתורים לשדה */
.catalog-product-view .qty-wrap .qty-minus{ border-inline-end:1px solid #e6e6e6; }
.catalog-product-view .qty-wrap .qty-plus { border-inline-start:1px solid #e6e6e6; }

/* שדה הכמות */
.catalog-product-view .qty-wrap .qty-input{
  width:68px; height:36px; text-align:center;
  border:0; outline:0; background:#fff; font:inherit;
  /* מסתירים את ה-spinner המובנה כדי שלא יהיו כפילויות עם +/− */
  appearance:textfield; -moz-appearance:textfield;
}
.catalog-product-view .qty-wrap .qty-input::-webkit-inner-spin-button,
.catalog-product-view .qty-wrap .qty-input::-webkit-outer-spin-button{
  -webkit-appearance:none; margin:0;
}

/* אם אתה מעדיף "+ מימין, − משמאל" (נפוץ ב-RTL) – זה כבר ברירת המחדל.
   אם תרצה להפוך את הסדר ל"− | שדה | +" הוסף למחלקת העטיפה flex-direction:row */

/* ---- CSS block 10 ---- */
/* ברירת מחדל ידנית — תרגיש חופשי לשנות ל-32px/34px */
:root { --qty-h: 28px; --qty-w: 56px; }

.catalog-product-view .qty-wrap{
  height: var(--qty-h) !important;
  box-sizing: border-box;
}
.catalog-product-view .qty-wrap .qty-btn{
  height: var(--qty-h) !important;
}
.catalog-product-view .qty-wrap .qty-input{
  height: var(--qty-h) !important;
  line-height: calc(var(--qty-h) - 2px); /* יישור טקסט אנכי */
}

/* ---- CSS block 11 ---- */
/* ===== כיוונונים מהירים ===== */
:root{
  /* גובה בלוק הכמות (אם יש לך סנכרון אוטומטי, הוא ידרוס את זה) */
  --qty-h: 25px;

  /* רוחב שדה הספרה (האמצע) */
  --qty-w: 50px;

  /* רוחב לכל אחד מכפתורי +/− */
  --qty-btn: 22px;

  /* ריווח כללי בין פריטי add-to-cart (בד״כ 0) */
  --qty-gap: 0px;

  /* המרחק בין בלוק הכמות לכפתור "הוסף לסל" */
  --qty-space: 5px;

  /* אם תרצה ריווח גם בצד הכפתור הירוק */
  --cart-space: 0px;
}

/* ===== פריסת השורה: "כמות:" | כמות | הוסף לסל ===== */
.product-view .add-to-cart,
.product-shop .add-to-cart{
  display:flex; flex-wrap:wrap; align-items:center;
  direction:rtl; gap:var(--qty-gap);
}

/* 1) "כמות:" תמיד ראשון */
.product-view .add-to-cart > label[for="qty"]:first-of-type,
.product-shop .add-to-cart > label[for="qty"]:first-of-type{ order:1; }

/* 2) בלוק הכמות – אם הומר: .qty-wrap; אם לא – input#qty */
.product-view .add-to-cart .qty-wrap,
.product-shop .add-to-cart .qty-wrap,
.product-view .add-to-cart > #qty,
.product-shop .add-to-cart > #qty{
  order:2; margin-inline-end:var(--qty-space);
}

/* 3) הכפתור הירוק "הוסף לסל" */
#product-addtocart-button,
.product-view .add-to-cart .btn-cart,
.product-shop .add-to-cart .btn-cart{
  order:3; margin-inline-start:var(--cart-space);
}

/* 4) שורת ההסבר שמתחת – שורה מלאה, בלי <br> */
.product-view .add-to-cart > br,
.product-shop .add-to-cart > br{ display:none; }
.product-view .add-to-cart > label:not(:first-of-type),
.product-shop .add-to-cart > label:not(:first-of-type){
  order:4; flex-basis:100%; margin-top:6px;
}

/* ===== עיצוב בלוק הכמות (+/− + שדה) ===== */
.catalog-product-view .qty-wrap{
  display:inline-flex; align-items:center; gap:0;
  border:1px solid #dcdcdc; border-radius:8px; background:#fff;
  overflow:hidden; vertical-align:middle; box-sizing:border-box;
  height:var(--qty-h) !important;
}
.catalog-product-view .qty-wrap .qty-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--qty-btn); min-width:var(--qty-btn);
  height:var(--qty-h) !important; font-size:18px; border:0; background:#f7f7f7;
  cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent;
}
.catalog-product-view .qty-wrap .qty-btn:hover{ background:#efefef; }
.catalog-product-view .qty-wrap .qty-btn:active{ transform:scale(.98); }
.catalog-product-view .qty-wrap .qty-minus{ border-inline-end:1px solid #e6e6e6; }
.catalog-product-view .qty-wrap .qty-plus { border-inline-start:1px solid #e6e6e6; }

.catalog-product-view .qty-wrap .qty-input{
  width:var(--qty-w); height:var(--qty-h) !important;
  line-height:calc(var(--qty-h) - 2px);
  text-align:center; border:0; outline:0; background:#fff; font:inherit;
  appearance:textfield; -moz-appearance:textfield;
}
.catalog-product-view .qty-wrap .qty-input::-webkit-inner-spin-button,
.catalog-product-view .qty-wrap .qty-input::-webkit-outer-spin-button{
  -webkit-appearance:none; margin:0;
}

/* Fallback: אם משום מה אין .qty-wrap ומופיע input#qty רגיל */
.product-view .add-to-cart > #qty,
.product-shop .add-to-cart > #qty{
  height:var(--qty-h) !important; line-height:calc(var(--qty-h) - 2px);
  padding:0 10px; box-sizing:border-box;
}

/* ---- CSS block 12 ---- */
/* קומפקטי – תוכל לשחק במספרים עד שזה נראה פיקס */
:root{
  --qty-w: 25px;   /* רוחב השדה האמצעי (המספר) – היה 56px/48px */
  --qty-btn: 20px; /* רוחב כל כפתור +/− – היה 32px/30px */
  --qty-space: 8px;/* ריווח מול "הוסף לסל" אם תרצה להקטין גם אותו */
}

/* אוכף את הערכים גם אם יש חוקים קודמים */
.catalog-product-view .qty-wrap .qty-input{
  width: var(--qty-w) !important;
}
.catalog-product-view .qty-wrap .qty-btn{
  width: var(--qty-btn) !important;
  min-width: var(--qty-btn) !important;
}

/* ---- CSS block 13 ---- */
/* רווח בין "כמות:" לבין בלוק הכמות */
:root{ --qty-label-space: 10px; } /* הגדל/הקטן כאן */

.product-view .add-to-cart .qty-wrap,
.product-view .add-to-cart > #qty,
.product-shop .add-to-cart .qty-wrap,
.product-shop .add-to-cart > #qty{
  margin-inline-start: var(--qty-label-space);   /* RTL-friendly */
  margin-right: var(--qty-label-space);          /* גיבוי לישנים */
}

/* ---- CSS block 14 ---- */
/* מפריד עדין בין אופציות מוצר (צ'קבוקס/רדיו) */
.product-view .options-list > li{
  border-bottom: 1.5px solid #ddd;   /* צבע הקו */
  padding-bottom: 10px;            /* ריווח לפני הקו */
  margin-bottom: 10px;             /* ריווח אחרי הקו */
}

/* אל תצייר קו אחרי הפריט האחרון */
.product-view .options-list > li:last-child{
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* ---- CSS block 15 ---- */
/* קו תחתון עדין לכותרת כל קבוצת אופציות (רק בעמוד מוצר) */
.catalog-product-view .product-options dt{
  border-bottom: 1px solid #e2e2e2;   /* צבע/עובי הקו – אפשר לשנות */
  padding-bottom: 5px;                /* ריווח בין הכותרת לקו */
  margin-bottom: 0px;                /* ריווח בין הקו לפריט הראשון */
}

/* שמירה על ריווח נעים בתחילת הרשימה */
.catalog-product-view .product-options dt + dd .options-list{
  margin-top: 4px;
}

/* ---- CSS block 16 ---- */
/* נטרל כל קו תחתון שהוצע בעבר לכותרות קבוצות (dt) – כדי שלא תיווצר כפילות */
.product-view .product-options dl > dt::after{
  content: none !important;
  border: 0 !important;
}

/* --- פריסת רדיו/צ'קבוקס בדסקטופ בלבד (מובייל לא נוגעים) --- */
@media (min-width: 1025px){

  /* ריווח עדין לשורות (בלי להוסיף קווים – כבר עשית) */
  .product-view .product-options .options-list > li{
    padding: 2px 0;
  }

  /* האייקון (?) וה־radio/checkbox נשארים בצד ימין */
  .product-view .product-options .options-list input[type="radio"],
  .product-view .product-options .options-list input[type="checkbox"],
  .product-view .product-options .options-list .tagtip-question{
    position: static !important;
    float: right !important;
    margin-left: 8px;
  }

  /* התמונות המשניות בצד שמאל ושומרות על הנראות */
  .product-view .product-options .options-list .radio-checkbox-label-1 a,
  .product-view .product-options .options-list .radio-checkbox-label-1 img.small-image-preview{
    display: inline-block !important;
    float: left !important;
    margin: 0 12px 0 0;      /* ריווח מימין לטקסט */
    max-width: 120px;         /* לא להשתולל בגודל */
    height: auto;
  }

  /* הטקסט לא נחתך */
  .product-view .product-options .options-list .radio-checkbox-text{
    overflow: visible !important;
    line-height: 1.6;
  }

  /* “כמות” באופציות (בעיקר צ'קבוקס) – יורדת שורה ומתיישרת לימין,
     בלי לפגוע בגודל/עיצוב שכבר כיוונת ל־± */
  .product-view .product-options .options-list li [class*="qty"],
  .product-view .product-options .options-list li [id*="qty"]{
    clear: both;
    float: right;
    margin-top: 6px;
  }

  /* ניקוי ציפה לכל שורה כדי למנוע “בריחות” */
  .product-view .product-options .options-list > li::after{
    content:"";
    display: table;
    clear: both;
  }
}

/* ---- CSS block 17 ---- */
/* מסתיר את המילה "כמות:" בדסקטופ בלבד, לא נוגע בשדה הכמות */
  @media (min-width:980px){
    body .product-view .options-list li .label-qty > b{
      display: none !important;
    }
  }

/* ---- CSS block 18 ---- */
@media (min-width:980px){
  /* שומרים על עטיפה בשתי שורות */
  .product-options .options-list .radio-checkbox-label-2{
    display:inline-flex; align-items:center; flex-wrap:wrap; gap:12px;
  }

  /* הכמות לשורה הבאה, מיושר לימין (RTL) */
  .product-options .options-list .radio-checkbox-label-2 .label-qty{
    order:3;             /* תמיד אחרי המלל/תמונות */
    display:block;       /* שורה נפרדת */
    width:100%;          /* תופס רוחב מלא */
    text-align:right;    /* יישור לימין */
    margin-top:6px;      /* ריווח קטן מלמעלה */
  }
}

/* ---- CSS block 19 ---- */
@media (min-width:980px){

  /* העטיפה של האופציה – שתי שורות מסודרות */
  .catalog-product-view .product-options .options-list .radio-checkbox-label-2{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:6px;
  }

  /* כל הווריאציות שהסקריפט יוצר סביב הכמות */
  .catalog-product-view .product-options .options-list .radio-checkbox-label-2 .label-qty,
  .catalog-product-view .product-options .options-list .radio-checkbox-label-2 .qty-wrapper,
  .catalog-product-view .product-options .options-list .radio-checkbox-label-2 .qty-enhanced,
  .catalog-product-view .product-options .options-list .radio-checkbox-label-2 .qty-stepper,
  .catalog-product-view .product-options .options-list .radio-checkbox-label-2 .qty-controls{
    order:999 !important;          /* תמיד בשורה האחרונה */
    width:100% !important;
    display:block !important;
    text-align:right !important;   /* לימין */
    float:none !important;
    clear:both !important;
    margin:0px 0 0 !important;     /* ריווח קטן מעל הכמות */
  }

  /* ביטול פלואטים פנימיים שעשויים למשוך שמאלה */
  .catalog-product-view .product-options .options-list .radio-checkbox-label-2 .qty-wrapper > *,
  .catalog-product-view .product-options .options-list .radio-checkbox-label-2 .qty-enhanced > *,
  .catalog-product-view .product-options .options-list .radio-checkbox-label-2 .qty-stepper > *,
  .catalog-product-view .product-options .options-list .radio-checkbox-label-2 .qty-controls > *{
    float:none !important;
  }

  /* הכפתורים והשדה בשורה אחת לימין */
  .catalog-product-view .product-options .options-list .radio-checkbox-label-2 .qty-controls,
  .catalog-product-view .product-options .options-list .radio-checkbox-label-2 .label-qty .qty{
    display:inline-block !important;
    vertical-align:middle;
  }
}

/* ---- CSS block 20 ---- */
@media (min-width:1025px){
  /* ===== כיוונונים מהירים ===== */
  :root{
    --q-gap:-20px;      /* מרחק בין ה-? לתוכן */
    --col-gap:12px;     /* רווח בין עמודות (צ'קבוקס ← טקסט ← תמונות ← כמות) */
    --q-lift:-6px;     /* הרמה/הורדה קלה של ה-? */
    --text-bottom:-5px; /* צמצום מרווח תחתון של המלל כדי שהכמות תעלה */
  }

  /* עטיפת האופציה: Flex עם ? מימין ותוכן משמאל */
  .catalog-product-view .product-options .options-list li > span.radio-checkbox-label.di-fix{
    display:flex !important;
    flex-direction:row-reverse;      /* RTL: ה-? מימין */
    align-items:flex-start;
    gap:var(--q-gap) !important;
    width:100%;
  }

  /* קריטי: לא לאפשר לתוכן “לדחוף” את ה-? החוצה */
  .catalog-product-view .product-options .options-list li > span.radio-checkbox-label.di-fix > label{
    min-width:0 !important;
  }

  /* ה-? עצמו – לא נמתח וקצת למעלה */
  .catalog-product-view .product-options .options-list li > span.radio-checkbox-label.di-fix > .tagtip-question{
    flex:0 0 auto;
    margin-top:var(--q-lift) !important;
  }

  /* תוכן האופציה כגריד: [צ'קבוקס][תוכן][כמות] */
  .catalog-product-view .product-options .options-list li > span.radio-checkbox-label.di-fix > label.radio-checkbox-label-2{
    display:grid !important;
    grid-template-columns:auto 1fr auto;
    align-items:start;
    column-gap:var(--col-gap) !important;
    width:100%;
  }

  /* הצ'קבוקס/רדיו בעמודה 1 בלי מרווחים מוזרים */
  .catalog-product-view .product-options .options-list li > span.radio-checkbox-label.di-fix > label.radio-checkbox-label-2
  input[type="checkbox"],
  .catalog-product-view .product-options .options-list li > span.radio-checkbox-label.di-fix > label.radio-checkbox-label-2
  input[type="radio"]{
    grid-column:1 !important;
    margin:0 !important;
  }

  /* שורת התוכן בעמודה 2: טקסט מימין + תמונות לשמאלו */
  .catalog-product-view .product-options .options-list li > span.radio-checkbox-label.di-fix > label.radio-checkbox-label-2 > .di-row{
    grid-column:2 !important;
    display:flex !important;
    align-items:flex-start;
    gap:var(--col-gap);
    min-width:0;            /* כדי לא לשבור את הפריסה */
  }

  /* הטקסט – קצת מצמצמים מרווח תחתון כדי להרים את הכמות */
  .catalog-product-view .product-options .options-list li > span.radio-checkbox-label.di-fix > label.radio-checkbox-label-2 > .di-row > .radio-checkbox-text{
    margin:0 0 var(--text-bottom) 0 !important;
    line-height:1.35;
  }

  /* התמונות – לשמאל הטקסט, זו לצד זו */
  .catalog-product-view .product-options .options-list li > span.radio-checkbox-label.di-fix > label.radio-checkbox-label-2 > .di-row > .di-imgs{
    display:inline-flex !important;
    align-items:flex-start;
    gap:var(--col-gap);
  }

  /* מבטלים float/תכונות ישנות שעלולות לפרק את הפריסה */
  .catalog-product-view .product-options .options-list li > span.radio-checkbox-label.di-fix > label.radio-checkbox-label-2 > .di-row > .di-imgs img,
  .catalog-product-view .product-options .options-list li > span.radio-checkbox-label.di-fix > label.radio-checkbox-label-2 > .di-row > .di-imgs .radio-checkbox-img{
    float:none !important;
    display:inline-block !important;
  }

  /* "כמות +/–" בעמודה 3, למעלה ובימין */
  .catalog-product-view .product-options .options-list li > span.radio-checkbox-label.di-fix > label.radio-checkbox-label-2 > .label-qty{
    grid-column:3 !important;
    align-self:start !important;
    text-align:right;
    margin:0 !important;
    float:none !important;
    clear:none !important;
  }
}