/* HaChayal — WooCommerce styles. Loaded only on store pages.
   Builds on tokens from style.css (:root --hc-*). RTL-first. Overrides
   WooCommerce's default float layout with a clean grid; restyles to brand. */

/* ============ Shared ============ */
.hc-shop,.hc-product,.hc-wc-page{padding-block:1.5rem 3rem}
.woocommerce .hc-wc-title,.hc-wc-page .hc-wc-title{font-weight:700;color:var(--hc-navy);margin:.25rem 0 1.25rem;font-size:clamp(1.6rem,1.2rem+1.6vw,2.2rem)}

/* Breadcrumb (classic woocommerce_breadcrumb + block variant) */
.woocommerce-breadcrumb,.wc-block-breadcrumbs{
	color:var(--hc-muted);font-size:.9rem;margin:0 0 1.25rem;padding:0;
}
.woocommerce-breadcrumb a,.wc-block-breadcrumbs a{color:var(--hc-navy);text-decoration:underline;text-underline-offset:2px}
.woocommerce-breadcrumb a:hover,.wc-block-breadcrumbs a:hover{color:var(--hc-cta-dark)}

/* Archive header: title, result count, ordering */
.woocommerce-products-header__title,.woocommerce-products-header .page-title{
	font-weight:700;color:var(--hc-navy);margin:0 0 .75rem;font-size:clamp(1.6rem,1.2rem+1.6vw,2.2rem)
}
.woocommerce .woocommerce-result-count{color:var(--hc-muted);margin:0 0 1rem;font-size:.92rem}
.woocommerce .woocommerce-ordering{margin:0 0 1.25rem}
.woocommerce .woocommerce-ordering select{
	font:inherit;padding:.5rem 2rem .5rem .75rem;border:1px solid var(--hc-line);
	border-radius:var(--hc-radius-sm);background:var(--hc-paper);color:var(--hc-ink);cursor:pointer
}
.term-description{color:var(--hc-muted);max-width:75ch;margin:0 0 1.5rem;line-height:1.7}

/* ============ Product grid (loop) — Premium Card Grid (US-PLP3) ============ */
/* Modeled on the reference feed at mishkan-hatchelet.co.il/c/prayer-shawls: rounded
   white cards with a hairline border + hover lift, a full-bleed 1:1 COVER image (fills
   the frame so whitespace-heavy product shots crop their empty margins away => kills the
   "חסר/empty" feel), title + price clustered under the image, and a calm full-width
   NAVY rounded CTA (the reference uses navy, not orange => kills "בולט"). NOTE: the
   reference also shows a review-rating chip; hachayal has 0 reviews, so that element is
   intentionally omitted (no fabricated social proof). RTL-safe (logical props), AA, 0 CLS. */
.woocommerce ul.products,.woocommerce-page ul.products{
	display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;
	margin:0 0 2rem;padding:0;list-style:none
}
/* WooCommerce's float-era clearfix pseudos (content:" ";display:table) turn into stray
   GRID ITEMS once the list is display:grid — ::before lands in the first cell and shunts
   the whole feed one slot over, leaving an empty top-start cell (looks like the feed
   "starts blank" in RTL). Neutralise them so auto-flow fills from the first cell. */
.woocommerce ul.products::before,.woocommerce ul.products::after,
.woocommerce-page ul.products::before,.woocommerce-page ul.products::after,
.woocommerce .products ul::before,.woocommerce .products ul::after{
	content:none!important;display:none!important
}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
	width:auto!important;margin:0!important;float:none!important;padding:0;position:relative;
	display:flex;flex-direction:column;background:var(--hc-paper);
	border:1px solid rgba(20,50,75,.08);border-radius:12px;overflow:hidden;
	transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;text-align:start
}
@media (hover:hover){
	.woocommerce ul.products li.product:hover{
		transform:translateY(-3px);box-shadow:0 6px 20px rgba(20,50,75,.10);border-color:rgba(20,50,75,.14)
	}
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
	display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit;padding:0
}
/* Image plate: full-bleed 1:1 SQUARE, object-fit COVER (fills the frame like the
   reference; product-on-white shots crop their empty margins so the card feels full).
   Mist backdrop only peeks through transparent PNGs. aspect-ratio reserves height (0 CLS). */
.woocommerce ul.products li.product img{
	margin:0;width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--hc-mist);
	padding:0;box-sizing:border-box;display:block
}
/* Hover image-swap (US-PLP3b): the media wrapper owns the 1:1 frame + mist backdrop;
   the primary and (for the ~711 products with a gallery) secondary image both fill it
   absolutely. The secondary fades in on hover — pointer devices only, and only once
   app.js has lazily loaded it (the `is-loaded` gate), so a no-src/no-JS card just shows
   the primary and mobile never downloads the swap image. */
