/* ==================================================================
   ELI 2026-09-14
   חמישה תיקונים מבוקשים. הקובץ נטען אחרון בתור, ולכן הוא יכול
   לדרוס את theme.css / shop.css / new-sections.css בלי !important.
   ================================================================== */


/* ==================================================================
   1. כרטיס מוצר — קרם מזמין, תמונה לבנה ממש
   הכרטיס היה לבן על רקע לבן: המסגרת נעלמה והמוצר לא בלט.
   עכשיו הכרטיס יושב על הקרם החם של הפלטה, והתמונה נשארת על
   לבן טהור עם קו שיער דק — הכלי "קופץ" מתוך הכרטיס.
   ================================================================== */

.bp-card{
  background:var(--c-plate);
  border-color:#E4DCD0;
}

.bp-card__media{
  background:#FFFFFF;
  box-shadow:inset 0 0 0 1px rgba(10,10,10,.07);
}

/* שבב המחיר היה בקרם — על כרטיס קרם הוא נעלם, ולכן הוא עובר ללבן */
.bp-card__price > .woocommerce-Price-amount,
.bp-card__price ins{
  background:#FFFFFF;
  box-shadow:inset 0 0 0 1px rgba(10,10,10,.06);
}

/* קווי ההפרדה של שורת המפרט מתכהים קלות כדי להישאר נראים על קרם */
.bp-card .bp-specs{ border-block-color:rgba(10,10,10,.10); }
.bp-card .bp-spec{ border-inline-start-color:rgba(10,10,10,.10); }
.bp-card .bp-spec:last-child{ border-inline-start:0; }


/* ==================================================================
   2. כפתור החיצים באריחי הקטגוריות — שחור הלוגו, כתום בריחוף
   המבנה נשאר: ::before הוא הקו הלבן, ::after הוא המילוי.
   רק המילוי מתחלף, והטשטוש מיותר על מילוי אטום ולכן בוטל.
   ================================================================== */

