/*
Theme Name: פטיט פוד
Template: twentytwentyfive
Version: 1.0.0
Text Domain: petit-food
*/
:root {
  --petit-ink:#26292E;
  --petit-text:#1D2024;
  --petit-paper:#F1F3F4;
  --petit-line:#D9DCDF;
  --petit-accent:#A9445E;
  --petit-green:#1B5E4A;
}
* {
  box-sizing:border-box;
}
html {
  scroll-padding-block:24px;
}
body {
  margin:0;
  color:var(--petit-text);
  background:#fff;
  direction:rtl;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Heebo",Roboto,"Noto Sans Hebrew",Arial,sans-serif;
  line-height:1.7;
}
img {
  max-width:100%;
  height:auto;
}
a {
  color:inherit;
  text-underline-offset:5px;
}
button,input,select,textarea {
  font:inherit;
}
button,a {
  touch-action:manipulation;
}
button {
  cursor:pointer;
}
/* The cancellation page: 44px fields and button for a finger (20/10). */
.petit-cancel-order main input,.petit-cancel-order main button {
  min-height:44px;
}
h1,h2,h3 {
  line-height:1.2;
  text-wrap:balance;
}
h1 {
  font-size:clamp(2rem,4.2vw,4rem);
}
h2 {
  font-size:clamp(1.5rem,2.6vw,2.5rem);
}
:focus-visible {
  outline:3px solid var(--petit-accent);
  outline-offset:4px;
}
/* Yossi 21/10 ("אתה יכול לבטל את המסגרות? כל פעם שלוחצים עם העכבר"): on every page the focus ring is for keyboard
   users only; d-catalog.js marks the page once Tab is pressed and clears it on the next click. WordPress also draws
   a ring on any focus (":where(.wp-site-blocks :focus)"), which a mouse click triggers. */