.woocommerce ul.products li.product .hc-loop-media{
	position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--hc-mist)
}
.woocommerce ul.products li.product .hc-loop-media__img{
	position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;
	margin:0;padding:0;background:transparent;display:block
}
.woocommerce ul.products li.product .hc-loop-media__img--secondary{opacity:0;transition:opacity .4s ease}
@media (hover:hover){
	.woocommerce ul.products li.product:hover .hc-loop-media--has-swap .hc-loop-media__img--secondary.is-loaded{opacity:1}
}
@media (prefers-reduced-motion:reduce){
	.woocommerce ul.products li.product .hc-loop-media__img--secondary{transition:none}
}
/* Title + price clustered directly under the image on a shared 14px side gutter that
   lines up with the CTA inset; reserved 2-line title height keeps prices baseline-aligned. */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	padding:.75rem .875rem 0;font-size:.9rem;font-weight:700;line-height:1.35;color:var(--hc-ink);min-height:2.7em;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.woocommerce ul.products li.product .price{
	padding:.35rem .875rem;color:var(--hc-navy);font-weight:700;font-size:1rem;line-height:1.3
}
.woocommerce ul.products li.product .price del{color:var(--hc-muted);font-weight:500;opacity:1;font-size:.8125rem;margin-inline-end:.35rem}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--hc-navy)}

/* Calm full-width NAVY rounded CTA (the reference uses navy, not orange). Inset side +
   bottom margins reproduce the reference's button padding; the flex:1 link above pushes
   it to the card base with a guaranteed .5rem breathing gap. */
.woocommerce ul.products li.product .button{
	margin:.5rem .875rem .875rem;align-self:stretch;min-height:44px;padding:.55rem .75rem;box-sizing:border-box;
	border:0;border-radius:8px;box-shadow:none;
	display:flex;align-items:center;justify-content:center;gap:6px;
	background:var(--hc-navy);color:#fff;font-weight:600;font-size:.9375rem;line-height:1.2;
	transition:background .15s ease,transform .1s ease
}
@media (hover:hover){
	.woocommerce ul.products li.product:hover .button,
	.woocommerce ul.products li.product .button:hover{background:var(--hc-navy-dark)}
}
.woocommerce ul.products li.product .button:focus-visible{outline:2px solid var(--hc-cta);outline-offset:2px}
/* "View cart" link shown after an AJAX add: a compact secondary outline, inset to match. */
.woocommerce ul.products li.product .added_to_cart{
	margin:0 .875rem .875rem;align-self:stretch;text-align:center;text-decoration:none;
	background:transparent;color:var(--hc-navy);border:1px solid var(--hc-line);border-radius:8px;
	padding:.5rem;font-weight:700;font-size:.85rem
}
.woocommerce ul.products li.product .added_to_cart:hover{border-color:var(--hc-navy);background:var(--hc-mist)}

/* Sale badge: red rounded pill overlaid on the image corner (matches the reference's
   corner-overlay placement); red keeps "discount" distinct from the navy "buy" CTA. */
.woocommerce span.onsale,.wc-block-components-product-badge{
	position:absolute;inset-block-start:10px;inset-inline-start:10px;margin:0;z-index:2;
	background:var(--hc-sale);color:#fff;font-weight:700;font-size:.6875rem;line-height:1;
	min-height:auto;min-width:auto;padding:5px 9px;border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.12)
}

/* ============ Buttons (brand) ============ */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce .button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt{
	background:var(--hc-cta);color:#fff;border:0;border-radius:var(--hc-radius-sm);
	font-weight:700;font-size:.95rem;padding:.7rem 1.25rem;line-height:1.2;cursor:pointer;
	text-decoration:none;transition:background .15s ease,transform .1s ease;text-shadow:none
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce .button:hover,.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
	background:var(--hc-cta-dark);color:#fff;transform:translateY(-1px)
}
.woocommerce .button.added::after{margin-inline-start:.4rem}
/* secondary / outline buttons (e.g. "view cart") */
.woocommerce a.added_to_cart{
	background:transparent;color:var(--hc-navy);border:2px solid var(--hc-line);
	border-radius:var(--hc-radius-sm);font-weight:700;padding:.55rem 1rem;text-decoration:none
}
.woocommerce a.added_to_cart:hover{border-color:var(--hc-navy);background:var(--hc-mist)}

