.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Heebo";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Heebo";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Heebo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Heebo";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --color-black:#000000; --color-royal-blue:#0C63F2; --color-off-white:#F5F5F5; --color-gray:#242426; --color-white:#FFFFFF; --font-display:Dela Gothic One; --container-max:1280px; --gutter-desktop:24px; --gutter-mobile:16px; --space-section-desktop:96px; --space-section-mobile:56px; --radius-pill:2px; --radius-card:8px; --radius-button:2px; --text-h1:clamp(2rem, 4vw, 3.5rem); --text-h2:clamp(1.75rem, 2.8vw, 2.5rem); --text-h3:clamp(1.125rem, 1.7vw, 1.5rem); --text-body:1.125rem; --text-label:0.875rem; --text-price:1.375rem; --font-body:Heebo; --color-text-muted:#5A5A5A; --header-h-desktop:125px; --header-h-mobile:109px; --hero-peek:40px; --text-pdp-title:clamp(1.5rem, 2.5vw, 2rem); }
/* Start custom CSS *//* Ariello - הסתרת טקסט נגישות של WooCommerce (מחיר מבצע) שהאטומי מציג. נשאר נגיש לקוראי מסך. */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Ariello - טופס אטומי (4.3-beta3): אין חוקה שחושפת את הודעות ההצלחה/שגיאה במצב form-state-*. 19/9/2026 */
.form-state-success .e-form-success-message-base{display:block!important}
.form-state-error .e-form-error-message-base{display:block!important}
.form-state-success input,.form-state-success button{display:none!important}
/* Ariello - header (#86) ו-footer (#87): וויג'טי V3 (nav-menu, menu-cart) ואייקוני קו. 20/9/2026 */
.elementor-86 svg[stroke-width],.elementor-87 svg[stroke-width]{fill:none}
.elementor-86 .elementor-nav-menu--main .elementor-item{font-family:var(--font-body);font-weight:500;font-size:1rem;color:var(--color-black);padding:0 1.1rem;transition:color var(--dur-fast)}
.elementor-86 .elementor-nav-menu--main .elementor-item:hover,.elementor-86 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--color-royal-blue)}
.elementor-86 .elementor-nav-menu--main .elementor-item:after,.elementor-86 .elementor-nav-menu--main .elementor-item:before{display:none}
.elementor-86 .elementor-menu-toggle{background:transparent;border:0;color:var(--color-black);padding:0;width:2rem;height:2rem}
.elementor-86 .elementor-nav-menu--dropdown{background:var(--color-off-white);border-top:1px solid rgba(0,0,0,.08)}
.elementor-86 .elementor-nav-menu--dropdown .elementor-item{font-family:var(--font-body);color:var(--color-black);font-size:1.125rem;padding:1rem 1.5rem}
.elementor-86 .elementor-menu-cart__toggle .elementor-button{background:transparent;border:0;padding:0;color:var(--color-black);font-size:1.5rem;box-shadow:none}
.elementor-86 .elementor-menu-cart__toggle .elementor-button-text{display:none}
.elementor-86 .elementor-menu-cart__toggle .elementor-button-icon{position:relative;color:var(--color-black)}
.elementor-86 .elementor-button-icon-qty{background:var(--color-royal-blue);color:var(--color-white);font-family:var(--font-body);font-size:.65rem;min-width:1.1rem;height:1.1rem;border-radius:var(--radius-pill);top:-.4rem;right:auto;left:-.5rem}
.elementor-86 .elementor-button-icon-qty[data-counter="0"]{display:none}
.elementor-87 .elementor-nav-menu--main{display:flex;flex-direction:column;gap:.5rem}
.elementor-87 .elementor-nav-menu--main .elementor-item{font-family:var(--font-body);font-size:var(--text-label);color:var(--color-off-white);opacity:.75;padding:0;transition:opacity var(--dur-fast),color var(--dur-fast)}
.elementor-87 .elementor-nav-menu--main .elementor-item:hover{opacity:1;color:var(--color-royal-blue)}
.elementor-87 .elementor-nav-menu--main .elementor-item:after,.elementor-87 .elementor-nav-menu--main .elementor-item:before{display:none}
.elementor-86 .elementor-nav-menu--main{justify-content:center}
.elementor-86 .elementor-widget-nav-menu .elementor-widget-container{display:flex;justify-content:center}

.elementor-86 .elementor-menu-cart__toggle .elementor-button-icon-qty{background:var(--color-royal-blue)!important;color:var(--color-white)!important;border:0!important;box-shadow:none!important}
.elementor-86 .elementor-menu-cart__toggle .elementor-button-icon-qty[data-counter="0"]{display:none!important}

