.elementor-743 .elementor-element.elementor-element-db70b2c{--display:flex;--min-height:650px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#007DFF0D;--border-color:#007DFF0D;--border-radius:0px 0px 25px 25px;--margin-top:-105px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-743 .elementor-element.elementor-element-db70b2c:not(.elementor-motion-effects-element-type-background), .elementor-743 .elementor-element.elementor-element-db70b2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000429;}.elementor-743 .elementor-element.elementor-element-db70b2c::before, .elementor-743 .elementor-element.elementor-element-db70b2c > .elementor-background-video-container::before, .elementor-743 .elementor-element.elementor-element-db70b2c > .e-con-inner > .elementor-background-video-container::before, .elementor-743 .elementor-element.elementor-element-db70b2c > .elementor-background-slideshow::before, .elementor-743 .elementor-element.elementor-element-db70b2c > .e-con-inner > .elementor-background-slideshow::before, .elementor-743 .elementor-element.elementor-element-db70b2c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000429;--background-overlay:'';}.elementor-743 .elementor-element.elementor-element-bd79a9b{--display:flex;--min-height:700px;--overlay-opacity:0.51;box-shadow:0px 45px 100px 100px #000025 inset;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-743 .elementor-element.elementor-element-bd79a9b:not(.elementor-motion-effects-element-type-background), .elementor-743 .elementor-element.elementor-element-bd79a9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000429;background-image:url("https://roklon.co.il/wp-content/uploads/2026/02/20260224_2011_Image-Generation_remix_01kj8dhdwaee08xrfbn3anw2qx.png");background-position:0px 28px;background-repeat:no-repeat;background-size:cover;}.elementor-743 .elementor-element.elementor-element-bd79a9b::before, .elementor-743 .elementor-element.elementor-element-bd79a9b > .elementor-background-video-container::before, .elementor-743 .elementor-element.elementor-element-bd79a9b > .e-con-inner > .elementor-background-video-container::before, .elementor-743 .elementor-element.elementor-element-bd79a9b > .elementor-background-slideshow::before, .elementor-743 .elementor-element.elementor-element-bd79a9b > .e-con-inner > .elementor-background-slideshow::before, .elementor-743 .elementor-element.elementor-element-bd79a9b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000429;--background-overlay:'';}.elementor-743 .elementor-element.elementor-element-bd79a9b > .elementor-shape-bottom .elementor-shape-fill, .elementor-743 .elementor-element.elementor-element-bd79a9b > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#0100149C;}.elementor-743 .elementor-element.elementor-element-bd79a9b > .elementor-shape-bottom svg, .elementor-743 .elementor-element.elementor-element-bd79a9b > .e-con-inner > .elementor-shape-bottom svg{width:calc(146% + 1.3px);height:218px;}.elementor-743 .elementor-element.elementor-element-bd79a9b > .elementor-shape-bottom, .elementor-743 .elementor-element.elementor-element-bd79a9b > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-743 .elementor-element.elementor-element-016cfa5{margin:180px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;z-index:2;--e-icon-list-icon-size:14px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-743 .elementor-element.elementor-element-016cfa5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-743 .elementor-element.elementor-element-016cfa5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-743 .elementor-element.elementor-element-016cfa5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-743 .elementor-element.elementor-element-016cfa5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-743 .elementor-element.elementor-element-016cfa5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-743 .elementor-element.elementor-element-016cfa5 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-743 .elementor-element.elementor-element-016cfa5 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-743 .elementor-element.elementor-element-016cfa5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-743 .elementor-element.elementor-element-016cfa5 .elementor-icon-list-item > a{font-family:"Assistant", Sans-serif;font-size:22px;font-weight:800;}.elementor-743 .elementor-element.elementor-element-016cfa5 .elementor-icon-list-text{color:#FFFFFF;transition:color 1s;}.elementor-743 .elementor-element.elementor-element-016cfa5 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#DB02A5;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-743 .elementor-element.elementor-element-395f522{right:20px;}body.rtl .elementor-743 .elementor-element.elementor-element-395f522{left:20px;}.elementor-743 .elementor-element.elementor-element-395f522{bottom:20px;z-index:2;text-align:center;}.elementor-743 .elementor-element.elementor-element-395f522 img{width:100%;max-width:100%;height:70px;opacity:0.98;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-743 .elementor-element.elementor-element-f1054a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-743 .elementor-element.elementor-element-f1054a4:not(.elementor-motion-effects-element-type-background), .elementor-743 .elementor-element.elementor-element-f1054a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010014;}.elementor-743 .elementor-element.elementor-element-e930c10{--update-cart-automatically-display:none;--totals-title-alignment:center;--sections-background-color:#FFFFFF;--sections-border-type:none;--sections-border-radius:25px 25px 25px 25px;--sections-padding:1px 1px 1px 1px;--sections-margin:5px;--sections-title-color:#000000;--links-normal-color:#000000;--links-hover-color:#490000;--sections-radio-buttons-color:#000000;--forms-fields-normal-color:#000000;--forms-buttons-normal-text-color:#000000;--forms-buttons-border-color:#000000;--forms-buttons-padding:5px 5px 5px 5px;--forms-buttons-width:auto;--order-summary-rows-gap-top:calc( 75px/2 );--order-summary-rows-gap-bottom:calc( 75px/2 );--order-summary-title-spacing:0px;--order-summary-color:#000000;--order-summary-variations-color:#000000;--product-link-normal-color:#000000;--order-summary-items-divider-color:#F1F1F1;--order-summary-items-divider-weight:1px;--order-summary-quantity-border-color:#FFF1F1;--order-summary-remove-icon-normal-color:#8B0000;--order-summary-remove-icon-hover-color:#FF0000;--totals-color:#000000;--totals-divider-color:#000000;--checkout-button-normal-text-color:#FFFFFF;--checkout-button-border-radius:4px 4px 25px 25px;}.elementor-743 .elementor-element.elementor-element-e930c10 .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:#790000;}.elementor-743 .elementor-element.elementor-element-e930c10 > .elementor-widget-container{margin:50px 0px 50px 0px;padding:0px 0px 0px 0px;}.elementor-743 .elementor-element.elementor-element-e930c10 .e-cart-section{box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.16);}.elementor-743 .elementor-element.elementor-element-e930c10 .cart_totals h2{font-family:"Assistant", Sans-serif;font-size:24px;font-weight:800;}.elementor-743 .elementor-element.elementor-element-e930c10 {--sections-descriptions-color:#000000;--forms-fields-padding:5px 5px 5px 5px;}.elementor-743 .elementor-element.elementor-element-e930c10 .e-cart-content, .elementor-743 .elementor-element.elementor-element-e930c10 .woocommerce-shipping-destination, .elementor-743 .elementor-element.elementor-element-e930c10 .shipping-calculator-button{font-family:"Assistant", Sans-serif;font-size:18px;}.elementor-743 .elementor-element.elementor-element-e930c10 #shipping_method li label{font-family:"Assistant", Sans-serif;font-size:18px;}.elementor-743 .elementor-element.elementor-element-e930c10 .coupon .input-text, .elementor-743 .elementor-element.elementor-element-e930c10 .cart-collaterals .input-text, .elementor-743 .elementor-element.elementor-element-e930c10 select, .elementor-743 .elementor-element.elementor-element-e930c10 .select2-selection--single{font-family:"Assistant", Sans-serif;border-style:none;}.e-woo-select2-wrapper .select2-results__option{color:#000000;}.elementor-743 .elementor-element.elementor-element-e930c10 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#000000 transparent transparent transparent;}.elementor-743 .elementor-element.elementor-element-e930c10 .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (5px*2) + 16px );padding-left:5px;padding-right:5px;}.elementor-743 .elementor-element.elementor-element-e930c10 .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (5px*2) + 16px );right:5px;}.elementor-743 .elementor-element.elementor-element-e930c10 .select2-container--default .select2-selection--single{height:auto;}.elementor-743 .elementor-element.elementor-element-e930c10 .shop_table .button{font-family:"Assistant", Sans-serif;}.elementor-743 .elementor-element.elementor-element-e930c10 .woocommerce-cart-form{--order-summary-title-color:#000000;}.elementor-743 .elementor-element.elementor-element-e930c10 .e-shop-table .cart th, .elementor-743 .elementor-element.elementor-element-e930c10 .e-shop-table .cart td:before{font-family:"Assistant", Sans-serif;font-size:24px;font-weight:800;}.elementor-743 .elementor-element.elementor-element-e930c10 .cart td span, .elementor-743 .elementor-element.elementor-element-e930c10 .cart td, .elementor-743 .elementor-element.elementor-element-e930c10 .input-text.qty{font-family:"Assistant", Sans-serif;font-size:18px;font-weight:400;}.elementor-743 .elementor-element.elementor-element-e930c10 .cart_totals .shop_table td:before, .elementor-743 .elementor-element.elementor-element-e930c10 .cart_totals .shop_table td .woocommerce-Price-amount{font-family:"Assistant", Sans-serif;font-size:18px;}.elementor-743 .elementor-element.elementor-element-e930c10 .checkout-button{font-family:"Assistant", Sans-serif;font-size:24px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-743 .elementor-element.elementor-element-db70b2c{--width:100%;}.elementor-743 .elementor-element.elementor-element-bd79a9b{--width:100%;}.elementor-743 .elementor-element.elementor-element-f1054a4{--width:100%;}}@media(min-width:1025px){.elementor-743 .elementor-element.elementor-element-bd79a9b:not(.elementor-motion-effects-element-type-background), .elementor-743 .elementor-element.elementor-element-bd79a9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-743 .elementor-element.elementor-element-bd79a9b:not(.elementor-motion-effects-element-type-background), .elementor-743 .elementor-element.elementor-element-bd79a9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-743 .elementor-element.elementor-element-db70b2c{--width:1600px;--min-height:650px;}.elementor-743 .elementor-element.elementor-element-bd79a9b:not(.elementor-motion-effects-element-type-background), .elementor-743 .elementor-element.elementor-element-bd79a9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-743 .elementor-element.elementor-element-016cfa5{margin:120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-743 .elementor-element.elementor-element-395f522{bottom:75px;}}/* Start custom CSS for icon-list, class: .elementor-element-016cfa5 *//* ============================
   תפריט נשלף - element 016cfa5
   ============================ */

.elementor-element-016cfa5 {
  z-index: 9999 !important;
  width: 140px;
  max-width: 78vw;
  padding: 14px 12px;
  border-radius: 18px 0 0 18px;

  background: #00031B !important;

  box-shadow:
      0 18px 45px rgba(0,0,0,0.55),
      0 0 0 1px rgba(64,140,255,0.10) inset,
      0 0 22px rgba(40,130,255,0.18) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  position: fixed !important;
  top: 15% !important;
  right: -140px !important;
  transform: translateY(-50%) !important;
  transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;

  font-family: 'Assistant', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* כאשר Hover - התפריט נכנס מימין */
.elementor-element-016cfa5:hover {
  right: 0 !important;
}

/* ניקוי רשימה */
.elementor-element-016cfa5 ul.elementor-icon-list-items {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  transition: opacity 0.3s ease 0.2s;
}

.elementor-element-016cfa5:hover ul.elementor-icon-list-items {
  opacity: 1;
}

/* פריטים */
.elementor-element-016cfa5 .elementor-icon-list-item {
  margin: 7px 0 !important;
}

/* קישורים */
.elementor-element-016cfa5 .elementor-icon-list-item a {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  color: rgba(235,245,255,0.92) !important;
  font-size: 15px;
  font-weight: 600;

  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(64,140,255,0.12) !important;
  transition: transform .18s ease, background .22s ease,
              box-shadow .22s ease, border-color .22s ease;
  position: relative;
  overflow: hidden;
}

.elementor-element-016cfa5 .elementor-icon-list-item a:hover {
  background: rgba(64,140,255,0.15) !important;
  border-color: rgba(64,140,255,0.30) !important;
  box-shadow: 0 4px 12px rgba(40,130,255,0.25);
  transform: translateX(-3px);
}

/* אפקט Shine */
.elementor-element-016cfa5 .elementor-icon-list-item a::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
      transparent,
      rgba(255,255,255,0.1),
      transparent
  );
  transition: left 0.5s ease;
  opacity: 0;
}
.elementor-element-016cfa5 .elementor-icon-list-item a:hover::after {
  left: 100%;
  opacity: 1;
}