/* ============ Single product ============ */
.woocommerce div.product{display:flex;flex-wrap:wrap;gap:2.5rem;margin:0}
.woocommerce div.product .woocommerce-product-gallery{width:calc(50% - 1.25rem);float:none;margin:0}
.woocommerce div.product .summary.entry-summary{width:calc(50% - 1.25rem);float:none;margin:0}
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related.products,
.woocommerce div.product .upsells.products{width:100%;clear:both}
.woocommerce div.product .product_title{font-weight:700;color:var(--hc-navy);font-size:clamp(1.5rem,1.1rem+1.4vw,2.1rem);margin:0 0 .5rem;line-height:1.2}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--hc-navy);font-weight:700;font-size:1.6rem;margin:0 0 1rem}
.woocommerce div.product p.price del{color:var(--hc-muted);font-weight:500;font-size:1.1rem}
.woocommerce div.product p.price ins{text-decoration:none;color:var(--hc-cta)}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--hc-ink);line-height:1.7;margin-bottom:1.25rem}
.woocommerce div.product form.cart{margin-bottom:1.5rem}
.woocommerce div.product .single_add_to_cart_button{font-size:1.05rem;padding:.85rem 2rem}
/* Disabled add-to-cart (variable product before a variation is chosen): solid muted
   state instead of a faded orange — clearer intent AND keeps AA contrast. */
.woocommerce div.product .single_add_to_cart_button.disabled,
.woocommerce div.product .single_add_to_cart_button.wc-variation-selection-needed{
	background:var(--hc-muted);color:#fff;opacity:1;cursor:not-allowed
}
.woocommerce .quantity .qty{
	width:4.5rem;padding:.6rem .4rem;text-align:center;border:1px solid var(--hc-line);
	border-radius:var(--hc-radius-sm);font:inherit;color:var(--hc-ink)
}
.woocommerce div.product form.cart .quantity{margin-inline-end:.75rem}
.woocommerce div.product .product_meta{clear:both;color:var(--hc-muted);font-size:.88rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--hc-line)}
.woocommerce div.product .product_meta a{color:var(--hc-navy);text-decoration:underline;text-underline-offset:2px}
.woocommerce div.product .product_meta a:hover{color:var(--hc-cta);text-decoration-thickness:2px}

/* Gallery */
.woocommerce div.product .woocommerce-product-gallery__image img{border-radius:var(--hc-radius)}
.woocommerce div.product .flex-control-thumbs{margin-top:.75rem;gap:.5rem;display:flex;padding:0}
.woocommerce div.product .flex-control-thumbs li{width:64px;margin:0}
.woocommerce div.product .flex-control-thumbs img{border-radius:var(--hc-radius-sm);border:1px solid var(--hc-line)}

/* Variations table */
.woocommerce div.product form.cart .variations{margin-bottom:1rem}
.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td{padding:.4rem 0;vertical-align:middle}
.woocommerce div.product form.cart .variations label{font-weight:700;color:var(--hc-navy)}
.woocommerce div.product form.cart .variations select{
	font:inherit;padding:.5rem .75rem;border:1px solid var(--hc-line);border-radius:var(--hc-radius-sm);
	background:var(--hc-paper);color:var(--hc-ink);min-width:12rem
}

/* Stock */
.woocommerce div.product .stock.in-stock{color:#1c7a3f;font-weight:700}
.woocommerce div.product .stock.out-of-stock,.woocommerce .out-of-stock{color:#b3261e;font-weight:700}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs{margin:2rem 0 0;padding:0;border-bottom:2px solid var(--hc-line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--hc-line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background:transparent;border:0;border-radius:0;margin:0 0 -2px;padding:0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	color:var(--hc-muted);font-weight:700;padding:.75rem 1.1rem;display:block;text-decoration:none;border-bottom:2px solid transparent
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--hc-navy);border-bottom-color:var(--hc-accent)}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs .panel{padding-top:1.5rem;line-height:1.75;color:var(--hc-ink)}
.woocommerce div.product .woocommerce-tabs h2{color:var(--hc-navy);font-weight:700}

/* Related / upsell headings */
.woocommerce .related.products>h2,.woocommerce .upsells.products>h2,.woocommerce .cross-sells>h2{
	color:var(--hc-navy);font-weight:700;margin:2.5rem 0 1.25rem;font-size:1.5rem
}

