/* ==========================================================================
   Lane HOME — front page (design/index.html). Every rule is scoped to body.ow-home (inc/home.php), except
   §0, the shared carousel engine states (JS3, assets/js/ow-carousel.js), which any page's `.ow-car` uses.
   Design classes → ow-hm-* on wd/* blocks. Container units of the design (cqi) → vw.
   ========================================================================== */
:root {
	--ow-hm-frond: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 42'%3E%3Cpath d='M50.0 0.0C52.1 4.1 53.0 7.0 53.7 11.6C60.4 5.2 69.2 2.4 78.4 2.4C85.3 2.4 89.4 3.8 95.5 6.8C92.0 6.1 89.6 5.6 86.0 5.6C76.1 5.6 67.8 9.5 59.5 14.5C65.7 12.1 70.2 11.0 76.9 11.0C84.5 11.0 92.7 13.1 97.9 18.9C98.7 19.8 99.3 20.8 100.0 21.8C93.1 18.4 85.3 16.6 77.6 16.6C72.0 16.6 68.5 17.3 63.1 18.4C64.9 18.3 66.6 18.2 68.4 18.2C76.4 18.5 90.2 21.3 92.7 30.4C92.9 31.3 92.8 32.3 92.9 33.2C83.5 25.6 75.7 24.3 64.1 23.1C69.6 24.9 78.4 28.2 78.4 35.2C78.4 37.5 77.1 39.4 76.0 41.2C75.3 39.6 74.8 38.1 73.8 36.6C68.7 29.0 58.3 25.9 50.0 23.4C41.7 25.9 31.3 29.0 26.2 36.6C25.2 38.1 24.7 39.6 24.0 41.2C22.9 39.4 21.6 37.5 21.6 35.2C21.6 28.2 30.4 24.9 35.9 23.1C24.3 24.3 16.5 25.6 7.1 33.2C7.2 32.3 7.1 31.3 7.3 30.4C9.8 21.3 23.6 18.5 31.6 18.2C33.4 18.2 35.1 18.3 36.9 18.4C31.5 17.3 28.0 16.6 22.4 16.6C14.7 16.6 6.9 18.4 0.0 21.8C0.7 20.8 1.3 19.8 2.1 18.9C7.3 13.1 15.5 11.0 23.1 11.0C29.8 11.0 34.3 12.1 40.5 14.5C32.2 9.5 23.9 5.6 14.0 5.6C10.4 5.6 8.0 6.1 4.5 6.8C10.6 3.8 14.7 2.4 21.6 2.4C30.8 2.4 39.6 5.2 46.3 11.6C47.0 7.0 47.9 4.1 50.0 0.0Z'/%3E%3C/svg%3E");
	--ow-hm-patFr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='110'%3E%3Csvg x='8' y='10' width='64' height='27' viewBox='0 0 100 42'%3E%3Cpath fill='%23E8D9BC' d='M50.0 0.0C52.1 4.1 53.0 7.0 53.7 11.6C60.4 5.2 69.2 2.4 78.4 2.4C85.3 2.4 89.4 3.8 95.5 6.8C92.0 6.1 89.6 5.6 86.0 5.6C76.1 5.6 67.8 9.5 59.5 14.5C65.7 12.1 70.2 11.0 76.9 11.0C84.5 11.0 92.7 13.1 97.9 18.9C98.7 19.8 99.3 20.8 100.0 21.8C93.1 18.4 85.3 16.6 77.6 16.6C72.0 16.6 68.5 17.3 63.1 18.4C64.9 18.3 66.6 18.2 68.4 18.2C76.4 18.5 90.2 21.3 92.7 30.4C92.9 31.3 92.8 32.3 92.9 33.2C83.5 25.6 75.7 24.3 64.1 23.1C69.6 24.9 78.4 28.2 78.4 35.2C78.4 37.5 77.1 39.4 76.0 41.2C75.3 39.6 74.8 38.1 73.8 36.6C68.7 29.0 58.3 25.9 50.0 23.4C41.7 25.9 31.3 29.0 26.2 36.6C25.2 38.1 24.7 39.6 24.0 41.2C22.9 39.4 21.6 37.5 21.6 35.2C21.6 28.2 30.4 24.9 35.9 23.1C24.3 24.3 16.5 25.6 7.1 33.2C7.2 32.3 7.1 31.3 7.3 30.4C9.8 21.3 23.6 18.5 31.6 18.2C33.4 18.2 35.1 18.3 36.9 18.4C31.5 17.3 28.0 16.6 22.4 16.6C14.7 16.6 6.9 18.4 0.0 21.8C0.7 20.8 1.3 19.8 2.1 18.9C7.3 13.1 15.5 11.0 23.1 11.0C29.8 11.0 34.3 12.1 40.5 14.5C32.2 9.5 23.9 5.6 14.0 5.6C10.4 5.6 8.0 6.1 4.5 6.8C10.6 3.8 14.7 2.4 21.6 2.4C30.8 2.4 39.6 5.2 46.3 11.6C47.0 7.0 47.9 4.1 50.0 0.0Z'/%3E%3C/svg%3E%3Csvg x='88' y='65' width='64' height='27' viewBox='0 0 100 42'%3E%3Cpath fill='%23E8D9BC' d='M50.0 0.0C52.1 4.1 53.0 7.0 53.7 11.6C60.4 5.2 69.2 2.4 78.4 2.4C85.3 2.4 89.4 3.8 95.5 6.8C92.0 6.1 89.6 5.6 86.0 5.6C76.1 5.6 67.8 9.5 59.5 14.5C65.7 12.1 70.2 11.0 76.9 11.0C84.5 11.0 92.7 13.1 97.9 18.9C98.7 19.8 99.3 20.8 100.0 21.8C93.1 18.4 85.3 16.6 77.6 16.6C72.0 16.6 68.5 17.3 63.1 18.4C64.9 18.3 66.6 18.2 68.4 18.2C76.4 18.5 90.2 21.3 92.7 30.4C92.9 31.3 92.8 32.3 92.9 33.2C83.5 25.6 75.7 24.3 64.1 23.1C69.6 24.9 78.4 28.2 78.4 35.2C78.4 37.5 77.1 39.4 76.0 41.2C75.3 39.6 74.8 38.1 73.8 36.6C68.7 29.0 58.3 25.9 50.0 23.4C41.7 25.9 31.3 29.0 26.2 36.6C25.2 38.1 24.7 39.6 24.0 41.2C22.9 39.4 21.6 37.5 21.6 35.2C21.6 28.2 30.4 24.9 35.9 23.1C24.3 24.3 16.5 25.6 7.1 33.2C7.2 32.3 7.1 31.3 7.3 30.4C9.8 21.3 23.6 18.5 31.6 18.2C33.4 18.2 35.1 18.3 36.9 18.4C31.5 17.3 28.0 16.6 22.4 16.6C14.7 16.6 6.9 18.4 0.0 21.8C0.7 20.8 1.3 19.8 2.1 18.9C7.3 13.1 15.5 11.0 23.1 11.0C29.8 11.0 34.3 12.1 40.5 14.5C32.2 9.5 23.9 5.6 14.0 5.6C10.4 5.6 8.0 6.1 4.5 6.8C10.6 3.8 14.7 2.4 21.6 2.4C30.8 2.4 39.6 5.2 46.3 11.6C47.0 7.0 47.9 4.1 50.0 0.0Z'/%3E%3C/svg%3E%3C/svg%3E");
	--ow-hm-patCh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='44'%3E%3Csvg width='120' height='40' viewBox='0 0 100 33' fill='%231B4A39' opacity='.7'%3E%3Cpath d='M46.3 17.6L100.0 0.0C82.2 7.6 64.3 14.7 46.3 21.4C30.6 15.5 15.2 9.0 0.0 2.0L46.3 17.6Z'/%3E%3Cpath d='M46.3 22.6L99.5 2.4C82.0 10.9 64.3 19.0 46.3 26.4C30.7 19.8 15.4 12.5 0.6 4.2L46.3 22.6Z'/%3E%3Cpath d='M46.3 27.8L97.5 5.5C80.4 14.4 63.4 23.5 46.3 32.2C30.6 23.8 16.8 15.7 1.5 7.0L46.3 27.8Z'/%3E%3C/svg%3E%3C/svg%3E");
	--ow-hm-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
	--ow-hm-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l1.3-3.9A8 8 0 1 1 8 19z'/%3E%3C/svg%3E");
	--ow-hm-doc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5M9 12h7M9 16h7'/%3E%3C/svg%3E");
	--ow-hm-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");
}

