/* ======================================================
   Bismachot - Core Theme CSS (override)
   Original: 2025-08-11 | Cleaned + fixes: 2026-10-25 | v6: 2026-10-27
   - Fixed garbled (mis-encoded) comments
   - Flattened nested CSS for older browsers
   - Section 11: primary CTA buttons + mobile product page fixes
   - v2: editor icon buttons visible, checkout/editor CTAs, dead code removed
====================================================== */
: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 */
body:not([class*="megaEditBodyClass"]) button,
body:not([class*="megaEditBodyClass"]) .button,
body:not([class*="megaEditBodyClass"]) input[type="submit"],
body:not([class*="megaEditBodyClass"]) 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;
}
body:not([class*="megaEditBodyClass"]) button:hover,
body:not([class*="megaEditBodyClass"]) .button:hover,
body:not([class*="megaEditBodyClass"]) input[type="submit"]:hover,
body:not([class*="megaEditBodyClass"]) 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) */
body:not([class*="megaEditBodyClass"]) button:not(.is-small.is-primary),
body:not([class*="megaEditBodyClass"]) .button:not(.is-small.is-primary),
body:not([class*="megaEditBodyClass"]) input[type="submit"]:not(.is-small.is-primary),
body:not([class*="megaEditBodyClass"]) input[type="button"]:not(.is-small.is-primary){
  background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
  border: 1px solid #9ca3af;
  color: #374151;
}
body:not([class*="megaEditBodyClass"]) button:not(.is-small.is-primary):hover,
body:not([class*="megaEditBodyClass"]) .button:not(.is-small.is-primary):hover,
body:not([class*="megaEditBodyClass"]) input[type="submit"]:not(.is-small.is-primary):hover,
body:not([class*="megaEditBodyClass"]) 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){
  body:not([class*="megaEditBodyClass"]) button, body:not([class*="megaEditBodyClass"]) .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;
  }
}

/* ======================================================
   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%;
}

/* ======================================================
   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
====================================================== */
#previewView .preview_close_button{ position:absolute; }

/* (v2) Section 8 removed: generic mobile-menu/offcanvas/search rules matched nothing in this theme,
   and '.navigation' could have hidden real content on mobile. */

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

/* ======================================================
   10) MegaEdit dialogs - icons (optional visual polish)
====================================================== */
.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: var(--brand-1) url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.bold.png") center/30px 30px no-repeat !important;
}
.textOptionsDialogOuter .textButtonItalic{
  background: var(--brand-1) url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.italic.png") center/30px 30px no-repeat !important;
}
.textOptionsDialogOuter .textButtonUnderline{
  background: var(--brand-1) url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.underline.png") center/30px 30px no-repeat !important;
}
.textOptionsDialogOuter .textButtonStrike{
  background: var(--brand-1) 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: var(--brand-1) 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: var(--brand-1) 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: var(--brand-1) 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: var(--brand-1) 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: var(--brand-1) 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: var(--brand-1) url("https://resources.public.infigosoftware.rocks/frontend/mega-edit/appbar.text.align.bottom.png") center/30px 30px no-repeat !important;
}

/* ======================================================
   Category pages
====================================================== */
/* 1) Remove spacing around subcategory section; hide empty intro/outro */
.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) Subcategory cards: hide CTA/detail buttons - the image is the link */
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;
}
/* keep the image clickable */
section.category-subcategory-section .sub-category-item .picture > a{
  display: block !important;
}

/* 3) Product list items: remove decorative top line/shadow */
.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 (banners1) - baseline clean
====================================================== */
.banner.banners1 { position: relative; overflow: hidden; }
.banner.banners1 .flexslider { margin: 0; padding: 0; border: 0; }
.banner.banners1 .flex-viewport { overflow: hidden; }
.banner.banners1 .slides { list-style: none; margin: 0; padding: 0; }
.banner.banners1 .slides > li { display: none; }       /* FlexSlider shows the active slide */
.banner.banners1 .slides img { width: 100%; height: auto; display: block; }
.banner.banners1 .flex-control-nav { bottom: 20px; z-index: 10; }