/* ============ Cart ============ */
.woocommerce table.shop_table{
	border:1px solid var(--hc-line);border-radius:var(--hc-radius);border-collapse:separate;border-spacing:0;overflow:hidden
}
.woocommerce table.shop_table th{background:var(--hc-mist);color:var(--hc-navy);font-weight:700;padding:1rem;text-align:right}
.woocommerce table.shop_table td{padding:1rem;border-top:1px solid var(--hc-line);vertical-align:middle}
.woocommerce table.cart img{width:64px;border-radius:var(--hc-radius-sm)}
.woocommerce a.remove{
	color:#b3261e!important;font-weight:700;border-radius:999px;width:1.6rem;height:1.6rem;line-height:1.4rem
}
.woocommerce a.remove:hover{background:#b3261e!important;color:#fff!important}
.woocommerce .cart input.qty{width:4rem;padding:.5rem;text-align:center;border:1px solid var(--hc-line);border-radius:var(--hc-radius-sm)}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{
	background:var(--hc-mist);border:1px solid var(--hc-line);border-radius:var(--hc-radius);padding:1.25rem
}
.woocommerce .cart_totals h2{color:var(--hc-navy);font-weight:700;margin-top:0}
.woocommerce .cart_totals .order-total .amount{color:var(--hc-navy);font-size:1.3rem}
.woocommerce .wc-proceed-to-checkout a.checkout-button{
	font-size:1.1rem;padding:1rem;text-align:center;background:var(--hc-navy)
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{background:var(--hc-navy-dark)}
.woocommerce form.woocommerce-cart-form .coupon input{border:1px solid var(--hc-line);border-radius:var(--hc-radius-sm);padding:.6rem .75rem}

/* ============ Checkout ============ */
.woocommerce form.checkout{display:flex;flex-wrap:wrap;gap:2rem}
.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}
.woocommerce form .form-row label{font-weight:700;color:var(--hc-navy);margin-bottom:.3rem;display:block}
.woocommerce form .form-row{margin-bottom:1rem}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce #order_review input.input-text,
.woocommerce .select2-container .select2-selection{
	width:100%;padding:.7rem .85rem;border:1px solid var(--hc-line);border-radius:var(--hc-radius-sm);
	font:inherit;color:var(--hc-ink);background:var(--hc-paper);min-height:auto
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{outline:2px solid var(--hc-accent);outline-offset:1px;border-color:var(--hc-accent)}
.woocommerce #order_review,.woocommerce #order_review_heading{
	background:var(--hc-mist);border:1px solid var(--hc-line);border-radius:var(--hc-radius);padding:1.25rem
}
.woocommerce #order_review_heading{border-bottom:0;margin:0;color:var(--hc-navy);font-weight:700}
.woocommerce #order_review{margin-top:-1px}
.woocommerce #payment{background:transparent}
.woocommerce #payment ul.payment_methods{border:0;padding:0}
.woocommerce #payment div.payment_box{background:var(--hc-paper);border-radius:var(--hc-radius-sm)}
.woocommerce #payment #place_order,.woocommerce-checkout #place_order{
	width:100%;font-size:1.15rem;padding:1rem;background:var(--hc-navy)
}
.woocommerce #payment #place_order:hover{background:var(--hc-navy-dark)}

/* ============ My account ============ */
.woocommerce-account .woocommerce{display:flex;flex-wrap:wrap;gap:2rem}
.woocommerce-account .woocommerce-MyAccount-navigation{width:22%;min-width:200px}
.woocommerce-account .woocommerce-MyAccount-content{flex:1;min-width:0}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--hc-line);border-radius:var(--hc-radius);overflow:hidden}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--hc-line)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-MyAccount-navigation li a{display:block;padding:.8rem 1rem;color:var(--hc-ink);text-decoration:none;font-weight:600}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{background:var(--hc-mist);color:var(--hc-navy)}
.woocommerce-MyAccount-navigation li.is-active a{border-inline-start:3px solid var(--hc-accent)}

/* ============ Notices ============ */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{
	border-radius:var(--hc-radius-sm);padding:1rem 1.25rem;margin:0 0 1.5rem;border:0;list-style:none;
	background:var(--hc-mist);color:var(--hc-ink);box-shadow:none
}
.woocommerce-message{border-inline-start:4px solid #1c7a3f;background:#eaf6ee}
.woocommerce-info{border-inline-start:4px solid var(--hc-navy)}
.woocommerce-error{border-inline-start:4px solid #b3261e;background:#fdeceb}
.woocommerce-message a.button,.woocommerce-info a.button{padding:.4rem .9rem;font-size:.85rem}

/* ============ Pagination ============ */
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:.4rem;justify-content:center;margin-top:1rem}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
	border:1px solid var(--hc-line);border-radius:var(--hc-radius-sm);padding:.5rem .85rem;color:var(--hc-navy);background:var(--hc-paper);min-width:auto
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--hc-navy);color:#fff;border-color:var(--hc-navy)}
/* Numbered pager stays in the DOM (crawlable / no-JS) but is hidden once app.js
   enhances the grid with load-more + infinite scroll. */
.woocommerce nav.woocommerce-pagination.hc-pag-enhanced{display:none}

/* ============ Load more / infinite scroll ============ */
.hc-loadmore{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin:.5rem 0 2.5rem}
.hc-loadmore__btn{min-width:16rem;justify-content:center;text-align:center}
.hc-loadmore__btn[disabled]{opacity:.7;cursor:progress}
.hc-loadmore__status{margin:0;color:var(--hc-muted);font-size:.9rem;min-height:1.2em}