/* Ariello - תפריט מובייל (popup #92) + header במובייל. 20/9/2026 */
.elementor-92 svg[stroke-width]{fill:none}
.elementor-92 .elementor-nav-menu--main{display:flex;flex-direction:column;gap:0;width:100%}
.elementor-92 .elementor-nav-menu--main .elementor-item{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-body);font-weight:800;font-size:1.75rem;line-height:1.2;color:var(--color-black);padding:0.9rem 0;border-bottom:1px solid rgba(0,0,0,.1)}
.elementor-92 .elementor-nav-menu--main .elementor-item:after{content:"";display:block;width:1.1rem;height:1.1rem;background:var(--color-black);-webkit-mask:url(https://ariello.co.il/wp-content/uploads/2026/09/icon-chevron.svg?v=20260923) center/contain no-repeat;mask:url(https://ariello.co.il/wp-content/uploads/2026/09/icon-chevron.svg?v=20260923) center/contain no-repeat;opacity:.5;position:static;transform:none}
.elementor-92 .elementor-nav-menu--main .elementor-item:before{display:none}
.elementor-92 .elementor-nav-menu--main .elementor-item:hover,.elementor-92 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--color-royal-blue)}
.elementor-92 .elementor-widget-nav-menu{width:100%}
.elementor-popup-modal.elementor-92 .dialog-widget-content{background:var(--color-off-white);box-shadow:var(--shadow-lg-side)}
.elementor-popup-modal.elementor-92 .dialog-message{padding:0;max-height:100vh;overflow:auto}
@media (max-width:767px){.elementor-86 .elementor-widget-nav-menu{display:none}}
/* Ariello - חיזוקים (specificity מול Pro): תפריט מובייל + הסתרת nav-menu במובייל. 20/9/2026 */
.elementor-92 .elementor-nav-menu--main .elementor-item{color:var(--color-black)!important}
.elementor-92 .elementor-nav-menu--main .elementor-item:hover,.elementor-92 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--color-royal-blue)!important}
.elementor-92 .elementor-nav-menu--main .elementor-item:after{content:""!important;display:block!important;position:static!important;width:1.1rem!important;height:1.1rem!important;background:var(--color-black)!important;-webkit-mask:url(https://ariello.co.il/wp-content/uploads/2026/09/icon-chevron.svg?v=20260923) center/contain no-repeat!important;mask:url(https://ariello.co.il/wp-content/uploads/2026/09/icon-chevron.svg?v=20260923) center/contain no-repeat!important;opacity:.45!important;transform:none!important;transition:none!important}
@media (max-width:767px){.elementor-86 .elementor-element-10793d15{display:none!important}}
/* popup #92: רוחב במובייל + הסתרת כפתור הסגירה המובנה (יש X משלנו) */
#elementor-popup-modal-92 .dialog-widget-content{width:86vw!important;max-width:86vw!important}
#elementor-popup-modal-92 .dialog-close-button{display:none!important}
@media (min-width:768px){#elementor-popup-modal-92 .dialog-widget-content{width:22rem!important;max-width:22rem!important}}

#elementor-popup-modal-92{justify-content:flex-start!important}

/* Ariello - עמוד מוצר (#61): וויג'טי Woo V3 - טופס הוספה לסל, וריאציות, גלריה. 20/9/2026 */
.elementor-61 form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.elementor-61 form.cart .button.single_add_to_cart_button{background:var(--color-royal-blue);color:var(--color-white);font-family:var(--font-body);font-weight:800;font-size:1rem;border:0;border-radius:var(--radius-pill);padding:1rem 2.5rem;box-shadow:var(--shadow-cta);transition:background var(--dur-fast),box-shadow var(--dur-fast)}
.elementor-61 form.cart .button.single_add_to_cart_button:hover{background:var(--color-black);box-shadow:var(--shadow-md)}
.elementor-61 form.cart .button.single_add_to_cart_button.disabled{background:rgba(0,0,0,.25);box-shadow:none}
.elementor-61 form.cart .quantity input.qty{font-family:var(--font-body);border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-pill);height:3.25rem;width:4.5rem;text-align:center;background:var(--color-white)}
.elementor-61 table.variations{border:0;background:transparent;margin:0 0 1rem}
.elementor-61 table.variations th,.elementor-61 table.variations td{border:0;padding:.35rem 0;background:transparent}
.elementor-61 table.variations th.label label{font-family:var(--font-body);font-weight:500;color:var(--color-black)}
.elementor-61 table.variations select{font-family:var(--font-body);width:100%;max-width:22rem;height:3rem;border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-button);background:var(--color-white);padding:0 .9rem}
.elementor-61 .reset_variations{font-family:var(--font-body);font-size:.875rem;color:var(--color-royal-blue)}
.elementor-61 .woocommerce-variation-price .price{font-family:var(--font-display);font-size:var(--text-price);color:var(--color-black)}
.elementor-61 .woocommerce-variation-availability p{font-family:var(--font-body);font-size:.875rem;margin:0}
.elementor-61 .flex-control-thumbs{display:flex;gap:.5rem;margin-top:.5rem;padding:0;list-style:none}
.elementor-61 .flex-control-thumbs li{width:5.5rem;margin:0}
.elementor-61 .flex-control-thumbs img{opacity:.6;transition:opacity var(--dur-fast)}
.elementor-61 .flex-control-thumbs img.flex-active,.elementor-61 .flex-control-thumbs img:hover{opacity:1}
/* Ariello - גלישת בלוקי Woo במובייל (20/9/2026). ערכת Hello נותנת ל-.alignwide שוליים שליליים
   שמחושבים למסך רחב; במובייל זה דוחף את בלוק העגלה/הקופה 70px אל מחוץ למסך (נמדד ב-390). */
@media (max-width: 767px) {
  .page-content > .alignwide,
  .page-content .wp-block-woocommerce-cart.alignwide,
  .page-content .wp-block-woocommerce-checkout.alignwide,
  .page-content .wp-block-woocommerce-cart,
  .page-content .wp-block-woocommerce-checkout {
    margin-inline: 0 !important;
    width: auto !important;
    max-width: 100% !important;
  }
  .page-content { padding-inline: var(--gutter-mobile, 16px); }
}

/* === Ariello - תיקוני ביקורת 20/9/2026 === */
/* 1. קישור "דלג לתוכן": ה-clip שמסתיר screen-reader-text מוטט גם אותו ל-1x1.
      בפוקוס הוא חייב לחזור לגודל מלא, אחרת אין דילוג לתוכן למשתמש מקלדת. */
.screen-reader-text:focus,.skip-link:focus{position:fixed!important;top:1rem;right:1rem;left:auto!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;margin:0!important;padding:.75rem 1.5rem!important;background:var(--color-black);color:var(--color-white);border-radius:var(--radius-pill);z-index:99999;font-family:var(--font-body);font-weight:700;font-size:1rem;text-decoration:none;white-space:nowrap;outline:3px solid var(--color-royal-blue);outline-offset:2px}

/* 2. פריט התפריט של העמוד הנוכחי קיבל את הירוק ברירת-המחדל של אלמנטור (#61CE70).
      הווידג'ט של Pro כותב סלקטור עם .elementor-element-XXX שגובר על שלנו. */
.elementor-item.elementor-item-active,
.elementor-nav-menu .elementor-item.elementor-item-active{color:var(--color-royal-blue)!important}
.elementor-87 .elementor-item.elementor-item-active{color:var(--color-white)!important;opacity:1}

/* 3. עגלה - כותרת ה-cross-sells: ברירת המחדל של הבלוק מיישרת שמאלה גם ב-RTL. */
.wp-block-woocommerce-cart .wp-block-woocommerce-product-collection > h2.wp-block-heading{text-align:right}

/* 4. עגלה - קישורי המוצר ו"הוספה לסל" ב-cross-sells מקבלים את צבע הקישור של בלוקי Woo (ורוד). */
.wp-block-woocommerce-cart .wc-block-product a:not(.wp-block-button__link){color:var(--color-black);text-decoration:none;font-family:var(--font-body);font-weight:700}
.wp-block-woocommerce-cart .wc-block-product a:not(.wp-block-button__link):hover{color:var(--color-royal-blue)}
.wp-block-woocommerce-cart .wc-block-product .wp-block-button__link,
.wp-block-woocommerce-cart .wc-block-product .add_to_cart_button{background:var(--color-black);color:var(--color-white);border-radius:var(--radius-pill);padding:.6rem 1.4rem;font-family:var(--font-body);font-weight:700;font-size:.875rem;text-decoration:none;display:inline-block}
.wp-block-woocommerce-cart .wc-block-product .wp-block-button__link:hover,
.wp-block-woocommerce-cart .wc-block-product .add_to_cart_button:hover{background:var(--color-royal-blue)}

/* 4ב. עגלה - שם המוצר בשורת הפריט מקבל אף הוא את צבע הקישור של הבלוקים. */
.wp-block-woocommerce-cart .wc-block-components-product-name,
.wp-block-woocommerce-checkout .wc-block-components-product-name{color:var(--color-black);text-decoration:none;font-family:var(--font-body);font-weight:700}
.wp-block-woocommerce-cart a.wc-block-components-product-name:hover{color:var(--color-royal-blue)}

/* 5. עגלה במובייל - ה-cross-sells תופסים 658px בין הפריטים לסיכום ההזמנה.
      רצועה נגללת לרוחב במקום ערימה אנכית: הסיכום חוזר להיות בהישג גלילה. */
@media (max-width:767px){
  .wp-block-woocommerce-cart .wc-block-product-template{display:flex!important;overflow-x:auto;gap:1rem;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .wp-block-woocommerce-cart .wc-block-product-template>li{flex:0 0 58%;scroll-snap-align:start;margin:0}
}
/* 6. ניגודיות: וידג'ט התפריט של Pro כותב את צבע הטקסט ברירת-המחדל של אלמנטור (#7A7A7A)
      עם סלקטור שכולל .elementor-element-XXX, וגובר על הקיט. התוצאה: 3.94 בתפריט העליון
      ו-3.61 בפוטר, שניהם מתחת ל-4.5 של AA. */
.elementor-86 .elementor-nav-menu--main .elementor-item{color:var(--color-black)!important}
.elementor-86 .elementor-nav-menu--main .elementor-item:hover{color:var(--color-royal-blue)!important}
.elementor-87 .elementor-nav-menu--main .elementor-item{color:var(--color-off-white)!important;opacity:.85}
.elementor-87 .elementor-nav-menu--main .elementor-item:hover{opacity:1;color:var(--color-white)!important}

/* 7. יעדי מגע: קישורי הפוטר והתפריט העליון בגובה 20-21px, מתחת ל-24px של WCAG 2.2 AA.
      ההדר גבוה 165px ולכן ריפוד אנכי על פריטי התפריט אינו משנה את גובהו. */
.elementor-86 .elementor-nav-menu--main .elementor-item{padding-block:.75rem!important}
.elementor-87 .elementor-nav-menu--main .elementor-item{padding:.35rem 0!important;min-height:1.75rem;display:flex;align-items:center}
.elementor-87 a.e-button-base{padding-block:.3rem;display:inline-flex;align-items:center;min-height:1.75rem}

/* 8. אייקוני ההדר הם 24x24 - עוברים AA בדיוק, אבל צרים למגע. מרחיבים את שטח הנגיעה
      ל-44px דרך pseudo-element, בלי להזיז את האייקון עצמו. */
.elementor-86 .e-con > a[class*="e-"],
.elementor-86 .elementor-widget-menu-cart .elementor-menu-cart__toggle{position:relative}
.elementor-86 .e-con > a[class*="e-"]::after{content:"";position:absolute;inset:-10px;border-radius:50%}

/* 10. עמוד מוצר: פסקאות התוכן של Woo וה-p.stock קיבלו צבעי ברירת מחדל שנכשלים ב-AA -
       #7A7A7A (3.94) בתיאור ו-#958E09 (3.13) בשורת המלאי. שניהם עוברים ל-color-text-muted
       (#5A5A5A, יחס 6.13), משתנה שנוצר בקיט 20/9 בדיוק בשביל טקסט משני. */
.elementor-61 p:not([class]),
.elementor-61 .woocommerce-product-details__short-description p{color:var(--color-text-muted)}
.elementor-61 p.stock,.elementor-61 p.stock.in-stock{color:var(--color-text-muted);font-family:var(--font-body);font-weight:500}

/* 11. פירורי לחם בעמוד המוצר: גובה 20px, מתחת ל-24px של AA. */
.elementor-61 p.label-caps a{display:inline-block;padding-block:.2rem;line-height:1.6}
.elementor-61 .reset_variations{display:inline-flex;align-items:center;min-height:1.5rem;padding:.15rem .35rem}

/* 12. פקדי טקסט קטנים בתוך בלוקי Woo (קופונים, "להוסיף דירה", איפוס סיסמה, הצגת סיסמה):
       גובה 17-22px. העלאה לסף AA בלי לגעת במבנה הבלוק. */
.wp-block-woocommerce-cart a,.wp-block-woocommerce-cart button,
.wp-block-woocommerce-checkout a,.wp-block-woocommerce-checkout button,
.woocommerce-account a,.woocommerce-account button{min-height:1.5rem}
.wc-block-components-panel__button,.wc-block-components-totals-coupon__button,
.wc-block-components-address-form__address_2-toggle{display:inline-flex;align-items:center;min-height:1.75rem}

/* 9. הכפתור המושבת "הוספה לסל": לבן על אפור בהיר, יחס 1.09. WCAG פוטר פקדים מושבתים,
      אבל אי-קריאות היא עדיין באג עיצובי. */
.elementor-61 form.cart .button.single_add_to_cart_button.disabled{background:rgba(0,0,0,.18);color:rgba(0,0,0,.55)}
/* 13. תבנית עמוד תוכן (#253): theme-post-content הוא וויג'ט V3, והטיפוגרפיה של הגוף
       (h2/h3/p/רשימות/טבלאות) נקבעת כאן - כמו שאר ה-V3 בפרויקט. העמודה מוגבלת ל-62ch
       בקומפוזיציה עצמה. */
.elementor-253 .elementor-widget-theme-post-content{font-family:var(--font-body);font-size:var(--text-body);line-height:1.8;color:var(--color-text-muted)}
.elementor-253 .elementor-widget-theme-post-content>.elementor-widget-container>*:first-child{margin-top:0}
.elementor-253 .elementor-widget-theme-post-content h2{font-family:var(--font-body);font-weight:800;font-size:var(--text-h3);line-height:1.25;color:var(--color-black);margin:2.75rem 0 .75rem}
.elementor-253 .elementor-widget-theme-post-content h3{font-family:var(--font-body);font-weight:700;font-size:1.25rem;line-height:1.3;color:var(--color-black);margin:2rem 0 .5rem}
.elementor-253 .elementor-widget-theme-post-content p{margin:0 0 1.15rem}
.elementor-253 .elementor-widget-theme-post-content strong{color:var(--color-black);font-weight:700}
.elementor-253 .elementor-widget-theme-post-content a{color:var(--color-royal-blue);text-decoration:underline;text-underline-offset:.2em}
.elementor-253 .elementor-widget-theme-post-content a:hover{color:var(--color-black)}
.elementor-253 .elementor-widget-theme-post-content ul,
.elementor-253 .elementor-widget-theme-post-content ol{margin:0 0 1.15rem;padding-inline-start:1.35rem}
.elementor-253 .elementor-widget-theme-post-content li{margin-bottom:.4rem}
.elementor-253 .elementor-widget-theme-post-content li::marker{color:var(--color-royal-blue)}
/* טבלאות מידות - גולשות במובייל אם לא נותנים להן להיגלל */
.elementor-253 .elementor-widget-theme-post-content table{width:100%;border-collapse:collapse;margin:0 0 1.5rem;font-size:.95rem}
.elementor-253 .elementor-widget-theme-post-content th,
.elementor-253 .elementor-widget-theme-post-content td{border-bottom:1px solid rgba(0,0,0,.12);padding:.7rem .6rem;text-align:start}
.elementor-253 .elementor-widget-theme-post-content th{color:var(--color-black);font-weight:700;border-bottom-width:2px}
/* במובייל הטבלה עצמה הופכת לבלוק נגלל. `min-width` על הטבלה + overflow על העוטף
   לא עבד: העוטף אינו האב הישיר, והטבלה גלשה 158px מהמסך (נמדד 20/9). */
@media (max-width:767px){
  .elementor-253 .elementor-widget-theme-post-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .elementor-253 .elementor-widget-theme-post-content th,
  .elementor-253 .elementor-widget-theme-post-content td{white-space:nowrap}
}
.elementor-253 .elementor-widget-theme-post-content blockquote{margin:1.5rem 0;padding-inline-start:1rem;border-inline-start:3px solid var(--color-royal-blue);color:var(--color-black)}
.elementor-253 .elementor-widget-theme-post-content img{max-width:100%;height:auto;border-radius:var(--radius-card)}

/* === Ariello - ד'-1 מערכת עיצוב אחת, שלב א' (21/9/2026) === */
/* שורש הממצא (docs/site-review-2026-09-21.md § ב'): כל מה שמחוץ לאלמנטור יורש מ-reset.css
   של ערכת Hello. reset.css נטען *לפני* post-5.css, ולכן אותה ספציפיות מספיקה לו.
   לעומת זאת wc-blocks-*.css נטענים *אחרי* post-5.css - שם מקדימים ב-`body` כדי לנצח. */

/* 1. גופן וצבע אחד לכל האתר. פקדים (button/input/select/textarea) מקבלים מ-reset.css
      את font-family:inherit, ולכן די בתיקון ה-body כדי לתקן גם אותם.
      ה-color חשוב לא פחות: reset.css נותן ל-body את #333, וכל מה שלא מגדיר צבע
      (סכומים בעגלה, טקסט בבלוקים) יורש אותו - 460 אלמנטים במפקד של 21/9. */
body{font-family:var(--font-body),sans-serif;color:var(--color-black)}

/* 2. כותרות מחוץ לאלמנטור (בלוקי Woo, ערכת הנושא): משפחה, משקל וצבע של הקיט.
      הגדלים נשארים לפי הסקאלה - h1 של מסמך 40px, ובמובייל 32px. */
h1,h2,h3,h4,h5,h6{font-family:var(--font-body),sans-serif;font-weight:800;color:var(--color-black);line-height:1.15}
h1.entry-title{font-size:2.5rem;line-height:1.1}
@media(max-width:767px){h1.entry-title{font-size:2rem}}
/* בלוקי Woo מכפילים את שם המחלקה כדי להגביר ספציפיות
      (`.wc-block-components-title.wc-block-components-title` = 0-2-0, משקל 500),
      ולכן כאן מכפילים גם אנחנו ומוסיפים `body` - בלי !important. */
body .wc-block-components-title.wc-block-components-title,
body .wc-block-cart .wc-block-cart__totals-title,
body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
body .wc-block-components-product-name{font-family:var(--font-body),sans-serif;font-weight:800;color:var(--color-black)}
body .wc-block-components-title.wc-block-components-checkout-step__title{font-size:1.5rem;line-height:1.25}

/* 3. קישורים: #CC3366 הוא צבע הקישור של reset.css. ממופה לכחול הרויאל.
      ההחרגות: כפתורים (מטופלים ב-4) ואלמנטים אטומיים (e-default-a כבר כחול). */
/* שרשרת `:not()` העלתה את הספציפיות ל-0-5-1 וחסמה כל תיקון נקודתי אחר כך;
   `body.woocommerce a` = 0-1-1 מנצח את reset.css (0-0-1) ומשאיר מקום לחריגים. */
body.woocommerce a,
body.woocommerce-page a,
a.skip-link{color:var(--color-royal-blue)}
/* כפתורים לא יורשים את צבע הקישור - הטקסט שלהם לבן. */
body.woocommerce a[class*=button]:not(.e-button-base),
body.woocommerce-page a[class*=button]:not(.e-button-base){color:var(--color-white)}
/* שם המוצר בגריד ובעגלה: שחור בלי קו תחתון, כחול ב-hover - כמו בכרטיס של האתר.
   ה-:not([class*=button]) למעלה חיוני: `wc-block-components-product-button__button`
   אינו מכיל את המחרוזת `wc-block-components-button`, ולכן נצבע בכחול על רקע שחור. */
body .wc-block-components-product-name,
body a.wc-block-grid__product-link,
body .wp-block-woocommerce-product-collection .wp-block-post-title a{
  color:var(--color-black);text-decoration:none}
body .wc-block-components-product-name:hover,
body a.wc-block-grid__product-link:hover,
body .wp-block-woocommerce-product-collection .wp-block-post-title a:hover{color:var(--color-royal-blue)}

/* 4א. כפתורי Woo הקלאסיים (התחברות, איפוס סיסמה, עדכון עגלה, קופון).
      woocommerce.css נותן להם #E9E6ED/#515151 בסלקטור `.woocommerce button.button` (0-2-1),
      ולכן `body .woocommerce ...` (0-2-2) נדרש. ברירת המחדל = כפתור משני שחור;
      הכפתור הראשי (.alt / התחברות) מקבל את הכחול ב-4ב.
      הערה: `.elementor-61 form.cart .button.single_add_to_cart_button` (0-3-0) גובר - עמוד המוצר לא נפגע. */
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button{
  font-family:var(--font-body),sans-serif;font-weight:700;font-size:.9375rem;line-height:1.2;
  background:var(--color-black);color:var(--color-white);
  border:0;border-radius:var(--radius-pill);min-height:2.75rem;padding:.7rem 1.6rem;
  text-decoration:none;cursor:pointer;transition:background var(--dur-fast)}
body .woocommerce a.button:hover,
body .woocommerce button.button:hover,
body .woocommerce input.button:hover{background:var(--color-royal-blue);color:var(--color-white)}

/* 4ב. הכפתור הראשי במסלול הקנייה. שלושתם היו בצבעי ברירת המחדל של Woo:
      "להמשיך לתשלום בקופה" #32373C עם קו תחתון, "לבצע הזמנה" מתאר ורוד, "התחברות" #E9E6ED. */
body a.wc-block-cart__submit-button,
body button.wc-block-components-checkout-place-order-button,
body .woocommerce button.woocommerce-form-login__submit,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt,
body .woocommerce .woocommerce-ResetPassword button[type=submit],
body .woocommerce .woocommerce-EditAccountForm button[type=submit]{
  font-family:var(--font-body),sans-serif;font-weight:800;font-size:1rem;line-height:1.2;
  background:var(--color-royal-blue);color:var(--color-white);
  border:0;border-radius:var(--radius-pill);min-height:3.5rem;padding:1rem 2.5rem;
  text-decoration:none;box-shadow:var(--shadow-cta);
  transition:background var(--dur-fast),box-shadow var(--dur-fast);cursor:pointer}
body a.wc-block-cart__submit-button:hover,
body button.wc-block-components-checkout-place-order-button:hover,
body .woocommerce button.woocommerce-form-login__submit:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover,
body .woocommerce .woocommerce-ResetPassword button[type=submit]:hover,
body .woocommerce .woocommerce-EditAccountForm button[type=submit]:hover{
  background:var(--color-black);color:var(--color-white);box-shadow:var(--shadow-md)}
/* הטקסט הפנימי של כפתור בלוק Woo יושב ב-span משלו וצריך לרשת את הצבע. */
body .wc-block-components-button__text{color:inherit;font-weight:inherit}

/* 5. "הוספה לסל"/"בחר אפשרויות" בגריד מוצרים של בלוקי Woo (cross-sells, "חדש בחנות"):
      כפתור משני קטן, לא הכפתור הראשי - כדי לא להתחרות ב"להמשיך לתשלום". */
body .wc-block-grid__product .wp-block-button__link,
body .wp-block-woocommerce-product-collection .wp-block-button__link,
body .wc-block-product .wp-block-button__link{
  font-family:var(--font-body),sans-serif;font-weight:700;font-size:.875rem;
  background:var(--color-black);color:var(--color-white);
  border:0;border-radius:var(--radius-pill);padding:.65rem 1.5rem;text-decoration:none;
  /* הכרטיס במובייל צר מ-160px - בלי התקרה הזאת הגלולה גולשת מחוץ לכרטיס. */
  display:block;max-width:100%;box-sizing:border-box;text-align:center;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:767px){
  body .wc-block-grid__product .wp-block-button__link,
  body .wp-block-woocommerce-product-collection .wp-block-button__link,
  body .wc-block-product .wp-block-button__link{font-size:.8125rem;padding:.6rem .75rem}}

/* 5ב. הגריד של הקרוס-סל במובייל: Woo נותן לכרטיס `flex:0 0 58%` בתוך מכל של 338px,
      כך ששני כרטיסים = 392px והשני נחתך מחוץ למסך (ב-RTL - משמאל; אומת ב-390).
      ה-58% נועד לקרוסלה עם "הצצה" לכרטיס הבא, אבל חסר לה overflow-x.
      משלימים גלילה אופקית עם הצמדה במקום להילחם ברוחב. */
@media(max-width:767px){
  body ul.wc-block-product-template__responsive{
    flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;-ms-overflow-style:none}
  body ul.wc-block-product-template__responsive::-webkit-scrollbar{display:none}
  body ul.wc-block-product-template__responsive > li.wc-block-product{scroll-snap-align:start}}
body .wc-block-grid__product .wp-block-button__link:hover,
body .wp-block-woocommerce-product-collection .wp-block-button__link:hover,
body .wc-block-product .wp-block-button__link:hover{background:var(--color-royal-blue)}

/* 6. שדות טופס אחידים לכל האתר: 48px, פינות 4px, מיקוד כחול (הוכרע 21/9).
      בקופה הם היו 50px/4px, בחשבון 37px/4px ובטפסי הערכה 1px #666. */
body .wc-block-components-text-input input,
body .wc-blocks-components-select__select,
body .wc-block-components-textarea,
body .woocommerce-Input--text,
body .woocommerce form .input-text,
body .woocommerce form select{
  font-family:var(--font-body),sans-serif;font-size:1rem;
  min-height:3rem;padding:.6rem .9rem;
  border:1px solid rgba(0,0,0,.25);border-radius:var(--radius-button);
  background:var(--color-white);color:var(--color-black)}
body .wc-block-components-text-input input:focus,
body .wc-blocks-components-select__select:focus,
body .wc-block-components-textarea:focus,
body .woocommerce-Input--text:focus,
body .woocommerce form .input-text:focus,
body .woocommerce form select:focus{
  border-color:var(--color-royal-blue);box-shadow:0 0 0 2px rgba(12,99,242,.18);outline:none}

/* 7. "דלג לתוכן" במצב רגיל (לא בפוקוס) קיבל אף הוא את הוורוד. */
.skip-link{font-family:var(--font-body),sans-serif}

/* === ד'-6 מסלול הקנייה (21/9/2026) === */

/* 8. הניוזלטר הכחול חזר בכל עמוד, כולל עגלה, קופה ואישור הזמנה - הסחה במסלול ההמרה.
      הוכרע 21/9: נשאר בכל עמודי התוכן והחנות, יורד ממסלול הקנייה. */
body.woocommerce-cart .elementor-element-19dc5f2d,
body.woocommerce-checkout .elementor-element-19dc5f2d,
body.woocommerce-order-received .elementor-element-19dc5f2d{display:none}

/* 9. עגלה ריקה: ברירת המחדל של Woo היא פרצוף עצוב + שלוש נקודות.
      מסתירים את האייקון ואת המפריד, ומיישרים את הכותרת לסקאלה של האתר. */
body .wc-block-cart__empty-cart__title.with-empty-cart-icon::before,
body .wc-block-cart__empty-cart__title.with-empty-cart-icon::after{display:none}
body .wc-block-cart__empty-cart__title.with-empty-cart-icon{
  font-size:var(--text-h2);line-height:1.15;margin:0 0 .5rem;padding:0}
body .wp-block-woocommerce-empty-cart-block .wp-block-separator.is-style-dots{display:none}

/* 10. מגירת הסל (menu-cart של Pro, נפתחת מאייקון הסל). היא לא נפתחת במפקד ולכן
       לא נספרה בביקורת - חיים תפס אותה בצילום. שלוש בעיות:
       "לסל" ו"תשלום" באפור ברירת המחדל של אלמנטור (#69727D, radius 0),
       המחיר ב-#D5D8DC (יחס ~1.3 על לבן - כמעט בלתי קריא),
       וה-x של ההסרה לבן על לבן. */
body .elementor-menu-cart__footer-buttons .elementor-button--checkout{
  background-color:var(--color-royal-blue);color:var(--color-white);
  border:0;border-radius:var(--radius-pill);font-weight:800;min-height:3rem;
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow-cta);transition:background var(--dur-fast)}
body .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{
  background-color:var(--color-black);color:var(--color-white)}
/* ה-color של .elementor-button נכתב ע"י Pro בכלל ספציפי יותר (אותו דפוס
   כמו ה-badge של הסל, ראו הבלוק של ההדר) - כאן !important נדרש. */
body .elementor-menu-cart__footer-buttons .elementor-button--view-cart{
  background-color:transparent;color:var(--color-black)!important;
  border:1px solid var(--color-black);border-radius:var(--radius-pill);
  font-weight:700;min-height:3rem;
  display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast),color var(--dur-fast)}