@media (min-width: 992px){
  .banner.banners1 .slides > li { min-height: 600px; }
}
@media (max-width: 991px){
  .banner.banners1,
  .banner.banners1 .flexslider,
  .banner.banners1 .flex-viewport,
  .banner.banners1 .slides,
  .banner.banners1 .slides > li { height: auto; }
}

/* ======================================================
   MegaEdit editor - mobile layout (flattened from nested CSS)
====================================================== */
.memobilePageClass.buttons { direction: ltr; }

@media only screen and (max-width: 1024px){
  #previewView { position: fixed; }
  #previewView #pageflip-thumbnails { width: 92%; }
  .megaedit-preview #addToBasketButton{
    top: unset !important;
    bottom: 2rem !important;
  }
  .customScriptUi-freeTarget { padding-bottom: 2.5rem !important; }
  .memobilePageClass { bottom: -5.5rem; }
  .editorBottom.is-attached-to-editor .priceContainer { bottom: -5.5rem; }
  .editorTop.pane{
    background-image: url(https://www.bismachot.co.il/-953435250/Handler/Picture/GU/F/ThemeImages/logo_bsmachot_nwe_33.png);
    background-repeat: no-repeat;
    background-size: 120px;
    background-position: center;
  }
  .headerWrapper .backButton { display: none !important; }
  .headerWrapper .me-global-menu button:before{
    content: "\f03a";
    font-family: 'Font Awesome 6 Pro';
  }
  .headerWrapper .me-global-menu button span { display: none; }
}

.memobilePageClass{
  display: flex;
  flex-direction: row-reverse;
}
.memobilePageClass button{
  transform: rotate(180deg) !important;
  margin: 0 !important;
}
.memobilePageClass span{ margin: 5px !important; }

/* ======================================================
   11) NEW 2026-10-25 - conversion fixes
====================================================== */

/* Primary CTAs: "׳”׳×׳—׳œ׳× ׳¢׳™׳¦׳•׳‘" (product page) + "׳‘׳™׳¦׳•׳¢ ׳”׳–׳ž׳ ׳”" (cart).
   The generic "Secondary" rule above turned them gray. */
input.catfish-button.dynamic_product_start,
.dynamic_product_start,
#checkout{
  background: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%) !important;
  border: 1px solid var(--brand-2) !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(159,94,142,.35);
}
input.catfish-button.dynamic_product_start,
.dynamic_product_start{
  font-size: 18px !important;
  min-height: 52px;
}
input.catfish-button.dynamic_product_start:hover,
.dynamic_product_start:hover,
#checkout:hover{
  background: linear-gradient(135deg, var(--brand-2) 0%, var(--brand-3) 100%) !important;
  border-color: var(--brand-3) !important;
  color: #fff !important;
}

/* "׳œ׳”׳ž׳©׳š ׳”׳§׳ ׳™׳”" - secondary, quieter */
#continueshopping{
  background: transparent !important;
  border: 1px solid var(--gray-300) !important;
  color: var(--ink-700) !important;
  box-shadow: none !important;
}

/* Mobile product page: hide the category sidebar that pushes the product
   below the fold (the main menu already has the same links) */
@media (max-width: 768px){
  .columns:has(.arone-product-landing-page) > .category-page__sidebar{
    display: none !important;
  }
}

/* ======================================================
   12) v2 2026-10-27 - editor & checkout buttons
====================================================== */

/* Editor "׳׳₪׳©׳¨׳•׳™׳•׳× ׳˜׳§׳¡׳˜": the icon images are white, so these buttons
   need a coloured background (they were white-on-white = invisible) */
