/* ============================================================================
   di-admin.css — קוד עיצוב שהועבר מהגדרות האדמין אל קובץ מתוחזק (20/08/2026)
   מקור: System > Configuration > Design > Footer > Absolute Footer (52KB)
        + Design > HTML Head > Miscellaneous Scripts (2.4KB)
   האיחוד שומר על התוצאה המחושבת הסופית של השכבות המקוריות: מתוך 7 גרסאות
   חופפות של מידות כפתורי ±כמות נשמרה רק השכבה המנצחת בפועל.
   נטען מ-footer.phtml בסוף ה-body — אותו מיקום עומס (cascade) כמו המקור.
   ========================================================================== */

/* ===== 1. כפתורי ±כמות — בסיס לכל העמודים (עגלה, קופה וכו') ===== */
.di-qty{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}
.di-qty input{width:34px;text-align:center;padding:2px 4px;margin:0 !important}
.di-qty .di-plus,.di-qty .di-minus{width:22px;height:22px;line-height:20px;border:1px solid #ccc;background:#f7f7f7;border-radius:3px;cursor:pointer;font-weight:bold;margin:0 !important;padding:0 !important;box-sizing:border-box}
.di-qty .di-plus:hover,.di-qty .di-minus:hover{background:#eee}
input[type="text"].qty{min-width:34px}

/* ===== 2. עמוד מוצר — הסתרת הטקסט "כמות:" בלבד, התוכן הפנימי נשאר ===== */
.product-view .add-to-cart label[for="qty"],
.product-view .qty-wrapper label[for="qty"]{
  font-size:0 !important;
  color:transparent !important;
  width:auto !important; margin:0 6px 0 0; padding:0; border:0;
}
.product-view .add-to-cart label[for="qty"] a,
.product-view .add-to-cart label[for="qty"] span,
.product-view .qty-wrapper label[for="qty"] a,
.product-view .qty-wrapper label[for="qty"] span{
  font-size:13px !important;
  color:#fff !important;
}
.product-view .di-qty{margin-right:6px}

/* ===== 3. מידות סופיות של ±כמות (התוצאה המנצחת של כל שכבות התיקון) ===== */
.product-options .di-qty,
.product-view   .di-qty{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  vertical-align:middle !important;
}
/* שדה הכמות – תוספות (רשימת אביזרים) */
.product-options .di-qty input{
  width:20px !important;
  height:24px !important;
  line-height:24px !important;
  text-align:center !important;
  padding:0 4px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  font:14px/24px Arial, Helvetica, sans-serif !important;
  direction:ltr !important;
  letter-spacing:normal !important;
  text-indent:0 !important;
}
/* שדה הכמות – עמוד מוצר (ליד "הוסף לסל") */
.product-view .di-qty input{
  width:38px !important;
  height:26px !important;
  line-height:26px !important;
  text-align:center !important;
  padding:0 6px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  font:14px/26px Arial, Helvetica, sans-serif !important;
  direction:ltr !important;
  letter-spacing:normal !important;
  text-indent:0 !important;
}
/* כפתורי ± – תוספות */
.product-options .di-qty .di-minus,
.product-options .di-qty .di-plus{
  width:22px !important;
  height:24px !important;
  line-height:24px !important;
  border:1px solid #ccc !important;
  background:#f7f7f7 !important;
  border-radius:3px !important;
  font-size:13px !important;
  font-weight:400 !important;
  cursor:pointer !important;
  padding:0 !important; margin:0 !important; box-sizing:border-box !important;
}
/* כפתורי ± – עמוד מוצר */
.product-view .di-qty .di-minus,
.product-view .di-qty .di-plus{
  width:24px !important;
  height:26px !important;
  line-height:26px !important;
  border:1px solid #ccc !important;
  background:#f7f7f7 !important;
  border-radius:3px !important;
  font-size:14px !important;
  font-weight:400 !important;
  cursor:pointer !important;
  padding:0 !important; margin:0 !important; box-sizing:border-box !important;
}
/* הסתרת ספינרים (input type=number) אם קיימים */
.product-options .di-qty input::-webkit-outer-spin-button,
.product-options .di-qty input::-webkit-inner-spin-button,
.product-view   .di-qty input::-webkit-outer-spin-button,
.product-view   .di-qty input::-webkit-inner-spin-button{ -webkit-appearance:none !important; margin:0 !important; }
.product-options .di-qty input[type=number],
.product-view   .di-qty input[type=number]{ -moz-appearance:textfield !important; }

/* ===== 4. מובייל/טאבלט אופקי — קבוצת הכמות יורדת לשורה מלאה משלה ===== */
@media (orientation: landscape) and (max-width: 1200px){
  .product-options .options-list li .di-qty,
  .catalog-product-view .product-options .options-list li .di-qty,
  .product-view .product-options .options-list li .di-qty{
    display:flex !important;
    width:100% !important;
    flex-basis:100% !important;
    grid-column:1 / -1 !important;
    order: 999 !important;
    clear: both !important;
    margin-top:32px !important;    /* ← כאן מגדילים/מקטינים "כמה שורות לרדת" */
  }
}

/* ===== 5. המשפט הכחול מתחת ל"הוסף לסל" ===== */
.add-to-cart label p span {
  display: inline-block;
  margin-top: 6px;
  background-color: #3399CC;
  color: #ffffff;
  padding: 1.5px 4px;
  border-radius: 3px;
  font-size: 14px;
}
.add-to-cart label p {
  margin: 0;
}

/* ===== 6. מובייל — סימן ה-? (Tagtip) קליקבילי + ריווח ליד צ'קבוקס/רדיו ===== */
@media (max-width: 768px) and (orientation: portrait){
  ul.options-list li > span.label > label::before{ content:none !important; }
}
.product-options .tagtip-question{
  position: relative;
  z-index: 1003;
  display: inline-block;
  vertical-align: middle;
  pointer-events: auto;
  margin: 0 8px;
}
ul.options-list li .radio-checkbox-img{ margin: 0 6px !important; vertical-align: middle; }
ul.options-list li .radio-checkbox-label,
ul.options-list li span.label{ margin-right: 8px !important; vertical-align: middle; }
ul.options-list li > input[type="radio"] + span.label,
ul.options-list li > input[type="checkbox"] + span.label{
  margin-right: 8px !important;
}
ul.options-list li > input[type="radio"]:checked + span.label,
ul.options-list li > input[type="checkbox"]:checked + span.label{
  margin-right: 8px !important;
}

/* ===== 7. מובייל אנכי — ה-? מיושר לימין, מרוחק מהצ'קבוקס ===== */
@media (max-width: 768px) and (orientation: portrait){
  ul.options-list > li > span.radio-checkbox-label{
    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;
  }
  ul.options-list > li > span.radio-checkbox-label > .tagtip-question{
    flex:0 0 auto !important;
    margin-right:2px !important;
    margin-left:12px !important;
    padding:6px !important;
  }
  ul.options-list > li > span.radio-checkbox-label > label > input[type="radio"],
  ul.options-list > li > span.radio-checkbox-label > label > input[type="checkbox"]{
    margin-left:8px !important;
    margin-right:0 !important;
  }
  /* הצמדה מוחלטת של ה-? לימין (השכבה המאוחרת — מנצחת) */
  ul.options-list > li > span.radio-checkbox-label{
    position: relative !important;
    padding-right: 28px !important;
  }
  ul.options-list > li > span.radio-checkbox-label > .tagtip-question{
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 6px !important;
    z-index: 3 !important;
    pointer-events: auto !important;
  }
}

/* ===== 8. סמארטפון אופקי — ? וצ'קבוקס מוצמדים לימין ===== */
@media (max-width: 1024px) and (orientation: landscape){
  .product-view .options-list > li{ position: relative; padding-right: 126px; }
  .product-view .options-list > li label.radio-checkbox-label-1 + .tagtip-question{ position: static; }
  .product-view .options-list > li label.radio-checkbox-label-1 input[type="radio"]{ position: static; }
  .product-view .options-list > li label.radio-checkbox-label-2 + .tagtip-question{
    position:absolute;
    right: 0px !important;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
  }
  .product-view .options-list > li label.radio-checkbox-label-2 input[type="checkbox"]{
    position:absolute;
    right: 92px !important;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
  }
  .product-view .options-list > li label.radio-checkbox-label-2 .label-qty{
    display:block;
    margin-top:8px;
  }
}

/* ===== 9. "שלח קישור לחבר" — אייקון מעטפה אפור ===== */
.email-addto-box .email-friend a{
  background: none !important;
  display: inline-flex !important;
  align-items: center;
  line-height: 1.6;
  box-sizing: border-box;
  padding-right: 8px !important;
}
.email-addto-box .email-friend a::before{
  content: '';
  display: inline-block;
  width: 16px; height: 16px;
  margin-right: 6px;
  margin-left: 8px;
  background: no-repeat center / 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23999' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}
.email-addto-box .email-friend a i,
.email-addto-box .email-friend a .fa,
.email-addto-box .email-friend a img,
.email-addto-box .email-friend a svg{
  display: none !important;
}

/* ===== 10. "רוצה לראות עוד?" / "הצג פחות" ===== */
.di-show-more-wrap{ text-align:right; margin-top:6px; direction:rtl; }
.di-show-more{
  display:inline-block; padding:4px 8px; border:1px solid #ccc; border-radius:12px;
  background:#f5f5f5; color:#000; text-decoration:none; font:12px/1.4 Arial,sans-serif;
}
.di-show-more:hover{ background:#eee; }
.di-float-less{
  position: fixed; top: 12px; left: 12px; right: auto; z-index: 9999;
  padding:6px 10px; border:1px solid #ccc; border-radius:12px;
  background:#f5f5f5; color:#000; text-decoration:none; font:12px/1.4 Arial,sans-serif;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  display:none;
}
.di-float-less:hover{ background:#eee; }

/* ===== 11. קופה — יישור RTL של סך ביניים/סה"כ ===== */
body[class*="onestepcheckout"] .one-step-checkout-cart-table tfoot td.a-right:not([colspan]){
  direction: rtl !important;
  text-align: right !important;
  line-height: normal !important;
}
body[class*="onestepcheckout"] .one-step-checkout-cart-table tfoot td.a-right[colspan]{
  direction: rtl !important;
  text-align: right !important;
  white-space: normal !important;
  line-height: 1.4 !important;
}
body[class*="onestepcheckout"] .one-step-checkout-cart-table tfoot td.a-right[colspan] p{
  direction: rtl !important;
  text-align: right !important;
  margin: 0 0 3px 0 !important;
  line-height: 1.4 !important;
}
body[class*="onestepcheckout"] .one-step-checkout-cart-table tfoot td .price,
body[class*="onestepcheckout"] .one-step-checkout-cart-table tfoot td .price *{
  direction: ltr !important;
  text-align: left !important;
}

/* ===== 12. עמוד מוצר — אפשרויות משלוח כמידע בלבד (בלי בחירה) ===== */
.co-shipping-info-only{
  direction: rtl;
  text-align: right;
}
.co-shipping-info-only input[type="radio"],
.co-shipping-info-only input[type="checkbox"],
.co-shipping-info-only input.qty,
.co-shipping-info-only input[type="number"],
.co-shipping-info-only select,
.co-shipping-info-only .qty-holder,
.co-shipping-info-only .price,
.co-shipping-info-only .price-notice,
.co-shipping-info-only .validation-advice{
  display: none !important;
}
.co-shipping-info-only label,
.co-shipping-info-only .label,
.co-shipping-info-only .option-title,
.co-shipping-info-only .option-description,
.co-shipping-info-only .description,
.co-shipping-info-only .note{
  display: block;
  cursor: default;
  margin: 0 0 6px 0;
  line-height: 1.5;
}
.co-shipping-info-only img{ max-height: 40px; vertical-align: middle; margin-left: 6px; }
.co-shipping-info-only li,
.co-shipping-info-only .item,
.co-shipping-info-only .row,
.co-shipping-info-only tr{
  border-bottom: 1px dotted #ddd;
}
.co-shipping-info-only li:last-child,
.co-shipping-info-only tr:last-child{ border-bottom: none; }

/* ===== 13. סל קניות — רדיו מקורי בלי "עיגול כפול" ===== */
#co-shipping-method-form.fix-radio input[type="radio"]{
  -webkit-appearance:auto!important;-moz-appearance:auto!important;appearance:auto!important;
  opacity:1!important; visibility:visible!important; position:static!important; transform:none!important;
  background:transparent!important; background-image:none!important; box-shadow:none!important; border:0!important;
}
#co-shipping-method-form.fix-radio :is(li,label){background:none!important;background-image:none!important;box-shadow:none!important}
#co-shipping-method-form.fix-radio :is(li,label)::before,
#co-shipping-method-form.fix-radio :is(li,label)::after{content:none!important;display:none!important}
#co-shipping-method-form.fix-radio ul{list-style:none!important;margin:0!important;padding:0!important}
#co-shipping-method-form.fix-radio li::marker{content:""!important}
#co-shipping-method-form.fix-radio .sp-methods input[type="radio"]{
  position: relative !important;
  right: -1.35px !important;
}
#co-shipping-method-form.fix-radio .sp-methods li{
  background-position: -9999px 50% !important;
}

/* ===== 14. אנימציית "נקודות חושבות" לכפתורי רוצה-לראות-עוד ===== */
body.catalog-product-view .di-anim--thinking .di-dots{
  display: inline-block;
  direction: ltr;
  vertical-align: baseline;
}
body.catalog-product-view .di-anim--thinking .di-dots.di-dots--leading{
  margin-right: .35em;
}
body.catalog-product-view .di-anim--thinking .di-dots > span{
  display: inline-block;
  width: .3em;
  opacity: 0;
  animation: diDot 1.2s ease-in-out infinite;
}
body.catalog-product-view .di-anim--thinking .di-dots > span:nth-child(1){ animation-delay: 0s;   }
body.catalog-product-view .di-anim--thinking .di-dots > span:nth-child(2){ animation-delay: .2s; }
body.catalog-product-view .di-anim--thinking .di-dots > span:nth-child(3){ animation-delay: .4s; }
@keyframes diDot{
  0%   { opacity: 0; transform: translateY(0); }
  35%  { opacity: 1; transform: translateY(-1px); }
  70%  { opacity: 0; transform: translateY(0); }
  100% { opacity: 0; }
}
body.catalog-product-view .di-anim--underline .di-label{
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
}
body.catalog-product-view .di-anim--underline .di-label::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:2px;
  background: linear-gradient(90deg, transparent 0%,
                                      rgba(0,0,0,.15) 35%,
                                      rgba(0,0,0,.35) 50%,
                                      rgba(0,0,0,.15) 65%,
                                      transparent 100%);
  background-size: 200% 100%;
  animation: diUnder 1.6s linear infinite;
  border-radius: 2px;
  pointer-events: none;
}
@keyframes diUnder{ to { background-position: 200% 0; } }
@media (prefers-reduced-motion: reduce){
  body.catalog-product-view .di-anim--thinking .di-dots > span,
  body.catalog-product-view .di-anim--underline .di-label::after{ animation: none; }
}

/* ============================================================================
   מקור שני: Design > HTML Head > Miscellaneous Scripts
   ========================================================================== */

/* ===== 15. פירורי לחם — יישור לימין (תוקן בעבר למובייל) ===== */
.breadcrumbs {
  text-align: right !important;
  direction: rtl !important;
}
.breadcrumbs a,
.breadcrumbs span {
  direction: rtl !important;
}

/* ===== 16. כותרות מוצר — יישור לימין + RTL ===== */
.product-view .product-shop .product-name h1,
.product-name h1,
.product-view h1 {
  text-align: right;
  direction: rtl;
  white-space: normal;
}

/* ===== 17. מובייל — הסתרת לשוניות "מידע נוסף"/חוות דעת/תגיות ===== */
@media (max-width: 768px) {
  .product-collateral .padder > *:nth-child(2) {
    display: none !important;
  }
  #additional, .tab-content#additional { display: none !important; }
  .product-collateral ul.tabs li#product_tabs_additional_tabbed,
  .product-collateral ul.tabs li#product_tabs_review_tabbed,
  .product-collateral ul.tabs li#product_tabs_tags_tabbed {
    display: none !important;
  }
  .product-collateral .padder > *:nth-child(2),
  .product-collateral .padder > *:nth-child(3),
  .product-collateral .padder > *:nth-child(4) {
    display: none !important;
  }
  .product-collateral .box-collateral.box-additional,
  .product-collateral .reviews,
  .product-collateral .tags {
    display: none !important;
  }
}