body .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{
  background-color:var(--color-black);color:var(--color-white)!important}
body .elementor-menu-cart__product-price,
body .elementor-menu-cart__product-price .quantity{
  color:var(--color-text-muted);font-weight:400}
body .elementor-menu-cart__product .remove_from_cart_button{
  color:var(--color-black)!important;opacity:.55;transition:opacity var(--dur-fast)}
body .elementor-menu-cart__product .remove_from_cart_button:hover{opacity:1}
body .elementor-menu-cart__subtotal{font-weight:800}

/* 11. מחיר = Heebo 700 בכל האתר (הוכרע 22/9; ההחלטה המקורית מ-19/9 כבר קבעה
       "Dela רק למחירים; אם יכבד גם שם - Heebo 700"). ה-class price-tag מטפל
       בשכבה האטומית; בלוקי Woo צריכים את החוקה הזאת. */
body .wc-block-formatted-money-amount,
body .wc-block-components-totals-item__value,
body .woocommerce .amount{font-weight:700}

/* 12. במובייל Woo מקבע את "להמשיך לתשלום בקופה" ב-position:fixed בתחתית המסך,
       והוא מכסה את מה שנמצא שם - אומת: הפס ב-777-828 וכפתורי הקרוס-סל ב-805-844.
       מרווח תחתון בגובה הפס מחזיר את התוכן האחרון להישג יד. */
@media(max-width:767px){
  body .wp-block-woocommerce-cart .wc-block-cart{padding-block-end:6rem}}

/* === Ariello - ד'-2 הדר דביק (22/9/2026) === */
:root{--ar-announce-h:2.75rem}

/* פס ההודעה בגובה קבוע - הוא ההיסט של ההדר הדביק. שורה אחת, בלי גלישה. */
.elementor-86 .elementor-element-60116fd9{
  height:var(--ar-announce-h);min-height:var(--ar-announce-h);
  display:flex;align-items:center;overflow:hidden}

/* ה-<header> הוא שנדבק, לא ה-div שבתוכו: ההורה שלו הוא ה-body ולכן אין תקרה. */
header.elementor-location-header{
  position:sticky;inset-block-start:calc(-1 * var(--ar-announce-h));z-index:100}

/* כשההדר נצמד הוא עובר מעל תוכן - צל עדין שמפריד אותו מהעמוד. */
.elementor-86 .elementor-element-2f475c05{box-shadow:var(--shadow-sm)}

/* עוגן לגלילה פנימית (#קישור) כדי שהיעד לא ייחתך מתחת להדר. */
html{scroll-padding-block-start:8rem}

/* ברירת המחדל של כפתורים: hello/reset.css נותן לכל `button` ו-`[type=submit]`
   מסגרת וטקסט ב-#c36 (הוורוד של ברירת המחדל). זה לא נתפס במפקד של 21/9 כי אז
   לא היה באתר אף כפתור שלא עוצב במפורש - שכבת החיפוש (22/9) חשפה את זה.
   מנטרלים את הוורוד בלבד; כפתור שמגדיר עיצוב משלו לא מושפע. */
button,[type=button],[type=submit],[type=reset]{
  color:var(--color-black);border-color:currentColor;
  font-family:var(--font-body),sans-serif}
/* בכוונה **בלי** כלל hover כאן: `[type=submit]:hover` הוא 0-2-0, וכלל בקיט בספציפיות הזאת
   היה גובר על ה-hover של כל רכיב שנטען לפני post-5.css (קרה לכפתור החיפוש - שחור על שחור).
   כל כפתור באתר מגדיר hover משלו; אין באתר כפתור לא-מעוצב שיישאר עם ה-hover הוורוד. */

/* כפתורים שהם `<a>` קיבלו קו תחתון: וורדפרס מגדירה
   `a:where(:not(.wp-element-button)){text-decoration:underline}` בסגנונות הגלובליים,
   והיא נטענת אחרי ה-reset של Hello שמבטל אותו. כפתור עם קו תחתון הוא באג ויזואלי. */
.elementor a.e-button-base,
.elementor .btn-pill,
.elementor .btn-blue,
.elementor .btn-outline{text-decoration:none}

/* תת-תפריט "הקולקציה" בהדר. Elementor מסתמך על SmartMenus (JS) לפתיחה ב-hover,
   וזה נשבר בכל מצב שבו הספרייה מחליטה שהמכשיר מגע (קרה בבדיקה המסונדקת).
   נפילת CSS טהורה למכשירים עם עכבר - עובדת גם בלי JS ולא מפריעה למגע. */
@media (hover:hover) and (pointer:fine){
  .elementor-86 .elementor-nav-menu--main li.menu-item-has-children:hover > ul.sub-menu,
  .elementor-86 .elementor-nav-menu--main li.menu-item-has-children:focus-within > ul.sub-menu{
    display:block;position:absolute;inset-block-start:100%;inset-inline-start:auto;inset-inline-end:0;
    min-width:13rem;padding:.5rem 0;margin:0;list-style:none;z-index:120;
    background:var(--color-off-white);border:1px solid rgba(0,0,0,.08);
    box-shadow:var(--shadow-lg)}
  .elementor-86 .elementor-nav-menu--main li.menu-item-has-children{position:relative}}

/* החץ של תת-התפריט קיבל את הירוק ברירת-המחדל של אלמנטור (#61CE70) - אותו דפוס
   כמו הפריט הפעיל שתוקן ב-20/9. יורש את צבע הפריט. */
.elementor-86 .elementor-item .sub-arrow{display:inline-flex;align-items:center;margin-inline-start:.35rem}
.elementor-86 .elementor-item .sub-arrow svg{fill:currentColor;width:.6em;height:.6em}

/* === Ariello - ד'-2 תפריט מובייל, מבנה דגם+סוג (22/9/2026) === */
/* 1. ביטול החץ המזויף. הכלל מ-20/9 הוא `!important` באותה ספציפיות, ולכן
      הבלוק הזה חייב לבוא אחריו ב-custom_css - וכך הוא. */
.elementor-92 .elementor-nav-menu--main .elementor-item:after{
  content:none!important;display:none!important}

/* 2. הקארט של אלמנטור מיותר כאן (התת-תפריט פתוח תמיד) ובאפור ברירת המחדל. */
.elementor-92 .elementor-item .sub-arrow{display:none!important}

/* 3. התת-תפריט פתוח תמיד, מוזח. גובר על
      `.elementor-nav-menu--dropdown-none .elementor-nav-menu--dropdown{display:none}` (0-2-0). */
.elementor-92 .elementor-nav-menu--main ul.sub-menu{
  display:block!important;position:static!important;
  width:auto!important;min-width:0!important;box-shadow:none!important;
  background:transparent!important;border:0!important;
  margin:0;padding:.25rem 0 .75rem;list-style:none}
.elementor-92 .elementor-nav-menu--main ul.sub-menu .elementor-sub-item{
  display:flex;align-items:center;
  font-family:var(--font-body),sans-serif;font-weight:400;font-size:1.0625rem;
  line-height:1.4;color:var(--color-black);
  padding:.55rem 0 .55rem 0;padding-inline-start:1.25rem;
  border:0;background:transparent;opacity:.75;transition:opacity var(--dur-fast),color var(--dur-fast)}
.elementor-92 .elementor-nav-menu--main ul.sub-menu .elementor-sub-item:hover,
.elementor-92 .elementor-nav-menu--main ul.sub-menu .elementor-sub-item.elementor-item-active{
  opacity:1;color:var(--color-royal-blue)}
/* לפריט ההורה אין קו תחתון - הקו סוגר את כל הקבוצה, מתחת לסוגים. */
.elementor-92 .elementor-nav-menu--main li.menu-item-has-children > .elementor-item{
  border-bottom:0}
.elementor-92 .elementor-nav-menu--main li.menu-item-has-children{
  border-bottom:1px solid rgba(0,0,0,.1)}

/* 4. שורת השירות בתחתית הפאנל (widget 6e28acd7, תפריט "פוטר - שירות לקוחות"):
      משלוחים · החזרות והחלפות · צור קשר · אודות. הדוח: "הפאנל ריק ב-60% התחתונים".
      אותו תפריט של הפוטר - מקור אחד, בלי כפילות תוכן. קטן ומשני, לא כמו הניווט הראשי. */
.elementor-92 .elementor-element-6e28acd7 .elementor-nav-menu--main{
  display:flex;flex-direction:column;gap:0;width:100%}
.elementor-92 .elementor-element-6e28acd7 .elementor-item{
  display:flex!important;align-items:center;justify-content:flex-start!important;
  font-family:var(--font-body),sans-serif;font-weight:400!important;font-size:1rem!important;
  line-height:1.4;color:var(--color-black)!important;opacity:.7;
  padding:.6rem 0!important;border:0!important;transition:opacity var(--dur-fast),color var(--dur-fast)}
.elementor-92 .elementor-element-6e28acd7 .elementor-item:hover{
  opacity:1;color:var(--color-royal-blue)!important}
.elementor-92 .elementor-element-6e28acd7{
  border-block-start:1px solid rgba(0,0,0,.1);padding-block-start:.75rem;margin-block-start:.25rem}

/* 5. תחתית הפאנל נפלה מאחורי סרגלי הטלפון (חיים, 22/9, אנדרואיד).
      השורש: `max-height:100vh` בכלל מ-20/9. ב-Android Chrome `100vh` הוא ה-viewport
      ה"גדול" - בלי שורת הכתובת ובלי סרגל הניווט - ולכן התוכן האחרון (הסושיאל)
      יושב מאחוריהם ולא נגיש. `100dvh` מתייחס לגובה הנראה בפועל.
      Playwright לא מדמה את הסרגלים האלה, ולכן זה לא נתפס בצילומים. */
