/* ======================================================
   Bismachot – Core Theme CSS (clean + fixed)  |  2025-08-11
   צבעי מותג כמשתנים לשימוש חוזר
====================================================== */
:root{
  --brand-1: #9f5e8e;
  --brand-2: #7a3b6a;
  --brand-3: #5e2c54;
  --ink-900: #111827;
  --ink-800: #1f2937;
  --ink-700: #374151;
  --gray-50:#f8f9fa; --gray-100:#f3f4f6; --gray-200:#e5e7eb; --gray-300:#d1d5db;
  --gray-400:#9ca3af; --gray-500:#6b7280; --gray-600:#4b5563;
}

/* ======================================================
   1) Buttons
====================================================== */

/* Base */
button,
.button,
input[type="submit"],
input[type="button"]{
  border-radius: 25px;
  background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);
  border: 1px solid var(--brand-2);
  color: #fff;
  padding: 12px 24px;
  transition: all .3s ease;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
  background: linear-gradient(135deg, var(--brand-2) 0%, var(--brand-3) 100%);
  border-color: var(--brand-3);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(159,94,142,.40);
}

/* Secondary (anything not .is-small.is-primary) */
button:not(.is-small.is-primary),
.button:not(.is-small.is-primary),
input[type="submit"]:not(.is-small.is-primary),
input[type="button"]:not(.is-small.is-primary){
  background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
  border: 1px solid #9ca3af;
  color: #374151;
}
button:not(.is-small.is-primary):hover,
.button:not(.is-small.is-primary):hover,
input[type="submit"]:not(.is-small.is-primary):hover,
input[type="button"]:not(.is-small.is-primary):hover{
  background: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%);
  color: #1f2937;
}

/* MegaEdit / Catfish buttons (Infigo) */
button.catfish-button,
input.button-catfish,
.btn.btn-default.catfish,
.btn.btn-default.btn-me.backButton.button-catfish{
  border-radius: 25px;
  background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);
  border: 1px solid var(--brand-2);
  color: #fff;
  padding: 12px 24px;
  transition: all .3s ease;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
button.catfish-button:hover,
input.button-catfish:hover,
.btn.btn-default.catfish:hover,
.btn.btn-default.btn-me.backButton.button-catfish:hover{
  background: linear-gradient(135deg, var(--brand-2) 0%, var(--brand-3) 100%);
  border-color: var(--brand-3);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(159,94,142,.40);
}

/* Preview button in MegaEdit right panel */
.buttonContainer.rightSide.buttons .button,
.buttonContainer.rightSide.buttons a[ng-click*="preview"],
.viewControlButton.me-editor-simple-preview-button.previewButton.catfish-button.btn.btn-primary{
  border-radius: 25px;
  background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);
  border: 1px solid var(--brand-2);
  color:#fff;
  padding:12px 24px;
  transition: all .3s ease;
  font-weight:600;
  display:inline-block;
  text-align:center;
  text-decoration:none;
}
.buttonContainer.rightSide.buttons .button:hover,
.buttonContainer.rightSide.buttons a[ng-click*="preview"]:hover,
.viewControlButton.me-editor-simple-preview-button.previewButton.catfish-button.btn.btn-primary:hover{
  background: linear-gradient(135deg, var(--brand-2) 0%, var(--brand-3) 100%);
  border-color: var(--brand-3);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(159,94,142,.40);
}

/* Disabled preview button (hide) */
.buttonContainer.rightSide.buttons .button.disabled{ display:none; }

/* Product/Nusach/Variant choice buttons */
button.product-page,
button.product-options,
button.variant-choice,
button[data-variant],
button[onclick*="variant"],
button.nusach{
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 2px solid #dee2e6;
  color: #495057;
  padding: 14px 20px;
  border-radius: 12px;
  margin: 6px;
  font-size: 15px;
  font-weight: 500;
  transition: all .3s ease;
  min-width: 120px;
  box-shadow: 0 2px 4px rgba(0,0,0,.10);
}
button.product-page:hover,
button.product-options:hover,
button.variant-choice:hover,
button[data-variant]:hover,
button[onclick*="variant"]:hover,
button.nusach:hover{
  background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);
  border-color: var(--brand-2);
  color:#fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(159,94,142,.30);
}
button.product-page.is-active,
button.product-options.is-active,
button.variant-choice.is-active,
button[data-variant].is-active,
button[onclick*="variant"].is-active,
button.nusach.is-active,
button.product-page.selected,
button.product-options.selected,
button.variant-choice.selected,
button[data-variant].selected,
button[onclick*="variant"].selected,
button.nusach.selected{
  background: linear-gradient(135deg, var(--brand-2) 0%, var(--brand-3) 100%);
  border-color: var(--brand-3);
  color:#fff;
  transform: translateY(0);
}

