.elementor-30759 .elementor-element.elementor-element-38107f9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30759 .elementor-element.elementor-element-38107f9{z-index:0;}.elementor-30759 .elementor-element.elementor-element-ff286bd{text-align:justify;color:var( --e-global-color-78089096 );}.elementor-30759 .elementor-element.elementor-element-7f345d0 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-30759 .elementor-element.elementor-element-7f345d0{--e-off-canvas-justify-content:center;--e-off-canvas-align-items:flex-end;--e-off-canvas-width:min(100%, max(800px, 50vw));--e-off-canvas-height:90vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:0.7s;--e-off-canvas-overlay-opacity:1;}.elementor-30759 .elementor-element.elementor-element-7f345d0 .e-off-canvas__content{border-radius:20px 20px 0px 0px;}.elementor-30759 .elementor-element.elementor-element-d337753{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30759 .elementor-element.elementor-element-b78c2eb{text-align:justify;color:var( --e-global-color-cc391e1 );}.elementor-30759 .elementor-element.elementor-element-608c6bb{--display:flex;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--overflow:hidden;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-30759 .elementor-element.elementor-element-608c6bb:not(.elementor-motion-effects-element-type-background), .elementor-30759 .elementor-element.elementor-element-608c6bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3a48f07 );}.elementor-30759 .elementor-element.elementor-element-e67a281{text-align:center;}.elementor-30759 .elementor-element.elementor-element-e67a281 .elementor-heading-title{font-family:var( --e-global-typography-4d4a4af-font-family ), Sans-serif;font-size:var( --e-global-typography-4d4a4af-font-size );font-weight:var( --e-global-typography-4d4a4af-font-weight );line-height:var( --e-global-typography-4d4a4af-line-height );letter-spacing:var( --e-global-typography-4d4a4af-letter-spacing );color:var( --e-global-color-78089096 );}.elementor-30759 .elementor-element.elementor-element-5db2bb6{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-normal-text-color:var( --e-global-color-8261aca );--e-filter-hover-text-color:var( --e-global-color-78089096 );--e-filter-active-text-color:var( --e-global-color-3a48f07 );--e-filter-item-border-radius:100px 100px 100px 100px;}.elementor-30759 .elementor-element.elementor-element-5db2bb6 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:var( --e-global-color-64c4589 );border-style:none;}.elementor-30759 .elementor-element.elementor-element-5db2bb6 .e-filter-item:hover:not( [aria-pressed=true] ){background-color:var( --e-global-color-83b5f0c );border-style:none;}.elementor-30759 .elementor-element.elementor-element-5db2bb6 .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-78089096 );border-style:none;}.elementor-30759 .elementor-element.elementor-element-5db2bb6 .e-filter-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );padding:6px 18px 6px 18px;}.elementor-30759 .elementor-element.elementor-element-a9ffee1 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );fill:var( --e-global-color-3a48f07 );color:var( --e-global-color-3a48f07 );box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.86);transition-duration:0s;border-style:none;border-radius:5px 5px 5px 5px;}.elementor-30759 .elementor-element.elementor-element-a9ffee1 > .elementor-widget-container{--e-transform-rotateZ:2deg;}.elementor-30759 .elementor-element.elementor-element-a9ffee1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-30759 .elementor-element.elementor-element-9b671b1{--grid-columns:5;--load-more-spinner-color:var( --e-global-color-78089096 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-30759 .elementor-element.elementor-element-608c6bb{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-30759 .elementor-element.elementor-element-e67a281 .elementor-heading-title{font-size:var( --e-global-typography-4d4a4af-font-size );line-height:var( --e-global-typography-4d4a4af-line-height );letter-spacing:var( --e-global-typography-4d4a4af-letter-spacing );}.elementor-30759 .elementor-element.elementor-element-5db2bb6{--e-filter-space-between:10px;}.elementor-30759 .elementor-element.elementor-element-5db2bb6 .e-filter-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-30759 .elementor-element.elementor-element-a9ffee1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-30759 .elementor-element.elementor-element-a9ffee1 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-30759 .elementor-element.elementor-element-9b671b1{--grid-columns:3;}}@media(max-width:767px){.elementor-30759 .elementor-element.elementor-element-7f345d0{--e-off-canvas-height:90dvh;}.elementor-30759 .elementor-element.elementor-element-608c6bb{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30759 .elementor-element.elementor-element-e67a281 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-30759 .elementor-element.elementor-element-e67a281 .elementor-heading-title{font-size:var( --e-global-typography-4d4a4af-font-size );line-height:var( --e-global-typography-4d4a4af-line-height );letter-spacing:var( --e-global-typography-4d4a4af-letter-spacing );}.elementor-30759 .elementor-element.elementor-element-5db2bb6 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-30759 .elementor-element.elementor-element-5db2bb6{--e-filter-space-between:4px;}.elementor-30759 .elementor-element.elementor-element-5db2bb6 .e-filter-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );padding:4px 8px 4px 8px;}.elementor-30759 .elementor-element.elementor-element-a9ffee1 > .elementor-widget-container{padding:0px 25px 0px 25px;}.elementor-30759 .elementor-element.elementor-element-a9ffee1 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-30759 .elementor-element.elementor-element-9b671b1{--grid-columns:3;--grid-row-gap:0px;--grid-column-gap:0px;}}/* Start custom CSS for html, class: .elementor-element-38107f9 *//* הווידג'ט נהיה שכבת רקע: נמתח על כל שטח הקונטיינר של אלמנטור */
.elementor-widget-html:has(.inf-hero){position:absolute;inset:0;}
.elementor-widget-html:has(.inf-hero) .elementor-widget-container{height:100%;}
/* כל אלמנט שמוסיפים לקונטיינר אחרי הרקע — יופיע מעליו */
.elementor-widget-html:has(.inf-hero) ~ *{position:relative;z-index:1;}

.inf-hero{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background:var(--infinite-ink, #0d0b09);
}
/* תצוגה עצמאית של הקובץ (מחוץ לאלמנטור): מסך מלא */
body > .inf-hero{height:100svh;}
.inf-field{
  position:absolute;inset:0;width:100%;height:100%;
  font-family:var(--infinite-font, "FrankG", "Frank Ruhl Libre", serif);
  font-weight:700;
}
.inf-grain{
  position:absolute;inset:0;width:100%;height:100%;
  opacity:.04;pointer-events:none;
}
.inf-hero .inf-redshadow{
  flood-color:var(--infinite-red, #ff3418);
  flood-opacity:.5;
}
.inf-drift{animation:infDrift 8s linear both;}
.inf-w{
  transform-box:fill-box;transform-origin:center;
  animation:infIn 1.35s ease-out both;
}
.inf-w.out{animation:infOut 2.1s ease-in both;}
@keyframes infIn{
  from{opacity:0;filter:blur(5px);}
  to{opacity:.95;filter:blur(0px);}
}
@keyframes infOut{
  from{opacity:.95;filter:blur(0px);}
  to{opacity:0;filter:blur(8px);}
}
@keyframes infDrift{
  from{transform:translateY(3px);}
  to{transform:translateY(-5px);}
}
@media (prefers-reduced-motion:reduce){
  .inf-w,.inf-w.out,.inf-drift{animation:none;}
  .inf-w{opacity:.9;}
  .inf-w.out{opacity:0;}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ff286bd */.elementor-30759 .elementor-element.elementor-element-ff286bd{
    p {
  margin-block: 0 0.55em;   /* רווח מתחת לכל פסקה */
  text-indent: 1em;    /* הזחת שורה ראשונה */
  color:  var(--white);;
}
p:first-of-type {
  text-indent: 0;
}
}


.elementor-30759 .elementor-element.elementor-element-ff286bd{
  mask-image: linear-gradient(to top,
    transparent       40px,
    rgba(0,0,0,.25)  100px,
    rgba(0,0,0,.45)  200px,
    #000             300px);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b78c2eb */.elementor-30759 .elementor-element.elementor-element-b78c2eb{
    p {
  margin-block: 0 0.55em;   /* רווח מתחת לכל פסקה */
  text-indent: 1em;    /* הזחת שורה ראשונה */
}
p:first-of-type {
  text-indent: 0;
}
}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-5db2bb6 */.elementor-30759 .elementor-element.elementor-element-5db2bb6 button {
    border-radius:100px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a9ffee1 */.elementor-30759 .elementor-element.elementor-element-a9ffee1 .elementor-button {
    background: #FFFF50;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.elementor-30759 .elementor-element.elementor-element-a9ffee1 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #FF8C42, #FFFF50);
    transition: left 0.5s ease;
    z-index: -1;
}

.elementor-30759 .elementor-element.elementor-element-a9ffee1 .elementor-button:hover::before {
    left: 0;
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-30759 .cta-circle{
        display: none;
    }

body.elementor-page-30759 ::selection {
  background-color: var(--infinite-red);
  color: var(--infinite-ink);
}





body.elementor-page-30759{ 
    .Infinite-but svg, .ConInfoIcon svg{
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
}





@keyframes infZoom{
  from{ transform: scale(.2); opacity: 0; }
  to  { transform: scale(1);  opacity: 1; }
}

@supports (animation-timeline: scroll()){
  @media (max-width: 767px){
    /* הטווח חייב להיות באותה יחידה שבה מוגדר גובה ההירו — כאן 100dvh.
       אם תשנה את גובה ההירו או תוסיף משהו מעליו, עדכן גם כאן. */
    .inf-zoom{
      animation: infZoom linear both;
      animation-timeline: scroll();
      animation-range: 0px 100dvh;
    }
  }
}
  
  
  
  

.Infsticky{
    transition:all .35s ease;
}
.Infsticky.is-pinned{
    padding: 10px 10px !important;
    box-shadow: 0 30px 50px 20px var(--black) !important;
    border:none !important;
}


 /* גלילה האופקית */
.hscroll-track{
  width: max-content;
  white-space: nowrap;
  transition: none;
  will-change: transform;
}
.hscroll-track h1, #hscroll-track h2, #hscroll-track p{
  white-space: nowrap;
}
.inf-name{ padding-inline: 3vw; }
.inf-name:nth-child(odd){ color: var(--infinite-cream, #efe6d3); }
.inf-name:nth-child(even){ color: var(--infinite-red, #ff3418); }
.inf-name:nth-child(odd){ filter: url(#infCrumpSoft); }
.inf-name:nth-child(even){ filter: url(#infCrumpBig); }
.inf-name:nth-child(3n){ transform: translateY(0.4em); }
.inf-name:nth-child(3n+1){ transform: translateY(-0.3em); }

.hscroll-sticky{
  mask-image: linear-gradient(to left, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image: linear-gradient(to left, transparent, #000 8%, #000 92%, transparent);
}

@media (max-width: 767px){
  .hscroll-track .inf-name{ transform: none; }
  /* פירוק מנוע הגלילה האופקית */
  .hscroll-sticky { position: static; overflow: visible !important; }
  .hscroll-track  { display: block; width: auto; white-space: normal;
                    will-change: auto; transform: none !important; }
  .hscroll-track h1, #hscroll-track h2, #hscroll-track p{ white-space: normal; }
  
  .hscroll-sticky{ mask-image: none; -webkit-mask-image: none; }

  /* רשימה אנכית */
  .inf-name{
    display: block;
    padding-block: .16em;
    padding-inline: 0;
  }

  /* Reveal מדורג — נכנס לתוקף רק אם ה-JS הוסיף את המחלקה */
  .inf-reveal-ready .inf-name{
    opacity: 0;
    translate: 0 22px;
    transition: opacity .6s cubic-bezier(.22,.61,.36,1),
                translate .6s cubic-bezier(.22,.61,.36,1);
  }
  .inf-reveal-ready .inf-name.in{
    opacity: 1;
    translate: 0 0;
    transition-delay: calc(var(--i, 0) * 55ms);
  }

  @media (prefers-reduced-motion: reduce){
    .inf-reveal-ready .inf-name{ opacity: 1; translate: 0 0; transition: none; }
  }
}

/* הסתרה במובייל של אפקט הזום על הספר */
@media (max-width: 767px){
  .no-fx-mobile,
  .no-fx-mobile [data-interaction-id]{
    transform: none !important;
    transition: none !important;
  }
}




/* ============================================================
   1. תמונות מוצר — עקיפת ה-<picture> של Imagify
   בלי זה object-fit לא מגיע ל-<img> ותמונות פורטרט נחתכות
   ============================================================ */
.e-collection-loop-layout-base picture > img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ============================================================
   2. קישור מותח — כל הכרטיס מוביל לעמוד המוצר
   ============================================================ */
.product-card{
  position: relative;
}
.product-card .card-title a::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* ============================================================
   3. כפתור הוספה לסל
   העיצוב עצמו בפאנל, על הפסקה (Infinite-but + atc-btn).
   כאן רק מה שהפאנל לא יכול להגיע אליו — ה-<a> שנוצר ב-PHP
   ============================================================ */
.atc-btn{
  position: relative;
}
.atc-btn a{
  display: inline-flex;
  align-items: center;
  gap: .5em;
  color: inherit;
  text-decoration: none;
}
.atc-btn a::after{        /* מותח את הקישור על כל הגלולה, כולל הפדינג */
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;             /* מעל ה-overlay של הכרטיס */
}
.atc-btn svg{
  flex: 0 0 auto;
  width: 1.25em;
  height: 1.25em;
}
.added_to_cart{           /* "צפייה בסל" שווקומרס מוסיף אחרי הוספה */
  display: none;
}



.elementor .atc-btn.atc-btn:hover{
  transform: none;
}

body.page-id-30759{
    background-color: var(--infinite-ink);
    }
    
    
    .product-card .card-title a { padding-block: 4px; }
    
    
    
.elementor-30759 .product-card:nth-child(3) {
  background-color: var(--infinite-red);

  @media (max-width: 767px) {
    order: -1;
  }

  .card-title {
    color: var(--infinite-ink);
  }

  .card-meta p:last-child {
    color: var(--infinite-cream);
  }

  .Infinite-but {
    background-color: var(--infinite-red);
    border-color: var(--infinite-ink);
    color: var(--infinite-ink);
    box-shadow: 0 0 16px 2px color-mix(in srgb, var(--infinite-ink) 30%, transparent);

    &:hover, &:focus-visible {
      background-color: var(--infinite-cream);
      border-color: var(--infinite-cream);
      color: var(--infinite-ink);
      box-shadow: 0 4px 20px 4px color-mix(in srgb, var(--infinite-ink) 25%, transparent);

      a {
        color: var(--infinite-ink);
      }
    }
  }
}/* End custom CSS */