/* שימו לב לסלקטור: אלמנט המודאל **אינו** נושא את המחלקה `elementor-92`
      (המחלקות שלו: dialog-widget dialog-lightbox-widget dialog-type-buttons
      dialog-type-lightbox elementor-popup-modal). לכן שני הכללים מ-20/9 שנכתבו
      כ-`.elementor-popup-modal.elementor-92 ...` מעולם לא תאמו כלום - קוד מת.
      מה שעובד הוא ה-id, וכך גם נכתבו הכללים של הרוחב והסגירה שם. */
#elementor-popup-modal-92 .dialog-message{
  max-height:100dvh!important;overflow:auto!important;
  padding:0 0 calc(1.5rem + env(safe-area-inset-bottom,0px)) 0!important}
/* שחזור שני הכללים המתים מ-20/9, הפעם עם סלקטור שתואם. */
#elementor-popup-modal-92 .dialog-widget-content{
  background:var(--color-off-white);box-shadow:var(--shadow-lg-side)}

/* 6. הסושיאל בתחתית - שורה אחת, מיושר לתחילת השורה כמו שאר הפאנל. */
.elementor-92 .elementor-element-8d98b06{border-block-start:1px solid rgba(0,0,0,.1)}

/* === Ariello - ד'-5 עמוד מוצר (22/9/2026) === */
/* 1. פירורי לחם (15ee8178).
      **מלכודת:** אלמנט אטומי מסוג *וויג'ט* (paragraph/heading/image/svg) **אינו** מקבל
      את המחלקה `elementor-element-<id>` - רק *קונטיינרים* (flexbox/div-block) מקבלים אותה.
      לכן מכוונים ל-`[data-id="..."]`. הקישורים אחרת מקבלים את הכחול של `body.woocommerce a`. */
[data-id="15ee8178"]{font-size:var(--text-label);line-height:1.6}
/* `body.woocommerce a` הוא 0-1-2 - סלקטור התכונה לבדו (0-1-1) מפסיד לו. */
body.woocommerce [data-id="15ee8178"] a{color:var(--color-text-muted);text-decoration:none;transition:color var(--dur-fast)}
body.woocommerce [data-id="15ee8178"] a:hover,
body.woocommerce [data-id="15ee8178"] a:focus-visible{color:var(--color-royal-blue)}
[data-id="15ee8178"] span{color:var(--color-text-muted);opacity:.75}

/* 2. מונה הלייטבוקס: "1 / 3" ולא "3 / 1". המספרים הם תוכן LTR בתוך עמוד RTL. */
.elementor-lightbox .dialog-lightbox-counter,
.elementor-slideshow__counter{direction:ltr;unicode-bidi:isolate}

/* 3. שורת המלאי: מוצגת עכשיו רק מתחת ל-3 יחידות (הגדרת Woo `low_amount`, 22/9).
      כשהיא מופיעה - שתהיה שייכת לשפה של האתר ולא לברירת המחדל. */
.elementor-61 p.stock{
  font-family:var(--font-body),sans-serif;font-size:var(--text-label);font-weight:700;
  color:var(--color-royal-blue);margin-block:.25rem 0}
.elementor-61 p.stock.out-of-stock{color:var(--color-text-muted)}
/* כשיש מלאי מעל הסף ariello-strings מחזיר מחרוזת ריקה - Woo עדיין מדפיס <p> ריק. */
.elementor-61 p.stock:empty,
.woocommerce-variation-availability p.stock:empty{display:none}

/* === Ariello - ליטוש משוב 22/9/2026 === */
/* --- 3. טבלת הווריאציות: שתי שורות באותו קצב --- */
.elementor-61 table.variations{width:100%;border:0;margin:0;border-collapse:separate;border-spacing:0}
.elementor-61 table.variations th.label,
.elementor-61 table.variations td.value{border:0;padding:0;vertical-align:middle;background:transparent}
.elementor-61 table.variations th.label{
  width:4.5rem;padding-inline-start:.75rem;text-align:start;
  font-family:var(--font-body),sans-serif;font-weight:700;font-size:var(--text-label);
  color:var(--color-black)}
.elementor-61 table.variations tr + tr th.label,
.elementor-61 table.variations tr + tr td.value{padding-block-start:.75rem}
/* "נקה" - קישור איפוס הבחירה; היה צף בלי מקום משלו */
.elementor-61 .reset_variations{
  display:inline-block;margin-block-start:.5rem;
  font-family:var(--font-body),sans-serif;font-size:var(--text-label);
  color:var(--color-text-muted);text-decoration:underline}
.elementor-61 .reset_variations:hover{color:var(--color-royal-blue)}

/* --- 4+5. שורת הכפתור והכמות --- */
.elementor-61 form.cart{display:flex;flex-direction:column;gap:1rem}
.elementor-61 form.cart .quantity{margin:0}
/* הגלולה חתכה את חצי ה-spinner. מלבן באותה שפה של תיבות המידה. */
.elementor-61 form.cart .quantity input.qty{
  width:4.5rem;height:3rem;padding:0 .5rem;text-align:center;
  font-family:var(--font-body),sans-serif;font-size:1rem;font-weight:700;
  border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-button);
  background:var(--color-white);color:var(--color-black)}
.elementor-61 form.cart .quantity input.qty:focus{
  border-color:var(--color-royal-blue);box-shadow:0 0 0 2px rgba(12,99,242,.18);outline:none}
/* שורת הכמות+כפתור. אחרי הוספת הסטפר היא דרשה 361px בתוך 298 וגלשה מהמסך
   (וזה מה שגרם לגלילה האופקית בעמוד המוצר במובייל, 22/9). מרשים לה לעטוף,
   ובמובייל הכפתור תופס שורה משלו ברוחב מלא - גם נוח יותר לאגודל. */
/* Elementor Pro כופה `flex-wrap:nowrap` על השורה הזאת בסלקטור `:is(...)` ארוך
   ובספציפיות גבוהה מאוד - כאן !important הוא הדרך היחידה בלי לשכפל את הסלקטור שלו. */
.elementor-61 form.cart.variations_form .woocommerce-variation-add-to-cart,
.elementor-61 div.elementor-add-to-cart form.cart:not(.variations_form){
  display:flex!important;flex-wrap:wrap!important;align-items:center;gap:.75rem}
/* פריט flex לא מתכווץ מתחת לרוחב התוכן שלו (`min-width:auto`) - `.single_variation_wrap`
   נשאר 363px בתוך טופס של 298 וגלש. `min-width:0` מאפשר לו להצטמצם, ואז השורה עוטפת. */
.elementor-61 form.cart > *{min-width:0;max-width:100%}
.elementor-61 .single_variation_wrap{width:100%}
.elementor-61 form.cart .single_add_to_cart_button{margin:0!important}
@media(max-width:767px){
  .elementor-61 form.cart .single_add_to_cart_button{flex:1 1 100%!important;width:100%!important}
  .elementor-61 .ar-qty{width:auto}}
/* הכפתור לפני בחירת וריאציה. **מה שהנישה עושה** (נבדק 22/9): Gymshark ו-Lululemon
   משאירים אותו פעיל בצבע מלא ומציגים שגיאה בלחיצה; Alo ו-Nike מציגים "Select Size"
   בצבע מלא ומחליפים ל-"Add to Bag" אחרי הבחירה. אף אחד מהם לא מציג כפתור אפור.
   לכן: צבע מלא תמיד, והטקסט אומר מה חסר (ariello-sticky-atc מחליף אותו לפי
   המאפיינים בפועל). הלחיצה גוללת לסווטצ'ים ומדגישה אותם. */
.elementor-61 form.cart .button.single_add_to_cart_button.disabled,
.elementor-61 form.cart .button.single_add_to_cart_button:disabled{
  background:var(--color-royal-blue)!important;color:var(--color-white)!important;
  opacity:1!important;cursor:pointer!important;
  box-shadow:var(--shadow-cta)!important}
.elementor-61 form.cart .button.single_add_to_cart_button.disabled:hover,
.elementor-61 form.cart .button.single_add_to_cart_button:disabled:hover{
  background:var(--color-black)!important}

/* --- 2. מגירת הסל: טיפוגרפיה --- */
body .elementor-menu-cart__product-name,
body .elementor-menu-cart__product-name a{
  font-family:var(--font-body),sans-serif;font-weight:700;font-size:.9375rem;line-height:1.35;
  color:var(--color-black)!important;text-decoration:none}
body .elementor-menu-cart__product-name a:hover{color:var(--color-royal-blue)!important}
body .elementor-menu-cart__product-price,
body .elementor-menu-cart__product-price .quantity{
  font-family:var(--font-body),sans-serif;font-size:.8125rem;font-weight:400;
  color:var(--color-text-muted)}
body .elementor-menu-cart__subtotal{
  font-family:var(--font-body),sans-serif;font-weight:800;font-size:1.125rem;
  color:var(--color-black);padding-block:1rem}
body .elementor-menu-cart__subtotal .woocommerce-Price-amount{font-weight:800}
body .elementor-menu-cart__product{padding-block:1rem}

/* --- 7. כרטיס מוצר: משטח לבן אחד לכל התא --- */
/* **השורש:** שורת הסווטצ'ים (`.ar-card-swatches`) היא **אח** של `.card`, לא ילד שלו.
   שני הכרטיסים באותה שורה זהים (294px), אבל אצל מוצר עם צבעים הרצועה הלבנה מאריכה
   את המשטח ואצל מוצר בלי צבעים (טוט) הוא נגמר מוקדם - ומכאן התחושה של חוסר סימטריה.
   הפתרון: **התא של הלולאה** הוא המשטח הלבן, והכרטיס והרצועה שקופים בתוכו.
   כך כל תא הוא בלוק לבן אחד באותו גובה, עם או בלי צבעים. */
/* תא הלולאה הוא `div.e-con.elementor-element-<id>` - **לא** `.e-collection-loop-item-base**,
   ולכן הכלל הקודם לא תאם כלום. `:has(> .card)` מזהה אותו בלי להיתלות במזהה. */
*:has(> .card){
  display:flex;flex-direction:column;
  background:var(--color-white);border-radius:var(--radius-card);overflow:hidden}
/* הכרטיס **ממלא** את התא (`flex:1 1 auto`). עם `0 0 auto` הוא נשאר 492px בתוך תא
   של 536px, והצל של ה-hover סימן גבול פנימי - "הכרטיס נראה קטן מגודלו" (חיים, 22/9).
   כך גם שטח הלחיצה מכסה את כל הבלוק הלבן. */
*:has(> .card) > .card{
  background:transparent;border-radius:0;box-shadow:none!important;width:100%;flex:1 1 auto}
/* ה-hover עובר לתא, כדי שהצל יעטוף את כל מה שנראה כ"כרטיס" - כולל שורת הצבעים. */
*:has(> .card){transition:box-shadow var(--dur-fast)}
*:has(> .card):hover{box-shadow:var(--shadow-md)}
/* הרצועה שקופה ונצמדת לתחתית; הלבן מגיע מהתא, כך שכרטיס בלי צבעים
   נמתח לאותו גובה בדיוק (חיים ביקש למתוח, 22/9). */
*:has(> .card) .ar-card-swatches{
  background:transparent!important;border-radius:0!important;margin-block-start:auto}
/* מוצר בלי סווטצ'ים - שומרים את גובה השורה ריק במקום סווטצ' מזויף. */
*:has(> .card):not(:has(.ar-card-swatches))::after{
  content:"";display:block;height:2.75rem;margin-block-start:auto}

/* --- גלילה אופקית במובייל: קישור "דלג לתוכן" --- */
/* `a.skip-link` ממוקם absolute בלי offsets, ובעמוד RTL הוא נחת ב-x=416 על מסך 390 -
   26px מחוץ לתצוגה. זה הרחיב את המסמך ל-417px, וכל העמוד "זז" (חיים, 22/9).
   `overflow:clip` של ה-body לא חוסם אותו כי בלוק ההכלה שלו הוא ה-viewport. */
/* **חייב `fixed`, לא `absolute`:** עם absolute ה-offset נמדד מול בלוק ההכלה הראשוני,
   שכבר רחב מהמסך בגלל הגלישה עצמה - וכל reflow דוחף את הקישור עוד קצת (416 → 448).
   `fixed` נמדד מול ה-viewport ולכן מנתק את הלולאה. */
/* אותו דפוס בשני אלמנטים: `a.skip-link` ו-`div.widget_shopping_cart_live_region`
   (אזור ההכרזה של Woo), `.elementor-screen-only` ועוד. כולם ילדים ישירים של body,
   `position:absolute` בלי offsets, ובעמוד RTL הם נוחתים מחוץ למסך ומרחיבים את המסמך.
   `overflow:clip` של ה-body לא חוסם אותם כי בלוק ההכלה שלהם הוא ה-viewport. */
body > a.skip-link:not(:focus),
body > .screen-reader-text,
body > .elementor-screen-only,
body > .widget_shopping_cart_live_region{
  /* מאפיינים פיזיים ולא לוגיים: ה-`dir` לא תמיד יורש לאלמנטים האלה,
     ו-`inset-inline-start` נפתר ל-left במקום ל-right והשאיר אותם 1px מחוץ למסך. */
  position:fixed!important;left:0!important;right:auto!important;top:0!important;
  width:1px!important;height:1px!important;overflow:hidden!important;
  clip-path:inset(50%)!important}
/* `img.zoomImg` של ה-zoom של Woo הוא absolute ברוחב התמונה המקורית (1600px) ואינו נחתך -
   הוא הרחיב את המסמך ל-417px על מסך 390, וכל העמוד "זז" (חיים, 22/9).
   חיתוך על עוטף התמונה, לא על הגלריה - כדי לא לשבור את ה-flexslider. */
.woocommerce-product-gallery__image{overflow:hidden}
.woocommerce-product-gallery{max-width:100%}

