@charset "UTF-8";

	.main-photo-first:has(.oc-hero){float:none !important;width:100% !important;max-width:100% !important;margin:0 0 10px}
	.oc-hero{display:flex;flex-direction:column;gap:24px;max-width:1100px;margin:26px auto;padding:0;direction:rtl;font-family:"Assistant",system-ui,-apple-system,Arial,sans-serif}
	.oc-media-col,.oc-info-col{width:100%}
	@media(min-width:768px){
		.oc-hero{flex-direction:row-reverse;align-items:flex-start;gap:40px}
		.oc-media-col{flex:1;max-width:500px}
		.oc-info-col{flex:1;position:sticky;top:20px}
	}
	.oc-main-display{aspect-ratio:1/1;width:100%;overflow:hidden;border-radius:14px;position:relative;background:#f1f4ef;box-shadow:0 6px 18px rgba(27,56,21,.07)}
	.oc-main-display .oc-img{width:100%;height:100%;object-fit:cover;display:block}
	.oc-frame{position:absolute;inset:0}
	.oc-frame iframe{width:100%;height:100%;border:0;display:block}
	.oc-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;justify-content:center}
	.oc-thumb{position:relative;width:68px;height:68px;border-radius:9px;overflow:hidden;padding:0;cursor:pointer;background:#000;border:2px solid #ddd;transition:transform .2s,border-color .15s}
	.oc-thumb:hover{transform:translateY(-2px);border-color:#2d5a27}
	.oc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
	.oc-thumb.is-active{border-color:#16a34a;box-shadow:0 0 0 1px #16a34a}
	.oc-vbadge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;text-shadow:0 1px 4px rgba(0,0,0,.6);background:rgba(0,0,0,.15)}
	.oc-cta-box{border:1px solid #e0e0e0;border-radius:14px;padding:22px 22px 24px;background:#fff;box-shadow:0 2px 10px rgba(27,56,21,.05);text-align:right}
	.oc-cta-box .organico-product-title{font-size:23px;font-weight:800;line-height:1.35;margin:0 0 16px;color:#1b3815;text-align:center}
	.oc-cta-box .organico-notice-banner{background:#e8f5e9;color:#1f5122;border-radius:12px;padding:12px 14px;font-size:15px;text-align:center;margin:0 0 16px}
	.oc-cta-box .organico-notice-banner strong{color:#14421a}
	.oc-cta-box .organico-product-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
	.oc-cta-box .organico-spec-card{background:#f8fafc !important;border:1px solid #e2e8f0 !important;border-radius:12px;padding:13px 10px;font-size:14px;text-align:center;line-height:1.4;white-space:normal !important;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
	/* reorder so the two sizes/prices share the top row, location + description below */
	.oc-cta-box .organico-product-specs .organico-spec-card:nth-child(1){order:4}
	.oc-cta-box .organico-product-specs .organico-spec-card:nth-child(2){order:2}
	.oc-cta-box .organico-product-specs .organico-spec-card:nth-child(3){order:1}
	.oc-cta-box .organico-product-specs .organico-spec-card:nth-child(4){order:3}
	.oc-cta-box .organico-product-desc{font-size:14.5px;line-height:1.95;color:#42513c;margin:0 0 20px;text-align:right}
	.oc-cta-box .organico-product-cta{text-align:center}
	.oc-cta-box .organico-wa-button{display:flex;align-items:center;justify-content:center;gap:9px;background:#25D366;color:#fff;font-weight:800;font-size:16px;padding:15px 20px;border-radius:10px;text-decoration:none;transition:background .2s}
	.oc-cta-box .organico-wa-button:hover{background:#20ba5a;color:#fff}
	.oc-hero.oc-mode-group .organico-wa-button{background:#2d5a27}
	.oc-hero.oc-mode-group .organico-wa-button:hover{background:#274e1e}
	/* ---- CART mode: strip WooCommerce [product_page] to title + price + add-to-cart form, styled like the card ---- */
	.oc-cart .woocommerce-product-gallery,.oc-cart .woocommerce-tabs,.oc-cart .related,.oc-cart section.related,.oc-cart .up-sells,.oc-cart ul.products,.oc-cart .product_meta,.oc-cart .woocommerce-product-rating,.oc-cart nav.woocommerce-breadcrumb,.oc-cart .woocommerce-breadcrumb,.oc-cart .woocommerce-tabs,.oc-cart .flex-control-nav{display:none !important}
	/* grouped product buy-list (the avocado varieties) */
	.oc-cart table.woocommerce-grouped-product-list{width:100%;border-collapse:collapse;margin:0 0 14px}
	.oc-cart table.woocommerce-grouped-product-list tr{border-bottom:1px solid #eef1ea}
	.oc-cart table.woocommerce-grouped-product-list td{padding:9px 4px;vertical-align:middle;font-size:14px;border:0}
	.oc-cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label a{color:#1b3815;font-weight:700;text-decoration:none}
	.oc-cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price{color:#1f5122;font-weight:800;white-space:nowrap}
	.oc-cart table.woocommerce-grouped-product-list .quantity input.qty{width:64px;padding:8px;border:1px solid #cbd5e1;border-radius:8px;text-align:center}
	.oc-cart .product{margin:0 !important;padding:0 !important;overflow:visible}
	.oc-cart .summary,.oc-cart .entry-summary{float:none !important;width:100% !important;margin:0 !important;padding:0 !important}
	.oc-cart .product_title{font-size:22px;font-weight:800;line-height:1.35;color:#1b3815;text-align:center;margin:0 0 12px}
	.oc-cart .price{display:block;text-align:center;font-size:19px;color:#1f5122;font-weight:800;margin:0 0 16px}
	.oc-cart .price del{color:#94a3b8;font-weight:600;margin-inline-end:6px}
	.oc-cart form.cart{margin:0}
	.oc-cart table.variations{width:100%;margin:0 0 12px;border:0}
	.oc-cart table.variations td,.oc-cart table.variations th{display:block;width:100%;text-align:right;padding:3px 0;border:0}
	.oc-cart table.variations th.label{font-weight:700;color:#42513c;margin-top:4px}
	.oc-cart table.variations select{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;background:#fff}
	.oc-cart .reset_variations{display:inline-block;margin-top:4px;font-size:13px;color:#64748b}
	.oc-cart .woocommerce-variation-price{margin:8px 0}
	.oc-cart .woocommerce-variation-price .price{text-align:center;font-size:20px}
	.oc-cart .quantity{display:inline-flex;margin:0 0 12px}
	.oc-cart .quantity input.qty{width:74px;padding:10px;border:1px solid #cbd5e1;border-radius:8px;text-align:center;font-size:15px}
	/* .oc-cta-box.oc-cart prefix (not just .oc-cart) is required here: the theme's own
	   ".woocommerce a.button, .woocommerce button.button, ..." rule is also !important and
	   outranks a plain ".oc-cart .add_to_cart_button" on specificity (it resolves to 3 simple
	   selectors vs our 2), so without the extra class the real button silently rendered in
	   the theme's default grey instead of Organico green. */
	.oc-cta-box.oc-cart .single_add_to_cart_button,.oc-cta-box.oc-cart .add_to_cart_button{display:block !important;width:100% !important;max-width:none !important;background:#2d5a27 !important;color:#fff !important;font-weight:800;font-size:16px;padding:14px 20px;border:0;border-radius:10px;cursor:pointer;text-align:center;line-height:1.2;transition:background .2s;float:none}
	.oc-cta-box.oc-cart .single_add_to_cart_button:hover,.oc-cta-box.oc-cart .add_to_cart_button:hover{background:#274e1e !important}
	.oc-cart .single_add_to_cart_button.disabled,.oc-cart .single_add_to_cart_button:disabled{opacity:.5;cursor:not-allowed}
	.oc-cart .added_to_cart{display:block;text-align:center;margin-top:10px;color:#2d5a27;font-weight:700}
	.oc-cart .woocommerce-variation-add-to-cart{display:block}
	/* cart box: price + "go to product page" button (grouped/variable), styled like the card CTA */
	.oc-cart .oc-price{text-align:center;font-size:21px;color:#1f5122;font-weight:800;margin:0 0 16px}
	.oc-cart .oc-price del{color:#94a3b8;font-weight:600;margin-inline-end:6px}
	.oc-cart .oc-price ins{text-decoration:none}
	.oc-cart .oc-cart-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;box-sizing:border-box;background:#2d5a27;color:#fff !important;font-weight:800;font-size:16px;padding:15px 20px;border:0;border-radius:10px;text-decoration:none !important;cursor:pointer;line-height:1.2;transition:background .2s}
	.oc-cart .oc-cart-btn:hover{background:#274e1e}
	.oc-cart .oc-oos-label{display:block;width:100%;box-sizing:border-box;text-align:center;background:#f2f2f2;color:#6b6b6b;font-weight:800;font-size:16px;padding:15px 20px;border:1px solid #dcdcdc;border-radius:10px;line-height:1.2;cursor:default}
	/* ---- HNP: post-add success feedback ---- */
	.oc-atc-feedback{margin-top:10px;font-size:14px;text-align:center;min-height:0}
	.oc-atc-feedback:empty{margin-top:0}
	.oc-atc-feedback .oc-atc-ok{color:#1f5122;font-weight:800}
	.oc-atc-feedback .oc-atc-goto{margin-inline-start:8px;color:#2d5a27;text-decoration:underline;font-weight:700}
	/* ---- shared shipping/logistics line (HNP + HNG) - CSS kept for other consumers,
	   no longer rendered in the primary buying card ---- */
	.oc-ship-line{margin-top:10px;font-size:13.5px;color:#5a6b53;text-align:center;background:#f4f7f1;border-radius:8px;padding:8px 10px}
	/* ---- HNG: "currently selected child" price replaces the parent's price range at every
	   width now that the compact select (not a radio list) is the only selection UI everywhere -
	   the range alone would be ambiguous once there's no visible per-option price list. ---- */
	.oc-cta-box.oc-hng > .oc-price{display:none}
	.oc-hng-selected-price{display:block;text-align:center}
	.oc-hng-selected-price .oc-hng-selected-name{display:block;font-size:14px;font-weight:700;color:#42513c;margin-bottom:2px}
	.oc-hng-selected-price .oc-hng-selected-value{display:block;font-size:21px;font-weight:800;color:#1f5122}
	/* variation TILES already show each option's name + price, so the redundant "selected variation"
	   name+price line is hidden on tile cards (kept for grouped products, which use the compact select) */
	.oc-cta-box:has(.oc-sg-sizes) .oc-hng-selected-price,.oc-cta-box:has(.oc-hnv2) .oc-hng-selected-price{display:none}
	/* ---- HNG: inline child selector ---- */
	.oc-hng-trigger{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;box-sizing:border-box;background:#2d5a27;color:#fff;font-weight:800;font-size:16px;padding:15px 20px;border:0;border-radius:10px;cursor:pointer;line-height:1.2;transition:background .2s;font-family:inherit}
	.oc-hng-trigger:hover{background:#274e1e}
	.oc-hng-trigger[aria-expanded="true"]{background:#1f4019}
	.oc-hng-trigger:focus-visible,.oc-hng-option input:focus-visible,.oc-cart .oc-cart-btn:focus-visible{outline:3px solid #8fd19e;outline-offset:2px}
	.oc-hng-panel{margin-top:12px;text-align:right}
	.oc-hng-options{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
	.oc-hng-option{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid #dbe3d6;border-radius:10px;padding:10px 12px;cursor:pointer;font-size:14.5px;background:#fff;transition:border-color .15s,background .15s}
	.oc-hng-option:hover{border-color:#8fbf87}
	.oc-hng-option:has(input:checked){border-color:#2d5a27;background:#eef6ec}
	.oc-hng-option.is-oos{opacity:.6;cursor:not-allowed}
	.oc-hng-option input{width:18px;height:18px;flex:0 0 auto;accent-color:#2d5a27;cursor:inherit}
	.oc-hng-option-name{flex:1 1 auto;font-weight:700;color:#1b3815}
	.oc-hng-option-price{color:#1f5122;font-weight:800;white-space:nowrap}
	.oc-hng-oos-badge{flex:0 0 100%;color:#b91c1c;font-size:12.5px;font-weight:700}
	/* action area always sits below the option grid, full width, visually separated - never
	   floated or absolutely positioned regardless of viewport */
	.oc-hng-atc-wrap{clear:both;width:100%;box-sizing:border-box;margin-top:14px;padding-top:12px;border-top:1px solid #eef1ea}
	.oc-hng-atc-wrap .oc-hng-atc{display:none}
	.oc-hng-atc-wrap .oc-hng-atc.is-active{display:block}
	/* .oc-cta-box.oc-hng prefix needed for the same specificity reason as the HNP rule above.
	   max-width:none !important is also required: the theme's own rule isn't just
	   ".woocommerce a.button{background:...}" (fixed earlier) - it's actually
	   ".organico-product-box .organico-product-cta a{width:auto !important;max-width:max-content}",
	   which caps the button at its own text width regardless of what "width" says, however
	   specific our override. Confirmed live by testing width alone (no effect) vs width+max-width
	   together (fixed it) before writing this. */
	.oc-cta-box.oc-hng .oc-hng-atc-wrap .add_to_cart_button,.oc-cta-box.oc-hng .oc-hng-atc-wrap .ajax_add_to_cart{display:block !important;width:100% !important;max-width:none !important;box-sizing:border-box;background:#2d5a27 !important;color:#fff !important;font-weight:800;font-size:16px;padding:14px 20px;border:0;border-radius:10px;cursor:pointer;text-align:center;line-height:1.2;transition:background .2s}
	.oc-cta-box.oc-hng .oc-hng-atc-wrap .add_to_cart_button:hover,.oc-cta-box.oc-hng .oc-hng-atc-wrap .ajax_add_to_cart:hover{background:#274e1e !important}
	.oc-hng-atc-wrap .added_to_cart{display:block;text-align:center;margin-top:8px;color:#2d5a27;font-weight:700}
	/* The theme's own ".organico-product-box .organico-product-cta{display:flex;flex-direction:row;
	   align-items:center}" (style.css) lays the HNP/HNG content out as a shrink-to-fit ROW, so
	   .oc-hng-panel (and .oc-hnp-atc) never stretched to the card's real width - every "width:100%"
	   on the button below it was 100% of that shrunk box, not the card, which is why the button
	   rendered small and off to one side instead of full width under the select. Switching to a
	   stretched COLUMN fixes both HNP and HNG without touching the theme file. */
	.oc-cta-box.oc-cart .organico-product-cta{display:flex !important;flex-direction:column !important;align-items:stretch !important}
	/* ---- HNP + HNG: tighter gap between price and the main Add to Cart button, at every width ---- */
	.oc-cta-box.oc-cart .oc-price,.oc-cta-box.oc-cart .oc-hng-selected-price{margin-bottom:10px}
	/* ---- HNP + HNG: main Add to Cart button - solid Organico green, white bold text, full width,
	   strong 52-56px tap target, at every width. Same treatment for both product types;
	   WooCommerce's own add-to-cart behavior/IDs are untouched, this is CSS only. ---- */
	.oc-cta-box.oc-cart .oc-hnp-atc .button,.oc-cta-box.oc-cart .oc-hnp-atc .add_to_cart_button,.oc-cta-box.oc-cart .oc-hnp-atc .ajax_add_to_cart,
	.oc-cta-box.oc-hng .oc-hng-atc-wrap .button,.oc-cta-box.oc-hng .oc-hng-atc-wrap .add_to_cart_button,.oc-cta-box.oc-hng .oc-hng-atc-wrap .ajax_add_to_cart{
		display:flex !important;align-items:center;justify-content:center;
		width:100% !important;max-width:none !important;box-sizing:border-box;min-height:54px;
		background:#2d5a27 !important;color:#fff !important;
		font-weight:800 !important;font-size:16px !important;
		border:0 !important;border-radius:12px !important;
		text-align:center;text-decoration:none !important;padding:14px 18px;
	}
	.oc-cta-box.oc-cart .oc-hnp-atc .button:hover,.oc-cta-box.oc-cart .oc-hnp-atc .add_to_cart_button:hover,.oc-cta-box.oc-cart .oc-hnp-atc .ajax_add_to_cart:hover,
	.oc-cta-box.oc-hng .oc-hng-atc-wrap .button:hover,.oc-cta-box.oc-hng .oc-hng-atc-wrap .add_to_cart_button:hover,.oc-cta-box.oc-hng .oc-hng-atc-wrap .ajax_add_to_cart:hover{
		background:#274e1e !important;
	}
	@media(max-width:560px){.oc-cta-box .organico-product-specs{grid-template-columns:1fr}}
	/* ---- MOBILE: full uncropped image + compact one-screen layout (down to the WhatsApp button) ---- */
	@media(max-width:768px){
		.main-photo-first:has(.oc-hero){margin-bottom:4px !important}
		.og-toc{margin-bottom:8px !important}
		.oc-hero{gap:6px;margin:2px auto}
		.oc-media-col,.oc-info-col{margin:0}
		.oc-main-display{aspect-ratio:auto;height:auto;max-height:none;width:100%;max-width:100%;text-align:center;overflow:visible;background:transparent;box-shadow:none;border-radius:0}
		.oc-main-display .oc-img{width:auto;height:auto;max-height:220px;max-width:100%;object-fit:contain;object-position:center;display:inline-block;border-radius:0}
		.oc-main-display.oc-video-on{aspect-ratio:auto;width:100%;max-width:100%;height:220px;max-height:220px;border-radius:0;overflow:hidden;background:#000}
		.oc-thumbs{margin-top:6px;gap:6px}
		.oc-thumb{width:52px;height:52px}
		.oc-hero figure,.oc-hero img{margin:0}
		.oc-cta-box{padding:12px 14px 14px;margin:0 !important;display:flex;flex-direction:column}
		.oc-cta-box>p:not([class]){display:none;margin:0}
		.oc-cta-box .organico-product-title{font-size:19px;margin-bottom:8px;order:1}
		.oc-cta-box .organico-notice-banner{padding:8px 12px;font-size:13px;margin-bottom:10px;order:2}
		.oc-cta-box .organico-product-specs{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px;margin-bottom:12px;order:3;align-items:stretch}
		.oc-cta-box .organico-spec-card{width:auto;min-width:0;overflow-wrap:anywhere;white-space:normal !important;word-break:break-word}
		.oc-cta-box .organico-spec-card{padding:6px 8px;font-size:12px;line-height:1.3;min-height:44px}
		.oc-cta-box .organico-product-desc{font-size:13px;line-height:1.5;margin-bottom:14px;order:4}
		.oc-cta-box .organico-product-cta{order:5;margin:2px 0 0}
		.oc-cta-box .organico-wa-button{padding:12px 16px;font-size:15px}
		/* ---- HNG: 2-cards-per-row option grid on mobile (dead weight now the options list is
		   hidden at every width - harmless, left as-is; see note near .oc-hng-trigger below) ---- */
		.oc-hng-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
		.oc-hng-option{align-items:flex-start;gap:6px;padding:10px 8px}
		.oc-hng-option-name{font-size:13px;line-height:1.35;min-width:0;overflow-wrap:anywhere}
		.oc-hng-option-price{flex:1 1 100%;font-size:13px;white-space:normal;padding-inline-start:24px}
		.oc-hng-oos-badge{padding-inline-start:24px}
	}
	/* below this width even 2 columns get too cramped for full Hebrew plant names - collapse to 1
	   (dead weight now that .oc-hng-options is hidden everywhere, kept only because the option
	   cards remain in the DOM for accessibility/semantics - zero risk to leave as-is) */
	@media(max-width:340px){
		.oc-hng-options{grid-template-columns:1fr}
	}
	/* ---- HNG: compact single select is the ONE selection UI at every width, desktop included.
	   The old desktop pattern (collapsed trigger -> expand -> long radio-card list) could push
	   Add to Cart below the fold on parents with many children; the select keeps title/price/
	   select/Add-to-Cart together in the first viewport everywhere. Still a single source of
	   truth: the select drives the exact same .oc-hng-atc.is-active state via the existing
	   shared JS function (ocHngApplySelection) - the radio markup stays in the DOM (harmless,
	   no extra risk to remove-and-verify) but is never shown, so there is never a second live
	   selection system, per-viewport or otherwise. */
	.oc-hng-trigger{display:none !important}
	.oc-hng-panel[hidden]{display:block !important}
	.oc-hng-options{display:none !important}
	.oc-hng-select{display:block !important;width:100%;box-sizing:border-box;padding:12px 14px;margin:0 0 12px;border:1px solid #cbd5e1;border-radius:10px;font-size:14.5px;font-family:inherit;background:#fff;color:#1b3815}
	/* ---- oc-sg-style variation TILES + quantity stepper (single-axis card, matches the product page) ---- */
	/* when tiles render, the compact select is only kept in the DOM for the sticky bar to clone -> visually hidden, never shown */
	.oc-hng-tiles .oc-hng-select{position:absolute !important;display:block !important;width:1px !important;height:1px;padding:0 !important;margin:-1px !important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0 !important}
	.oc-hng-tiles .oc-hng-options{display:none !important}
	.oc-sg-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0 0 14px;direction:rtl}
	.oc-sg-size{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;width:100%;min-width:0;min-height:76px;margin:0;padding:12px 8px;font:inherit;line-height:1.3;color:#273827;text-align:center;white-space:normal;background:#fff;border:1px solid #d7dcd3;border-radius:10px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
	.oc-sg-size:hover:not([disabled]){border-color:#8aa178;background:#fcfdfb}
	.oc-sg-size.is-active,.oc-sg-size[aria-pressed="true"]{border-color:#526746;background:#f5f7f2;color:#526746;box-shadow:inset 0 0 0 1px #526746}
	.oc-sg-size:focus-visible{outline:2px solid #526746;outline-offset:2px}
	.oc-sg-size__label{font-size:15px;font-weight:700}
	.oc-sg-size__price{font-size:15px;font-weight:600;white-space:nowrap}
	.oc-sg-size--unavailable,.oc-sg-size[disabled]{color:#8a8a8a;background:#f2f2f2;border-color:#e2e2e2;box-shadow:none;cursor:not-allowed;opacity:.55;filter:grayscale(1)}
	.oc-hng-tiles .oc-hng-atc-wrap{display:flex;align-items:stretch;gap:10px;flex-wrap:nowrap}
	.oc-sg-qty{display:inline-flex;align-items:center;flex:0 0 auto;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;background:#fff}
	.oc-sg-qty button{width:42px;min-height:54px;border:0;background:#f4f7f1;color:#273827;font-size:20px;font-weight:700;line-height:1;cursor:pointer;font-family:inherit}
	.oc-sg-qty button:hover{background:#e7efe2}
	.oc-sg-qty-value{min-width:42px;text-align:center;font-size:16px;font-weight:800;color:#1b3815}
	.oc-hng-tiles .oc-hng-atc{flex:1 1 auto}
	.oc-hng-tiles .oc-hng-atc:not(.is-active){display:none}
	@media(max-width:400px){.oc-sg-sizes{grid-template-columns:1fr 1fr}.oc-sg-qty button{width:38px}}