/* Mobile sizing */
@media (max-width: 768px){
  button, .button{ min-height:44px; font-size:16px; padding:10px 20px; }
  button.product-page,
  button.product-options,
  button.variant-choice,
  button[data-variant],
  button[onclick*="variant"],
  button.nusach{
    display:block; width:90%; margin:8px auto; padding:16px 20px;
  }
}

/* ======================================================
   2) Hero – FlexSlider "banners1"
====================================================== */
.banner.banners1,
.banner.banners1 .flexslider,
.banner.banners1 .flex-viewport{
  width:100%;
  height: calc(100vh - 7rem);
  min-height:480px;
  overflow:hidden;
}
.banner.banners1 .slides>li{ height:100%; }
.banner.banners1 img{
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  display:block;
}
/* images as layers (common in Infigo blocks) */
.banner.banners1 .slides>li .ict-image,
.banner.banners1 .slides>li .ict-image img,
.banner.banners1 .slides>li>img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center; z-index:1;
}
/* content centered */
.banner.banners1 .slides>li .section,
.banner.banners1 .slides>li .content,
.banner.banners1 .slides>li .row__container,
.banner.banners1 .slides>li .container-fullwidth{
  position:relative; z-index:2;
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100%; padding:0; margin:0;
}
/* controls */
.banner.banners1 .flex-direction-nav{ display:none; }
.banner.banners1 .flex-control-nav{ bottom:20px; z-index:100; }

@media (min-width: 992px) and (max-width: 1200px){
  .banner.banners1,
  .banner.banners1 .flexslider,
  .banner.banners1 .flex-viewport{ height: calc(100vh - 5rem); }
}
@media (max-width: 991px){
  .banner.banners1,
  .banner.banners1 .flexslider,
  .banner.banners1 .flex-viewport,
  .banner.banners1 .slides>li{
    width:100%; height:100vh; min-height:100dvh;
  }
}

/* ======================================================
   3) Header spacer / Skip link / Navbar items
====================================================== */
.page-home-index .ict-header-spacer,
.page-home-index .header-spacer{ display:none !important; height:0 !important; }

.skip-to-button-container{
  position:absolute; top:-1000px; left:-1000px;
}
.skip-to-button-container:focus-within{
  position:fixed; top:0; left:0; z-index:10000; pointer-events:auto;
}
.navbar .navbar-item>a{
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100%;
}

/* ======================================================
   4) TripleRow promo cards (3 columns / inner FlexSlider)
====================================================== */
.tripleRow{
  display:flex; gap:.5rem;
  padding-inline:1.5rem;
  margin-block:2rem 1rem;
}
.tripleCol{
  flex:1 1 0;
  position:relative; overflow:hidden;
  height:550px !important; min-height:550px !important; max-height:550px !important;
}
.tripleRow .tripleCol img{ width:100% !important; height:100% !important; object-fit:cover; object-position:center; display:block; }
.tripleCol .promoCarousel{ width:100% !important; height:100% !important; }
.tripleCol .promoCarousel .flexslider,
.tripleCol .promoCarousel .flexslider .slides,
.tripleCol .promoCarousel .flexslider .slides li{
  height:550px !important; min-height:550px !important; max-height:550px !important;
}
.tripleCol .promoCarousel .flexslider .slides li{ width:100% !important; display:block !important; }
.tripleCol .promoCarousel .flexslider .slides li img{ width:100% !important; height:100% !important; object-fit:cover; object-position:center; }

@media (max-width: 992px){
  .tripleCol,
  .tripleCol .promoCarousel .flexslider,
  .tripleCol .promoCarousel .flexslider .slides,
  .tripleCol .promoCarousel .flexslider .slides li{
    height:450px !important; min-height:450px !important; max-height:450px !important;
  }
}
@media (max-width: 768px){
  .tripleRow{ flex-direction:column; padding-inline:1rem; margin-block:1rem; gap:.5rem; }
  .tripleCol,
  .tripleCol .promoCarousel .flexslider,
  .tripleCol .promoCarousel .flexslider .slides,
  .tripleCol .promoCarousel .flexslider .slides li{
    height:350px !important; min-height:350px !important; max-height:350px !important;
  }
}

/* ======================================================
   5) Prices / Tier prices / Product grids & sliders
====================================================== */
.tier-prices{ display:block; } /* show by default */
.tier-prices.catfish-classes.interpolation.orderLineTotal{ display:none; } /* hide the specific noisy row if present */

