/* ============================================================
   קימביר — סקין קונפיגורטור (מוגבל ל-.mkl-configurator-inline בלבד)
   ============================================================ */
.mkl-configurator-inline{
  --kpc-deep:#0A111F; --kpc-blue:#13213D; --kpc-orange:#FCA311; --kpc-title:#E69818;
  --kpc-cream:#EBE1CF; --kpc-off:#F9F9F9; --kpc-line:#E9E4D8; --kpc-muted:#7A8299;
  --kpc-radius:14px; --kpc-gap:14px;
  direction:rtl; font-family:Assistant,sans-serif;
  margin:0 auto; max-width:1200px; padding:8px 16px 40px;
}

/* הקונפיגורטור אינליין — לא מודאל צף */
.mkl-configurator-inline .mkl_pc.float{position:relative!important;inset:auto!important;height:auto!important;background:transparent!important;z-index:1!important}
.mkl-configurator-inline .mkl_pc .overlay{display:none!important}
.mkl-configurator-inline .mkl_pc_footer{display:none!important}
.mkl-configurator-inline .mkl_pc_toolbar>header button.cancel{display:none!important}

/* ===== פריסה: דסקטופ דו-טורי — תצוגה 55% משמאל, אפשרויות 45% מימין ===== */
.mkl-configurator-inline .mkl_pc_container{
  display:grid!important; grid-template-columns:minmax(0,45fr) minmax(0,55fr);
  gap:26px; align-items:start; direction:rtl;
  position:static!important; width:100%!important; height:auto!important; max-height:none!important;
  background:transparent!important; box-shadow:none!important;
}
.mkl-configurator-inline .mkl_pc_viewer{
  grid-column:2; grid-row:1; position:sticky!important; top:88px!important;
  left:auto!important; right:auto!important; bottom:auto!important;
  width:100%!important; height:auto!important; max-width:none!important; margin:0!important;
  aspect-ratio:9/16; max-height:calc(100vh - 120px);
  background:#FFFFFF; border:1px solid var(--kpc-line); border-radius:18px;
  box-shadow:0 10px 30px rgba(10,17,31,.07); overflow:hidden;
}
.mkl-configurator-inline .mkl_pc_viewer .mkl_pc_layers{position:absolute;inset:10px}
.mkl-configurator-inline .mkl_pc_viewer .mkl_pc_layers img{object-fit:contain}
.mkl-configurator-inline .mkl_pc_toolbar{
  grid-column:1; grid-row:1;
  width:100%!important; max-width:none!important; position:static!important;
  background:transparent!important; box-shadow:none!important; border:none!important;
  display:flex; flex-direction:column; gap:var(--kpc-gap);
}

/* כותרת */
.mkl-configurator-inline .mkl_pc_toolbar>header{padding:0!important;background:transparent!important;border:none!important}
.mkl-configurator-inline .mkl_pc_toolbar>header h3.product-name{
  font-family:Heebo,sans-serif!important; font-weight:800!important; font-size:26px!important;
  color:var(--kpc-blue)!important; margin:0!important;
}

/* ===== פס התקדמות (נבנה ב-JS) ===== */
.kpc-progress{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}
.kpc-progress::-webkit-scrollbar{display:none}
.mkl-configurator-inline .kpc-step{
  display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;
  font-family:Assistant,sans-serif!important;font-weight:600!important;font-size:13.5px!important;color:var(--kpc-muted)!important;
  background:#fff!important;border:1.5px solid var(--kpc-line)!important;border-radius:999px!important;padding:7px 14px!important;cursor:pointer;
  transition:border-color .15s ease,color .15s ease;box-shadow:none!important;
}
.mkl-configurator-inline .kpc-step .n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--kpc-off);border:1px solid var(--kpc-line);font-size:12px;color:var(--kpc-muted)}
.mkl-configurator-inline .kpc-step.done .n{background:var(--kpc-orange);border-color:var(--kpc-orange);color:var(--kpc-deep)}
.mkl-configurator-inline .kpc-step.current{border-color:var(--kpc-orange)!important;color:var(--kpc-blue)!important}
.mkl-configurator-inline .kpc-step:hover{border-color:var(--kpc-blue)!important;color:var(--kpc-blue)!important}