/* ============================================================================
   שלב 1 (20/08/2026) — קיצור עמוד הבית
   ========================================================================== */

/* ===== 18. עמוד הבית — "מוצרים מיוחדים" מקוצר ל-8 + כפתור הרחבה ===== */
body.cms-home .special-products .products-grid li.item.di-sp-hidden{
  display:none !important;
}
.di-sp-toggle-wrap{
  text-align:center;
  margin:10px 0 22px;
  direction:rtl;
}
.di-sp-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 26px;
  border:2px solid #80BC3E;
  border-radius:24px;
  background:#fff;
  color:#4a7c14;
  font:600 15px/1.2 inherit;
  text-decoration:none;
  cursor:pointer;
  transition:background .15s, color .15s;
}
.di-sp-toggle:hover{
  background:#80BC3E;
  color:#fff;
  text-decoration:none;
}
.di-sp-toggle .di-sp-arrow{
  font-size:12px;
  line-height:1;
  transition:transform .2s;
}
.di-sp-toggle.is-open .di-sp-arrow{
  transform:rotate(180deg);
}

/* ===== 19. עמוד הבית — תפריט קטגוריות מקוצר ל-12 + "כל הקטגוריות" ===== */
body.cms-home .block-advancedmenu .di-cat-hidden{
  display:none !important;
}
.di-cat-toggle{
  display:block;
  width:100%;
  padding:11px 14px;
  border:0;
  border-top:1px solid #eee;
  background:#f7f7f7;
  color:#333;
  font:600 13px/1.2 inherit;
  text-align:right;
  cursor:pointer;
  transition:background .15s;
}
.di-cat-toggle:hover{
  background:#80BC3E;
  color:#fff;
}
.di-cat-toggle .di-cat-arrow{
  display:inline-block;
  margin-left:6px;
  font-size:11px;
  transition:transform .2s;
}
.di-cat-toggle.is-open .di-cat-arrow{
  transform:rotate(180deg);
}

