@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; }

/* ============================================================
   Checkout wizard — hairline-border 2026 redesign (RTL, mobile-first)
   Tokens: warm cream bg, hairline borders over shadows, 16px radius,
   green = progress/ok, magenta = pay-only, red = errors. Numbers tabular.
   ============================================================ */

:root {
  --tz-bg:       #FEFCFA;
  --tz-surface:  #FFFFFF;
  --tz-border:   rgba(16, 24, 40, .09);
  --tz-border-h: rgba(16, 24, 40, .18);
  --tz-text:     #1A1F2B;
  --tz-text-dim: #6B7382;
  --tz-text-mute:#9AA3B2;
  --tz-accent:   #79A81A;
  --tz-accent-s: #6B961A;
  --tz-accent-l: #F2F7E6;
  --tz-cta:      #A82459;
  --tz-cta-s:    #951F4E;
  --tz-danger:   #D1335B;
  --tz-ok:       #15803D;
  --tz-radius:   16px;
  --tz-radius-s: 12px;
}

.tz-coh-wrapper { padding-block: 20px 48px; background: var(--tz-bg); }
.tz-coh { max-width: 1200px; margin: 0 auto; direction: rtl; color: var(--tz-text); }
.tz-coh *, .tz-coh *::before, .tz-coh *::after { box-sizing: border-box; }
.tz-coh [hidden] { display: none !important; }
.tz-coh { font-variant-numeric: tabular-nums; }

/* Top error banner */
.tz-coh .tz-top-err {
  background: #FDECF0; color: #8D1035; border: 1px solid #F4C2CF;
  border-radius: var(--tz-radius-s); padding: 14px 18px; margin-bottom: 18px; font-size: 14px;
}