.product-grid .productPrice,
.homepage-products-slider .productPrice,
.related-products-slider .productPrice{
  display:block;
  text-align:center;
  color: var(--brand-1);
  font-weight:700;
}

/* hide price inside homepage slider cards if needed */
.homepage-products-slider .productPrice{ display:none !important; }

.product-grid .productPrice,
.product-grid .price,
.product-grid .actual-price{
  font-size:17px; line-height:1.4;
}

/* ======================================================
   7) MegaEdit – preview & misc
====================================================== */
.megaedit-preview #addToBasketButton,
.megaedit-preview #הוסףלסלכפתור{
  position:fixed;
  top:.8rem; left:5rem;
  z-index:1000;
}
#previewView .preview_close_button{ position:absolute; }
.megaedit-preview .start-button.duplicate-add-to-basket{ display:none; }

/* ======================================================
   8) Mobile menu toggle & offcanvas (generic)
====================================================== */
@media (max-width: 768px){
  .mobile-menu-toggle,
  .hamburger-menu,
  .navbar-toggle,
  .menu-toggle,
  .navbar-toggler,
  .nav-toggle{
    position:fixed; top:15px; right:20px; z-index:9999;
    background: var(--brand-1);
    border:0; border-radius:8px;
    padding:12px; width:50px; height:50px;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 4px 12px rgba(159,94,142,.30);
    transition: all .3s ease;
    cursor:pointer;
  }
  .mobile-menu-toggle:hover,
  .hamburger-menu:hover,
  .navbar-toggle:hover,
  .menu-toggle:hover,
  .navbar-toggler:hover,
  .nav-toggle:hover{
    background: var(--brand-2);
    transform: scale(1.05);
    box-shadow:0 6px 20px rgba(159,94,142,.40);
  }
  /* bars */
  .mobile-menu-toggle span,
  .hamburger-menu span,
  .navbar-toggle span,
  .menu-toggle span,
  .navbar-toggler span,
  .nav-toggle span{
    display:block; width:25px; height:3px; background:#fff; margin:5px auto; border-radius:2px; transition: all .3s ease;
  }
  /* active => "X" */
  .mobile-menu-toggle.active span:nth-child(1),
  .hamburger-menu.active span:nth-child(1),
  .navbar-toggle.active span:nth-child(1),
  .menu-toggle.active span:nth-child(1),
  .navbar-toggler.active span:nth-child(1),
  .nav-toggle.active span:nth-child(1){
    transform: rotate(45deg) translate(6px, 6px);
  }
  .mobile-menu-toggle.active span:nth-child(2),
  .hamburger-menu.active span:nth-child(2),
  .navbar-toggle.active span:nth-child(2),
  .menu-toggle.active span:nth-child(2),
  .navbar-toggler.active span:nth-child(2),
  .nav-toggle.active span:nth-child(2){
    opacity:0;
  }
  .mobile-menu-toggle.active span:nth-child(3),
  .hamburger-menu.active span:nth-child(3),
  .navbar-toggle.active span:nth-child(3),
  .menu-toggle.active span:nth-child(3),
  .navbar-toggler.active span:nth-child(3),
  .nav-toggle.active span:nth-child(3){
    transform: rotate(-45deg) translate(7px, -6px);
  }

  /* Offcanvas / mobile nav panel (right) */
  .mobile-nav,
  .navbar-collapse,
  .offcanvas,
  .navigation,
  .header-mobile .navigation{
    position:fixed; top:0; right:-300px; width:280px; height:100vh;
    background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);
    transition: right .4s cubic-bezier(.4,0,.2,1);
    z-index:9998; padding-top:80px;
    box-shadow: -5px 0 20px rgba(0,0,0,.10);
    overflow-y:auto;
  }
  .mobile-nav.show,
  .navbar-collapse.show,
  .offcanvas.show,
  .navigation.show,
  .mobile-nav.active,
  .navbar-collapse.active,
  .offcanvas.active{ right:0; }
}