html:not([data-kbd]) :focus {
  outline:none !important;
}
.wp-site-blocks {
  padding:0;
}
.wp-site-blocks>* {
  margin-block-start:0;
}
.petit-shell {
  max-width:1200px;
  margin-inline:auto;
  padding-inline:24px;
}
.petit-skip {
  position:absolute;
  top:-100px;
  background:white;
  padding:12px;
  z-index:50;
}
.petit-skip:focus {
  top:0;
}
.petit-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-element-button,.wc-block-components-button {
  background:var(--petit-ink);
  color:#fff;
  border:1px solid var(--petit-ink);
  border-radius:4px;
  min-height:48px;
  padding:12px 22px;
  font-weight:600;
  box-shadow:none;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.4;
}
.petit-button:hover,.woocommerce button.button.alt:hover,.woocommerce a.button:hover {
  background:#1D2024;
  color:#fff;
}
.woocommerce button.button.alt,.woocommerce a.button.alt {
  background:var(--petit-ink);
  color:white;
}
.petit-delivery-note[hidden], .petit-delivery-note [hidden] { display:none!important; }
.petit-delivery-note a { display:inline-flex; align-items:center; min-height:44px; }
.woocommerce .woocommerce-ordering select { min-height:44px; font:inherit; max-width:100%; }
.woocommerce a.added_to_cart { display:inline-flex; align-items:center; min-height:44px; padding:8px 12px; border:1px solid var(--petit-line); border-radius:4px; }
.petit-price {
  font-size:20px;
  font-weight:650;
}
.petit-tax-label {
  font-size:12px;
  font-weight:400;
  margin-inline-start:6px;
}
.petit-empty-photo {
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  color:#53585F;
}
.petit-main {
  max-width:1200px;
  margin-inline:auto;
  padding:36px 24px;
  min-height:50vh;
}
.woocommerce ul.products {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px 22px;
  padding:0;
}
.woocommerce ul.products:before,.woocommerce ul.products:after {
  display:none;
}
.woocommerce ul.products li.product,.woocommerce ul.products li.product:nth-child(n) {
  width:100%;
  float:none;
  margin:0;
}
.woocommerce ul.products li.product a img {
  aspect-ratio:4/5;
  object-fit:cover;
  background:var(--petit-paper);
  border-radius:4px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size:18px;
  line-height:1.5;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price {
  color:var(--petit-text);
  font-size:20px;
}
.woocommerce div.product p.price {
  font-size:28px;
}
.woocommerce div.product div.images img {
  border-radius:4px;
}
.woocommerce div.product div.summary {
  padding-inline:24px;
}
.woocommerce div.product form.cart .button {
  float:none;
  min-width:180px;
}
.woocommerce .quantity .qty {
  min-height:48px;
  border:1px solid #757B82;
  border-radius:4px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background:var(--petit-paper);
  border-radius:4px 4px 0 0;
  border-color:var(--petit-line);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  display:none;
}
.woocommerce table.shop_attributes td p {
  padding:8px;
}
.petit-serves {
  color:var(--petit-green);
  font-size:16px;
}
.petit-bundle-items {
  padding-inline-start:24px;
}
.petit-description {
  max-width:75ch;
}
.woocommerce-info,.woocommerce-message {
  background:var(--petit-paper);
  border-top-color:var(--petit-green);
}
.woocommerce-info:before,.woocommerce-message:before {
  color:var(--petit-green);
}
.petit-delivery-note {
  background:var(--petit-paper);
  padding:16px;
  border-inline-start:3px solid var(--petit-accent);
  border-radius:4px;
}
.petit-city-delivery-note { flex-basis:100%; margin:8px 0 16px; font-size:14px; line-height:1.5; }
.wc-block-components-text-input input,.wc-block-components-combobox input,.wc-block-components-textarea,.wc-block-components-button {
  border-radius:4px!important;
}
.wc-block-components-totals-wrapper {
  border-color:var(--petit-line);
}
/* Yossi 21/10: in the checkout summary, each product's name only; the bundle line and the saving stay. */
.wc-block-components-order-summary .wc-block-components-product-metadata__description {
  display:none;
}
.wc-block-components-checkout-step__title,.wc-block-components-title {
  font-family:inherit!important;
}
.woocommerce .woocommerce-breadcrumb {
  font-size:14px;
}
.petit-no-photo {
  padding:10px;
  background:var(--petit-paper);
  font-size:14px;
}
@media(max-width:800px) {
  .woocommerce ul.products {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 14px;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size:16px;
  }
  .woocommerce div.product div.summary {
    padding-inline:0;
  }
  .petit-main {
    padding-top:24px;
  }
}
@media(prefers-reduced-motion:reduce) {
  * {
    scroll-behavior:auto!important;
    transition:none!important;
  }
}
.petit-product-details { direction:rtl; text-align:start; margin-block:24px; }
.petit-product-facts { display:flex; flex-wrap:wrap; gap:12px 24px; margin-block:0 20px; }
.petit-product-facts div { display:flex; gap:8px; }
.petit-product-facts dt { font-weight:600; }
.petit-product-facts dd { margin:0; }
.petit-serves-note { margin:-12px 0 20px; color:var(--petit-muted, #5F605A); font-size:14px; }
.petit-kitchen-note { padding:16px; border:1px solid var(--petit-line); background:var(--petit-paper); margin-block-end:20px; }
.petit-kitchen-note h2 { font-size:18px; margin:0 0 6px; }
.petit-kitchen-note p,.petit-product-accordion p { white-space:pre-line; overflow-wrap:anywhere; }
.petit-kitchen-note p { margin:0; }
.petit-product-accordion { border-block-start:1px solid var(--petit-line); }
.petit-product-accordion:last-child { border-block-end:1px solid var(--petit-line); }
.petit-product-accordion summary { cursor:pointer; min-height:54px; align-content:center; font-weight:600; }
.petit-product-accordion summary:focus-visible { outline:3px solid var(--petit-accent); outline-offset:3px; }
.petit-product-accordion p { margin:0 0 16px; }

.woocommerce .product-type-variable .summary>p.price {
  display:none;
}

/* Checkout round 2026-10-21: contact, date, compact fulfilment and privacy. */
.petit-privacy-notice { color:#626262; font-size:12px; line-height:1.65; margin:0 0 18px; }
.petit-privacy-notice a { color:inherit; text-decoration:underline; }
.petit-fulfilment-buttons { display:flex; flex-wrap:wrap; gap:8px; margin-block:12px; }
.petit-fulfilment-buttons button { min-height:44px; padding:8px 18px; border:1px solid #535748; border-radius:8px; background:#fff; color:#333; font:inherit; cursor:pointer; }
.petit-fulfilment-buttons button[aria-pressed="true"] { background:#535748; color:#fff; }
.petit-fulfilment-buttons button:focus-visible, .petit-city-choice select:focus-visible { outline:3px solid #535748; outline-offset:3px; }
.petit-fulfilment-buttons button:disabled { cursor:wait; opacity:.65; }
[data-petit-method-message] { font-size:14px; margin-block:0 12px; }
.wp-block-woocommerce-checkout .wc-block-components-address-form__country,
.wp-block-woocommerce-checkout .petit-city-native > input,
.wp-block-woocommerce-checkout .petit-city-native > label { display:none !important; }
.petit-city-choice { margin-block:12px; }
.petit-city-choice label { display:block; margin-block-end:4px; }
.petit-city-choice select { width:100%; min-height:48px; padding:10px; font:inherit; background:#fff; border:1px solid #767676; border-radius:4px; }
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-shipping-methods-block[hidden],
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-shipping-method-block[hidden] { display:none !important; }
/* End checkout round 2026-10-21. */

/* Checkout round 2 2026-10-21: date first, invoice and payment below the summary. */
.wp-block-woocommerce-checkout [hidden],
.wp-block-woocommerce-checkout .petit-invoice-native { display:none !important; }
.wp-block-woocommerce-checkout .wc-block-components-address-form { gap:0 16px; }
.wp-block-woocommerce-checkout .wc-block-components-address-form > * { order:30; }
.wp-block-woocommerce-checkout .wc-block-components-address-form > .wc-block-components-address-form__first_name,
.wp-block-woocommerce-checkout .wc-block-components-address-form > .wc-block-components-address-form__last_name { order:0; }
.wp-block-woocommerce-checkout .wc-block-components-address-form > .petit-city-choice { order:10; }
.wp-block-woocommerce-checkout .wc-block-components-address-form > .wc-block-components-address-form__address_1 { order:11; }
.wp-block-woocommerce-checkout .wc-block-components-address-form > .petit-city-native { order:12; flex-basis:100%; margin:0; }
.wp-block-woocommerce-checkout .wc-block-components-address-form > .petit-city-choice,
.wp-block-woocommerce-checkout .wc-block-components-address-form > .wc-block-components-address-form__address_1 { flex:0 0 100%; width:100%; margin-inline:0; min-width:0; }
.wp-block-woocommerce-checkout .petit-delivery-note { padding:0; margin:4px 0 12px; border:0; background:transparent; font-size:13px; line-height:1.5; }
.petit-invoice { margin-block:20px; }
.petit-invoice h3 { margin:0 0 8px; font-size:18px; }
.petit-invoice p { margin:0 0 10px; font-size:14px; }
.petit-invoice-toggle { display:flex; align-items:center; gap:8px; min-height:44px; cursor:pointer; }
.petit-invoice-toggle input { width:20px; height:20px; }
.petit-invoice-fields { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin-top:12px; }
.petit-invoice-fields label { display:block; margin-bottom:4px; }
.petit-invoice-fields input { width:100%; min-width:0; min-height:48px; padding:10px; box-sizing:border-box; font:inherit; border:1px solid #767676; border-radius:4px; }
.petit-invoice input:focus-visible { outline:3px solid #535748; outline-offset:3px; }
/* "העיר צריכה להיות לפני הרחוב" on the phone too: there Woo lays the address form out as a block, so it becomes a
   one-column flex column and the order above applies. */
@media (max-width:781px) {
  .wp-block-woocommerce-checkout .wc-block-components-address-form { display:flex; flex-wrap:wrap; }
  .wp-block-woocommerce-checkout .wc-block-components-address-form > * { flex:0 0 100%; max-width:100%; }
}
/* Yossi 21/10: the privacy notice open, at the bottom, before the terms and the order button. */
.wp-block-woocommerce-checkout .petit-privacy-notice { margin-block:16px 8px; }
/* Yossi 21/10: "אתה יכול לקפל את מדיניות הפרטיות זה בסדר". */
.petit-privacy-details { margin-block:16px 8px; color:#626262; font-size:12px; line-height:1.65; }
.petit-privacy-details summary { cursor:pointer; min-height:44px; display:flex; align-items:center; gap:6px; font-size:13px; }
.wp-block-woocommerce-checkout .petit-privacy-details .petit-privacy-notice { margin:4px 0 0; }
@media (min-width:782px) {
  .wp-block-woocommerce-checkout .wc-block-components-address-form > .petit-city-choice,
  .wp-block-woocommerce-checkout .wc-block-components-address-form > .wc-block-components-address-form__address_1 { flex-basis:calc(50% - 8px); width:calc(50% - 8px); }
  .petit-invoice-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wp-block-woocommerce-checkout [data-petit-haulage-note] { white-space:nowrap; font-size:13px; }
  .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-totals-block,
  .wp-block-woocommerce-checkout .wc-block-components-sidebar { position:static !important; top:auto !important; max-height:none !important; height:auto !important; overflow:visible !important; }
}
/* End checkout round 2 2026-10-21. */

/* Checkout consent 2026-10-21: two required acknowledgements and delivery information. */
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-terms-block { display:none !important; }
.petit-checkout-consents { margin-block:0 16px; font-size:14px; }
.petit-checkout-consents label { display:flex; align-items:flex-start; gap:10px; min-height:44px; padding-block:10px; box-sizing:border-box; cursor:pointer; }
.petit-checkout-consents input[type="checkbox"] { width:20px; height:20px; flex:0 0 20px; margin:0; accent-color:#535748; }
.petit-checkout-consents input[type="checkbox"][aria-invalid="true"] { box-shadow:0 0 0 2px var(--wc-red, #cc1818); }
.petit-checkout-consents input:focus-visible { outline:3px solid #535748; outline-offset:3px; }
.petit-checkout-consents .petit-consent-error { color:var(--wc-red, #cc1818); margin:0 30px 8px 0; font-size:14px; }
.petit-checkout-consents [hidden] { display:none !important; }
[data-petit-unattended-info] { font-size:13px; color:#626262; margin-block:4px 8px; }
[data-petit-unattended-terms] { display:inline; margin-inline-start:4px; font-size:inherit; }
/* End checkout consent 2026-10-21. */

/* DESK-D 2026-10-21: explicit fulfilment and the final order check. */
#petit-fulfilment-error { color:var(--wc-red, #cc1818); font-size:14px; margin-block:8px; }
#petit-fulfilment-error[hidden] { display:none !important; }
[data-petit-order-summary] { font-size:14px; line-height:1.5; margin-block:12px; text-align:start; overflow-wrap:anywhere; }
[data-petit-order-summary] p { margin:0; }
/* REFRESH-1 26/10, Yossi: "צריך לקרב את הכפתור של התשלום לסל"; "הקווים המקווקוים, בלי התמונות ובלי לחצני ריבוע על
   הכמות". On the phone the order's lines sit right above the button: the name, a fine dotted line, "× 1" and the price,
   with hairlines between. A wide screen keeps the summary in its side column, so the lines are not shown twice. */
.petit-order-items { display:none; }
@media(max-width:900px) {
  .petit-order-items { display:block; margin-block:12px 4px; }
  .petit-order-items ul { list-style:none; margin:0; padding:0; border-top:1px solid #E3E4DE; }
  .petit-order-items li { display:flex; align-items:baseline; gap:8px; padding-block:12px; border-bottom:1px solid #E3E4DE; font-size:15px; line-height:1.4; }
  .petit-order-item__name { flex:0 1 auto; min-width:0; font-weight:600; color:#1F201C; }
  .petit-order-item__dots { flex:1 1 16px; min-width:16px; border-bottom:2px dotted #C6C7C0; transform:translateY(-4px); }
  .petit-order-item__quantity { flex:none; color:#6B6C66; font-size:14px; font-variant-numeric:tabular-nums; white-space:nowrap; }
  .petit-order-item__price { flex:none; font-variant-numeric:tabular-nums; white-space:nowrap; }
  .petit-order-items__edit { display:inline-flex; align-items:center; min-height:44px; }
}
.wp-block-woocommerce-checkout[data-petit-fulfilment-method="pickup"] .wc-block-components-shipping-placeholder__value { display:none !important; }
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-order-summary-shipping-block,
.woocommerce-cart .cart_totals .woocommerce-shipping-totals,
.woocommerce-cart .cart_totals tr.shipping,
.woocommerce-cart .cart_totals tr.fee:has([data-petit-cart-pickup-fee]),
.woocommerce-cart .petit-cart-shipping-anchor { display:none !important; }
[data-petit-cart-fulfilment] { font-size:14px; line-height:1.5; }
[data-petit-cart-fulfilment] td::before { content:none !important; }
.wp-block-woocommerce-checkout[data-petit-shipping-pending] .wp-block-woocommerce-checkout-order-summary-shipping-block,
.wp-block-woocommerce-checkout[data-petit-shipping-pending] .wc-block-components-totals-shipping { display:none !important; }

/* End DESK-D 2026-10-21. */

/* DESK-F 22/10: "קודם כל בוחר עיר, תאריך וסלוט", "אין צורך לראות את הסל שוב". */
.wp-block-woocommerce-checkout .petit-city-native,
.wp-block-woocommerce-checkout .petit-address-note-native,
.wp-block-woocommerce-checkout .wc-block-components-address-form__address_2-toggle { display:none !important; }
/* Yossi 22/10: "אגב בקופה גם לא ראיתי את הסל. במסך מחשב אני אמור לראות את הסל משמאל והפרטים מימין."
   The items stay hidden on the phone only (his phone note: "אין צורך לראות את הסל שוב"). */
@media(max-width:900px) { .wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block { display:none !important; } }
.wp-block-woocommerce-checkout [data-petit-fulfilment] { margin-block:0 16px; }
.petit-edit-cart { display:inline-flex; align-items:center; min-height:44px; margin-bottom:8px; }
[data-petit-continue] { display:block; min-height:44px; margin-block:16px 24px; padding:8px 28px; border:0; border-radius:4px; background:#535748; color:#fff; font:inherit; font-size:16px; font-weight:600; cursor:pointer; }
.wp-block-woocommerce-checkout-contact-information-block { scroll-margin-top:140px; }
.wp-block-woocommerce-checkout .wc-block-components-address-form { display:flex; flex-wrap:wrap; }
.wp-block-woocommerce-checkout .wc-block-components-address-form > .wc-block-components-address-form__address_1 { flex:0 0 100%; width:100%; }
.wp-block-woocommerce-checkout .wc-block-components-address-form > .wc-block-components-address-form__postcode,
.wp-block-woocommerce-checkout .wc-block-components-address-form > .wc-block-components-address-form__address_2 { order:20; flex:0 0 calc(50% - 8px); width:calc(50% - 8px); min-width:0; margin-inline:0; }
@media (max-width:480px) {
  .wp-block-woocommerce-checkout .wc-block-components-address-form > .wc-block-components-address-form__postcode label,
  .wp-block-woocommerce-checkout .wc-block-components-address-form > .wc-block-components-address-form__address_2 label { font-size:14px; }
}
.wp-block-woocommerce-checkout .wc-block-components-address-form > .petit-address-note { order:21; flex:0 0 100%; width:100%; margin-block:16px 0; }
.petit-address-note label { display:block; margin-bottom:4px; }
.petit-address-note input { box-sizing:border-box; width:100%; min-width:0; min-height:48px; padding:10px; font:inherit; border:1px solid #767676; border-radius:4px; }
.petit-invoice-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
#petit-invoice-error,#petit-city-error { color:var(--wc-red, #cc1818); font-size:14px; }
[data-petit-continue]:focus-visible,.petit-address-note input:focus-visible { outline:3px solid #535748; outline-offset:3px; }

/* DESK-H 22/10, desktop review (Yossi: "בוא נחזור לעבור על המסך מחשב- תעדכן שם את מה שצריך"): email and phone side by side in halves, the guest note under them. */
@media(min-width:768px) {
  .wp-block-woocommerce-checkout-contact-information-block .wc-block-components-address-form { display:flex; flex-wrap:wrap; justify-content:space-between; }
  .wp-block-woocommerce-checkout-contact-information-block .wc-block-components-address-form > .wc-block-components-text-input { flex:0 0 calc(50% - 8px); width:calc(50% - 8px); min-width:0; margin-inline:0; margin-top:0; }
  .wp-block-woocommerce-checkout-contact-information-block .wc-block-checkout__guest-checkout-notice { flex:0 0 100%; }
}
/* End DESK-H desktop review 22/10. */

/* DESK-J 22/10, Yossi's test order: the haulage note is about delivery, so it leaves when pickup is chosen. */
.wp-block-woocommerce-checkout[data-petit-fulfilment-method="pickup"] ~ .petit-delivery-note [data-petit-haulage-note] { display:none; }
/* Yossi 22/10: "הלחצן של בחירת משלוח אמור להיות לא לחיץ עד שהסל בגדול המתאים". Delivery stays visible, plainly unavailable, with the missing amount in red. */
[data-petit-method][aria-disabled="true"] { opacity:.45; cursor:not-allowed; }
[data-petit-delivery-minimum] { color:var(--wc-red, #cc1818); font-size:14px; margin-block:8px 0; }
[data-petit-delivery-minimum][hidden] { display:none; }
[data-petit-delivery-minimum] a { color:inherit; font-weight:600; }
/* Yossi 22/10 (via the CTO): "החיוב הרי נעשה בסביבה מאובטחת גם- הלקוח צריך לראות איזה חיווי של זה. יש את זה בכל האתרים". A lock line and the cards, above the order button and the PayPlus window. */
.petit-secure { display:grid; gap:8px; margin-block:12px; }
.petit-secure[hidden] { display:none; }
.petit-secure__line { display:flex; align-items:flex-start; gap:8px; margin:0; font-size:14px; line-height:1.5; }
.petit-secure__line::before { content:''; flex:0 0 14px; height:16px; margin-top:2px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3Cpath d='M3.7 7.3V4.7a3.3 3.3 0 0 1 6.6 0v2.6M2.3 7.3h9.4c.7 0 1.3.6 1.3 1.4v4.6c0 .8-.6 1.4-1.3 1.4H2.3c-.7 0-1.3-.6-1.3-1.4V8.7c0-.8.6-1.4 1.3-1.4Z' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3Cpath d='M3.7 7.3V4.7a3.3 3.3 0 0 1 6.6 0v2.6M2.3 7.3h9.4c.7 0 1.3.6 1.3 1.4v4.6c0 .8-.6 1.4-1.3 1.4H2.3c-.7 0-1.3-.6-1.3-1.4V8.7c0-.8.6-1.4 1.3-1.4Z' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.petit-secure__cards { display:flex; flex-wrap:wrap; gap:6px; margin:0; }
.petit-secure__cards img { width:38px; height:24px; object-fit:contain; }
/* CTO 22/10: an empty checkout shows the cart page's own words, never Woo's generic empty screen. */
.wc-block-checkout-empty[hidden] { display:none !important; }
/* End DESK-J 22/10. */
/* The cookie banner (Yossi 23/10): the Cookie Notice plugin in banner-only mode, in the site's own look. A white bar
   with the site's line above it, the words in ink, "אחלה" in olive and "רק הכרחיות" beside it (consent before
   measurement, 23/10); the plugin's close icon stays hidden, the two buttons say it. Room for the phone's home bar. */
#cookie-notice { background:#fff !important; border-top:1px solid #DEDFD9; box-shadow:0 -6px 24px rgba(31,32,28,.08);
  font-family:inherit; left:0; right:0; width:100%; padding-bottom:env(safe-area-inset-bottom, 0px); }
#cookie-notice .cookie-notice-container { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between;
  gap:16px; max-width:1200px; margin:0 auto; padding:14px 20px; text-align:start; }
#cookie-notice .cn-text-container { margin:0; color:#1F201C; font-size:15px; line-height:1.5; }
#cookie-notice .cn-text-container img.emoji { width:1em; height:1em; vertical-align:-0.1em; }
#cookie-notice #cn-more-info { color:#4F5743; text-decoration:underline; text-underline-offset:3px; margin:0 4px 0 0; }
#cookie-notice .cn-buttons-container { flex:none; display:flex; gap:8px; margin:0; }
#cookie-notice #cn-accept-cookie, #cookie-notice #cn-refuse-cookie { min-height:44px; min-width:96px; margin:0; padding:0 22px;
  border:1.5px solid #4F5743; border-radius:999px; font:inherit; font-size:15px; font-weight:600; line-height:41px; cursor:pointer; }
#cookie-notice #cn-accept-cookie { background:#4F5743 !important; color:#fff !important; }
#cookie-notice #cn-accept-cookie:hover { background:#3D4334 !important; border-color:#3D4334; }
/* Consent before measurement (the CTO 23/10): "רק הכרחיות" is as easy to tap as "אחלה", in the site's second style. */
#cookie-notice #cn-refuse-cookie { background:#fff !important; color:#4F5743 !important; }
#cookie-notice #cn-refuse-cookie:hover { background:#F3F4EF !important; }
#cookie-notice #cn-accept-cookie:focus-visible, #cookie-notice #cn-refuse-cookie:focus-visible, #cookie-notice #cn-more-info:focus-visible { outline:3px solid #4F5743; outline-offset:3px; }
#cookie-notice #cn-close-notice { display:none; }
@media (max-width:600px) {
  #cookie-notice .cookie-notice-container { flex-direction:column; align-items:stretch; padding:12px 16px; gap:10px; }
  #cookie-notice .cn-text-container { font-size:14px; }
  #cookie-notice #cn-accept-cookie, #cookie-notice #cn-refuse-cookie { flex:1; }
}
/* Reduced motion: an all but instant animation, not none; the plugin finishes closing on animationend, and without it
   the banner could not be opened again (Codex 28/10). */
@media (prefers-reduced-motion:reduce) { #cookie-notice { transition:none !important; animation-duration:1ms !important; animation-delay:0s !important; } }
/* The CTO 23/10: on the phone the floating cart, favourites and WhatsApp column sat under the banner. While the banner
   shows (the plugin marks the body cookies-not-set) the column stands above it. With "רק הכרחיות" (PIXEL-A) the
   banner is 121px from 320 to 600 (the words above two buttons) and one row of 74 to 96px above. After a choice the
   column goes back down. */
@media (max-width:900px) {
  body.cookies-not-set:not(.woocommerce-cart):not(.woocommerce-checkout) .pd-tools { bottom:calc(116px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width:600px) {
  body.cookies-not-set:not(.woocommerce-cart):not(.woocommerce-checkout) .pd-tools { bottom:calc(149px + env(safe-area-inset-bottom, 0px)); }
}
/* End cookie banner 23/10. */

/* Accessibility menu 23/10 (Yossi: "כפתור ויזואלי של נגישות שכשאר פותחים אותו נפתח כמו קטלוג של נגישות"). The free
   plugin WP Accessibility Helper (WAH) 0.6.7, menu on the left. Its own sheet forces a black-and-teal look with
   !important, so this block answers with the container's id and !important: one round olive button with the
   accessibility figure, standing right above the floating column, and a white menu in the site's type and pills. */
body #wp_access_helper_container .aicon_link { position:fixed; left:16px; right:auto !important; top:calc(50% - 80px - 10px - 48px); bottom:auto;
  width:48px; height:48px; max-width:none; max-height:none; display:grid; place-items:center; border-radius:50%;
  background:var(--olive) !important; border:1px solid var(--olive) !important; }
body #wp_access_helper_container .aicon_link .aicon_image { display:none; }
body #wp_access_helper_container .aicon_link::before { content:''; width:28px; height:28px; background:#fff !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='4.2' r='2.2'/%3E%3Cpath d='M3.5 7.6 12 9.2l8.5-1.6.5 2.1-6 1.4v3.6l2.6 7.1-2.1.8L12 15.4l-3.5 7.2-2.1-.8 2.6-7.1v-3.6l-6-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='4.2' r='2.2'/%3E%3Cpath d='M3.5 7.6 12 9.2l8.5-1.6.5 2.1-6 1.4v3.6l2.6 7.1-2.1.8L12 15.4l-3.5 7.2-2.1-.8 2.6-7.1v-3.6l-6-1.4z'/%3E%3C/svg%3E") center/contain no-repeat; }
body #wp_access_helper_container .aicon_link:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
body.accessibility-location-left #wp_access_helper_container { width:min(300px, 86vw); left:calc(-1 * min(300px, 86vw) - 2px) !important;
  box-shadow:0 0 0 1px var(--line); font-family:var(--sans); }
body.accessibility-location-left #wp_access_helper_container.active { left:0 !important; }
body #wp_access_helper_container #access_container { height:100%; overflow-y:auto; overscroll-behavior:contain; padding:16px 16px 24px; direction:rtl; }
body #wp_access_helper_container .access_container_inner { padding:0; margin-top:12px; }
body #wp_access_helper_container .a_module { border-bottom:1px solid var(--line); padding-bottom:12px; margin-bottom:12px; }
body #wp_access_helper_container .a_module_title { font:600 15px/1.4 var(--sans); color:var(--ink) !important; margin-bottom:8px; }
body #wp_access_helper_container button.wah-action-button, body #wp_access_helper_container button.close_container,
body #wp_access_helper_container .color_selector button { min-height:44px; border-radius:999px; border:1px solid var(--ink) !important;
  background:#fff !important; color:var(--ink) !important; font:600 15px var(--sans); }
body #wp_access_helper_container button.wah-action-button:hover, body #wp_access_helper_container button.wah-action-button:focus-visible,
body #wp_access_helper_container button.wah-action-button.active_button { background:var(--olive) !important; color:#fff !important; border-color:var(--olive) !important; }
body #wp_access_helper_container button.close_container { width:100%; }
/* The free plugin's credit stays: its script removes the whole menu when the credit is hidden. Small and quiet instead. */
body #wp_access_helper_container .wah-free-credits, body #wp_access_helper_container .wah-free-credits-inner,
body #wp_access_helper_container .wah-free-credits a { background:#fff !important; color:var(--muted) !important; font:400 12px/1.4 var(--sans); text-align:center; }
/* Open, the button moves to the menu's edge and closes it from there, instead of covering the menu's buttons. */
body #wp_access_helper_container.active .aicon_link { left:calc(min(300px, 86vw) + 8px); }
/* On the phone the button stands right above the floating column (3 x 44px and two 8px gaps = 148px, then 10px) and
   moves with it over the cookie banner, the distances of the cookie rules above; the cart and checkout have no column. */
@media (max-width:900px) {
  body #wp_access_helper_container .aicon_link { left:calc(8px + env(safe-area-inset-left, 0px)); top:auto; bottom:calc(178px + env(safe-area-inset-bottom, 0px)); width:44px; height:44px; }
  body.cookies-not-set:not(.woocommerce-cart):not(.woocommerce-checkout) #wp_access_helper_container .aicon_link { bottom:calc(274px + env(safe-area-inset-bottom, 0px)); }
  body.woocommerce-cart #wp_access_helper_container .aicon_link, body.woocommerce-checkout #wp_access_helper_container .aicon_link { bottom:calc(20px + env(safe-area-inset-bottom, 0px)); }
  body.cookies-not-set.woocommerce-cart #wp_access_helper_container .aicon_link, body.cookies-not-set.woocommerce-checkout #wp_access_helper_container .aicon_link { bottom:calc(116px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width:600px) {
  body.cookies-not-set:not(.woocommerce-cart):not(.woocommerce-checkout) #wp_access_helper_container .aicon_link { bottom:calc(307px + env(safe-area-inset-bottom, 0px)); }
  body.cookies-not-set.woocommerce-cart #wp_access_helper_container .aicon_link, body.cookies-not-set.woocommerce-checkout #wp_access_helper_container .aicon_link { bottom:calc(149px + env(safe-area-inset-bottom, 0px)); }
}
/* End accessibility menu 23/10. */

/* Help in the cart and at checkout 23/10 (Yossi: "תעשה כפתור... שלוחצים עליו אומרים מתי להתקשר ולמי או איך לשלוח
   וואטסאפ"): one pill that opens the hours and two round actions, 44px, readable for everyone (16px). */
.petit-help { max-width:480px; }
.petit-help > summary { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 18px; border:1px solid var(--ink);
  border-radius:999px; background:#fff; color:var(--ink); font:600 16px var(--sans); cursor:pointer; list-style:none; }
.petit-help > summary::-webkit-details-marker { display:none; }
/* A chevron down that turns up when open: physical sides, so RTL does not flip it (measured on the live cart 23/10). */
.petit-help > summary::after { content:''; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg); margin-top:-4px; transition:transform .2s; }
.petit-help[open] > summary::after { transform:rotate(-135deg); margin-top:4px; }
.petit-help > summary:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
.petit-help__body { display:grid; gap:10px; margin-top:12px; font-size:16px; line-height:1.6; color:var(--ink); }
.petit-help__body p { margin:0; }
/* Specific enough to win over the cart's ".woocommerce-cart .woocommerce a { color:olive }", which left the call button
   olive on olive in the live cart (23/10). */
.petit-help .petit-help__body a.petit-help__action { display:flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px;
  border-radius:999px; background:var(--olive); color:#fff; font-weight:600; text-decoration:none; }
.petit-help .petit-help__body a.petit-help__action + a.petit-help__action { background:#fff; color:var(--olive); border:1px solid var(--olive); }
.petit-help__action span { white-space:nowrap; }
@media (prefers-reduced-motion:reduce) { .petit-help > summary::after { transition:none; } }
/* End help 23/10. */