/* ==========================================================================
   §0 Carousel engine (JS3) — any WoodMart carousel block with class `ow-car` (site-wide)
   ========================================================================== */
.ow-car-on > .wd-carousel-inner > .wd-carousel { touch-action: pan-y; cursor: grab; user-select: none; -webkit-user-select: none; }
.ow-car-on.ow-dragging > .wd-carousel-inner > .wd-carousel { cursor: grabbing; }
.ow-car-on.ow-dragging .wd-carousel-wrap * { pointer-events: none; }
.ow-car-on img { -webkit-user-drag: none; }
.ow-car-on > .wd-carousel-inner > .wd-carousel > .wd-carousel-wrap { transition: none; will-change: transform; }
.ow-car-on > .wd-nav-pagin-wrap, .ow-car-on .wd-nav-scroll { display: none; }
.ow-car-fade > .wd-carousel-inner > .wd-carousel { -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }

/* ==========================================================================
   §1 Page shell + block resets (home sections draw their own spacing)
   ========================================================================== */
:root body.ow-home .main-page-wrapper { padding-top: 0; background: var(--ow-cream); }
:root body.ow-home .main-page-wrapper > main.container { padding: 0; max-width: none; }
:root body.ow-home :is(.wd-content-area, .entry-content) { margin: 0; }
:root body.ow-home .wp-block-wd-section[class*="ow-hm-"] { padding-inline: 0; row-gap: 0; --wd-row-gap: 0px; display: block; position: relative; }
:root body.ow-home .wp-block-wd-container:is([class*="ow-hm-"], .ow-wrap) { --wd-row-gap: 0px; --wd-col-gap: 0px; row-gap: 0; column-gap: 0; }
:root body.ow-home [class*="ow-hm-"] :is(.wp-block-wd-paragraph, .wp-block-wd-title) { margin: 0; }
:root body.ow-home .ow-wrap.wp-block-wd-container { margin-inline: auto; width: 100%; max-width: var(--ow-wrap); padding-inline: var(--ow-gutter); }
:root body.ow-home .wp-block-wd-section .title.ow-disp { font-family: var(--ow-font-title); font-weight: 800; line-height: 1.25; letter-spacing: 0; color: inherit; margin: 0; text-transform: none; }
:root body.ow-home .wp-block-wd-section .title.ow-h1 { font-size: var(--ow-fs-h1); }
:root body.ow-home .wp-block-wd-section .title.ow-h2 { font-size: var(--ow-fs-h2); }
:root body.ow-home .ow-sec.wp-block-wd-section { padding-block: var(--ow-sec); }
:root body.ow-home .ow-sec-sm.wp-block-wd-section { padding-block: var(--ow-sec-sm); }
:root body.ow-home .ow-pt0.wp-block-wd-section { padding-top: 0; }
:root body.ow-home .ow-pb0.wp-block-wd-section { padding-bottom: 0; }
:root body.ow-home .wp-block-wd-paragraph.ow-lead { font-size: var(--ow-fs-lead); color: var(--ow-brown); max-width: 60ch; line-height: 1.75; }
:root body.ow-home .wp-block-wd-paragraph.ow-muted { color: var(--ow-brown); }
:root body.ow-home .wp-block-wd-section .title.ow-disp.ow-hm-green { color: var(--ow-green); }
:root body.ow-home .wp-block-wd-container.wd-dir-col > :is(.ow-hm-eb, .wp-block-wd-button) { width: auto; }

/* Eyebrow (.eyebrow + frond) */
:root body.ow-home .wp-block-wd-paragraph.ow-hm-eb { font-family: var(--ow-font-title); font-size: 14px; font-weight: 700; color: var(--ow-green); display: inline-flex; align-items: center; gap: 10px; line-height: 1.75; width: auto; }
.ow-hm-eb::before, .ow-hm-htag::before { content: ""; width: 30px; aspect-ratio: 100 / 42; flex: none; background: currentColor; -webkit-mask: var(--ow-hm-frond) center / contain no-repeat; mask: var(--ow-hm-frond) center / contain no-repeat; }
:root body.ow-home .ow-green .wp-block-wd-paragraph.ow-hm-eb { color: var(--ow-caramel-on-dark); }