/* טקסט */
.elementor-element-016cfa5 .elementor-icon-list-text {
  display: block;
  line-height: 1;
  color: rgba(235,245,255,0.92) !important;
}

/* פריט עם תמונה (לוגו) – ללא border */
.elementor-element-016cfa5 .elementor-icon-list-item:has(img) {
  display: flex !important;
  justify-content: center !important;
  margin: 10px 0 !important;
}
.elementor-element-016cfa5 .elementor-icon-list-item:has(img) span {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.elementor-element-016cfa5 .elementor-icon-list-item img {
  border-radius: 10px !important;
  opacity: 0.9;
  transition: opacity .2s ease;
}
.elementor-element-016cfa5 .elementor-icon-list-item img:hover {
  opacity: 1;
}

/* ============================
   לשונית "תפריט"
   ============================ */

.elementor-element-016cfa5::before {
  content: "תפריט";
  position: absolute;
  top: 50%;
  right: 140px;
  transform: translateY(-50%);
  width: 50px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;

  font-size: 14px !important;
  font-weight: 700 !important;
  color: rgba(235,245,255,0.92);
  letter-spacing: 0.1em;

  background: #00031B !important;
  border-radius: 18px 0 0 18px;
  box-shadow:
      0 10px 30px rgba(0,0,0,0.4),
      0 0 0 1px rgba(64,140,255,0.10) inset;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 1;
}

.elementor-element-016cfa5:hover::before {
  background: linear-gradient(180deg,
      rgba(40,130,255,0.25),
      rgba(64,140,255,0.15)
  ) !important;
  box-shadow:
      0 10px 30px rgba(40,130,255,0.3),
      0 0 0 1px rgba(64,140,255,0.30) inset,
      0 0 12px rgba(40,130,255,0.4);
}

/* ============================
   אנימציה בטעינה
   ============================ */

@keyframes slideInFromRight {
  from { right: -200px; opacity: 0; }
  to   { right: -140px; opacity: 1; }
}

.elementor-element-016cfa5 {
  animation: slideInFromRight 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;
}

/* ============================
   רספונסיבי
   ============================ */

@media (max-width: 768px) {
  .elementor-element-016cfa5 {
    width: 160px !important;
    right: -160px !important;
    padding: 12px 10px;
  }
  .elementor-element-016cfa5::before {
    right: 160px;
    width: 45px;
    height: 100px;
    font-size: 13px;
  }
  .elementor-element-016cfa5 .elementor-icon-list-item a {
    padding: 10px 12px !important;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .elementor-element-016cfa5 {
    width: 140px !important;
    right: -140px !important;
  }
  .elementor-element-016cfa5::before {
    right: 140px;
    width: 40px;
    height: 90px;
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db70b2c *//* ============================================================
   SHOWROOM HERO – BACKGROUNDS + OVERLAY + ANIMATED SPOTLIGHTS
   Spotlight is STRONGER on second image (FIXED TIMING)
   ============================================================ */

.elementor-element.elementor-element-3d39607{
  position: relative !important;
  overflow: hidden !important;
  min-height: 700px;
  border-radius: 0 0 25px 25px !important;
}

/* ============================================================
   BACKGROUND IMAGE 1
   ============================================================ */
.elementor-element.elementor-element-3d39607::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;

  background-image: url("https://roklon.co.il/wp-content/uploads/2026/01/20260123_2256_רכב-ספורט-עתידני-יוקרתי_remix_01kfpa8388fattnq0khhv772t5.png") !important;
  background-size: cover !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;

  animation: jcFadeImage1 12s ease-in-out infinite !important;
  z-index: 0;
}

/* ============================================================
   BACKGROUND IMAGE 2 (MAIN PRODUCT)
   ============================================================ */
.elementor-element.elementor-element-3d39607::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;

  background-image: url("https://roklon.co.il/wp-content/uploads/2026/01/20260123_2258_Image-Generation_remix_01kfpabw8af8qtw3ckzwhgk2fb.png") !important;
  background-size: cover !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;

  animation: jcFadeImage2 12s ease-in-out infinite !important;
  z-index: 0;
}

/* ============================================================
   SHAPE WRAPPER
   ============================================================ */
.elementor-element.elementor-element-3d39607 .elementor-shape-top{
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 2;
}

/* ============================================================
   DARK LUXURY OVERLAY (STATIC)
   ============================================================ */
.elementor-element.elementor-element-3d39607 .elementor-shape-top::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;

  background: linear-gradient(
    to bottom,
    rgba(1,6,34,0.10) 0%,
    rgba(1,6,34,0.55) 45%,
    rgba(1,6,34,0.92) 100%
  );

  box-shadow: inset 0 0 140px 100px rgba(1,6,34,0.9);
  z-index: 1;
}

/* ============================================================
   SPOTLIGHT LAYER – animated & reacts to image 2 (FIXED)
   ============================================================ */
.elementor-element.elementor-element-3d39607 .elementor-shape-top::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 2;

  background:
    /* RIGHT SPOTLIGHT */
    conic-gradient(from 330deg at 100% 0%,
      rgba(255,255,255,0.40),
      rgba(255,255,255,0.12) 18%,
      rgba(255,255,255,0.00) 38%
    ),

    /* LEFT SPOTLIGHT */
    conic-gradient(from 210deg at 0% 0%,
      rgba(255,255,255,0.36),
      rgba(255,255,255,0.10) 18%,
      rgba(255,255,255,0.00) 38%
    ),

    /* soft bloom */
    radial-gradient(circle at 12% 12%, rgba(255,255,255,0.26) 0 130px, transparent 260px),
    radial-gradient(circle at 88% 12%, rgba(255,255,255,0.24) 0 140px, transparent 280px);

  mix-blend-mode: screen;
  filter: blur(0.65px);

  /* ✅ עכשיו זה יתחזק רק בזמן תמונה 2 */
  animation: jcSpotlightControl 12s linear infinite;
}

