— the site's global a{color:#F58220} targets
that link directly (not inherited), so it wins over the wrapper's color above
unless overridden here too. */
.products .product-small .name a{color:#171717!important;}
/* reserved even when a product has no visible price, so card height never shifts */
.products .product-small .price-wrapper{min-height:22px;}
/* reserved even when a product has no barcode yet, so cards don't shift height
once some products get one filled in and others don't */
.products .product-small .r4-barcode{color:#969696;font-size:11px;line-height:1.4;margin:9px 0 0;min-height:1.4em;}
/* "לפרטים" CTA — homepage "new products" slider only: orange, compact, no icons.
Same resting/hover colors as the catalog page's "לפרטים נוספים" button
(--r4-orange / --r4-orange-d) — no box-shadow glow, but the brighter tone,
not the darker matte one tried first. Given a fixed gap above it (via
.price-wrapper below) instead of sitting flush under the title text. */
.r4-product-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;width:100%;background:var(--r4-orange);color:#111;font-weight:700;font-size:13.5px;padding:11px 0;border-radius:8px;transition:background .2s;}
.r4-product-cta:hover{background:var(--r4-orange-d);}
.r4-newp-viewport .price-wrapper{min-height:14px;}
/* "לפרטים נוספים" CTA — catalog archive pages only: black/white default, orange/black on hover */
.r4-product-cta-catalog{margin-top:auto;padding-top:14px;}
.r4-product-cta-catalog a{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:100%;height:44px;box-sizing:border-box;border:1px solid var(--r4-orange);border-radius:6px;background:var(--r4-orange);color:#111!important;font-weight:700;font-size:14px;line-height:1;transition:background .18s ease,color .18s ease,border-color .18s ease;}
.r4-product-cta-catalog a:hover{background:var(--r4-orange-d);border-color:var(--r4-orange-d);color:#111!important;}
.r4-product-cta-catalog a:focus-visible{outline:3px solid rgba(245,130,32,.5);outline-offset:2px;}
/* Catalog archive cards: keep brand/title/barcode/price/actions in fixed slots
so one product with extra metadata cannot push its card lower than the rest. */
.category-page-row .products{align-items:stretch;}
.category-page-row .products>.col{display:flex;align-items:stretch;}
.category-page-row .products>.col>.col-inner{width:100%;display:flex;align-items:stretch;}
.category-page-row .products .product-small.box{width:100%;height:100%;}
.category-page-row .products .product-small.box .box-text{align-items:stretch;}
.category-page-row .products .product-small .r4-brand{min-height:19px;margin:0 0 5px;}
.category-page-row .products .product-small .name{height:calc(3 * 1.42em);min-height:calc(3 * 1.42em);max-height:calc(3 * 1.42em);margin:0 0 8px!important;}
.category-page-row .products .product-small .price-wrapper{height:44px;min-height:44px;margin:0 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;}
.category-page-row .products .product-small .r4-barcode{display:block!important;visibility:visible;height:16px;min-height:16px;margin:0 0 4px!important;color:#969696;font-size:11px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.category-page-row .products .product-small .r4-barcode:empty::before{content:"\00a0";}
.category-page-row .products .product-small .price{display:block;min-height:20px;color:#111;font-size:14px;font-weight:800;line-height:20px;white-space:nowrap;}
.category-page-row .products .product-small .r4pet-catalog-cart{min-height:122px;margin-top:auto;padding-top:0;}
/* "מוצרים חדשים" row — native overflow-x scroll (see r4_new_products_row in
functions.php) instead of the Flickity slider, which was confirmed broken:
it silently failed to initialize (no .flickity-viewport ever appeared) and
at least once rendered malformed nav-button markup instead. Small subtle
round buttons, same visual language as the brand-carousel's nav. */
.r4-newp-scroller{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;padding-inline:18px;}
.r4-newp-viewport{flex:1;min-width:0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x;padding-inline:2px;}
.r4-newp-viewport::-webkit-scrollbar{display:none;}
.r4-newp-viewport .row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:20px;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;}
/* 5 columns (was 6) — a bit fewer, larger cards per the "enlarge the product
cards" request; matches the shortcode's columns="5" in the homepage
content, which also drives Flatsome's own column classes. */
.r4-newp-viewport .row>.col{flex:0 0 calc((100% - 80px) / 5);max-width:calc((100% - 80px) / 5);padding:0!important;}
/* Equal-height cards: titles vary from 1–5 lines, which used to leave the
"לפרטים" button sitting at a different height on every card. Clamp the
title to a fixed 3-line box and stretch the card so the button is always
pinned to the bottom, regardless of how short or long the title is. */
.r4-newp-viewport .col-inner,
.r4-newp-viewport .col-inner .product-small.box{height:100%;}
/* Products with no featured image collapse .box-image to almost nothing,
which threw the row out of alignment even with the flex/stretch rules
above — reserve the same aspect ratio as the real thumbnails regardless
of whether an image actually loaded. */
.r4-newp-viewport .box-image{width:100%;aspect-ratio:247/296;}
/* :not(.image-tools) — box-image also contains the badge/quick-view overlay
bars as sibling divs (.image-tools...), which are meant to stay thin
absolutely-positioned strips, not stretch to the full image height. The
original unscoped rule was forcing them to 100% height too, which is why
the quick-view button ended up covering the entire product image. */
.r4-newp-viewport .box-image>div:not(.image-tools){width:100%;height:100%;}
.r4-newp-viewport .box-image a{display:block;width:100%;height:100%;}
.r4-newp-viewport .box-image img{width:100%;height:100%;object-fit:contain;}
.r4-newp-viewport .product-small.box{display:flex;flex-direction:column;}
.r4-newp-viewport .box-text{flex:1;display:flex;flex-direction:column;align-items:stretch;}
.r4-newp-viewport .title-wrapper{flex:0 0 auto;height:calc(3 * 1.35em);overflow:hidden;margin:0 0 8px;display:flex;align-items:flex-start;justify-content:center;}
.r4-newp-viewport .name.product-title{line-height:1.35em!important;font-size:15px!important;min-height:0!important;margin:0!important;max-height:calc(3 * 1.35em);}
.r4-newp-viewport .price-wrapper{min-height:22px;margin:0 0 10px;display:flex;align-items:center;justify-content:center;}
.r4-newp-viewport .price{display:block;color:#111;font-size:14px;font-weight:800;line-height:1.2;white-space:nowrap;}
.r4-newp-viewport .r4-product-cta{margin-top:auto;font-size:14.5px;padding:12px 0;}
.r4-newp-nav{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--r4-black);border:1.5px solid #2a2a2a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0;}
.r4-newp-nav svg{width:16px;height:16px;}
.r4-newp-nav:hover{background:var(--r4-char);border-color:var(--r4-orange);color:var(--r4-orange);}
@media (max-width:1049px){
.r4-newp-viewport .row>.col{flex:0 0 calc((100% - 40px) / 3);max-width:calc((100% - 40px) / 3);}
}
@media (max-width:549px){
.r4-newp-scroller{position:relative;display:block;padding-inline:0;}
.r4-newp-viewport{padding-inline:0;}
.r4-newp-viewport .row{gap:14px;}
.r4-newp-viewport .row>.col{flex:0 0 calc((100% - 14px) / 2);max-width:calc((100% - 14px) / 2);}
.r4-newp-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:34px;height:34px;}
.r4-newp-nav.prev{right:-17px;}
.r4-newp-nav.next{left:-17px;}
}
/* button itself now reuses .r4-btn.r4-btn-orange (same class as the hero banner's
"כניסה לאזור העסקי" button) so the two stay visually identical automatically —
except the glow, flattened here on request so the whole "מוצרים חדשים" section
(this button + the per-product "לפרטים" buttons above) reads matte, not shiny. */
.r4-seeall2{text-align:center;margin-top:0;}
.r4-seeall2 .r4-btn-orange{background:var(--r4-orange);border-color:var(--r4-orange);box-shadow:none;}
.r4-seeall2 .r4-btn-orange:hover{background:var(--r4-orange-d);border-color:var(--r4-orange-d);}
/* ====================================================================
Site footer — [r4pet_footer] shortcode (functions.php). One continuous
dark component: benefits+CTA row, 4-column main footer, legal bottom bar.
Every icon+text pair below is written icon-first in the markup on
purpose — in a plain (non row-reverse) flex row under dir="rtl" the
first child lands on the right, which is where these need to sit.
==================================================================== */
/* Flatsome's own row-collapse class caps at max-width:1050px by default
(a parent-theme rule, not something we edit directly) — without this
override the footer renders as a boxed/letterboxed strip instead of true
full-bleed edge-to-edge, since [row style="collapse"] alone only removes
the row's internal gutters, not this width cap. Scoped to the footer
section only so no other collapsed row on the site is affected. */
.r4pet-footer-wrap .row.row-collapse{max-width:none;width:100%;}
/* Same fix, applied to the other homepage sections that were rendering as a
boxed strip with visible side gutters instead of a true full-width
background (Brand strip / Categories / New products / Testimonials) —
each now uses [row style="collapse"] too. Categories and New products
don't have their own internal content max-width the way the brand
carousel and testimonials sections do, so their content gets an explicit
1280px centered wrapper here instead of stretching edge-to-edge itself. */
.r4-brandwrap .row.row-collapse,
.r4-cats2 .row.row-collapse,
.r4-new2 .row.row-collapse,
.r4-testiwrap .row.row-collapse{max-width:none;width:100%;}
/* The [row style="collapse"] fix above wasn't enough on its own here: these
sections are regular page content, so Flatsome's own page template also
wraps the ENTIRE homepage content area in a further ".row.row-main"
container capped at max-width:1080px (a Flatsome parent-theme template
wrapper, not something a shortcode's own [row] can reach) — that's the
actual source of the boxed look. The footer never hit this because it
renders through the footer hook, outside that wrapper entirely. Scoped to
body.home so no other page's layout is affected. */
body.home .row.row-main{max-width:none;width:100%;}
.r4-catgrid2{max-width:1280px;margin-left:auto;margin-right:auto;}
/* Quick View popup: Flatsome's own parent-theme rule (.lightbox-content in
flatsome-rtl.css) caps it at 875px, which felt oversized. Overriding with
the more specific two-class selector Flatsome itself already puts on this
element (.product-lightbox.lightbox-content) rather than touching the
parent theme file. */
.product-lightbox.lightbox-content{max-width:680px;}
.r4-new2 .r4-title2,
.r4-new2 .r4-newp-scroller,
.r4-new2 .r4-seeall2{max-width:1320px;margin-inline:auto;}
.r4pet-site-footer{background:linear-gradient(180deg,#050505 0%,#080808 100%);width:100%;border-top:1px solid #111;}
.r4pet-footer-container{max-width:1240px;margin:0 auto;padding:34px 28px 0;}
/* Compact B2B CTA, now embedded inside the main footer brand card. */
.r4pet-cta-btn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;direction:rtl;background:var(--r4-orange);color:#111!important;border:1px solid var(--r4-orange);border-radius:8px;height:48px;padding:0 24px;font-size:14.5px;font-weight:900;transition:all .2s;box-shadow:0 12px 24px rgba(245,130,32,.18);}
.r4pet-cta-btn:hover{background:#fff;border-color:#fff;color:#111!important;}
.r4pet-cta-btn .arr{display:flex;}
.r4pet-cta-btn .arr svg{width:15px;height:15px;}
.r4pet-cta-login .arr{display:flex;color:#bdbdbd;transition:color .2s;}
.r4pet-cta-login .arr svg{width:12px;height:12px;}
.r4pet-cta-login a{color:var(--r4-orange);font-weight:700;}
.r4pet-cta-login:hover{color:#fff;}
.r4pet-cta-login:hover .arr{color:#fff;}
/* ---- main 4-column footer ---- */
.r4pet-footer-main{display:grid;grid-template-columns:minmax(300px,1.22fr) minmax(250px,1.08fr) minmax(210px,.95fr) minmax(165px,.72fr);gap:30px;align-items:start;padding:0 4px 30px;border-bottom:1px solid #202020;}
.r4pet-footer-col{min-width:0;}
.r4pet-footer-heading{position:relative;color:#fff;font-size:16.5px;font-weight:900;margin:0 0 22px;padding-bottom:13px;}
.r4pet-footer-heading::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:38px;height:3px;background:var(--r4-orange);border-radius:2px;}
.r4pet-footer-brand{display:flex;flex-direction:column;align-items:flex-start;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;}
/* The logo's own artwork has dark-brown text/features on a transparent
background — invisible directly on this black footer. A white chip keeps
the real logo's original colors intact instead of trying to recolor it. */
.r4pet-footer-logo-chip{display:inline-flex;background:#fff;padding:8px 14px;border-radius:10px;margin-bottom:13px;box-shadow:0 10px 22px rgba(0,0,0,.16);}
.r4pet-footer-logo-img{display:block;height:46px;width:auto;margin-bottom:0;}
.r4pet-logo-text{font-size:26px;font-weight:800;letter-spacing:.3px;direction:ltr;margin-bottom:10px;}
.r4pet-logo-r4{color:var(--r4-orange);}
.r4pet-logo-pet{color:#fff;}
.r4pet-footer-tagline{color:#c7c7c7;font-size:13.5px;line-height:1.55;margin:0 0 22px;max-width:290px;}
.r4pet-footer-brand-cta{width:100%;height:43px;margin-bottom:9px;padding-inline:12px;font-size:13.5px;}
.r4pet-footer-brand .r4pet-cta-login{display:inline-flex;align-items:center;gap:6px;margin:0 0 16px;font-size:12.5px;color:#bdbdbd;transition:color .2s;}
.r4pet-footer-brand .r4pet-cta-login a{color:var(--r4-orange);font-weight:800;}
.r4pet-footer-social{display:flex;align-items:center;gap:10px;margin-top:auto;}
.r4pet-social-btn{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#0f0f0f;border:1px solid #353535;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.r4pet-social-btn svg{width:17px;height:17px;}
.r4pet-social-btn:hover{border-color:var(--r4-orange);color:var(--r4-orange);background:#111111;}
.r4pet-footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.r4pet-footer-links li,.r4pet-footer-links a{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;direction:rtl;text-align:right;color:#c2c2c2;font-size:14.5px;font-weight:650;min-height:24px;}
.r4pet-footer-links a{transition:color .2s,background .2s;}
.r4pet-footer-links a:hover{color:#fff;}
.r4pet-footer-links a:hover .r4pet-icon{color:var(--r4-orange);transform:translateX(-2px);}
.r4pet-icon{flex:0 0 auto;display:flex;color:var(--r4-orange);transition:transform .2s;}
.r4pet-chevron-list .r4pet-icon svg{width:15px;height:15px;}
.r4pet-contact-list .r4pet-icon svg{width:19px;height:19px;}
.r4pet-label{min-width:0;}
.r4pet-catalog-btn{display:inline-flex;flex-direction:row;align-items:center;gap:9px;direction:rtl;margin-top:18px;height:43px;padding:0 16px;background:transparent;border:1px solid var(--r4-orange);border-radius:6px;color:#fff;font-size:13px;font-weight:700;transition:all .2s;}
.r4pet-catalog-btn .r4pet-icon svg{width:16px;height:16px;}
.r4pet-catalog-btn:hover{background:var(--r4-orange);color:#111;}
.r4pet-catalog-btn:hover .r4pet-icon{color:#111;}
/* ---- legal bottom bar ---- */
.r4pet-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 4px;}
.r4pet-footer-copy{color:#858585;font-size:13px;}
.r4pet-footer-legal{display:flex;align-items:center;}
.r4pet-footer-legal a{color:#858585;font-size:13px;transition:color .2s;padding:0 14px;}
.r4pet-footer-legal a:first-child{padding-inline-end:0;}
.r4pet-footer-legal a:last-child{padding-inline-start:0;}
.r4pet-footer-legal a:not(:last-child){border-inline-start:1px solid #333;}
.r4pet-footer-legal a:hover{color:var(--r4-orange);}
.absolute-footer{display:none;}
.r4pet-site-footer a:focus-visible,.r4pet-site-footer button:focus-visible{outline:2px solid var(--r4-orange);outline-offset:3px;}
@media (max-width:1099px){
.r4pet-footer-container{padding:34px 20px 0;}
.r4pet-footer-main{grid-template-columns:1fr 1fr;row-gap:36px;padding:36px 10px 32px;}
}
@media (max-width:699px){
.r4pet-footer-container{padding:28px 16px 0;}
.r4pet-cta-btn{justify-content:center;}
.r4pet-footer-main{grid-template-columns:1fr;gap:32px;padding:32px 10px 28px;}
.r4pet-footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;}
}
/* ---------- focus visibility ---------- */
.r4-btn:focus-visible,.r4-catgrid2 .card:focus-visible,.r4-seeall2 a:focus-visible,.r4-brandbar .all:focus-visible{outline:3px solid rgba(245,130,32,.6);outline-offset:2px;}
/* ---------- responsive ---------- */
@media (max-width:1049px){
/* keep the 6 cards in a single row and let it scroll horizontally instead
of wrapping to more rows — each card gets a fixed, still-readable width
rather than shrinking to fit (which is what grid-template-columns:1fr
would otherwise do). */
.r4-catgrid2{grid-template-columns:repeat(6,190px);}
.r4-hero2-grid{grid-template-columns:1fr;}
.r4-hero2-visual{min-height:0;}
.r4-hero2-imgslot{height:260px;}
.r4-hero2-petsimg{max-height:320px;}
}
@media (max-width:549px){
.r4-hero2-wrap{padding:40px 18px 30px;}
.r4-hero2-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.r4-hero2-cta .r4-btn{width:100%;justify-content:center;}
.r4-catgrid2{grid-template-columns:repeat(6,160px);gap:14px;}
.r4-brandbar{gap:18px;}
.r4-brandbar .chips{gap:22px;}
.r4-brandbar2{padding:14px 18px 12px;}
.r4-brand-title{margin-bottom:18px;font-size:22px;}
.r4-brandbar2 .all{font-size:13px;}
.r4-brand-logo{max-height:80px;}
.r4-brand-track{gap:38px;}
.r4-brand-nav{width:26px;height:26px;}
.r4-brand-nav svg{width:13px;height:13px;}
}
/* ---------- catalog pages (shop / product category / product tag) ---------- */
/* page title + breadcrumb: compact instead of Flatsome's default large banner */
.category-page-title,.shop-page-title{background:#fafafa;padding:22px 0 18px!important;}
.category-page-title .woocommerce-breadcrumb,.shop-page-title .woocommerce-breadcrumb{font-size:12.5px;color:#6b6b6b;letter-spacing:0;text-transform:none;margin-bottom:6px;}
.category-page-title .woocommerce-breadcrumb a,.shop-page-title .woocommerce-breadcrumb a{color:#6b6b6b;}
.category-page-title .woocommerce-breadcrumb a:hover,.shop-page-title .woocommerce-breadcrumb a:hover{color:var(--r4-orange);}
.category-page-title h1,.shop-page-title h1{font-size:34px;font-weight:800;color:#111;margin:0;}
/* business-account notice */
.r4-b2b-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#fff;border:1px solid #dedede;border-radius:10px;padding:28px;min-height:130px;box-sizing:border-box;margin-bottom:22px;}
.r4-b2b-notice-text{display:flex;align-items:flex-start;gap:14px;}
.r4-b2b-notice-text .ic{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#f5f5f5;color:#111;display:flex;align-items:center;justify-content:center;}
.r4-b2b-notice-text .ic svg{width:19px;height:19px;}
.r4-b2b-notice-text strong{display:block;color:#111;font-size:14.5px;font-weight:700;margin-bottom:2px;}
.r4-b2b-notice-text p{color:#6b6b6b;font-size:13px;line-height:1.5;margin:0;max-width:520px;}
.r4-b2b-notice-actions{display:flex;gap:10px;flex:0 0 auto;}
.r4-b2b-notice-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-align:center;line-height:1;height:55px;min-width:215px;padding:0 22px;border-radius:6px;font-weight:700;font-size:15px;white-space:nowrap;transition:all .2s;box-sizing:border-box;}
/* primary: business login */
.r4-btn-solid-dark{background:#0a0a0a;border:1px solid #0a0a0a;color:#fff!important;}
.r4-btn-solid-dark:hover{background:#222;border-color:#222;}
/* secondary: open a new business account */
.r4-btn-outline-orange{background:#fff;border:1px solid var(--r4-orange);color:#d86608!important;}
.r4-btn-outline-orange:hover{background:#fff4ea;}
.r4-b2b-notice-actions a:focus-visible{outline:3px solid rgba(245,130,32,.5);outline-offset:2px;}
/* toolbar: result count + sort dropdown + filter toggle */
/* no display was set here before, so this — a plain — defaulted to
block and stretched to fill its flex-col's full width (a wide box that
visually merged with the result-count column next to it) instead of
shrink-wrapping to the "סנן" button it actually contains. */
.category-filtering.category-filter-row{display:inline-flex;align-items:center;width:fit-content;border:1px solid #dadada;border-radius:7px;padding:0 18px;height:53px;min-width:180px;justify-content:center;transition:border-color .18s ease,background .18s ease;}
.category-filtering.category-filter-row:hover{background:#fff8f1;border-color:var(--r4-orange);}
.category-filtering .filter-button{font-size:14px;font-weight:700;letter-spacing:0;color:#171717;}
.category-filtering .filter-button i{color:var(--r4-orange);font-size:20px;margin-inline-end:8px;}
.woocommerce-result-count{color:#686868;font-size:14px;margin:0;}
.woocommerce-result-count .r4-count-num{color:var(--r4-orange);font-weight:700;}
.woocommerce-ordering .orderby{border:1px solid #dadada;border-radius:7px;height:53px;font-size:14px;color:#202020;padding:0 14px;min-width:200px;transition:border-color .18s ease;}
.woocommerce-ordering .orderby:hover{border-color:var(--r4-orange);}
/* The "סנן" button + off-canvas #shop-sidebar panel is Flatsome's native filter
toggle — by default it only behaves that way on mobile/tablet; on desktop
Flatsome shows the sidebar as a permanent column instead (.hide-for-medium
only hides it ≤849px) and hides the button (.show-for-medium only shows it
≤849px). Overriding both, unscoped by breakpoint, makes it toggle-only at
every width — the button always visible, the sidebar always collapsed until
opened — freeing the full row width for the product grid. */
.category-page-row .col.large-3.hide-for-medium{display:none!important;}
.category-page-row .col.large-9{flex-basis:100%!important;max-width:100%!important;}
.category-filtering.category-filter-row.show-for-medium{display:flex!important;}
/* filter sidebar (off-canvas panel triggered by the toolbar's "סנן" button) */
#shop-sidebar .widget{margin-bottom:26px;}
#shop-sidebar .widget-title{font-size:13px;font-weight:700;color:#111;text-transform:none;letter-spacing:0;}
#shop-sidebar .product-categories a,#shop-sidebar .wc-layered-nav-list a{color:#444;font-size:13.5px;}
#shop-sidebar .product-categories a:hover,#shop-sidebar .wc-layered-nav-list a:hover{color:var(--r4-orange);}
#shop-sidebar .product-categories .count,#shop-sidebar .wc-layered-nav-list .count{color:#9a9a9a;font-size:12px;}
#shop-sidebar .widget_product_categories{display:none!important;}
#shop-sidebar .widget_brand_nav{padding:18px 16px 22px;}
#shop-sidebar .widget_brand_nav .widget-title{font-size:16px;font-weight:800;text-align:right;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--r4-orange);}
#shop-sidebar .r4-shop-clear-filter{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin:-2px 0 14px;padding:0 14px;border:1px solid #111;border-radius:8px;background:#111;color:#fff!important;font-size:13.5px;font-weight:800;line-height:1;text-align:center;text-decoration:none;box-sizing:border-box;transition:background .18s,border-color .18s,color .18s;}
#shop-sidebar .r4-shop-clear-filter:hover{background:var(--r4-orange);border-color:var(--r4-orange);color:#111!important;}
#shop-sidebar .widget_brand_nav ul{list-style:none;margin:0;padding:0;}
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term{position:relative;margin:0 0 8px;padding:0;border:1px solid #e9e9e9;border-radius:8px;background:#fff;overflow:hidden;}
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term>a,
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term>span:not(.count){display:block;min-height:43px;padding:12px 42px 12px 48px;color:#1f1f1f!important;font-size:14px;font-weight:700;line-height:1.35;text-align:right;direction:ltr;unicode-bidi:isolate;text-decoration:none;}
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term>a::before,
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term>span:not(.count)::before{content:"";position:absolute;top:13px;right:13px;width:17px;height:17px;border:1.5px solid #cfcfcf;border-radius:4px;background:#fff;box-sizing:border-box;}
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term.chosen{border-color:rgba(245,130,32,.75);background:#fff6ee;}
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term.chosen>a{color:#111!important;}
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term.chosen>a::before{border-color:var(--r4-orange);background:var(--r4-orange);}
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term.chosen>a::after{content:"";position:absolute;top:17px;right:18px;width:7px;height:10px;border:solid #111;border-width:0 2px 2px 0;transform:rotate(45deg);}
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term .count{position:absolute;top:12px;left:13px;margin:0;color:#858585;font-size:12px;font-weight:700;line-height:18px;}
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term>.toggle{display:none!important;}
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term.has-child{overflow:visible;}
#shop-sidebar .widget_brand_nav li.wc-layered-nav-term.has-child>ul.children{display:block!important;}
#shop-sidebar .widget_brand_nav ul.children{margin:0;padding:8px 12px 0 0;border-right:2px solid #f1f1f1;}
#shop-sidebar .widget_brand_nav ul.children li.wc-layered-nav-term{margin-bottom:7px;background:#fafafa;}
/* small-desktop tier Flatsome doesn't natively have (its own breakpoint jumps
straight from "large" to "medium" at 1049px) — 4 columns instead of 5 in this
narrower range so cards don't get uncomfortably tight before the real medium
tier (3 columns) kicks in. */
@media (max-width:1180px) and (min-width:1050px){
.category-page-row .large-columns-5>.col{flex-basis:25%;max-width:25%;}
}
@media (max-width:767px){
.category-page-title,.shop-page-title{padding:14px 0 16px!important;}
.category-page-title .page-title-inner,.shop-page-title .page-title-inner{display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:8px 10px;align-items:center;padding:0 16px;box-sizing:border-box;}
.category-page-title .page-title-inner>.flex-col,.shop-page-title .page-title-inner>.flex-col{display:contents!important;}
.category-page-title .is-large,.shop-page-title .is-large{grid-column:1/-1;order:1;text-align:right;}
.category-page-title .woocommerce-breadcrumb,.shop-page-title .woocommerce-breadcrumb{margin:0;text-align:right;font-size:11.5px;line-height:1.35;}
.category-page-title .woocommerce-result-count,.shop-page-title .woocommerce-result-count{grid-column:1/-1;order:2;width:100%;display:block;text-align:right;font-size:13px;line-height:1.35;margin:0;color:#686868;}
.category-page-title .category-filtering.category-filter-row,.shop-page-title .category-filtering.category-filter-row{grid-column:1;order:3;width:100%;min-width:0;height:44px;padding:0 12px;border-radius:8px;background:#fff;box-sizing:border-box;}
.category-page-title .category-filtering .filter-button,.shop-page-title .category-filtering .filter-button{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13.5px;}
.category-page-title .category-filtering .filter-button i,.shop-page-title .category-filtering .filter-button i{margin:0;font-size:18px;}
.category-page-title .woocommerce-ordering,.shop-page-title .woocommerce-ordering{grid-column:2;order:4;width:100%;height:44px;margin:0;display:block;}
.category-page-title .woocommerce-ordering .orderby,.shop-page-title .woocommerce-ordering .orderby{width:100%;min-width:0;height:44px;margin:0;padding:0 12px;border-radius:8px;font-size:13px;line-height:44px;background-color:#fff;box-sizing:border-box;text-overflow:ellipsis;}
.category-page-row .shop-container{padding-inline:8px;box-sizing:border-box;}
.category-page-row .products.row-small{width:calc(100% + 12px)!important;margin-left:-6px!important;margin-right:-6px!important;}
.category-page-row .products>.col{flex-basis:50%!important;max-width:50%!important;padding-inline:6px!important;padding-bottom:12px!important;}
.category-page-row .products .product-small.box{border-radius:8px;}
.category-page-row .products .product-small.box .box-image{width:100%;height:auto;aspect-ratio:1/1.12;padding:10px;align-items:center;justify-content:center;}
.category-page-row .products .product-small.box .box-image .image-fade_in_back,
.category-page-row .products .product-small.box .box-image a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.category-page-row .products .product-small.box .box-image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;}
.category-page-row .products .product-small.box:hover .image-zoom img{transform:none;}
.category-page-row .products .product-small.box .box-text{padding:10px 9px 11px;}
.category-page-row .products .product-small .r4-brand{min-height:15px;margin:0 0 3px;font-size:10.5px;line-height:15px;}
.category-page-row .products .product-small .name{height:calc(3 * 1.35em);min-height:calc(3 * 1.35em);max-height:calc(3 * 1.35em);margin:0 0 6px!important;font-size:12px;line-height:1.35;}
.category-page-row .products .product-small .price-wrapper{height:36px;min-height:36px;margin:0 0 8px;}
.category-page-row .products .product-small .r4-barcode{height:14px;min-height:14px;margin:0 0 3px!important;font-size:10px;line-height:14px;}
.category-page-row .products .product-small .price{min-height:18px;font-size:12.5px;line-height:18px;}
.category-page-row .products .product-small .r4-product-cta-catalog{padding-top:8px;}
.category-page-row .products .product-small .r4-product-cta-catalog a{height:38px;font-size:12.5px;border-radius:6px;}
.category-page-row .products .product-small .r4pet-catalog-cart{min-height:104px;gap:6px;padding-top:6px;}
.category-page-row .products .product-small .r4pet-catalog-cart-qty{width:min(122px,100%);min-width:0;height:34px;gap:5px;padding:0 5px;}
.category-page-row .products .product-small .r4pet-catalog-cart-qty button{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;font-size:16px!important;}
.category-page-row .products .product-small .r4pet-catalog-qty-input{width:30px!important;height:26px!important;min-height:26px!important;font-size:13.5px!important;line-height:26px!important;}
.category-page-row .products .product-small .r4pet-catalog-add-btn{height:38px;min-height:38px;padding:0 8px!important;font-size:12.5px;}
.category-page-row .products .product-small .r4pet-catalog-cart-pack,
.category-page-row .products .product-small .r4pet-catalog-cart-note{min-height:12px;font-size:10px;line-height:12px;}
}
@media (max-width:549px){
.category-page-title h1,.shop-page-title h1{font-size:26px;}
.r4-b2b-notice{flex-direction:column;align-items:stretch;padding:16px;}
.r4-b2b-notice-actions{flex-direction:column;}
.r4-b2b-notice-actions a{width:100%;}
.category-page-row .small-columns-2>.col{flex-basis:50%;max-width:50%;}
}
/* ---------- header: search/cart spacing + login-gated cart ---------- */
/* The search submit button's magnifying-glass icon renders ~8px past its own
.header-search-form's right edge (a Flatsome/customizer quirk in this exact
header width setup), close enough to visually overlap the cart icon right
next to it. Extra margin absorbs that overhang so the icon never touches
the cart regardless of the underlying offset. */
.header-search-form{margin-inline-end:26px;}
.header-search-form .icon-search{display:none;}
/* This is a catalog-only B2B site with no public prices/checkout — the cart
only makes sense once a business customer is actually logged in. WordPress
already adds .logged-in to for authenticated users, so this needs no
extra PHP: hide both header cart icons (desktop + mobile off-canvas) by
default, show them only when logged in. */
body:not(.logged-in) .header-cart-link{display:none!important;}
/* ---------- single product page ---------- */
.r4-brand-single{color:#d86608;font-size:16px;font-weight:700;letter-spacing:.2px;margin:0 0 8px;}
.r4-barcode-single{color:#747474;font-size:14px;margin-top:16px;}
/* spec: barcode only, never מק"ט */
.product_meta .sku_wrapper{display:none;}
.r4-b2b-notice{margin-top:22px;}
.r4-tab-text{color:#171717;font-size:15.5px;line-height:1.75;}
.r4-tab-text table{width:100%;border-collapse:collapse;}
.r4-tab-text table th,.r4-tab-text table td{border:1px solid #e1e1e1;padding:8px 10px;text-align:center;}
/* main product gallery — visible bordered frame around the image area itself
(not the transparent edges of the package photo), matching the reference. */
.woocommerce-product-gallery{background:#fff;border:1px solid #dedede;border-radius:11px;padding:20px;box-sizing:border-box;}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper{border-radius:8px;overflow:hidden;}
@media (max-width:767px){
.woocommerce-product-gallery{padding:14px;}
}
/* prev/next-product navigation arrows — removed entirely (spec: catalog-only
page, this isn't a wanted element). Hiding #product-sidebar too, not just
the arrows inside it, so its reserved grid column doesn't leave empty space. */
.next-prev-thumbs{display:none!important;}
#product-sidebar{display:none!important;}
/* ===================================================================
[r4pet_testimonials] — homepage "מה הלקוחות שלנו אומרים" section.
Central active card + partially-visible prev/next cards, built with
plain CSS transforms driven by a data-pos attribute the JS sets per
card (see r4pet_testimonials shortcode in functions.php) — same
"no slider library" approach already used for the brand carousel and
the new-products row, since Flickity was unreliable on this site.
=================================================================== */
.r4t-section{position:relative;background:#FBFBFA;padding:88px 24px 72px;overflow:hidden;}
.r4t-bgdog,.r4t-bgcat{position:absolute;top:0;bottom:0;width:340px;background-size:cover;background-position:center;pointer-events:none;opacity:.045;filter:grayscale(1);}
.r4t-bgdog{inset-inline-start:-40px;}
.r4t-bgcat{inset-inline-end:-40px;}
.r4t-paws{position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:radial-gradient(var(--r4-orange) 1.6px, transparent 1.6px);background-size:34px 34px;background-position:0 0;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 20%, #000 0%, transparent 70%);mask-image:radial-gradient(ellipse 60% 50% at 50% 20%, #000 0%, transparent 70%);}
.r4t-header{position:relative;max-width:720px;margin:0 auto 40px;text-align:center;}
.r4t-logo{display:block;height:56px;width:auto;max-width:220px;margin:0 auto 22px;object-fit:contain;}
.r4t-title{font-size:48px;font-weight:800;color:#111111;margin:0 0 12px;line-height:1.2;}
.r4t-subtitle{font-size:17px;color:#606060;margin:0;line-height:1.55;}
.r4t-carousel{position:relative;max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:18px;}
.r4t-track{position:relative;flex:1;min-width:0;height:400px;}
.r4t-card{position:absolute;top:50%;left:50%;width:min(660px,86vw);min-height:360px;background:#FFFFFF;border:1px solid #E4E4E4;border-radius:15px;box-shadow:0 12px 35px rgba(0,0,0,.07);padding:44px 52px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .5s cubic-bezier(.22,.68,0,1),opacity .5s ease;}
.r4t-card.is-active{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:3;}
.r4t-card.is-prev{transform:translate(calc(-50% - 30%),-50%) scale(.91);opacity:.55;z-index:2;}
.r4t-card.is-next{transform:translate(calc(-50% + 30%),-50%) scale(.91);opacity:.55;z-index:2;}
.r4t-card.is-far{transform:translate(-50%,-50%) scale(.85);opacity:0;z-index:1;pointer-events:none;}
.r4t-card.is-prev,.r4t-card.is-next{pointer-events:none;}
.r4t-stars{display:flex;gap:4px;color:var(--r4-orange);margin-bottom:18px;}
.r4t-stars svg{width:23px;height:23px;}
.r4t-quote{color:var(--r4-orange);margin-bottom:14px;}
.r4t-quote svg{width:30px;height:30px;}
.r4t-text{color:#222222;font-size:22px;line-height:1.65;font-weight:450;max-width:520px;margin:0 0 26px;}
.r4t-attribution{display:flex;align-items:center;gap:14px;padding-top:22px;border-top:1px solid #E8E8E8;width:100%;max-width:420px;justify-content:center;}
.r4t-icon{flex:0 0 auto;width:54px;height:54px;border-radius:50%;background:#fff;border:1.5px solid var(--r4-orange);color:var(--r4-orange);display:flex;align-items:center;justify-content:center;}
.r4t-icon svg{width:26px;height:26px;}
.r4t-attribution-lines{text-align:start;}
.r4t-attribution-lines strong{display:block;font-size:17px;font-weight:700;color:#222222;}
.r4t-attribution-lines small{display:block;font-size:14px;color:#777777;margin-top:2px;}
.r4t-arrow{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid #ddd;box-shadow:0 4px 14px rgba(0,0,0,.06);color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:4;}
.r4t-arrow svg{width:20px;height:20px;}
.r4t-arrow:hover{border-color:var(--r4-orange);color:var(--r4-orange);}
.r4t-arrow:focus-visible{outline:2px solid var(--r4-orange);outline-offset:2px;}
.r4t-benefits{position:relative;max-width:1280px;margin:32px auto 0;background:#FFFFFF;border:1px solid #E3E3E3;border-radius:15px;min-height:108px;padding:22px 26px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;}
.r4t-benefit{display:flex;align-items:center;gap:14px;padding:0 18px;position:relative;}
.r4t-benefit+.r4t-benefit::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:1px;height:38px;background:#E8E8E8;}
.r4t-benefit .ic{flex:0 0 auto;width:38px;height:38px;color:var(--r4-orange);display:flex;align-items:center;justify-content:center;}
.r4t-benefit .ic svg{width:100%;height:100%;}
.r4t-benefit .txt strong{display:block;font-size:16px;font-weight:700;color:#202020;}
.r4t-benefit .txt small{display:block;font-size:13.5px;color:#777777;margin-top:2px;}
@media (prefers-reduced-motion: reduce){
.r4t-card{transition:opacity .3s ease;}
}
@media (max-width:1100px){
.r4t-bgdog,.r4t-bgcat{display:none;}
.r4t-title{font-size:38px;}
.r4t-card.is-prev{transform:translate(calc(-50% - 22%),-50%) scale(.9);}
.r4t-card.is-next{transform:translate(calc(-50% + 22%),-50%) scale(.9);}
.r4t-benefits{grid-template-columns:repeat(2,1fr);row-gap:20px;}
.r4t-benefit:nth-child(3)::before{display:none;}
}
@media (max-width:767px){
.r4t-section{padding:58px 16px 48px;}
.r4t-logo{height:42px;margin-bottom:16px;}
.r4t-title{font-size:31px;}
.r4t-subtitle{font-size:14px;}
.r4t-carousel{gap:8px;}
.r4t-track{height:auto;min-height:420px;}
.r4t-card{position:absolute;width:100%;padding:32px 22px;min-height:auto;}
.r4t-card.is-prev,.r4t-card.is-next{opacity:0;pointer-events:none;}
.r4t-text{font-size:18px;line-height:1.6;}
.r4t-arrow{width:42px;height:42px;}
.r4t-arrow svg{width:17px;height:17px;}
.r4t-benefits{grid-template-columns:1fr;padding:18px;}
.r4t-benefit{padding:14px 0;}
.r4t-benefit::before{display:none!important;}
.r4t-benefit+.r4t-benefit{border-top:1px solid #E8E8E8;}
}
/* ====================================================================
About page — [r4pet_about] shortcode (functions.php).
==================================================================== */
.r4-about{background:#fff;padding:0 0 90px;}
.r4-about-hero{max-width:780px;margin:0 auto 56px;text-align:center;}
.r4-about-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;font-size:14px;font-weight:800;color:var(--r4-orange);}
.r4-about-eyebrow .line{width:34px;height:2px;background:var(--r4-orange);border-radius:2px;}
.r4-about-hero h1{font-size:42px;font-weight:800;color:#111;margin:0 0 12px;line-height:1.18;}
.r4-about-sub{font-size:18px;color:#666;line-height:1.65;margin:0;}
.r4-about .r4-about-hero-business{position:relative;width:100vw;max-width:100vw;min-height:500px;margin:0 calc(50% - 50vw) 0;background-image:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.92) 62%),var(--r4-about-hero);background-size:cover;background-position:center;display:flex;align-items:center;isolation:isolate;}
.r4-about .r4-about-hero-business::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.2));z-index:-1;}
.r4-about-hero-inner{width:100%;max-width:1180px;margin:0 auto;padding:86px 24px 82px;display:flex;flex-direction:column;align-items:stretch;text-align:right;}
.r4-about-hero-copy{width:min(100%,620px);margin-left:auto;margin-right:0;}
.r4-about-logo{display:inline-flex;background:#050505;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:8px 12px;margin-bottom:22px;box-shadow:0 18px 45px rgba(0,0,0,.28);}
.r4-about-logo-img{display:block;height:58px;width:auto;max-width:210px;object-fit:contain;}
.r4-about .r4-about-hero-business .r4-about-eyebrow{justify-content:flex-start;margin-bottom:12px;color:#ff8b25;}
.r4-about .r4-about-hero-business .r4-about-eyebrow .line{background:#ff8b25;}
.r4-about .r4-about-hero-business h1{color:#fff;font-size:50px;margin-bottom:16px;text-align:right;}
.r4-about .r4-about-hero-business .r4-about-sub{color:#e8e8e8;font-size:19px;text-align:right;}
.r4-about-hero-proof{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:8px;}
.r4-about-hero-proof li{display:flex;align-items:center;gap:9px;color:#fff;font-size:14.5px;font-weight:800;line-height:1.45;}
.r4-about-hero-proof svg{flex:0 0 auto;width:18px;height:18px;color:var(--r4-orange);stroke-width:3;}
.r4-about-hero-actions{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin-top:30px;flex-wrap:wrap;}
.r4-about .r4-btn-light-outline{background:rgba(255,255,255,.08);color:#fff!important;border:1px solid rgba(255,255,255,.7);box-shadow:none;}
.r4-about .r4-btn-light-outline:hover{background:#fff;color:#111!important;border-color:#fff;}
.r4-about-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1120px;margin:-36px auto 74px;padding:0 24px;}
.r4-about-stat{min-height:112px;background:#fff;border:1px solid var(--r4-border);border-radius:8px;box-shadow:0 16px 34px rgba(0,0,0,.08);padding:22px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.r4-about-stat strong{display:block;color:#111;font-size:28px;font-weight:900;line-height:1;margin-bottom:10px;}
.r4-about-stat span{display:block;color:#666;font-size:14px;font-weight:700;}
.r4-about-kicker{margin:0 0 10px!important;color:var(--r4-orange)!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important;}
.r4-about-copy h2,.r4-about-section-head h2,.r4-about-closing h2{font-size:30px;font-weight:900;color:#111;line-height:1.25;margin:0 0 16px;}
.r4-about-copy p,.r4-about-section-head p,.r4-about-closing p{font-size:16px;line-height:1.85;color:#3d3d3d;margin:0 0 16px;}
.r4-about-copy p:last-child,.r4-about-section-head p:last-child,.r4-about-closing p:last-child{margin-bottom:0;}
.r4-about-intro{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start;max-width:1120px;margin:0 auto 66px;padding:0 24px;}
.r4-about-side-note{background:#111;color:#fff;border-radius:8px;padding:28px 26px;border-top:4px solid var(--r4-orange);box-shadow:0 16px 36px rgba(0,0,0,.12);}
.r4-about-side-note strong{display:block;font-size:20px;font-weight:900;margin-bottom:10px;color:#fff;}
.r4-about-side-note p{font-size:15.5px;line-height:1.75;color:#d8d8d8;margin:0;}
.r4-about-owner-value{max-width:1120px;margin:0 auto 76px;padding:0 24px;text-align:center;}
.r4-about-owner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;}
.r4-about-owner-card{position:relative;background:#fff;border:1px solid var(--r4-border);border-radius:8px;padding:24px 20px 22px;text-align:right;box-shadow:0 10px 24px rgba(0,0,0,.035);}
.r4-about-owner-card::before{content:"";display:block;width:34px;height:3px;background:var(--r4-orange);border-radius:2px;margin-bottom:18px;}
.r4-about-owner-card strong{display:block;color:#111;font-size:17px;font-weight:900;line-height:1.35;margin-bottom:9px;}
.r4-about-owner-card p{font-size:14.5px;line-height:1.65;color:#5d5d5d;margin:0;}
.r4-about-brands-showcase{width:100vw;max-width:100vw;margin:0 calc(50% - 50vw) 76px;padding:70px 24px;background:#f7f7f7;border-top:1px solid #ededed;border-bottom:1px solid #ededed;text-align:center;}
.r4-about-section-head{max-width:760px;margin:0 auto;}
.r4-about-logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:1120px;margin:30px auto 22px;}
.r4-about-brand-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:122px;padding:18px 14px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;}
a.r4-about-brand-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(0,0,0,.08);border-color:var(--r4-orange);}
.r4-about-brand-logo{display:flex;align-items:center;justify-content:center;width:100%;height:62px;}
.r4-about-brand-img{display:block;max-width:100%;max-height:62px;width:auto;height:auto;object-fit:contain;}
.r4-about-brand-name{display:block;color:#333;font-size:12.5px;font-weight:800;line-height:1.25;direction:ltr;unicode-bidi:isolate;}
.r4-about-text-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border:1px solid var(--r4-orange);border-radius:8px;color:var(--r4-orange)!important;font-size:14px;font-weight:900;text-decoration:none;background:#fff;}
.r4-about-text-link:hover{background:var(--r4-orange);color:#111!important;}
.r4-about-benefits-wrap{max-width:1120px;margin:0 auto 76px;padding:0 24px;text-align:center;}
.r4-about-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;}
.r4-about-benefit{display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:10px;min-height:238px;padding:24px 20px;background:#fff;border:1px solid var(--r4-border);border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.04);}
.r4-about-benefit .ic{width:46px;height:46px;border-radius:8px;background:rgba(245,130,32,.1);color:var(--r4-orange);display:flex;align-items:center;justify-content:center;}
.r4-about-benefit .ic svg{width:25px;height:25px;}
.r4-about-benefit strong{font-size:18px;font-weight:900;color:#111;}
.r4-about-benefit p{font-size:14.5px;line-height:1.65;color:#5c5c5c;margin:0;}
.r4-about-workflow{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:42px;align-items:center;max-width:1120px;margin:0 auto 76px;padding:0 24px;}
.r4-about-checklist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:12px;}
.r4-about-checklist li{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;background:#fff;border:1px solid var(--r4-border);border-radius:8px;font-size:15px;font-weight:700;line-height:1.55;color:#282828;}
.r4-about-checklist .ic{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:rgba(245,130,32,.14);color:var(--r4-orange);display:flex;align-items:center;justify-content:center;margin-top:1px;}
.r4-about-checklist .ic svg{width:13px;height:13px;stroke-width:3;}
.r4-about-closing{max-width:1120px;margin:0 auto 60px;padding:46px 42px;background:#111;border-radius:8px;text-align:center;}
.r4-about-closing h2{color:#fff;}
.r4-about-closing p{max-width:820px;margin-left:auto;margin-right:auto;color:#dedede;}
.r4-about-tagline{font-size:19px!important;font-weight:900;color:#fff!important;margin-top:24px!important;}
.r4-about-cta{max-width:760px;margin:0 auto;text-align:center;padding:42px 36px;background:#fff7ef;border:1px solid rgba(245,130,32,.25);border-radius:8px;}
.r4-about-cta h2{font-size:25px;font-weight:900;color:#111;margin:0 0 12px;}
.r4-about-cta p{font-size:15.5px;color:#555;line-height:1.65;margin:0 0 26px;}
.r4-about-cta-buttons{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}
@media (max-width:1024px){
.r4-about .r4-about-hero-business h1{font-size:40px;}
.r4-about-stats{grid-template-columns:repeat(2,1fr);}
.r4-about-intro,.r4-about-workflow{grid-template-columns:1fr;}
.r4-about-side-note{max-width:100%;}
.r4-about-owner-grid{grid-template-columns:repeat(2,1fr);}
.r4-about-logo-grid{grid-template-columns:repeat(4,1fr);}
.r4-about-benefits{grid-template-columns:repeat(2,1fr);}
.r4-about-benefit{min-height:0;}
}
@media (max-width:767px){
.r4-about{padding-bottom:58px;}
.r4-about .r4-about-hero-business{min-height:520px;background-image:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.9) 62%),var(--r4-about-hero);background-position:center top;}
.r4-about-hero-inner{padding:58px 18px 52px;align-items:stretch;text-align:right;}
.r4-about-hero-copy{width:100%;margin-left:0;}
.r4-about-logo{align-self:flex-start;margin-bottom:18px;}
.r4-about-logo-img{height:44px;max-width:160px;}
.r4-about .r4-about-hero-business .r4-about-eyebrow{justify-content:flex-start;}
.r4-about .r4-about-hero-business h1,.r4-about-hero h1{font-size:32px;}
.r4-about .r4-about-hero-business .r4-about-sub,.r4-about-sub{font-size:16px;}
.r4-about-hero-proof li{font-size:13.5px;}
.r4-about-hero-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px;}
.r4-about-hero-actions .r4-btn{width:100%;justify-content:center;}
.r4-about-stats{grid-template-columns:1fr 1fr;gap:10px;margin:18px auto 48px;padding:0 16px;}
.r4-about-stat{min-height:96px;padding:18px 12px;}
.r4-about-stat strong{font-size:23px;}
.r4-about-stat span{font-size:12.5px;}
.r4-about-intro,.r4-about-owner-value,.r4-about-benefits-wrap,.r4-about-workflow{margin-bottom:52px;padding:0 16px;}
.r4-about-copy h2,.r4-about-section-head h2,.r4-about-closing h2{font-size:25px;}
.r4-about-copy p,.r4-about-section-head p,.r4-about-closing p{font-size:15.5px;line-height:1.75;}
.r4-about-side-note{padding:24px 20px;}
.r4-about-owner-grid{grid-template-columns:1fr;gap:10px;margin-top:22px;}
.r4-about-owner-card{padding:22px 18px 20px;}
.r4-about-brands-showcase{padding:52px 16px;margin-bottom:52px;}
.r4-about-logo-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px;}
.r4-about-brand-card{min-height:112px;padding:16px 10px;}
.r4-about-brand-logo{height:54px;}
.r4-about-brand-img{max-height:54px;}
.r4-about-benefits{grid-template-columns:1fr;}
.r4-about-workflow{gap:24px;}
.r4-about-checklist li{font-size:14px;padding:14px 13px;}
.r4-about-closing{margin:0 16px 42px;padding:34px 22px;}
.r4-about-cta{margin:0 16px;padding:32px 22px;}
.r4-about-cta-buttons{flex-direction:column;width:100%;}
.r4-about-cta-buttons .r4-btn{width:100%;justify-content:center;}
}
/* [r4pet_brands] — logo grid. Reuses .r4-about-hero from the
about page for a consistent header, this block is just the grid
itself. Cards are a fixed-height "frame" so logos of wildly different
aspect ratios (wide wordmarks vs square marks) still sit on a common
baseline instead of making the grid row heights inconsistent. */
.r4-brands{background:#fff;padding:64px 24px 90px;}
.r4-brands-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;max-width:1160px;margin:0 auto;}
.r4-brand-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;min-height:0;padding:18px 14px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;text-decoration:none;overflow:hidden;box-shadow:none;transform:none;transition:border-color .15s;}
.r4-brand-card:hover,.r4-brand-card:focus-visible{transform:none;box-shadow:none;border-color:#e8740c;}
.r4-brand-logo-frame{display:flex;align-items:center;justify-content:center;width:100%;height:150px;padding:0;background:#fff;border:0;border-radius:0;box-shadow:none;}
.r4-brand-logo-frame img{display:block;max-width:85%;max-height:150px;width:auto;height:auto;object-fit:contain;filter:none;opacity:1;transform:none;transition:none;}
.r4-brand-card:hover .r4-brand-logo-frame img{transform:none;}
.r4-brand-card-text .r4-brand-logo-frame{flex:1 1 auto;height:auto;min-height:150px;}
.r4-brand-textname{display:block;max-width:100%;font-size:22px;font-weight:800;line-height:1.2;color:#202020;text-align:center;overflow-wrap:anywhere;}
.r4-brand-name{display:flex;align-items:center;justify-content:center;min-height:36px;font-size:14px;font-weight:800;color:#202020;text-align:center;line-height:1.25;}
.r4-brand-card:hover .r4-brand-name{color:#202020;}
.r4-brand-contact-form{max-width:860px;margin:76px auto 0;text-align:right;}
.r4-brand-contact-form .r4-contact-form-head{text-align:center;margin-bottom:24px;}
.r4-brand-contact-form .r4-contact-kicker{justify-content:center;}
.r4-brand-contact-form .r4-contact-kicker::before{display:none;}
.r4-brand-contact-form .r4-contact-submit{display:flex;width:min(260px,100%);margin:22px auto 0;}
.r4-brand-contact-form .r4-contact-form-note{text-align:center;}
@media (max-width:1024px){
.r4-brands-grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:767px){
.r4-brands{padding:44px 16px 60px;}
.r4-brands-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
.r4-brand-card{min-height:0;padding:12px 8px 10px;}
.r4-brand-logo-frame{height:110px;}
.r4-brand-logo-frame img{max-height:110px;}
.r4-brand-card-text .r4-brand-logo-frame{min-height:110px;}
.r4-brand-textname{font-size:18px;}
.r4-brand-contact-form{margin-top:44px;}
}
/* [r4pet_professional_info] - "מידע מקצועי" hub + article pages (single clean block) */
.r4-pro{max-width:1200px;margin:0 auto;padding:48px 24px 88px;color:#111;box-sizing:border-box;}
.r4-pro *{box-sizing:border-box;}
.r4-pro a{text-decoration:none;}
.r4-pro p.r4-pro-label{margin:0 0 8px;color:#e8740c;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:0;}
.r4-pro .r4-pro-media{display:block;margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:#f5f4f1;}
.r4-pro .r4-pro-media img{display:block;width:100%;height:100%;object-fit:cover;margin:0;}
.r4-pro .r4-pro-read{display:inline-block;color:#e8740c;font-size:15px;font-weight:600;line-height:1.4;}
.r4-pro .r4-pro-read:hover{color:#c25f06;}
/* hub: header */
.r4-pro-head{max-width:760px;margin:0 0 56px;}
.r4-pro .r4-pro-head h1{margin:0 0 14px;color:#111;font-size:40px;font-weight:800;line-height:1.2;letter-spacing:0;}
.r4-pro .r4-pro-intro{max-width:680px;margin:0 0 24px;color:#555;font-size:17px;font-weight:400;line-height:1.7;}
.r4-pro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;}
.r4-pro .r4-pro-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;background:#e8740c;border-radius:8px;color:#111;font-size:14px;font-weight:600;transition:background .15s;}
.r4-pro .r4-pro-btn:hover{background:#cf6609;color:#111;}
.r4-pro .r4-pro-textlink{color:#111;font-size:14px;font-weight:600;}
.r4-pro .r4-pro-textlink:hover{color:#e8740c;}
/* hub: featured */
.r4-pro-featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center;margin:0 0 64px;padding:0 0 64px;border-bottom:1px solid #ececec;}
.r4-pro .r4-pro-featured h2{margin:0 0 14px;font-size:30px;font-weight:700;line-height:1.3;letter-spacing:0;}
.r4-pro-featured h2 a,.r4-pro-card h2 a{color:#111;}
.r4-pro-featured h2 a:hover,.r4-pro-card h2 a:hover{color:#e8740c;}
.r4-pro .r4-pro-excerpt{margin:0 0 18px;color:#555;font-size:15px;font-weight:400;line-height:1.7;}
.r4-pro-featured .r4-pro-excerpt{font-size:16px;}
/* hub: grid */
.r4-pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;}
.r4-pro-card{display:flex;flex-direction:column;align-items:flex-start;}
.r4-pro-card .r4-pro-media{width:100%;margin-bottom:16px;}
.r4-pro .r4-pro-card h2{margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.4;letter-spacing:0;}
.r4-pro-card .r4-pro-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0 0 12px;}
.r4-pro-card .r4-pro-read{margin-top:auto;font-size:14px;}
/* article pages */
.r4-pro-single-inner{max-width:720px;margin:0 auto;}
.r4-pro-single-head{margin:0 0 32px;}
.r4-pro .r4-pro-back{display:inline-block;margin:0 0 28px;color:#777;font-size:14px;font-weight:400;}
.r4-pro .r4-pro-back:hover{color:#e8740c;}
.r4-pro .r4-pro-single h1,.r4-pro-single-head h1{margin:0 0 16px;color:#111;font-size:38px;font-weight:800;line-height:1.25;letter-spacing:0;}
.r4-pro .r4-pro-dek{margin:0;color:#555;font-size:19px;font-weight:400;line-height:1.7;}
.r4-pro-single-image{margin:0 0 40px !important;aspect-ratio:3/2;}
.r4-pro-single-content{text-align:right;}
.r4-pro-single-content p{margin:0 0 20px;color:#222;font-size:18px;font-weight:400;line-height:1.8;}
.r4-pro-single-content p.r4-pro-single-lead{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid #ececec;font-size:20px;font-weight:500;line-height:1.75;}
.r4-pro-single-content section{margin:0;}
.r4-pro-single-content h2{margin:44px 0 14px;color:#111;font-size:24px;font-weight:700;line-height:1.35;letter-spacing:0;}
.r4-pro-single-content .r4-pro-tips ul{margin:0 0 8px;padding:0 22px 0 0;list-style:disc;}
.r4-pro-single-content .r4-pro-tips li{margin:0 0 8px;color:#333;font-size:17px;line-height:1.75;}
.r4-pro-single-content .r4-pro-tips li::marker{color:#e8740c;}
.r4-pro-single-content p.r4-pro-single-cta{margin:22px 0 0;}
.r4-pro-single-content p.r4-pro-disclaimer{margin:40px 0 0;padding-top:18px;border-top:1px solid #ececec;color:#777;font-size:14px;font-style:italic;line-height:1.7;}
.r4-pro-related{margin:64px 0 0;padding-top:36px;border-top:1px solid #ececec;}
.r4-pro .r4-pro-related h2{margin:0 0 12px;color:#111;font-size:22px;font-weight:700;line-height:1.35;}
.r4-pro-related-list{margin:0;padding:0;list-style:none;}
.r4-pro-related-list li{margin:0;border-bottom:1px solid #f0efec;}
.r4-pro-related-list a{display:flex;align-items:center;gap:16px;padding:14px 0;color:#111;}
.r4-pro-related-image{flex:0 0 96px;width:96px;height:72px;overflow:hidden;border-radius:6px;background:#f5f4f1;}
.r4-pro-related-image img{display:block;width:100%;height:100%;object-fit:cover;}
.r4-pro-related-title{font-size:16px;font-weight:600;line-height:1.45;}
.r4-pro-related-list a:hover .r4-pro-related-title{color:#e8740c;}
@media (max-width:1024px){
.r4-pro{padding:40px 20px 72px;}
.r4-pro-featured{grid-template-columns:1fr;gap:24px;margin-bottom:48px;padding-bottom:48px;}
.r4-pro-featured .r4-pro-media{order:-1;}
.r4-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;}
}
@media (max-width:767px){
.r4-pro{padding:28px 16px 56px;}
.r4-pro-head{margin-bottom:36px;}
.r4-pro .r4-pro-head h1{font-size:30px;}
.r4-pro .r4-pro-intro{font-size:16px;}
.r4-pro .r4-pro-featured h2{font-size:24px;}
.r4-pro-grid{grid-template-columns:1fr;gap:36px;}
.r4-pro .r4-pro-single h1,.r4-pro-single-head h1{font-size:28px;}
.r4-pro .r4-pro-dek{font-size:17px;}
.r4-pro-single-content p{font-size:17px;}
.r4-pro-single-content p.r4-pro-single-lead{font-size:18px;}
.r4-pro-single-content h2{font-size:22px;margin-top:36px;}
.r4-pro-related{margin-top:48px;}
.r4-pro-related-image{flex-basis:84px;width:84px;height:63px;}
}
/* [r4pet_contact] — business contact page */
.r4-contact{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);padding:64px 24px 88px;background:#fff;color:#111;overflow-x:hidden;}
.r4-contact *{box-sizing:border-box;}
.r4-contact a{text-decoration:none;}
.r4-contact-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 12px!important;color:var(--r4-orange)!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important;}
.r4-contact-kicker::before{content:"";display:inline-block;width:28px;height:3px;border-radius:2px;background:var(--r4-orange);}
.r4-contact-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:stretch;max-width:1180px;margin:0 auto 28px;padding:48px;background:#111;border:1px solid #202020;border-radius:8px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.16);}
.r4-contact-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(245,130,32,.18),rgba(245,130,32,0) 42%),radial-gradient(circle at 12% 18%,rgba(255,255,255,.08),rgba(255,255,255,0) 32%);pointer-events:none;}
.r4-contact-hero-copy,.r4-contact-hero-panel{position:relative;z-index:1;}
.r4-contact-hero-copy{max-width:720px;}
.r4-contact-hero h1{margin:0 0 18px;color:#fff;font-size:44px;font-weight:900;line-height:1.14;letter-spacing:0;}
.r4-contact-hero p{max-width:650px;margin:0;color:#dedede;font-size:17px;line-height:1.75;}
.r4-contact-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px;}
.r4-contact-hero .r4-btn-ghost-dark{border-color:rgba(255,255,255,.62);color:#fff!important;background:rgba(255,255,255,.04);}
.r4-contact-hero .r4-btn-ghost-dark:hover{border-color:var(--r4-orange);color:var(--r4-orange)!important;background:rgba(245,130,32,.08);}
.r4-contact-hero-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:250px;padding:28px;background:#fff;border-radius:8px;border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 34px rgba(0,0,0,.2);}
.r4-contact-panel-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin-bottom:18px;border-radius:8px;background:rgba(245,130,32,.12);color:var(--r4-orange);}
.r4-contact-panel-icon svg{width:28px;height:28px;}
.r4-contact-hero-panel strong{display:block;margin-bottom:10px;color:#111;font-size:22px;font-weight:900;line-height:1.25;}
.r4-contact-hero-panel p{margin:0;color:#4f4f4f;font-size:15.5px;line-height:1.7;}
.r4-contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto 34px;}
.r4-contact-card{position:relative;display:flex;align-items:center;gap:15px;min-height:112px;padding:20px;background:#fff;border:1px solid var(--r4-border);border-radius:8px;color:#111;box-shadow:0 8px 22px rgba(0,0,0,.035);transition:transform .18s,border-color .18s,box-shadow .18s;}
a.r4-contact-card:hover{transform:translateY(-2px);border-color:var(--r4-orange);box-shadow:0 14px 28px rgba(0,0,0,.08);color:#111;}
.r4-contact-card-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;background:#fff4ea;color:var(--r4-orange);}
.r4-contact-card-icon svg{width:23px;height:23px;}
.r4-contact-card-copy{display:flex;flex-direction:column;min-width:0;gap:3px;text-align:right;}
.r4-contact-card-label{font-size:12.5px;font-weight:900;color:var(--r4-orange);}
.r4-contact-card strong{display:block;color:#111;font-size:17px;font-weight:900;line-height:1.25;word-break:break-word;}
.r4-contact-card small{display:block;color:#6b6b6b;font-size:12.5px;font-weight:700;line-height:1.35;}
.r4-contact-card-arrow{margin-inline-start:auto;color:#B8B8B8;}
.r4-contact-card-arrow svg{width:18px;height:18px;}
a.r4-contact-card:hover .r4-contact-card-arrow{color:var(--r4-orange);}
.r4-contact-main{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:28px;align-items:start;max-width:1180px;margin:0 auto;}
.r4-contact-info-panel,.r4-contact-form{background:#FAFAFA;border:1px solid var(--r4-border);border-radius:8px;}
.r4-contact-info-panel{padding:34px 32px;}
.r4-contact-info-panel h2,.r4-contact-form-head h2{margin:0 0 14px;color:#111;font-size:28px;font-weight:900;line-height:1.25;}
.r4-contact-info-panel p,.r4-contact-form-head p{margin:0;color:#555;font-size:15.5px;line-height:1.75;}
.r4-contact-checks{display:grid;gap:10px;margin:24px 0 28px;padding:0;list-style:none;}
.r4-contact-checks li{position:relative;padding:13px 38px 13px 16px;background:#fff;border:1px solid #ededed;border-radius:8px;color:#252525;font-size:14.5px;font-weight:800;line-height:1.45;}
.r4-contact-checks li::before{content:"";position:absolute;right:14px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--r4-orange);box-shadow:0 0 0 5px rgba(245,130,32,.13);}
.r4-contact-map{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:18px;background:#111;border-radius:8px;color:#fff;}
.r4-contact-map:hover{color:#fff;background:#1c1c1c;}
.r4-contact-map span{grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;background:rgba(245,130,32,.16);color:var(--r4-orange);}
.r4-contact-map svg{width:23px;height:23px;}
.r4-contact-map strong{font-size:16px;font-weight:900;line-height:1.25;}
.r4-contact-map small{color:#cfcfcf;font-size:12.5px;font-weight:700;}
.r4-contact-form{padding:34px 32px 30px;background:#fff;box-shadow:0 18px 44px rgba(0,0,0,.06);}
.r4-contact-form-head{margin-bottom:22px;}
.r4-contact-alert{margin:0 0 18px;padding:13px 15px;border-radius:8px;font-size:14px;font-weight:800;line-height:1.45;}
.r4-contact-alert-success{background:#edf8ed;color:#217a32;border:1px solid #d3ead4;}
.r4-contact-alert-error{background:#fff0f0;color:#a72020;border:1px solid #ffd3d3;}
.r4-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
.r4-contact-fields label{display:flex;flex-direction:column;gap:7px;margin:0;color:#111;font-size:13px;font-weight:900;}
.r4-contact-fields span{line-height:1.25;}
.r4-contact-fields input,.r4-contact-fields select,.r4-contact-fields textarea{width:100%;min-height:48px;margin:0;padding:0 14px;border:1px solid #dcdcdc;border-radius:8px;background:#fff;color:#111;font-size:15px;font-weight:700;box-shadow:none;outline:none;transition:border-color .18s,box-shadow .18s;background-clip:padding-box;}
.r4-contact-fields textarea{min-height:132px;padding-top:13px;resize:vertical;line-height:1.55;}
.r4-contact-fields input:focus,.r4-contact-fields select:focus,.r4-contact-fields textarea:focus{border-color:var(--r4-orange);box-shadow:0 0 0 3px rgba(245,130,32,.14);}
.r4-contact-wide{grid-column:1 / -1;}
.r4-contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin-top:20px;padding:0 22px;border:0;border-radius:8px;background:var(--r4-orange);color:#111;font-size:16px;font-weight:900;line-height:1;cursor:pointer;transition:background .18s,transform .18s;}
.r4-contact-submit:hover{background:var(--r4-orange-d);transform:translateY(-1px);}
.r4-contact-submit svg{width:18px;height:18px;}
.r4-contact-form-note{margin:12px 0 0!important;text-align:center;color:#777;font-size:12.5px!important;font-weight:700!important;}
.r4-contact-hp{position:absolute;right:-9999px;width:1px;height:1px;overflow:hidden;}
@media (max-width:1024px){
.r4-contact-hero{grid-template-columns:1fr;padding:38px;}
.r4-contact-hero-panel{min-height:0;}
.r4-contact-cards{grid-template-columns:repeat(2,1fr);}
.r4-contact-main{grid-template-columns:1fr;}
}
@media (max-width:767px){
.r4-contact{padding:42px 16px 62px;}
.r4-contact-hero{padding:30px 22px;gap:22px;margin-bottom:18px;}
.r4-contact-hero h1{font-size:31px;line-height:1.18;}
.r4-contact-hero p{font-size:15.5px;line-height:1.7;}
.r4-contact-actions{flex-direction:column;align-items:stretch;margin-top:22px;}
.r4-contact-actions .r4-btn{width:100%;justify-content:center;}
.r4-contact-hero-panel{padding:24px 20px;}
.r4-contact-hero-panel strong{font-size:20px;}
.r4-contact-cards{grid-template-columns:1fr;gap:10px;margin-bottom:22px;}
.r4-contact-card{min-height:96px;padding:17px 15px;}
.r4-contact-main{gap:18px;}
.r4-contact-info-panel,.r4-contact-form{padding:25px 18px;}
.r4-contact-info-panel h2,.r4-contact-form-head h2{font-size:23px;}
.r4-contact-fields{grid-template-columns:1fr;gap:13px;}
.r4-contact-fields input,.r4-contact-fields select,.r4-contact-fields textarea{font-size:14.5px;}
}
/* Header "current order" mini-cart widget — replaces the plain "הזמנה חדשה"
button once an approved B2B customer has items in their cart, so the
running total stays visible from anywhere on the site. */
.r4-header-cart-widget{display:flex;align-items:center;gap:10px;background:var(--r4-orange);color:#111;border-radius:10px;padding:8px 16px;text-decoration:none;transition:background .2s;}
.r4-header-cart-widget:hover{background:var(--r4-orange-d);color:#111;}
.r4-header-cart-icon{flex:0 0 auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center;}
.r4-header-cart-icon svg{width:20px;height:20px;}
.r4-header-cart-text{display:flex;flex-direction:column;line-height:1.3;text-align:right;}
.r4-header-cart-label{font-size:12.5px;font-weight:800;}
.r4-header-cart-meta{font-size:11.5px;font-weight:600;opacity:.85;}
@media (max-width:600px){
.r4-header-cart-widget{padding:7px 12px;gap:7px;}
.r4-header-cart-label{font-size:11.5px;}
.r4-header-cart-meta{font-size:10.5px;}
}
/* ====================================================================
Mobile polish pass. Scoped to phones/tablets only so the desktop layout
stays exactly as-is.
==================================================================== */
@media (max-width:767px){
:root{--r4-mobile-gutter:16px;}
html,
body{max-width:100%;overflow-x:hidden;}
#wrapper,
#main,
#content,
.page-wrapper,
.section,
.section-content,
body.home .row.row-main{max-width:100%;overflow-x:hidden;}
body.home .row.row-main > .large-12.col{padding-inline:0!important;}
body.home .r4-brandwrap,
body.home .r4-cats2,
body.home .r4-new2,
body.home .r4-testiwrap{width:100%;padding-inline:0!important;}
body.home .r4-brandwrap .section-content,
body.home .r4-cats2 .section-content,
body.home .r4-new2 .section-content,
body.home .r4-testiwrap .section-content{width:100%;max-width:100%;}
#header .header-main .header-inner{padding-inline:14px;}
#header .header-main .flex-left,
#header .header-main .flex-right{min-width:0;}
.r4-imglogo-img{max-height:48px;}
#header.has-sticky.sticky-jump .header-wrapper,
#header.has-sticky.sticky-jump .header-wrapper.stuck{background:#050505!important;}
#header .header-bg-container{pointer-events:none;}
.r4-mobile-header-actions{position:relative;z-index:20;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:0 14px 12px;background:#050505;border-top:1px solid #171717;pointer-events:auto;}
.r4-mobile-product-search{position:relative;z-index:1;flex:1 1 auto;min-width:0;margin:0;display:flex;align-items:center;pointer-events:auto;touch-action:manipulation;}
.r4-mobile-product-search input[type="search"]{width:100%;height:40px;margin:0;border:0;border-radius:8px;background:#fff;color:#111;font-size:16px;font-weight:500;line-height:40px;padding:0 40px 0 12px;box-shadow:none;-webkit-appearance:none;appearance:none;touch-action:manipulation;}
.r4-mobile-product-search input[type="search"]::placeholder{color:#777;}
.r4-mobile-product-search input[type="search"]:focus{outline:none;box-shadow:0 0 0 3px rgba(245,130,32,.25);}
.r4-mobile-product-search button{position:absolute;z-index:2;inset-inline-start:4px;top:3px;width:34px;height:34px;min-height:0;margin:0;padding:0;border:0;border-radius:7px;background:transparent!important;color:#777;box-shadow:none!important;display:flex;align-items:center;justify-content:center;touch-action:manipulation;}
.r4-mobile-product-search button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.r4-mobile-product-search button:hover{color:var(--r4-orange)!important;}
.r4-mobile-login-link{position:relative;z-index:3;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 11px;border-radius:8px;background:var(--r4-orange);border:1px solid var(--r4-orange);color:#111!important;font-size:12px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;pointer-events:auto;touch-action:manipulation;cursor:pointer;}
.r4-mobile-login-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;}
.r4-mobile-login-link:hover{background:var(--r4-orange-d);border-color:var(--r4-orange-d);color:#111!important;}
.off-canvas-left .mfp-content,
#main-menu.mobile-sidebar,
#main-menu .sidebar-menu{background:#fff!important;}
.r4-hero-slider .banner.r4-slide-imgonly{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1774/887;background:#f4f4f4!important;}
.r4-hero-slider .banner.r4-slide-imgonly .bg.bg-fill{background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;overflow:hidden;}
.r4-hero-slider .banner.r4-slide-imgonly .bg::after{display:none!important;}
.r4-hero-slider .banner.r4-slide-imgonly .r4-hero-slide-textbox{left:var(--r4-mobile-gutter)!important;right:auto!important;bottom:12px!important;width:calc(100% - (var(--r4-mobile-gutter) * 2))!important;}
.r4-hero-slider .banner.r4-slide-imgonly .r4-hero-slide-cta{gap:6px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;}
.r4-hero-slider .banner.r4-slide-imgonly .r4-hero-slide-cta .r4-btn{min-height:31px;padding:0 10px;font-size:10.5px;line-height:1.1;border-radius:6px;white-space:nowrap;}
.r4-hero-slider .banner.r4-slide-imgonly .r4-hero-slide-cta .r4-btn svg{width:12px;height:12px;}
.r4-title2,
.r4-cats-title{font-size:24px;line-height:1.18;gap:10px;margin-bottom:20px;}
.r4-title2::before,
.r4-title2::after{font-size:16px;}
.r4-cats-title::before,
.r4-cats-title::after{width:32px;}
body.home .r4-brandbar2{padding-inline:var(--r4-mobile-gutter);}
body.home .r4-catgrid2{width:calc(100% - (var(--r4-mobile-gutter) * 2));max-width:none;grid-template-columns:repeat(6,calc((100vw - (var(--r4-mobile-gutter) * 2) - 12px) / 2));gap:12px;scroll-snap-type:x mandatory;padding-inline:0;margin-inline:var(--r4-mobile-gutter);}
.r4-catgrid2 .card{scroll-snap-align:start;}
.r4-catgrid2 .card,
.r4-catgrid2 .media{border-radius:10px;}
.r4-catgrid2 .body{padding:14px 10px;}
.r4-catgrid2 h3{font-size:15.5px;}
.products .product-small.box:hover{transform:none;}
.products .product-small.box .grid-tools{display:none!important;}
.products .product-small.box .box-image{height:220px;padding:14px;}
.products .product-small.box .box-text{padding:14px;}
.products .product-small .name{font-size:15px;line-height:1.35;min-height:4.05em;}
.r4-new2 .r4-title2,
.r4-new2 .r4-newp-scroller,
.r4-new2 .r4-seeall2{width:100%;max-width:100%;box-sizing:border-box;}
.r4-new2 .r4-title2,
.r4-new2 .r4-seeall2{padding-inline:var(--r4-mobile-gutter);}
.r4-new2 .r4-newp-scroller{padding-inline:var(--r4-mobile-gutter);}
.r4-newp-viewport .row{gap:12px;}
.r4-newp-viewport .row>.col{flex:0 0 calc((100% - 12px) / 2);max-width:calc((100% - 12px) / 2);}
.r4-newp-viewport .box-image{height:168px;aspect-ratio:auto;}
.r4-newp-viewport .box-text{min-height:165px;}
.r4-newp-viewport .name.product-title{font-size:13px!important;line-height:1.32em!important;}
.r4-newp-viewport .title-wrapper{height:calc(3 * 1.32em);}
.r4-newp-viewport .price-wrapper{height:22px;min-height:22px;}
.r4-newp-viewport .r4-product-cta{height:40px;padding:0;font-size:13px;display:flex;align-items:center;justify-content:center;margin-top:auto;}
.r4-newp-nav{top:84px;transform:translateY(-50%);width:34px;height:34px;min-height:34px;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.18);}
.r4-newp-nav.prev{right:6px;}
.r4-newp-nav.next{left:6px;}
.r4t-section{padding:48px var(--r4-mobile-gutter) 44px;}
.r4t-header{max-width:330px;margin:0 auto 24px;}
.r4t-logo{height:42px;max-width:160px;object-fit:contain;}
.r4t-title{font-size:26px;line-height:1.18;margin-bottom:10px;}
.r4t-subtitle{font-size:13.5px;line-height:1.55;}
.r4t-carousel{display:block;position:relative;width:100%;max-width:340px;margin:0 auto;padding:0 8px;box-sizing:border-box;}
.r4t-track{width:100%;height:auto;min-height:0;}
.r4t-card{position:relative!important;top:auto!important;left:auto!important;width:100%!important;min-height:0;padding:26px 20px;box-sizing:border-box;transform:none!important;}
.r4t-card:not(.is-active){display:none!important;opacity:0!important;pointer-events:none!important;}
.r4t-card.is-active{display:flex!important;opacity:1!important;z-index:3!important;}
.r4t-stars{margin-bottom:12px;}
.r4t-stars svg{width:19px;height:19px;}
.r4t-quote{margin-bottom:10px;}
.r4t-quote svg{width:24px;height:24px;}
.r4t-text{width:100%;max-width:100%;font-size:16px;line-height:1.55;margin-bottom:20px;}
.r4t-attribution{gap:10px;padding-top:16px;max-width:100%;}
.r4t-icon{width:42px;height:42px;}
.r4t-icon svg{width:21px;height:21px;}
.r4t-attribution-lines strong{font-size:15px;}
.r4t-attribution-lines small{font-size:12.5px;}
.r4t-arrow{position:absolute;top:auto;bottom:-20px;transform:none;width:38px;height:38px;z-index:5;background:#fff;}
.r4t-arrow.prev{right:calc(50% - 46px);}
.r4t-arrow.next{left:calc(50% - 46px);}
.r4t-benefits{grid-template-columns:1fr;margin-top:44px;padding:4px 16px;border-radius:12px;min-height:0;}
.r4t-benefit{padding:15px 0;text-align:right;justify-content:flex-start;}
.r4t-benefit .ic{width:34px;height:34px;}
.r4-b2b-notice{padding:18px;gap:16px;}
.r4-b2b-notice-text{gap:10px;}
.r4-b2b-notice-actions{width:100%;flex-direction:column;}
.r4-b2b-notice-actions a{width:100%;min-width:0;height:48px;}
.product-main{padding:24px 0;}
.woocommerce-product-gallery{padding:14px;border-radius:10px;}
.product-info{padding-top:20px;text-align:right;}
.product-info .product-title{font-size:23px;line-height:1.25;}
.product-info .price{font-size:1.25em;}
.single-product .product-info form.cart{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap;margin:18px 0 26px;}
.single-product .product-info form.cart .quantity.buttons_added{flex:0 0 118px;height:42px;margin:0!important;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #E5EDE0;border-radius:999px;background:#F7F9F5;direction:ltr;}
.single-product .product-info form.cart .quantity.buttons_added .button.is-form{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%;background:#EAF4E4!important;color:#111!important;box-shadow:none!important;font-size:18px!important;font-weight:800!important;line-height:1!important;}
.single-product .product-info form.cart .quantity.buttons_added .qty{width:34px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:15px!important;font-weight:800!important;line-height:30px!important;text-align:center!important;}
.single-product .product-info form.cart .single_add_to_cart_button{flex:1 1 auto;height:44px;min-height:44px;margin:0!important;padding:0 14px!important;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;line-height:1!important;}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none;}
.woocommerce-account .woocommerce-MyAccount-navigation ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px;border:1px solid #E5E5E5;border-radius:8px;background:#fff;text-align:center;font-size:13px;font-weight:700;}
.r4pet-footer-container{padding-inline:14px;}
.r4pet-footer-cta{padding:24px 18px;}
.r4pet-footer-main{text-align:right;}
.r4pet-footer-logo-chip{align-self:center;}
}
@media (max-width:420px){
.r4t-carousel{max-width:calc(100vw - 36px);}
.r4t-arrow.prev{right:-2px;}
.r4t-arrow.next{left:-2px;}
}
/* ===== Footer restyle (design only: calm, flat, no glow) ===== */
body .r4pet-site-footer{background:#0d0d0d !important;background-image:none !important;border-top:0 !important;}
body .r4pet-site-footer .r4pet-footer-container{padding-top:48px;}
body .r4pet-site-footer .r4pet-footer-main{gap:40px;padding-bottom:40px;border-bottom:1px solid #2a2a2a;}
body .r4pet-site-footer .r4pet-footer-heading{margin:0 0 18px;padding-bottom:0;font-size:15px;font-weight:700;color:#fff;letter-spacing:0;}
body .r4pet-site-footer .r4pet-footer-heading::after{display:none !important;content:none !important;}
body .r4pet-site-footer .r4pet-footer-logo-chip{box-shadow:none !important;}
body .r4pet-site-footer .r4pet-footer-tagline{color:#a8a8a8;font-weight:400;}
body .r4pet-site-footer .r4pet-cta-btn,
body .r4pet-site-footer .r4pet-cta-btn:hover{box-shadow:none !important;text-shadow:none !important;}
body .r4pet-site-footer .r4pet-cta-btn{background:var(--r4-orange);border-radius:8px;font-weight:700;}
body .r4pet-site-footer .r4pet-cta-btn:hover{background:#fff;}
body .r4pet-site-footer .r4pet-cta-login{color:#bbb;}
body .r4pet-site-footer .r4pet-cta-login .arr{display:none !important;}
body .r4pet-site-footer .r4pet-cta-login a{font-weight:600;}
body .r4pet-site-footer .r4pet-social-btn{width:auto;height:auto;padding:4px;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;color:#9a9a9a;}
body .r4pet-site-footer .r4pet-social-btn svg{width:20px;height:20px;}
body .r4pet-site-footer .r4pet-social-btn:hover{color:#fff !important;background:transparent !important;border:0 !important;}
body .r4pet-site-footer .r4pet-footer-social{gap:14px;}
body .r4pet-site-footer .r4pet-footer-links{gap:10px;}
body .r4pet-site-footer .r4pet-footer-links li,
body .r4pet-site-footer .r4pet-footer-links a{color:#bbb;font-weight:400;font-size:14px;}
body .r4pet-site-footer .r4pet-footer-links a:hover{color:#fff;}
body .r4pet-site-footer .r4pet-footer-links a:hover .r4pet-icon{transform:none;}
body .r4pet-site-footer .r4pet-chevron-list .r4pet-icon{display:none !important;}
body .r4pet-site-footer .r4pet-contact-list .r4pet-icon{color:#7d7d7d !important;}
body .r4pet-site-footer .r4pet-contact-list .r4pet-icon svg{width:16px;height:16px;}
body .r4pet-site-footer .r4pet-contact-list a:hover .r4pet-icon{color:#bbb !important;}
body .r4pet-site-footer .r4pet-catalog-btn{border-radius:8px;box-shadow:none;font-weight:600;}
body .r4pet-site-footer .r4pet-footer-bottom{border-top:0;padding:20px 4px 22px;}
body .r4pet-site-footer .r4pet-footer-copy,
body .r4pet-site-footer .r4pet-footer-legal a{color:#808080;}
body .r4pet-site-footer .r4pet-footer-legal a:hover{color:#fff;}
@media (max-width:849px){
body .r4pet-site-footer .r4pet-footer-container{padding-top:36px;}
body .r4pet-site-footer .r4pet-footer-main{gap:30px;padding-bottom:30px;}
}
/* ===== Footer v2: stronger text + header logo (no chip) ===== */
body .r4pet-site-footer .r4pet-footer-logo-link{display:inline-flex;align-items:center;background:none !important;padding:0 !important;margin:0 0 14px !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;}
body .r4pet-site-footer .r4pet-footer-logo-link .r4pet-footer-logo-img{display:block;width:190px !important;max-width:100%;height:auto !important;max-height:none !important;margin:0;background:none;}
body .r4pet-site-footer .r4pet-footer-tagline{color:#e6e6e6;font-size:15px;font-weight:500;}
body .r4pet-site-footer .r4pet-footer-heading{color:#fff !important;font-size:17px !important;font-weight:700 !important;}
body .r4pet-site-footer .r4pet-footer-links li,
body .r4pet-site-footer .r4pet-footer-links a{color:#e6e6e6 !important;font-size:15px !important;font-weight:500 !important;}
body .r4pet-site-footer .r4pet-footer-links a:hover{color:#fff !important;}
body .r4pet-site-footer .r4pet-contact-list li,
body .r4pet-site-footer .r4pet-contact-list a,
body .r4pet-site-footer .r4pet-contact-list .r4pet-label{color:#f0f0f0 !important;}
body .r4pet-site-footer .r4pet-contact-list .r4pet-icon{color:#9a9a9a !important;}
body .r4pet-site-footer .r4pet-cta-login{color:#e6e6e6;font-size:13.5px;}
body .r4pet-site-footer .r4pet-social-btn{color:#d0d0d0;}
body .r4pet-site-footer .r4pet-footer-copy,
body .r4pet-site-footer .r4pet-footer-legal a{color:#999 !important;}
body .r4pet-site-footer .r4pet-footer-legal a:hover{color:#fff !important;}
@media (max-width:849px){
body .r4pet-site-footer .r4pet-footer-logo-link .r4pet-footer-logo-img{width:170px !important;}
}
/* BEGIN R4PET new-products buttons 2026-10-24: scoped, removable override. */
body.home .r4-newp-viewport .r4-product-cta,
body.home section:has(.r4-newp-scroller) .r4-seeall2 > .r4-btn {
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: row;
direction: rtl;
gap: 10px;
box-sizing: border-box;
min-height: 46px;
padding: 11px 20px;
border: 1px solid #F5821F;
border-radius: 999px;
background: #fff;
color: #252525;
font-weight: 700;
line-height: 1.4;
text-decoration: none;
box-shadow: none;
transition: background-color .18s ease, border-color .18s ease;
}
body.home .r4-newp-viewport .r4-product-cta::after {
content: "";
flex: 0 0 18px;
width: 18px;
height: 18px;
background: #F5821F;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H5m7-7-7 7 7 7' fill='none' stroke='black' stroke-width='2' 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 24 24'%3E%3Cpath d='M19 12H5m7-7-7 7 7 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
transition: transform .18s ease;
}
body.home section:has(.r4-newp-scroller) .r4-seeall2 > .r4-btn {
min-height: 50px;
max-width: 100%;
padding-inline: 28px;
background: #252525;
border-color: #252525;
color: #fff !important;
transform: none;
}
body.home section:has(.r4-newp-scroller) .r4-seeall2 > .r4-btn .arr {
color: #F5821F;
margin: 0;
flex: 0 0 18px;
width: 18px;
height: 18px;
transition: transform .18s ease;
}
body.home section:has(.r4-newp-scroller) .r4-seeall2 > .r4-btn .arr svg { width: 18px; height: 18px; }
@media (hover: hover) {
body.home .r4-newp-viewport .r4-product-cta:hover { background: #fff3e8; color: #252525; }
body.home section:has(.r4-newp-scroller) .r4-seeall2 > .r4-btn:hover { background: #343434; border-color: #F5821F; color: #fff; }
body.home .r4-newp-viewport .r4-product-cta:hover::after,
body.home section:has(.r4-newp-scroller) .r4-seeall2 > .r4-btn:hover .arr { transform: translateX(-3px); }
}
body.home .r4-newp-viewport .r4-product-cta:focus-visible,
body.home section:has(.r4-newp-scroller) .r4-seeall2 > .r4-btn:focus-visible {
outline: 3px solid #252525;
outline-offset: 3px;
box-shadow: 0 0 0 3px #fff;
}
@media (prefers-reduced-motion: reduce) {
body.home .r4-newp-viewport .r4-product-cta,
body.home .r4-newp-viewport .r4-product-cta::after,
body.home section:has(.r4-newp-scroller) .r4-seeall2 > .r4-btn,
body.home section:has(.r4-newp-scroller) .r4-seeall2 > .r4-btn .arr { transition: none; }
body.home .r4-newp-viewport .r4-product-cta:hover::after,
body.home section:has(.r4-newp-scroller) .r4-seeall2 > .r4-btn:hover .arr { transform: none; }
}
/* END R4PET new-products buttons 2026-10-24 */
/* Mobile header: current-order chip (mirrors the desktop header widget) */
.r4-mobile-header-cart-slot{flex:0 0 auto;display:flex;align-items:center;}
.r4-mobile-header-cart-slot:empty{display:none;}
.r4-mobile-cart-link{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 11px;border-radius:8px;background:#e8740c;color:#111 !important;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;touch-action:manipulation;}
.r4-mobile-cart-link svg{width:16px;height:16px;flex:0 0 auto;}
.r4-mobile-cart-link b{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#111;color:#fff;font-size:11px;font-weight:700;}
.r4-mobile-cart-link:not(.is-active){background:transparent;border:1px solid #444;color:#fff !important;}
/* Mobile testimonials arrows: below the card, centered, visible chevrons (Nov 8 2026) */
@media (max-width:767px){
.r4t-carousel{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;}
.r4t-track{order:1;flex:0 0 100%;}
.r4t-arrow{order:2;position:static!important;transform:none!important;margin:0!important;padding:0!important;min-height:0!important;width:42px;height:42px;line-height:1;border:1px solid #ddd;color:#111!important;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.08);}
.r4t-arrow svg{display:block!important;width:18px!important;height:18px!important;stroke:currentColor;fill:none;}
.r4t-arrow.next{order:2;}
.r4t-arrow.prev{order:3;}
}
/* Desktop testimonials arrows point outward (Nov 8 2026) */
@media (min-width:768px){.r4t-arrow svg{transform:rotate(180deg);}}
/* catalog PDF one-line links (about / contact / brands) */
.r4-catalog-line{margin:18px 0 0;font-family:'Noto Sans Hebrew',sans-serif;font-size:15px;line-height:1.6;color:inherit;opacity:.9;text-align:inherit;}
.r4-catalog-line a{color:#F58220 !important;font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.r4-catalog-line a:hover{color:#d96d0f !important;}
.r4-catalog-line-brands{margin-top:10px;text-align:center;}
.r4-catalog-line-about{text-align:center;}
/* footer catalog download button: outlined, secondary to the orange CTA */
body .r4pet-site-footer .r4pet-catalog-btn{height:42px;padding:0 18px;border:1.5px solid #F58220;border-radius:8px;background:transparent;color:#fff !important;font-family:'Noto Sans Hebrew',sans-serif;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:none;}
body .r4pet-site-footer .r4pet-catalog-btn .r4pet-icon{color:#F58220;}
body .r4pet-site-footer .r4pet-catalog-btn:hover{background:#F58220;color:#111 !important;}
body .r4pet-site-footer .r4pet-catalog-btn:hover .r4pet-icon{color:#111;}
.r4-catalog-line a{white-space:nowrap;}
.r4-catalog-line-about{margin-top:22px;}
/* mobile header (<=849px): contact/login button moves into the logo row,
opposite the hamburger; search bar gets the full row. 2026-11-08 */
@media (max-width:849px){
.r4-mobile-header-actions .r4-mobile-login-link{position:absolute;top:-52px;left:14px;height:34px;padding:0 11px;font-size:13px;white-space:nowrap;}
.r4-mobile-header-actions .r4-mobile-login-link svg{width:14px;height:14px;}
#masthead #logo img{max-height:56px !important;width:auto;}
}
/* login switch off: header button is a contact button, no lock glyph */
body.r4-login-off #header .header-button-1 .button span::before{display:none;}
/* mobile: logo slightly larger and truly centred in the logo row */
@media (max-width:849px){
#masthead .header-inner{position:relative;}
#masthead #logo{position:absolute !important;left:50%;top:0;bottom:0;transform:translateX(-50%);margin:0 !important;display:flex;align-items:center;justify-content:center;width:auto !important;z-index:2;}
#masthead #logo img{max-height:62px !important;width:auto;}
}
/* ---- mobile off-canvas menu: stronger, still clean (2026-11-08) ---- */
#main-menu.mobile-sidebar, #main-menu .sidebar-menu{font-family:'Noto Sans Hebrew',sans-serif;}
#main-menu .nav-sidebar > li > a, #main-menu .nav-sidebar .children > li > a, #main-menu .nav-sidebar .sub-menu > li > a{color:#111 !important;font-weight:600 !important;font-size:16.5px !important;text-transform:none !important;letter-spacing:0;padding-top:14px !important;padding-bottom:14px !important;opacity:1 !important;}
#main-menu .nav-sidebar .children > li > a, #main-menu .nav-sidebar .sub-menu > li > a{font-size:15px !important;font-weight:500 !important;color:#333 !important;padding-top:10px !important;padding-bottom:10px !important;}
#main-menu .nav-sidebar > li{border-top:1px solid #e2e2e2 !important;}
#main-menu .nav-sidebar > li:last-child{border-bottom:1px solid #e2e2e2;}
#main-menu .nav-sidebar li a:hover, #main-menu .nav-sidebar li.current-menu-item > a, #main-menu .nav-sidebar li.active > a{color:#F58220 !important;}
#main-menu .toggle, #main-menu .toggle i{color:#111 !important;opacity:1 !important;}
#main-menu .social-icons{padding:18px 0 8px;}
#main-menu .social-icons a.icon{color:#F58220 !important;border-color:#F58220 !important;width:40px;height:40px;line-height:38px;font-size:17px;margin:0 4px;}
#main-menu .social-icons a.icon:hover{background:#F58220 !important;color:#fff !important;}
/* ---- mobile header logo: larger, visually centred a touch to the right ---- */
@media (max-width:849px){
#masthead #logo{transform:translateX(calc(-50% + 10px));}
#masthead #logo img{max-height:72px !important;}
}
#main-menu .social-icons a.icon:not(.button){width:auto;height:auto;line-height:1;border:0 !important;background:none !important;padding:4px 9px;margin:0;font-size:22px;color:#F58220 !important;}
#main-menu .social-icons a.icon:not(.button):hover{color:#d96d0f !important;}
#main-menu .social-icons{text-align:center;}
/* catalog item in main menu */
.r4-menu-catalog > a, #main-menu .nav-sidebar > li.r4-menu-catalog > a{color:#F58220 !important;}
.r4-menu-catalog > a:hover{color:#d96d0f !important;}
@media (max-width:849px){ .r4-mobile-header-actions{padding-top:10px !important;} }
/* iPhone scroll fix: carousels must let vertical swipes scroll the page */
.r4-newp-viewport{touch-action:pan-x pan-y !important;}
.r4t-track{touch-action:pan-y;}
.r4-catgrid2{touch-action:pan-x pan-y;}
/* catalog menu item glyph */
.r4-menu-catalog > a{display:inline-flex !important;align-items:center;gap:7px;}
.r4-menu-catalog-ic{display:inline-flex;}
.r4-menu-catalog-ic svg{width:15px;height:15px;}
#main-menu .r4-menu-catalog > a{display:flex !important;}