/* ============================================================================
   שלב 2 (20/08/2026) — הדר: פריסה לכל הרוחב + לוגו גדול (דסקטופ בלבד)
   ========================================================================== */
@media (min-width: 1025px){
  /* di-front.css נועל את תוכן ההדר על 1300px — כאן פורסים לכל הרוחב */
  body .header-container .header_inner{
    max-width: none !important;
    width: 100% !important;
    padding: 0 28px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }
  /* רצועת שעות הפעילות מיישרת לאותם שוליים */
  #di-top-bar{
    padding-left: 28px !important;
    padding-right: 28px !important;
    box-sizing: border-box !important;
  }
  /* לוגו גדול יותר, מוגבל בגובה כדי לא לנפח את ההדר ולדחוק את הפס הירוק */
  .header-container .logo img{
    height: 60px !important;
    width: auto !important;
    max-height: none !important;
  }
}

/* ===== שלב 2ב — עידון מודרני של ההדר הכהה (דסקטופ) ===== */
@media (min-width: 1025px){
  /* שדה החיפוש: לבן, נקי, גדל לרוחב פנוי */
  #di-search{
    flex: 1 1 auto !important;
    max-width: 720px !important;
    margin: 0 36px !important;
  }
  #di-search form{ width: 100% !important; }
  #di-search input[type="text"]{
    background: #fff !important;
    color: #1a1a1a !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.18) !important;
  }
  #di-search input[type="text"]::placeholder{
    color: #8a8a8a !important;
  }
  #di-search input[type="text"]:focus{
    outline: none !important;
    border-color: #80BC3E !important;
    box-shadow: 0 0 0 3px rgba(128,188,62,.25) !important;
  }

  /* הלוגו: מסגרת לבנה עדינה — צמודה ללוגו, בלי נפח מיותר */
  .header-container h1.logo,
  .header-container .logo{
    background: #fff !important;
    border-radius: 6px !important;
    padding: 2px 5px !important;
    margin: 7px 0 !important;   /* מרווח נשימה — הלוגו לא נוגע בפס הירוק */
    line-height: 0 !important;
    box-shadow: none !important;
  }

  /* קו הפרדה עדין בין ההדר הכהה לפס הירוק */
  .header-container .header{
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  /* רצועת שעות הפעילות: טקסט מעט בהיר וקריא יותר */
  #di-top-bar, #di-top-bar .di-top-left{ color: #b5b5b5 !important; }
}