/* ariello:body-bg */
html, body { background-color: var(--color-off-white, #F5F5F5); }
/* כרטיס מוצר וגלולה נשארים לבנים - המותג מייחד להם את --color-white */

/* ariello:home-layout-fixes */
/* ה-CSS של הקיט (post-5.css) נטען לפני local-225-frontend-*.css ובאותה specificity,
   ולכן צריך !important כדי לעקוף style של אלמנט. זה הייעוד של custom_css בקיט. */
/* 4 - הקו האלכסוני בהירו: אותם ערכים כמו ב"בקרוב" (220x14, -45deg) */
.elementor .elementor-element-632796bf {
  width: 220px !important; height: 14px !important; max-width: 60% !important;
  background-image: repeating-linear-gradient(-45deg, var(--color-royal-blue) 0 2px, transparent 2px 9px) !important;
}
/* 1 - מרווח תחתון לסקשני התוכן, כדי שהכרטיסים לא ינשקו לרצועה שאחריהם */
.elementor .elementor-element-5ecc2202,
.elementor .elementor-element-7905f6c9 { padding-block-end: var(--space-section-desktop) !important; }
/* 2 - "אקססוריז" מלא-רוחב במקום max-width בתוך רקע לבן */
.elementor .elementor-element-3086babc { max-width: none !important; width: auto !important; margin-inline: 0 !important; }
@media (max-width: 767px) {
  /* 3 - כל סקשן ברמה העליונה פורץ את ה-gutter של העמוד ומגיע לקצה */
  .elementor .elementor-element-5ecc2202,
  .elementor .elementor-element-7905f6c9,
  .elementor .elementor-element-3086babc,
  .elementor .elementor-element-630f8283 {
    /* full-bleed שלא תלוי בכיוון: margin-inline השלילי פעל רק בצד אחד ב-RTL
       ושני סקשנים נתקעו ב-x[32..390]. calc(50% - 50vw) סימטרי בשני הכיוונים. */
    width: 100vw !important;
    margin-inline: calc(50% - 50vw) !important;
    padding-inline: var(--gutter-mobile) !important;
    max-width: none !important;
  }
  .elementor .elementor-element-5ecc2202,
  .elementor .elementor-element-7905f6c9 { padding-block-end: var(--space-section-mobile) !important; }
  /* ה-split של TERRA/ARIA מגיע לקצה גם הוא */
  .elementor .elementor-element-74848928 {
    width: 100vw !important; margin-inline: calc(50% - 50vw) !important;
    padding-inline: 0 !important; max-width: none !important;
  }
  .elementor .elementor-element-632796bf { width: 190px !important; }
}

/* ariello:hero-fold */
.elementor .elementor-element-b06e4b5 {
  min-height: calc(100vh - var(--header-h-desktop) - var(--hero-peek)) !important;
  min-height: calc(100svh - var(--header-h-desktop) - var(--hero-peek)) !important;
}
@media (max-width: 767px) {
  .elementor .elementor-element-b06e4b5 {
    min-height: calc(100vh - var(--header-h-mobile) - var(--hero-peek)) !important;
    min-height: calc(100svh - var(--header-h-mobile) - var(--hero-peek)) !important;
  }
  /* הטקסט לא ינשק לתחתית: היה 36px, עובר לטוקן הסקשן */
  .elementor .elementor-element-4b3e734f {
    padding-block-end: var(--space-section-mobile) !important;
  }
}

/* ariello:newsletter-send-icon */
.elementor .elementor-element-19dc5f2d button.e-form-submit-button-base { gap: 0.5rem !important; }
.elementor .elementor-element-19dc5f2d button.e-form-submit-button-base::after {
  content: "";
  width: 1.125rem; height: 1.125rem; flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask: url("https://ariello.co.il/wp-content/uploads/2026/09/icon-send.svg?v=20260923") center / contain no-repeat;
  mask: url("https://ariello.co.il/wp-content/uploads/2026/09/icon-send.svg?v=20260923") center / contain no-repeat;
  /* המטוס מצויר לכיוון ימין-למעלה. ב-RTL ה-::after יושב משמאל לטקסט, ולכן הוא
     מהופך - אחרת הוא מצביע בחזרה לתוך המילה במקום "קדימה". */
  transform: scaleX(-1);
  transition: transform var(--dur-base) ease;
}
/* ב-hover המטוס "ממריא": scaleX(-1) כבר הפך את הצירים, ולכן translate חיובי
   ב-X מזיז אותו שמאלה על המסך. */
.elementor .elementor-element-19dc5f2d button.e-form-submit-button-base:hover::after { transform: scaleX(-1) translate(3px, -2px); }

/* ariello:header-menu-type */
.elementor-86 .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{font-weight:500;padding-inline:1.1rem}
.elementor-92 .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{font-weight:600}

/* ariello:type-scale */
/* סקאלת טיפוגרפיה אחידה (23/9, מפקד scripts/type-census.mjs: 82 צירופים ו-6 משקלים לפני).
   משקלים: 800 כותרות · 700 מחירים וכפתורים · 600 שם מוצר · 500 ניווט ותוויות · 400 טקסט.
   גדלים לטקסט: 18 גוף · 16 משני · 14 קטן · 13 אותיות קטנות (מינימום; זה גם הסטנדרט של בלוקי Woo).
   מה שיש לו נתיב ב-MCP (כרטיס 266, כותרות "אודות", כפתור הניוזלטר) נכתב על האלמנט עצמו - לא כאן. */

/* פוטר: קישורי התפריט רונדרו 800 - אותו כלל Pro של ההדר (0-3-0 מהגופן הגלובלי) */
.elementor-87 .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{font-weight:400}

/* שדות טופס: 16px בכל רוחב. מתחת ל-16 ספארי ב-iOS עושה זום בהקלדה (צור קשר היה 12 גם
   בדסקטופ, ניוזלטר 15 במובייל), וכמות בעגלה במובייל היתה 13. */
.elementor input.e-form-input-base,.elementor textarea.e-form-textarea-base{font-size:1rem}
/* המילה s-e-l-e-c-t-o-r (בלי המקפים) אסורה ב-CSS של הקיט - גם בהערות: אלמנטור מחליפה אותה
   ב-.elementor-kit-5 גם בתוך שם מחלקה, והכלל מת בשקט. לכן מחלקת בורר הכמות של Woo לא מופיעה כאן. */
@media (max-width:767px){body .wc-block-cart-item__quantity input[type="number"]{font-size:1rem!important}}

/* דף הבית (225) - manage-elements חסום שם (e-collection-loop), לכן בקיט לפי data-id.
   פס האמון במובייל 11px → 12 - **החריג היחיד מתחת ל-13**: ב-13 שלושת הפריטים נשברים
   לשתי שורות (349px טקסט ב-390), הפס גדל ל-80px ושובר את ההצצה של ההירו. ב-12 שורה אחת,
   +1px בלבד. "החל מ-" 15 → 16; תיאורי ARIA/TERRA 17 → 16.
   `body` בראש: מחלקת ה-style של האלמנט (`.elementor .e-<hash>`, 0-2-0) נטענת אחרי הקיט. */
@media (max-width:767px){
  body .elementor [data-id="5352185d"],body .elementor [data-id="7bd0a1dd"],body .elementor [data-id="4505a04e"]{font-size:.75rem}
}
body .elementor [data-id="6fa92c8b"],body .elementor [data-id="600fef5c"],body .elementor [data-id="65e6d070"],
body .elementor [data-id="25287e10"],body .elementor [data-id="5a2d1286"],body .elementor [data-id="5d66e9aa"]{font-size:1rem}

/* כפתורים: 700 בכל האתר (היו 600/700/800) */
.elementor-61 form.cart .button.single_add_to_cart_button,
body button.wc-block-components-checkout-place-order-button,
body .woocommerce button.woocommerce-form-login__submit,
body .woocommerce button.button.alt,body .woocommerce input.button.alt,
body .woocommerce .woocommerce-ResetPassword button[type=submit],
body .woocommerce .woocommerce-EditAccountForm button[type=submit],
body a.wc-block-cart__submit-button,
body .elementor-menu-cart__footer-buttons .elementor-button,
body .elementor-menu-cart__footer-buttons .elementor-button .elementor-button-text{font-weight:700}

/* מגירת הסל: שם מוצר 600/16, סכום ביניים 700 (היה 900 בתווית ו-800 בסכום) */
body .elementor-menu-cart__product-name,
body .elementor-menu-cart__product-name a,
body .elementor-menu-cart__product .elementor-menu-cart__product-name a{font-weight:600!important;font-size:1rem}
body .elementor-menu-cart__subtotal,
body .elementor-menu-cart__subtotal strong,
body .elementor-menu-cart__subtotal .woocommerce-Price-amount{font-weight:700}

/* עגלה וקופה (בלוקי Woo) - CSS בלבד, באישור חיים 23/9. שם מוצר 13/800 → 16/600,
   כותרת "סה"כ בסל" 13 → 18, תיאורים 11.4 → 13. */
body .wc-block-cart .wc-block-cart__totals-title,
body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
body .wc-block-components-product-name{font-weight:600}
body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name{font-size:1rem}
body .wc-block-cart .wc-block-cart__totals-title{font-size:1.125rem;font-weight:800}
body .wc-block-components-order-summary-item__description .wc-block-components-product-name{font-size:.875rem}
body .wc-block-components-product-metadata .wc-block-components-product-metadata__description > p,
body .wc-block-components-totals-item__description,
body .wc-block-components-totals-item__description p{font-size:.8125rem}

/* החשבון שלי: "התחברות"/"הרשמה" הן כותרות טופס - h3 ולא h1-בגודל-32 */
body .woocommerce-account .woocommerce > h2,
body .woocommerce-account .u-column1 > h2,body .woocommerce-account .u-column2 > h2{font-size:var(--text-h3)}

/* עמודי תוכן: טבלה 15.2 → 16 */
.elementor-253 .elementor-widget-theme-post-content table{font-size:1rem}

/* ariello:icons */
/* חבילת האייקונים של Ariello (Clean, קו 1.5, 23/9). מקור: .claude/skills/ariello-brand/assets/icons/
   (נוצר ב-scripts/generate-icons.py). כאן רק מה שאי אפשר להחליף בקובץ המדיה עצמו: אייקונים של
   וויג'טי V3 (אין עריכה ב-MCP), של Woo ושל דף הבית (manage-elements חסום שם). ?v= עוקף את ה-CDN,
   שמחזיק את הגרסה הקודמת של קובץ שהוחלף באותו שם. */

/* אייקוני קו בכל האתר: e-svg מרנדר את ה-SVG inline, ואלמנטור צובעת אותו ב-fill. הכלל הקיים
   (svg[stroke-width]{fill:none}) היה רק על ההדר והפוטר - בעמוד צור קשר האייקונים יצאו כתמים.
   אלמנט פנימי עם fill="currentColor" (נקודת האינסטגרם) לא נפגע: מאפיין על האלמנט גובר על ירושה. */
.elementor svg[stroke-width]{fill:none}

/* סל בהדר: אייקון-הפונט של אלמנטור (עגלת סופר, eicon-cart-medium) → תיק מהסט (בחירת חיים) */
.elementor-86 .elementor-menu-cart__toggle .elementor-button-icon{color:var(--color-black)}
.elementor-86 .elementor-menu-cart__toggle .elementor-button-icon svg.e-font-icon-svg{display:none}
.elementor-86 .elementor-menu-cart__toggle .elementor-button-icon::before{content:"";display:block;width:1.5rem;height:1.5rem;background-color:currentColor;-webkit-mask:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-bag.svg?v=20260923") center/contain no-repeat;mask:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-bag.svg?v=20260923") center/contain no-repeat}

/* חץ תת-תפריט בהדר: משולש מלא של Font Awesome → chevron-down */
.elementor-86 .elementor-item .sub-arrow svg{display:none}
.elementor-86 .elementor-item .sub-arrow::before{content:"";display:block;width:.875rem;height:.875rem;background-color:currentColor;-webkit-mask:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-chevron-down.svg?v=20260923") center/contain no-repeat;mask:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-chevron-down.svg?v=20260923") center/contain no-repeat}

/* זום בגלריית המוצר: Woo 11 מרנדר אימוג'י 🔍, ומעליו מצייר זכוכית מגדלת משלו ב-::before/::after
   תחת `.woocommerce div.product div.images .woocommerce-product-gallery__trigger` (0-4-2) -
   לכן אותו סלקטור עם body (0-4-3), וביטול של כל מאפייני הפסאודו של Woo. **`.woocommerce` כאן היא
   מחלקה על ה-body עצמו** - `body .woocommerce` (עם רווח) לא תופס כלום. */
body.woocommerce div.product div.images .woocommerce-product-gallery__trigger > span{display:none}
body.woocommerce div.product div.images .woocommerce-product-gallery__trigger{display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-white);color:var(--color-black);text-indent:0;font-size:0}
body.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before{content:"";display:block;position:static;box-sizing:border-box;
  width:1.25rem;height:1.25rem;border:0;border-radius:0;transform:none;top:auto;right:auto;background-color:currentColor;
  -webkit-mask:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-zoom.svg?v=20260923") center/contain no-repeat;mask:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-zoom.svg?v=20260923") center/contain no-repeat}
body.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after{display:none}

/* פס האמון בדף הבית - דסקטופ בלבד: במובייל הטקסט (12px) בקושי נכנס בשורה אחת */
@media (min-width:768px){
  body .elementor [data-id="5352185d"]::before,body .elementor [data-id="7bd0a1dd"]::before,body .elementor [data-id="4505a04e"]::before{
    content:"";display:inline-block;width:1.125rem;height:1.125rem;margin-inline-end:.5rem;vertical-align:-.2em}
  body .elementor [data-id="5352185d"]::before{background-color:currentColor;-webkit-mask:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-truck.svg?v=20260923") center/contain no-repeat;mask:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-truck.svg?v=20260923") center/contain no-repeat}
  body .elementor [data-id="7bd0a1dd"]::before{background-color:currentColor;-webkit-mask:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-return.svg?v=20260923") center/contain no-repeat;mask:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-return.svg?v=20260923") center/contain no-repeat}
  body .elementor [data-id="4505a04e"]::before{background-color:currentColor;-webkit-mask:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-lock.svg?v=20260923") center/contain no-repeat;mask:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-lock.svg?v=20260923") center/contain no-repeat}
}

/* ariello:palette */
/* צבעים מחוץ לפלטה (מפקד 23/9, scripts/type-census.mjs - רקע, מסגרת וטקסט): 9 חריגות, כולן
   ברירות מחדל של Woo/אלמנטור שגוברות על הקיט בסלקטור חזק יותר. הפלטה: שחור, כחול, אוף-וויט,
   אפור #242426, לבן, color-text-muted - ושקיפויות שלהם בלבד. קווים = שחור 10%, מסגרת שדה = 25%. */

/* שדות: התקן של בלוק 6 (מסגרת 25%, טקסט שחור) לא החזיק מול Woo (#666, #2B2D2F, rgba(32,7,7,.8))
   ומול שדות e-form (#D6D5D5, #0C0D0E). כאן עם !important - רק צבע, לא מידות. */
body .wp-block-woocommerce-checkout input:not([type=checkbox]):not([type=radio]),
body .wp-block-woocommerce-checkout select,body .wp-block-woocommerce-checkout textarea,
body .woocommerce form .input-text,body .woocommerce form select,
.elementor input.e-form-input-base,.elementor textarea.e-form-textarea-base{
  border-color:rgba(0,0,0,.25)!important;color:var(--color-black)!important}