/* ============ Related row (thin categories) ============ */
.hc-related{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--hc-line)}
.hc-related__title{font-weight:700;color:var(--hc-navy);font-size:clamp(1.3rem,1.05rem+1vw,1.7rem);margin:0 0 1.25rem}
.hc-related__title::after{content:"";display:block;width:54px;height:3px;border-radius:2px;background:var(--hc-accent);margin-top:.6rem}
.hc-related ul.products{margin-bottom:0}

/* ============ Responsive ============ */
@media (max-width:1024px){
	.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
	.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr);gap:.75rem}
	.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:.8125rem;min-height:2.5em}
	.woocommerce ul.products li.product .button{margin:.5rem .625rem .625rem}/* base min-height:44px keeps the touch target */
	.woocommerce ul.products li.product .added_to_cart{margin:0 .625rem .625rem}
	.woocommerce div.product .woocommerce-product-gallery,
	.woocommerce div.product .summary.entry-summary{width:100%}
	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content{width:100%}
	.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:.6rem}
}
@media (max-width:480px){
	.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:.8125rem;min-height:2.5em}
	.woocommerce ul.products li.product .price{font-size:.9375rem}
}

/* ==================================================================== *
 * PLP redesign (US-PLP1): hero, drill-down, assurance, sort toolbar,
 * card badges, editorial polish. Every block sits OUTSIDE ul.products.
 * ==================================================================== */

/* --- Breadcrumb polish (RTL-left chevron via hc-crumb-sep) --- */
.hc-shop .woocommerce-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;color:var(--hc-muted);font-size:.85rem;margin:0 0 .9rem}
.hc-shop .woocommerce-breadcrumb a{color:var(--hc-navy);text-decoration:underline;text-underline-offset:2px}
.hc-shop .woocommerce-breadcrumb a:hover{color:var(--hc-cta-dark)}
.hc-crumb-sep{color:var(--hc-muted);opacity:.7;padding:0 .3rem;font-weight:700}

