@charset "UTF-8";

.ohl-v13{--v13-green:#2d5a27;--v13-green-dark:#274e1e;--v13-tint:#f2f8f1;--v13-line:#dbe7d7;--v13-text:#1f2937;--v13-muted:#5b6b5e;max-width:1200px;margin:0 auto 28px;padding:0 16px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:28px 32px;align-items:start;direction:rtl}
.ohl-v13 *,.ohl-toc-slot *{box-sizing:border-box}
.ohl-v13 .ohl-col{min-width:0;display:flex;flex-direction:column;gap:16px}
.ohl-v13.ohl-v13--single{grid-template-columns:minmax(0,1fr);max-width:880px}
.ohl-v13 .main-photo-first,.ohl-v13 .oc-hero{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;display:block!important;width:auto!important;max-width:none!important}
.ohl-v13 .oc-media-col{width:auto!important;max-width:none!important;flex:none!important;margin:0!important}
.ohl-v13 .oc-info-col{width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
.ohl-v13 .oc-maintext{margin:0!important}
.ohl-v13 .ohl-panel{margin:0!important;max-width:none!important}
.ohl-toc-slot{max-width:1200px;margin:0 auto 24px;padding:0 16px;direction:rtl}
.ohl-toc-slot:empty{display:none}
.ohl-toc-slot .og-toc{margin:0!important}
.ohl-v13>.ohl-toc-slot{grid-column:1/-1;max-width:none;margin:0 0 4px;padding:0}
.ohl-quote{border:1px solid var(--v13-line);border-radius:12px;background:var(--v13-tint);padding:16px 18px}
.ohl-quote__title{margin:0 0 4px;font-size:1.05rem;font-weight:700;line-height:1.35;color:var(--v13-green)}
.ohl-quote__text{margin:0 0 12px;font-size:.92rem;line-height:1.6;color:var(--v13-text)}
.ohl-quote__actions{display:flex;flex-wrap:wrap;gap:8px}
.ohl-quote a.ohl-quote__btn{flex:1 1 200px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--v13-green);border-radius:9px;background:var(--v13-green);color:#fff!important;font-size:.93rem;font-weight:600;line-height:1.2;text-align:center;text-decoration:none!important}
.ohl-quote a.ohl-quote__btn:hover,.ohl-quote a.ohl-quote__btn:focus{background:var(--v13-green-dark);border-color:var(--v13-green-dark);color:#fff!important}
.ohl-quote a.ohl-quote__btn--tel{background:#fff;color:var(--v13-green)!important}
.ohl-quote a.ohl-quote__btn--tel:hover,.ohl-quote a.ohl-quote__btn--tel:focus{background:#fff;color:var(--v13-green-dark)!important}
.ohl-quote__num{direction:ltr;unicode-bidi:embed;font-variant-numeric:tabular-nums}
.ohl-wabar{display:none}
/* In the LEFT column the CTA sits directly under the image and, when the product is
   in stock, under .ohl-buy. It carries its OWN single frame here: white fill rather
   than the green tint used in the right column, so it reads as a sibling card of the
   purchase block instead of a second tinted panel, with one hairline border and no
   nested boxes. Flattening it (no fill, no border) was tried first and read as
   detached. Desktop only: below 1024px the CTA keeps its original boxed presentation. */
@media(min-width:1024px){
/* PURCHASE BLOCK. V7 (organico-hedge-buy.php) already renders the Fertilizer/Humus
   pattern - product name + size, price, one full-width green הוספה לסל, and a compact
   size <select> when more than one size is purchasable - but wraps it in its own
   bordered white card, which read as a box floating below the gallery. The chrome is
   stripped HERE, in the left column only, so the block sits attached to the image the
   way the Humus product summary does. The negative margin cancels V7's own 14px top
   margin and tightens the column's 16px flex gap to 8px. V7 is not modified, so the
   same block keeps its card appearance anywhere else it is used, including on mobile. */
.ohl-v13 .ohl-col--left .ohl-buy{background:none;border:0;border-radius:0;padding:0;margin:-8px 0 0}
.ohl-v13 .ohl-col--left .ohl-quote{background:#fff;border:1px solid var(--v13-line);border-radius:10px;padding:12px 14px;margin:0}
.ohl-v13 .ohl-col--left .ohl-quote__title{font-size:1rem;margin:0 0 2px}
.ohl-v13 .ohl-col--left .ohl-quote__text{margin-bottom:10px;font-size:.88rem}
.ohl-v13 .ohl-col--left .ohl-quote a.ohl-quote__btn{flex:1 1 100%}
}
@media(max-width:1023px){
.ohl-v13{display:flex;flex-direction:column;gap:14px;padding:0 12px}
.ohl-v13 .ohl-col{display:contents}
.ohl-v13 .oc-info-col{order:1}
.ohl-v13 .main-photo-first{order:2}
.ohl-v13 .ohl-panel{order:3}
.ohl-v13 .ohl-quote{order:4}
.ohl-v13 .oc-cta-box{order:5}
.ohl-v13 .ohl-buy{order:5}
.ohl-toc-slot{padding:0 12px}
.ohl-v13>.ohl-toc-slot{order:6;margin:0 0 4px;padding:0}
}
@media(max-width:768px){
body.single-growing .og-toc{display:block!important}
/* Fixed bottom bar. #content already reserves padding-bottom:92px below, so the bar
   never covers the end of the page. z-index sits above the sticky header stack. */
.ohl-wabar{display:flex;position:fixed;left:0;right:0;bottom:0;width:100%;max-width:none;z-index:99999;justify-content:center;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.12);direction:rtl;box-sizing:border-box;margin:0;padding:0 0 env(safe-area-inset-bottom,0px)}
.ohl-wabar__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;max-width:none;box-sizing:border-box;padding:12px 16px;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;background:#037502;color:#fff!important;margin:0;border-radius:0}
.ohl-wabar__btn:hover,.ohl-wabar__btn:focus{background:#026101;color:#fff!important}
.ohl-wabar__icon{flex:0 0 auto}
/* The site's floating Click-to-Chat bubble is fixed at bottom:15px and is 50px tall,
   so it lands ON the 44px bar - measured 29px overlap on staging, bubble on top. Lift
   it clear rather than hide it: both entry points stay tappable and nothing the site
   ships is removed. Growing pages on phones only; the bubble is untouched elsewhere. */
body.single-growing #ht-ctc-chat{bottom:58px!important}
/* V15 (owner 2026-09-28): the growing-page mobile-header overrides that used to sit
   here are REMOVED, not retuned. They cancelled organico-toc-only.php's
   translateY on .site-branding and .mega-menu-toggle - transforms that exist to push
   both clear of .notice-board, which the theme positions absolutely across the top of
   the header (style.css 404-408). Cancelling them slid the logo and the burger back
   UNDER that overlay: burger unreachable, logo out of line with every other page, and
   the .mobile-menu-container strip overlapped. The margin-top replacement never
   applied to the burger either - style.css 3995 has
   #mega-menu-wrap-main-menu .mega-menu-toggle{margin-top:0!important} inside
   @media(max-width:480px), and an ID selector beats a class-only one regardless of
   !important. Growing pages now inherit exactly the same mobile header as the rest of
   the site. Nothing growing-specific touches .site-branding, .mega-menu-toggle or
   .mobile-menu-container any more. */
body.single-growing #content{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.ohl-quote__actions{flex-direction:column}
.ohl-quote a.ohl-quote__btn{flex:1 1 auto;width:100%}
}
@media(max-width:360px){
.ohl-v13{padding:0 10px}
.ohl-quote{padding:14px}
}
/*# sourceURL=organico-hedge-v13-inline-css */