/** Shopify CDN: Minification failed

Line 276:0 Expected "}" to go with "{"

**/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, a, label, label.text-nowrap.font-body-bolder, summary, .product-badges__badge, body, button, textarea, span, .bubble-count, sale-price, select, input, on-sale-badge, price-list *, mega-menu-disclosure *, .font-body, .text-base, .font-navigation, motion-element{ font-family: Heebo !important; }
span.material-icon, .material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; }
h1, h2, h3, h4, h5, h6 {font-weight: normal; }
input{ direction:rtl;}

/* Product card styles - moved from snippets/card-product.liquid to avoid the block being duplicated once per product card */

  .product-card-wrapper .full-unstyled-link {
      font-size: 16px;
      font-weight: 500;
  }

  .card__content span.price-item.price-item--regular {
      font-weight: 400;
      letter-spacing: normal;
  }
      .card__media {
        position: relative !important;
      }

      /* Dark overlay on product hover - positioned behind button */
      .card__media::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: rgba(0, 0, 0, 0) !important;
        transition: background 0.3s ease !important;
        z-index: 0 !important;
        pointer-events: none !important;
      }

      .card__media:hover::before {
        background: rgba(0, 0, 0, 0.1) !important;
      }

      /* Make sure images are above overlay but below button */
      .card__media img {
        position: relative !important;
        z-index: 1 !important;
      }

      .quick-add--hover-overlay {
        position: absolute !important;
        bottom: 15px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: calc(100% - 30px) !important;
        opacity: 1 !important;
        visibility: visible !important;
        transition: opacity 0.3s ease, visibility 0.3s ease !important;
        z-index: 20 !important;
        pointer-events: none !important;
      }

      .quick-add--hover-overlay .quick-add__submit {
        background: rgba(255, 255, 255, 0.95) !important;
        color: #000 !important;
        border: none !important;
        font-weight: 500 !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        padding: 12px 20px !important;
        border-radius: 6px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        transition: all 0.3s ease !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        backdrop-filter: blur(10px) !important;
        position: relative !important;
        z-index: 9999 !important;
        pointer-events: auto !important;
        opacity: 0 !important;
        visibility: hidden !important;
      }
      @media (hover: hover) {
        .card-wrapper .link-btns--center a.button:not([aria-disabled=true]):after,
        .card-wrapper .link-btns--left a.button:not([aria-disabled=true]):after,
        .card-wrapper .action-btns--center button.button:not([disabled],[disabled=true],
        .card-wrapper .button--tertiary):after,
        .card-wrapper .action-btns--left button.button:not([disabled],
        [disabled=true],.card-wrapper .button--tertiary):after {
            background-color: white !important;
        }

      .card__media:hover .quick-add--hover-overlay .quick-add__submit {
        opacity: 1 !important;
        visibility: visible !important;
      }

      /* Prevent card link from interfering with button */
      .quick-add--hover-overlay * {
        pointer-events: auto !important;
      }

      .quick-add--hover-overlay .quick-add__submit .main-atc__label__text {
        transition: opacity 0.3s ease !important;
        opacity: 1 !important;
      }

      .quick-add--hover-overlay .quick-add__submit .cart-icon {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        opacity: 0 !important;
        transition: opacity 0.3s ease !important;
        width: 20px !important;
        height: 20px !important;
      }

      .quick-add--hover-overlay .quick-add__submit:hover {
        background: #000 !important;
        color: #fff !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
      }

      .quick-add--hover-overlay .quick-add__submit:hover .main-atc__label__text {
        opacity: 0 !important;
      }

      .quick-add--hover-overlay .quick-add__submit:hover .cart-icon {
        opacity: 1 !important;
      }

      @media screen and (max-width: 749px) {
        .quick-add--hover-overlay {
          width: calc(100% - 20px) !important;
          bottom: 10px !important;
        }

        .quick-add--hover-overlay .quick-add__submit {
          padding: 10px 16px !important;
          font-size: 13px !important;
          border-radius: 20px !important;
        }

        .quick-add--hover-overlay .quick-add__submit .cart-icon {
          width: 18px !important;
          height: 18px !important;
        }
      }

      /* Product Label */
      .product-label {
        position: absolute !important;
        top: 10px !important;
        right: 10px !important;
        width: 50px !important;
        height: 50px !important;
        z-index: 10 !important;
        border-radius: 50px !important;
        overflow: hidden !important;
        transition: transform 0.3s ease !important;
      }

      .product-label:hover {
        transform: scale(1.05) !important;
      }

      .product-label img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
      }

      @media screen and (max-width: 749px) {
        .product-label {
          top: 8px !important;
          right: 8px !important;
          width: 35px !important;
          height: 35px !important;
        }
      }

/* Mega menu styles - moved from snippets/products-mega-menu.liquid to avoid the block being duplicated once per menu item */
    /* RTL and Hebrew text support for mega menu */
    .products-mega-menu .header__menu-item span[dir='auto'] {
      unicode-bidi: isolate;
      text-align: inherit;
      direction: inherit;
    }
  
    /* Mega menu slider styles */
    .products-mega-menu__content .products-mega-menu__slider-container {
      padding: 1rem 0;
      width: 100%;
    }
  
    .products-mega-menu__slider-container {
      width: 80%;
    }
  
    .products-mega-menu__container {
      display: flex;
      justify-content: space-between;
    }
  
    .products-mega-menu__content .product-grid {
      display: block;
    }
  
    .products-mega-menu__content .splide__track {
      overflow: visible;
    }
  
    .products-mega-menu__content .splide__list {
      display: flex;
      gap: 1.5rem;
    }
  
    .products-mega-menu__content .splide__slide {
      flex-shrink: 0;
      width: auto;
      min-width: 250px;
    }
  
    .products-mega-menu__content .splide__slide__container {
      height: 100%;
    }
  
    .products-mega-menu__content .splide__arrows {
      display: flex;
      justify-content: center;
      gap: 1rem;
      margin-top: 1rem;
    }
  
    .products-mega-menu__content button.splide__arrow {
      border: 1px solid #000000;
      padding: 10px;
      width: 35px;
      height: 35px;
      position: static;
      transform: none;
      border-radius: 50%;
      background: transparent;
      transition: all 0.3s ease;
    }
  
    .products-mega-menu__content button.splide__arrow:hover {
      background: #000000;
      fill: white;
      color: white;
    }
  
    .products-mega-menu__content .splide__arrow svg {
      fill: currentColor;
    }
  
  
    @media screen and (max-width: 749px) {
      .products-mega-menu__content .splide__slide {
        min-width: 200px;
      }
    }
  
    .products-mega-menu__slider-container-button {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 1rem;
      margin-bottom: 3rem;
    }