body .wp-block-woocommerce-checkout input:not([type=checkbox]):not([type=radio]):focus,
body .wp-block-woocommerce-checkout select:focus,body .wp-block-woocommerce-checkout textarea:focus,
body .woocommerce form .input-text:focus,body .woocommerce form select:focus,
.elementor input.e-form-input-base:focus,.elementor textarea.e-form-textarea-base:focus{
  border-color:var(--color-royal-blue)!important}

/* כוכבית שדה חובה: האדום של Woo (#AA0000) - אין אדום במותג */
body .woocommerce .required,body .woocommerce abbr.required{color:var(--color-royal-blue)!important;text-decoration:none;border:0}

/* קווי טבלה: בעגלה ובעמודי התוכן אפור 50% של Woo/WP → שחור 10%, רקע כותרת שחור 4% */
body table.wc-block-cart-items th,body table.wc-block-cart-items td{border-color:rgba(0,0,0,.1)!important}
.elementor-253 .elementor-widget-theme-post-content table th,
.elementor-253 .elementor-widget-theme-post-content table td{border-color:rgba(0,0,0,.1)}
.elementor-253 .elementor-widget-theme-post-content table th{background-color:rgba(0,0,0,.04)}
/* פסי זברה: reset.css של Hello צובע שורות אי-זוגיות ב-hsla(0,0%,50%,.07) - נשארים, בשחור 3% */
.elementor-253 .elementor-widget-theme-post-content table tbody>tr:nth-child(odd)>td{background-color:rgba(0,0,0,.03)}

/* מגירת הסל: קו מפריד באפור ברירת המחדל של אלמנטור (#D5D8DC) */
body .elementor-menu-cart__product,body .elementor-menu-cart__subtotal,
body .elementor-menu-cart__products{border-color:rgba(0,0,0,.1)!important}
/* עיגול כפתור ההסרה (×) במגירה - #D5D8DC של אלמנטור → מסגרת שדה (25%) */
body .elementor-menu-cart__product-remove{border-color:rgba(0,0,0,.25)!important}

/* ariello:focus */
/* סימן פוקוס מקלדת אחיד (בדיקת scripts/qa-interactions.mjs, 23/9): קישורים, צ'יפים, לוגו וכפתורי
   CTA לא סימנו פוקוס בכלל - מקלדת לא ידעה איפה היא. :focus-visible בלבד: בעכבר לא מופיע.
   שדות לא כאן - להם מסגרת כחולה בפוקוס (בלוק 6 + palette). */
body a:focus-visible,body button:focus-visible,body [role="button"]:focus-visible,body summary:focus-visible{
  outline:2px solid var(--color-royal-blue);outline-offset:2px}
/* קישורים אטומיים (לוגו, כרטיס): `.elementor .e-image-link-base{all:unset}` (0-2-0, base-desktop.css
   של אלמנטור) מאפס את ה-outline וגובר על הכלל למעלה (0-1-2). */
body .elementor a[class*="-base"]:focus-visible{outline:2px solid var(--color-royal-blue);outline-offset:2px}
/* כרטיס מוצר: הקונטיינר חותך את מה שמחוץ לגבולות (overflow) - ה-outline החיצוני נראה רק כקו
   דק למטה. בכרטיס מציירים אותו בפנים. */
body .elementor a.card:focus-visible{outline-offset:-3px}

/* ariello:motion */
/* טוקנים לצל ולתנועה (הוכרע 23/9, חיים אישר): שלוש רמות צל ושתי מהירויות. היו ~10 צללים ו-4
   מהירויות. Variables של אלמנטור לא תומכים בצל - לכן custom properties כאן, ותיעוד ב-tokens.md.
   קטן = הדר · בינוני = אלמנט צף/מורם (עיגולים, hover של כפתור וכרטיס, פס תחתון - "up") ·
   גדול = שכבה (מגירה, חיפוש, תת-תפריט - "side" למגירה מהצד). cta = הזוהר הכחול של הכפתור הראשי. */
:root{
  --shadow-sm:0 1px 12px rgba(0,0,0,.05);
  --shadow-md:0 6px 18px rgba(0,0,0,.12);
  --shadow-md-up:0 -6px 18px rgba(0,0,0,.12);
  --shadow-lg:0 12px 40px rgba(0,0,0,.12);
  --shadow-lg-side:-12px 0 40px rgba(0,0,0,.12); /* מגירה מימין (תפריט) - הצל לשמאל */
  --shadow-lg-side-end:12px 0 40px rgba(0,0,0,.12); /* מגירה משמאל (סל) - הצל לימין */
  --shadow-cta:0 6px 18px rgba(12,99,242,.25);
  --dur-fast:.2s; /* ריחוף: צבע, רקע, מסגרת */
  --dur-base:.3s; /* הופעה ופתיחה: מגירה, שכבה, כפתור צף */
}

/* ברירות מחדל של אלמנטור (מפקד חי 23/9): כל עוטף אלמנט מקבל transition של .3/.4, אייקון הסל .1,
   מגירות .4 - הכל למהירות הרגילה/המהירה. */
.elementor .elementor-element{transition-duration:var(--dur-base)}
.elementor .e-form-base{transition-duration:var(--dur-base)} /* טופס אטומי - בלי מחלקת elementor-element */
body .wc-block-components-button.wp-element-button{transition-duration:var(--dur-fast)} /* כפתורי העגלה והקופה (Woo .1s, 0-2-0) - CSS בלבד */
.elementor-86 .elementor-menu-cart__toggle .elementor-button-icon{transition-duration:var(--dur-fast)}
body .elementor-menu-cart__container{transition-duration:var(--dur-base)}
.elementor-92 .elementor-nav-menu--main .elementor-item{transition-duration:var(--dur-fast)}
/* צל המגירות: מגירת הסל (0 0 20px 20% של אלמנטור) ומגירת התפריט - שם הצל של הפופאפ נכתב
   ב-#elementor-popup-modal-92 (ID), ולכן הכלל הישן בקיט (.elementor-popup-modal.elementor-92) לא גבר. */
body .elementor-menu-cart__main{box-shadow:var(--shadow-lg-side-end)}
#elementor-popup-modal-92 .dialog-widget-content{box-shadow:var(--shadow-lg-side)!important}

/* ariello:account */
/* עמודי "החשבון שלי" + עמוד התודה (פריט 8 בסבב הליטוש, חיים 23/9). CSS בלבד על תבניות Woo הקלאסיות -
   בלי לדרוס תבניות (עמוד התודה: CSS בלבד בהכרעת חיים). התפריט ולוח הבקרה: mu-plugins/ariello-account.php.
   עמוד התודה ו"צפייה בהזמנה" חולקים את אותן תבניות (order-details, customer-details) - אותו CSS.
   טוקנים בלבד (tokens.md): כרטיס לבן radius-card, קו מפריד שחור 10%, כותרת טבלה שחור 4%, צלליות מהטוקנים. */

/* ── 0. הניוזלטר יורד גם מעמודי החשבון (כמו בעגלה/קופה/אישור) ── */
body.woocommerce-account .elementor-element-19dc5f2d{display:none}

/* ── 0א. מרווח: כותרת העמוד הייתה צמודה להדר, והתוכן לפוטר ── */
body.woocommerce-account .site-main,
body.woocommerce-order-received .site-main{padding-block:2.5rem 5rem}
@media (max-width:768px){
  body.woocommerce-account .site-main,
  body.woocommerce-order-received .site-main{padding-block:1.5rem 3.5rem}
}

/* ── 1. מבנה (מחוברת): תפריט צד + תוכן. Woo צף 30%/68% - גריד במקום.
   ה-clearfix של .woocommerce (::before/::after) היה נהיה תא בגריד. ── */
body.woocommerce-account.logged-in .site-main .woocommerce{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:3rem;align-items:start}
body.woocommerce-account.logged-in .site-main .woocommerce::before,
body.woocommerce-account.logged-in .site-main .woocommerce::after{display:none}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;min-width:0}

/* ── 2. תפריט: כרטיס לבן, שורות עם אייקון, פעיל בכחול. התנתקות מעומעמת מתחת לקו ── */
body.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:.5rem;
  background:var(--color-white);border-radius:var(--radius-card)}
body.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;padding:0}
body.woocommerce-account .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;gap:.75rem;
  padding:.75rem 1rem;border-radius:var(--radius-button);font-size:1rem;font-weight:500;line-height:1.3;
  color:var(--color-black);text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast)}
body.woocommerce-account .woocommerce-MyAccount-navigation li a::before{content:"";flex:none;width:1.25rem;height:1.25rem;
  background-color:currentColor;-webkit-mask:var(--ar-ico) center/contain no-repeat;mask:var(--ar-ico) center/contain no-repeat}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:rgba(0,0,0,.04)}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:var(--color-royal-blue);background:rgba(12,99,242,.08)}
.woocommerce-MyAccount-navigation-link--dashboard{--ar-ico:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-user.svg?v=20260923")}
.woocommerce-MyAccount-navigation-link--orders{--ar-ico:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-package.svg?v=20260923")}
.woocommerce-MyAccount-navigation-link--wishlist{--ar-ico:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-heart.svg?v=20260923")}
.woocommerce-MyAccount-navigation-link--edit-address{--ar-ico:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-map-pin.svg?v=20260923")}
.woocommerce-MyAccount-navigation-link--edit-account{--ar-ico:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-lock.svg?v=20260923")}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{
  margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1)}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--color-text-muted)}
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before{visibility:hidden}

/* ── 3. לוח בקרה: פסקאות ברירת המחדל יורדות רק כשהכרטיסים קיימים (התוסף כבוי → חוזרים ל-Woo) ── */
body.woocommerce-account .woocommerce-MyAccount-content:has(> .ar-dash) > p{display:none}
.ar-dash__hello{font-size:var(--text-h3);font-weight:800;line-height:1.25;margin:0 0 1.5rem}
.ar-dash__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
body .woocommerce a.ar-dash__card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.5rem;
  background:var(--color-white);border-radius:var(--radius-card);color:var(--color-black);text-decoration:none;
  transition:box-shadow var(--dur-fast)}
body .woocommerce a.ar-dash__card:hover{box-shadow:var(--shadow-md)}
.ar-dash__icon{width:1.5rem;height:1.5rem;color:var(--color-royal-blue);margin-bottom:.5rem}
.ar-dash__label{font-size:.875rem;font-weight:500;color:var(--color-text-muted)}
.ar-dash__main{font-size:1rem;font-weight:600;overflow-wrap:anywhere}
.ar-dash__meta{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:400;color:var(--color-text-muted)}
.ar-dash__meta .amount{color:var(--color-black)}

/* ── 4. סטטוס הזמנה: נקודה + טקסט. בטיפול/בהמתנה = כחול, הושלם = שחור, השאר מעומעם.
   בתא הטבלה הנקודה רק בדסקטופ: במובייל ה-::before של התא הוא התווית של Woo ("מצב:", smallscreen ≤768). ── */
.ar-status,
body.woocommerce-account .woocommerce-MyAccount-content mark.order-status{display:inline-flex;align-items:center;gap:.5rem;
  font-size:.875rem;font-weight:500;color:var(--color-text-muted);background:none}
.ar-status::before,
body.woocommerce-account .woocommerce-MyAccount-content mark.order-status::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor;flex:none}
body.woocommerce-account .woocommerce-orders-table__cell-order-status{font-size:.875rem;font-weight:500;color:var(--color-text-muted)}
@media (min-width:769px){
  body.woocommerce-account .woocommerce-orders-table__cell-order-status::before{content:"";display:inline-block;width:.5rem;height:.5rem;
    margin-inline-end:.5rem;border-radius:50%;background:currentColor;vertical-align:middle}
}
.ar-status--processing,.ar-status--on-hold,.ar-status--pending,
body.woocommerce-account .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status{color:var(--color-royal-blue)}
.ar-status--completed,
body.woocommerce-account .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status{color:var(--color-black)}
/* "הזמנה #346 נרשמה בתאריך … וכעת בטיפול." - בלי הרקע הצהוב של <mark> */
body.woocommerce-account .woocommerce-MyAccount-content mark{background:none;color:inherit;font-weight:600;padding:0}

/* ── 5. טבלאות: הזמנות + פרטי הזמנה (חשבון ועמוד תודה). כרטיס לבן, קווים דקים.
   מנטרל את Woo (מסגרת shop_table) ואת reset.css של Hello (מסגרת לכל תא, זברה, אפור ב-hover). ── */
body.woocommerce-account .woocommerce table.shop_table,
body.woocommerce-order-received .woocommerce table.shop_table{border:0;border-collapse:separate;border-spacing:0;width:100%;
  margin:0 0 2rem;background:var(--color-white);border-radius:var(--radius-card);overflow:hidden}
body.woocommerce-account .woocommerce table.shop_table :is(th,td),
body.woocommerce-order-received .woocommerce table.shop_table :is(th,td){border:0;border-bottom:1px solid rgba(0,0,0,.1);
  padding:1rem 1.25rem;background:transparent;text-align:start;vertical-align:middle;font-size:1rem;line-height:1.5}
