@charset "UTF-8";
/* assets/real/wp-content/themes/woodmart/css/parts/mod-load-more-button.min.css */
.wd-load-more{padding:5px 25px;min-height:44px;border-color:var(--brdcolor-gray-300);border-radius:var(--btn-default-brd-radius);color:var(--color-gray-800);border-width:2px}.wd-load-more:not(:hover){background-color:transparent !important}.wd-load-more:hover{box-shadow:none;border-color:var(--brdcolor-gray-500);background-color:transparent;color:var(--color-gray-800)}.wd-load-more.loading{display:none;animation:wd-fadeOut .3s ease both}.wd-load-more.loading+.wd-load-more-loader{display:inline-flex;animation:wd-fadeIn .3s ease both}.wd-load-more.loading+.wd-load-more-loader .load-more-loading:before{--wd-anim-state: running}.wd-load-more-loader{display:none}.wd-load-more-loader .load-more-loading{display:flex;align-items:center;justify-content:center}.wd-load-more-loader .load-more-loading:before{margin-inline:-8px 8px;content:"";display:inline-block;width:16px;height:16px;border:1px solid rgba(0,0,0,0);border-left-color:var(--color-gray-900);border-radius:50%;vertical-align:middle;animation:wd-rotate 450ms infinite linear var(--wd-anim-state, paused)}


/* assets/real/wp-content/themes/woodmart/css/parts/mod-sticky-loader.min.css */
.wd-sticky-loader{position:absolute;inset:70px 0;display:flex;align-items:flex-start;justify-content:center;pointer-events:none;opacity:0}.wd-sticky-loader .wd-loader{position:sticky;top:calc(50% - 15px)}.wd-sticky-loader.wd-loading,.site-content.wd-loading .wd-sticky-loader.wd-content-loader{opacity:1;transition:all .25s ease;--wd-anim-state: running}


/* assets/real/wp-content/themes/woodmart/css/parts/woo-categories-loop-default-old.min.css */
@media (min-width: 769px){.cat-design-default .wrapp-category{overflow:hidden}.cat-design-default .hover-mask{position:absolute;inset-inline:20px;bottom:15px;padding:0 !important;text-align:start;transition:transform .3s ease;transform:translateY(100%) translateZ(0)}.cat-design-default .wd-entities-title{position:absolute;bottom:100%;inset-inline-start:0}.cat-design-default .more-products{margin-top:5px;opacity:0;transition:transform .3s ease, opacity .3s ease;transform:translateY(15px) translateZ(0)}.cat-design-default.categories-with-shadow .wrapp-category{box-shadow:1px 1px 2px rgba(0,0,0,0.12)}.cat-design-default:hover .hover-mask{transform:translateY(0) translateZ(0)}.cat-design-default:hover .more-products{opacity:1;transform:translateY(0) translateZ(0)}}


/* assets/real/wp-content/themes/woodmart/css/parts/woo-categories-loop-nav-mobile-accordion.min.css */
.wd-nav-accordion-mb-on .wd-btn-show-cat{font-size:110%}.wd-nav-accordion-mb-on .wd-btn-show-cat>a{flex-direction:row-reverse}.wd-nav-accordion-mb-on .wd-btn-show-cat>a:before{content:"\f129"}.wd-nav-accordion-mb-on .wd-btn-show-cat.wd-style-text>a:before{font-size:85%;margin-inline-start:0.3em;margin-inline-end:0 !important}@media (max-width: 1024px){.wd-nav-accordion-mb-on .wd-nav-product-cat{display:none;margin:10px 0 0 0;padding:5px 15px;border-radius:var(--wd-brd-radius);background-color:rgba(255,255,255,0.05)}.wd-nav-accordion-mb-on .wd-nav-product-cat li{display:flex;flex:1 1 100%;flex-wrap:wrap}.wd-nav-accordion-mb-on .wd-nav-product-cat li a{flex:1 1 0%}.wd-nav-accordion-mb-on .wd-nav-product-cat .wd-dropdown{position:static;display:none;flex:1 1 100%;order:3;visibility:visible;padding:0;width:100%;background-color:rgba(255,255,255,0.05);box-shadow:none;opacity:1;transform:none;pointer-events:visible;pointer-events:unset;z-index:340}.wd-nav-accordion-mb-on .wd-nav-product-cat .wd-dropdown .wd-dropdown{margin:0;padding:0;width:100%}.wd-nav-accordion-mb-on .wd-nav-product-cat .wd-sub-menu li a{padding:15px}.wd-nav-accordion-mb-on.color-scheme-light .wd-nav-product-cat{background-color:rgba(0,0,0,0.4)}.wd-nav-accordion-mb-on.color-scheme-light .wd-nav-product-cat .wd-dropdown{background-color:rgba(0,0,0,0.2)}}


/* assets/real/wp-content/themes/woodmart/css/parts/woo-categories-loop-nav.min.css */
.wd-nav-product-cat .wd-dropdown{margin:0}.wd-nav-product-cat .wd-dropdown:after{height:auto}.wd-nav-product-cat{flex:1 1 100%}.wd-nav-product-cat:not(.wd-nav-mobile)>li>a{padding-block:15px;font-size:14px}.wd-nav-product-cat .nav-link-count{display:block;margin-top:5px;color:var(--color-gray-400);text-transform:capitalize;font-weight:400;font-size:14px}.wd-nav-product-cat .wd-dropdown li a{padding-top:10px;padding-bottom:10px;font-weight:600}.wd-nav-product-cat .wd-sub-menu{--sub-menu-color: var(--nav-color);--sub-menu-color-hover: var(--nav-color-hover)}.wd-nav-product-cat.has-product-count .wd-nav-img{max-height:40px;margin-inline-end:10px}.wd-nav-product-cat.has-product-count picture.wd-nav-img img{max-height:40px}.title-design-centered .wd-nav-product-cat{justify-content:center}@media (min-width: 1025px){.wd-btn-show-cat{display:none}}@media (max-width: 1024px){.wd-nav-product-cat-wrap:not(.wd-nav-accordion-mb-on) .wd-nav-product-cat>li>a{padding-top:10px;padding-bottom:10px}}