/* Move search icon into cart group on mobile (when theme adds .moved-to-cart) */
@media (max-width: 991px){
  .navbar-search-toggle.header-search-icon:not(.moved-to-cart){ opacity:.3; pointer-events:none; }
  .navbar-search-toggle.header-search-icon.moved-to-cart{
    position:static; width:44px; height:44px; margin:0 8px 0 0;
    display:flex; align-items:center; justify-content:center;
    border-radius:25px;
    background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
    border:1px solid #9ca3af; color:#374151;
    font-size:1.2rem; transition: all .3s ease; opacity:1; pointer-events:auto; order:1;
  }
  .navbar-search-toggle.header-search-icon.moved-to-cart:hover{
    background: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%);
    color:#1f2937; transform: translateY(-2px);
    box-shadow:0 4px 12px rgba(156,163,175,.30);
  }
  .navbar-group.navbar-right-mobile.is-hidden-mobile-breakpoint{
    display:flex; align-items:center; gap:8px; order:3;
  }
}

/* Narrow phones */
@media (max-width: 480px){
  .navbar-search-toggle.header-search-icon.moved-to-cart{
    width:40px; height:40px; font-size:1rem; margin:0 5px 0 0;
  }
  .navbar-group.navbar-right-mobile.is-hidden-mobile-breakpoint{ gap:5px; }
}

/* ======================================================
   9) RTL nib – tiny fixes for editor dialogs
====================================================== */
html[dir="rtl"] .textOptionsDialogOuter .textButton{ margin-left:0; }

/* ======================================================
   10) MegaEdit dialogs – icons (optional visual polish)
   (שינויי אייקונים בתפריטי MegaEdit – לפי כתובות רשמיות)
====================================================== */
.textOptionsDialog .catfish-button.ui-button{ background-color:#995888 !important; color:#fff; }
.textOptionsDialog .catfish-button.ui-button.ui-state-active,
.imageOptionsDialog .catfish-button.ui-button.ui-state-active{ background-color:#5c3251 !important; color:#fff; }

.textOptionsDialogOuter .textTab.textTabs_photo .icon{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.serif.png") center/2.5rem 2.5rem no-repeat !important;
}
.textOptionsDialogOuter .textTab.textTabs_advanced .icon{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/specialtexticon.png") center/2.5rem 2.5rem no-repeat !important;
}
.textOptionsDialogOuter .textTab.textTabs_details .icon{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.monitor.identify.png") center/2.5rem 2.5rem no-repeat !important;
}
.textOptionsDialogOuter .textTab.textTabs_border .icon{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.checkmark.uncrossed.png") center/2.5rem 2.5rem no-repeat !important;
}

.textOptionsDialogOuter .textButtonBold{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.bold.png") center/30px 30px no-repeat !important;
}
.textOptionsDialogOuter .textButtonItalic{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.italic.png") center/30px 30px no-repeat !important;
}
.textOptionsDialogOuter .textButtonUnderline{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.underline.png") center/30px 30px no-repeat !important;
}
.textOptionsDialogOuter .textButtonStrike{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.strikethrough.png") center/30px 30px no-repeat !important;
}

/* Image tabs */
.imageTab.imageTabs_photo .icon{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/edit-tabs-image-map.png") 0 0/6.15em no-repeat !important;
}
.imageTab.imageTabs_effect .icon{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/edit-tabs-image-map.png") -1.5625rem 0/6.15em no-repeat !important;
}
.imageTab.imageTabs_border .icon{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/edit-tabs-image-map.png") -3.125rem 0/6.15em no-repeat !important;
}
.imageTab.imageTabs_shape .icon{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/edit-tabs-image-map.png") -4.6875rem 0/6.15em no-repeat !important;
}
.imageTab.imageTabs_shadow .icon{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/edit-tabs-image-map.png") 0 -1.5625rem/6.15em no-repeat !important;
}
.imageTab.imageTabs_details .icon{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.monitor.identify.png") center/2.5rem 2.5rem no-repeat !important;
}

/* Image control buttons */
#imageControlButtonset .RotRight{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.transform.rotate.clockwise.png") center/2.5rem 2.5rem no-repeat !important;
}
#imageControlButtonset .RotLeft{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.transform.rotate.counterclockwise.png") center/2.5rem 2.5rem no-repeat !important;
}
#imageControlButtonset .FlipVertical{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.transform.flip.vertical.png") center/2.5rem 2.5rem no-repeat !important;
}
#imageControlButtonset .FlipHorizontal{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.transform.flip.horizontal.png") center/2.5rem 2.5rem no-repeat !important;
}
#imageControlButtonset .MoveBack{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.layer.arrange.sendbackward.png") center/2.5rem 2.5rem no-repeat !important;
}
#imageControlButtonset .MoveFront{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.layer.arrange.bringforward.png") center/2.5rem 2.5rem no-repeat !important;
}
#imageControlButtonset .MoveToBack{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.layer.arrange.sendtoback.png") center/2.5rem 2.5rem no-repeat !important;
}
#imageControlButtonset .MoveToFront{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.layer.arrange.bringtofront.png") center/2.5rem 2.5rem no-repeat !important;
}
#imageControlButtonset .RemoveImage{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.app.remove.png") center/2.5rem 2.5rem no-repeat !important;
}
#imageControlButtonset .DeleteField{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.delete.png") center/2.5rem 2.5rem no-repeat !important;
}
#imageControlButtonset .Reset{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.refresh.png") center/2.5rem 2.5rem no-repeat !important;
}
#imageControlButtonset .DuplicateField{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.duplicate.text.png") center/2.5rem 2.5rem no-repeat !important;
}
#imageControlButtonset .FitContent{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.crop.svg") center/2.5rem 2.5rem no-repeat !important;
}