/* ===== שלב 2ג — "כל הקטגוריות": תפריט נפתח אמיתי ===== */
#di-cat-panel{
  position: fixed;
  top: 0; /* נקבע ב-JS מתחת לכפתור */
  right: 0;
  width: 300px;
  max-height: 70vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 12px 30px rgba(0,0,0,.28);
  z-index: 10050;
  direction: rtl;
  display: none;
}
#di-cat-panel.is-open{ display: block; }
#di-cat-panel a{
  display: block;
  padding: 10px 16px;
  color: #222;
  text-decoration: none;
  font-size: 14px;
  border-bottom: 1px solid #f1f1f1;
}
#di-cat-panel a:hover{
  background: #f4f9ec;
  color: #4a7c14;
}
#di-cat-panel a:last-child{ border-bottom: 0; }


/* ===== שלב 2ד — כיווני ריווח (20/08/2026 ערב) ===== */
/* עמוד הבית: רצועת שלושת הבאנרים יורדת מעט מתחת לפס הירוק */
body.cms-home .header_bottom{
  margin-top: 14px !important;
}

/* עמוד הבית: מרווח קטן מעל תיבת הקטגוריות — לא צמודה לרצועת הבאנרים */
body.cms-home .col-left.sidebar .block-advancedmenu{
  margin-top: 16px !important;
}