/* Section head (.sec-head) */
:root body.ow-home .ow-hm-head.wp-block-wd-container { flex-direction: row; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: clamp(24px, 3vw, 44px); }
:root body.ow-home .ow-hm-head.ow-hm-center.wp-block-wd-container { justify-content: center; text-align: center; }
:root body.ow-home .ow-hm-head .ow-hm-head-in.wp-block-wd-container { display: flex; flex-direction: column; gap: 10px; width: auto; min-width: 0; max-width: 100%; align-items: flex-start; }
:root body.ow-home .ow-hm-head-in.wp-block-wd-container > * { max-width: 100%; }
:root body.ow-home .ow-hm-head.ow-hm-center .ow-hm-head-in.wp-block-wd-container { align-items: center; }

/* Stripe (.stripe) */
:root body.ow-home .wp-block-wd-container > .ow-hm-stripe.wp-block-wd-container.wd-dir-col { width: 120px; height: 15px; flex: none; background: linear-gradient(var(--ow-green) 0 3px, transparent 3px 6px, var(--ow-caramel) 6px 9px, transparent 9px 12px, var(--ow-charcoal) 12px 15px); border-radius: 2px; }

/* Icons in wd/icon */
:root body.ow-home .ow-hm-ic.wp-block-wd-icon { --wd-icon-w: auto; max-width: none; width: auto; overflow: visible; line-height: 0; }
:root body.ow-home .ow-hm-ic svg { width: 22px; height: 22px; max-width: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
:root body.ow-home .ow-hm-stars.wp-block-wd-icon { --wd-icon-w: auto; width: auto; max-width: none; line-height: 0; color: var(--ow-caramel); align-self: flex-start; text-align: start; justify-content: flex-start; margin: 0; }
:root body.ow-home .ow-hm-stars svg { width: 79px; height: 15px; max-width: none; fill: currentColor; display: block; }

/* Buttons (wd/button) = design .btn */
:root body.ow-home .wp-block-wd-button.ow-btn.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 26px; border-radius: 12px; font-family: var(--ow-font-title); font-size: 15px; font-weight: 700; line-height: 1; text-transform: none; letter-spacing: 0; text-decoration: none; border: 1.5px solid transparent; box-shadow: none; position: relative; overflow: hidden; isolation: isolate; white-space: nowrap; max-width: none; transition: translate .7s var(--ow-e3), transform .5s var(--ow-ease), background .3s, color .3s, box-shadow .5s var(--ow-ease), border-color .3s; }
:root body.ow-home .wp-block-wd-button.ow-btn.btn:hover { transform: translateY(-2px); }
:root body.ow-home .wp-block-wd-button.ow-btn > span { display: inline-flex; align-items: center; gap: 10px; }
:root body.ow-home .wp-block-wd-button.ow-btn-primary.btn { background: var(--ow-green); color: var(--ow-cream); }
:root body.ow-home .wp-block-wd-button.ow-btn-primary.btn:hover { background: var(--ow-green-d); color: var(--ow-cream); box-shadow: 0 16px 32px -14px rgba(27, 74, 57, .7); }
:root body.ow-home .wp-block-wd-button.ow-btn-caramel.btn { background: var(--ow-caramel); color: var(--ow-on-caramel); font-size: 16px; }
:root body.ow-home .wp-block-wd-button.ow-btn-caramel.btn:hover { background: var(--ow-caramel-l); color: var(--ow-on-caramel); }
:root body.ow-home .wp-block-wd-button.ow-btn-ghost.btn { border-color: rgba(34, 90, 69, .4); color: var(--ow-green); background: transparent; }
:root body.ow-home .wp-block-wd-button.ow-btn-ghost.btn:hover { background: var(--ow-green); color: var(--ow-cream); border-color: var(--ow-green); }
:root body.ow-home .wp-block-wd-button.ow-btn-line.btn { border-color: var(--ow-line-d); color: var(--ow-cream); background: transparent; }
:root body.ow-home .wp-block-wd-button.ow-btn-line.btn:hover { background: var(--ow-cream); color: var(--ow-green); }
:root body.ow-home .wp-block-wd-button.ow-btn:focus-visible { outline: 2px solid var(--ow-caramel); outline-offset: 3px; }
.ow-hm-arrow > span::after, .ow-hm-chat > span::before, .ow-hm-doc > span::before { content: ""; width: 18px; height: 18px; flex: none; background: currentColor; -webkit-mask: var(--ow-hm-arrow) center / contain no-repeat; mask: var(--ow-hm-arrow) center / contain no-repeat; }
.ow-hm-chat > span::before { -webkit-mask-image: var(--ow-hm-chat); mask-image: var(--ow-hm-chat); }
.ow-hm-doc > span::before { -webkit-mask-image: var(--ow-hm-doc); mask-image: var(--ow-hm-doc); }
.rtl .ow-hm-arrow > span::after { transform: scaleX(-1); }
:root body.ow-home .ow-hm-btns.wp-block-wd-container { flex-direction: row; flex-wrap: wrap; gap: 10px; width: auto; }

/* ==========================================================================
   §2 Hero slider (WoodMart Slider, fade, design .hero)
   ========================================================================== */