/* ===== אקורדיון השלבים ===== */
.mkl-configurator-inline section.choices{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;background:transparent!important;padding:0!important}
.mkl-configurator-inline ul.layers{display:flex!important;flex-direction:column;gap:12px;list-style:none;margin:0!important;padding:0!important;position:static!important;width:auto!important;height:auto!important}
.mkl-configurator-inline li.layers-list-item{
  background:#fff;border:1px solid var(--kpc-line);border-radius:var(--kpc-radius);
  overflow:hidden;margin:0!important;padding:0!important;list-style:none;
}
.mkl-configurator-inline li.layers-list-item.kpc-open{border-color:var(--kpc-orange);box-shadow:0 6px 18px rgba(10,17,31,.06)}
.mkl-configurator-inline button.layer-item{
  display:flex!important;align-items:center;gap:10px;width:100%;padding:15px 18px!important;
  background:none!important;border:none!important;cursor:pointer;text-align:right;
}
.mkl-configurator-inline button.layer-item i.img{display:none!important}
.mkl-configurator-inline button.layer-item::before{display:none!important;content:none!important}
.mkl-configurator-inline button.layer-item .layer-name{
  font-family:Heebo,sans-serif!important;font-weight:600!important;font-size:16.5px!important;color:var(--kpc-blue)!important;
}
.mkl-configurator-inline button.layer-item .selected-choice{
  margin-inline-start:auto;font-family:Assistant,sans-serif;font-weight:400;font-size:13.5px;color:var(--kpc-muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%;
}
.mkl-configurator-inline button.layer-item::after{
  content:""!important;width:8px!important;height:8px!important;flex:0 0 auto;
  position:static!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;margin:0 2px 0 0!important;
  background:none!important;border:none!important;
  border-left:2px solid var(--kpc-muted)!important;border-bottom:2px solid var(--kpc-muted)!important;
  transform:rotate(-45deg)!important;transition:transform .2s ease;
}
.mkl-configurator-inline li.layers-list-item.kpc-open button.layer-item::after{transform:rotate(135deg)!important;border-color:var(--kpc-orange)!important}

/* פאנל הבחירות — רק השלב הפתוח מוצג */
.mkl-configurator-inline ul.layer_choices{
  display:none!important;position:static!important;width:auto!important;height:auto!important;
  background:transparent!important;box-shadow:none!important;transform:none!important;
  margin:0!important;padding:2px 18px 16px!important;list-style:none;
}
.mkl-configurator-inline li.layers-list-item.kpc-open ul.layer_choices{display:block!important}
.mkl-configurator-inline .layer-choices-title{display:none!important}
.mkl-configurator-inline li.choices-list{margin:0!important;padding:0!important;list-style:none}
.mkl-configurator-inline li.choices-list>ul{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;
  margin:0!important;padding:0!important;list-style:none;position:static!important;
}
.mkl-configurator-inline li.choice{margin:0!important;padding:0!important;list-style:none}
.mkl-configurator-inline .choice-item{
  position:relative;width:100%;background:#fff;border:2px solid var(--kpc-line);border-radius:12px;
  padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;
  transition:border-color .15s ease,box-shadow .15s ease;min-height:44px;
}
.mkl-configurator-inline .choice-item:hover{border-color:var(--kpc-blue)}
.mkl-configurator-inline .choice.active .choice-item{border-color:var(--kpc-orange);box-shadow:0 0 0 3px rgba(252,163,17,.16)}
.mkl-configurator-inline .choice.active .choice-item::after{
  content:"\2713";position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:999px;
  background:var(--kpc-orange);color:var(--kpc-deep);font-size:13px;font-weight:700;
  display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(10,17,31,.25);
}
.mkl-configurator-inline .choice-item[aria-disabled="true"]{opacity:.35;pointer-events:none;filter:grayscale(1)}
.mkl-configurator-inline .mkl-pc-thumbnail{display:block;width:100%;margin:0}
.mkl-configurator-inline .mkl-pc-thumbnail span{display:block}
.mkl-configurator-inline .mkl-pc-thumbnail img{display:block;width:100%;height:auto;border-radius:8px}
.mkl-configurator-inline .choice-text{font-family:Assistant,sans-serif;font-weight:600;font-size:12.5px;color:var(--kpc-blue);text-align:center;line-height:1.35}
.mkl-configurator-inline .choice-text .description,.mkl-configurator-inline .choice-text .price{display:block;font-weight:400;font-size:11.5px;color:var(--kpc-muted)}
/* בחירות טקסט בלבד (מידות/כיוון) — כגלולות */
.mkl-configurator-inline li.choice:not(.has-thumbnail) .choice-item{flex-direction:row;justify-content:center;padding:12px 10px}
.mkl-configurator-inline li.choice:not(.has-thumbnail) .choice-text{font-size:14px}

/* כפתור המשך בתוך פאנל (נבנה ב-JS) */
.mkl-configurator-inline .kpc-next{
  display:inline-flex;align-items:center;gap:8px;margin-top:14px;
  font-family:Assistant,sans-serif!important;font-weight:600!important;font-size:14.5px!important;color:var(--kpc-deep)!important;
  background:var(--kpc-orange)!important;border:none!important;border-radius:999px!important;padding:10px 22px!important;cursor:pointer;
  transition:filter .15s ease;
}
.mkl-configurator-inline .kpc-next:hover{filter:brightness(1.06)}

/* ===== סיכום + טופס ===== */
.mkl-configurator-inline .form.form-cart{
  position:static!important;width:auto!important;background:#fff!important;
  border:1px solid var(--kpc-line);border-radius:var(--kpc-radius);padding:18px!important;
  box-shadow:none!important;display:block!important;
}
.kpc-summary{margin:0 0 4px}
.kpc-summary h4{font-family:Heebo,sans-serif;font-weight:700;font-size:17px;color:var(--kpc-blue);margin:0 0 10px}
.kpc-summary .kpc-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--kpc-line);font-size:14px}
.kpc-summary .kpc-row:last-child{border-bottom:none}
.kpc-summary .kpc-row .k{color:var(--kpc-muted)}
.kpc-summary .kpc-row .v{color:var(--kpc-blue);font-weight:600;text-align:left}
.mkl-configurator-inline .pc-total-price--container{display:flex;align-items:baseline;gap:10px;margin:10px 0 4px;font-family:Heebo,sans-serif}
.mkl-configurator-inline .pc-total-price{font-weight:800!important;font-size:24px!important;color:var(--kpc-deep)!important}
.mkl-configurator-inline .pc_configurator_form .button,
.mkl-configurator-inline .pc_configurator_form button.primary{
  width:100%;justify-content:center;display:inline-flex;align-items:center;gap:8px;
  font-family:Assistant,sans-serif!important;font-weight:600!important;font-size:16px!important;
  background:var(--kpc-blue)!important;color:var(--kpc-cream)!important;border:none!important;
  border-radius:999px!important;padding:13px 24px!important;cursor:pointer;margin-top:8px;
}
.mkl-configurator-inline .pc_configurator_form .button:hover{background:var(--kpc-deep)!important}
.mkl-configurator-inline .kpc-wa{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:10px;
  font-family:Assistant,sans-serif!important;font-weight:600!important;font-size:16px!important;color:#0a3d1f!important;
  background:#25D366!important;border:none!important;border-radius:999px!important;padding:13px 24px!important;cursor:pointer;text-decoration:none!important;
  transition:filter .15s ease;
}
.mkl-configurator-inline .kpc-wa:hover{filter:brightness(1.05);color:#0a3d1f!important}
.kpc-wa svg{width:20px;height:20px;flex:0 0 auto}

/* ===== מובייל ===== */
.kpc-mobile-bar{display:none}
@media(max-width:900px){
  .mkl-configurator-inline{padding:0 12px 90px}
  .mkl-configurator-inline .mkl_pc_container{display:block!important}
  .mkl-configurator-inline .mkl_pc_viewer{
    position:sticky!important;top:60px!important;z-index:6;aspect-ratio:auto;height:36vh!important;max-height:40vh;margin-bottom:0!important;
  }
  .mkl-configurator-inline .mkl_pc_toolbar{margin-top:0}
  .mkl-configurator-inline .kpc-progress{
    position:sticky;top:calc(60px + 36vh);z-index:5;
    background:linear-gradient(to bottom,#F9F9F9 82%,rgba(249,249,249,0));
    padding:10px 0 12px;margin:0 -4px;
  }
  .kpc-mobile-bar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:10px;
    background:rgba(249,249,249,.96);backdrop-filter:blur(8px);border-top:1px solid var(--kpc-line);
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  }
  .mkl-configurator-inline .kpc-mobile-bar .kpc-mb-next{
    flex:1;font-family:Assistant,sans-serif!important;font-weight:600!important;font-size:16px!important;color:var(--kpc-deep)!important;
    background:var(--kpc-orange)!important;border:none!important;border-radius:999px!important;padding:13px!important;cursor:pointer;
  }
  .kpc-mobile-bar .kpc-mb-wa{
    flex:0 0 auto;display:none;align-items:center;justify-content:center;width:48px;height:48px;
    background:#25D366;border-radius:999px;color:#fff;
  }
  .kpc-mobile-bar.kpc-final .kpc-mb-wa{display:flex}
  .kpc-mobile-bar .kpc-mb-wa svg{width:24px;height:24px}
}
/* ===== V2: וריאנטים, swatches, עיר, ריווח ===== */
.mkl-configurator-inline li.choice.kpc-alt{display:none!important}
.mkl-configurator-inline li.choice.kpc-unavailable{opacity:.35;pointer-events:none;filter:grayscale(1)}
.mkl-configurator-inline li.choice.kpc-active .choice-item{border-color:var(--kpc-orange);box-shadow:0 0 0 3px rgba(252,163,17,.16)}
.mkl-configurator-inline li.choice.kpc-active .choice-item::after{
  content:"\2713";position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:999px;
  background:var(--kpc-orange);color:var(--kpc-deep);font-size:13px;font-weight:700;
  display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(10,17,31,.25);
}

/* swatches של צבע — עיגול צבע במקום תמונה */
.mkl-configurator-inline li.choice.kpc-swatch .choice-item{flex-direction:column;padding:12px 8px;gap:8px}
.mkl-configurator-inline li.choice.kpc-swatch .choice-item::before{
  content:"";display:block;flex:0 0 auto;width:44px;height:44px;border-radius:999px;border:1px solid #D9D2C2;
  box-shadow:inset 0 2px 6px rgba(10,17,31,.06);
}
.mkl-configurator-inline li.choice.kpc-swatch .choice-item{flex-direction:column!important;justify-content:center!important}
.mkl-configurator-inline li.choice.kpc-swatch .choice-text{white-space:nowrap}
.mkl-configurator-inline li.choice.kpc-sw-white .choice-item::before{background:#FBFBF8}
.mkl-configurator-inline li.choice.kpc-sw-cream .choice-item::before{background:#EDE4CF}

/* שלבי טקסט (סדרה/התקנה/הובלה/מידות/כיוון) — גלולות נקיות */
.mkl-configurator-inline li.choice:not(.has-thumbnail):not(.kpc-swatch) .choice-item{min-height:52px}
.mkl-configurator-inline .choice-text .description{margin-top:2px}

/* שדה עיר */
.kpc-city{margin:14px 0 4px}
.kpc-city label{display:block;font-family:Assistant,sans-serif;font-weight:600;font-size:14px;color:var(--kpc-blue);margin-bottom:7px}
.kpc-city label small{font-weight:400;color:var(--kpc-muted)}
.kpc-city input{
  width:100%;font-family:Assistant,sans-serif;font-size:15px;color:var(--kpc-deep);
  background:var(--kpc-off);border:1.5px solid var(--kpc-line);border-radius:12px;padding:11px 14px;
}
.kpc-city input:focus{outline:none;border-color:var(--kpc-orange);box-shadow:0 0 0 3px rgba(252,163,17,.15)}

/* ריכוך מעברי תמונה בתצוגה — נגד קפיצות */
.mkl-configurator-inline .mkl_pc_layers img{transition:opacity .18s ease}

/* ריווח כללי נדיב יותר */
.mkl-configurator-inline .mkl_pc_toolbar{gap:16px}
.mkl-configurator-inline ul.layers{gap:14px}
.mkl-configurator-inline button.layer-item{padding:17px 20px!important}
.mkl-configurator-inline ul.layer_choices{padding:4px 20px 20px!important}
.mkl-configurator-inline li.choices-list>ul{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px}

@media(prefers-reduced-motion:reduce){
  .mkl-configurator-inline *{transition:none!important}
}