/* ============================================================
   ANIMATED FLOATING CIRCLES – עיגולים מרחפים
   ============================================================ */

/* שכבת עיגולים 1 – עיגולים גדולים */
.elementor-element.elementor-element-3d39607 .elementor-widget-wrap::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 10 !important;
  
  background-image:
    /* עיגולים גדולים */
    radial-gradient(circle at 15% 20%, rgba(255,255,255,0.12) 0 80px, transparent 80px),
    radial-gradient(circle at 85% 30%, rgba(255,255,255,0.11) 0 100px, transparent 100px),
    radial-gradient(circle at 25% 70%, rgba(255,255,255,0.10) 0 60px, transparent 60px),
    radial-gradient(circle at 75% 80%, rgba(255,255,255,0.115) 0 90px, transparent 90px),
    
    /* עיגולים בינוניים */
    radial-gradient(circle at 40% 15%, rgba(255,255,255,0.095) 0 40px, transparent 40px),
    radial-gradient(circle at 60% 85%, rgba(255,255,255,0.10) 0 50px, transparent 50px),
    radial-gradient(circle at 10% 50%, rgba(255,255,255,0.09) 0 45px, transparent 45px),
    radial-gradient(circle at 90% 60%, rgba(255,255,255,0.098) 0 55px, transparent 55px);
  
  background-size: 100% 100%;
  animation: jcCirclesFloat1 25s ease-in-out infinite !important;
  mix-blend-mode: screen;
}