/* assets/real/wp-content/themes/woodmart/css/parts/woo-categories-loop-old.min.css */
.category-grid-item{text-align:center}.category-grid-item img{width:100%}.category-grid-item .hover-mask{padding:10px}.category-grid-item .category-image-wrapp{position:relative;overflow:hidden;border-radius:var(--wd-cat-brd-radius, var(--wd-brd-radius))}.browser-Safari .category-grid-item .category-image-wrapp{transform:translate3d(0, 0, 0)}.category-grid-item .category-image{display:block;margin:-1px;transition:transform 0.5s cubic-bezier(0, 0, 0.44, 1.18)}.category-grid-item:hover .category-image{transform:scale3d(1.1, 1.1, 1)}.category-grid-item .wd-entities-title{margin-bottom:0;text-transform:uppercase;font-size:20px}.category-grid-item .count{display:none;padding:0;background-color:transparent;color:rgba(0,0,0,0.25)}.category-grid-item .more-products>a{color:inherit}.category-grid-item .wrapp-category{position:relative;border-radius:var(--wd-cat-brd-radius, var(--wd-brd-radius))}.category-grid-item .category-link{z-index:5}.wd-img-width .cat-design-alt .category-image-wrapp{margin-left:auto;margin-right:auto;max-width:var(--wd-cat-img-width)}.products:not(.wd-img-width) .cat-design-alt img{width:auto}.cat-design-alt.categories-with-shadow .category-image-wrapp{box-shadow:1px 1px 2px rgba(0,0,0,0.12)}@media (max-width: 768.98px){.category-grid-item .wd-entities-title{font-size:16px}.category-grid-item:hover .category-image{transform:none}}


/* assets/real/wp-content/themes/woodmart/css/parts/woo-mod-shop-loop-head-rtl.min.css */
.shop-loop-head{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:30px;max-width:100%;width:100%}.wd-shop-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px 30px;max-width:100%}@media (max-width: 1024px){.shop-loop-head{margin-bottom:20px}.shop-content-area .shop-loop-head{margin-top:-15px}}@media (max-width: 768.98px){.wd-shop-tools{gap:10px}.shop-content-area .shop-loop-head{margin-top:-20px}}


/* assets/real/wp-content/themes/woodmart/css/parts/woo-shop-el-filters-area.min.css */
.filters-area{display:none;margin-bottom:30px;padding-block:30px;border-block:solid 1px var(--brdcolor-gray-300)}.body-filters-opened .filters-area,.filters-area.always-open{display:block}.filters-inner-area>p{margin-bottom:0}.filter-widget{margin-bottom:0;padding-bottom:0;border-bottom:none}.wd-filter-buttons.wd-style-text>a:before{font-size:120%;content:"\f15c"}


/* assets/real/wp-content/themes/woodmart/css/parts/woo-shop-el-order-by-rtl.min.css */
.woocommerce-ordering select{cursor:pointer}.woocommerce-ordering.wd-style-underline select{padding-top:5px;padding-bottom:5px;height:auto;border-top-style:none;border-right-style:none;border-left-style:none;border-radius:0;background-color:unset;background-position:left 0 top 50%;color:var(--color-gray-900);font-weight:600;font-size:inherit;line-height:1.2;padding-inline-start:2px;padding-inline-end:20px}.woocommerce-ordering.wd-style-underline select:focus{border-color:var(--wd-primary-color)}@media (max-width: 768.98px){.woocommerce-ordering.wd-ordering-mb-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.woocommerce-ordering.wd-ordering-mb-icon select{position:absolute;inset:0;padding:0;height:inherit;border:none;background:none;color:transparent !important;font-weight:400;font-size:16px;-webkit-appearance:none;-moz-appearance:none}.woocommerce-ordering.wd-ordering-mb-icon select option{font-size:14px}.woocommerce-ordering.wd-ordering-mb-icon:after{position:relative;color:var(--color-gray-900);font-size:120%;z-index:2;pointer-events:none;content:"\f119";font-family:"woodmart-font"}}


/* assets/real/wp-content/themes/woodmart/css/parts/woo-shop-el-products-per-page.min.css */
.wd-products-per-page{display:inline-flex;align-items:center;flex-wrap:wrap;color:var(--color-gray-500)}.wd-products-per-page .per-page-title{display:inline-block;color:var(--color-gray-900);vertical-align:middle;font-weight:600}.wd-products-per-page .per-page-title:after{content:' :'}.wd-products-per-page .per-page-variation{display:inline-block;padding:0 7px;color:var(--color-gray-500);vertical-align:middle}.wd-products-per-page .per-page-variation:hover{color:var(--color-gray-900)}.wd-products-per-page .per-page-variation.current-variation{color:var(--color-gray-900);font-weight:600}.wd-products-per-page .per-page-border{display:inline-block;vertical-align:middle}.wd-products-per-page .per-page-border:after{content:"/"}.wd-products-per-page .per-page-border:last-child{display:none}


/* assets/real/wp-content/themes/woodmart/css/parts/woo-shop-el-products-view.min.css */
.wd-products-shop-view{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px .9em;line-height:1}.wd-products-shop-view a{--wd-link-color: var(--color-gray-300);--wd-link-color-hover: var(--color-gray-600)}.wd-products-shop-view a.current-variation{color:var(--color-gray-800);cursor:default}.wd-products-shop-view a:before{font-size:180%;content:"\f12a";font-family:"woodmart-font"}.wd-products-shop-view a.per-row-2:before{content:"\f12b"}.wd-products-shop-view a.per-row-3:before{content:"\f12c"}.wd-products-shop-view a.per-row-4:before{content:"\f12d"}.wd-products-shop-view a.per-row-5:before{content:"\f12e"}.wd-products-shop-view a.per-row-6:before{content:"\f12f"}