body.woocommerce-account .woocommerce table.shop_table tbody tr:hover > :is(td,th),
body.woocommerce-order-received .woocommerce table.shop_table tbody tr:hover > :is(td,th),
body.woocommerce-account .woocommerce table.shop_table tbody > tr:nth-child(odd) > td,
body.woocommerce-order-received .woocommerce table.shop_table tbody > tr:nth-child(odd) > td{background:transparent}
body.woocommerce-account .woocommerce table.shop_table thead th,
body.woocommerce-order-received .woocommerce table.shop_table thead th{background:rgba(0,0,0,.04);font-size:.875rem;font-weight:500;color:var(--color-text-muted)}
body.woocommerce-account .woocommerce table.shop_table > :last-child > tr:last-child > :is(td,th),
body.woocommerce-order-received .woocommerce table.shop_table > :last-child > tr:last-child > :is(td,th){border-bottom:0}
/* פרטי הזמנה: מחיר בצד השני, שם מוצר שחור */
body.woocommerce-account table.order_details :is(td,th):last-child,
body.woocommerce-order-received table.order_details :is(td,th):last-child{text-align:end}
body.woocommerce-account table.order_details tfoot th,
body.woocommerce-order-received table.order_details tfoot th{font-weight:400;color:var(--color-text-muted)}
body.woocommerce-account table.order_details a,
body.woocommerce-order-received table.order_details a,
body.woocommerce-account .woocommerce-orders-table__cell-order-number a{color:var(--color-black);font-weight:600;text-decoration:none}
body.woocommerce-account table.order_details a:hover,
body.woocommerce-order-received table.order_details a:hover,
body.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover{color:var(--color-royal-blue)}
/* הערת המע"מ של Woo (small = 0.8em → 12.8px, מתחת למינימום 13 - נתפס ב-CHECK=1, 23/9) */
body.woocommerce-account table.order_details small.includes_tax,
body.woocommerce-order-received table.order_details small.includes_tax{font-size:.875rem;font-weight:400;color:var(--color-text-muted)}
body.woocommerce-account table.order_details small.includes_tax .amount,
body.woocommerce-order-received table.order_details small.includes_tax .amount{font-size:inherit;font-weight:400;color:inherit}
body.woocommerce-account table.order_details .product-quantity,
body.woocommerce-order-received table.order_details .product-quantity{color:var(--color-text-muted);font-weight:400}
/* "צפייה" ו"עריכה" - כפתור משני (מתאר), לא הכפתור השחור של כל Woo */
body.woocommerce-account .woocommerce :is(a.button.view,a.edit,.woocommerce-info a.button){display:inline-flex;align-items:center;
  min-height:2.5rem;padding:0 1.25rem;border:1px solid var(--color-black);border-radius:var(--radius-pill);
  background:transparent;color:var(--color-black);font-size:.9375rem;font-weight:700;text-decoration:none;white-space:nowrap;
  transition:background var(--dur-fast),color var(--dur-fast)}
body.woocommerce-account .woocommerce :is(a.button.view,a.edit,.woocommerce-info a.button):hover{background:var(--color-black);color:var(--color-white)}

/* ── 6. כתובות (חשבון), פרטי לקוחה (צפייה בהזמנה + תודה): שני כרטיסים ── */
body.woocommerce-account :is(.woocommerce-Addresses,.woocommerce-columns--addresses),
body.woocommerce-order-received .woocommerce-columns--addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
body.woocommerce-account :is(.woocommerce-Addresses,.woocommerce-columns--addresses)::before,
body.woocommerce-account :is(.woocommerce-Addresses,.woocommerce-columns--addresses)::after,
body.woocommerce-order-received .woocommerce-columns--addresses::before,
body.woocommerce-order-received .woocommerce-columns--addresses::after{display:none}
/* `.woocommerce .col2-set .col-1{width:48%}` של Woo (0-3-0) - לכן עוד .woocommerce בסלקטור */
body.woocommerce-account .woocommerce :is(.woocommerce-Address,.woocommerce-column),
body.woocommerce-order-received .woocommerce .woocommerce-column{float:none;width:auto;max-width:none;padding:1.5rem;margin:0;
  background:var(--color-white);border-radius:var(--radius-card)}
body.woocommerce-account .woocommerce-Address-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}
/* clearfix של Woo על .title - בתוך flex הוא פריט שתופס מקום ודוחף את הכותרת פנימה */
body.woocommerce-account .woocommerce-Address-title::before,body.woocommerce-account .woocommerce-Address-title::after{display:none}
body.woocommerce-account .woocommerce-Address-title :is(h2,h3),
body.woocommerce-account .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-column__title{font-size:1.125rem;font-weight:800;margin:0}
body.woocommerce-account .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-column__title{margin-bottom:1rem}
body.woocommerce-account .woocommerce address,
body.woocommerce-order-received .woocommerce address{font-style:normal;border:0;padding:0;margin:0;line-height:1.7;font-size:1rem}
/* טלפון/מייל: Woo מצייר אייקון-פונט (WooCommerce) - אסור בסט שלנו; אייקוני הסט במקומו */
body.woocommerce-account .woocommerce-customer-details :is(.woocommerce-customer-details--phone,.woocommerce-customer-details--email),
body.woocommerce-order-received .woocommerce-customer-details :is(.woocommerce-customer-details--phone,.woocommerce-customer-details--email){
  display:flex;align-items:center;gap:.5rem;margin:.25rem 0 0;padding:0;text-indent:0}
body.woocommerce-account .woocommerce-customer-details :is(.woocommerce-customer-details--phone,.woocommerce-customer-details--email)::before,
body.woocommerce-order-received .woocommerce-customer-details :is(.woocommerce-customer-details--phone,.woocommerce-customer-details--email)::before{
  content:"";position:static;flex:none;width:1rem;height:1rem;margin:0;font-family:inherit;background-color:var(--color-text-muted);
  -webkit-mask:var(--ar-ico) center/contain no-repeat;mask:var(--ar-ico) center/contain no-repeat}
.woocommerce-customer-details--phone{--ar-ico:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-phone.svg?v=20260923")}
.woocommerce-customer-details--email{--ar-ico:url("https://ariello.co.il/wp-content/uploads/2026/09/icon-mail.svg?v=20260923")}

/* ── 7. כותרות הסקשנים (פרטי הזמנה, כתובות) ── */
body.woocommerce-account :is(.woocommerce-order-details__title,.woocommerce-customer-details > h2),
body.woocommerce-order-received :is(.woocommerce-order-details__title,.woocommerce-customer-details > h2){font-size:var(--text-h3);font-weight:800;margin:2rem 0 1rem}

/* ── 8. טפסים: כרטיס לבן. fieldset "שינוי סיסמה" = כותרת משנה, לא מסגרת ── */
body.woocommerce-account .woocommerce-MyAccount-content > form,
body.woocommerce-account .woocommerce :is(form.login,form.register,form.woocommerce-ResetPassword){max-width:40rem;margin:0;padding:2rem;
  border:0;border-radius:var(--radius-card);background:var(--color-white)}
body.woocommerce-account .woocommerce fieldset{border:0;padding:0;margin:2rem 0 0}
body.woocommerce-account .woocommerce fieldset legend{font-size:1.125rem;font-weight:800;padding:0;margin:0 0 1rem}
body.woocommerce-account .woocommerce form .form-row{padding:0;margin:0 0 1rem}
body.woocommerce-account .woocommerce form .form-row label{font-size:.875rem;font-weight:500;line-height:1.4;margin-bottom:.35rem}
body.woocommerce-account .woocommerce form .form-row label.woocommerce-form__label-for-checkbox{font-size:1rem;font-weight:400}
body.woocommerce-account .woocommerce form .form-row em{font-size:.875rem;font-style:normal;color:var(--color-text-muted)}
/* התחברות + הרשמה (לא מחוברת): שני כרטיסים זה לצד זה */
body.woocommerce-account #customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;max-width:60rem}
body.woocommerce-account #customer_login::before,body.woocommerce-account #customer_login::after{display:none}
body.woocommerce-account #customer_login > div{float:none;width:auto;max-width:none;padding:0}
body.woocommerce-account #customer_login h2{font-size:var(--text-h3);font-weight:800;margin:0 0 1rem}
body.woocommerce-account #customer_login form{max-width:none}
/* "הרשמה" - אותו כפתור ראשי כחול כמו "התחברות" (בקיט רק login__submit ברשימה) */
body.woocommerce-account .woocommerce button.woocommerce-form-register__submit{background:var(--color-royal-blue);color:var(--color-white);box-shadow:var(--shadow-cta)}
body.woocommerce-account .woocommerce button.woocommerce-form-register__submit:hover{background:var(--color-black);box-shadow:var(--shadow-md)}

/* ── 9. הודעות Woo (אימות מייל, "עוד לא הזמנת"): כרטיס עם פס כחול, בלי אייקון-פונט ── */
body.woocommerce-account .woocommerce :is(.woocommerce-info,.woocommerce-message,.woocommerce-error),
body.woocommerce-order-received .woocommerce :is(.woocommerce-info,.woocommerce-message,.woocommerce-error){display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:1rem;margin:0 0 1.5rem;padding:1rem 1.25rem;border:0;border-inline-start:3px solid var(--color-royal-blue);
  border-radius:var(--radius-card);background:var(--color-white);color:var(--color-black);font-size:1rem}
body.woocommerce-account .woocommerce :is(.woocommerce-info,.woocommerce-message,.woocommerce-error)::before,
body.woocommerce-order-received .woocommerce :is(.woocommerce-info,.woocommerce-message,.woocommerce-error)::before{display:none}
body.woocommerce-account .woocommerce .woocommerce-info a.button{order:2;float:none}

/* ── 10. עמוד התודה: כותרת, שורת נתוני ההזמנה ככרטיס ── */
body.woocommerce-order-received .woocommerce-thankyou-order-received{margin:0 0 1.5rem;padding:0;border:0;background:none;
  font-size:var(--text-h3);font-weight:800;line-height:1.25;color:var(--color-black)}
body.woocommerce-order-received .woocommerce-thankyou-order-received::before{display:none}
body.woocommerce-order-received ul.woocommerce-order-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.5rem;
  list-style:none;margin:0 0 1rem;padding:1.5rem;background:var(--color-white);border-radius:var(--radius-card)}
body.woocommerce-order-received ul.woocommerce-order-overview::before,
body.woocommerce-order-received ul.woocommerce-order-overview::after{display:none}
body.woocommerce-order-received ul.woocommerce-order-overview li{float:none;margin:0;padding:0;border:0;text-transform:none;
  font-size:.875rem;font-weight:400;line-height:1.5;color:var(--color-text-muted)}
/* מייל ארוך נשבר במקף ("qa- / customer@…") - שתי עמודות גם בדסקטופ */
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__email{grid-column:span 2}
body.woocommerce-order-received ul.woocommerce-order-overview li strong{display:block;margin-top:.25rem;font-size:1rem;font-weight:600;
  color:var(--color-black);overflow-wrap:anywhere}
body.woocommerce-order-received .woocommerce-order > p:not([class]){color:var(--color-text-muted);margin:0 0 2rem}

/* ── 11. מובייל (768 - כמו woocommerce-smallscreen, שמשנה את הטבלאות באותה נקודה) ── */
@media (max-width:768px){
  body.woocommerce-account.logged-in .site-main .woocommerce{grid-template-columns:minmax(0,1fr);gap:1.5rem}
  /* תפריט = שורת צ'יפים נגללת לרוחב (במקום רשימה שתופסת מסך שלם לפני התוכן) */
  body.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;gap:.5rem;padding:0 0 .25rem;background:none;border-radius:0;
    overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
  body.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
  body.woocommerce-account .woocommerce-MyAccount-navigation li{flex:none;scroll-snap-align:start}
  body.woocommerce-account .woocommerce-MyAccount-navigation li a{gap:.4rem;padding:.5rem 1rem;font-size:.875rem;white-space:nowrap;
    border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-pill);background:var(--color-white)}
  body.woocommerce-account .woocommerce-MyAccount-navigation li a::before{width:1rem;height:1rem}
  body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}
  body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin:0;padding:0;border:0}
  body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before{display:none}
  .ar-dash__grid,
  body.woocommerce-account :is(.woocommerce-Addresses,.woocommerce-columns--addresses),
  body.woocommerce-order-received .woocommerce-columns--addresses,
  body.woocommerce-account #customer_login{grid-template-columns:minmax(0,1fr)}
  body.woocommerce-account .woocommerce-MyAccount-content > form,
  body.woocommerce-account .woocommerce :is(form.login,form.register,form.woocommerce-ResetPassword){padding:1.5rem}
  /* טבלת ההזמנות (responsive של Woo - שורה = בלוק): כל הזמנה כרטיס */
  body.woocommerce-account .woocommerce table.woocommerce-orders-table{background:none;border-radius:0}
  body.woocommerce-account .woocommerce table.woocommerce-orders-table tbody tr{display:block;margin:0 0 .75rem;padding:.5rem 1rem;
    background:var(--color-white);border-radius:var(--radius-card)}
  body.woocommerce-account .woocommerce table.woocommerce-orders-table tbody :is(td,th){display:flex;justify-content:space-between;
    align-items:center;gap:1rem;padding:.5rem 0;text-align:start}
  body.woocommerce-account .woocommerce table.woocommerce-orders-table tbody tr > :last-child{border-bottom:0}
  body.woocommerce-account .woocommerce table.woocommerce-orders-table tbody :is(td,th)::before{float:none;font-weight:400;color:var(--color-text-muted)}
  body.woocommerce-order-received ul.woocommerce-order-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem}
  /* מייל ואמצעי תשלום ארוכים - שורה שלמה (אחרת "qa-/customer@exampl/e.invalid") */
  body.woocommerce-order-received ul.woocommerce-order-overview li:is(.woocommerce-order-overview__email,.woocommerce-order-overview__payment-method){grid-column:1 / -1}
  body.woocommerce-account .woocommerce table.shop_table :is(th,td),
  body.woocommerce-order-received .woocommerce table.shop_table :is(th,td){padding:.85rem 1rem}
}