/* ===== שורת ההודעות הרצה (marquee) — שוחזרה מה-nav הישן שהוסתר ב-v7 ===== */
#di-welcome-strip{
  max-width: 1300px;
  margin: 10px auto 0;
  padding: 5px 16px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-sizing: border-box;
  direction: rtl;
  overflow: hidden;
}
#di-welcome-strip .di-ticker{
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
#di-welcome-strip .di-ticker-text{
  display: inline-block;
  white-space: nowrap;
  font-size: 13px;
  color: #333;
  line-height: 1.5;
  /* מתחיל גלוי במקומו, שוהה רגע לקריאה, ואז רץ שמאלה ומתחדש */
  animation: diWelcomeTicker var(--di-ticker-dur, 30s) linear infinite;
  will-change: transform;
}
@keyframes diWelcomeTicker{
  /* עברית: ההמשך מוסתר משמאל — התנועה ימינה חושפת אותו ברצף עד הסוף */
  0%   { transform: translateX(0); }
  7%   { transform: translateX(0); }
  100% { transform: translateX(calc(100% + 80px)); }
}
@media (prefers-reduced-motion: reduce){
  #di-welcome-strip .di-ticker-text{ animation: none; }
}
@media (max-width: 1360px){
  #di-welcome-strip{ margin-left: 16px; margin-right: 16px; }
}