.textOptionsDialogOuter .textButton,
.textOptionsDialogOuter #alignmentButtonset .alignmentButton{
  border:1px solid var(--brand-2) !important;
}
.textOptionsDialogOuter .textButton:hover,
.textOptionsDialogOuter #alignmentButtonset .alignmentButton:hover{
  background-color:var(--brand-2) !important;
}
.textOptionsDialogOuter .textButton.ui-state-active,
.textOptionsDialogOuter .textButton.active,
.textOptionsDialogOuter #alignmentButtonset .alignmentButton.ui-state-active{
  background-color:#4a2242 !important;
  box-shadow:0 0 0 3px rgba(159,94,142,.45) !important;
}

/* Editor "׳׳₪׳©׳¨׳•׳™׳•׳× ׳×׳ž׳•׳ ׳”": same white icons - same fix */
#imageControlButtonset .catfish-button.ui-button,
.imageOptionsDialog .catfish-button.ui-button{
  background-color:var(--brand-1) !important;
  border:1px solid var(--brand-2) !important;
}
#imageControlButtonset .catfish-button.ui-button:hover,
.imageOptionsDialog .catfish-button.ui-button:hover{
  background-color:var(--brand-2) !important;
}

/* Editor + preview: "׳”׳•׳¡׳₪׳” ׳œ׳¡׳œ" is the main action - make it look like one */
.DFB-AddToBasketButton{
  background:linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%) !important;
  border:1px solid var(--brand-2) !important;
  color:#fff !important;
  font-weight:700 !important;
}
.DFB-AddToBasketButton:hover{
  background:linear-gradient(135deg, var(--brand-2) 0%, var(--brand-3) 100%) !important;
  color:#fff !important;
}