/* שכבת עיגולים 2 – עיגולים קטנים */
.elementor-element.elementor-element-3d39607 .elementor-widget-wrap::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 11 !important;
  
  background-image:
    /* עיגולים קטנים */
    radial-gradient(circle at 20% 25%, rgba(255,255,255,0.14) 0 25px, transparent 25px),
    radial-gradient(circle at 80% 20%, rgba(255,255,255,0.13) 0 30px, transparent 30px),
    radial-gradient(circle at 30% 65%, rgba(255,255,255,0.12) 0 20px, transparent 20px),
    radial-gradient(circle at 70% 75%, rgba(255,255,255,0.135) 0 28px, transparent 28px),
    radial-gradient(circle at 50% 40%, rgba(255,255,255,0.125) 0 22px, transparent 22px),
    
    /* עיגולים זעירים */
    radial-gradient(circle at 35% 35%, rgba(255,255,255,0.16) 0 12px, transparent 12px),
    radial-gradient(circle at 65% 55%, rgba(255,255,255,0.15) 0 15px, transparent 15px),
    radial-gradient(circle at 45% 80%, rgba(255,255,255,0.145) 0 10px, transparent 10px),
    radial-gradient(circle at 55% 15%, rgba(255,255,255,0.155) 0 14px, transparent 14px);
  
  background-size: 100% 100%;
  animation: jcCirclesFloat2 30s ease-in-out infinite !important;
  mix-blend-mode: screen;
}