/* assets/real/wp-content/themes/woodmart/css/parts/woo-shop-page-title-rtl.min.css */
.wd-back-btn>a:before{content:"\f120";font-family:"woodmart-font"}.wd-back-btn.wd-style-icon>a{height:40px}.wd-back-btn.wd-style-icon>a:before{font-size:24px}.title-design-centered .wd-back-btn,.without-title.with-back-btn .wd-back-btn{margin-inline-start:-50px}@media (min-width: 1025px){.title-shop>.container{display:flex;align-items:center;flex-wrap:wrap}.title-shop.title-design-centered>.container{justify-content:center}}@media (max-width: 1024px){.wd-back-btn{display:none}}


/* assets/real/wp-content/themes/woodmart/css/parts/woo-shop-predefined.min.css */
.shop-content-area>.woocommerce-notices-wrapper{margin-bottom:30px}.wd-show-sidebar-btn{display:none}.wd-show-sidebar-btn.wd-style-text>a:before{font-size:120%}.search-no-results.woocommerce .woocommerce-info{margin-bottom:30px}.wd-shop-tools .woocommerce-ordering.wd-style-underline select{max-width:200px}.wd-builder-off .woocommerce-result-count{display:none;margin-bottom:0}:is(.term-description,.page-description){margin-bottom:25px}.description-area-after :is(.term-description,.page-description){margin-top:25px}.wd-term-desc{margin-top:25px}@media (max-width: 1024px){.description-area-before :is(.term-description,.page-description){margin-top:-15px;margin-top:-15px}.wd-builder-off .wd-products-per-page{display:none}.wd-builder-off .wd-products-shop-view{display:none}}@media (max-width: 768.98px){.description-area-before :is(.term-description,.page-description){margin-bottom:30px;margin-bottom:30px}}


/* assets/real/wp-content/themes/woodmart/css/parts/woo-widget-active-filters.min.css */
.widget_layered_nav_filters a{display:inline-flex;align-items:center;color:var(--color-gray-800);font-weight:600;line-height:2}.widget_layered_nav_filters a .amount{margin-inline-start:3px}.widget_layered_nav_filters a:before{margin-inline-end:.3em;font-weight:400;content:"\f112";font-family:"woodmart-font"}.widget_layered_nav_filters a:hover{color:var(--color-gray-500)}


/* assets/css/custom.css */
/* Tiz Flowers — minimal glue CSS for pages without a real-Woodmart-markup
   equivalent yet (delivery landing, static content pages, mock payment,
   thank-you). Loaded AFTER all real theme CSS; keep this tiny. */