/* הרצועה השחורה העליונה: הכיתובים מיותרים (כפולים מהפס הירוק) — מוסתרת כולה */
#di-top-bar{
  display: none !important;
}

/* ===== שתי תמונות הצד בעמוד הבית — מסגרת דקה במקום העבה הצרובה בתמונה ===== */
/* המסגרת המקורית צרובה בקובץ התמונה; חיתוך עדין מעלים אותה ומסגרת CSS דקה מציירת חדשה */
.topsubbanner .topbanner{
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff;
}
.topsubbanner .topbanner img{
  display: block;
  width: 100% !important;
  transform: scale(1.07);
}
/* התמונה הראשונה יורדת מעט מהרצועה שמעליה */
.topsubbanner .top_1.topbanner{
  margin-top: 18px !important;
}

/* ===== di-gift-in-review (23/08/2026) =====
   הכלל למעלה (.data-table .item-options {display:none}) נועד לעגלה אבל תפס גם את
   טבלת הסקירה בקופה, ולכן מתנה שנבחרה לא הופיעה בשם. כאן חושפים אותה רק בקופה,
   ומעצבים אותה כשורת פריט עם תמונה. */
.onestepcheckout-index-index .data-table .item-options,
.onestepcheckout-index-index .data-table dl.item-options,
body.onestepcheckout-index-index #checkout-review-table .item-options { display:block !important; }