/* ============================================================
   KEEP SVG ABOVE
   ============================================================ */
.elementor-element.elementor-element-3d39607 .elementor-shape-top svg{
  position: relative !important;
  z-index: 3 !important;
}

/* ============================================================
   IMAGE CROSSFADE (YOUR ORIGINAL TIMING)
   ============================================================ */
@keyframes jcFadeImage1{
  0%, 45% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

@keyframes jcFadeImage2{
  0%, 45% { opacity: 0; }
  50%, 95% { opacity: 1; }
  100% { opacity: 0; }
}

/* ============================================================
   SPOTLIGHT POWER CONTROL (SYNCED TO IMAGE 2 WINDOW)
   - Weak during image 1 (0%–49%)
   - Strong during image 2 (55%–92%)
   - Fade out near the end (92%–100%)
   ============================================================ */
@keyframes jcSpotlightControl{
  /* image 1 active */
  0%, 49%{
    opacity: 0.25;
    transform: translateY(0) scale(1);
  }

  /* quick ramp as image 2 becomes dominant */
  55%{
    opacity: 0.95;
    transform: translateY(10px) scale(1.06);
  }

  /* image 2 fully active */
  70%, 92%{
    opacity: 1;
    transform: translateY(18px) scale(1.12);
  }

  /* fade out as image 2 fades */
  100%{
    opacity: 0.25;
    transform: translateY(0) scale(1);
  }
}

/* ============================================================
   CIRCLE ANIMATIONS – אנימציות העיגולים
   ============================================================ */

/* אנימציה 1 – תנועה איטית ורכה */
@keyframes jcCirclesFloat1{
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  25% {
    transform: translate(20px, -30px) scale(1.05);
  }
  50% {
    transform: translate(-15px, 25px) scale(0.98);
  }
  75% {
    transform: translate(25px, 15px) scale(1.03);
  }
}

/* אנימציה 2 – תנועה מהירה יותר וסיבוב */
@keyframes jcCirclesFloat2{
  0%, 100% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  20% {
    transform: translate(-20px, 20px) rotate(5deg) scale(1.08);
  }
  40% {
    transform: translate(15px, -25px) rotate(-3deg) scale(0.95);
  }
  60% {
    transform: translate(-25px, 15px) rotate(7deg) scale(1.05);
  }
  80% {
    transform: translate(30px, -10px) rotate(-5deg) scale(0.98);
  }
}

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 1024px){
  .elementor-element.elementor-element-3d39607::before,
  .elementor-element.elementor-element-3d39607::after{
    background-attachment: scroll !important;
  }

  .elementor-element.elementor-element-3d39607 .elementor-shape-top::after{
    opacity: 0.55;
  }
  
  .elementor-element.elementor-element-3d39607 .elementor-widget-wrap::before,
  .elementor-element.elementor-element-3d39607 .elementor-widget-wrap::after{
    opacity: 0.4 !important;
  }
}