/* Checkout: every "׳”׳ž׳©׳š" and "׳œ׳‘׳™׳¦׳•׳¢ ׳”׳”׳–׳ž׳ ׳”" looked grey/disabled */
.newaddressnextstepbutton,
.shippingmethodnextstepbutton,
.paymentmethodnextstepbutton,
.paymentinfonextstepbutton,
.confirmordernextstepbutton,
.checkoutasguestbutton{
  background:linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%) !important;
  border:1px solid var(--brand-2) !important;
  color:#fff !important;
  font-weight:700 !important;
  min-width:140px;
}
.newaddressnextstepbutton:hover,
.shippingmethodnextstepbutton:hover,
.paymentmethodnextstepbutton:hover,
.paymentinfonextstepbutton:hover,
.confirmordernextstepbutton:hover,
.checkoutasguestbutton:hover{
  background:linear-gradient(135deg, var(--brand-2) 0%, var(--brand-3) 100%) !important;
  color:#fff !important;
}
.newaddressnextstepbutton *, .shippingmethodnextstepbutton *, .paymentmethodnextstepbutton *,
.paymentinfonextstepbutton *, .confirmordernextstepbutton *{ color:#fff !important; }

/* Contact widget: the transparent wrapper must not block taps on buttons under it
   (same fix as in the footer script - here it also covers pages without the footer) */
#hybrid-widget{ pointer-events:none !important; }
#hybrid-widget > *{ pointer-events:auto; }

/* ======================================================
   13) v3 2026-10-27 - styles moved here from the footer script
   (keeps the footer small; the footer script only adds the elements)
====================================================== */
.columns:has(.checkout-as-guest-or-register-block){display:flex;flex-direction:column;}
.columns:has(.checkout-as-guest-or-register-block) > .new-wrapper{order:-1;}
.checkoutasguestbutton{font-size:18px !important;min-height:52px;min-width:220px;}
.bs-hint{font-size:14px;color:#5e2c54;margin:6px 0 0;line-height:1.6;}
.bs-hint a{color:#7a3b6a;font-weight:700;text-decoration:underline;}
.bs-filter-toggle{display:flex !important;align-items:center;justify-content:space-between;width:100%;
  padding:12px 16px !important;margin:4px 0 12px;border:1px solid #e6cfdf !important;border-radius:12px !important;
  background:#f7eef4 !important;color:#5e2c54 !important;font-weight:700;font-size:16px !important;cursor:pointer;min-height:auto;}
.bs-filter-toggle::after{content:"\25BE";margin-inline-start:8px;}
.bs-filter-toggle[aria-expanded="true"]::after{content:"\25B4";}
.bs-filter-toggle:hover{transform:none !important;box-shadow:none !important;}
.tagsearchmenu.bs-collapsed .TagSearchBox{display:none;}

/* ======================================================
   14) v5 2026-10-27 - homepage "how it works" (.bs-how, class added by the footer script)
   mobile: 2x2 white cards with small icons instead of 4 huge stacked circles
====================================================== */
@media (max-width:768px){
  .bs-how{padding:20px 12px !important;}
  .bs-how .container{padding:0 !important;}
  .bs-how .columns{display:grid !important;grid-template-columns:1fr 1fr;gap:10px;margin:0 !important;}
  .bs-how .column{width:auto !important;max-width:none !important;padding:14px 8px !important;
    background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(94,44,84,.08);}
  .bs-how .column .image,.bs-how .column figure{width:52px !important;height:52px !important;margin:0 auto !important;}
  .bs-how .column img{width:52px !important;height:52px !important;}
  .bs-how h3{font-size:15px !important;margin:8px 0 2px !important;font-weight:600 !important;}
  .bs-how p{font-size:12.5px !important;line-height:1.4 !important;margin:0 !important;color:#555;}
}

/* 15. ׳›׳₪׳×׳•׳¨ ׳ ׳’׳™׳©׳•׳× - ׳¢׳™׳’׳•׳œ ׳¡׳’׳•׳œ ׳¡׳•׳œ׳™׳“׳™ (׳›׳©׳”׳×׳₪׳¨׳™׳˜ ׳¡׳’׳•׳¨) */
html body nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip:not(.open){
  width:52px !important;height:52px !important;padding:0 !important;margin:10px !important;
  border-radius:50% !important;border:2px solid #fff !important;font-size:0 !important;
  background:#7a3b6a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Ccircle cx='12' cy='4.2' r='2.2'/%3E%3Cpath d='M4 7.6c2.6.8 5.3 1.2 8 1.2s5.4-.4 8-1.2l.5 1.9c-2 .6-4.1 1-6.2 1.2v3.2l2.4 7.6-1.9.6-2.6-7.3h-.4l-2.6 7.3-1.9-.6 2.4-7.6v-3.2c-2.1-.2-4.2-.6-6.2-1.2z'/%3E%3C/svg%3E") center/32px 32px no-repeat !important;
  box-shadow:0 3px 10px rgba(0,0,0,.25) !important;position:relative !important;overflow:hidden !important;
}
html body nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip:not(.open):hover,
html body nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip:not(.open):focus{background-color:#5e2c52 !important;outline:3px solid #f2c94c !important;outline-offset:2px !important}
html body nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip:not(.open) > *{
  position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;
  clip:rect(0 0 0 0) !important;white-space:nowrap !important;opacity:0 !important}
html body nagishli#NagishLiTag > #NagishLiBar > #NagishLiBarStrip.open{background:#7a3b6a !important}

/* ======================================================
   16) v6 2026-10-27 - spacing tweaks + content pages
====================================================== */
/* hero banner: no double gap under the fixed header */
html body .banner.banners1 #heroHero{margin-top:0 !important;margin-bottom:0 !important}
/* recommended products: less empty space around the slider */
.homeFeaturedProductsWrapper{padding-top:24px !important;padding-bottom:40px !important}
.homeFeaturedProductsWrapper .bs-hps{margin-top:0 !important;margin-bottom:0 !important}
/* empty section at the bottom of the homepage */
.homebanners ~ section.section:not(:has(.column, img, a, p, h1, h2, h3, iframe)){display:none !important}
footer{padding-top:48px !important}
@media (max-width:768px){
  .homeFeaturedProductsWrapper{padding-top:16px !important;padding-bottom:24px !important}
  footer{padding-top:32px !important}
}
/* content pages (accessibility statement, about, etc.): site font instead of Times */
.topicpage-body .content,.topicpage-body .content *{font-family:inherit !important}
.topicpage-body .content h2{font-family:inherit !important;font-weight:600;font-size:20px !important;color:#5e2c54;margin:24px 0 8px !important}
.topicpage-body .content p,.topicpage-body .content li{font-size:16px;line-height:1.7}
/* hero: the banners already carry their own headline - hide the animated text overlay */
#heroHero .heroTitleWrap{display:none !important}

/* ======================================================
   17) Responsive editor / focused accessibility fixes
   2026-10-27. The layout script's inline pane dimensions are
   overridden only for the guided form editor at phone widths.
   Canvas pixel dimensions remain controlled by MegaEdit.
====================================================== */
.Script_DynamicUiGeneration_New .editorMain {
  max-height:none !important;
}
.Script_DynamicUiGeneration_New .customScriptUi-freeTarget {
  overflow-x:hidden;
  box-sizing:border-box;
}
.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .columns {
  min-width:0;
}
.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .column {
  min-width:0;
}
.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .meuiButton {
  max-width:100%;
  white-space:normal;
  height:auto;
  padding-inline:10px;
  font-size:16px;
  line-height:1.4;
}
.Script_DynamicUiGeneration_New .customScriptUi-freeTarget textarea {
  font-family:inherit;
  font-size:16px;
  line-height:1.6;
  resize:vertical;
  max-width:100%;
}
.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .main-title {
  font-size:22px;
}
.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .ItemsListItem {
  background:#fff !important;
  color:#1f2937 !important;
  border-radius:12px;
  padding:8px !important;
  margin-bottom:8px;
}
.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .ItemsListItem > .columns {
  display:flex !important;
  align-items:center;
  margin:0 !important;
}
.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .ItemsListItem .thumbnail {
  flex:0 0 64px;
  width:64px;
  padding:0;
}
.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .ItemsListItem .image {
  width:64px;
  height:64px;
  padding-top:0 !important;
}
.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .ItemsListItem .itemDetails {
  flex:1;
  padding:8px 12px;
  min-width:0;
}
.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .ItemsListItem .name {
  color:#1f2937;
  word-break:normal !important;
}
.megaedit-preview #addToBasketButton {
  background:linear-gradient(135deg,var(--brand-1),var(--brand-2)) !important;
  color:white !important;
  font-size:16px;
  min-height:48px;
}
@media (max-width:767px) {
  body.Script_DynamicUiGeneration_New {
    --bsm-editor-top:58px;
    --bsm-editor-canvas:calc((100vh - 58px) * .43);
    --bsm-editor-canvas:calc((100dvh - 58px) * .43);
  }
  body.Script_DynamicUiGeneration_New .editorMain {
    position:absolute !important;
    top:var(--bsm-editor-top) !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    width:100% !important;
    height:var(--bsm-editor-canvas) !important;
    max-height:none !important;
    min-width:0 !important;
    overflow:hidden;
  }
  body.Script_DynamicUiGeneration_New .freeTargetContainer {
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:calc(var(--bsm-editor-top) + var(--bsm-editor-canvas)) !important;
    bottom:0 !important;
    width:100% !important;
    min-width:0 !important;
    height:calc(100% - var(--bsm-editor-top) - var(--bsm-editor-canvas)) !important;
    overflow:hidden auto !important;
    border-top:1px solid #dfd0dc;
    z-index:2 !important;
  }
  body.Script_DynamicUiGeneration_New .customScriptUi-freeTarget {
    width:100%;
    height:auto !important;
    min-height:100%;
    max-height:none !important;
    overflow:visible !important;
    padding:16px 20px calc(30px + env(safe-area-inset-bottom)) !important;
  }
  body.Script_DynamicUiGeneration_New .editorTop.pane {
    background-image:none;
  }
  body.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .main-title {
    display:none;
  }
  body.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .meuiButton {
    min-height:44px;
    padding:8px;
    font-size:15px;
  }
  body.Script_DynamicUiGeneration_New .editorBottom.is-attached-to-editor {
    bottom:0 !important;
  }
  body.Script_DynamicUiGeneration_New .editorBottom .memobilePageClass {
    bottom:4px !important;
    gap:4px;
  }
  body.Script_DynamicUiGeneration_New .editorBottom .memobilePageClass .catfish-button {
    width:44px;
    height:36px;
    min-height:36px;
    padding:0;
  }
  body.Script_DynamicUiGeneration_New .editorBottom .priceContainer {
    bottom:4px !important;
    font-size:14px;
  }
  body.Script_DynamicUiGeneration_New .editorBottom .priceContainer h2 {
    font-size:13px;
  }
  body.Script_DynamicUiGeneration_New .editorBottom .priceContainer .price {
    font-size:16px;
  }
  .megaedit-preview #addToBasketButton {
    position:fixed;
    top:auto !important;
    bottom:calc(12px + env(safe-area-inset-bottom)) !important;
    left:16px !important;
    right:16px !important;
    width:calc(100% - 32px);
  }
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart-item-row {
    display:grid !important;
    grid-template-columns:76px repeat(3,minmax(0,1fr));
    grid-template-areas:'picture info info info' 'picture unit quantity total' 'actions actions actions actions';
    gap:8px;
    padding:14px !important;
    margin:0 0 14px !important;
    border:1px solid #e7d9e3;
    border-radius:14px;
    background:#fff !important;
  }
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart-item-row > td {
    display:block !important;
    width:auto !important;
    min-width:0;
    padding:0 !important;
    border:0;
    background:transparent;
    text-align:right;
  }
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--pictures {grid-area:picture;}
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--productinfo {grid-area:info;}
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--unitprice {grid-area:unit;}
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--quantity {grid-area:quantity;}
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--itemtotal {grid-area:total;}
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--actions {grid-area:actions;}
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--pictures .image {
    width:76px !important;height:76px !important;
  }
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart-item-row .cart--productinfo .summaryShortDescription {display:none !important;}
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .product__title {
    font-size:16px;line-height:1.5;font-weight:600;
  }
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart-label-header {
    font-size:12px;margin-bottom:4px;
  }
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--productinfo > .cart-label-header,
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--pictures > .cart-label-header,
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--actions > .cart-label-header {display:none !important;}
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .productPrice {font-size:14px;}
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .quantityChanger {
    width:64px;height:44px;min-height:44px;max-width:100%;font-size:16px;padding:8px;
  }
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--actions__buttons {
    display:flex !important;flex-direction:row !important;flex-wrap:wrap;gap:6px;margin:4px 0 0;
  }
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--edititem {display:contents !important;}
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--deleteitem {width:auto !important;flex:0 0 auto !important;}
  html.page-shoppingcart-cart .shoppingcart__wrapper .cartform .cartTableWrapper table.cart .cart--actions input[type='button'] {
    font-size:13px;padding:8px 10px;min-height:44px;margin:0;width:auto !important;
  }
  html.page-shoppingcart-cart #hybrid-widget.hw-wrapper {
    position:static !important;
    margin:20px 16px;
  }
  html.page-shoppingcart-cart #hybrid-widget .hw-mobile-menu {display:none;}
  html.page-shoppingcart-cart #hybrid-widget.active .hw-mobile-menu {display:flex;}
}
@media (min-width:768px) and (max-width:1024px) {
  .Script_DynamicUiGeneration_New .editorBottom .memobilePageClass,
  .Script_DynamicUiGeneration_New .editorBottom .priceContainer {
    bottom:4px !important;
  }
}
body:not([class*="megaEditBodyClass"]) :is(a,button,input,select,textarea):focus-visible {
  outline:3px solid #7a3b6a;
  outline-offset:3px;
}
@media (prefers-reduced-motion:reduce) {
  #heroHero img, .tripleRow .tripleCol, .tripleRow .tripleCol img,
  .tripleRow .promo-title *, .tripleRow .slide-title *, .hw-pulse {
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
  .tripleRow .tripleCol {opacity:1 !important;}
}

/* 2026-10-27 follow-up: visible basket action and consistent form controls */
body.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .meuiButton.has-border,
body.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .button.has-border {
 background:#fff !important; color:#5e2c54 !important; border:1px solid #9f5e8e !important;
 border-radius:8px !important; min-height:44px !important; height:auto !important;
 font-size:15px !important; line-height:1.4 !important; padding:8px 10px !important;
 box-shadow:none !important;
}
body.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .meuiButton.has-border:hover,
body.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .button.has-border:hover {background:#f7eff5 !important;}
body.Script_DynamicUiGeneration_New .bottom-bar-actions .nextStepButton {
 position:fixed !important; top:auto !important; bottom:calc(12px + env(safe-area-inset-bottom)) !important;
 left:16px !important; right:auto !important; width:368px !important; max-width:calc(100vw - 32px) !important;
 height:50px !important; min-height:50px !important; padding:12px 20px !important;
 display:flex !important; align-items:center; justify-content:center; gap:12px;
 border-radius:12px !important; z-index:100 !important; box-shadow:0 2px 12px #5e2c5433;
}
body.Script_DynamicUiGeneration_New .bottom-bar-actions .nextStepButton .confirmextratxt {
 display:inline !important; visibility:visible !important; width:auto !important; height:auto !important;
 font-size:17px !important; color:#fff !important;
}
body.Script_DynamicUiGeneration_New .freeTargetContainer {padding-bottom:78px !important; box-sizing:border-box;}
@media(max-width:767px) {
 body.Script_DynamicUiGeneration_New {
  --bsm-editor-canvas:min(calc((100vh - 58px)*.56),calc(100vh - 320px));
  --bsm-editor-canvas:min(calc((100dvh - 58px)*.56),calc(100dvh - 320px));
 }
 body.Script_DynamicUiGeneration_New .freeTargetContainer {
  bottom:78px !important; height:calc(100% - var(--bsm-editor-top) - var(--bsm-editor-canvas) - 78px) !important;
  padding-bottom:0 !important;
 }
 body.Script_DynamicUiGeneration_New .bottom-bar-actions .nextStepButton {
  left:16px !important; right:16px !important; width:calc(100% - 32px) !important;
 }
 body.Script_DynamicUiGeneration_New .customScriptUi-freeTarget {margin:0 !important; padding-inline:16px !important;}
}

@media(max-width:767px){body.Script_DynamicUiGeneration_New .toggleCollapseTab {bottom:auto !important; top:6px !important; right:76px !important; left:auto !important; z-index:101 !important;}}

@media(min-width:768px){body.Script_DynamicUiGeneration_New .bottom-bar-actions .nextStepButton {left:16px !important; right:auto !important; width:208px !important;}}

body.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .meuiButton.DFB-AddToBasketButton {position:fixed !important; top:auto !important; bottom:calc(12px + env(safe-area-inset-bottom)) !important; left:16px !important; right:auto !important; width:208px !important; height:50px !important; min-height:50px !important; z-index:100 !important; background:linear-gradient(135deg,#9f5e8e,#7a3b6a) !important; color:#fff !important; border-radius:12px !important; border:0 !important; font-size:17px !important; box-shadow:0 2px 12px #5e2c5433 !important;}
@media(max-width:767px){body.Script_DynamicUiGeneration_New .customScriptUi-freeTarget .meuiButton.DFB-AddToBasketButton {width:calc(100% - 32px) !important; right:16px !important;}}