:root body.ow-home .ow-hm-hero.wp-block-wd-section { background: var(--ow-green-d); overflow: hidden; touch-action: pan-y; }
.ow-hm-hero .wd-slider { --wd-width: 100%; margin: 0; }
:root body.ow-home .ow-hm-hero .wd-slider .wd-slide.wd-carousel-item { min-height: clamp(540px, 62vw, 780px) !important; /* the slider's own heights (780/635/620) fix the breakpoints; the design is fluid in between */ }
.ow-hm-hero .wd-carousel-item { transition-timing-function: var(--ow-ease); }
.ow-hm-hero .wd-slide-bg { background-image: none !important; overflow: hidden; } /* mobile image comes as a <picture> source (inc/home.php), not a second background download */
.ow-hm-hero .wd-slide-bg :is(img, picture) { width: 100%; height: 100%; object-fit: cover; }
.ow-hm-hero .wd-slide-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to left, rgba(27, 74, 57, .92) 0%, rgba(27, 74, 57, .62) 38%, rgba(27, 74, 57, .05) 72%); pointer-events: none; }
:root:not([dir="rtl"]) .ow-hm-hero .wd-slide-bg::after, body:not(.rtl) .ow-hm-hero .wd-slide-bg::after { background: linear-gradient(to right, rgba(27, 74, 57, .92) 0%, rgba(27, 74, 57, .62) 38%, rgba(27, 74, 57, .05) 72%); }
/* ken-burns on the active slide (design .slide.on img: kb 9 s linear) */
.ow-hm-hero .wd-carousel:not(.wd-initialized) .wd-slide:first-child .wd-slide-bg img,
.ow-hm-hero .wd-slide.wd-active .wd-slide-bg img { animation: ow-hm-kb 9s linear both; }
@keyframes ow-hm-kb { from { transform: scale(1.14); } to { transform: scale(1); } }
:root body.ow-home .ow-hm-hero .wd-slide-container { width: 100%; max-width: var(--ow-wrap); padding-inline: var(--ow-gutter); margin-inline: auto; }
:root body.ow-home .ow-hm-hero .wd-slide-inner { max-width: 600px; }
:root body.ow-home .ow-hm-hbox.wp-block-wd-container { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; color: var(--ow-cream); }
:root body.ow-home .ow-hm-hbox.wp-block-wd-container > * { width: auto; max-width: 100%; }
:root body.ow-home .wp-block-wd-paragraph.ow-hm-htag { display: inline-flex; gap: 10px; align-items: center; font-family: var(--ow-font-title); font-weight: 700; font-size: 14px; color: var(--ow-caramel-on-dark); line-height: 1.75; }
.ow-hm-htag::before { width: 34px; }
:root body.ow-home .ow-hm-hbox .title.ow-hm-htitle { color: var(--ow-cream); }
:root body.ow-home .ow-hm-hbox .wp-block-wd-paragraph.ow-hm-hlead { color: #E7EFE9; }
:root body.ow-home .ow-hm-hero .wd-animation { --wd-anim-duration: 1.1s; --wd-anim-timing-f: var(--ow-ease); --wd-anim-opa-timing-f: var(--ow-ease); }
/* dots (.hero-dots: 44 px hit areas, 28 x 4 bars, active 44 caramel) */
:root body.ow-home .ow-hm-hero .wd-slider-pagin { position: absolute; inset-inline: 0; bottom: 28px; z-index: 3; }
:root body.ow-home .ow-hm-hero .wd-nav-pagin { display: flex; gap: 10px; align-items: center; justify-content: flex-start; width: 100%; max-width: var(--ow-wrap); margin: 0 auto; padding: 0 var(--ow-gutter); box-sizing: border-box; list-style: none; }
:root body.ow-home .ow-hm-hero .wd-nav-pagin li { width: 44px; height: 44px; display: grid; place-items: center; margin: 0; padding: 0; }
:root body.ow-home .ow-hm-hero .wd-nav-pagin-wrap .wd-nav-pagin li span { width: 28px; height: 4px; border: 0; border-radius: 2px; background: rgba(245, 241, 232, .35); display: block; transition: all .5s var(--ow-ease); }
:root body.ow-home .ow-hm-hero .wd-nav-pagin-wrap .wd-nav-pagin li.wd-active span { width: 44px; background: var(--ow-caramel); }
:root body.ow-home .ow-hm-hero .wd-nav-pagin-wrap .wd-nav-pagin li:not(.wd-active):hover span { background: rgba(245, 241, 232, .6); }
:root body.ow-home .ow-hm-hero .wd-nav-pagin:not([class*="wd-type-"]) { opacity: 1; }
:root body.ow-home .ow-hm-hero .wd-carousel:not(.wd-initialized) ~ .wd-nav-pagin-wrap,
:root body.ow-home .ow-hm-hero .wd-carousel-inner:has(.wd-carousel:not(.wd-initialized)) ~ .wd-nav-pagin-wrap { visibility: hidden; }

/* ==========================================================================
   §3 Trust strip (.trust)
   ========================================================================== */
:root body.ow-home .ow-hm-trust-s.wp-block-wd-section { z-index: 5; }
:root body.ow-home .ow-hm-trust.wp-block-wd-container { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #fff; border-radius: var(--ow-r); border: 1px solid var(--ow-line); margin-top: -44px; position: relative; z-index: 5; box-shadow: 0 30px 60px -40px rgba(46, 58, 61, .4); }
:root body.ow-home .ow-hm-tr.wp-block-wd-container { display: flex; flex-direction: row; gap: 14px; align-items: center; padding: 22px 24px; }
:root body.ow-home .ow-hm-tr.wp-block-wd-container + .ow-hm-tr { border-inline-start: 1px solid var(--ow-line); }
:root body.ow-home .ow-hm-tr .ow-hm-ic svg { width: 30px; height: 30px; color: var(--ow-caramel); }
:root body.ow-home .ow-hm-tr-t.wp-block-wd-container { display: block; font-size: 16px; line-height: 1.75; width: auto; min-width: 0; flex: 1 1 auto; }
:root body.ow-home .ow-hm-tr-t .wp-block-wd-paragraph.ow-hm-tr-b { display: block; font-family: var(--ow-font-title); font-weight: 700; font-size: 15px; color: var(--ow-charcoal); }
:root body.ow-home .ow-hm-tr-t .wp-block-wd-paragraph.ow-hm-tr-s { display: inline; font-size: 13.5px; color: var(--ow-brown); line-height: 1.5; }

/* ==========================================================================
   §4 Categories carousel (.car-cats + .cat)
   ========================================================================== */
.ow-hm-catcar { --cw: clamp(112px, 11.4vw, 150px); --cg: clamp(14px, 2vw, 26px); }
:root body.ow-home .ow-hm-catcar > .wd-carousel-inner { margin: 0; }
:root body.ow-home .ow-hm-catcar > .wd-carousel-inner > .wd-carousel { padding: 8px 0 4px; margin: 0; overflow: hidden; }
:root body.ow-home .ow-hm-catcar .wd-carousel-wrap { gap: var(--cg); }
:root body.ow-home .ow-hm-catcar .wd-carousel-item { flex: 0 0 var(--cw); max-width: none; width: var(--cw); padding: 0; height: auto; }
:root body.ow-home .ow-hm-catcar .wd-cat { margin: 0; padding: 0; }
:root body.ow-home .ow-hm-catcar .wd-cat-inner { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; position: relative; box-shadow: none; background: none; }
:root body.ow-home .ow-hm-catcar .wd-cat-thumb { width: 100%; aspect-ratio: 1; border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 0 0 1px var(--ow-line); transition: transform .6s var(--ow-ease), box-shadow .6s var(--ow-ease); margin: 0; }
:root body.ow-home .ow-hm-catcar .wd-cat-image, :root body.ow-home .ow-hm-catcar .wd-cat-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
:root body.ow-home .ow-hm-catcar .wd-cat-image img { transition: transform 1s var(--ow-ease); }
:root body.ow-home .ow-hm-catcar .wd-cat:hover .wd-cat-thumb { transform: translateY(-6px); box-shadow: 0 0 0 2px var(--ow-caramel), 0 22px 36px -22px rgba(46, 58, 61, .6); }
:root body.ow-home .ow-hm-catcar .wd-cat:hover .wd-cat-image img { transform: scale(1.1); }
:root body.ow-home .ow-hm-catcar .wd-cat-content { position: static; transform: none; padding: 0 !important; background: none; opacity: 1; visibility: visible; inset: auto; }
:root body.ow-home .ow-hm-catcar .wd-cat-content .wd-entities-title { transform: none; position: static; margin: 0; font-family: var(--ow-font-title); font-weight: 700; font-size: 14px; line-height: 1.4; color: var(--ow-charcoal); text-transform: none; }
:root body.ow-home .ow-hm-catcar .wd-cat-count { display: none; }

/* ==========================================================================
   §5 Best sellers: chips (tabs) + product grid (.grid-p) + "View all"
   ========================================================================== */
:root body.ow-home .ow-hm-best-in.wp-block-wd-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 20px; }
:root body.ow-home .ow-hm-best-in > .ow-hm-best-head.wp-block-wd-container { margin: 0; width: auto; }
:root body.ow-home .ow-hm-best .ow-hm-tabs { display: contents; }
:root body.ow-home .ow-hm-best .ow-hm-chips { min-width: 0; max-width: 100%; margin: 0; }
:root body.ow-home .ow-hm-chips .wd-nav-wrapper { margin: 0; padding: 0; overflow: visible; display: block; }
:root body.ow-home .ow-hm-chips .wd-nav-tabs { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 0 0 2px; margin: 0; flex-wrap: nowrap; justify-content: flex-start; --nav-gap: 0; }
:root body.ow-home .ow-hm-chips .wd-nav-tabs::-webkit-scrollbar { display: none; }
:root body.ow-home .ow-hm-chips .wd-nav-tabs > li { margin: 0; padding: 0; flex: none; }
:root body.ow-home .ow-hm-chips .wd-nav-tabs > li > a.wd-nav-link { min-height: 44px; padding: 0 18px; border-radius: 12px; border: 1px solid var(--ow-line); background: var(--ow-white); color: var(--ow-charcoal); font-family: var(--ow-font-title); font-size: 14px; font-weight: 600; line-height: 1; text-transform: none; letter-spacing: 0; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; transition: all .35s var(--ow-ease); }
:root body.ow-home .ow-hm-chips .wd-nav-tabs > li > a.wd-nav-link::after, :root body.ow-home .ow-hm-chips .wd-nav-tabs > li > a.wd-nav-link::before { content: none; display: none; }
:root body.ow-home .ow-hm-chips .wd-nav-tabs > li > a .nav-link-text { font: inherit; color: inherit; opacity: 1; }
:root body.ow-home .ow-hm-chips .wd-nav-tabs > li:not(.wd-active) > a.wd-nav-link:hover { border-color: var(--ow-green); color: var(--ow-green); }
:root body.ow-home .ow-hm-chips .wd-nav-tabs > li.wd-active > a.wd-nav-link { background: var(--ow-green); color: var(--ow-cream); border-color: var(--ow-green); }
:root body.ow-home .ow-hm-chips .wd-nav-tabs > li > a.wd-nav-link:focus-visible { outline: 2px solid var(--ow-caramel); outline-offset: 3px; }
:root body.ow-home .ow-hm-best .wd-tabs-content-wrapper { flex: 0 0 100%; width: 100%; margin-top: calc(clamp(24px, 3vw, 44px) - 20px); position: relative; }
:root body.ow-home .ow-hm-best .wd-tabs-content-wrapper .wd-sticky-loader { display: none; }
:root body.ow-home .ow-hm-best .wd-products.wd-grid-g { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 1.8vw, 24px); margin: 0; }
:root body.ow-home .ow-hm-best .wd-products.wd-grid-g > .wd-product { width: auto; max-width: none; margin: 0; padding: 0; }
:root body.ow-home .ow-hm-more.wp-block-wd-container { display: flex; flex-direction: row; justify-content: center; padding-top: 36px; }
@media (max-width: 1100px) { :root body.ow-home .ow-hm-best .wd-products.wd-grid-g { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { :root body.ow-home .ow-hm-best .wd-products.wd-grid-g { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Loop items rendered by WoodMart (product cards, posts) reveal one by one (assets/js/ow-home.js adds .ow-in). */
.ow-rv-on body.ow-home :is(.ow-hm-best .wd-product, .ow-hm-posts .wd-post):not(.ow-in) { opacity: 0; }
.ow-rv-on body.ow-home :is(.ow-hm-best .wd-product, .ow-hm-posts .wd-post).ow-in { animation: ow-hm-up 1.4s var(--ow-e3) backwards; animation-delay: var(--ow-d, 0s); }
@keyframes ow-hm-up { from { opacity: 0; filter: blur(8px); transform: translateY(34px); } }

/* ==========================================================================
   §6 Promo cards (.promo) — promos + occasions
   ========================================================================== */
:root body.ow-home .ow-hm-promos.wp-block-wd-section { padding-bottom: var(--ow-sec); }
:root body.ow-home .ow-hm-promos-g.wp-block-wd-container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(12px, 1.8vw, 24px); }
:root body.ow-home .ow-hm-promo.wp-block-wd-infobox { position: relative; border-radius: var(--ow-r); overflow: hidden; min-height: clamp(260px, 26vw, 360px); display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; text-decoration: none; color: #fff; padding: 0; text-align: start; gap: 0; }
:root body.ow-home .ow-hm-promo > .wd-bg-img { position: absolute; inset: 0; z-index: 0; }
:root body.ow-home .ow-hm-promo > .wd-bg-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ow-ease); }
:root body.ow-home .ow-hm-promo:hover > .wd-bg-img img { transform: scale(1.06); }
.ow-hm-promo::after { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(to top, rgba(17, 44, 34, .96) 0%, rgba(17, 44, 34, .78) 38%, rgba(17, 44, 34, .2) 72%, rgba(17, 44, 34, 0) 100%); pointer-events: none; }
:root body.ow-home .ow-hm-promo > .wd-block-infobox-link { position: absolute; inset: 0; z-index: 2; }
:root body.ow-home .ow-hm-promo-in.wp-block-wd-container { position: relative; z-index: 1; padding: clamp(20px, 3vw, 36px); display: flex; flex-direction: column; gap: 10px; align-items: flex-start; width: auto; }
:root body.ow-home .ow-hm-promo-in.wp-block-wd-container > * { width: auto; }
:root body.ow-home .wp-block-wd-paragraph.ow-hm-ptag { display: inline-flex; gap: 10px; align-items: center; font-family: var(--ow-font-title); font-weight: 700; font-size: 14px; line-height: 1.75; background: rgba(17, 44, 34, .72); color: #F2BE85; padding: 4px 12px; border-radius: 999px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
:root body.ow-home .wp-block-wd-paragraph.ow-hm-ptitle { font-family: var(--ow-font-title); font-weight: 800; line-height: 1.25; font-size: clamp(24px, 2.6vw, 34px); color: #fff; text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
:root body.ow-home .wp-block-wd-paragraph.ow-hm-plead { color: var(--ow-on-green); line-height: 1.75; }
:root body.ow-home .wp-block-wd-paragraph.ow-hm-pbtn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 26px; border-radius: 12px; font-family: var(--ow-font-title); font-size: 15px; font-weight: 700; line-height: 1; background: var(--ow-cream); color: var(--ow-green); border: 1.5px solid transparent; position: relative; overflow: clip; isolation: isolate; white-space: nowrap; transition: transform .5s var(--ow-ease); }
.ow-hm-pbtn::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .25) 50%, transparent 70%); transform: translateX(-130%); transition: transform .9s var(--ow-ease); }
.ow-hm-promo:hover .ow-hm-pbtn::after { transform: translateX(130%); }
.rtl .ow-hm-pbtn::after { transform: translateX(130%); } /* parked on the inline-start side: no scrollable overflow in RTL */
.rtl .ow-hm-promo:hover .ow-hm-pbtn::after { transform: translateX(-130%); }
@media (max-width: 760px) { :root body.ow-home .ow-hm-promos-g.wp-block-wd-container { grid-template-columns: minmax(0, 1fr); } }