/* --- Category hero band --- */
.hc-plp-hero{position:relative;overflow:hidden;border-radius:var(--hc-radius);background:linear-gradient(135deg,var(--hc-navy),var(--hc-navy-dark));padding:clamp(1.5rem,1rem + 3vw,2.75rem) clamp(1.25rem,1rem + 2vw,2.5rem);margin:0 0 1.5rem}
.hc-plp-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;z-index:0}
.hc-plp-hero .hc-scrim{z-index:0}
.hc-plp-hero__inner{position:relative;z-index:1}
/* Title on the RTL start (right); breadcrumb pushed to the left of it. */
.hc-plp-hero__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem 1.25rem;margin:0 0 .7rem}
.hc-plp-hero__title{color:#fff;font-weight:700;font-size:clamp(1.7rem,1.2rem + 2vw,2.6rem);line-height:1.14;margin:0}
/* Breadcrumb reused inside the navy hero → light-on-dark palette (overrides the
   light-background .hc-shop .woocommerce-breadcrumb rules; equal specificity, later). */
.hc-plp-hero .woocommerce-breadcrumb{margin:0;color:rgba(255,255,255,.72);font-size:.85rem}
.hc-plp-hero .woocommerce-breadcrumb a{color:rgba(255,255,255,.92)}
.hc-plp-hero .woocommerce-breadcrumb a:hover{color:#fff}
.hc-plp-hero .hc-crumb-sep{color:rgba(255,255,255,.5)}
.hc-plp-hero__count{display:inline-block;background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:.35rem .85rem;font-weight:700;font-size:.85rem;margin:0 0 .7rem}
.hc-plp-hero__intro{color:rgba(255,255,255,.9);max-width:70ch;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* --- Subcategory drill-down --- */
.hc-plp-subcats{margin:0 0 1.75rem}
.hc-plp-subcats__title{color:var(--hc-navy);font-weight:700;font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);margin:0 0 1rem;position:relative}
.hc-plp-subcats__title::after{content:"";display:block;width:54px;height:3px;border-radius:2px;background:var(--hc-accent);margin-top:.6rem}
.hc-subcat-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;list-style:none;margin:0;padding:0}
.hc-subcat-rail li{margin:0;padding:0;list-style:none}
.hc-subcat-card{position:relative;display:block;aspect-ratio:16/10;border-radius:var(--hc-radius);overflow:hidden;text-decoration:none;background:var(--hc-navy)}
.hc-subcat-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hc-subcat-card:focus-visible{outline:3px solid var(--hc-accent);outline-offset:-3px}
/* text-card fallback for an image-less child */
.hc-subcat-card--text{display:flex;flex-direction:column;justify-content:flex-end;padding:.85rem 1rem}
.hc-subcat-card__txtname{color:#fff;font-weight:700;font-size:1.05rem;line-height:1.2}
.hc-subcat-card__txtcount{color:rgba(255,255,255,.85);font-weight:600;font-size:.8rem;margin-top:.2rem}

/* --- Chips (thin children / siblings) --- */
.hc-plp-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.hc-plp-chip{display:inline-flex;align-items:center;gap:.45rem;background:var(--hc-mist);border:1px solid var(--hc-line);color:var(--hc-navy);border-radius:999px;padding:.5rem 1rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s}
.hc-plp-chip:hover{background:#fff;border-color:var(--hc-navy)}
.hc-plp-chip[aria-current=page]{background:var(--hc-navy);color:#fff;border-color:var(--hc-navy)}
.hc-plp-chip__count{color:var(--hc-muted);font-weight:600;font-size:.82rem}
.hc-plp-chip[aria-current=page] .hc-plp-chip__count{color:rgba(255,255,255,.8)}

/* --- Assurance / trust strip (reuses .hc-trust tokens) --- */
.hc-plp-trust{border-radius:var(--hc-radius);margin:0 0 1.25rem}
.hc-plp-trust .hc-trust__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.9rem;padding:1rem 1.25rem;text-align:start}
.hc-plp-trust__item{display:inline-flex;align-items:center;gap:.6rem;margin:0;color:var(--hc-muted);font-size:.9rem;text-decoration:none}
.hc-plp-trust__ico{width:24px;height:24px;stroke:var(--hc-navy);fill:none;stroke-width:2;flex:0 0 auto}
.hc-plp-trust__txt{display:flex;flex-direction:column;line-height:1.25}
.hc-plp-trust__item strong{color:var(--hc-navy);font-weight:700;font-size:.98rem}
.hc-plp-trust__sub{color:var(--hc-muted);font-size:.8rem}
a.hc-plp-trust__item:hover strong{color:var(--hc-cta-dark)}
a.hc-plp-trust__item:hover .hc-plp-trust__ico{stroke:var(--hc-cta-dark)}
a.hc-plp-trust__item:focus-visible{outline:3px solid var(--hc-accent);outline-offset:2px;border-radius:6px}

/* --- Result-count + sort toolbar (wraps native controls) --- */
.hc-plp-toolbar{display:flex;align-items:center;gap:.6rem 1rem;flex-wrap:wrap;min-width:0;padding:.75rem 0 1rem;border-block:1px solid var(--hc-line);margin-bottom:1.25rem}
.hc-plp-toolbar .woocommerce-result-count{margin:0;color:var(--hc-muted);font-size:.92rem}
.hc-plp-toolbar__sortlabel{margin-inline-start:auto;color:var(--hc-muted);font-size:.9rem;font-weight:600}
.hc-plp-toolbar .woocommerce-ordering{margin:0}
.hc-plp-toolbar .woocommerce-ordering select{
	font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;
	padding:.55rem .9rem .55rem 2.2rem;border:1px solid var(--hc-line);border-radius:var(--hc-radius-sm);
	background-color:var(--hc-paper);color:var(--hc-ink);cursor:pointer;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A6B7B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:left .7rem center
}
.hc-plp-toolbar .woocommerce-ordering select:focus-visible{outline:3px solid var(--hc-accent);outline-offset:1px}

/* --- Product-card badges (computed −N% via .onsale; out-of-stock pill) --- */
.woocommerce ul.products li.product .hc-badge--oos{
	position:absolute;inset-block-start:8px;inset-inline-end:8px;z-index:3;
	background:var(--hc-navy-dark);color:#fff;font-weight:700;font-size:.6875rem;padding:4px 7px;border-radius:999px;line-height:1
}
/* OOS wins over sale: hide the sale chip, dim the image, mute the navy CTA to a quiet
   outlined chip (still a real link, never a dead disabled button). !important beats the
   hover rule so it never flips to navy-dark on hover. */
.woocommerce ul.products li.product.outofstock span.onsale{display:none}
/* Dim the media WRAPPER (not the imgs) so the lazy hover-swap secondary keeps its own
   opacity:0 at rest — dimming the img directly out-specificities that and would ghost the
   loaded secondary over the primary. Legacy unwrapped imgs still covered as a fallback. */
.woocommerce ul.products li.product.outofstock .hc-loop-media,
.woocommerce ul.products li.product.outofstock > a > img{opacity:.55}
.woocommerce ul.products li.product.outofstock .button{background:var(--hc-mist)!important;color:var(--hc-muted)!important;box-shadow:inset 0 0 0 1px var(--hc-line)}

/* --- Below-grid sibling cluster --- */
.hc-plp-siblings{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--hc-line)}

/* --- Editorial zone polish: scoped to .hc-shop so the homepage FAQ is untouched --- */
.hc-shop .hc-archive-body{max-width:72ch;margin:2.5rem auto 0;padding-top:2.5rem;border-top:1px solid var(--hc-line)}
.hc-shop .hc-archive-body h2,.hc-shop .hc-faq__title{position:relative}
.hc-shop .hc-archive-body h2::after,.hc-shop .hc-faq__title::after{content:"";display:block;width:54px;height:3px;border-radius:2px;background:var(--hc-accent);margin-top:.6rem}

/* --- Confident hover (mouse + motion-OK only). Loop-card image zoom KILLED — motion on
   a dense grid reads as "בולט-in-motion"; the calm static grid is the fix. Subcat photo
   cards keep their zoom (they are large hero-style tiles, not the dense product feed). --- */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
	.hc-subcat-card__img{transition:transform .4s ease}
	.hc-subcat-card:hover .hc-subcat-card__img{transform:scale(1.05)}
}

/* --- PLP responsive --- */
@media (max-width:1024px){.hc-subcat-rail{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){
	.hc-plp-toolbar__sortlabel{display:none}
	.hc-plp-toolbar .woocommerce-result-count{flex:1 1 100%}
	.hc-plp-toolbar .woocommerce-ordering{flex:1 1 100%;margin-inline-start:0}
	.hc-plp-toolbar .woocommerce-ordering select{width:100%}
}
@media (max-width:700px){.hc-subcat-rail{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.hc-plp-hero__count{display:block;width:max-content;max-width:100%}}

/* ==================================================================
 * Faceted filter (US-PLP4): products-first slim hero + compact chips,
 * two-column [sidebar | results] layout, active-filter chips, and a
 * mobile off-canvas filter drawer.
 * ================================================================== */

/* Slim the hero + collapse the intro to one line ≥768px (products-first). */
.hc-plp-hero{padding:clamp(1.1rem,.85rem + 1.8vw,1.9rem) clamp(1.15rem,.9rem + 2vw,2.25rem);margin-bottom:1.1rem}
.hc-plp-hero__title{font-size:clamp(1.5rem,1.15rem + 1.5vw,2.15rem);margin-bottom:.4rem}
.hc-plp-hero__intro{margin-top:.5rem}
@media (min-width:768px){.hc-plp-hero__intro{-webkit-line-clamp:1}}

/* Compact subcategory chip row above the split. */
.hc-plp-subcats{margin-bottom:1.1rem}
.hc-plp-subcats__title{font-size:1.05rem;margin-bottom:.7rem}
.hc-plp-subcats__title::after{width:40px;height:2px;margin-top:.4rem}

/* Two-column layout: sticky sidebar + results column. */
.hc-plp-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:1.75rem;align-items:start;margin-bottom:1.25rem}
.hc-plp-main{min-width:0}
@media (min-width:981px){.hc-plp-main ul.products{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1440px){.hc-plp-main ul.products{grid-template-columns:repeat(4,1fr)}}

/* Sidebar shell. */
.hc-plp-filters{position:sticky;top:calc(var(--hc-header-h,110px) + 12px);align-self:start;border:1px solid var(--hc-line);border-radius:var(--hc-radius);background:#fff;padding:1.1rem 1.15rem;max-height:calc(100vh - var(--hc-header-h,110px) - 32px);overflow:auto}
.hc-plp-filters__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.hc-plp-filters__title{color:var(--hc-navy);font-weight:700;font-size:1.15rem;margin:0}
.hc-plp-filters__close{display:none;border:0;background:none;font-size:1.9rem;line-height:1;color:var(--hc-muted);cursor:pointer;padding:0 .25rem}
.hc-plp-filters__overlay{display:none}

/* Filter groups. */
.hc-filter-grp{border:0;padding:1rem 0 0;margin:0 0 1.1rem;border-top:1px solid var(--hc-line);min-width:0}
.hc-filter-grp:first-of-type{border-top:0;padding-top:0}
.hc-filter-grp:last-of-type{margin-bottom:.4rem}
.hc-filter-grp__title{color:var(--hc-navy);font-weight:700;font-size:.98rem;padding:0;margin:0 0 .6rem}
.hc-filter-grp__list{display:flex;flex-direction:column;gap:.1rem;max-height:232px;overflow:auto}
.hc-filter-grp__list--pills{flex-direction:row;flex-wrap:wrap;gap:.4rem;max-height:none}

/* Checkbox row (brand / stock). */
.hc-filter-opt{display:flex;align-items:center;gap:.55rem;padding:.32rem .35rem;border-radius:8px;cursor:pointer;font-size:.92rem;color:var(--hc-ink)}
.hc-filter-opt:hover{background:var(--hc-mist)}
.hc-filter-opt input{width:17px;height:17px;accent-color:var(--hc-navy);flex:0 0 auto;margin:0;cursor:pointer}
.hc-filter-opt__name{flex:1 1 auto;line-height:1.25}
.hc-filter-opt__count{color:var(--hc-muted);font-size:.8rem;font-weight:600}
.hc-filter-opt--stock{font-weight:700;color:var(--hc-navy)}

/* Size pills (checkbox styled as a chip; visually-hidden input stays focusable). */
.hc-filter-size{position:relative;display:inline-flex}
.hc-filter-size input{position:absolute;opacity:0;width:0;height:0}
.hc-filter-size__name{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;padding:.4rem .7rem;border:1px solid var(--hc-line);border-radius:8px;background:#fff;color:var(--hc-ink);font-weight:700;font-size:.85rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.hc-filter-size:hover .hc-filter-size__name{border-color:var(--hc-navy)}
.hc-filter-size input:checked + .hc-filter-size__name{background:var(--hc-navy);border-color:var(--hc-navy);color:#fff}
.hc-filter-size input:focus-visible + .hc-filter-size__name{outline:3px solid var(--hc-accent);outline-offset:2px}

/* Price range (two number fields). */
.hc-filter-price{display:flex;gap:.6rem}
.hc-filter-price__field{flex:1 1 0;display:flex;align-items:center;gap:.35rem;border:1px solid var(--hc-line);border-radius:8px;padding:.1rem .55rem;background:#fff;min-width:0}
.hc-filter-price__field:focus-within{border-color:var(--hc-navy)}
.hc-filter-price__lab{color:var(--hc-muted);font-size:.82rem;font-weight:600;flex:0 0 auto}
.hc-filter-price__field input{border:0;width:100%;padding:.42rem 0;font-size:.9rem;color:var(--hc-ink);background:none;min-width:0}
.hc-filter-price__field input:focus{outline:none}

/* Actions. */
.hc-plp-filters__actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem}
.hc-plp-filters__apply{display:block;width:100%;border:0;border-radius:8px;background:var(--hc-cta);color:#fff;font-weight:700;font-size:.98rem;padding:.7rem 1rem;cursor:pointer;transition:background .15s}
.hc-plp-filters__apply:hover{background:var(--hc-cta-dark)}
.hc-plp-filters__apply:focus-visible{outline:3px solid var(--hc-accent);outline-offset:2px}
.hc-plp-filters__clear{text-align:center;color:var(--hc-muted);font-weight:600;font-size:.9rem;text-decoration:none;padding:.3rem}
.hc-plp-filters__clear:hover{color:var(--hc-sale);text-decoration:underline}

/* Active-filter chips row (top of the results column). */
.hc-plp-active{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem}
.hc-plp-active__lead{color:var(--hc-muted);font-size:.88rem;font-weight:600}
.hc-plp-active__chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--hc-navy);color:#fff;border-radius:999px;padding:.35rem .55rem .35rem .85rem;font-weight:700;font-size:.85rem;text-decoration:none;transition:background .15s}
.hc-plp-active__chip:hover{background:var(--hc-sale)}
.hc-plp-active__x{font-size:1.15rem;line-height:.7;font-weight:400}
.hc-plp-active__clear{color:var(--hc-cta-dark);font-weight:700;font-size:.85rem;text-decoration:none;margin-inline-start:.25rem}
.hc-plp-active__clear:hover{text-decoration:underline}

/* Toolbar mobile "סינון" trigger — hidden on desktop (sidebar is always inline). */
.hc-plp-toolbar__filterbtn{display:none;align-items:center;gap:.4rem;border:1px solid var(--hc-navy);background:#fff;color:var(--hc-navy);font-weight:700;font-size:.92rem;border-radius:8px;padding:.5rem .9rem;cursor:pointer}
.hc-plp-toolbar__filterbtn:hover{background:var(--hc-navy);color:#fff}
.hc-plp-toolbar__filtern{background:var(--hc-cta);color:#fff;border-radius:999px;min-width:1.3rem;height:1.3rem;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;padding:0 .35rem}

/* ---- Mobile (≤980): the sidebar becomes an off-canvas drawer from the right ---- */
@media (max-width:980px){
	.hc-plp-layout{display:block;margin-bottom:1rem}
	.hc-plp-toolbar__filterbtn{display:inline-flex;margin-inline-end:auto}
	.hc-plp-filters{position:fixed;top:0;bottom:0;right:0;left:auto;z-index:1000;width:min(88vw,340px);height:100%;max-height:none;border:0;border-radius:0;box-shadow:0 0 40px rgba(0,0,0,.28);transform:translateX(100%);transition:transform .28s ease;overscroll-behavior:contain}
	html.hc-filters-open .hc-plp-filters{transform:translateX(0)}
	.hc-plp-filters__close{display:block}
	.hc-plp-filters__overlay{display:block;position:fixed;inset:0;background:rgba(10,20,30,.5);z-index:999}
	.hc-plp-filters__overlay[hidden]{display:none}
}
@media (prefers-reduced-motion:reduce){.hc-plp-filters{transition:none}}