@media (max-width: 768px){
  .elementor-element.elementor-element-3d39607 .elementor-widget-wrap::before{
    opacity: 0.3 !important;
    animation-duration: 20s !important;
  }
  
  .elementor-element.elementor-element-3d39607 .elementor-widget-wrap::after{
    opacity: 0.25 !important;
    animation-duration: 25s !important;
  }
}/* End custom CSS */
/* Start custom CSS for woocommerce-cart, class: .elementor-element-e930c10 *//* ── THEAD – רקע כחול כהה + פינות עליונות מעוגלות ── */

table.shop_table thead tr th.product-remove,
table.shop_table thead tr th.product-thumbnail,
table.shop_table thead tr th.product-name,
table.shop_table thead tr th.product-price,
table.shop_table thead tr th.product-quantity,
table.shop_table thead tr th.product-subtotal {
  background-color: #000429 !important;
  color: rgba(255,255,255,.85) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  padding: 14px 18px !important;
  border: none !important;
  white-space: nowrap !important;
}

/* פינה עליונה שמאל – th ראשון */
table.shop_table thead tr th.product-remove {
  border-radius: 0 25px 0 0 !important;
}

/* פינה עליונה ימין – th אחרון */
table.shop_table thead tr th.product-subtotal {
  border-radius: 25px 0 0 0 !important;
}