.tiz-wrap{max-width:1222px;margin:0 auto;padding:30px 15px}
.area-hero{background:linear-gradient(135deg,#fbeaf1,#fff);padding:40px 24px;text-align:center;margin:16px 0}
.area-hero h1{color:#A82459;font-weight:600;font-size:32px;margin:0 0 10px}
.area-hero p{color:#333;max-width:720px;margin:0 auto 16px;line-height:1.8}
.area-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.area-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
.ai-box{background:#fff;border:1px solid #ececec;border-radius:5px;padding:16px;text-align:center}
.ai-box b{display:block;color:#242424;margin-bottom:4px}
.ai-box span{color:#777;font-size:14px}
.area-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.area-pill{background:#A82459;color:#fff;border-radius:5px;padding:8px 16px;font-size:14px;font-weight:500}
.area-pill:hover{background:#C83C74;color:#fff}
.content-page{max-width:820px;margin:20px auto 40px}
.content-page h1{color:#A82459;font-weight:600}
.cp-body{color:#333;line-height:1.9}
.cp-body p{margin:0 0 14px}
.thankyou{text-align:center;padding:60px 16px;max-width:560px;margin:0 auto}
.thankyou .ty-check{width:70px;height:70px;border-radius:50%;background:#79A81A;color:#fff;font-size:40px;line-height:70px;margin:0 auto 16px}
.flash-err{background:#fdecef;border:1px solid #f0b3c4;color:#A82459;padding:10px 14px;border-radius:5px;margin:12px 0}
.flash-ok{background:#e6f4ea;border:1px solid #b6dcc0;color:#1e7e34;padding:10px 14px;border-radius:5px;margin:12px 0}
.btn-primary{background:#79A81A;color:#fff;border:0;border-radius:5px;padding:12px 30px;font-weight:600;cursor:pointer;display:inline-block;text-decoration:none}
.btn-primary:hover{background:#77BC00;color:#fff}
.btn-ghost{background:#fff;color:#A82459;border:2px solid #A82459;border-radius:5px;padding:10px 24px;font-weight:600;display:inline-block;text-decoration:none}
.btn-ghost:hover{background:#A82459;color:#fff}

/* ===== product page columns: desktop 40/4/56, mobile stacked (matches the real site) ===== */
@media (min-width: 1025px) {
  .tiz-col-gallery { width: 40%; }
  .tiz-col-spacer  { width: 4%; }
  .tiz-col-summary { width: 56%; }
}
@media (max-width: 1024px) {
  .tiz-col-gallery, .tiz-col-summary { width: 100%; }
  .tiz-col-spacer { display: none; }
}

/* ===== the live site's own inline <style> rules, mirrored verbatim ===== */
@font-face {
  font-family: "WooCommerce";
  font-weight: normal;
  font-style: normal;
  src: url("/assets/real/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"),
       url("/assets/real/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"),
       url("/assets/real/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}
.woocommerce form .form-row .required { visibility: visible; }
.woocommerce-product-gallery { opacity: 1 !important; }
.coupon { display: none; }
.woocommerce-form-coupon-toggle { display: none; }

/* ===== cart: centre the "עדכן עגלה" action (requested; the live site right-aligns it) ===== */
.cart-table-section .cart-actions { justify-content: center; }
.cart-table-section .cart-actions > p { margin: 0; }
.cart-table-section .cart-actions > p.tiz-cart-hidden-fields { display: none; }
@media (max-width: 768.98px) {
  .cart-table-section .cart-actions { align-items: center; }
}

/* ===== home hero flush to the header at every width =====
   The original leaves a 50px gap on tablet (768-1278px): there the mobile hero
   container drops its negative top margin, so `.main-page-wrapper`'s 40px padding
   plus the container's own 10px show through. Deliberate deviation from the
   original — the banner is meant to sit flush. */
@media (min-width: 768px) and (max-width: 1278.98px) {
  .elementor-77445 .elementor-element.elementor-element-50e2004 { --margin-top: -50px; }
}

/* Desktop hero container, laptop widths. The wrapper contributes 40px padding and
   Elementor changes the container's own values at two different breakpoints:
   padding-top jumps to 50px at 1367px, but --margin-top only jumps to -90px at
   1440px. Left alone that leaves the banner 10px under the header below 1367 and
   50px below it in between. Net both ranges to zero, keeping the original padding
   so nothing further down the page shifts. */
@media (min-width: 1025px) and (max-width: 1366.98px) {   /* padding-top: 0  */
  .elementor-77445 .elementor-element.elementor-element-7abb1d6c { --margin-top: -40px; }
}
@media (min-width: 1367px) and (max-width: 1439.98px) {   /* padding-top: 50px */
  .elementor-77445 .elementor-element.elementor-element-7abb1d6c { --margin-top: -90px; }
}

/* ===== home category tiles: 4 per row on desktop, 2 on mobile (requested) =====
   The original gives each tile a fixed pixel width from post-77445.css (277px,
   170px on small screens) and lets them flow, which lands 5+3 at 1440px and 6+2
   wider. Override the widths and lay the wrap out as a grid instead. */
.elementor-77445 .elementor-element-487875c3 > .elementor-widget-wrap {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
}
.elementor-77445 .elementor-element-487875c3 > .elementor-widget-wrap > .elementor-element {
  width: auto !important;
  max-width: none !important;
  --container-widget-width: 100% !important;
  margin: 0 !important;
}
.elementor-77445 .elementor-element-487875c3 > .elementor-widget-wrap > .elementor-element > .elementor-widget-container {
  margin: 0 !important;
}
.elementor-77445 .elementor-element-487875c3 .promo-banner img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 767.98px) {
  .elementor-77445 .elementor-element-487875c3 > .elementor-widget-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

/* Home page product grid on phones: the grid sat flush against both screen
   edges because the section is wd-section-stretch, so the 15px page padding
   above it is cancelled. 5px inside the grid gives the cards air on both
   sides without changing the two-per-row layout. */
@media (max-width: 767.98px) {
  .elementor-77445 .elementor-element-e1be926 .products.wd-products {
    padding-inline: 5px;
  }
}

/* The "we are closed" page and banner.
   Literal colours on purpose: the storefront loads the mirrored Woodmart CSS,
   not app.css, so --magenta and friends are undefined here and a var() would
   fall back to transparent (white text on white). */
.tz-closed { max-width: 620px; margin: 0 auto; padding: 60px 20px 80px; text-align: center; }
.tz-closed-logo { max-width: 220px; height: auto; margin: 0 auto 26px; display: block; }
.tz-closed h1 { color: #A82459; font-size: 30px; margin: 0 0 14px; }
.tz-closed-msg { font-size: 17px; line-height: 1.8; color: #333; margin: 0 0 24px; }
.tz-closed-hours { color: #777; line-height: 1.9; margin: 0 0 26px; }
.tz-closed-contact { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.tz-closed-contact a { direction: ltr; }

.tz-closed-bar {
  background: #A82459; color: #fff;
  padding: 11px 16px; text-align: center; font-size: 14.5px; line-height: 1.5;
}
.tz-closed-bar b { font-weight: 700; }

/* The floating WhatsApp button lives in tiz-wa.css (its looks are picked in the settings). */

/* The product terms block behind "האותיות הקטנות".
   The live site opens it in a Woodmart popup; here it expands in place, so it
   is collapsed until asked for and no popup library is needed. */
.elementor-element-5f85c61 .elementor-widget-container { display: none; }
.elementor-element-5f85c61 .elementor-widget-container.is-open { display: block; }
.tiz-popup-open { cursor: pointer; }

/* The add-on strip is a carousel on the live site, driven by JS we do not run.
   The cards are given the same 170px width and the row scrolls, so the section
   ends up the same height as the original instead of three grid rows. */
.wd-products-tabs .tiz-upsell {
  /* !important: Woodmart's own .wd-carousel-container / .products rules are more
     specific and would put the cards back into a stacking grid */
  display: flex !important; flex-wrap: nowrap !important; gap: 0;
  overflow-x: auto; overflow-y: hidden;
  -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity;
  /* the strip advances on its own, so the scrollbars are just noise */
  scrollbar-width: none; -ms-overflow-style: none;
}
.wd-products-tabs .tiz-upsell::-webkit-scrollbar { width: 0; height: 0; display: none; }
.wd-products-tabs .tiz-upsell > * {
  flex: 0 0 170px !important; width: 170px !important; max-width: 170px !important;
  scroll-snap-align: start;
}
.tiz-upsell .wd-product { padding-inline: 5px; }

/* Woodmart fades tab panels in with its own JS, which the static site does not
   load, so the panel stayed at opacity 0 and the add-on strip looked empty. */
.wd-products-tabs .wd-tab-content.wd-active { opacity: 1; }
/* The icon/text pair inside each reassurance block. Elementor's own inner
   sections have no gap between columns — the text column butts straight up
   against the icon column — so a gap here pushed the green/pink bars 14px out
   of line with the live site. */
.elementor-element-86115b3 .elementor-row-inner {
  display: flex; align-items: center; gap: 0;
}
.elementor-element-86115b3 .elementor-row-inner > .elementor-column { flex: 0 0 auto; }
.elementor-element-86115b3 .elementor-element-e2838b5,
.elementor-element-86115b3 .elementor-element-d41639a { flex: 1 1 auto; min-width: 0; }
/* the 10px inset Elementor gives a populated column, which the flex wrapper
   would otherwise drop */
.elementor-element-86115b3 .elementor-row-inner > .elementor-column
  > .elementor-widget-wrap.elementor-element-populated { padding: 10px; }

@media (max-width: 767px) {
  /* both icons are 45px on the live phone layout; the desktop rules leave them
     at 56px and 70px, which pushed the bars around */
  .elementor-element-86115b3 .elementor-element-e36da05 img,
  .elementor-element-86115b3 .elementor-element-dbd3250 img { width: 45px; height: auto; }
}

/* The X on a mini-cart line is a 20px glyph. Its hit area is grown with a
   pseudo-element so a thumb can land on it, without changing how it looks. */
.widget_shopping_cart_content .tiz-mini-remove { position: relative; }
.widget_shopping_cart_content .tiz-mini-remove::after {
  content: ""; position: absolute; top: 50%; left: 50%;
  width: 44px; height: 44px; transform: translate(-50%, -50%);
}
.widget_shopping_cart_content .tiz-mini-remove.loading { opacity: .45; pointer-events: none; }


/* assets/css/tiz-wa.css */
/* The floating WhatsApp button (Views/partials/whatsapp_float.php), in the look the admin picks
   in הגדרות אתר > וואטסאפ (App\Core\WhatsAppButton):
     design  tz-wa--circle | tz-wa--pill | tz-wa--pulse | tz-wa--bubble
     colour  tz-wa--green | tz-wa--brand | tz-wa--dark
     corner  tz-wa--left | tz-wa--right
   The storefront gets it in its bundle (layout.php); the settings screen links it too, and its
   preview (.tz-wa-demo) is the same button, placed in a box instead of on the screen. */

.tz-wa-float {
  --tz-wa-bg: #25D366; --tz-wa-bg-h: #1ebe5b;
  position: fixed; bottom: 18px; z-index: 90;
  height: 54px; min-width: 54px; padding: 0; box-sizing: border-box;
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  border-radius: 999px; background: var(--tz-wa-bg); color: #fff; text-decoration: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
  transition: transform .15s ease, background-color .15s ease;
}
.tz-wa-float:hover, .tz-wa-float:focus-visible { background: var(--tz-wa-bg-h); color: #fff; transform: scale(1.06); }
.tz-wa-float:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 6px var(--tz-wa-bg); }
.tz-wa-ico { display: block; line-height: 0; }
/* on the children, not just the link: the theme's ".elementor-kit-30241 a" (more specific than
   .tz-wa-float) paints every link black, and the icon and the words would inherit that */
.tz-wa-float .tz-wa-ico, .tz-wa-float .tz-wa-txt { color: #fff; }
.tz-wa-float svg { width: 30px; height: 30px; display: block; }

/* the corner (physical: the site is RTL, and "left" here means the screen's left) */
.tz-wa--left  { left: 18px; right: auto; }
.tz-wa--right { right: 18px; left: auto; }

/* colours */
.tz-wa--brand { --tz-wa-bg: #A82459; --tz-wa-bg-h: #8e1d4b; }
.tz-wa--dark  { --tz-wa-bg: #1f2a30; --tz-wa-bg-h: #0f171b; }

/* כפתור עם טקסט */
.tz-wa--pill.tz-wa-float { padding: 0 20px 0 16px; max-width: calc(100vw - 36px); }
.tz-wa-txt { font: 600 15px/1.2 Rubik, Arial, sans-serif; white-space: nowrap; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.tz-wa-float:not(.tz-wa--pill) .tz-wa-txt { display: none; }

/* עיגול מהבהב: two rings that keep rolling out of it */
.tz-wa--pulse::before, .tz-wa--pulse::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: -1;
  background: var(--tz-wa-bg); animation: tz-wa-ring 2.4s ease-out infinite; pointer-events: none;
}
.tz-wa--pulse::after { animation-delay: 1.2s; }
.tz-wa--pulse:hover::before, .tz-wa--pulse:hover::after { background: var(--tz-wa-bg-h); }
@keyframes tz-wa-ring { from { transform: scale(1); opacity: .5; } to { transform: scale(1.75); opacity: 0; } }

/* עיגול עם בועית: a note above the button, a few seconds after the page opens */
.tz-wa-bubble {
  position: fixed; bottom: 86px; z-index: 90; box-sizing: border-box;
  max-width: 240px; padding: 12px 14px; padding-inline-start: 34px;
  background: #fff; color: #1f2a30; border-radius: 14px;
  box-shadow: 0 8px 26px rgba(0, 0, 0, .18);
  font: 500 15px/1.35 Rubik, Arial, sans-serif;
  visibility: hidden; opacity: 0; transform: translateY(8px);
  animation: tz-wa-in .35s ease-out 3s forwards;
}
.tz-wa-bubble a, .tz-wa-bubble a:visited { color: #1f2a30; text-decoration: none; }
.tz-wa-bubble a:hover { color: var(--tz-wa-bg, #25D366); }
.tz-wa-bubble::after {                       /* the tail, over the button */
  content: ""; position: absolute; bottom: -7px; width: 14px; height: 14px;
  background: #fff; transform: rotate(45deg); box-shadow: 3px 3px 6px rgba(0, 0, 0, .06);
}
.tz-wa-bubble.tz-wa--left::after  { left: 20px; }
.tz-wa-bubble.tz-wa--right::after { right: 20px; }
.tz-wa-bubble.tz-wa--brand { --tz-wa-bg: #A82459; }
.tz-wa-bubble.tz-wa--dark  { --tz-wa-bg: #1f2a30; }
.tz-wa-bubble .tz-wa-bx {                 /* past the theme's button sizes (min-height, padding) */
  position: absolute; top: 6px; inset-inline-start: 6px;
  width: 24px; height: 24px; min-width: 0; min-height: 0; padding: 0; margin: 0; border: 0; border-radius: 50%;
  box-shadow: none; text-transform: none; letter-spacing: 0;
  display: grid; place-items: center; line-height: 1;
  background: #f1f3f4; color: #5a6468; font: 400 16px/24px Arial, sans-serif; cursor: pointer;
}
.tz-wa-bubble .tz-wa-bx:hover { background: #e3e6e8; color: #1f2a30; }
.tz-wa-bubble .tz-wa-bx:focus-visible { outline: 2px solid #1f2a30; outline-offset: 2px; }
@keyframes tz-wa-in { to { visibility: visible; opacity: 1; transform: none; } }

@media (max-width: 767.98px) {
  .tz-wa-float { height: 48px; min-width: 48px; bottom: 12px; }
  .tz-wa--left  { left: 12px; }
  .tz-wa--right { right: 12px; }
  .tz-wa-float svg { width: 27px; height: 27px; }
  .tz-wa--pill.tz-wa-float { padding: 0 16px 0 13px; max-width: calc(100vw - 24px); }
  .tz-wa-txt { font-size: 14px; }
  .tz-wa-bubble { bottom: 72px; max-width: 210px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .tz-wa--pulse::before, .tz-wa--pulse::after { animation: none; display: none; }
  .tz-wa-bubble { animation: none; visibility: visible; opacity: 1; transform: none; }
  .tz-wa-float, .tz-wa-float:hover { transition: none; transform: none; }
}

/* the settings screen's preview: the same button inside a box, the bubble already open */
.tz-wa-demo.tz-wa-float, .tz-wa-demo.tz-wa-bubble { position: absolute; }
.tz-wa-demo.tz-wa-bubble { animation: none; visibility: visible; opacity: 1; transform: none; }
.tz-wa-demo.tz-wa-bubble:not(.tz-wa--bubble) { display: none; }


/* assets/css/tiz-category.css */
/* The category page (app/Views/category.php). Everything is scoped under .tzc, so the theme's
   other pages are untouched. Brand as the logo and the landing pages: magenta #A82459, and a
   darker green #4f7a12 for prices (the theme's #7da927 is 2.8:1 on white, under AA). */

.tzc {
  --tzc-mag: #A82459; --tzc-mag-d: #8e1d4b; --tzc-pink: #fdeef4; --tzc-soft: #f7f3f5;
  --tzc-ink: #242424; --tzc-text: #555; --tzc-muted: #6b6b6b; --tzc-line: #e6e1e3; --tzc-edge: #949494;
  --tzc-green: #4f7a12; --tzc-r: 16px;
  --tzc-font: Rubik, 'Open Sans Hebrew', Arial, sans-serif;
  padding-top: 18px; padding-bottom: 56px; color: var(--tzc-ink);
}
.tzc :is(a, button, summary) { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
/* the theme takes the outline off every link; a keyboard user has to see where they are */
.tzc :is(a, button, summary):focus-visible { outline: 3px solid var(--tzc-mag); outline-offset: 2px; border-radius: 6px; }
/* ...but a pill keeps its shape when focused (the ring follows it) */
.tzc :is(.tzc-subs a, .tzc-chip, .tzc-sort summary, .tzc-btn, .tzc-pg):focus-visible { border-radius: 999px; }
/* the theme gives every li a 10px bottom margin: it padded the pill row, gapped the sort menu's rows */
.tzc :is(.tzc-crumbs, .tzc-subs, .tzc-sheet, .tzc-pages) li { margin: 0; }
/* the controls share the pills' (and the site menu's) Rubik; the body font stays for text */
.tzc :is(.tzc-chip, .tzc-clear, .tzc-sort summary, .tzc-sheet a, .tzc-pg) { font-family: var(--tzc-font); }

/* breadcrumb */
.tzc-crumbs ol { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 13px; color: var(--tzc-muted); }
.tzc-crumbs li + li::before { content: '/'; content: '/' / ''; margin-inline-end: 4px; color: #b5b5b5; }
.tzc-crumbs a { color: var(--tzc-muted); display: inline-block; padding-block: 6px; margin-block: -6px; }  /* 27px tall to a finger, same line height */
.tzc-crumbs [aria-current] { color: var(--tzc-ink); }

/* banner: shown whole (the WordPress ones carry their own lettering, so it is never cropped
   and nothing is laid over it); width/height in the markup keep its space while it loads */
.tzc-banner { margin: 14px 0 0; border-radius: var(--tzc-r); overflow: hidden; background: var(--tzc-soft); line-height: 0; }
.tzc-banner img { display: block; width: 100%; height: auto; }
/* on a wide screen a whole 1265x349 banner is 330px tall and pushes the products below the
   fold: a fixed 4.6:1 strip, cropped from the centre, where the banners keep their lettering */
@media (min-width: 768px) {
  .tzc-banner { aspect-ratio: 4.6 / 1; }
  .tzc-banner img { height: 100%; object-fit: cover; object-position: center; }
}

/* heading */
.tzc-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 20px 0 14px; }
.tzc-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 14px; min-width: 0; }
.tzc-head h1 { margin: 0; font: 600 30px/1.25 var(--tzc-font); color: var(--tzc-ink); letter-spacing: -.2px; }
.tzc-count { margin: 0; font-size: 15px; color: var(--tzc-muted); }

/* subcategory pills */
.tzc-subs ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.tzc-subs a {
  display: inline-flex; align-items: center; min-height: 42px; padding: 8px 18px; border-radius: 999px;
  background: var(--tzc-soft); color: var(--tzc-ink); font: 500 15px/1.2 var(--tzc-font); white-space: nowrap;
  user-select: none; -webkit-user-select: none; transition: background .15s, color .15s, transform .1s ease-out;
}
.tzc-subs a[aria-current] { background: var(--tzc-mag); color: #fff; }

/* filters + sort */
.tzc-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; margin: 12px 0 0; }
.tzc-grid, .tzc-empty { margin-top: 24px; }
.tzc-chip {
  display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 6px 14px; border: 1px solid var(--tzc-edge);
  border-radius: 999px; color: var(--tzc-ink); font-size: 14px; white-space: nowrap; background: #fff;
  user-select: none; -webkit-user-select: none; transition: background .15s, border-color .15s, transform .1s ease-out;
}
.tzc-chip[aria-current] { background: var(--tzc-pink); border-color: var(--tzc-mag); color: var(--tzc-mag-d); font-weight: 600; }
.tzc-chip[aria-current]::before { content: '✓'; content: '✓' / ''; font-weight: 700; }   /* "/ ''": not read aloud */
.tzc-n { font-size: 12px; color: var(--tzc-muted); font-weight: 400; }
.tzc-chip[aria-current] .tzc-n { color: var(--tzc-mag-d); }
.tzc .tzc-clear { border-color: var(--tzc-mag); color: var(--tzc-mag); font-weight: 600; }

.tzc-sort { position: relative; flex: none; }
.tzc-sort summary {
  display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 8px 16px; border: 1px solid var(--tzc-edge);
  border-radius: 999px; background: #fff; font-size: 14px; cursor: pointer; list-style: none; white-space: nowrap;
  user-select: none; -webkit-user-select: none; transition: transform .1s ease-out;
}
.tzc-sort summary::-webkit-details-marker { display: none; }
.tzc-sort-k { color: var(--tzc-muted); }
.tzc-sort summary b { font-weight: 600; }
.tzc-sort summary svg { width: 16px; height: 16px; transition: transform .2s ease-out; }
.tzc-sort[open] summary svg { transform: rotate(180deg); }
/* an invisible layer behind the open menu: a tap anywhere outside lands on the summary and
   closes it, with no script (tiz-category.js adds Escape) */
.tzc-sort[open] summary::before { content: ''; position: fixed; inset: 0; z-index: 100009; cursor: default; }
.tzc-sheet {
  position: absolute; top: calc(100% + 6px); inset-inline-end: 0; z-index: 100010; min-width: 240px; padding: 6px;
  background: #fff; border-radius: 12px; box-shadow: 0 2px 6px rgba(36,36,36,.08), 0 14px 36px rgba(36,36,36,.16);
}
.tzc-sheet-t { display: none; }
.tzc-sheet ul { margin: 0; padding: 0; list-style: none; }
.tzc-sheet a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 10px 14px; border-radius: 8px; color: var(--tzc-ink); font-size: 15px; }
.tzc-sheet a[aria-current] { color: var(--tzc-mag); font-weight: 600; }
.tzc-sheet a[aria-current]::after { content: '✓'; content: '✓' / ''; }

/* product grid: square picture boxes, so titles and prices line up across a row whatever the
   photo's shape; titles kept to two lines */
.tzc-grid .product-image-link { display: block; aspect-ratio: 1 / 1; background: #fff; }
.tzc-grid .product-image-link img, .tzc-grid .hover-img img { width: 100%; height: 100%; object-fit: contain; }
.tzc-grid .wd-entities-title { min-height: 2.8em; line-height: 1.4; }
.tzc-grid .wd-entities-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tzc-grid .price, .tzc-grid .price ins, .tzc-grid .price .amount { color: var(--tzc-green); }
.tzc-grid .price del, .tzc-grid .price del .amount { color: var(--tzc-muted); }
.tzc-grid .product-label.out-of-stock { background: #242424; color: #fff; }
.tzc-grid .product-element-top a:focus-visible { outline-offset: -3px; }
/* the theme's sale badge is white on #7da927, 2.8:1: the prices' darker green, 5.1:1 */
.tzc-grid .product-label.onsale { background: var(--tzc-green); }

/* empty */
.tzc-empty { text-align: center; padding: 48px 20px; background: var(--tzc-soft); border-radius: var(--tzc-r); }
.tzc-empty p { margin: 0 0 16px; font-size: 17px; }
.tzc a.tzc-btn { color: #fff; }
.tzc-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 24px; border-radius: 999px;
  background: var(--tzc-mag); color: #fff; font: 600 15px/1.2 var(--tzc-font); transition: background .15s, transform .1s ease-out;
}

/* pagination */
.tzc-pages { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 36px; }
.tzc-range { margin: 0; font-size: 14px; color: var(--tzc-muted); }
.tzc-pages ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.tzc-pg {
  display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 10px;
  border: 1px solid var(--tzc-line); border-radius: 999px; color: var(--tzc-ink); font-size: 15px; transition: background .15s, transform .1s ease-out;
}
.tzc-pg[aria-current] { background: var(--tzc-mag); border-color: var(--tzc-mag); color: #fff; font-weight: 600; }
.tzc-step { padding: 0 16px; }
.tzc-gap { display: inline-flex; align-items: center; height: 44px; padding: 0 4px; color: var(--tzc-muted); }

/* the category's article, under the products; tiz-category.js folds a long one */
/* a readable measure: on a wide screen the text keeps a ~760px column, centred in the full-width box */
.tzc-about { margin-top: 44px; padding: 26px max(28px, calc((100% - 760px) / 2)); background: var(--tzc-soft); border-radius: var(--tzc-r); }
.tzc-about-body { color: #444; font-size: 15px; line-height: 1.85; }
.tzc-about-body :is(h2, h3, h4) { margin: 18px 0 8px; font-family: var(--tzc-font); font-weight: 600; color: var(--tzc-ink); line-height: 1.35; }
.tzc-about-body h2 { font-size: 21px; }
.tzc-about-body :is(h3, h4) { font-size: 17px; }
.tzc-about-body > :first-child { margin-top: 0; }
.tzc-about-body p { margin: 0 0 12px; }
.tzc-about.is-folded .tzc-about-body { max-height: 12.5em; overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 55%, transparent); mask-image: linear-gradient(#000 55%, transparent); }
.tzc-more[hidden] { display: none; }   /* the theme gives every button a display */
.tzc-more { margin-top: 10px; min-height: 44px; padding: 8px 2px; border: 0; background: none; color: var(--tzc-mag); font: 600 15px/1.2 var(--tzc-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

/* press feedback for every input type; hover only where a pointer can hover (a tapped
   element would otherwise keep its hover look) */
.tzc :is(.tzc-subs a, .tzc-chip, .tzc-sort summary, .tzc-btn, .tzc-pg):active { transform: scale(.97); }
.tzc .tzc-sort[open] summary:active { transform: none; }
@media (hover: hover) and (pointer: fine) {
  .tzc-subs a:not([aria-current]):hover { background: var(--tzc-pink); color: var(--tzc-mag-d); }
  .tzc-chip:not([aria-current]):hover, .tzc-sort summary:hover { border-color: var(--tzc-mag); }
  .tzc-sheet a:hover { background: var(--tzc-soft); }
  .tzc-btn:hover { background: var(--tzc-mag-d); color: #fff; }
  .tzc-pg:not([aria-current]):hover { border-color: var(--tzc-mag); color: var(--tzc-mag); }
  .tzc-crumbs a:hover, .tzc-clear:hover { color: var(--tzc-mag-d); }
}

@media (max-width: 1024px) {
  .tzc-head h1 { font-size: 26px; }
}

@media (max-width: 767px) {
  /* room under the last row for the floating WhatsApp button */
  .tzc { padding-top: 10px; padding-bottom: 88px; }
  .tzc-banner { margin-top: 10px; border-radius: 12px; }
  .tzc-head { margin: 14px 0 8px; align-items: flex-start; }
  .tzc-grid, .tzc-empty { margin-top: 16px; }
  .tzc-head h1 { font-size: 23px; }
  .tzc-count { font-size: 14px; }

  /* pills and filters: one row each that scrolls sideways (native scroll and snap), bleeding
     to the screen edge, with a fade where more continues */
  .tzc-subs, .tzc-filters { margin-inline: -15px; }
  .tzc-filters { margin-top: 8px; }
  .tzc-subs ul, .tzc-filters {
    flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity;
    padding: 6px 15px; scrollbar-width: none;   /* 6px: room for the focus ring, which the scroller clips */
    scroll-padding-inline: 32px;                 /* a tabbed-to chip clears the 28px fade */
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 28px); mask-image: linear-gradient(to right, transparent 0, #000 28px);
  }
  .tzc-subs ul::-webkit-scrollbar, .tzc-filters::-webkit-scrollbar { display: none; }
  .tzc-subs li, .tzc-chip { scroll-snap-align: start; flex: none; }
  .tzc-subs ul::after, .tzc-filters::after { content: ''; flex: none; width: 14px; }
  .tzc-subs a { min-height: 44px; padding: 8px 16px; font-size: 14px; }

  .tzc-chip { min-height: 40px; font-size: 13px; padding: 6px 12px; }
  .tzc-sort summary { min-height: 40px; padding: 6px 12px; font-size: 13px; }
  .tzc-sort-k { display: none; }

  /* the sort menu becomes a sheet from the bottom of the screen */
  .tzc-sort[open] summary::before { background: rgba(36,36,36,.45); }
  .tzc-sheet {
    position: fixed; inset: auto 0 0 0; top: auto; min-width: 0; max-height: 75vh; max-height: 75svh; overflow-y: auto;
    overscroll-behavior: contain; padding: 10px 14px calc(18px + env(safe-area-inset-bottom, 0px)); border-radius: 18px 18px 0 0;
    animation: tzc-up .22s cubic-bezier(.2, .8, .2, 1);
  }
  .tzc-sheet::before { content: ''; display: block; width: 40px; height: 4px; margin: 2px auto 10px; border-radius: 4px; background: #d8d2d5; }
  .tzc-sheet-t { display: block; margin: 0 4px 6px; font: 600 17px/1.3 var(--tzc-font); }
  .tzc-sheet a { min-height: 50px; font-size: 16px; }

  .tzc-about { margin-top: 36px; padding: 20px 18px; border-radius: 14px; }
  .tzc-about-body { font-size: 15px; }
  .tzc-about-body h2 { font-size: 19px; }
  .tzc-pages { margin-top: 28px; }
  /* the numbers keep one row (up to 7 numbers and 2 gaps fit at 390px); הקודם / הבא go on a
     row of their own under them instead of one of them wrapping alone */
  .tzc-pages ul { gap: 6px 4px; }
  .tzc-pg { min-width: 40px; }
  .tzc-step { min-width: 96px; }
  @supports selector(:has(a)) {
    .tzc-pages ul::before { content: ''; order: 1; flex-basis: 100%; height: 0; }
    .tzc-pages li:has(.tzc-step) { order: 2; }
  }
}
@keyframes tzc-up { from { transform: translateY(100%); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .tzc *, .tzc *::before, .tzc *::after { animation: none !important; transition: none !important; }
}