/* Occasions (.g4.occ) */
:root body.ow-home .ow-hm-occ-g.wp-block-wd-container { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); }
:root body.ow-home .ow-hm-occ-card.wp-block-wd-infobox { min-height: 0; aspect-ratio: 3 / 4; }
:root body.ow-home .ow-hm-occ-card .wp-block-wd-paragraph.ow-hm-ptitle { font-size: clamp(20px, 2vw, 26px); }
@media (max-width: 1000px) { :root body.ow-home .ow-hm-occ-g.wp-block-wd-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
	:root body.ow-home .ow-hm-occ-g.wp-block-wd-container { gap: 10px; }
	:root body.ow-home .ow-hm-occ-card .ow-hm-promo-in.wp-block-wd-container { padding: 14px; }
}

/* ==========================================================================
   §7 Marquee (.marq, wd/marquee; RTL runs to the right, pauses on hover)
   ========================================================================== */
:root body.ow-home .ow-hm-marq.wd-marquee { --wd-marquee-gap: 44px; background: var(--ow-green); color: var(--ow-cream); padding-block: 16px; max-width: none; margin: 0; }
:root body.ow-home .ow-hm-marq .wd-marquee-item { gap: 44px; }
:root body.ow-home .ow-hm-marq .wp-block-wd-paragraph.ow-hm-mt { font-family: var(--ow-font-title); font-weight: 700; font-size: clamp(17px, 1.6vw, 22px); line-height: 1.75; white-space: nowrap; color: inherit; }
:root body.ow-home .ow-hm-mfr.wp-block-wd-icon { --wd-icon-w: auto; width: 34px; max-width: none; line-height: 0; color: var(--ow-caramel-l); flex: none; }
:root body.ow-home .ow-hm-mfr svg { width: 34px; height: auto; display: block; }
:root body.ow-home .ow-hm-marq.wd-marquee:hover .wd-marquee-content { animation-play-state: paused; }
/* RTL: the design runs right (marqr). WoodMart's RTL marquee mirrors the LTR one (row-reverse, moving left). */
.rtl .ow-hm-marq.wd-marquee, .rtl .ow-hm-marq .wd-marquee-content { flex-direction: row; }
.rtl .ow-hm-marq .wd-marquee-content { animation-name: ow-hm-marqr; }
@keyframes ow-hm-marqr { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(calc(100% + var(--wd-marquee-gap)), 0, 0); } }