/* ── E-CART-SECTION – override Elementor defaults ── */
.elementor-widget-woocommerce-cart .e-cart-section {
  background-color: var(--sections-background-color, #ffffff) !important;
  border-color: var(--sections-border-color, #000429) !important;
  border-radius: var(--sections-border-radius, 25px) !important;
  border-style: var(--sections-border-type, solid) !important;
  border-width: 1px !important;
  margin: var(--sections-margin, 0 0 30px 0) !important;
  padding: var(--sections-padding,1px 1px) !important;
  overflow: hidden !important;
  box-shadow: 0 20px 50px rgba(2,6,23,.13) !important;
}

/* ── PADDING פנימי לתאי הטבלה ── */

table.shop_table tbody tr.cart_item td.product-remove,
table.shop_table tbody tr.cart_item td.product-thumbnail,
table.shop_table tbody tr.cart_item td.product-name,
table.shop_table tbody tr.cart_item td.product-price,
table.shop_table tbody tr.cart_item td.product-quantity,
table.shop_table tbody tr.cart_item td.product-subtotal {
  padding-right: 20px !important;
  padding-left: 20px !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* שורת actions */
table.shop_table tbody tr td.actions {
  padding-right: 20px !important;
  padding-left: 20px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* ── PADDING לשורות cart-subtotal ו-order-total ── */

tr.cart-subtotal th,
tr.cart-subtotal td,
tr.order-total th,
tr.order-total td {
  padding-right: 20px !important;
  padding-left: 20px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

div.cart_totals {
  padding-top: 10px !important;
}/* End custom CSS */