.onestepcheckout-index-index .item-options { margin:8px 0 0; padding:0; }
.onestepcheckout-index-index .item-options dt { display:none; }            /* התווית הארוכה "סמן וקבל מתנה..." מיותרת */
.onestepcheckout-index-index .item-options dd {
    display:flex; align-items:center; gap:10px;
    margin:0; padding:6px 8px;
    background:#f3f9f1; border:1px solid #cfe6c6; border-radius:6px;
    font-size:12px; color:#2f2f2f; float:none;
}
.onestepcheckout-index-index .item-options dd:before { content:"🎁"; font-size:14px; }
.onestepcheckout-index-index .item-options dd img.di-gift-review-thumb {
    width:44px; height:44px; object-fit:cover; border-radius:4px; border:1px solid #ddd; background:#fff; flex:0 0 44px;
}
.onestepcheckout-index-index .item-options dd .price { font-weight:bold; color:#1E7EC8; white-space:nowrap; }
/* di-gift-in-review: styles.css:1822 has "dl.item-options{display:none!important}" - override with higher specificity in checkout only */
body.onestepcheckout-index-index .data-table td .detail-product dl.item-options,
body.onestepcheckout-index-index table dl.item-options { display:block !important; }

/* ===== di-gift-in-review v2: שורת מתנה נפרדת מתחת למוצר ===== */
body.onestepcheckout-index-index tr.di-gift-row td {
    background:#f3f9f1; border-top:1px dashed #cfe6c6 !important; border-bottom:1px solid #e5e5e5;
    padding:8px 10px; vertical-align:middle; font-size:12px;
}
body.onestepcheckout-index-index .di-gift-line { display:flex; align-items:center; gap:10px; }
body.onestepcheckout-index-index .di-gift-line .di-gift-review-thumb {
    width:44px; height:44px; object-fit:cover; border-radius:4px; border:1px solid #ddd; background:#fff; flex:0 0 44px;
}
body.onestepcheckout-index-index .di-gift-badge {
    background:#80BC3E; color:#fff; border-radius:4px; padding:2px 7px; font-size:11px; font-weight:bold; white-space:nowrap;
}
body.onestepcheckout-index-index .di-gift-name { color:#2f2f2f; }
body.onestepcheckout-index-index tr.di-gift-row .di-gift-price .price { font-weight:bold; color:#1E7EC8; }
/* di-gift-in-review v2: כשיש שורת מתנה נפרדת - להסתיר את הכפילות בתוך שורת המוצר */
body.onestepcheckout-index-index tr[data-di-gift-split] dl.item-options { display:none !important; }
/* 07/09 (דוד): אחרי כל רענון AJAX של הסקירה ה-dd הגולמיים (בעיצוב "🎁") הבזיקו
   לרגע עד שה-JS פיצל אותם. ה-dl מוסתר מלכתחילה בטבלת הסקירה; רק אם הפרסר
   לא זמין (tr.di-addons-raw) הוא מוצג כפי שהוא, כדי לא להעלים מידע. */
body.onestepcheckout-index-index .one-step-checkout-cart-table tbody tr:not(.di-addons-raw) dl.item-options { display:none !important; }

/* גלילה אינסופית בעמוד הבית - חיישן תחתית + חיווי טעינה */
.di-sp-sentinel{clear:both;width:100%;height:1px;margin:0;padding:0}
.di-sp-sentinel.is-loading{height:46px;position:relative}
.di-sp-sentinel.is-loading:after{
  content:'';position:absolute;top:12px;left:50%;margin-left:-11px;
  width:22px;height:22px;border:2px solid #d8d8d8;border-top-color:#80BC3E;
  border-radius:50%;animation:di-sp-spin .7s linear infinite}
@keyframes di-sp-spin{to{transform:rotate(360deg)}}

/* ===== עמוד הבית - רשת "מוצרים מיוחדים" =====
   שתי בעיות שתוקנו כאן:

   1. הפריטים בתבנית הם float ברוחב **קבוע** (290px). כשגובה הכרטיסים שונה
      (שם מוצר ארוך מול קצר), הפריט הגבוה תופס את הצף והשורה נתקעת - נשאר
      מוצר בודד ורווח ריק לצידו. פלקסבוקס פותר את זה.

   2. רוחב קבוע פירושו שמספר הפריטים בשורה משתנה לפי הרוחב שנשאר - פעם 4
      ופעם 3, גם בתוך אותה גלילה. לכן הרוחב כאן **יחסי**: רבע מהשורה, כלומר
      תמיד 4 בשורה בדסקטופ, בלי תלות ברוחב החלון.

   מוגבל ל-body.cms-home .special-products בלבד - שום רשת אחרת לא מושפעת. */
body.cms-home .special-products .products-grid{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
}
body.cms-home .special-products .products-grid li.item{
  float:none !important;
  box-sizing:border-box;
  flex:0 0 25%;
  max-width:25%;
  width:25% !important;   /* גובר על width:290px של הערכה */
}
/* התמונות בתבנית ברוחב קבוע - חייבות להתכווץ יחד עם הכרטיס */
body.cms-home .special-products .products-grid li.item img{
  max-width:100%;
  height:auto;
}
@media (max-width:1199px){
  body.cms-home .special-products .products-grid li.item{
    flex-basis:33.3333%;max-width:33.3333%;width:33.3333% !important;
  }
}
@media (max-width:767px){
  body.cms-home .special-products .products-grid li.item{
    flex-basis:50%;max-width:50%;width:50% !important;
  }
}
@media (max-width:479px){
  body.cms-home .special-products .products-grid li.item{
    flex-basis:100%;max-width:100%;width:100% !important;
  }
}

/* ===== חץ גלילה לפוטר =====
   העיצוב כולו מגיע בזמן ריצה מ-#topcontrol של הערכה (ראה סעיף 22 ב-JS):
   אותה תמונת רקע, הפוכה אנכית, אותו רוחב ואותו מרחק מהשוליים.
   כאן נשאר רק מה שנדרש כדי שהוא יהיה קיים וקליק לפני שההשתקפות מתבצעת. */
#di-to-footer{
  position:fixed;
  right:5px;
  bottom:190px;
  width:40px;
  height:37px;
  cursor:pointer;
  font-size:0;
  opacity:0;visibility:hidden;
  transition:opacity .2s ease,visibility .2s;
  z-index:999;
}
#di-to-footer.is-on{opacity:1;visibility:visible}

/* ===== 14. קופה - אפשרויות התשלום (ערן, 27/08) =====
   כותרת קארדקום התארכה (PCI DSS) - כל אופציה בכרטיסון משלה, הטקסט
   העטוף מיושר עם תחילת הטקסט ולא זולג מתחת לכפתור הרדיו. */
body[class*="onestepcheckout"] .one-step-checkout-payment-methods .sp-methods dt {
  display: block;
  background: #fff;
  border: 1px solid #e2e6df;
  border-radius: 8px;
  padding: 9px 12px;
  margin: 0 0 8px;
}
body[class*="onestepcheckout"] .one-step-checkout-payment-methods .sp-methods dt {
  /* flex: הרדיו בעמודה משלו, וכל שורה עטופה של הכותרת מתיישרת
     בדיוק מתחת לתחילת הטקסט - לא בורחת מתחת לכפתור (ערן, 27/08) */
  display: flex !important;
  align-items: flex-start;
  gap: 0 8px;
}
body[class*="onestepcheckout"] .one-step-checkout-payment-methods .sp-methods dt input[type="radio"] {
  flex: 0 0 auto;
  margin-top: 3px;
}
body[class*="onestepcheckout"] .one-step-checkout-payment-methods .sp-methods dt label {
  flex: 1 1 auto;
  display: block !important;
  width: auto !important;
  white-space: normal;
  line-height: 1.45;
}

/* שיטת משלוח מעומעמת כשנבחר "מזומן באיסוף עצמי בלבד" (סעיף 15 ב-JS) */
.di-ship-dimmed {
  opacity: .38;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}