/* ----- Progress bar (step dots) ----- */
.tz-coh-head { margin-bottom: 22px; }
.tz-coh-steps {
  list-style: none; padding: 0; margin: 0;
  display: flex; gap: 4px; justify-content: space-between; position: relative;
}
.tz-coh-steps::before {
  content: ""; position: absolute; inset: 15px 4% auto 4%; height: 2px;
  background: var(--tz-border); z-index: 0; border-radius: 2px;
}
.tz-coh-step {
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px;
  position: relative; z-index: 1; min-width: 0;
}
.tz-coh-step-dot {
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--tz-surface); border: 1.5px solid var(--tz-border);
  display: grid; place-items: center; font-size: 13px; font-weight: 600;
  color: var(--tz-text-mute); transition: all .25s cubic-bezier(.4,0,.2,1);
}
.tz-coh-step-check { display: none; font-size: 14px; color: #fff; }
.tz-coh-step-label { font-size: 12.5px; color: var(--tz-text-dim); text-align: center; line-height: 1.3; }
.tz-coh-step.is-on .tz-coh-step-dot {
  background: var(--tz-accent); border-color: var(--tz-accent); color: #fff;
  box-shadow: 0 0 0 5px var(--tz-accent-l);
}
.tz-coh-step.is-on .tz-coh-step-label { color: var(--tz-text); font-weight: 600; }
.tz-coh-step.is-done .tz-coh-step-dot { background: var(--tz-accent); border-color: var(--tz-accent); color: #fff; }
.tz-coh-step.is-done .tz-coh-step-num { display: none; }
.tz-coh-step.is-done .tz-coh-step-check { display: inline; }

@media (max-width: 540px) {
  .tz-coh-step-label { font-size: 11px; }
  .tz-coh-step-dot { width: 28px; height: 28px; font-size: 12px; }
}

/* ----- Grid: mini + pane ----- */
.tz-coh-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 920px) {
  .tz-coh-grid { grid-template-columns: minmax(0,1fr) 340px; gap: 24px; }
  .tz-coh-mini { order: 2; position: sticky; top: 16px; align-self: start; }
  .tz-coh-pane { order: 1; }
  .tz-coh-mini-toggle { pointer-events: none; }
  .tz-coh-mini-caret { display: none; }
  .tz-coh-mini-tot-mini { display: none; }
  .tz-coh-mini-body { display: block !important; }
}

/* ----- Mini summary card ----- */
.tz-coh-mini {
  background: var(--tz-surface); border: 1px solid var(--tz-border); border-radius: var(--tz-radius);
  overflow: hidden; transition: border-color .2s;
}
.tz-coh-mini:hover { border-color: var(--tz-border-h); }
.tz-coh-mini-toggle {
  width: 100%; display: flex; align-items: center; gap: 10px; padding: 14px 16px;
  background: transparent; border: 0; cursor: pointer; font: inherit; color: inherit; text-align: inherit;
}
.tz-coh-mini-head { display: flex; align-items: center; gap: 8px; }
.tz-coh-mini-ic { font-size: 18px; }
.tz-coh-mini-count { font-size: 14px; color: var(--tz-text-dim); }
.tz-coh-mini-tot-mini { margin-inline-start: auto; font-size: 15px; font-weight: 700; }
.tz-coh-mini-caret {
  color: var(--tz-text-mute); transition: transform .25s; font-size: 14px;
  margin-inline-start: 8px;
}
.tz-coh-mini[aria-expanded="true"] .tz-coh-mini-caret,
.tz-coh-mini-toggle[aria-expanded="true"] .tz-coh-mini-caret { transform: rotate(180deg); }
.tz-coh-mini-body { padding: 0 16px 16px; display: none; }
.tz-coh-mini-body.is-open { display: block; }
.tz-coh-mini-items { list-style: none; padding: 0; margin: 0 0 12px; display: grid; gap: 10px; }
.tz-coh-mini-items li {
  display: grid; grid-template-columns: 44px 1fr auto auto; gap: 10px; align-items: center; font-size: 13px;
}
.tz-coh-mini-img { width: 44px; height: 44px; border-radius: 10px; overflow: hidden; background: var(--tz-accent-l); }
.tz-coh-mini-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tz-coh-mini-img-ph { background: linear-gradient(135deg, var(--tz-accent-l), #e8efd0); }
.tz-coh-mini-nm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; color: var(--tz-text); }
.tz-coh-mini-qty { color: var(--tz-text-mute); font-size: 12px; }
.tz-coh-mini-pr { font-weight: 600; white-space: nowrap; color: var(--tz-text); }
.tz-coh-mini-pr-free { color: var(--tz-ok); font-weight: 500; }
.tz-coh-mini-free { color: var(--tz-text-dim); }
.tz-coh-mini-sums { margin: 0; padding: 12px 0 0; display: grid; gap: 6px; border-top: 1px solid var(--tz-border); }
.tz-coh-mini-sums > div { display: flex; justify-content: space-between; font-size: 14px; color: var(--tz-text-dim); }
.tz-coh-mini-sums dt, .tz-coh-mini-sums dd { margin: 0; }
.tz-coh-mini-tot { padding-top: 8px; margin-top: 4px; border-top: 1px solid var(--tz-border); }
.tz-coh-mini-tot dt, .tz-coh-mini-tot dd { font-size: 17px; font-weight: 700; color: var(--tz-text); }
.tz-coh-mini-trust {
  margin: 14px 0 0; padding: 12px 0 0; border-top: 1px dashed var(--tz-border);
  display: grid; gap: 6px; font-size: 12.5px; color: var(--tz-text-dim);
}
.tz-coh-mini-back {
  display: inline-block; margin-top: 10px; font-size: 13px; color: var(--tz-cta); text-decoration: none;
}
.tz-coh-mini-back:hover { text-decoration: underline; }

/* ----- Pane card ----- */
.tz-coh-pane {
  background: var(--tz-surface); border: 1px solid var(--tz-border); border-radius: var(--tz-radius);
  padding: 28px 28px 20px; min-width: 0; transition: border-color .2s;
}
.tz-coh-pane:hover { border-color: var(--tz-border-h); }
@media (max-width: 640px) { .tz-coh-pane { padding: 20px 18px 12px; } }

.tz-coh-step-pane { display: none; border: 0; padding: 0; margin: 0; min-inline-size: auto; }
.tz-coh-step-pane.is-on { display: block; animation: tzFadeIn .3s cubic-bezier(.4,0,.2,1); }
@keyframes tzFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.tz-coh-pane-h { font-size: 22px; font-weight: 700; color: var(--tz-text); padding: 0; margin: 0 0 6px; letter-spacing: -.01em; }
@media (max-width: 640px) { .tz-coh-pane-h { font-size: 19px; } }
.tz-coh-pane-sub { color: var(--tz-text-dim); font-size: 14px; margin: 0 0 22px; line-height: 1.5; }

/* ----- Fields: static label above, hairline border, 16px input ----- */
.tz-coh-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
@media (max-width: 560px) { .tz-coh-row { grid-template-columns: 1fr; } }
.tz-coh-fld { display: block; margin-bottom: 16px; }
.tz-coh-fld > span:first-child,
.tz-coh-fld > label > span { display: block; font-size: 14px; color: var(--tz-text); margin-bottom: 6px; font-weight: 500; }
.tz-coh-fld small { color: var(--tz-text-mute); font-weight: 400; font-size: 12.5px; }
.tz-coh-fld input, .tz-coh-fld select, .tz-coh-fld textarea {
  width: 100%; display: block; padding: 13px 14px; border: 1px solid var(--tz-border); border-radius: var(--tz-radius-s);
  font-size: 16px; font-family: inherit; color: var(--tz-text); background: var(--tz-surface);
  line-height: 1.4; transition: border-color .15s, box-shadow .15s;
  -webkit-appearance: none; appearance: none;
}
.tz-coh-fld textarea { resize: vertical; min-height: 90px; }
.tz-coh-fld select {
  background: var(--tz-surface) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%236B7382' d='M1 1l5 5 5-5'/></svg>") no-repeat left 14px center/12px 8px;
  padding-inline-start: 14px; padding-inline-end: 36px; cursor: pointer;
  direction: rtl; text-align: right; text-align-last: right;
}

/* Event-type chips (replaces the native <select>, which clipped Hebrew text
   under the chevron on WebKit when direction=rtl). */
.tz-coh-event-label { display: block; font-size: 14px; color: var(--tz-text); margin-bottom: 8px; font-weight: 500; }
.tz-coh-event-label small { color: var(--tz-text-mute); font-weight: 400; font-size: 12.5px; }
.tz-coh-event-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.tz-coh-event-chip {
  position: relative; cursor: pointer; user-select: none;
  padding: 10px 16px; border: 1px solid var(--tz-border); border-radius: 999px;
  background: var(--tz-surface); color: var(--tz-text); font-size: 14px; line-height: 1.3;
  transition: border-color .15s, background .15s, color .15s, box-shadow .15s;
}
.tz-coh-event-chip input { position: absolute; opacity: 0; pointer-events: none; }
.tz-coh-event-chip:hover { border-color: var(--tz-border-h); }
.tz-coh-event-chip:focus-within { box-shadow: 0 0 0 4px var(--tz-accent-l); border-color: var(--tz-accent); }
.tz-coh-event-chip.is-on { background: var(--tz-accent); color: #fff; border-color: var(--tz-accent); }
.tz-coh-event-chip-clear { color: var(--tz-text-dim); font-size: 13px; }
.tz-coh-event-chip-clear.is-on { background: var(--tz-text-dim); border-color: var(--tz-text-dim); color: #fff; }
.tz-coh-fld input::placeholder, .tz-coh-fld textarea::placeholder { color: var(--tz-text-mute); opacity: 1; }
.tz-coh-fld input:hover, .tz-coh-fld select:hover, .tz-coh-fld textarea:hover { border-color: var(--tz-border-h); }
.tz-coh-fld input:focus, .tz-coh-fld select:focus, .tz-coh-fld textarea:focus {
  outline: none; border-color: var(--tz-accent); box-shadow: 0 0 0 4px var(--tz-accent-l);
}
.tz-coh-fld.tz-invalid > span:first-child,
.tz-coh-fld.tz-invalid > label > span { color: var(--tz-danger); }
.tz-coh-fld.tz-invalid input, .tz-coh-fld.tz-invalid select, .tz-coh-fld.tz-invalid textarea {
  border-color: var(--tz-danger); box-shadow: 0 0 0 4px rgba(209,51,91,.1);
}
.tz-field-err { display: block; color: var(--tz-danger); font-size: 13px; margin-top: 6px; }
.tz-coh-fld-hint { display: block; color: var(--tz-text-mute); font-size: 12.5px; margin-top: 6px; }

/* ----- Self-is-recipient toggle (step 3) ----- */
.tz-coh-self-toggle {
  display: flex; align-items: center; gap: 10px; padding: 12px 14px; margin-bottom: 16px;
  border: 1px dashed var(--tz-border); border-radius: var(--tz-radius-s); background: var(--tz-bg);
  cursor: pointer; font-size: 14px; color: var(--tz-text-dim); transition: background .15s, border-color .15s;
}
.tz-coh-self-toggle:hover { background: var(--tz-accent-l); border-color: var(--tz-accent); color: var(--tz-text); }
.tz-coh-self-toggle input { width: 18px; height: 18px; accent-color: var(--tz-accent); }

/* ----- Mode cards (step 4) ----- */
.tz-coh-mode { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 22px; }
@media (max-width: 560px) { .tz-coh-mode { grid-template-columns: 1fr; } }
.tz-coh-mode-opt {
  position: relative; display: flex; gap: 12px; align-items: center; padding: 16px;
  border: 1.5px solid var(--tz-border); border-radius: var(--tz-radius); cursor: pointer;
  background: var(--tz-surface); transition: border-color .15s, background .15s, box-shadow .15s;
}
.tz-coh-mode-opt:hover { border-color: var(--tz-border-h); }
.tz-coh-mode-opt input { position: absolute; opacity: 0; pointer-events: none; }
.tz-coh-mode-ic { font-size: 28px; line-height: 1; }
.tz-coh-mode-tx { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.tz-coh-mode-tx b { color: var(--tz-text); font-size: 15px; font-weight: 600; }
.tz-coh-mode-tx small { color: var(--tz-text-dim); font-size: 12.5px; }
.tz-coh-mode-check {
  width: 22px; height: 22px; border-radius: 50%; background: var(--tz-accent); color: #fff;
  display: grid; place-items: center; font-size: 13px; opacity: 0; transform: scale(.6); transition: all .2s;
}
.tz-coh-mode-opt.is-on { border-color: var(--tz-accent); background: var(--tz-accent-l); }
.tz-coh-mode-opt.is-on .tz-coh-mode-check { opacity: 1; transform: scale(1); }

/* ----- Date chips (step 2) ----- */
.tz-coh-dates { margin-bottom: 20px; }
.tz-coh-dates-chips {
  display: flex; gap: 8px; overflow-x: auto; padding-bottom: 10px; margin: 0 -4px 10px;
  padding-inline: 4px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch;
}
.tz-coh-dates-chips::-webkit-scrollbar { height: 4px; }
.tz-coh-dates-chips::-webkit-scrollbar-thumb { background: var(--tz-border); border-radius: 2px; }
.tz-coh-date-chip {
  flex: 0 0 auto; min-width: 86px; padding: 12px 14px; border: 1px solid var(--tz-border);
  border-radius: var(--tz-radius-s); background: var(--tz-surface); cursor: pointer; text-align: center;
  display: flex; flex-direction: column; gap: 2px; transition: all .15s;
  scroll-snap-align: start; font: inherit; color: var(--tz-text);
}
.tz-coh-date-chip:hover { border-color: var(--tz-border-h); }
.tz-coh-date-chip-day { font-size: 12px; color: var(--tz-text-dim); }
.tz-coh-date-chip-date { font-size: 15px; font-weight: 600; }
.tz-coh-date-chip.is-closed {
  color: var(--tz-text-mute); cursor: not-allowed;
  background: repeating-linear-gradient(45deg, transparent 0 4px, rgba(0,0,0,.025) 4px 8px) var(--tz-surface);
}
.tz-coh-date-chip.is-closed:hover { border-color: var(--tz-border); }
.tz-coh-date-chip.is-on {
  border-color: var(--tz-accent); background: var(--tz-accent-l);
  box-shadow: 0 0 0 3px rgba(121,168,26,.15);
}
.tz-coh-date-chip.is-on .tz-coh-date-chip-day { color: var(--tz-accent-s); font-weight: 600; }
.tz-coh-dates-more {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; margin: 12px 0 0; padding: 14px 16px;
  background: var(--tz-surface); border: 1.5px dashed var(--tz-border);
  border-radius: var(--tz-radius-s); color: var(--tz-text-dim);
  font: inherit; font-size: 15px; font-weight: 500; cursor: pointer;
  transition: border-color .15s, background .15s, color .15s;
}
.tz-coh-dates-more:hover {
  border-color: var(--tz-accent); background: var(--tz-accent-l); color: var(--tz-accent-s);
}
.tz-coh-dates-more-ic { font-size: 18px; line-height: 1; }
.tz-coh-dates-cal {
  margin-top: 10px; padding: 14px; border: 1px solid var(--tz-border); border-radius: var(--tz-radius-s);
  background: var(--tz-surface);
}
.tz-coh-dates-cal-head {
  display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;
  font-size: 15px; font-weight: 600;
}
.tz-coh-dates-cal-nav { background: transparent; border: 0; cursor: pointer; font-size: 18px; padding: 4px 10px; color: var(--tz-text); }
.tz-coh-dates-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.tz-coh-dates-cal-dow { text-align: center; font-size: 11px; color: var(--tz-text-mute); padding: 6px 0; }
.tz-coh-dates-cal-day {
  aspect-ratio: 1; display: grid; place-items: center; font-size: 13px; cursor: pointer;
  border: 0; background: transparent; border-radius: 8px; color: var(--tz-text); font: inherit;
  transition: all .1s;
}
.tz-coh-dates-cal-day:hover { background: var(--tz-accent-l); }
.tz-coh-dates-cal-day.is-closed { color: var(--tz-text-mute); cursor: not-allowed; opacity: .4; }
.tz-coh-dates-cal-day.is-closed:hover { background: transparent; }
.tz-coh-dates-cal-day.is-on { background: var(--tz-accent); color: #fff; }
.tz-coh-dates-cal-day.is-blank { visibility: hidden; }
.tz-coh-dates-chosen { margin: 8px 0 0; font-size: 13.5px; color: var(--tz-ok); font-weight: 500; min-height: 20px; }

/* ----- City combobox (step 4) ----- */
.tz-coh-combo-wrap { position: relative; }
.tz-coh-combo { position: relative; }
.tz-coh-combo-ic {
  position: absolute; inset-inline-start: 12px; top: 50%; transform: translateY(-50%);
  color: var(--tz-text-mute); font-size: 15px; pointer-events: none;
}
.tz-coh-combo input {
  padding-inline-start: 38px !important; padding-inline-end: 36px !important;
}
.tz-coh-combo-clear {
  position: absolute; inset-inline-end: 10px; top: 50%; transform: translateY(-50%);
  width: 24px; height: 24px; border-radius: 50%; border: 0; cursor: pointer;
  background: var(--tz-border); color: var(--tz-text-dim); font-size: 14px; line-height: 1;
  display: none; align-items: center; justify-content: center;
}
.tz-coh-combo-clear.is-on { display: grid; }
.tz-coh-combo-clear:hover { background: var(--tz-border-h); color: var(--tz-text); }
.tz-coh-combo-list {
  position: absolute; z-index: 20; inset-inline-start: 0; inset-inline-end: 0; top: calc(100% + 4px);
  max-height: 240px; overflow-y: auto; margin: 0; padding: 6px;
  list-style: none; background: var(--tz-surface);
  border: 1px solid var(--tz-border-h); border-radius: var(--tz-radius-s);
  box-shadow: 0 4px 16px rgba(16,24,40,.06);
}
.tz-coh-combo-list li {
  padding: 10px 12px; border-radius: 8px; cursor: pointer; font-size: 14px; color: var(--tz-text);
}
.tz-coh-combo-list li:hover, .tz-coh-combo-list li.is-on { background: var(--tz-accent-l); color: var(--tz-text); }
.tz-coh-combo-list li[hidden] { display: none; }

/* ----- AI greeting button + modal (step 3) ----- */
.tz-coh-greeting-fld { margin-bottom: 10px; }
.tz-coh-ai-btn {
  display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px;
  background: linear-gradient(135deg, #F7EEF4, #F2F7E6);
  border: 1.5px solid var(--tz-accent); border-radius: var(--tz-radius-s);
  cursor: pointer; font: inherit; color: var(--tz-text); text-align: start;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.tz-coh-ai-btn:hover {
  border-color: var(--tz-cta); box-shadow: 0 2px 10px rgba(168,36,89,.12);
}
.tz-coh-ai-btn-ic { font-size: 28px; line-height: 1; flex-shrink: 0; }
.tz-coh-ai-btn-tx { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.tz-coh-ai-btn-tx b { font-size: 15px; font-weight: 600; color: var(--tz-text); }
.tz-coh-ai-btn-tx small { font-size: 12.5px; color: var(--tz-text-dim); line-height: 1.4; }
.tz-coh-ai-btn-arrow { font-size: 20px; color: var(--tz-cta); flex-shrink: 0; transition: transform .15s; }
.tz-coh-ai-btn:hover .tz-coh-ai-btn-arrow { transform: translateX(-4px); }

/* Modal shell */
.tz-ai-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 16px; }
.tz-ai-modal[hidden] { display: none; }
.tz-ai-modal-overlay {
  position: absolute; inset: 0; background: rgba(16, 24, 40, .55);
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  animation: tzAiFadeIn .2s ease;
}
@keyframes tzAiFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes tzAiRiseIn { from { opacity: 0; transform: translateY(16px) scale(.98); } to { opacity: 1; transform: none; } }
.tz-ai-modal-card {
  position: relative; z-index: 1; background: var(--tz-surface);
  border: 1px solid var(--tz-border); border-radius: var(--tz-radius);
  width: 100%; max-width: 500px; max-height: calc(100dvh - 32px);
  display: flex; flex-direction: column; overflow: hidden;
  animation: tzAiRiseIn .25s cubic-bezier(.4, 0, .2, 1);
  box-shadow: 0 20px 50px rgba(16, 24, 40, .25);
}
.tz-ai-modal-head {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 16px 18px; border-bottom: 1px solid var(--tz-border);
  background: linear-gradient(135deg, #FBF4F7 0%, #F7FBEC 100%);
}
.tz-ai-modal-head h3 { margin: 0; font-size: 16px; font-weight: 700; color: var(--tz-text); }
.tz-ai-modal-head small { color: var(--tz-text-dim); font-size: 12.5px; }
.tz-ai-modal-close {
  background: transparent; border: 0; cursor: pointer; width: 36px; height: 36px;
  border-radius: 50%; font-size: 22px; line-height: 1; color: var(--tz-text-dim);
  display: grid; place-items: center;
}
.tz-ai-modal-close:hover { background: rgba(16,24,40,.06); color: var(--tz-text); }

/* Chat area */
.tz-ai-modal-chat {
  flex: 1; overflow-y: auto; padding: 18px; display: flex; flex-direction: column; gap: 10px;
  background: var(--tz-bg); min-height: 240px;
}
.tz-ai-bubble {
  max-width: 85%; padding: 10px 14px; border-radius: 16px;
  font-size: 14.5px; line-height: 1.5; white-space: pre-wrap; word-wrap: break-word;
  animation: tzAiFadeIn .2s ease;
}
.tz-ai-bubble-bot {
  align-self: flex-start; background: var(--tz-surface); color: var(--tz-text);
  border: 1px solid var(--tz-border); border-top-right-radius: 4px;
}
.tz-ai-bubble-user {
  align-self: flex-end; background: var(--tz-accent); color: #fff;
  border-top-left-radius: 4px;
}
.tz-ai-bubble-err {
  align-self: center; background: #FDECF0; color: #8D1035; border: 1px solid #F4C2CF;
  font-size: 13px;
}
.tz-ai-bubble-typing {
  align-self: flex-start; display: flex; gap: 4px; padding: 14px 14px;
  background: var(--tz-surface); border: 1px solid var(--tz-border); border-radius: 16px; border-top-right-radius: 4px;
}
.tz-ai-bubble-typing span {
  width: 7px; height: 7px; background: var(--tz-text-mute); border-radius: 50%;
  animation: tzAiDot 1.2s infinite;
}
.tz-ai-bubble-typing span:nth-child(2) { animation-delay: .2s; }
.tz-ai-bubble-typing span:nth-child(3) { animation-delay: .4s; }
@keyframes tzAiDot { 0%,80%,100% { opacity: .3; transform: scale(1); } 40% { opacity: 1; transform: scale(1.2); } }
.tz-ai-greeting-card {
  align-self: center; width: 100%; max-width: none; margin: 6px 0;
  padding: 16px 18px; background: #FDF8EC; border: 1px solid #E8D9A8; border-radius: 12px;
  font-family: Georgia, 'Times New Roman', serif; font-style: italic;
  font-size: 15px; color: #3d2a1a; line-height: 1.6; white-space: pre-wrap;
  background-image: radial-gradient(circle at 2px 2px, rgba(168,36,89,.06) 1px, transparent 1px);
  background-size: 18px 18px;
}

/* Input + send */
.tz-ai-modal-form {
  display: flex; gap: 8px; padding: 12px 14px; border-top: 1px solid var(--tz-border); background: var(--tz-surface);
}
.tz-ai-modal-input {
  flex: 1; padding: 11px 14px; border: 1px solid var(--tz-border); border-radius: 10px;
  font: inherit; font-size: 15px; color: var(--tz-text); background: var(--tz-surface); outline: none;
  transition: border-color .15s, box-shadow .15s;
}
.tz-ai-modal-input:focus { border-color: var(--tz-accent); box-shadow: 0 0 0 3px var(--tz-accent-l); }
.tz-ai-modal-input:disabled { background: var(--tz-bg); color: var(--tz-text-mute); }
.tz-ai-modal-send {
  padding: 11px 18px; background: var(--tz-accent); color: #fff; border: 0; border-radius: 10px;
  font: inherit; font-weight: 600; cursor: pointer; transition: background .15s;
}
.tz-ai-modal-send:hover { background: var(--tz-accent-s); }
.tz-ai-modal-send:disabled { opacity: .55; cursor: not-allowed; }

/* Apply bar */
.tz-ai-modal-apply {
  display: flex; gap: 10px; padding: 12px 14px; border-top: 1px solid var(--tz-border);
  background: var(--tz-accent-l);
}
.tz-ai-modal-apply-btn {
  flex: 1; padding: 12px 16px; background: var(--tz-accent); color: #fff;
  border: 0; border-radius: 10px; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
}
.tz-ai-modal-apply-btn:hover { background: var(--tz-accent-s); }
.tz-ai-modal-again {
  padding: 12px 14px; background: var(--tz-surface); color: var(--tz-text-dim);
  border: 1px solid var(--tz-border); border-radius: 10px; font: inherit; font-size: 14px; cursor: pointer;
}
.tz-ai-modal-again:hover { background: var(--tz-bg); color: var(--tz-text); }

/* Lock body scroll when modal open */
body.tz-ai-locked { overflow: hidden; }

@media (max-width: 540px) {
  .tz-ai-modal { padding: 0; align-items: stretch; }
  .tz-ai-modal-card { max-width: none; max-height: 100dvh; border-radius: 0; }
}

/* ----- Order summary (step 5) ----- */
.tz-coh-sum { margin-bottom: 20px; background: var(--tz-bg); padding: 14px 16px; border-radius: var(--tz-radius-s); border: 1px solid var(--tz-border); }
.tz-coh-sum-items { list-style: none; padding: 0; margin: 0 0 10px; }
.tz-coh-sum-items li {
  display: grid; grid-template-columns: 56px 1fr auto auto; gap: 12px; align-items: center;
  padding: 10px 0; border-bottom: 1px dashed var(--tz-border);
}
.tz-coh-sum-img { width: 56px; height: 56px; border-radius: 10px; overflow: hidden; background: var(--tz-accent-l); }
.tz-coh-sum-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tz-coh-sum-img-ph { background: linear-gradient(135deg, var(--tz-accent-l), #e8efd0); }
.tz-coh-sum-nm { font-size: 14px; color: var(--tz-text); }
.tz-coh-sum-qty { color: var(--tz-text-dim); font-size: 13px; }
.tz-coh-sum-pr { font-weight: 600; white-space: nowrap; color: var(--tz-text); }
.tz-coh-sum-pr-free { color: var(--tz-ok); }
.tz-coh-sum-sums { margin: 12px 0 0; padding: 0; display: grid; gap: 6px; }
.tz-coh-sum-sums > div { display: flex; justify-content: space-between; font-size: 14.5px; color: var(--tz-text-dim); }
.tz-coh-sum-sums dt, .tz-coh-sum-sums dd { margin: 0; }
.tz-coh-sum-tot { border-top: 1px solid var(--tz-border); padding-top: 10px; margin-top: 6px; font-weight: 700; color: var(--tz-text); font-size: 17px; }

/* ----- Review recap (step 5) ----- */
.tz-coh-recap { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
@media (max-width: 640px) { .tz-coh-recap { grid-template-columns: 1fr; } }
.tz-coh-recap-card {
  background: var(--tz-bg); border: 1px solid var(--tz-border); border-radius: var(--tz-radius-s);
  padding: 14px 16px; display: flex; flex-direction: column; gap: 10px;
}
.tz-coh-recap-head { display: flex; align-items: center; gap: 10px; }
.tz-coh-recap-head h4 { margin: 0; font-size: 15px; font-weight: 600; color: var(--tz-text); flex: 1; }
.tz-coh-recap-ic { font-size: 18px; line-height: 1; }
.tz-coh-recap-edit {
  background: transparent; border: 1px solid var(--tz-border); color: var(--tz-text-dim);
  border-radius: 999px; padding: 4px 12px; font-size: 12.5px; cursor: pointer;
  display: inline-flex; align-items: center; gap: 4px; font-family: inherit; line-height: 1.4;
  transition: color .15s ease, border-color .15s ease, background .15s ease;
}
.tz-coh-recap-edit:hover { color: var(--tz-text); border-color: var(--tz-text); background: var(--tz-accent-l); }
.tz-coh-recap-edit:focus-visible { outline: 2px solid var(--tz-text); outline-offset: 2px; }
.tz-coh-recap-dl { margin: 0; padding: 0; display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; font-size: 14px; }
.tz-coh-recap-dl > div { display: contents; }
.tz-coh-recap-dl dt { color: var(--tz-text-dim); font-size: 12.5px; margin: 0; align-self: center; }
.tz-coh-recap-dl dd { margin: 0; color: var(--tz-text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.tz-coh-recap-row-wide { grid-column: 1 / -1 !important; }
.tz-coh-recap-row-wide dt { margin-bottom: 2px; }
.tz-coh-recap-row-wide dd { grid-column: 1 / -1; }
.tz-coh-recap-greet { white-space: pre-wrap; background: var(--tz-accent-l); border: 1px dashed var(--tz-border); border-radius: 8px; padding: 8px 10px; font-size: 13.5px; line-height: 1.55; }
.tz-coh-recap-pickup { background: var(--tz-accent-l); border: 1px solid #D7E6B4; border-radius: 10px; padding: 10px 12px; }
.tz-coh-recap-pickup b { display: block; font-size: 14px; color: var(--tz-text); font-weight: 600; }
.tz-coh-recap-pickup small { display: block; color: var(--tz-text-dim); font-size: 12.5px; margin-top: 2px; }
.tz-coh-recap-sums { margin: 0 0 18px; padding: 14px 16px; background: var(--tz-bg); border: 1px solid var(--tz-border); border-radius: var(--tz-radius-s); display: grid; gap: 6px; }
.tz-coh-recap-sums > div { display: flex; justify-content: space-between; font-size: 14.5px; color: var(--tz-text-dim); }
.tz-coh-recap-sums dt, .tz-coh-recap-sums dd { margin: 0; }
.tz-coh-recap-sums .tz-coh-sum-tot { border-top: 1px solid var(--tz-border); padding-top: 10px; margin-top: 6px; font-weight: 700; color: var(--tz-text); font-size: 17px; }

/* ----- Payment strip + terms ----- */
.tz-coh-pay-strip {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  background: var(--tz-accent-l); border: 1px solid #D7E6B4; color: var(--tz-text);
  border-radius: var(--tz-radius-s); padding: 14px 16px; margin: 16px 0;
}
.tz-coh-pay-info { display: flex; align-items: center; gap: 12px; }
.tz-coh-pay-ic { font-size: 22px; }
.tz-coh-pay-info b { font-weight: 600; font-size: 14px; display: block; }
.tz-coh-pay-info small { color: var(--tz-text-dim); font-size: 12px; display: block; }
.tz-coh-pay-logos { height: 24px; width: auto; opacity: .9; }
.tz-coh-terms {
  display: flex; gap: 10px; align-items: flex-start; padding: 14px 0 2px; font-size: 14px; color: var(--tz-text);
  line-height: 1.5;
}
.tz-coh-terms input[type="checkbox"] { margin-top: 2px; width: 20px; height: 20px; accent-color: var(--tz-accent); flex-shrink: 0; cursor: pointer; }
.tz-coh-terms a { color: var(--tz-cta); text-decoration: underline; }
.tz-coh-terms.tz-invalid > span { color: var(--tz-danger); }

/* ----- Nav bar (sticky on mobile) ----- */
.tz-coh-nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 24px; }
.tz-coh-btn {
  min-height: 52px; padding: 0 24px; border-radius: var(--tz-radius-s); border: 0; cursor: pointer;
  font-size: 16px; font-weight: 600; font-family: inherit;
  transition: background .15s, transform .05s, box-shadow .15s;
  display: inline-flex; align-items: center; gap: 8px;
}
.tz-coh-btn:active { transform: translateY(1px); }
.tz-coh-btn[disabled] { opacity: .55; cursor: not-allowed; }
.tz-coh-btn-back {
  background: var(--tz-surface); color: var(--tz-text-dim); border: 1px solid var(--tz-border);
}
.tz-coh-btn-back:hover { background: var(--tz-bg); border-color: var(--tz-border-h); color: var(--tz-text); }
.tz-coh-btn-next {
  background: var(--tz-accent); color: #fff; margin-inline-start: auto; min-width: 180px; justify-content: center;
}
.tz-coh-btn-next:hover { background: var(--tz-accent-s); }
.tz-coh-btn-pay {
  background: var(--tz-cta); color: #fff; margin-inline-start: auto; min-width: 220px; justify-content: center;
  box-shadow: 0 2px 8px rgba(168,36,89,.2);
}
.tz-coh-btn-pay:hover { background: var(--tz-cta-s); box-shadow: 0 4px 12px rgba(168,36,89,.3); }
.tz-coh-btn-sum { opacity: .95; font-variant-numeric: tabular-nums; font-weight: 700; }

@media (max-width: 919px) {
  .tz-coh-nav {
    position: sticky; bottom: 0; z-index: 50;
    background: var(--tz-surface); margin-inline: -16px; padding: 12px 16px;
    border-top: 1px solid var(--tz-border);
    box-shadow: 0 -4px 12px rgba(16,24,40,.04);
  }
  .tz-coh-btn-next, .tz-coh-btn-pay { flex: 1; min-width: auto; }
  .tz-coh-btn-back { padding-inline: 16px; }
}


/* 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-pages.css */
/* Small bits of single pages, kept out of custom.css (the server's custom.css carries the
   checkout's styles, deployed from another copy, so it is never uploaded from here). Loaded
   on every page with the bundle (layout.php); about 1.5 KB. */
/* the search page with no results: the shop's biggest categories as buttons (search.php) */
.tiz-search-cats { list-style: none; margin: 16px auto 24px; padding: 0; max-width: 760px;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.tiz-search-cats li { margin: 0; }
.tiz-search-cats a { display: inline-flex; align-items: center; min-height: 42px; padding: 0 16px;
  border: 1px solid #949494; border-radius: 999px; color: #242424; font-weight: 500; touch-action: manipulation; }
.tiz-search-cats a:focus-visible { outline: 3px solid #A82459; outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { .tiz-search-cats a:hover { border-color: #A82459; color: #A82459; } }

/* the thank-you page's read-back of the order (partials/order_recap.php) */
.ty-recap { margin: 22px auto 8px; padding: 14px 16px; max-width: 420px; border-radius: 12px; background: #f7f3f5; text-align: right; }
.ty-recap div { display: grid; grid-template-columns: 6.5rem 1fr; gap: 10px; padding: 6px 0; }
.ty-recap div + div { border-top: 1px solid #ecdfe5; }
.ty-recap dt { color: #6b6b6b; font-size: 14px; }
.ty-recap dd { margin: 0; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.ty-recap .ty-card { font-weight: 400; white-space: normal; }
.ty-wa { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 999px; background: #1f8f4e; color: #fff !important; font-weight: 600; }
.ty-wa:focus-visible { outline: 3px solid #A82459; outline-offset: 2px; }

/* the cookie window (partials/consent.php): both answers weigh the same */
.tiz-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 130; background: #fff; color: #242424;
  box-shadow: 0 -4px 18px rgba(0, 0, 0, .14); font: 15px/1.6 Rubik, Arial, sans-serif; text-align: right;
  padding: 14px max(16px, env(safe-area-inset-right, 0px)) calc(14px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); }
.tiz-consent[hidden] { display: none; }
.tiz-consent p { max-width: 900px; margin: 0 auto 10px; }
.tiz-consent a { color: #A82459; text-decoration: underline; }
.tiz-consent-row { max-width: 900px; margin: 0 auto; display: flex; gap: 10px; flex-wrap: wrap; }
.tiz-consent-b { flex: 1 1 140px; min-height: 46px; border: 2px solid #A82459; border-radius: 999px; background: #fff; color: #A82459;
  font: 600 16px Rubik, Arial, sans-serif; cursor: pointer; touch-action: manipulation; }
.tiz-consent-b:focus-visible { outline: 3px solid #242424; outline-offset: 2px; }
.tiz-consent-b:active { background: #fdeef4; }
@media (hover: hover) and (pointer: fine) { .tiz-consent-b:hover { background: #fdeef4; } }
.tiz-consent-link { text-align: center; margin: 0; padding: 8px 0; font-size: 14px; }
.tiz-consent-link a { color: inherit; text-decoration: underline; }

/* the About page's map, loaded on a click (tiz-pages.js) */
.tiz-map { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; min-height: 260px;
  padding: 20px 16px; border-radius: 12px; background: #f7f3f5; color: #242424; text-align: center; font: 15px/1.6 Rubik, Arial, sans-serif; }
.tiz-map p { margin: 0; max-width: 520px; }
.tiz-map-row { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; align-items: center; margin-top: 10px !important; }
.tiz-map-b { min-height: 44px; padding: 0 20px; border: 2px solid #A82459; border-radius: 999px; background: #fff; color: #A82459;
  font: 600 16px Rubik, Arial, sans-serif; cursor: pointer; touch-action: manipulation; }
.tiz-map-b:focus-visible, .tiz-map a:focus-visible { outline: 3px solid #242424; outline-offset: 2px; }
.tiz-map a { color: #A82459; text-decoration: underline; }
.tiz-map.is-on { padding: 0; background: none; }
.tiz-map.is-on iframe { width: 100%; height: 360px; border: 0; border-radius: 12px; }

/* Keyboard focus, site-wide (WCAG 2.4.7, which the Israeli standard IS 5568 adopts). On
   27.10.26 none of the 26 stops a Tab reached on the home page showed where it was: the theme
   takes the outline away. :focus-visible only, so a mouse click shows nothing. Magenta with a
   white halo: it shows on white, on the magenta strip and on the dark footer. */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible,
summary:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible {
  outline: 3px solid #A82459 !important; outline-offset: 0 !important; box-shadow: 0 0 0 6px #fff !important;
}

/* Accessibility (IS 5568 / WCAG 2.0 AA), from the 27.10.26 audit. */
/* 1.4.3: the theme's light greens were 2.8:1 on white (prices, the header's cart amount, sale
   badges, add-to-cart buttons); #4f7a12 is the category page's price green, 5.1:1. Approved by
   the owner 28.10.26. */
:root { --wd-primary-color: #4f7a12; --btn-accented-bgcolor: #4f7a12; --btn-accented-bgcolor-hover: #3f6310; }
.product-label.onsale { background-color: #4f7a12; }
/* the product page's "אנחנו דואגים לכם לראש שקט!" strip (partials/product_trust.php): white on #8abf48 was 2.2:1 */
body .elementor-40525 .elementor-element.elementor-element-4755cff > .elementor-widget-container { background-color: #4f7a12; }
/* 1.4.3: greys that read too pale */
:root { --wd-text-color: #6b6b6b; --color-gray-500: #6b6b6b; }      /* #777 body text was 4.47:1 */
.color-scheme-dark { --wd-text-color: #6b6b6b; }                     /* the footer's text and copyright line */
.wd-sub-menu { --sub-menu-color: #616161; }                          /* footer menus: #848484 on #f9f9f9 was 3.55:1 */
.price del, .price del .amount, .woocommerce-mini-cart .quantity { color: #6b6b6b; }   /* #bbb was 1.9:1 */
.woocommerce-error { background-color: #c62828; }                    /* white on #f25959 was 3.3:1 */
.awdr_free_product_text { background-color: #1f6fa3; color: #fff; }  /* "חינם": white on #3d9cd2 was 3.05:1; now 5.6:1 */
.product-label.onsale { color: #fff; }                               /* inside a link: it took the link's blue (1.8:1) */
.elementor-page-77445 .elementor-button-link .elementor-button-text { color: #fff; }  /* home area buttons: black on #69727d 4.3:1 */
/* 1.4.1: a link inside running text is told apart by more than its colour */
.woocommerce-terms-and-conditions-link, .woocommerce-privacy-policy-link, main article p a, .cp-body p a, .cp-body li a { text-decoration: underline; }
.elementor-text-editor p a, .elementor-text-editor h2 a, .elementor-text-editor li a { text-decoration: underline; }  /* the contact page's store text */
/* 2.4.7: the skip link appears when it gets the focus */
.skip-link.screen-reader-text:focus {
  clip: auto !important; clip-path: none !important; position: fixed !important; top: 8px !important; right: 8px; left: auto;
  width: auto !important; height: auto !important; margin: 0 !important; z-index: 100001; padding: 12px 18px;
  background: #fff; color: #242424; font: 600 16px Rubik, Arial, sans-serif; border-radius: 8px;
}
/* 2.4.3: a closed side panel (mini-cart, mobile menu) leaves the Tab order and the screen reader;
   visibility flips after the slide-out, so the animation is unchanged */
.wd-side-hidden { visibility: hidden; transition: transform .5s cubic-bezier(.19, 1, .22, 1), visibility 0s linear .5s; }
.wd-side-hidden.wd-opened { visibility: visible; transition: transform .5s cubic-bezier(.19, 1, .22, 1), visibility 0s; }
/* 2.1.1: the desktop menu's sub-categories open for the keyboard too, as they do on hover */
.wd-event-hover:focus-within > .wd-dropdown { visibility: visible; opacity: 1; transform: none !important; pointer-events: unset; }
/* 2.2.2: the home slider's pause button (tiz-banner.js) */
.tiz-hero { position: relative; }
.tiz-hero-hold { position: absolute; bottom: 12px; left: 12px; z-index: 5; width: 40px; height: 40px; border: 0; border-radius: 50%;
  background: rgba(36, 36, 36, .72); color: #fff; font: 700 14px/40px Arial, sans-serif; cursor: pointer; touch-action: manipulation; }
@media (hover: hover) and (pointer: fine) { .tiz-hero-hold:hover { background: #242424; } }


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