.cat__badge::after{
  background:var(--c-ink);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.cat__tile:hover .cat__badge::after,
.cat__tile:focus-within .cat__badge::after,
.cat__tile:focus-visible .cat__badge::after{
  background:var(--c-orange);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}


/* ==================================================================
   3. סל הקניות במחשב — כרטיס הסיכום נחתך
   ווקומרס מגדירה .cart-collaterals .cart_totals{ float:right; width:48% }.
   בעמודה של 340px זה הצטמצם ל-163px, הכותרת נשברה לשלוש שורות
   ושורות המשלוח הארוכות גלשו החוצה. כאן הצף מבוטל, העמודה
   מתרחבת מעט, וטבלת הסיכום עוברת לשורות בלוק שיודעות לרדת שורה.
   ================================================================== */

/* רק במחשב: מתחת ל-901px shop.css מקפל לעמודה אחת, ואסור לדרוס את זה. */
@media (min-width:901px){
  .page--cart .woocommerce{
    grid-template-columns:minmax(0,1fr) minmax(0,360px);
  }
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals{ width:100%; }

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals{
  float:none;
  width:100%;
  max-width:none;
  margin:0;
  padding:var(--s-3);
}

.cart_totals h2{
  font-size:1.15rem;
  line-height:1.25;
  margin:0 0 var(--s-2);
}

.woocommerce .cart_totals table,
.woocommerce-page .cart_totals table{
  table-layout:fixed;
  width:100%;
  margin:0;
}
.woocommerce .cart_totals table tbody,
.woocommerce-page .cart_totals table tbody,
.woocommerce .cart_totals table tr,
.woocommerce-page .cart_totals table tr{ display:block; width:100%; }

.woocommerce .cart_totals table tr,
.woocommerce-page .cart_totals table tr{
  padding-block:12px;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.woocommerce .cart_totals table tr:last-child,
.woocommerce-page .cart_totals table tr:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td,
.woocommerce-page .cart_totals table th,
.woocommerce-page .cart_totals table td{
  display:block;
  width:100%;
  padding:0;
  border:0;
  text-align:start;
  overflow-wrap:anywhere;
  font-size:.92rem;
}
.woocommerce .cart_totals table th,
.woocommerce-page .cart_totals table th{
  font-weight:var(--w-medium);
  color:var(--c-slate);
  margin-bottom:6px;
}

/* שתי השורות הקצרות חוזרות לשורה אחת: תווית מימין, סכום משמאל */
.woocommerce .cart_totals tr.cart-subtotal,
.woocommerce .cart_totals tr.order-total,
.woocommerce-page .cart_totals tr.cart-subtotal,
.woocommerce-page .cart_totals tr.order-total{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
.woocommerce .cart_totals tr.cart-subtotal th,
.woocommerce .cart_totals tr.order-total th,
.woocommerce-page .cart_totals tr.cart-subtotal th,
.woocommerce-page .cart_totals tr.order-total th{
  width:auto;
  margin:0;
}
.woocommerce .cart_totals tr.cart-subtotal td,
.woocommerce .cart_totals tr.order-total td,
.woocommerce-page .cart_totals tr.cart-subtotal td,
.woocommerce-page .cart_totals tr.order-total td{
  width:auto;
  text-align:end;
  font-weight:var(--w-bold);
  color:var(--c-ink);
}
.woocommerce .cart_totals tr.order-total th,
.woocommerce-page .cart_totals tr.order-total th{
  color:var(--c-ink);
  font-weight:var(--w-black);
  font-size:1rem;
}

/* אפשרויות האיסוף — רשימה אנכית, שם סניף שלם בשורה שיודעת לרדת */
.cart_totals .woocommerce-shipping-methods{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.cart_totals .woocommerce-shipping-methods li{
  display:flex;
  gap:8px;
  align-items:flex-start;
}
.cart_totals .woocommerce-shipping-methods li input{
  margin-top:5px;
  flex:none;
  accent-color:var(--c-orange);
}
.cart_totals .woocommerce-shipping-methods label{
  font-size:.9rem;
  line-height:1.45;
  color:var(--c-ink);
}
.cart_totals .woocommerce-shipping-destination{
  margin:10px 0 0;
  font-size:.82rem;
  line-height:1.5;
  color:var(--c-slate);
}
.cart_totals .shipping-calculator-button{ font-size:.82rem; }


/* ==================================================================
   5. סרטון האווירה — כותרת קרנטינה ממורכזת וכפתור "קנו עכשיו"
   הכיתוב עבר מפינה תחתונה למרכז המסגרת, בפונט התצוגה של המותג.
   "לרכוב" בכתום הלוגו, "ברמה אחרת" בלבן, ומתחת כפתור לבן
   עם כיתוב שחור. הצעיף מעל הסרטון הוחזק מרוסן בכוונה.
   ================================================================== */

.bx-atmo__frame::after{
  background:
    linear-gradient(to top,
      rgba(9,9,10,.58) 0%,
      rgba(9,9,10,.34) 42%,
      rgba(9,9,10,.26) 100%),
    radial-gradient(78% 68% at 50% 50%,
      rgba(9,9,10,.30) 0%,
      rgba(9,9,10,.06) 62%,
      rgba(9,9,10,0) 100%);
}

.bx-atmo__overlay{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(14px, 2.2vw, 26px);
  padding:var(--gutter);
  text-align:center;
}

.bx-atmo__caption{
  position:static;
  inset:auto;
  margin:0;
  opacity:1;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:0 .25em;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(2.6rem, 7.6vw, 6rem);
  line-height:.96;
  letter-spacing:.005em;
  text-shadow:0 3px 26px rgba(0,0,0,.55);
}
.bx-atmo__caption-lead{ color:var(--c-orange); }
.bx-atmo__caption-rest{ color:#FFFFFF; }

.bx-atmo__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:clamp(11px, 1.3vw, 15px) clamp(26px, 3vw, 40px);
  background:#FFFFFF;
  color:var(--c-ink);
  font-family:var(--font);
  font-size:clamp(.95rem, 1.5vw, 1.1rem);
  font-weight:var(--w-black);
  line-height:1;
  text-decoration:none;
  clip-path:var(--cut-shape);
  --cut:12px;
  --cut-shape:polygon(
    var(--cut) 0,
    100% 0,
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    0 100%,
    0 var(--cut)
  );
  transition:background .3s ease, color .3s ease, transform .3s ease;
}
.bx-atmo__cta:hover,
.bx-atmo__cta:focus-visible{
  background:var(--c-orange);
  color:#FFFFFF;
  transform:translateY(-2px);
}

@media (prefers-reduced-motion:reduce){
  .bx-atmo__cta{ transition:none; }
  .bx-atmo__cta:hover,
  .bx-atmo__cta:focus-visible{ transform:none; }
}

@media (max-width:700px){
  .bx-atmo__overlay{ gap:16px; }
}


/* ==================================================================
   6. סרטון האווירה — כל רוחב הסקשן, פינות חדות
   קודם המסגרת היתה מוגבלת ל-1280px עם קטימה בפינות וריפוד אנכי.
   עכשיו הסרטון נוגע בשני קצות המסך וממלא את הסקשן כולו.
   ================================================================== */

.bx-atmo{ padding-block:0; }

.bx-atmo__frame{
  width:100%;
  max-width:none;
  margin-inline:0;
  --cut:0px;
  clip-path:none;
  border-radius:0;
}


/* ==================================================================
   7. ניווט בנייד — שלושה כפתורים בלבד
   קורקינטים ואופניים (כל הכלים) · מבצעים · אביזרים.
   הכלל הישן הסתיר לפי מיקום ברשימה (nth-child), ולכן כל שינוי
   בסדר הקטגוריות היה משנה מי נעלם. כאן הבחירה לפי זהות
   הקטגוריה, כך שהיא מחזיקה גם אם יתווסף פריט בעתיד.
   ================================================================== */

.pill-nav__list .menu-item--mobonly{ display:none; }

@media (max-width:760px){

  .pill-nav .pill-nav__list .menu-item--mobonly{ display:block; }

  .pill-nav .pill-nav__list .menu-item--cat-electric-scooters,
  .pill-nav .pill-nav__list .menu-item--cat-electric-bikes,
  .pill-nav .pill-nav__list .menu-item--cat-bikes,
  .pill-nav .pill-nav__list .menu-item--cat-kids,
  .pill-nav .pill-nav__list .menu-item--lab{ display:none; }

  .pill-nav .pill-nav__list .menu-item--cat-sale,
  .pill-nav .pill-nav__list .menu-item--cat-accessories{ display:block; }

  .pill-nav__list{ gap:8px; }
}


/* ==================================================================
   8. פופאפ ההודעה
   אותה שפה של האתר: קופסה קרמית עם קטימה אלכסונית, כותרת Heebo 900,
   כיתוב מקדים כתום וכפתור ראשי אחד. בלי צללים כבדים ובלי צבע חדש.
   ================================================================== */

.bpop[hidden]{ display:none; }

.bpop{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  padding:var(--gutter);
}

.bpop__scrim{
  position:absolute;
  inset:0;
  background:rgba(9,9,10,.62);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  opacity:0;
  transition:opacity .3s ease;
}
.bpop.is-open .bpop__scrim{ opacity:1; }

.bpop__box{
  position:relative;
  z-index:1;
  inline-size:min(560px, 100%);
  max-block-size:calc(100dvh - 2 * var(--gutter));
  overflow:auto;
  background:var(--c-plate);
  clip-path:var(--cut-media-shape);
  opacity:0;
  transform:translateY(14px) scale(.98);
  transition:opacity .32s cubic-bezier(.2,.7,.3,1), transform .32s cubic-bezier(.2,.7,.3,1);
}
.bpop.is-open .bpop__box{
  opacity:1;
  transform:none;
}

/* עם תמונה: שתי עמודות במחשב, אחת מתחת לשנייה בנייד */
.bpop--media .bpop__box{ inline-size:min(760px, 100%); }

@media (min-width:700px){
  .bpop--media .bpop__box{
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1fr);
    align-items:stretch;
  }
}

.bpop__media{
  background:var(--c-graphite);
  overflow:hidden;
  aspect-ratio:16/10;
}
@media (min-width:700px){
  .bpop__media{ aspect-ratio:auto; block-size:100%; }
}
.bpop__media img{
  inline-size:100%;
  block-size:100%;
  object-fit:cover;
  display:block;
}

.bpop__body{
  padding:clamp(24px, 3.4vw, 40px);
  text-align:start;
}

.bpop__eyebrow{
  display:inline-block;
  margin-bottom:var(--s-2);
  padding:6px 14px;
  background:var(--c-orange);
  color:#FFFFFF;
  font-size:.8rem;
  font-weight:var(--w-black);
  letter-spacing:.03em;
  line-height:1;
  --cut:8px;
  --cut-shape:polygon(
    var(--cut) 0,
    100% 0,
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    0 100%,
    0 var(--cut)
  );
  clip-path:var(--cut-shape);
}

.bpop__title{
  margin:0 0 var(--s-2);
  font-size:clamp(1.45rem, 3.2vw, 2rem);
  font-weight:var(--w-black);
  line-height:1.15;
  letter-spacing:-.015em;
  color:var(--c-ink);
}

.bpop__text{
  margin:0 0 var(--s-3);
  font-size:var(--t-body);
  line-height:1.65;
  color:#5C5651;
}

.bpop .bpop__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  inline-size:100%;
  padding:14px 26px;
  font-size:1.02rem;
  font-weight:var(--w-black);
  text-decoration:none;
}

.bpop__dismiss{
  display:block;
  margin:var(--s-2) auto 0;
  padding:6px 2px;
  background:none;
  border:0;
  font:inherit;
  font-size:.85rem;
  color:var(--c-slate);
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.bpop__dismiss:hover,
.bpop__dismiss:focus-visible{ color:var(--c-ink); }

.bpop__close{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  inline-size:38px;
  block-size:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  cursor:pointer;
  background:rgba(10,10,10,.86);
  color:#FFFFFF;
  --cut:9px;
  --cut-shape:polygon(
    var(--cut) 0,
    100% 0,
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    0 100%,
    0 var(--cut)
  );
  clip-path:var(--cut-shape);
  transition:background .18s ease;
}
.bpop__close:hover,
.bpop__close:focus-visible{ background:var(--c-orange); }
.bpop__close svg{ inline-size:17px; block-size:17px; }

/* העמוד לא נגלל מאחורי הפופאפ */
body.bpop-open{ overflow:hidden; }

@media (prefers-reduced-motion:reduce){
  .bpop__scrim,
  .bpop__box{ transition:none; }
  .bpop__box{ transform:none; }
}


/* ==================================================================
   9. כרטיסי הביקורות — קטנים ובגודל אחיד
   קודם הפריסה היתה אסימטרית והגובה נגזר מאורך הטקסט,
   כך שהמלצה ארוכה נתנה קופסה ענקית וקצרה נתנה קופסה ריקה.
   עכשיו שלוש קוביות זהות בגודל קבוע, וטקסט ארוך נחתך בסוף השורה
   החמישית במקום למתוח את הקופסה.
   ================================================================== */

.tst__grid{
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:var(--s-2);
}

/* העטיפה הפנימית מפסיקה להיות קופסה: שלושת הכרטיסים באותה רשת */
.tst__stack{ display:contents; }

.tst__card{
  block-size:clamp(168px, 16.5vw, 196px);
  padding:clamp(13px, 1.4vw, 19px);
  border-radius:12px;
  overflow:hidden;
}

.tst__mark{
  margin-bottom:2px;
  font-size:1.5rem;
  line-height:.72;
}

.tst__text,
.tst__card--feature .tst__text{
  font-size:clamp(.78rem, 1vw, .88rem);
  line-height:1.5;
  display:-webkit-box;
  -webkit-line-clamp:5;
  line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
  /* גובה חמש שורות מדויק, כדי שהפלקס לא יכווץ את הקופסה ויחתוך באמצע שורה */
  block-size:calc(5 * 1.5em);
  flex:none;
}

.tst__name{
  padding-top:10px;
  font-size:.8rem;
}
.tst__name::before{
  inline-size:22px;
  block-size:2px;
  margin-bottom:7px;
}

@media (max-width:760px){
  .tst__grid{ grid-template-columns:1fr; gap:10px; }
  .tst__card{ block-size:138px; }
  .tst__text,
  .tst__card--feature .tst__text{
    -webkit-line-clamp:3;
    line-clamp:3;
    block-size:calc(3 * 1.5em);
  }
}


/* ==================================================================
   10. כרטיס מוצר — מקום קבוע לכל אלמנט
   לכל שורה בכרטיס יש גובה קבוע, ולכן התמונה, המחיר, שורת
   המפרט והכפתור מתיישרים בדיוק באותו גובה בכל הכרטיסים בשורה.
   הגובה נמדד ב-rem/vw ולא ב-em בכוונה: assets/js/fit-card.js מקטין את
   גודל הפונט כשהטקסט ארוך מדי, וקופסה ב-em היתה מתכווצת איתו
   והבעיה לא היתה נפתרת לעולם.
   ================================================================== */

.bp-card__category{
  block-size:clamp(.98rem, 2.1vw, 1.16rem);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.bp-card__title{
  block-size:clamp(2.5rem, 5.5vw, 3.06rem);
  line-height:1.25;
  overflow:hidden;
}
.bp-card__title a{
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.bp-card__model{
  block-size:clamp(1.24rem, 2.9vw, 1.5rem);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.bp-card__price{
  block-size:clamp(2rem, 4.2vw, 2.5rem);
  align-items:center;
  overflow:hidden;
}

.bp-spec__value{
  block-size:clamp(1.08rem, 2.5vw, 1.4rem);
  overflow:hidden;
  white-space:nowrap;
}
.bp-spec__label{
  block-size:clamp(.96rem, 2.3vw, 1.3rem);
  overflow:hidden;
  white-space:nowrap;
}

/* שורת המפרט תמיד שלוש עמודות שוות, גם כשחסר נתון */
.bp-card .bp-specs{ grid-template-columns:repeat(3, minmax(0,1fr)); }


/* ==================================================================
   11. ראש כרטיס המוצר: קטגוריה קטנה → חברה בגדול → דגם
   קודם שם המוצר המלא ישב בכותרת, והוא מכיל בתוכו גם את הקטגוריה
   וגם את הדגם — כך שאותו מידע הופיע שלוש פעמים בכרטיס אחד.
   עכשיו הכותרת היא שם החברה והיא מובילה לארכיון המותג;
   שורת הדגם מתחתיה מובילה לעמוד המוצר עצמו.
   ================================================================== */

.bp-card__title{
  block-size:clamp(1.62rem, 3.5vw, 2.05rem);
  font-size:clamp(1.15rem, 2.7vw, 1.55rem);
  line-height:1.3;
  letter-spacing:-.01em;
  margin-bottom:2px;
  overflow:hidden;
}

/* הכותרת היא שורה אחת עכשיו — הכלל הקודם של שתי שורות מבוטל */
.bp-card__title a,
.bp-card__brand{
  display:block;
  -webkit-line-clamp:none;
  line-clamp:none;
  white-space:nowrap;
  overflow:hidden;
  color:var(--c-ink);
  text-decoration:none;
  transition:color .18s ease;
}
.bp-card__title a:hover,
.bp-card__title a:focus-visible{ color:var(--c-orange-deep); }

.bp-card__model a{
  color:inherit;
  text-decoration:none;
  transition:color .18s ease;
}
.bp-card__model a:hover,
.bp-card__model a:focus-visible{ color:var(--c-ink); }

/*
 * בלי שלוש נקודות: טקסט שלא נכנס מקבל פונט קטן יותר מ-fit-card.js
 * ולא נחתך. כך כל מה שכתוב בכרטיס נקרא במלואו.
 */
.bp-card__category,
.bp-card__model{ text-overflow:clip; }


/* ==================================================================
   12. נייד — קטימה עדינה יותר בכפתורי הניווט
   --cut-shape מוגדר מחדש ולא רק --cut: משתנה מקונן נפתר מול האלמנט
   שבו הוא הוגדר (השורש), ולכן שינוי של --cut לבדו לא היה משפיע.
   ================================================================== */

@media (max-width:760px){
  .pill-nav__list a{
    --cut:5px;
    --cut-shape:polygon(
      var(--cut) 0,
      100% 0,
      100% calc(100% - var(--cut)),
      calc(100% - var(--cut)) 100%,
      0 100%,
      0 var(--cut)
    );
  }
}


/* ==================================================================
   13. קטימה עדינה בכל האתר
   הקטימה האלכסונית היא חתימת המותג, אבל ב-12px היא אגרסיבית
   מדי. כאן היא יורדת ל-5px בכפתורים ול-8px במסגרות ובאריחים.

   שינוי --cut בשורש מספיק לרוב האתר, כי --cut-shape מוגדר בשורש
   ומשתנה מקונן נפתר מול האלמנט שבו הוא הוגדר. אבל כל רכיב
   שהגדיר לעצמו --cut-shape חדש חייב לקבל את הערך החדש במפורש,
   ולכן הרשימה הארוכה מטה.
   ================================================================== */

:root{
  --cut:5px;
  --cut-media:8px;
}

.btn-ride,
.btn--hero,
.fbranch__nav,
.cat__badge,
.bp-card__reveal-btn,
.bp-card__badge,
.bp-card__price > .woocommerce-Price-amount,
.bp-card__price ins,
.bp-card .btn--primary,
.bp-empty__badge,
.pdp .bp-save,
.pdp__buy .quantity .qty,
.pdp .single_add_to_cart_button,
.pdp-add__card,
.pdp-add__submit,
.pdp-pill,
.pdp-spec__card,
.pdp-note,
.bp-cart__actions .button,
.return-to-shop .button,
#place_order,
.cartdrawer__thumb,
.cartdrawer__checkout,
.cartdrawer__shop,
.cart-toast,
.cart-toast__open,
.contact__field input,
.contact__field textarea,
.contact__submit,
.meet__cta,
.bx-atmo__cta,
.bpop__eyebrow,
.bpop__close,
.pill-nav__list a{
  --cut:5px;
  --cut-shape:polygon(
    5px 0,
    100% 0,
    100% calc(100% - 5px),
    calc(100% - 5px) 100%,
    0 100%,
    0 5px
  );
}

/* מסגרות ואריחים — קטימה רכה במקום הפינה החתוכה הגדולה */
.cat__tile,
.pdp__gallery,
.pdp-stats,
.meet__shot--main,
.meet__shot--float,
.contact__box{
  --cut-media:8px;
  --cut-media-shape:polygon(
    8px 0,
    100% 0,
    100% calc(100% - 8px),
    calc(100% - 8px) 100%,
    0 100%,
    0 8px
  );
}

/* הסרטון נשאר בפינות חדות לגמרי, כפי שנקבע */
.bx-atmo__frame{ clip-path:none; }


/* ==================================================================
   14. המחיר בכרטיס המוצר — ממורכז
   קודם המחיר נצמד לצד אחד והמחיר הקודם נדחף לשני.
   עכשיו שניהם יושבים במרכז הכרטיס, צמודים זה לזה.
   ================================================================== */

.bp-card__price{
  justify-content:center;
  text-align:center;
}
.bp-card__price del{ margin-inline-start:0; }


/* ==================================================================
   15. פופאפ במצב "תמונה בלבד"
   התמונה היא כל הפופאפ: בלי ריפוד, בלי רקע קרם, וביחס גובה-רוחב
   האמיתי של הקובץ. כפתור הסגירה נשאר צף מעליה.
   ================================================================== */

.bpop--image .bpop__box{
  inline-size:min(620px, 100%);
  background:transparent;
  display:block;
}

.bpop--image .bpop__media{
  aspect-ratio:auto;
  background:transparent;
  block-size:auto;
}

.bpop--image .bpop__media a{ display:block; }

.bpop--image .bpop__media img{
  inline-size:100%;
  block-size:auto;
  max-block-size:calc(100dvh - 2 * var(--gutter));
  object-fit:contain;
}


/* ==================================================================
   17. הצללה על תמונות סקשן המעבדה
   צעיף גרפיט מלמטה למעלה, כמו באריחי הקטגוריות — נותן עומק
   לתמונה ומחבר אותה לכרטיס הקרם שבאמצע במקום שתיראה נגדו.
   ================================================================== */

.svc__media{ position:relative; }

.svc__media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(to top,
      rgba(9,9,10,.58) 0%,
      rgba(9,9,10,.30) 38%,
      rgba(9,9,10,.08) 70%,
      rgba(9,9,10,0)   100%),
    radial-gradient(120% 90% at 50% 100%,
      rgba(9,9,10,.22) 0%,
      rgba(9,9,10,0)   70%);
  transition:opacity .45s cubic-bezier(.2,.7,.3,1);
}

@media (hover:hover){
  .svc__media:hover::after{ opacity:.7; }
}


/* ==================================================================
   18. עמוד מוצר בלי תמונות
   כשאין למוצר תמונה ראשית ולא גלריה, המסגרת הריקה יורדת
   וקופסת הקנייה נפרשת על כל הרוחב.
   ================================================================== */

.pdp__hero--nomedia{
  grid-template-columns:minmax(0,1fr);
  max-inline-size:760px;
}

@media (min-width:901px){
  .pdp__hero--nomedia{ grid-template-columns:minmax(0,1fr); }
}

/* רשת "הכלי מקרוב" מציגה עכשיו תמונות אמיתיות מהגלריה */
.pdp-show__cell img{
  display:block;
  inline-size:100%;
  block-size:100%;
  object-fit:cover;
  border-radius:var(--r-media);
}
.pdp-show__cell--tall img{ min-block-size:300px; }

/* כשאין תמונות בגלריה — רק הטקסט, על כל הרוחב */
.pdp-show__inner--text .pdp-show__text{ max-inline-size:70ch; }
.pdp-show__inner--text{ grid-template-columns:minmax(0,1fr); }

@media (max-width:820px){
  .pdp-show__cell--tall img{ min-block-size:0; }
}


/* ==================================================================
   19. איקוני שלושת היתרונות — קטנים יותר במחשב
   האיקון הוא תווית לכותרת, לא איור עצמאי. התקרה ירדה מ-112px
   ל-70px; בנייד הגודל לא השתנה.
   ================================================================== */

:root{
  --feat-icon:clamp(56px, 8vw, 70px);
}


/* ==================================================================
   20. לוגו המותג בעמוד המותג
   רצועה שקטה מעל כותרת הקטגוריה — הלוגו מזהה את החברה
   לפני שקוראים את השם.
   ================================================================== */

.brand-hero{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:var(--s-3);
}

/*
 * גודל טבעי עם תקרה בלבד, בלי מתיחה למעלה: חלק מהקבצים הקיימים
 * הם ברזולוציה נמוכה (124×28) והגדלה שלהם היתה מטשטשת אותם.
 * לוגו איכותי שיועלה למותג יקבל את מלוא הגובה.
 */
.brand-hero__logo{
  display:block;
  inline-size:auto;
  block-size:auto;
  max-inline-size:min(260px, 62vw);
  max-block-size:clamp(40px, 5.5vw, 62px);
  object-fit:contain;
}


/* ==================================================================
   21. המחיר בכרטיס — בלי השבב הלבן
   המחיר עצמו נשאר; רק המלבן הקטום שמסביבו יורד.
   ================================================================== */

.bp-card__price > .woocommerce-Price-amount,
.bp-card__price ins{
  background:none;
  box-shadow:none;
  padding:0;
  clip-path:none;
}


/* ==================================================================
   22. עמוד המוצר — גלריה, כותרת וכפתורים
   Karantina שמור לשם המוצר ולמספרי האריחים בלבד; כותרות הסקשנים
   נשארות Heebo, כדי שהעמוד לא ייראה מנותק משאר האתר.
   ================================================================== */

.pdp .product_title{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(2.2rem, 5vw, 3.4rem);
  line-height:.98;
}

/* זום עדין על התמונה הראשית, וטבעת כתומה על התמונונה הפעילה */
.pdp__gallery .woocommerce-product-gallery__image{ overflow:hidden; }
.pdp__gallery .woocommerce-product-gallery__image img{ transition:transform .5s ease; }

@media (hover:hover){
  .pdp__gallery .woocommerce-product-gallery__image:hover img{ transform:scale(1.07); }
  .pdp__gallery .flex-control-thumbs img:hover{ opacity:1; }
}

.pdp__gallery .flex-control-thumbs img{
  opacity:.6;
  transition:opacity .25s ease, box-shadow .25s ease;
}
.pdp__gallery .flex-control-thumbs img.flex-active{
  opacity:1;
  box-shadow:0 0 0 2px var(--c-orange);
}
.pdp__gallery .flex-control-thumbs img:focus-visible{
  outline:2px solid var(--c-orange);
  outline-offset:2px;
}

/* כפתור וואטסאפ משני מתחת לכפתור הראשי */
.pdp-wa{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-top:var(--s-2);
  padding:13px 22px;
  font-weight:var(--w-bold);
  font-size:.98rem;
  color:var(--c-ink);
  text-decoration:none;
  background:transparent;
  box-shadow:inset 0 0 0 1.5px var(--c-ink);
  clip-path:var(--cut-shape);
  transition:background .18s ease, color .18s ease;
}
.pdp-wa svg{ inline-size:19px; block-size:19px; flex:none; color:#25D366; }
.pdp-wa:hover,
.pdp-wa:focus-visible{ background:var(--c-ink); color:#FFFFFF; }
.pdp-wa:hover svg{ color:#FFFFFF; }


/* ==================================================================
   23. רצועת הכביש המונפשת
   פס אספלט עם קווים לבנים שרצים, ושתי רצועות אזהרה כתום-שחור.
   ================================================================== */

.pdp-road{
  position:relative;
  display:block;
  inline-size:100%;
  block-size:clamp(46px, 6vw, 68px);
  background:#0E0E10;
  overflow:hidden;
  margin-block:clamp(26px, 4vw, 52px);
}

.pdp-road__edge{
  position:absolute;
  inset-inline:0;
  block-size:9px;
  background-image:repeating-linear-gradient(
    -45deg,
    var(--c-orange) 0 14px,
    #0E0E10 14px 28px
  );
  background-size:39.6px 100%;
  animation:pdp-road-edge 1.1s linear infinite;
}
.pdp-road__edge--top{ inset-block-start:0; }
.pdp-road__edge--bottom{ inset-block-end:0; }

.pdp-road__lane{
  position:absolute;
  inset-block:9px;
  inset-inline:0;
  display:grid;
  place-items:center;
  overflow:hidden;
}

.pdp-road__dashes{
  display:block;
  inline-size:200%;
  block-size:5px;
  background-image:repeating-linear-gradient(
    to right,
    #F3F1EE 0 56px,
    transparent 56px 112px
  );
  animation:pdp-road-lane 2.4s linear infinite;
}

@keyframes pdp-road-edge{
  to{ background-position:39.6px 0; }
}
@keyframes pdp-road-lane{
  from{ transform:translateX(0); }
  to{ transform:translateX(-112px); }
}

@media (prefers-reduced-motion:reduce){
  .pdp-road__edge,
  .pdp-road__dashes{ animation:none; }
}


/* ==================================================================
   24. טקסט שיווקי לצד תמונת אווירה
   ================================================================== */

.pdp-show__atmo{
  margin:0;
  overflow:hidden;
  clip-path:var(--cut-media-shape);
  background:var(--c-graphite);
  aspect-ratio:4/3;
}
.pdp-show__atmo img{
  inline-size:100%;
  block-size:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s cubic-bezier(.2,.7,.3,1);
}
@media (hover:hover){
  .pdp-show__atmo:hover img{ transform:scale(1.04); }
}

.pdp-show--text .pdp-show__inner{ grid-template-columns:minmax(0,1fr); }
.pdp-show--text .pdp-show__text{ max-inline-size:70ch; }


/* ==================================================================
   25. אריחי הנתונים — מספר כהה מחובר ליתרון לבן
   שני החלקים חולקים קצה — אין רווח ביניהם והצמד נקרא כיחידה אחת.
   ================================================================== */

.pdp-hl__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:clamp(10px, 1.4vw, 18px);
}

@media (min-width:1024px){
  .pdp-hl__grid{ grid-template-columns:repeat(4, minmax(0,1fr)); }
}

.pdp-hl__unit{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  clip-path:var(--cut-media-shape);
}

.pdp-hl__metric{
  background:var(--c-tile-dark);
  color:#FFFFFF;
  padding:clamp(18px, 2.2vw, 26px) clamp(14px, 1.8vw, 22px);
  text-align:center;
}

.pdp-hl__num{
  display:block;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(2.4rem, 5.4vw, 3.6rem);
  line-height:.9;
  color:var(--c-orange);
  overflow-wrap:anywhere;
}
.pdp-hl__unit-text{
  font-family:var(--font);
  font-weight:var(--w-black);
  font-size:.34em;
  margin-inline-start:.18em;
  color:#FFFFFF;
}

.pdp-hl__label{
  display:block;
  margin-top:8px;
  font-size:.85rem;
  font-weight:var(--w-medium);
  letter-spacing:.02em;
  color:#B3ACA4;
}

.pdp-hl__benefit{
  flex:1;
  background:#FFFFFF;
  box-shadow:inset 0 0 0 1px var(--c-hairline);
  padding:clamp(14px, 1.8vw, 20px) clamp(14px, 1.8vw, 22px);
  font-size:.9rem;
  line-height:1.6;
  color:#55524F;
  text-align:center;
}


/* ==================================================================
   26. תיבת המשפט הבולט
   ================================================================== */

.pdp-teaser__box{
  position:relative;
  overflow:hidden;
  padding:clamp(26px, 4vw, 48px) clamp(20px, 4vw, 56px);
  background:var(--g-orange);
  color:#FFFFFF;
  clip-path:var(--cut-media-shape);
  text-align:center;
}

.pdp-teaser__text{
  position:relative;
  z-index:1;
  margin:0;
  font-size:clamp(1.15rem, 2.6vw, 1.7rem);
  font-weight:var(--w-black);
  line-height:1.4;
  text-wrap:balance;
}

.pdp-teaser__shine{
  position:absolute;
  inset-block:0;
  inline-size:38%;
  inset-inline-start:-40%;
  background:linear-gradient(100deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.26) 50%,
    rgba(255,255,255,0) 100%);
  animation:pdp-shine 3.6s ease-in-out infinite;
  pointer-events:none;
}

@keyframes pdp-shine{
  0%   { inset-inline-start:-40%; }
  55%  { inset-inline-start:110%; }
  100% { inset-inline-start:110%; }
}

@media (prefers-reduced-motion:reduce){
  .pdp-teaser__shine{ animation:none; opacity:0; }
}


/* ==================================================================
   27. מפרט טכני — לשוניות, קוביות וחשיפה בגלילה
   הקוביות נכנסות אחת אחרי השנייה בהפרשי 75ms, עם קו התקדמות כתום
   בצד. הכל על transform ו-opacity בלבד.
   ================================================================== */

.pdp-spec{ position:relative; }

.pdp-spec__rail{
  position:absolute;
  inset-block:clamp(20px, 3vw, 40px);
  inset-inline-start:clamp(6px, 1.4vw, 18px);
  inline-size:3px;
  background:rgba(10,10,10,.09);
  overflow:hidden;
}
.pdp-spec__rail-fill{
  display:block;
  inline-size:100%;
  block-size:0%;
  background:var(--c-orange);
  transition:block-size .12s linear;
}

@media (max-width:900px){
  .pdp-spec__rail{ display:none; }
}

/* --- לשוניות --- */

.pdp-spec__tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:clamp(18px, 2.4vw, 28px);
}

.pdp-spec__tab{
  padding:9px 18px;
  font:inherit;
  font-size:.92rem;
  font-weight:var(--w-bold);
  color:var(--c-ink);
  background:#FFFFFF;
  border:1px solid var(--c-hairline);
  cursor:pointer;
  clip-path:var(--cut-shape);
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}
.pdp-spec__tab:hover{ border-color:var(--c-ink); }

.pdp-spec__tab.is-active{
  background:var(--c-orange);
  border-color:var(--c-orange);
  color:#FFFFFF;
}
.pdp-spec__tab:focus-visible{
  outline:2px solid var(--c-orange);
  outline-offset:2px;
}

/* --- הקוביות --- */

.pdp-spec__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:clamp(10px, 1.4vw, 16px);
}

@media (min-width:640px){
  .pdp-spec__grid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (min-width:1024px){
  .pdp-spec__grid{ grid-template-columns:repeat(4, minmax(0,1fr)); }
}

.pdp-spec__card[hidden]{ display:none; }

/* המצב הרגיל הוא גלוי: בלי JS הכל נראה כרגיל */
.pdp-spec.is-armed .pdp-spec__card{
  opacity:0;
  transform:translateY(24px) rotateX(6deg);
}
.pdp-spec.is-armed .pdp-spec__head,
.pdp-spec.is-armed .pdp-spec__tabs{
  opacity:0;
  transform:translateY(16px);
}

.pdp-spec.is-in .pdp-spec__card{
  opacity:1;
  transform:none;
  transition:opacity .6s ease-out, transform .6s cubic-bezier(.22,.61,.36,1);
  transition-delay:calc(var(--i, 0) * 75ms);
}
.pdp-spec.is-in .pdp-spec__head,
.pdp-spec.is-in .pdp-spec__tabs{
  opacity:1;
  transform:none;
  transition:opacity .5s ease-out, transform .5s cubic-bezier(.22,.61,.36,1);
}
.pdp-spec.is-in .pdp-spec__tabs{ transition-delay:.1s; }

.pdp-spec__empty{
  margin:var(--s-3) 0 0;
  color:var(--c-slate);
  font-size:.95rem;
}
.pdp-spec__empty[hidden]{ display:none; }

@media (prefers-reduced-motion:reduce){
  .pdp-spec.is-armed .pdp-spec__card,
  .pdp-spec.is-armed .pdp-spec__head,
  .pdp-spec.is-armed .pdp-spec__tabs{ opacity:1; transform:none; }
  .pdp-spec.is-in .pdp-spec__card{ transition:none; }
  .pdp-spec__rail-fill{ transition:none; }
}


/* ==================================================================
   28. אביזרים — אותם כרטיסים של כל האתר
   ================================================================== */

.pdp-add__grid{ margin-top:var(--s-3); }

@media (max-width:1000px){
  .pdp-add__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}


/* ==================================================================
   29. מפרט טכני — קופסה אחת גדולה
   במקום עשר קופסאות שחורות נפרדות — לוח קרם עדין אחד, כיתוב שחור
   ואיקונים כתומים. כל נתון הוא שורה בלוח, לא אי בפני עצמו.
   ================================================================== */

.pdp-spec.pdp-sec--plate{ background:var(--c-canvas); }

.pdp-spec__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:0 clamp(18px, 3vw, 46px);
  background:#FBF8F4;
  padding:clamp(10px, 1.6vw, 22px) clamp(16px, 2.4vw, 34px);
  clip-path:var(--cut-media-shape);
}

@media (max-width:760px){
  .pdp-spec__grid{ grid-template-columns:minmax(0,1fr); }
}

.pdp-spec__card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:clamp(13px, 1.5vw, 17px) 0;
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(10,10,10,.09);
  clip-path:none;
  transform:none;
}
.pdp-spec__card:hover{
  background:transparent;
  border-color:rgba(10,10,10,.09);
  transform:none;
}

.pdp-spec__icon-wrap{ display:block; line-height:0; }
.pdp-spec__icon{
  inline-size:22px;
  block-size:22px;
  fill:var(--c-orange);
  color:var(--c-orange);
}

.pdp-spec__label{
  font-size:.94rem;
  font-weight:var(--w-medium);
  color:#4A4644;
}

.pdp-spec__value{
  font-size:1.02rem;
  font-weight:var(--w-black);
  letter-spacing:0;
  line-height:1.4;
  color:var(--c-ink);
  text-align:end;
  overflow-wrap:anywhere;
}
.pdp-spec__unit{ color:#6B6663; }

/* השורה האחרונה בכל עמודה בלי קו תחתון */
.pdp-spec__card:last-child,
.pdp-spec__card:nth-last-child(2):nth-child(odd){ border-bottom:0; }

@media (max-width:760px){
  .pdp-spec__card:nth-last-child(2):nth-child(odd){ border-bottom:1px solid rgba(10,10,10,.09); }
}


/* ==================================================================
   30. עמוד המוצר — הדגם המלא מעל הכותרת
   ================================================================== */

.pdp-show__model{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 10px;
  letter-spacing:0;
}
.pdp-show__brand{
  font-weight:var(--w-black);
  letter-spacing:.06em;
  color:var(--c-orange-deep);
}
.pdp-show__modelname{
  font-weight:var(--w-medium);
  color:var(--c-ink);
  overflow-wrap:anywhere;
}


/* ==================================================================
   31. "השלימו את הרכישה" — כרטיסים קטנים יותר
   אותה שפה, במידות מצומצמות: האביזר הוא תוספת, לא הגיבור.
   ================================================================== */

.pdp-add__grid .bp-card{
  padding:clamp(8px, 1vw, 11px);
  border-radius:12px;
}

.pdp-add__grid .bp-card__category{
  block-size:clamp(.9rem, 1.7vw, 1rem);
  font-size:clamp(.66rem, 1.2vw, .74rem);
}

.pdp-add__grid .bp-card__title{
  block-size:clamp(1.2rem, 2.4vw, 1.45rem);
  font-size:clamp(.88rem, 1.8vw, 1.05rem);
  margin-bottom:0;
}

.pdp-add__grid .bp-card__model{
  block-size:clamp(1rem, 2vw, 1.15rem);
  font-size:clamp(.7rem, 1.3vw, .8rem);
}

.pdp-add__grid .bp-card__price{
  block-size:clamp(1.5rem, 2.8vw, 1.8rem);
  font-size:clamp(.9rem, 1.7vw, 1.05rem);
  margin:6px 0;
}

/* שורת המפרט מיותרת על אביזר — היא שייכת לכלי עצמו */
.pdp-add__grid .bp-specs{ display:none; }

.pdp-add__grid .bp-card .btn--primary{
  padding:7px 10px;
  font-size:clamp(.72rem, 1.4vw, .82rem);
}

.pdp-add__grid .bp-card__reveal{ display:none; }


/* מותג ללא קובץ לוגו — השם בשבב קטום, כדי שלכל עמוד מותג יהיה ראש */
.brand-hero__name{
  display:inline-block;
  padding:10px 26px;
  background:var(--c-tile-dark);
  color:#FFFFFF;
  font-size:clamp(1rem, 2.2vw, 1.3rem);
  font-weight:var(--w-black);
  letter-spacing:.06em;
  line-height:1.2;
  clip-path:var(--cut-shape);
}


/* ==================================================================
   32. עמוד המוצר — סדר חדש (ELI 2026-09-16)
   פתיחה: תמונה בימין עם קוביות מתחת, ובשמאל שם הדגם,
   טקסט קצר, מחיר, שלוש הבטחות ושני כפתורים זה לצד זה.
   ================================================================== */

/* שם הדגם — ממורכז, כך ששורה שנייה נוחתת באמצע */
.pdp .product_title{
  text-align:center;
  text-wrap:balance;
  margin-inline:auto;
}

/* הטקסט הקצר והמחיר — באותו ציר */
.pdp__buy .woocommerce-product-details__short-description{
  text-align:center;
  max-inline-size:52ch;
  margin-inline:auto;
}
.pdp__buy p.price,
.pdp__buy .price{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:baseline;
  gap:10px;
  text-align:center;
}

/* שלוש ההבטחות — שורות נקיות על הדף, בלי קופסה */
.pdp-promise{
  list-style:none;
  margin:var(--s-3) auto 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:11px;
  inline-size:fit-content;
}
.pdp-promise__row{
  display:flex;
  align-items:center;
  gap:11px;
  font-weight:var(--w-bold);
  font-size:1rem;
  line-height:1.25;
  color:var(--c-ink);
}
.pdp-promise__icon{
  inline-size:23px;
  block-size:23px;
  flex:none;
  color:var(--c-orange);
}

/* שורת הפעולה — הוספה לסל וואטסאפ זה לצד זה */
.pdp-actions{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:12px;
  margin-top:var(--s-3);
}
.pdp-actions > form.cart,
.pdp-actions > .pdp-wa{
  flex:1 1 0;
  min-inline-size:0;
  margin:0;
}
.pdp-actions form.cart{
  display:flex;
  align-items:stretch;
  gap:10px;
}
.pdp-actions form.cart .quantity{ flex:none; }
.pdp-actions form.cart button.single_add_to_cart_button{
  flex:1 1 auto;
  margin:0;
  inline-size:auto;
  justify-content:center;
  white-space:nowrap;
}

/* וואטסאפ — ירוק מלא, באותו גובה של כפתור הסל */
.pdp-wa--solid{
  margin-top:0;
  background:#25D366;
  color:#FFFFFF;
  box-shadow:none;
  white-space:nowrap;
}
.pdp-wa--solid svg{ color:#FFFFFF; }
.pdp-wa--solid:hover,
.pdp-wa--solid:focus-visible{
  background:#1DB157;
  color:#FFFFFF;
}
.pdp-wa--solid:hover svg{ color:#FFFFFF; }

@media (max-width:460px){
  .pdp-actions{ flex-wrap:wrap; }
  .pdp-actions > form.cart,
  .pdp-actions > .pdp-wa{ flex:1 1 100%; }
}

/* קוביות התמונות מתחת לתמונה הראשית */
.pdp__gallery .flex-control-thumbs img{
  aspect-ratio:1 / 1;
  object-fit:contain;
  cursor:pointer;
}

/* תמונה רחבה על כל רוחב המסך */
.pdp-wide{
  display:block;
  margin-block:clamp(28px, 4vw, 60px);
  background:var(--c-plate);
}
.pdp-wide__img{
  display:block;
  inline-size:100%;
  block-size:auto;
  max-block-size:min(80vh, 780px);
  object-fit:cover;
}

/* סקשן הסיום — טקסט בימין, תמונה קטנה בשמאל */
.pdp-note__inner{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  gap:clamp(20px, 3vw, 52px);
  align-items:center;
}
.pdp-note__inner--text{ grid-template-columns:minmax(0,1fr); }
.pdp-note__title{
  font-family:var(--font);
  font-weight:var(--w-black);
  font-size:clamp(1.5rem, 2.6vw, 2.1rem);
  line-height:1.15;
  margin:0 0 .55em;
}
.pdp-note__body{
  font-size:1.02rem;
  line-height:1.75;
  color:var(--c-graphite);
}
.pdp-note__body p{ margin:0 0 .8em; }
.pdp-note__body p:last-child{ margin-bottom:0; }
.pdp-note__media{ margin:0; }
.pdp-note__media img{
  display:block;
  inline-size:100%;
  block-size:auto;
  clip-path:var(--cut-media-shape);
}

@media (max-width:820px){
  .pdp-note__inner{ grid-template-columns:minmax(0,1fr); }
}


/* ==================================================================
   33. סרטוני אווירה ברצף (ELI 2026-09-16)
   כל הפריטים יושבים באותה מסגרת, והבא נכנס כשהנוכחי נגמר.
   ================================================================== */

.bx-atmo__item{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .55s ease;
}
.bx-atmo__item.is-active{
  opacity:1;
  pointer-events:auto;
}

.bx-atmo__dots{
  position:absolute;
  z-index:4;
  inset-inline:0;
  inset-block-end:clamp(14px, 2.2vw, 28px);
  display:flex;
  justify-content:center;
  gap:9px;
}

.bx-atmo__dot{
  inline-size:11px;
  block-size:11px;
  padding:0;
  border:0;
  cursor:pointer;
  background:rgba(255,255,255,.45);
  transition:background .2s ease, transform .2s ease;
}
.bx-atmo__dot:hover{ background:rgba(255,255,255,.8); }
.bx-atmo__dot.is-on{
  background:var(--c-orange);
  transform:scale(1.25);
}
.bx-atmo__dot:focus-visible{
  outline:2px solid #FFFFFF;
  outline-offset:3px;
}

@media (prefers-reduced-motion:reduce){
  .bx-atmo__item{ transition:none; }
  .bx-atmo__dot{ transition:none; }
}


/* ==================================================================
   40. קטלוג v2 (ELI 2026-09-17)
   כרטיס: חברה ← דגם באנגלית (Karantina Light) ← דגם בעברית ← שתי
   שורות תיאור. לכל שורה גובה קבוע, כדי שכרטיסים יישארו מיושרים
   גם כשחסר להם דגם בעברית או תיאור.
   ================================================================== */

.bp-card__model{
  font-family:'Karantina', var(--font);
  font-weight:300;
  font-size:clamp(1.35rem, 2.9vw, 1.7rem);
  line-height:1.05;
  letter-spacing:.01em;
  color:var(--c-ink);
  text-align:right;
  block-size:clamp(1.45rem, 3.1vw, 1.8rem);
  margin:0;
}
.bp-card__model a{ color:inherit; }

.bp-card__model-he{
  margin:2px 0 0;
  font-family:var(--font);
  font-weight:var(--w-regular, 400);
  font-size:clamp(.78rem, 1.7vw, .9rem);
  line-height:1.35;
  color:#5E5955;
  block-size:clamp(1.06rem, 2.3vw, 1.22rem);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:clip;
}

.bp-card__desc{
  margin:4px 0 8px;
  font-size:clamp(.74rem, 1.6vw, .84rem);
  line-height:1.45;
  color:#6B6663;
  block-size:calc(2 * 1.45em);
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
}

.pdp-add__grid .bp-card__desc{ display:none; }


/* ------------------------------------------------------------------
   עמוד המוצר — מפרט טכני מלא: שורה לכל נתון, "-" כשאין
   ------------------------------------------------------------------ */

.pdp-spec2.pdp-sec--plate{ background:var(--c-canvas); }

.pdp-spec2__list{
  margin:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  column-gap:clamp(18px, 3vw, 46px);
  background:#FBF8F4;
  padding:clamp(8px, 1.4vw, 18px) clamp(16px, 2.4vw, 34px);
  clip-path:var(--cut-media-shape);
}

.pdp-spec2__row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  padding:clamp(11px, 1.3vw, 15px) 0;
  border-bottom:1px solid rgba(10,10,10,.09);
}

.pdp-spec2__label{
  margin:0;
  font-size:.94rem;
  font-weight:var(--w-medium);
  color:#4A4644;
  flex:0 0 auto;
}

.pdp-spec2__value{
  margin:0;
  font-size:1rem;
  font-weight:var(--w-black);
  color:var(--c-ink);
  text-align:end;
  overflow-wrap:anywhere;
}
.pdp-spec2__value[dir="ltr"]{ text-align:left; }
.pdp-spec2__row.is-empty .pdp-spec2__value{ color:#A39E9A; font-weight:var(--w-medium); }

@media (min-width:761px){
  .pdp-spec2__row:nth-last-child(1),
  .pdp-spec2__row:nth-last-child(2):nth-child(odd){ border-bottom:0; }
}
@media (max-width:760px){
  .pdp-spec2__list{ grid-template-columns:minmax(0,1fr); }
  .pdp-spec2__row:last-child{ border-bottom:0; }
}


/* ------------------------------------------------------------------
   עמוד המוצר — על הדגם
   ------------------------------------------------------------------ */

.pdp-story__body{
  max-inline-size:72ch;
  font-size:clamp(.98rem, 1.5vw, 1.06rem);
  line-height:1.8;
  color:#2B2826;
}
.pdp-story__body h3{
  margin:1.6em 0 .4em;
  font-size:1.12rem;
  font-weight:var(--w-black);
  color:var(--c-ink);
}
.pdp-story__body p{ margin:0 0 1em; }
.pdp-story__body ul{ margin:0 0 1em; padding-inline-start:1.2em; }
.pdp-story__body li{ margin:0 0 .35em; }