/* ==========================================================================
   §8 Story (pattern + collage + copy) and Wholesale (green + chevrons)
   ========================================================================== */
:root body.ow-home .ow-hm-story.wp-block-wd-section, :root body.ow-home .ow-hm-ws.wp-block-wd-section { overflow: hidden; }
.ow-hm-story::before, .ow-hm-ws::before { content: ""; position: absolute; inset: 0; pointer-events: none; }
.ow-hm-story::before { background: var(--ow-hm-patFr) 0 0 / 160px 110px repeat; opacity: .55; }
.ow-hm-ws::before { background: var(--ow-hm-patCh) 0 0 / 120px 44px repeat; }
:root body.ow-home .ow-hm-ws.wp-block-wd-section { background: var(--ow-green); color: var(--ow-cream); }
:root body.ow-home .ow-hm-split.wp-block-wd-container { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 5vw, 80px); align-items: center; }
:root body.ow-home .ow-hm-copy.wp-block-wd-container { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
:root body.ow-home .ow-hm-copy.wp-block-wd-container > * { width: auto; max-width: 100%; }
/* collage */
:root body.ow-home .ow-hm-col.wp-block-wd-container { position: relative; display: block; min-height: clamp(380px, 44vw, 560px); }
:root body.ow-home .ow-hm-big.wp-block-wd-container { position: absolute; top: 0; right: 0; bottom: 12%; left: 18%; width: auto; border-radius: var(--ow-r); overflow: hidden; display: block; }
:root body.ow-home .ow-hm-px.wp-block-wd-container { position: absolute; inset-inline: 0; top: -9%; height: 118%; width: auto; display: block; overflow: hidden; }
:root body.ow-home .ow-hm-px > .wd-bg-img, :root body.ow-home .ow-hm-small > .wd-bg-img { position: absolute; inset: 0; }
:root body.ow-home .ow-hm-px > .wd-bg-img img, :root body.ow-home .ow-hm-small > .wd-bg-img img { width: 100%; height: 100%; object-fit: cover; }
:root body.ow-home .ow-hm-small.wp-block-wd-container { position: absolute; top: 46%; right: 52%; bottom: 0; left: 0; width: auto; border: 6px solid var(--ow-cream); border-radius: var(--ow-r); overflow: hidden; display: block; }
:root body.ow-home .ow-hm-badge.wp-block-wd-container { position: absolute; top: 6%; inset-inline-start: 0; background: var(--ow-green); color: var(--ow-cream); border-radius: 16px; padding: 16px 18px; display: flex; flex-direction: row; gap: 12px; align-items: center; max-width: 230px; width: auto; z-index: 2; }
:root body.ow-home .ow-hm-badge .ow-hm-badge-ic.wd-block-image, :root body.ow-home .ow-hm-badge .ow-hm-badge-ic img { width: 44px; height: auto; flex: none; }
:root body.ow-home .ow-hm-badge .wp-block-wd-paragraph.ow-hm-badge-t { flex: 0 1 auto; min-width: 0; font-family: var(--ow-font-title); font-weight: 700; font-size: 14px; line-height: 1.5; }
/* story list */
:root body.ow-home .ow-hm-list.wp-block-wd-container { display: grid; gap: 12px; }
:root body.ow-home .ow-hm-li.wp-block-wd-container { display: flex; flex-direction: row; gap: 12px; align-items: center; font-weight: 500; }
:root body.ow-home .ow-hm-li .ow-hm-li-ic.wp-block-wd-icon { width: 30px; height: 30px; border-radius: 8px; background: var(--ow-green); color: var(--ow-cream); display: grid; place-items: center; flex: none; }
:root body.ow-home .ow-hm-li .ow-hm-li-ic svg { width: 18px; height: 18px; }
:root body.ow-home .ow-hm-li .wp-block-wd-paragraph.ow-hm-li-t { line-height: 1.75; flex: 1 1 auto; min-width: 0; }
/* wholesale */
:root body.ow-home .ow-hm-ws .wp-block-wd-paragraph.ow-lead { color: var(--ow-on-green-lead); }
:root body.ow-home .ow-hm-ws .title.ow-h2 { color: var(--ow-cream); }
:root body.ow-home .ow-hm-copy > .ow-hm-g2.wp-block-wd-container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; width: 100%; }
:root body.ow-home .ow-hm-pack.wp-block-wd-container { background: rgba(245, 241, 232, .08); border: 1px solid var(--ow-line-d); border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: row; gap: 12px; align-items: center; }
:root body.ow-home .ow-hm-pack .ow-hm-ic svg { color: var(--ow-caramel-l); }
:root body.ow-home .ow-hm-pack-t.wp-block-wd-container { display: block; line-height: 1.5; width: auto; min-width: 0; flex: 1 1 auto; }
:root body.ow-home .ow-hm-pack-t .wp-block-wd-paragraph.ow-hm-pack-b { display: block; font-family: var(--ow-font-title); font-weight: 700; line-height: 1.5; }
:root body.ow-home .ow-hm-pack-t .wp-block-wd-paragraph.ow-hm-pack-s { display: inline; font-size: 14px; color: var(--ow-on-green-2); line-height: 1.5; }
:root body.ow-home .ow-hm-wsimg.wp-block-wd-container { position: relative; aspect-ratio: 4 / 3.4; border-radius: var(--ow-r); overflow: hidden; display: block; }
@media (max-width: 860px) { :root body.ow-home .ow-hm-split.wp-block-wd-container { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) { :root body.ow-home .ow-hm-copy > .ow-hm-g2.wp-block-wd-container { grid-template-columns: minmax(0, 1fr); } }

/* ==========================================================================
   §9 Gallery (white band, .car-gal)
   ========================================================================== */
:root body.ow-home .ow-hm-gal.wp-block-wd-section { background: #fff; border-block: 1px solid rgba(46, 58, 61, .08); }
:root body.ow-home .ow-hm-gal .ow-hm-gal-logo.wd-block-image, :root body.ow-home .ow-hm-gal .ow-hm-gal-logo img { width: 60px; height: auto; }
:root body.ow-home .ow-hm-gal .wp-block-wd-paragraph.ow-hm-gal-lead { line-height: 1.75; }
.ow-hm-galcar { --cg: 10px; --cw: calc((100% - 5 * 10px) / 6); }
:root body.ow-home .ow-hm-galcar > .wd-carousel-inner { margin: 0; }
:root body.ow-home .ow-hm-galcar > .wd-carousel-inner > .wd-carousel { padding: 0; margin: 0; overflow: hidden; }
:root body.ow-home .ow-hm-galcar .wd-carousel-wrap { gap: var(--cg); }
:root body.ow-home .ow-hm-galcar .wd-carousel-item { flex: 0 0 var(--cw); max-width: none; padding: 0; height: auto; }
:root body.ow-home .ow-hm-gimg.wd-block-image { display: block; aspect-ratio: 1; border-radius: var(--ow-r); overflow: hidden; width: 100%; }
:root body.ow-home .ow-hm-gimg.wd-block-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 1100px) { .ow-hm-galcar { --cw: calc((100% - 3 * 10px) / 4); } }
@media (max-width: 760px) { .ow-hm-galcar { --cw: 42%; } }

/* ==========================================================================
   §10 Testimonials (.car-tst + .rvc)
   ========================================================================== */
:root body.ow-home .ow-hm-tst-meta.wp-block-wd-container { display: flex; flex-direction: row; align-items: center; gap: 14px; flex-wrap: wrap; width: auto; min-width: 0; max-width: 100%; }
:root body.ow-home .ow-hm-score.wp-block-wd-container { display: flex; flex-direction: row; align-items: center; gap: 8px; font-size: 15px; color: var(--ow-brown); line-height: 1; width: auto; }
:root body.ow-home .ow-hm-score .wp-block-wd-paragraph.ow-hm-score-n { font-family: var(--ow-font-title); font-weight: 700; font-size: 22px; color: var(--ow-charcoal); line-height: 1; }
:root body.ow-home .ow-hm-score .wp-block-wd-paragraph.ow-hm-score-c { line-height: 1; }
:root body.ow-home .wp-block-wd-paragraph.ow-hm-sample { display: inline-block; font-size: 12px; font-weight: 700; color: #7A4A1A; background: #F6E7D6; border-radius: 6px; padding: 3px 10px; font-family: var(--ow-font-title); line-height: 1.75; width: auto; }
:root body.ow-home .ow-hm-nav.wp-block-wd-container { display: flex; flex-direction: row; gap: 8px; align-items: center; width: auto; }
:root body.ow-home .wp-block-wd-button.ow-hm-navb.btn { width: 46px; height: 46px; min-height: 0; padding: 0; border-radius: 50%; border: 1px solid var(--ow-line); background: #fff; color: var(--ow-green); display: grid; place-items: center; font-size: 0; box-shadow: none; transition: background .35s, color .35s, transform .5s var(--ow-e3); }
:root body.ow-home .wp-block-wd-button.ow-hm-navb.btn:hover { background: var(--ow-green); color: var(--ow-cream); transform: scale(1.06); }
:root body.ow-home .wp-block-wd-button.ow-hm-navb.btn:focus-visible { outline: 2px solid var(--ow-caramel); outline-offset: 3px; }
:root body.ow-home .wp-block-wd-button.ow-hm-navb > span { font-size: 0; display: block; width: 18px; height: 18px; overflow: hidden; }
.ow-hm-navb > span::before { content: ""; display: block; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--ow-hm-arrow) center / contain no-repeat; mask: var(--ow-hm-arrow) center / contain no-repeat; }
.ow-hm-navb.ow-car-prev > span::before { transform: scaleX(-1); }
.rtl .ow-hm-navb.ow-car-prev > span::before { transform: none; }
.rtl .ow-hm-navb.ow-car-next > span::before { transform: scaleX(-1); }
.ow-hm-tstcar { --cg: 22px; --cw: calc((100% - 2 * 22px) / 3); }
:root body.ow-home .ow-hm-tstcar > .wd-carousel-inner { margin: 0; }
:root body.ow-home .ow-hm-tstcar > .wd-carousel-inner > .wd-carousel { padding: 4px 0; margin: 0; overflow: hidden; }
:root body.ow-home .ow-hm-tstcar .wd-carousel-wrap { gap: var(--cg); align-items: stretch; }
:root body.ow-home .ow-hm-tstcar .wd-carousel-item { flex: 0 0 var(--cw); max-width: none; padding: 0; height: auto; display: flex; }
:root body.ow-home .ow-hm-rvc.wp-block-wd-container { background: #fff; border: 1px solid var(--ow-line); border-radius: var(--ow-r); padding: 22px; display: flex; flex-direction: column; gap: 12px; height: 100%; width: 100%; }
:root body.ow-home .ow-hm-rvc .wp-block-wd-paragraph.ow-hm-rvc-p { font-size: 16.5px; line-height: 1.9; }
:root body.ow-home .ow-hm-rvc-h.wp-block-wd-container { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: auto; padding-top: 6px; border-top: 1px solid rgba(46, 58, 61, .1); }
:root body.ow-home .ow-hm-rvc-h .wp-block-wd-paragraph.ow-hm-av { width: 44px; height: 44px; border-radius: 50%; background: var(--ow-green); color: var(--ow-cream); display: grid; place-items: center; font-family: var(--ow-font-title); font-weight: 800; flex: none; line-height: 1.75; }
:root body.ow-home .ow-hm-rvc-h .wp-block-wd-paragraph.ow-hm-av-c { background: var(--ow-caramel); color: var(--ow-on-caramel); }
:root body.ow-home .ow-hm-rvc-n.wp-block-wd-container { display: block; flex: 1 1 120px; min-width: 0; line-height: 1.75; }
:root body.ow-home .ow-hm-rvc-n .wp-block-wd-paragraph.ow-hm-rvc-b { display: block; font-family: var(--ow-font-title); font-weight: 700; line-height: 1.3; }
:root body.ow-home .ow-hm-rvc-n .wp-block-wd-paragraph.ow-hm-rvc-s { display: inline; color: var(--ow-brown); font-size: 12.5px; }
:root body.ow-home .ow-hm-rvc-h .wp-block-wd-paragraph.ow-hm-vf { display: inline-flex; align-items: center; gap: 4px; color: var(--ow-ok-ink); font-size: 12px; font-weight: 700; background: var(--ow-ok-bg); padding: 2px 8px; border-radius: 6px; margin-inline-start: auto; white-space: nowrap; line-height: 1.75; }
.ow-hm-vf::before { content: ""; width: 14px; height: 14px; flex: none; background: currentColor; -webkit-mask: var(--ow-hm-check) center / contain no-repeat; mask: var(--ow-hm-check) center / contain no-repeat; }
@media (max-width: 1100px) { .ow-hm-tstcar { --cw: calc((100% - 22px) / 2); } }
@media (max-width: 760px) { .ow-hm-tstcar { --cw: 84%; --cg: 14px; } }

/* ==========================================================================
   §11 Blog teaser (.g3 of the shared post card ow-posts)
   ========================================================================== */
:root body.ow-home .ow-hm-posts .wd-blog-holder.wd-grid-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 28px); margin: 0; }
:root body.ow-home .ow-hm-posts .wd-blog-holder.wd-grid-g > .wd-post { width: auto; max-width: none; padding: 0; margin: 0; }
@media (max-width: 860px) { :root body.ow-home .ow-hm-posts .wd-blog-holder.wd-grid-g { grid-template-columns: minmax(0, 1fr); } }

/* ==========================================================================
   §12 Phones and tablets (design @container site breakpoints)
   ========================================================================== */
@media (max-width: 960px) {
	:root body.ow-home .ow-hm-trust.wp-block-wd-container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	:root body.ow-home .ow-hm-tr.wp-block-wd-container:nth-child(3) { border-inline-start: 0; }
	:root body.ow-home .ow-hm-tr.wp-block-wd-container:nth-child(n+3) { border-top: 1px solid var(--ow-line); }
}
@media (max-width: 760px) {
	:root body.ow-home .ow-hm-hero .wd-slider .wd-slide.wd-carousel-item { min-height: 620px !important; }
	.ow-hm-hero .wd-slide-bg::after, :root:not([dir="rtl"]) .ow-hm-hero .wd-slide-bg::after, body:not(.rtl) .ow-hm-hero .wd-slide-bg::after { background: linear-gradient(to top, rgba(27, 74, 57, .95) 0%, rgba(27, 74, 57, .7) 48%, rgba(27, 74, 57, .1) 85%); }
	:root body.ow-home .ow-hm-hero .wd-slide-container { align-items: flex-end; padding-bottom: 88px; }
}
@media (max-width: 480px) {
	:root body.ow-home .ow-hm-tr.wp-block-wd-container { padding: 16px; flex-direction: column; align-items: flex-start; gap: 8px; }
	:root body.ow-home .ow-hm-catcar .wd-cat-content .wd-entities-title { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
	.ow-hm-hero .wd-slide-bg img { animation: none !important; }
	.ow-rv-on body.ow-home :is(.ow-hm-best .wd-product, .ow-hm-posts .wd-post) { opacity: 1 !important; animation: none !important; }
	:root body.ow-home .ow-hm-marq .wd-marquee-content { animation: none !important; }
}