/* Text controls (alignment icons) */
.textOptionsDialogOuter #alignmentButtonset .alignmentButton.alignment_left{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.align.left.png") center/30px 30px no-repeat !important;
}
.textOptionsDialogOuter #alignmentButtonset .alignmentButton.alignment_center{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.align.center.png") center/30px 30px no-repeat !important;
}
.textOptionsDialogOuter #alignmentButtonset .alignmentButton.alignment_right{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.align.right.png") center/30px 30px no-repeat !important;
}
.textOptionsDialogOuter #alignmentButtonset .alignmentButton.alignment_top{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.align.top.png") center/30px 30px no-repeat !important;
}
.textOptionsDialogOuter #alignmentButtonset .alignmentButton.alignment_middle{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.align.middle.png") center/30px 30px no-repeat !important;
}
.textOptionsDialogOuter #alignmentButtonset .alignmentButton.alignment_bottom{
  background: url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.align.bottom.png") center/30px 30px no-repeat !important;
}
/* 1) יישור גריד המוצרים לראש העמוד – מבטל את הריווח של סקשן תתי־הקטגוריות */
.arone-category-page .category-subcategory-section.section{
  padding: 0 !important;
  margin: 0 !important;
}
.arone-category-page .category-intro-wrapper.section:empty,
.arone-category-page .category-outro-wrapper.section:empty{
  display: none !important; /* אם יש סקשנים ריקים – שלא יתפסו גובה */
}

/* 2) הסתרת כפתורי תתי־הקטגוריות בלבד (CTA/פרטים/דף נחיתה) */
section.category-subcategory-section .sub-category-item
  :is(.productlistproductdetailbutton,
      .button-catfish.showproductlandingpage,
      .catfish-button.showproductlandingpage,
      .button.showproductlandingpage,
      a.button.showproductlandingpage,
      input.productlistproductdetailbutton,
      input.showproductlandingpage,
      .buttons, .actions){
  display: none !important;
}
/* משאיר את לינק התמונה פעיל */
section.category-subcategory-section .sub-category-item .picture > a{
  display: block !important;
}

/* 3) הורדת ה"פס" העליון על הכרטיסים (אם מופיע) */
.listWrapper .listItem,
.listWrapper .listItem .item-box{
  border-top: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
.listWrapper .listItem::before,
.listWrapper .listItem::after,
.listWrapper .listItem .item-box::before,
.listWrapper .listItem .item-box::after{
  content: none !important;
  display: none !important;
}

/* Space above pagination */
.arone-category-page section.category-product-section .pager{
  margin-block-start: 24px;     /* מרווח מעל */
  border-top: 1px solid #e5e7eb;/* מפריד עדין (אופציונלי) */
  padding-top: 12px;            /* ריווח מתחת לקו */
}

@media (min-width: 992px){
  .arone-category-page section.category-product-section .pager{
    margin-block-start: 32px;   /* קצת יותר רווח בדסקטופ */
  }
}
/* HERO mobile fix: נטרול גובה קשיח במובייל + ביטול full-bleed */
@media (max-width: 991px){
  /* ביטול טריק full-bleed במובייל */
  section.hero.hero_fullwidth{ left:0 !important; right:0 !important; margin:0 !important; width:100% !important; }

  /* לבטל כל height שהפלגין הזריק */
  #heroSlider,
  #heroSlider .flex-viewport,
  #heroSlider .slides,
  #heroSlider .slides > li{
    height:auto !important;
    min-height:0 !important;
  }

  /* תמונה בקצב שלה */
  #heroSlider picture,
  #heroSlider img{
    width:100% !important;
    height:auto !important;
    display:block !important;
    object-fit:unset !important;
  }

  /* נקודות הניווט קצת קרוב לתמונה */
  #heroSlider .flex-control-nav{ bottom:12px; }
}