/* ariello:country */
/* מוכרים רק בישראל - בחירת מדינה מוסתרת; הערך (IL) ממשיך להישלח (migrations/2026-09-24-hide-country.php) */
.wc-block-checkout .wc-block-components-address-form__country{display:none}
/* !important: address-i18n.js של Woo כותב style="display:block" על השורה - inline גובר על כל גיליון */
body.woocommerce-account .woocommerce-address-fields :is(#billing_country_field,#shipping_country_field){display:none!important}

/* ariello:visual-0925 */
.elementor-86 .elementor-menu-cart__toggle_wrapper,.elementor-86 .elementor-menu-cart__toggle{display:flex}
.elementor-61 div.elementor-add-to-cart form.cart:not(.variations_form){flex-direction:row}
.elementor-61 table.variations th.label{width:1%;white-space:nowrap;padding-inline-start:0;padding-inline-end:1rem}

/* ariello:pdp-labels-0925 */
.elementor-61 div.elementor-add-to-cart form.cart:not(.variations_form)::before,.elementor-61 div.elementor-add-to-cart form.cart:not(.variations_form)::after{display:none}
.elementor-61 table.variations tr{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.elementor-61 table.variations th.label{width:auto;padding:0}
.elementor-61 table.variations td.value{align-self:stretch}
.elementor-61 table.variations tr + tr th.label{padding-block-start:.75rem}
.elementor-61 table.variations tr + tr td.value{padding-block-start:0}

/* ariello:buttons-s4 */
@property --ar-ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@property --ar-gl{syntax:"<number>";inherits:false;initial-value:0}
@keyframes ar-trace-once{0%{--ar-ang:0deg;--ar-gl:0}8%{--ar-gl:1}85%{--ar-gl:1}100%{--ar-ang:720deg;--ar-gl:0}}
@keyframes ar-trace-loop{0%{--ar-ang:0deg;--ar-gl:1}100%{--ar-ang:360deg;--ar-gl:1}}
/* 1א. מי מקבל מסגרת ואור. ברירת המחדל = ראשי (מסגרת כחולה, אור כחול). :where - ספציפיות 0, כדי שהתפקידים יגברו */
:where(.btn-pill,.btn-outline,.btn-blue,a.ar-cta,.ar-search-submit,.ar-sticky-atc__btn,.single_add_to_cart_button,
  .wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button,
  .woocommerce-form-login__submit,.woocommerce-form-register__submit,
  .elementor-menu-cart__footer-buttons .elementor-button--checkout){--ar-ring:rgba(12,99,242,.9);--ar-lc:12,99,242;--ar-out:0px}
/* משני: המסגרת בצבע הטקסט - שחורה על בהיר, לבנה על כהה ("לסיפור שלנו") - בלי סלקטור לפי מזהה */
.elementor .btn-outline.btn-outline{--ar-ring:color-mix(in srgb,currentColor 85%,transparent);--ar-out:-2px;border-color:transparent}
/* מסחר וטפסים: בלי מסגרת קבועה */
:where(.btn-blue,.ar-search-submit,.ar-sticky-atc__btn,.single_add_to_cart_button,.wc-block-cart__submit-button,
  .wc-block-components-checkout-place-order-button,.woocommerce-form-login__submit,.woocommerce-form-register__submit,
  .elementor-menu-cart__footer-buttons .elementor-button--checkout){--ar-ring:transparent}
/* הניוזלטר בפוטר יושב על רקע כחול - מסגרת ואור לבנים */
:is(footer,.elementor-location-footer) .btn-pill{--ar-ring:rgba(255,255,255,.9);--ar-lc:255,255,255}
/* position חייב לנצח: בלעדיו ה-::before נמתח על הסקשן כולו (תצוגה מקדימה 2/10, עמוד המשאלות) */
body :is(.btn-pill,.btn-outline,.btn-blue,a.ar-cta,.ar-search-submit,.ar-sticky-atc__btn,.single_add_to_cart_button,
  .wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button,
  .woocommerce-form-login__submit,.woocommerce-form-register__submit,
  .elementor-menu-cart__footer-buttons .elementor-button--checkout){position:relative;isolation:isolate}
/* 1ב. המסגרת והאור */
:where(.btn-pill,.btn-outline,.btn-blue,a.ar-cta,.ar-search-submit,.ar-sticky-atc__btn,.single_add_to_cart_button,
  .wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button,
  .woocommerce-form-login__submit,.woocommerce-form-register__submit,
  .elementor-menu-cart__footer-buttons .elementor-button--checkout)::before{
  content:"";position:absolute;inset:var(--ar-out);border-radius:inherit;padding:2px;pointer-events:none;z-index:1;
  background:conic-gradient(from var(--ar-ang),var(--ar-ring) 0 60%,rgba(var(--ar-lc),var(--ar-gl)) 82%,rgba(255,255,255,var(--ar-gl)) 87%,rgba(var(--ar-lc),var(--ar-gl)) 92%,var(--ar-ring) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
/* 1ג. מתי רץ: פעמיים ונכבה (ar-lit מה-JS); בריחוף - בלולאה, חוץ מכפתור שעוד לא מוכן */
.ar-lit::before{animation:ar-trace-once 3.4s linear .2s 1 both}
:where(.btn-pill,.btn-outline,.btn-blue,a.ar-cta,.ar-search-submit,.ar-sticky-atc__btn,.single_add_to_cart_button,
  .wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button,
  .woocommerce-form-login__submit,.woocommerce-form-register__submit,
  .elementor-menu-cart__footer-buttons .elementor-button--checkout):not(.disabled):not(:disabled):hover::before{animation:ar-trace-loop 2.2s linear infinite}
body :is(.btn-pill,a.ar-cta):hover{box-shadow:var(--shadow-cta)}
@media (prefers-reduced-motion:reduce){.ar-lit::before,:where(.btn-pill,.btn-outline,.btn-blue,a.ar-cta,.ar-search-submit,.ar-sticky-atc__btn,.single_add_to_cart_button,.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button,.woocommerce-form-login__submit,.woocommerce-form-register__submit,.elementor-menu-cart__footer-buttons .elementor-button--checkout):hover::before{animation:none}}

/* 2. כפתורי המסחר והטפסים שחורים, בלי צל; ריחוף אפור. אותם סלקטורים כמו הכללים הכחולים - מאוחר יותר גובר */
.elementor-61 form.cart .button.single_add_to_cart_button{background:var(--color-black);box-shadow:none}
.elementor-61 form.cart .button.single_add_to_cart_button:hover{background:var(--color-gray);box-shadow:none}
/* "בחרי צבע ומידה" - שחור מלא (הלחיצה מובילה לבחירה; 22/9 - הנישה לא מציגה כפתור אפור). "אזל" נשאר מעומעם (ariello-sticky-atc) */
.elementor-61 form.cart .button.single_add_to_cart_button.disabled:not(.ar-soldout),
.elementor-61 form.cart .button.single_add_to_cart_button:disabled:not(.ar-soldout){background:var(--color-black)!important;box-shadow:none!important}
.elementor-61 form.cart .button.single_add_to_cart_button.disabled:not(.ar-soldout):hover,
.elementor-61 form.cart .button.single_add_to_cart_button:disabled:not(.ar-soldout):hover{background:var(--color-gray)!important}
body a.wc-block-cart__submit-button,
body button.wc-block-components-checkout-place-order-button,
body .woocommerce button.woocommerce-form-login__submit,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt,
body .woocommerce .woocommerce-ResetPassword button[type=submit],
body .woocommerce .woocommerce-EditAccountForm button[type=submit],
body.woocommerce-account .woocommerce button.woocommerce-form-register__submit,
body .elementor-menu-cart__footer-buttons .elementor-button--checkout{background:var(--color-black);color:var(--color-white);box-shadow:none}
body a.wc-block-cart__submit-button:hover,
body button.wc-block-components-checkout-place-order-button:hover,
body .woocommerce button.woocommerce-form-login__submit:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover,
body .woocommerce .woocommerce-ResetPassword button[type=submit]:hover,
body .woocommerce .woocommerce-EditAccountForm button[type=submit]:hover,
body.woocommerce-account .woocommerce button.woocommerce-form-register__submit:hover,
body .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover,
body .woocommerce a.button:hover,
body .woocommerce button.button:hover,
body .woocommerce input.button:hover{background:var(--color-gray);color:var(--color-white);box-shadow:none}

/* 3. המונה על אייקון הסל - עיגול (radius-pill הוא 2px מ-2/10) */
.elementor-86 .elementor-button-icon-qty{border-radius:50%}

/* 4. טופס צור קשר (הטופס היחיד עם btn-blue): שדות לפי תקן השדות באתר */
form:has(.btn-blue) :is(.e-form-input-base,.e-form-textarea-base){min-height:3rem;padding:.75rem 1rem;
  border:1px solid rgba(0,0,0,.25);border-radius:var(--radius-button);background:var(--color-white);font-size:1rem}
form:has(.btn-blue) .e-form-textarea-base{min-height:8rem}
form:has(.btn-blue) :is(.e-form-input-base,.e-form-textarea-base):focus{border-color:var(--color-royal-blue)}

/* 5. שדות הקופה והעגלה (Woo קובע 4px; wc-blocks נטען אחרי הקיט - הכפלת מחלקה, traps S3) */
body .wc-block-components-text-input.wc-block-components-text-input input,
body .wc-block-components-textarea.wc-block-components-textarea,
body .wc-block-components-radio-control__option.wc-block-components-radio-control__option,
body .wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option,
body .wc-block-components-quantity-.elementor-kit-5.wc-block-components-quantity-.elementor-kit-5,
body .wc-blocks-components-select .wc-blocks-components-select__select.wc-blocks-components-select__select,
body .wc-block-components-combobox.wc-block-components-combobox input{border-radius:var(--radius-button)}

/* ariello:pdp-1010 */
/* שלב 1 - גלריה בדסקטופ: פס תמונות קטנות אנכי בצד החיצוני, התמונה הראשית לידו */
@media (min-width:1025px){
  body.woocommerce div.product.elementor-61 div.images.woocommerce-product-gallery{
    display:flex;flex-direction:row;align-items:flex-start;gap:.75rem}
  body.woocommerce div.product.elementor-61 div.images .flex-viewport{flex:1 1 0;min-width:0}
  body.woocommerce div.product.elementor-61 div.images .flex-control-thumbs{
    order:-1;flex:0 0 5.5rem;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}
  body.woocommerce div.product.elementor-61 div.images .flex-control-thumbs li{width:100%;float:none;margin:0}
  body.woocommerce div.product.elementor-61 div.images .flex-control-thumbs li img{
    display:block;width:100%;height:auto;opacity:.55;transition:opacity var(--dur-fast,.2s)}
  body.woocommerce div.product.elementor-61 div.images .flex-control-thumbs li img:hover,
  body.woocommerce div.product.elementor-61 div.images .flex-control-thumbs li img.flex-active{opacity:1}
  body.woocommerce div.product.elementor-61 div.images .flex-control-thumbs li img.flex-active{
    outline:1px solid var(--color-black);outline-offset:-1px}
  /* מוצר עם תמונה אחת (תיק): אין slider ואין פס - התמונה באותו רוחב ובאותו מקום כמו התמונה הראשית של השאר,
     אחרת היא נמתחת ל-668px ויורדת מתחת לקפל */
  body.woocommerce div.product.elementor-61 div.images.woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper{
    margin-inline-start:6.25rem}
}
/* שלב 2 - שורת הקנייה: בלי בורר כמות (אף רפרנס לא מציג אותו; הכמות משתנה בעגלה), הכפתור ממלא את השורה, 52px.
   השדה נשאר בטופס (display:none עדיין נשלח) עם הערך 1. `.ar-qty` כופה inline-flex!important מ-ariello-sticky-atc */
body .elementor-61 form.cart .quantity{display:none!important}
/* השורה לא נעטפת יותר: כפתור ← לב (2026-09-22-pdp-polish כפה wrap, ובמובייל כפתור ברוחב 100% בשורה משלו) */
body .elementor-61 form.cart.variations_form .woocommerce-variation-add-to-cart,
body .elementor-61 div.elementor-add-to-cart form.cart:not(.variations_form){flex-wrap:nowrap!important;gap:.5rem}
body .elementor-61 form.cart .single_add_to_cart_button{
  flex:1 1 auto!important;width:auto!important;min-width:0;height:3.25rem;padding-block:0;
  display:flex;align-items:center;justify-content:center}
/* הלב יורש margin-inline-start: var(--button-spacing,10px) מכלל :is(...) של Pro לווידג'ט ההוספה (ספציפיות גבוהה) -
   הרווח היה 18px במקום ה-gap. מאפסים את המשתנה על הלב עצמו במקום להילחם בסלקטור */
body .elementor-61 form.cart button.ar-wish--pdp{--button-spacing:0px}
/* שלב 3 - מידות: תאים ברוחב שווה שממלאים את השורה, 48px (Alo / Gymshark); היו 48x40 בקצה */
body .elementor-61 .ar-swatches:has(> .ar-swatch--text){display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5rem}
body .elementor-61 .ar-swatches button.ar-swatch--text{width:100%;min-width:0;height:3rem;--button-spacing:0px}
/* "נקה" (Woo, visibility:hidden עד בחירה) תפס שורה ריקה של ~42px בין המידות לכפתור -
   עובר לשורת התווית, בקצה השמאלי (inline-end), ולא תופס מקום */
body .elementor-61 table.variations tr:has(.reset_variations){position:relative}
body .elementor-61 table.variations .reset_variations{position:absolute;inset-block-start:0;inset-inline-end:0;margin:0;line-height:1.75rem}
body .elementor-61 table.variations tr + tr .reset_variations{inset-block-start:.75rem}
/* הרווח מהמידות לכפתור: 72px → 24px (margin של הטבלה מ-Woo + gap של הטופס) */
body .elementor-61 form.cart table.variations{margin-block-end:0}
body .elementor-61 form.cart.variations_form{gap:1.5rem}
/* שלב 4 - גלריה במובייל: ברוחב המסך (היתה 318px עם 36px שוליים), והתמונות הקטנות הופכות לנקודות על התמונה
   (Strongful; Gymshark/Alo - פס התקדמות). ההחלקה - של flexslider. רוחב מלא ב-RTL: 100vw + margin סימטרי (traps C6) */
@media (max-width:767px){
  body.woocommerce div.product.elementor-61 div.images.woocommerce-product-gallery{
    width:100vw;max-width:none;margin-inline:calc(50% - 50vw);position:relative}
  body.woocommerce div.product.elementor-61 div.images .flex-control-thumbs{
    position:absolute;inset-inline:0;inset-block-end:.5rem;z-index:2;
    display:flex;justify-content:center;gap:0;margin:0;padding:0}
  /* כל נקודה = אזור לחיצה 24px, הנקודה 8px; התמונה הקטנה שקופה מעליה (הלחיצה של flexslider עליה) */
  body.woocommerce div.product.elementor-61 div.images .flex-control-thumbs li{
    position:relative;width:1.5rem;height:1.5rem;float:none;margin:0;display:flex;align-items:center;justify-content:center}
  body.woocommerce div.product.elementor-61 div.images .flex-control-thumbs li::before{
    content:"";width:.5rem;height:.5rem;border-radius:50%;background:rgba(0,0,0,.25);transition:background var(--dur-fast,.2s)}
  body.woocommerce div.product.elementor-61 div.images .flex-control-thumbs li:has(img.flex-active)::before{background:var(--color-black)}
  body.woocommerce div.product.elementor-61 div.images .flex-control-thumbs li img{
    position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0}
  /* הזום נצמד לקצה המסך ברוחב מלא - מרווח מהקצה (מאפיין פיזי: Woo ממקם ב-left/right, traps R1) */
  body.woocommerce div.product.elementor-61 div.images .woocommerce-product-gallery__trigger{top:.75rem;left:.75rem}
  /* מוצר בלי slider (תיק) - אותו רוחב מלא */
  body.woocommerce div.product.elementor-61 div.images.woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper{margin:0}
}
/* שלב 6 - "השלימי את הסט" ברשימה בעמודת הקנייה (4f8ee612, sections/pdp-redesign-1010.json): למוצר בלי upsells
   (אקססוריז) הלולאה ריקה והכותרת נשארה לבד - מסתירים את כל הבלוק כשאין בו שורה */
body .elementor-61 .elementor-element-4f8ee612:not(:has(a[href])){display:none}/* End custom CSS */