/*
Theme Name: WebBiz E-com Theme
Theme URI: https://webbiz.co.il/
Author: WebBiz Studio
Description: תבנית בלוקים קאסטם (FSE) מהירה, RTL-first, תואמת WooCommerce. נבנתה במיוחד עבור HBless Industries.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.0
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: webbiz-ecom-theme
Tags: full-site-editing, block-patterns, rtl-language-support, translation-ready
*/

/* ==========================================================================
   Preloader (Premium Black & White Spinner)
   ========================================================================== */
#hbless-premium-preloader {
    position: fixed;
    inset: 0;
    background-color: var(--wp--preset--color--base);
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.5s ease;
}

.hbless-spinner {
    width: 60px;
    height: 60px;
    border: 2px solid rgba(26, 24, 21, 0.10); /* כהה שקוף */
    border-top-color: var(--wp--preset--color--accent, #EE6600); /* הכתום של המותג */
    border-radius: 50%;
    animation: hbless-spin 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes hbless-spin {
    to { transform: rotate(360deg); }
}

.preloader-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* ==========================================================================
   HBLESS Master Header — Sticky Shell
   Structure: <header .hbless-master-header>
                 .hbless-marquee-bar   (orange offers strip + contact icons)
                 .hbless-site-header   (logo · nav · actions)
   The inner bars are forced dir:ltr so logo pins LEFT and actions pin RIGHT
   regardless of the RTL document; Hebrew text inside re-asserts dir:rtl.
   ========================================================================== */
/* ה-sticky חייב לשבת על ה-wrapper ש-wp:template-part מייצר.
   אם הוא יושב על ה-div הפנימי, גובה ההורה שווה לגובה ההדר =>
   אין "מרחק הצמדה" וההדר נעלם מיד בגלילה. */
header.wp-block-template-part {
    position: sticky;
    /* היסט שלילי בגובה סרגל המבצעים: הסטריפ נגלל מחוץ למסך באופן טבעי
       ושורת ההדר נצמדת ל-0. אין אנימציית גובה => אין הזזת פריסה => אין רעידות. */
    top: calc(var(--hbless-admin-offset, 0px) - var(--hbless-marquee-h, 42px));
    z-index: 9999;
    isolation: isolate;
}

/* לא להסתתר מתחת לסרגל הניהול כשמחוברים */
.admin-bar { --hbless-admin-offset: 32px; }
@media (max-width: 782px) {
    .admin-bar { --hbless-admin-offset: 46px; }
}

.hbless-master-header {
    display: flex;
    flex-direction: column;
}

/* ==========================================================================
   Marquee Bar (offers strip) — CSS-only, hardware accelerated
   ========================================================================== */
.hbless-marquee-bar {
    display: flex;
    align-items: stretch;
    max-width: 100%;
    min-width: 0;
    background-color: var(--wp--preset--color--marquee-bg, #EE6600);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: clip;
    /* שכבת ציור משלו: מונע מה-backdrop-filter של ההדר לרסטר מחדש
       את הטקסט הנע בכל פריים גלילה */
    transform: translateZ(0);
    contain: layout paint style;
    /* ללא transition על גובה/ריפוד — הסטריפ נגלל החוצה, לא מתכווץ. */
}

/* --- Contact icons (pinned left) --- */
.hbless-contact-icons {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-inline: 24px;
    flex-shrink: 0;
}

.hbless-contact-icons .contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.18);
    color: #fff;
    transition: background-color 0.25s ease, transform 0.25s ease;
}

.hbless-contact-icons .contact-btn svg { width: 15px; height: 15px; }

.hbless-contact-icons .contact-btn:hover,
.hbless-contact-icons .contact-btn:focus-visible {
    background-color: rgba(0, 0, 0, 0.4);
    transform: translateY(-1px);
}

.hbless-contact-icons .contact-btn--wa:hover,
.hbless-contact-icons .contact-btn--wa:focus-visible {
    background-color: #25D366;
    color: #fff;
}

/* --- Scrolling marquee (fills remaining width) --- */
/* בעבר היה כאן mask-image. מסכה על שכבה מונפשת מאלצת repaint בכל פריים
   וזה מה שגרם לקרטוע. עכשיו הדהייה בקצוות היא שתי שכבות צבע מצוירות
   פעם אחת מעל הטקסט. */
.hbless-marquee-viewport {
    position: relative;
    flex: 1 1 auto;
    min-width: 0; /* קריטי: מאפשר לפלקס להתכווץ מתחת לרוחב ה-track כדי ש-overflow:clip יעבוד */
    display: flex;
    align-items: center;
    overflow: clip;
    padding-block: 10px;
}

.hbless-marquee-viewport::before,
.hbless-marquee-viewport::after {
    content: "";
    position: absolute;
    inset-block: 0;
    width: 44px;
    z-index: 2;
    pointer-events: none;
}
/* linear-gradient לא מקבל כיוונים לוגיים (to inline-end אינו תקין).
   הסטריפ עצמו הוא dir="ltr", ולכן to right / to left כאן נכונים תמיד. */
.hbless-marquee-viewport::before {
    inset-inline-start: 0;
    background: linear-gradient(to right,
        var(--wp--preset--color--marquee-bg, #EE6600), transparent);
}
.hbless-marquee-viewport::after {
    inset-inline-end: 0;
    background: linear-gradient(to left,
        var(--wp--preset--color--marquee-bg, #EE6600), transparent);
}

.hbless-marquee-track {
    display: flex;
    width: max-content;
    animation: hbless-marquee 30s linear infinite;
    will-change: transform;
    backface-visibility: hidden;
}

.hbless-marquee-viewport:hover .hbless-marquee-track { animation-play-state: paused; }

.hbless-marquee-content {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding-inline-end: 60px;
}

.hbless-marquee-content .marquee-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-inline-end: 60px;
    letter-spacing: 0.3px;
}

.hbless-marquee-content .marquee-emoji { font-size: 1em; line-height: 1; }

@keyframes hbless-marquee {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
}

/* ==========================================================================
   Main Site Header — dark translucent glass bar
   ========================================================================== */
.hbless-site-header {
    direction: ltr; /* pins logo LEFT, actions RIGHT in the RTL document */
    align-items: center;
    gap: 24px;
    padding: 16px 40px;
    background-color: rgba(10, 10, 10, 0.72);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
            backdrop-filter: blur(18px) saturate(140%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
    transition: background-color 0.4s ease;
}

/* מכשירי מגע: backdrop-filter על הדר sticky מאלץ דגימה וטשטוש מחדש של הרקע
   בכל פריים גלילה — הגורם העיקרי לרעידות באנדרואיד, בעיקר בגלילה חזרה למעלה
   (שם גם שורת הכתובת חוזרת ומשנה את גובה ה-viewport).
   מחליפים ברקע אטום שנראה כמעט זהה, בלי עלות ה-GPU. */
@media (hover: none), (pointer: coarse) {
    .hbless-site-header {
        -webkit-backdrop-filter: none;
                backdrop-filter: none;
        background-color: rgba(10, 10, 10, 0.96);
    }
    /* הכיווץ בגלילה משנה height/padding — כלומר layout. הנפשה של 0.4 שניות
       על מאפיינים אלה מאלצת ריפלואו של כל התוכן שמתחת להדר בכל פריים.
       במגע מבצעים את השינוי מיידית: אותו אפקט, בלי הרעידות. */
    .hbless-site-header,
    .hbless-marquee-bar {
        transition: none;
    }
}

/* --- Logo --- */
.hbless-site-header .hbless-logo { flex-shrink: 0; line-height: 0; }
.hbless-site-header .hbless-logo img { display: block; height: auto; }

/* ==========================================================================
   Navigation (center) — inherits WP Navigation block, restyled
   ========================================================================== */
.hbless-main-nav {
    direction: rtl; /* natural Hebrew reading order for the menu */
    flex: 1 1 auto;
}

.hbless-main-nav .wp-block-navigation__container { align-items: center; }

.hbless-main-nav .wp-block-navigation-item__content {
    position: relative;
    color: var(--wp--preset--color--on-surface, #f4f4f5);
    font-size: 0.95rem;
    font-weight: 500;
    padding-block: 6px;
    transition: color 0.25s ease;
}

/* animated underline reveal (matches the original pointer-underline effect) */
.hbless-main-nav .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 2px;
    background-color: var(--wp--preset--color--accent, #EE6600);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.hbless-main-nav .wp-block-navigation-item:hover .wp-block-navigation-item__content,
.hbless-main-nav .wp-block-navigation-item .wp-block-navigation-item__content:focus-visible {
    color: #fff;
}

.hbless-main-nav .wp-block-navigation-item:hover .wp-block-navigation-item__content::after,
.hbless-main-nav .wp-block-navigation-item .wp-block-navigation-item__content:focus-visible::after {
    transform: scaleX(1);
}

/* mobile hamburger toggle colour */
.hbless-main-nav .wp-block-navigation__responsive-container-open,
.hbless-main-nav .wp-block-navigation__responsive-container-close {
    color: var(--wp--preset--color--on-surface, #f4f4f5);
}

/* mobile overlay panel */
.hbless-main-nav .wp-block-navigation__responsive-container.is-menu-open {
    background-color: rgba(10, 10, 10, 0.97);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    direction: rtl;
}

.hbless-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-size: 1.25rem;
}

/* ==========================================================================
   Header Actions (right) — user · wishlist · cart
   ========================================================================== */
.header-actions {
    direction: ltr;
    gap: 12px;
    flex-shrink: 0;
}

/* shared circular icon-button look for user + wishlist + mini-cart */
.action-btn,
.header-actions .wc-block-mini-cart__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    background: none;
    color: var(--wp--preset--color--on-surface, #f4f4f5);
    cursor: pointer;
    position: relative;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.action-btn svg { width: 20px; height: 20px; }

.action-btn:hover,
.action-btn:focus-visible,
.header-actions .wc-block-mini-cart__button:hover,
.header-actions .wc-block-mini-cart__button:focus-visible {
    background-color: var(--wp--preset--color--on-surface, #f4f4f5);
    color: #0a0a0a;
    border-color: var(--wp--preset--color--on-surface, #f4f4f5);
}

.action-btn--wishlist:hover,
.action-btn--wishlist:focus-visible {
    background-color: var(--wp--preset--color--accent, #EE6600);
    border-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
}

/* ==========================================================================
   WooCommerce Mini-Cart block — trim to an icon button + badge
   ========================================================================== */
.header-actions .hbless-cart { line-height: 0; }

/* hide the running price total; keep it icon-only like the original */
.header-actions .wc-block-mini-cart__amount,
.header-actions .wc-block-mini-cart__quantity-badge + .wc-block-mini-cart__amount,
.header-actions .wc-block-mini-cart .wc-block-components-formatted-money-amount {
    display: none !important;
}

.header-actions .wc-block-mini-cart__icon {
    width: 20px;
    height: 20px;
    color: currentColor;
}
.header-actions .wc-block-mini-cart__icon path { fill: currentColor; }

.header-actions .wc-block-mini-cart__badge {
    position: absolute;
    top: -4px;
    inset-inline-end: -4px;
    inset-inline-start: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 10px;
    background-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* don't reserve badge colour on hover-inverted button */
.header-actions .wc-block-mini-cart__button:hover .wc-block-mini-cart__badge {
    background-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
}

/* the off-canvas drawer keeps its own WooCommerce styling; give it RTL */
.wc-block-components-drawer, .wc-block-mini-cart__drawer { direction: rtl; }

/* ==========================================================================
   Sticky Shrink Effect (toggled by .is-scrolled via webbiz-core.js)
   ========================================================================== */
/* הסטריפ אינו מתכווץ יותר — הוא נגלל מחוץ למסך דרך ה-top השלילי.
   נשאר רק שינוי רקע (paint בלבד, ללא reflow). */
.is-scrolled .hbless-site-header {
    background-color: rgba(8, 8, 8, 0.9);
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1024px) {
    .hbless-site-header { padding-inline: 24px; gap: 16px; }
}

@media (max-width: 782px) {
    .hbless-site-header { padding: 12px 18px; }
    .hbless-site-header .hbless-logo { width: 120px !important; }
    .hbless-contact-icons { padding-inline: 14px; gap: 6px; }
    .hbless-marquee-content .marquee-item { font-size: 0.8rem; margin-inline-end: 40px; }
    .header-actions { gap: 8px; }
    .action-btn,
    .header-actions .wc-block-mini-cart__button { width: 40px; height: 40px; }
    /* nav collapses to the block's mobile overlay (overlayMenu:"mobile") */
}

/* ==========================================================================
   Motion & a11y preferences
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
    .hbless-marquee-track { animation: none; }
    .hbless-marquee-content:nth-child(2) { display: none; }
    .hbless-marquee-viewport { overflow-x: auto; }
}

:where(.hbless-master-header a, .hbless-master-header button):focus-visible {
    outline: 2px solid var(--wp--preset--color--accent, #EE6600);
    outline-offset: 2px;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.hbless-footer__socials {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-block-end: 24px;
}

.hbless-footer__label {
    font-size: 0.875rem;
    color: var(--wp--preset--color--on-surface, #f4f4f5);
    opacity: 0.7;
    margin-inline-end: 4px;
}

.hbless-footer .social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
    color: var(--wp--preset--color--on-surface, #f4f4f5);
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.hbless-footer .social-btn svg { width: 17px; height: 17px; }

.hbless-footer .social-btn:hover,
.hbless-footer .social-btn:focus-visible {
    background-color: var(--wp--preset--color--accent, #EE6600);
    border-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
    transform: translateY(-2px);
}

:where(.hbless-footer a):focus-visible {
    outline: 2px solid var(--wp--preset--color--accent, #EE6600);
    outline-offset: 2px;
}

/* ==========================================================================
   Hero — Cover block
   ההירו נשלף מעלה אל מתחת להדר הסטיקי בעזרת margin שלילי בגובה ההדר,
   ואז מוחזר padding זהה כדי שהתוכן לא ייחתך. --hbless-header-h נמדד ב-JS
   (רק כשלא גוללים) ולכן הכיווץ של ההדר לא מקפיץ את ההירו.
   ========================================================================== */
/* --hbless-header-h מוגדר ב-JS על <html>. אין להצהיר עליו כאן —
   הצהרה מקומית מסתירה את הערך הנמדד. הפולבאק חי בתוך ה-var(). */
.hbless-hero {
    min-height: 80vh;
    min-height: 80svh; /* מונע קפיצה בסרגל הכתובות במובייל */
    position: relative;
    isolation: isolate;
}

/* ספציפיות: WordPress מגדיר
   `:root :where(.is-layout-constrained) > :first-child { margin-block-start: 0 }`
   שהיא (0,2,0) ומנצחת את `.hbless-hero` שהיא (0,1,0).
   `main > .hbless-hero.hbless-hero` = (0,2,1) ולכן גוברת. */
main > .hbless-hero.hbless-hero {
    margin-block-start: calc(-1 * var(--hbless-header-h, 132px));
}

.hbless-hero .wp-block-cover__image-background {
    object-position: 50% 35%; /* שומר את הראשים בפריים */
}

/* עומק: וינייטה עדינה מלמטה כדי לקבע את הקונטרסט של הכפתורים */
.hbless-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to top, rgba(10, 10, 10, 0.55) 0%, rgba(10, 10, 10, 0) 45%);
}

.hbless-hero .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
    padding-block-start: var(--hbless-header-h, 132px);
    padding-block-end: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* --------------------------------------------------------------------------
   Logo mark
   -------------------------------------------------------------------------- */
.hbless-hero__logo {
    position: relative;
    width: clamp(58px, 6vw, 86px);
    margin-block-end: clamp(20px, 3vh, 34px);
    color: #fff;
    line-height: 0;
    will-change: transform;
}

.hbless-hero__logo .hbless-logo-mark {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}

.hbless-hero__logo .logo-path {
    transform-box: fill-box;
    transform-origin: 50% 50%;
}

/* טבעת "נעילה" שנפלטת ברגע שהשני חצאים מתחברים */
.hbless-hero__logo::after {
    content: "";
    position: absolute;
    inset: -30%;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.55);
    pointer-events: none;
}

.hbless-hero__logo.is-locked::after {
    animation: hbless-lock-ring 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes hbless-lock-ring {
    0%   { opacity: 0.9; transform: scale(0.55); }
    100% { opacity: 0;   transform: scale(1.5); }
}

/* --------------------------------------------------------------------------
   Headings
   -------------------------------------------------------------------------- */
.hbless-hero__title {
    margin: 0 0 clamp(12px, 1.6vh, 20px);
    color: #fff;
    font-size: clamp(1.25rem, 2.2vw, 2rem);
    font-weight: 300;              /* INDUSTRIES — הדק */
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
}

.hbless-hero__title strong {
    font-weight: 800;              /* HBLESS — הבולד */
}

.hbless-hero__subtitle {
    margin: 0 0 clamp(28px, 4.5vh, 52px);
    max-inline-size: 16em;
    color: #fff;
    font-size: clamp(2rem, 4.6vw, 4.25rem);
    font-weight: 700;
    line-height: 1.18;
    text-wrap: balance;
    text-shadow: 0 2px 30px rgba(0, 0, 0, 0.35);
}

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */
.hbless-hero__actions {
    gap: 14px;
    --hbless-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E");
}

.hbless-hero__actions .wp-block-button__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    isolation: isolate;
    overflow: hidden;
    padding: 15px 30px;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                color 0.3s ease,
                box-shadow 0.35s ease;
}

/* חץ שמאלה (RTL) — mask, כדי שיירש את צבע הטקסט */
.hbless-hero__actions .wp-block-button__link::after {
    content: "";
    width: 17px;
    height: 17px;
    flex: none;
    background-color: currentColor;
    -webkit-mask: var(--hbless-arrow) center / contain no-repeat;
            mask: var(--hbless-arrow) center / contain no-repeat;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.hbless-hero__actions .wp-block-button__link:hover::after,
.hbless-hero__actions .wp-block-button__link:focus-visible::after {
    transform: translateX(-5px);
}

/* מריחת רקע (sweep) — נכנסת מימין, טרנספורם בלבד */
.hbless-hero__actions .wp-block-button__link::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    transform: translateX(101%);
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.hbless-hero__actions .wp-block-button__link:hover,
.hbless-hero__actions .wp-block-button__link:focus-visible {
    transform: translateY(-2px);
}

.hbless-hero__actions .wp-block-button__link:hover::before,
.hbless-hero__actions .wp-block-button__link:focus-visible::before {
    transform: translateX(0);
}

/* Primary — כתום מלא */
.hbless-btn--primary .wp-block-button__link {
    background-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
    box-shadow: 0 6px 20px -6px rgba(238, 102, 0, 0.6);
}
.hbless-btn--primary .wp-block-button__link::before {
    background-color: var(--wp--preset--color--accent-deep, #C85400);
}
.hbless-btn--primary .wp-block-button__link:hover,
.hbless-btn--primary .wp-block-button__link:focus-visible {
    box-shadow: 0 12px 28px -8px rgba(238, 102, 0, 0.7);
}

/* Ghost — זכוכית עם מסגרת */
.hbless-btn--ghost .wp-block-button__link {
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #fff;
}
.hbless-btn--ghost .wp-block-button__link::before {
    background-color: #fff;
}
.hbless-btn--ghost .wp-block-button__link:hover,
.hbless-btn--ghost .wp-block-button__link:focus-visible {
    color: #14120F;
    border-color: #fff;
}

.hbless-hero__actions .wp-block-button__link:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

/* --------------------------------------------------------------------------
   מצב טרום-אנימציה — רק כשיש JS, כדי שללא JS הכל נראה מיד
   -------------------------------------------------------------------------- */
.hbless-js .hbless-hero__logo,
.hbless-js .hbless-hero__title,
.hbless-js .hbless-hero__subtitle,
.hbless-js .hbless-hero__actions .wp-block-button {
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
    .hbless-js .hbless-hero__logo,
    .hbless-js .hbless-hero__title,
    .hbless-js .hbless-hero__subtitle,
    .hbless-js .hbless-hero__actions .wp-block-button {
        opacity: 1;
    }
    .hbless-hero__logo.is-locked::after { animation: none; }
}

@media (max-width: 782px) {
    .hbless-hero { min-height: 88svh; }
    .hbless-hero__subtitle { max-inline-size: 12em; }
    .hbless-hero__actions { flex-direction: column; width: 100%; max-width: 320px; }
    .hbless-hero__actions .wp-block-button,
    .hbless-hero__actions .wp-block-button__link { width: 100%; }
    .hbless-hero__actions .wp-block-button__link { justify-content: center; }
}

/* ==========================================================================
   מנוע האנימציות — מצב התחלתי
   רק כשיש JS. anim-ready מוסר ע"י hbless-anim.js לפני שה-tween מתחיל.
   ========================================================================== */
.hbless-js .anim-flip-x,
.hbless-js .anim-flip-y,
.hbless-js .anim-fade-up,
.hbless-js .anim-fade,
.hbless-js .anim-scale-in,
.hbless-js .anim-mask-up,
.hbless-js .anim-cross-fade,
.hbless-js .anim-blur-in,
.hbless-js .anim-scale-up { opacity: 0; }

.hbless-js .rising-lines { opacity: 0; }
.hbless-js .anim-ready { opacity: 1; }

/* כל שורה חותכת את התוכן שעולה מתוכה */
.rl-line  { display: block; overflow: hidden; }
.rl-inner { display: inline-block; will-change: transform; }

@media (prefers-reduced-motion: reduce) {
    .hbless-js .anim-flip-x,
    .hbless-js .anim-flip-y,
    .hbless-js .anim-fade-up,
    .hbless-js .anim-fade,
    .hbless-js .anim-scale-in,
    .hbless-js .anim-mask-up,
    .hbless-js .anim-cross-fade,
    .hbless-js .anim-blur-in,
    .hbless-js .anim-scale-up { opacity: 1; filter: none; }
}

/* ==========================================================================
   Band — סקשן רוחב מלא עם רקע קמופלאז' דהוי
   התמונה עצמה ב-opacity 0.13 מעל רקע שמנת, ולא overlay צבע מעל תמונה.
   ========================================================================== */
/* WordPress מזריק `:root :where(.is-layout-constrained) > * { margin-block-start: 24px }`
   בספציפיות (0,1,0). צריך (0,2,1) כדי לצמיד את הבאנד להירו. */
main > .hbless-band.hbless-band { margin-block-start: 0; }

.hbless-band {
    position: relative;
    isolation: isolate;
    padding-block: clamp(56px, 8vh, 110px);
    padding-inline: 24px;
    background-color: var(--wp--preset--color--base, #FDFCF8);
    overflow: clip;
}

.hbless-band::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0.13;
    background-image: var(--hbless-band-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.hbless-band--plates {
    --hbless-band-bg: url("/wp-content/uploads/2023/12/BG-5.jpg");
}

/* background-attachment: fixed שבור ב-iOS ויקר בביצועים במובייל */
@media (max-width: 1024px), (hover: none) {
    .hbless-band::before { background-attachment: scroll; }
}

.hbless-band__lead {
    max-inline-size: 30em;   /* נמדד: 3 שורות בין 25.9em ל-38.8em */
    margin-inline: auto;
    margin-block-end: clamp(36px, 5vh, 64px);
    color: var(--wp--preset--color--contrast, #1A1815);
    font-size: clamp(1.125rem, 2.8vw, 2.875rem);
    font-weight: 700;
    line-height: 1.5;
    text-wrap: balance;
}

/* ==========================================================================
   Products carousel
   ========================================================================== */
.hbless-carousel { position: relative; }
.hbless-carousel__viewport { padding-block-end: 44px; }

.hbless-carousel .swiper-slide { height: auto; }

/* --- ניווט --- */
.hbless-carousel__nav {
    position: absolute;
    top: calc(50% - 44px);
    z-index: 3;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #fff;
    color: var(--wp--preset--color--contrast, #1A1815);
    box-shadow: 0 6px 22px -8px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.hbless-carousel__nav svg { width: 20px; height: 20px; }
.hbless-carousel__nav--prev { inset-inline-start: -8px; }
.hbless-carousel__nav--next { inset-inline-end: -8px; }
.hbless-carousel__nav:hover,
.hbless-carousel__nav:focus-visible {
    background-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
    transform: scale(1.06);
}
.hbless-carousel__nav.swiper-button-disabled { opacity: 0.35; pointer-events: none; }

/* --- נקודות --- */
.hbless-carousel__dots { bottom: 0 !important; }
.hbless-carousel__dots .swiper-pagination-bullet {
    width: 9px; height: 9px; opacity: 0.35;
    background: var(--wp--preset--color--contrast, #1A1815);
    transition: opacity 0.25s ease, width 0.25s ease;
}
.hbless-carousel__dots .swiper-pagination-bullet-active {
    opacity: 1; width: 26px; border-radius: 5px;
    background: var(--wp--preset--color--accent, #EE6600);
}

/* ==========================================================================
   Product card
   ========================================================================== */
.hbless-card {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    overflow: clip;
    background-color: #fff;
    border: 1px solid rgba(26, 24, 21, 0.10);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.hbless-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 44px -22px rgba(0, 0, 0, 0.3);
    border-color: transparent;
}
/* מכשירי מגע: אין hover אמיתי. ה-transition על transform גורם לקידום שכבה
   ולרנדור-מחדש של טקסט בכל פריים גלילה (רעידות/כפילות טקסט באנדרואיד).
   מנטרלים את ה-transform ומייצבים את שכבת הציור. */
@media (hover: none), (pointer: coarse) {
    .hbless-card {
        transition: box-shadow 0.25s ease, border-color 0.25s ease;
    }
    .hbless-card:hover { transform: none; }
    .hbless-card,
    .hbless-card__media img {
        transform: translateZ(0);
        backface-visibility: hidden;
    }
    .hbless-card:hover .hbless-card__media img { transform: translateZ(0); }
}

/* תמונת מוצר — ללא רקע, גדולה, רווח מינימלי מתחתיה */
.hbless-card__media {
    position: relative;
    display: grid;
    place-items: center;
    aspect-ratio: 4 / 3;
    padding: 8px;
    background: none;
    line-height: 0;
}
.hbless-card__media img {
    width: 100%; height: 100%; object-fit: contain;
    transition: transform 0.35s ease;
}
.hbless-card:hover .hbless-card__media img { transform: scale(1.05); }

/* ---- תמונת מוצר מתחלפת ב-hover (כשקיימת תמונה שנייה בגלריה) ---- */
/* שתי התמונות מוערמות באותו תא grid */
.hbless-card__media--has-hover { display: grid; }
.hbless-card__media--has-hover .hbless-card__img {
    grid-area: 1 / 1;
    width: 100%; height: 100%;
    display: block;
    transition: opacity 0.4s ease;
}
.hbless-card__media--has-hover .hbless-card__img--hover {
    opacity: 0;
}
/* המידע ה-sale/wishlist צריך להישאר מעל */
.hbless-card__media--has-hover .hbless-card__sale { grid-area: 1 / 1; z-index: 2; }

/* מעבר עכבר: התמונה הראשית נעלמת, השנייה מופיעה */
@media (hover: hover) and (pointer: fine) {
    .hbless-card:hover .hbless-card__media--has-hover .hbless-card__img--main { opacity: 0; }
    .hbless-card:hover .hbless-card__media--has-hover .hbless-card__img--hover { opacity: 1; }
}

/* ווישליסט על הכרטיס — עיגול קטן עם לב, פינה עליונה */
.hbless-card__wishlist {
    position: absolute;
    inset-block-start: 12px;
    inset-inline-end: 12px;
    z-index: 3;
    line-height: 0;
}
.hbless-card__wishlist .yith-wcwl-add-to-wishlist,
.hbless-card__wishlist .yith-add-to-wishlist-button-block,
.hbless-card__wishlist .yith-wcwl-add-button {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}
.hbless-card__wishlist a,
.hbless-card__wishlist button,
.hbless-card__wishlist .yith-wcwl-add-to-wishlist-button {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 4px 12px -6px rgba(0, 0, 0, 0.3) !important;
    color: #E4483D !important;
    font-size: 0 !important;
    text-indent: 0 !important;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}
.hbless-card__wishlist a:hover,
.hbless-card__wishlist button:hover { background: #fff !important; transform: scale(1.08); }
/* מסתירים כל טקסט ("Add to wishlist" / "הוסף למועדפים") — רק הלב */
.hbless-card__wishlist .yith-wcwl-add-to-wishlist-button__label,
.hbless-card__wishlist .yith-wcwl-wishlistaddedbrowse .feedback,
.hbless-card__wishlist .yith-wcwl-wishlistexistsbrowse .feedback,
.hbless-card__wishlist span:not(.yith-wcicon):not([class*="icon"]),
.hbless-card__wishlist .ywcwl-tooltip {
    position: absolute !important;
    width: 1px !important; height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}
/* אייקון הלב — SVG או icon-font של YITH */
.hbless-card__wishlist svg { width: 18px; height: 18px; fill: none; stroke: #E4483D; stroke-width: 2; }
.hbless-card__wishlist i,
.hbless-card__wishlist .yith-wcicon {
    font-size: 18px !important;
    line-height: 1 !important;
    color: #E4483D !important;
    width: auto !important; height: auto !important;
}
/* מצב "נוסף" — לב מלא */
.hbless-card__wishlist .yith-wcwl-wishlistaddedbrowse svg,
.hbless-card__wishlist .added svg { fill: #E4483D; }


.hbless-card__body { flex: 1 1 auto; padding: 2px 20px 16px; text-align: center; }

/* שם הברנד — כתום, חצי-בולד, ממורכז מתחת לתמונה */
.hbless-card__brand {
    display: block;
    margin: 6px 0 6px;
    color: var(--wp--preset--color--accent, #EE6600);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.hbless-card__cat {
    display: block; margin-block-end: 4px;
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: 0.75rem;
}
.hbless-card__title {
    margin: 0 0 8px;
    font-size: clamp(1.0625rem, 1.3vw, 1.25rem);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    text-wrap: balance;
}
.hbless-card__title a { color: var(--wp--preset--color--contrast, #1A1815); }
.hbless-card__title a:hover { color: var(--wp--preset--color--accent, #EE6600); }

.hbless-card__excerpt {
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: 0.875rem; line-height: 1.6;
}
.hbless-card__excerpt p { margin: 0; }

.hbless-card__price {
    margin-block-start: 14px;
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--wp--preset--color--contrast, #1A1815);
}
.hbless-card__price del { opacity: 0.5; font-weight: 400; }

/* flex ולא grid: grid נשבר לעמודה אחת ברוחבים צרים / בזום.
   flex:1 1 0 + min-width:0 מחזיק אותם באותה שורה תמיד. */
.hbless-card__actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 10px;
    padding: 18px 20px 22px;
}

/* <button> מקבל box-sizing: border-box מגיליון הדפדפן, <a> לא — ולכן
   min-height היה גובה *התוכן* של הקישור וה-padding/border נערמו מעליו.
   קיבוע height + border-box + line-height:1 מנטרל את כל ההבדלים האלה. */
.hbless-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    gap: 8px;
    flex: 1 1 0;
    min-width: 0;
    box-sizing: border-box;
    height: 46px;
    padding-block: 0;
    padding-inline: 12px;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.005em;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease,
                border-color 0.25s ease, box-shadow 0.3s ease, transform 0.25s ease;
}
.hbless-card__btn svg { width: 16px; height: 16px; flex: none; transition: transform 0.3s cubic-bezier(0.16,1,0.3,1); }

.hbless-card__btn--primary {
    background-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
    box-shadow: 0 6px 16px -8px rgba(238, 102, 0, 0.75);
}
.hbless-card__btn--primary:hover,
.hbless-card__btn--primary:focus-visible {
    background-color: var(--wp--preset--color--accent-deep, #C85400);
    box-shadow: 0 10px 22px -8px rgba(238, 102, 0, 0.85);
    transform: translateY(-1px);
}
/* החץ מחליק שמאלה (RTL) */
.hbless-card__btn--primary:hover svg,
.hbless-card__btn--primary:focus-visible svg { transform: translateX(-4px); }

.hbless-card__btn--ghost {
    background-color: transparent;
    border-color: rgba(26, 24, 21, 0.18);
    color: var(--wp--preset--color--contrast, #1A1815);
}
.hbless-card__btn--ghost:hover,
.hbless-card__btn--ghost:focus-visible {
    background-color: var(--wp--preset--color--contrast, #1A1815);
    border-color: var(--wp--preset--color--contrast, #1A1815);
    color: #fff;
    transform: translateY(-1px);
}

.hbless-card__btn:focus-visible {
    outline: 2px solid var(--wp--preset--color--accent, #EE6600);
    outline-offset: 2px;
}

/* ==========================================================================
   Quick View — מודאל
   פריסה: מדיה (ימין ב-RTL) | תוכן. הטבלה של WooCommerce מפורקת ל-block
   כדי לקבל תווית מעל שדה, ולא th/td שנשברים ביישור.
   ========================================================================== */
body.hbless-qv-open { overflow: hidden; }

.hbless-qv {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: 20px;
}
.hbless-qv[hidden] { display: none; }

.hbless-qv__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(12, 11, 9, 0.66);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    animation: hbless-qv-fade 0.28s ease both;
}

.hbless-qv__dialog {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    align-items: start;
    gap: 36px;
    width: min(1000px, 100%);
    max-height: min(90vh, 780px);
    overflow-y: auto;
    padding: 40px;
    border-radius: 18px;
    background-color: #fff;
    box-shadow: 0 40px 90px -35px rgba(0, 0, 0, 0.65);
    animation: hbless-qv-in 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes hbless-qv-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes hbless-qv-in   { from { opacity: 0; transform: translateY(18px) scale(0.985); } to { opacity: 1; transform: none; } }
@keyframes hbless-qv-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

.hbless-qv.is-busy .hbless-qv__dialog { opacity: 0.55; pointer-events: none; }

/* --- סגירה --- */
.hbless-qv__close {
    position: absolute;
    top: 16px;
    inset-inline-end: 16px;
    display: grid;
    place-items: center;
    width: 40px; height: 40px;
    padding: 0;
    border: none; border-radius: 50%;
    background-color: rgba(26, 24, 21, 0.06);
    color: var(--wp--preset--color--contrast, #1A1815);
    cursor: pointer; z-index: 2;
    transition: background-color 0.25s ease, transform 0.25s ease;
}
.hbless-qv__close:hover { background-color: rgba(26, 24, 21, 0.13); transform: rotate(90deg); }
.hbless-qv__close svg { width: 18px; height: 18px; pointer-events: none; }
.hbless-qv__close:focus-visible { outline: 2px solid var(--wp--preset--color--accent, #EE6600); outline-offset: 2px; }

.hbless-qv__body { display: contents; }
.hbless-qv__loading,
.hbless-qv__error { grid-column: 1 / -1; padding: 80px 0; text-align: center; color: var(--wp--preset--color--contrast-2, #5A564E); }

/* --- מדיה --- */
.hbless-qv__media {
    display: grid;
    place-items: center;
    padding: 24px;
    border-radius: 14px;
    background-color: var(--wp--preset--color--base-2, #F2F1EA);
    overflow: clip;
    animation: hbless-qv-rise 0.5s cubic-bezier(0.16,1,0.3,1) 0.06s both;
}
.hbless-qv__media img {
    width: 100%; height: auto; border-radius: 8px;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.hbless-qv__media:hover img { transform: scale(1.04); }

/* --- תוכן --- */
.hbless-qv__content {
    padding-block-start: 6px;
    animation: hbless-qv-rise 0.5s cubic-bezier(0.16,1,0.3,1) 0.14s both;
}

.hbless-qv__title {
    margin: 0 0 6px;
    padding-inline-end: 52px; /* מפנה מקום לכפתור הסגירה */
    font-size: clamp(1.5rem, 2.3vw, 2.125rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.015em;
    text-wrap: balance;
}

/* פס אקצנט קטן מתחת לכותרת — נותן חיות בלי רעש */
.hbless-qv__title::after {
    content: "";
    display: block;
    width: 46px; height: 3px;
    margin-block-start: 14px;
    border-radius: 2px;
    background-color: var(--wp--preset--color--accent, #EE6600);
}

.hbless-qv__price {
    margin-block: 16px 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--wp--preset--color--contrast, #1A1815);
}
.hbless-qv__price del { opacity: 0.45; font-weight: 400; }

.hbless-qv__excerpt {
    margin-block-start: 14px;
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: 1.0625rem;
    line-height: 1.75;
}
.hbless-qv__excerpt p { margin: 0 0 8px; }

.hbless-qv__form { margin-block-start: 24px; }
.hbless-qv__form::before {
    content: "";
    display: block;
    height: 1px;
    margin-block-end: 24px;
    background-color: rgba(26, 24, 21, 0.10);
}

/* --- טופס הווריאציות: מפרקים את הטבלה --- */
.hbless-qv__form table.variations,
.hbless-qv__form table.variations tbody,
.hbless-qv__form table.variations tr,
.hbless-qv__form table.variations th,
.hbless-qv__form table.variations td {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    text-align: start;
}
.hbless-qv__form table.variations tr + tr { margin-block-start: 16px; }

.hbless-qv__form table.variations th.label label {
    display: block;
    margin-block-end: 8px;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--wp--preset--color--contrast, #1A1815);
}

.hbless-qv__form select {
    width: 100%;
    min-height: 52px;
    padding-inline: 16px 44px;
    border: 1px solid rgba(26, 24, 21, 0.18);
    border-radius: 10px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1815' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left 16px center;
    -webkit-appearance: none;
            appearance: none;
    font: inherit;
    font-size: 1rem;
    cursor: pointer;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.hbless-qv__form select:hover { border-color: rgba(26, 24, 21, 0.35); }
.hbless-qv__form select:focus-visible {
    outline: none;
    border-color: var(--wp--preset--color--accent, #EE6600);
    box-shadow: 0 0 0 3px rgba(238, 102, 0, 0.16);
}

.hbless-qv__form .reset_variations {
    display: inline-block;
    margin-block-start: 10px;
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: 0.8125rem;
    text-decoration: underline;
}
.hbless-qv__form .reset_variations:hover { color: var(--wp--preset--color--accent, #EE6600); }

/* --- מה שנחשף אחרי בחירת מידה: תיאור + מחיר --- */
.hbless-qv__form .single_variation_wrap { margin-block-start: 20px; }

.hbless-qv__form .woocommerce-variation-description {
    padding: 14px 16px;
    border-radius: 10px;
    background-color: var(--wp--preset--color--base-2, #F2F1EA);
    color: var(--wp--preset--color--contrast, #1A1815);
    font-size: 0.9375rem;
    line-height: 1.7;
}
.hbless-qv__form .woocommerce-variation-description p { margin: 0; }

.hbless-qv__form .woocommerce-variation-price {
    margin-block: 16px 4px;
    font-size: 1.625rem;
    font-weight: 800;
    color: var(--wp--preset--color--accent, #EE6600);
    letter-spacing: -0.01em;
}

/* --- כמות + הוספה לסל בשורה אחת --- */
.hbless-qv__form .woocommerce-variation-add-to-cart,
.hbless-qv__form form.cart:not(.variations_form) {
    display: flex;
    align-items: stretch;
    gap: 12px;
    margin-block-start: 18px;
}

/* min-width:0 חובה: ברירת המחדל של פריט flex היא min-width:auto,
   ולכן שדה הכמות מסרב לרדת מתחת ל-min-content ודוחף את הכפתור. */
.hbless-qv__form .woocommerce-variation-add-to-cart > *,
.hbless-qv__form form.cart:not(.variations_form) > * { min-width: 0; }

.hbless-qv__form .quantity {
    flex: 0 0 96px;
    min-width: 0;
    margin: 0;
    box-sizing: border-box;
}
.hbless-qv__form .quantity input.qty {
    width: 100%; height: 100%; min-height: 56px; box-sizing: border-box;
    padding: 0 10px; text-align: center;
    border: 1px solid rgba(26, 24, 21, 0.18); border-radius: 10px;
    font: inherit; font-size: 1rem; font-weight: 600;
}
.hbless-qv__form .quantity input.qty:focus-visible {
    outline: none;
    border-color: var(--wp--preset--color--accent, #EE6600);
    box-shadow: 0 0 0 3px rgba(238, 102, 0, 0.16);
}

.hbless-qv__form button.single_add_to_cart_button {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    box-sizing: border-box;
    min-height: 56px;
    padding-inline: 24px;
    border: none; border-radius: 10px;
    background-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
    font-size: 1rem; font-weight: 700; letter-spacing: -0.005em;
    cursor: pointer;
    box-shadow: 0 8px 22px -10px rgba(238, 102, 0, 0.9);
    transition: background-color 0.25s ease, box-shadow 0.3s ease, transform 0.25s ease;
}
.hbless-qv__form button.single_add_to_cart_button:hover:not(.disabled) {
    background-color: var(--wp--preset--color--accent-deep, #C85400);
    box-shadow: 0 12px 28px -10px rgba(238, 102, 0, 1);
    transform: translateY(-1px);
}
.hbless-qv__form button.single_add_to_cart_button:focus-visible {
    outline: 2px solid var(--wp--preset--color--contrast, #1A1815);
    outline-offset: 2px;
}
/* מצב "עוד לא נבחרה מידה" — אפור מכובד, לא כתום דהוי */
.hbless-qv__form button.single_add_to_cart_button.disabled,
.hbless-qv__form button.single_add_to_cart_button.wc-variation-selection-needed {
    background-color: rgba(26, 24, 21, 0.10);
    color: var(--wp--preset--color--contrast-2, #5A564E);
    box-shadow: none;
    cursor: not-allowed;
}

.hbless-qv__full-link {
    display: inline-block;
    margin-block-start: 18px;
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: 0.875rem;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.hbless-qv__full-link:hover { color: var(--wp--preset--color--accent, #EE6600); }

.hbless-qv__notice {
    grid-column: 1 / -1;
    margin: 0; padding: 13px 16px; border-radius: 10px;
    background-color: rgba(20, 98, 15, 0.08);
    color: #14620F;
    font-size: 0.9375rem; font-weight: 600;
}
.hbless-qv__notice.is-error { background-color: rgba(155, 28, 28, 0.08); color: #9B1C1C; }

@media (prefers-reduced-motion: reduce) {
    .hbless-qv__overlay,
    .hbless-qv__dialog,
    .hbless-qv__media,
    .hbless-qv__content { animation: none; }
    .hbless-qv__close:hover { transform: none; }
    .hbless-qv__media:hover img { transform: none; }
}

@media (max-width: 860px) {
    .hbless-qv { padding: 12px; }
    .hbless-qv__dialog {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 26px 20px 24px;
        border-radius: 14px;
    }
    .hbless-qv__media { max-width: 260px; margin-inline: auto; padding: 16px; }
    .hbless-qv__content { padding-block-start: 0; }
    .hbless-qv__title { padding-inline-end: 44px; }
    .hbless-qv__form .quantity { flex-basis: 84px; }
}

@media (max-width: 782px) {
    .hbless-carousel__nav--prev { inset-inline-start: 2px; }
    .hbless-carousel__nav--next { inset-inline-end: 2px; }
}

/* בכרטיס צר מאוד — מכווצים את הכפתורים, לא מפרקים את השורה */
@media (max-width: 430px) {
    .hbless-card__btn { font-size: 0.8125rem; gap: 6px; padding-inline: 8px; height: 44px; }
    .hbless-card__btn svg { width: 14px; height: 14px; }
}

/* שתי שורות תקציר — שומר על גובה אחיד בין הכרטיסים */
.hbless-card__excerpt {
    min-height: calc(0.875rem * 1.6 * 4); /* גובה קבוע ל-4 שורות — מיישר מחירים */
}
.hbless-card__excerpt p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ==========================================================================
   Carousel — autoplay
   Swiper מגדיר transition-timing-function פנימית; דורסים אותה כדי לקבל
   האטה רכה במקום ה-ease הדיפולטי.
   ========================================================================== */
.hbless-carousel .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.hbless-carousel__pause {
    position: absolute;
    top: -46px;
    inset-inline-end: 0;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 36px; height: 36px;
    padding: 0;
    border: 1px solid rgba(26, 24, 21, 0.16);
    border-radius: 50%;
    background-color: #fff;
    color: var(--wp--preset--color--contrast, #1A1815);
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.hbless-carousel__pause:hover,
.hbless-carousel__pause:focus-visible {
    background-color: var(--wp--preset--color--accent, #EE6600);
    border-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
}
.hbless-carousel__pause:focus-visible {
    outline: 2px solid var(--wp--preset--color--contrast, #1A1815);
    outline-offset: 2px;
}
/* מרכוז אבסולוטי — לא תלוי במודל הקופסה או ב-baseline של ה-svg */
.hbless-carousel__pause svg {
    position: absolute;
    top: 50%;
    left: 50%;               /* פיזי בכוונה: מרכוז סימטרי, אין הבדל RTL */
    transform: translate(-50%, -50%);
    width: 14px; height: 14px;
    pointer-events: none;
}
.hbless-carousel__pause .icon-play  { display: none; }
.hbless-carousel__pause.is-paused .icon-pause { display: none; }
.hbless-carousel__pause.is-paused .icon-play  { display: block; }
.hbless-carousel__pause[hidden] { display: none; }

/* ==========================================================================
   Quick View — יציאה ב-fade
   ========================================================================== */
@keyframes hbless-qv-out {
    from { opacity: 1; transform: none; }
    to   { opacity: 0; transform: translateY(10px) scale(0.985); }
}

.hbless-qv.is-closing .hbless-qv__overlay {
    animation: hbless-qv-fade 0.26s ease reverse both;
}
.hbless-qv.is-closing .hbless-qv__dialog {
    animation: hbless-qv-out 0.26s cubic-bezier(0.4, 0, 1, 1) both;
    pointer-events: none;
}

/* ==========================================================================
   הוספה לסל — משוב חזותי
   הרפאים עפים לעגלה, ואז הבאדג' קופץ. transform/opacity בלבד.
   ========================================================================== */
.hbless-fly {
    will-change: transform, opacity;
    object-fit: contain;
    box-shadow: 0 12px 30px -12px rgba(0, 0, 0, 0.5);
}

@keyframes hbless-bump {
    0%   { transform: scale(1); }
    30%  { transform: scale(1.45); }
    55%  { transform: scale(0.92); }
    100% { transform: scale(1); }
}

/* הבאדג' ממוקם absolute — שומרים על המיקום ומשנים רק scale */
.header-actions .wc-block-mini-cart__badge.hbless-bump {
    animation: hbless-bump 0.62s cubic-bezier(0.16, 1, 0.3, 1);
    transform-origin: center;
}

.header-actions .wc-block-mini-cart__button.hbless-bump {
    animation: hbless-bump 0.62s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
    .hbless-qv.is-closing .hbless-qv__overlay,
    .hbless-qv.is-closing .hbless-qv__dialog { animation: none; }
    .header-actions .wc-block-mini-cart__badge.hbless-bump,
    .header-actions .wc-block-mini-cart__button.hbless-bump { animation: none; }
}

/* ==========================================================================
   מחיר מבצע
   ========================================================================== */
.hbless-card__media { position: relative; }

.hbless-card__sale {
    position: absolute;
    top: 12px;
    inset-inline-start: 12px;
    z-index: 2;
    padding: 5px 11px;
    border-radius: 999px;
    background-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    box-shadow: 0 6px 16px -8px rgba(238, 102, 0, 0.9);
}

/* המחיר הישן קטן, מעומעם ומחוק. החדש גדול וכתום. */
.hbless-card__price del,
.hbless-qv__price del,
.hbless-qv__form .woocommerce-variation-price del {
    display: inline-block;
    margin-inline-end: 8px;
    color: var(--wp--preset--color--contrast-2, #5A564E);
    opacity: 0.65;
    font-size: 0.875em;
    font-weight: 400;
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}

.hbless-card__price ins,
.hbless-qv__price ins,
.hbless-qv__form .woocommerce-variation-price ins {
    background: none;
    color: var(--wp--preset--color--accent, #EE6600);
    font-weight: 800;
    text-decoration: none;
}

.hbless-card__price .woocommerce-Price-currencySymbol { font-weight: 400; opacity: 0.75; }

/* ==========================================================================
   Quick View — שלד טעינה (מונע "קפיצה" ותחושת איטיות)
   ========================================================================== */
.hbless-qv__skeleton {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 36px;
    width: 100%;
}
.hbless-qv__skeleton .sk-col { display: flex; flex-direction: column; gap: 14px; padding-block-start: 6px; }

.hbless-qv__skeleton .sk {
    border-radius: 8px;
    background: linear-gradient(90deg,
        rgba(26, 24, 21, 0.06) 25%,
        rgba(26, 24, 21, 0.11) 37%,
        rgba(26, 24, 21, 0.06) 63%);
    background-size: 400% 100%;
    animation: hbless-sk 1.4s ease infinite;
}
.hbless-qv__skeleton .sk--media  { aspect-ratio: 1 / 1; border-radius: 14px; }
.hbless-qv__skeleton .sk--title  { height: 30px; }
.hbless-qv__skeleton .sk--price  { height: 24px; width: 42%; }
.hbless-qv__skeleton .sk--text   { height: 16px; }
.hbless-qv__skeleton .sk--field  { height: 52px; border-radius: 10px; margin-block-start: 10px; }
.hbless-qv__skeleton .sk--button { height: 56px; border-radius: 10px; }
.hbless-qv__skeleton .short      { width: 62%; }

@keyframes hbless-sk {
    0%   { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}

@media (prefers-reduced-motion: reduce) {
    .hbless-qv__skeleton .sk { animation: none; }
}

@media (max-width: 860px) {
    .hbless-qv__skeleton { grid-template-columns: 1fr; gap: 22px; }
    .hbless-qv__skeleton .sk--media { max-width: 260px; margin-inline: auto; width: 100%; }
}

/* ==========================================================================
   Band: "איכות ללא פשרות" — קמופלאז' כהה + כרטיסי זכוכית
   כאן התמונה מוצגת במלואה ומעליה overlay אטום, בניגוד לבאנד הבהיר
   שבו התמונה עצמה דהויה. לכן שכבה אחת של background-image עם gradient.
   ========================================================================== */
main > .hbless-band.hbless-band--quality { margin-block-start: 0; }

.hbless-band--quality {
    display: grid;
    align-content: center;
    min-height: 92svh;
    padding-block: clamp(80px, 12vh, 150px);
    background-color: #1B1B1B;
    background-image:
        linear-gradient(rgba(27, 27, 27, 0.73), rgba(27, 27, 27, 0.73)),
        url("/wp-content/uploads/2023/12/BG-5.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--wp--preset--color--on-surface, #F4F4F5);
}
.hbless-band--quality::before { content: none; } /* אין שכבת ::before כמו בבאנד הבהיר */

/* בלי max-inline-size על ה-head: ה-ch נמדד לפי font-size של המיכל (1rem),
   כלומר 44ch ≈ 410px — צר מדי ל-H2 (453px) ולטקסט (435px).
   כל אלמנט מגביל את עצמו ב-em משלו, כך שהמידה מתכווצת יחד עם הפונט. */
.hbless-quality__head {
    margin-inline: auto;
    margin-block-end: clamp(40px, 6vh, 72px);
    text-align: center;
}

.hbless-eyebrow {
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(1.25rem, 2.1vw, 1.875rem);
    font-weight: 300;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
    transform-origin: 50% 0%;
}
.hbless-eyebrow strong { font-weight: 800; }

/* נמדד: 8.09em ברוחב. גם ב-2rem במובייל זה 259px — נשאר שורה אחת. */
.hbless-quality__title {
    margin: 0 0 16px;
    color: #fff;
    font-size: clamp(2.6rem, 4.6vw, 4.6rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.015em;
    text-wrap: balance;
    max-inline-size: none;
}

/* נמדד: 19.77em. 21em נותן שורה אחת בכל גודל פונט בטווח ה-clamp;
   במסכים צרים באמת הוא נשבר — ואז text-wrap: balance מאזן את השורות. */
.hbless-quality__tagline {
    margin: 0;
    max-inline-size: 21em;
    margin-inline: auto;
    color: rgba(244, 244, 245, 0.82);
    font-size: clamp(1rem, 1.5vw, 1.375rem);
    line-height: 1.6;
    text-wrap: balance;
    will-change: filter, transform;
}

/* --------------------------------------------------------------------------
   ארבע קוביות היתרונות — glassmorphism כהה
   -------------------------------------------------------------------------- */
.hbless-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    align-items: stretch;
}

.hbless-feature {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 24px 28px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.055);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
            backdrop-filter: blur(14px) saturate(120%);
    text-align: center;
    overflow: clip;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                background-color 0.4s ease, border-color 0.4s ease;
    will-change: filter, transform;
}

/* קו אור עדין בקצה העליון — נותן את תחושת הזכוכית */
.hbless-feature::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: 18%;
    height: 1px;
    background: linear-gradient(90deg,
        transparent,
        rgba(255, 255, 255, 0.45),
        transparent);
}

.hbless-feature:hover {
    transform: translateY(-4px);
    background-color: rgba(255, 255, 255, 0.085);
    border-color: rgba(255, 255, 255, 0.18);
}

/* בלוק wp:image עוטף ב-<figure>, ולכן הכלל יושב על ה-figure ועל ה-img */
.hbless-feature__icon {
    margin: 0 0 18px;
    width: 52px;
    line-height: 0;
}
.hbless-feature__icon img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    display: block;
}

.hbless-feature > * { margin-block: 0; }

.hbless-feature__title {
    margin: 0 0 12px;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.5;
    text-wrap: balance;
}

.hbless-feature__text {
    margin: 0;
    color: rgba(244, 244, 245, 0.74);
    font-size: 1.180rem;
    line-height: 1.7;
  	text-wrap: balance;
}

@media (max-width: 1024px) {
    .hbless-features { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .hbless-features { grid-template-columns: 1fr; }
}

/* ==========================================================================
   Band: "חשוב לדעת" + גריד הפוסטים
   ========================================================================== */
main > .hbless-band.hbless-band--know { margin-block-start: 0; }

.hbless-band--know {
    background-color: var(--wp--preset--color--base, #FDFCF8);
}
.hbless-band--know::before { content: none; }

.hbless-know__title {
    margin: 0 0 16px;
    color: var(--wp--preset--color--contrast, #1A1815);
    font-size: clamp(2.6rem, 4.6vw, 4.6rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.015em;
    transform-origin: 50% 0%;
}

.hbless-know__lead {
    max-inline-size: 37em;
    margin-inline: auto;
    margin-block-end: clamp(36px, 5vh, 60px);
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: clamp(1.25rem, 1.5vw, 1.75rem);
    line-height: 1.7;
    text-wrap: balance;
}

.hbless-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.hbless-post {
    border-radius: 14px;
    overflow: clip;
    background-color: #494842;
    box-shadow: 0 10px 30px -18px rgba(0, 0, 0, 0.35);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
    will-change: filter, transform;
}
.hbless-post:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.45); }

.hbless-post__link { display: block; color: inherit; text-decoration: none; }

.hbless-post__media {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: clip;
    background-color: rgba(26, 24, 21, 0.06);
}
.hbless-post__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.hbless-post:hover .hbless-post__media img { transform: scale(1.05); }

.hbless-post__title {
    margin: 0;
    padding: 20px 22px 24px;
    color: #edebe3;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-wrap: balance;
    transition: color 0.25s ease;
}
.hbless-post:hover .hbless-post__title { color: var(--wp--preset--color--accent, #EE6600); }

.hbless-post__link:focus-visible {
    outline: 2px solid var(--wp--preset--color--accent, #EE6600);
    outline-offset: 3px;
}

@media (max-width: 900px) {
    .hbless-posts { grid-template-columns: 1fr; max-inline-size: 460px; margin-inline: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .hbless-feature:hover,
    .hbless-post:hover { transform: none; }
    .hbless-post:hover .hbless-post__media img { transform: none; }
}

/* ==========================================================================
   Footer — קמופלאז' כהה, אותה שכבה כמו "איכות ללא פשרות"
   ========================================================================== */
.hbless-footer {
    position: relative;
    isolation: isolate;
    padding-block: clamp(64px, 9vh, 120px);
    padding-inline: 24px;
    background-color: #1B1B1B;
    background-image:
        linear-gradient(rgba(27, 27, 27, 0.78), rgba(27, 27, 27, 0.78)),
        url("/wp-content/uploads/2023/12/BG-5.jpg");
    background-size: cover;
    background-position: center;
    color: var(--wp--preset--color--on-surface, #F4F4F5);
}

.hbless-footer__title {
    max-inline-size: 18em;
    margin: 0 auto clamp(48px, 7vh, 84px);
    color: #fff;
    font-size: clamp(1.625rem, 3.2vw, 2.875rem);
    font-weight: 700;
    line-height: 1.35;
    text-wrap: balance;
}

.hbless-footer__main { gap: clamp(28px, 5vw, 72px); align-items: center; }

/* --- וידאו --- */
.hbless-footer__video { margin: 0; }
.hbless-footer__video video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 26px 60px -30px rgba(0, 0, 0, 0.9);
}

/* --- טקסטים --- */
.hbless-footer__lead {
    max-inline-size: 24em;
    margin: 0 auto 26px;
    color: rgba(244, 244, 245, 0.9);
    font-size: clamp(1rem, 1.3vw, 1.1875rem);
    line-height: 1.7;
    text-wrap: balance;
}

.hbless-footer__subtle {
    margin: 26px 0 18px;
    color: rgba(244, 244, 245, 0.62);
    font-size: 0.875rem;
    font-weight: 600;
}

.hbless-footer__follow {
    margin: 32px 0 12px;
    color: rgba(244, 244, 245, 0.62);
    font-size: 0.875rem;
}

/* --- וואטסאפ / טלפון --- */
.hbless-quick-contact { gap: 12px; justify-content: center; }

.hbless-quick-contact .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    box-sizing: border-box;
    height: 46px;
    padding-inline: 20px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.06);
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1;
    transition: background-color 0.25s ease, border-color 0.25s ease,
                color 0.25s ease, transform 0.25s ease;
}
.hbless-quick-contact .wp-block-button__link:hover,
.hbless-quick-contact .wp-block-button__link:focus-visible {
    transform: translateY(-2px);
    border-color: #fff;
}

/* האייקון נכנס דרך mask כדי שיירש את צבע הטקסט */
.hbless-quick-contact .wp-block-button__link::before {
    content: "";
    width: 18px; height: 18px;
    flex: none;
    background-color: currentColor;
    -webkit-mask: var(--icon) center / contain no-repeat;
            mask: var(--icon) center / contain no-repeat;
}
.hbless-quick-contact__btn--wa .wp-block-button__link {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.5 14.4c-.3-.2-1.8-.9-2-1s-.5-.1-.7.1-.8 1-1 1.2-.3.2-.6.1-1.3-.5-2.4-1.5c-.9-.8-1.5-1.8-1.7-2.1s0-.5.1-.6l.5-.5.3-.5c.1-.2 0-.4 0-.5l-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4s-1 1-1 2.5 1.1 2.9 1.2 3.1 2.1 3.2 5.1 4.5c1.9.8 2.6.9 3.5.8.6-.1 1.8-.7 2-1.4s.2-1.3.2-1.4-.3-.2-.5-.3M12 22a10 10 0 1 1 10-10 10 10 0 0 1-10 10'/%3E%3C/svg%3E");
}
.hbless-quick-contact__btn--wa .wp-block-button__link:hover,
.hbless-quick-contact__btn--wa .wp-block-button__link:focus-visible {
    background-color: #25D366; border-color: #25D366; color: #0B140E;
}
.hbless-quick-contact__btn--tel .wp-block-button__link {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
    direction: ltr;
}
.hbless-quick-contact__btn--tel .wp-block-button__link:hover,
.hbless-quick-contact__btn--tel .wp-block-button__link:focus-visible {
    background-color: var(--wp--preset--color--accent, #EE6600);
    border-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
}

/* ==========================================================================
   Contact form
   ========================================================================== */
.hbless-form { margin-inline: auto; max-inline-size: 34em; }

/* honeypot — מוסתר מהעין, נגיש לבוטים בלבד */
.hbless-form__hp {
    position: absolute;
    width: 1px; height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.hbless-form__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.hbless-form__field { position: relative; display: flex; flex-direction: column; }

/* התווית קיימת לקורא מסך; ויזואלית הפלייסהולדר מספיק */
.hbless-form__label {
    position: absolute;
    width: 1px; height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.hbless-form input,
.hbless-form textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.94);
    color: #1A1815;
    font: inherit;
    font-size: 0.9375rem;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.hbless-form textarea { min-height: 108px; resize: vertical; margin-block-start: 10px; }

.hbless-form input::placeholder,
.hbless-form textarea::placeholder { color: #8C877D; }

.hbless-form input:focus-visible,
.hbless-form textarea:focus-visible {
    outline: none;
    background-color: #fff;
    border-color: var(--wp--preset--color--accent, #EE6600);
    box-shadow: 0 0 0 3px rgba(238, 102, 0, 0.28);
}
.hbless-form [aria-invalid="true"] {
    border-color: #E4685D;
    box-shadow: 0 0 0 3px rgba(228, 104, 93, 0.22);
}

.hbless-form__error {
    margin-block-start: 6px;
    color: #FFB4AC;
    font-size: 0.8125rem;
    text-align: start;
}

.hbless-form__notice {
    margin: 0 0 16px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 600;
}
.hbless-form__notice.is-success { background-color: rgba(37, 211, 102, 0.16); color: #B7F5CE; }
.hbless-form__notice.is-error   { background-color: rgba(228, 104, 93, 0.16); color: #FFC9C3; }

.hbless-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    min-height: 52px;
    margin-block-start: 12px;
    padding-inline: 24px;
    border: none;
    border-radius: 8px;
    background-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
    font: inherit;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 22px -10px rgba(238, 102, 0, 0.9);
    transition: background-color 0.25s ease, box-shadow 0.3s ease, transform 0.25s ease;
}
.hbless-form__submit svg { width: 17px; height: 17px; transition: transform 0.3s cubic-bezier(0.16,1,0.3,1); }
.hbless-form__submit:hover {
    background-color: var(--wp--preset--color--accent-deep, #C85400);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px -10px rgba(238, 102, 0, 1);
}
.hbless-form__submit:hover svg { transform: translateX(-4px); }
.hbless-form__submit:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* ==========================================================================
   Social links (core block)
   ========================================================================== */
.hbless-social { gap: 10px !important; }
.hbless-social .wp-block-social-link {
    border-radius: 50%;
    transition: transform 0.25s ease, background-color 0.25s ease;
}
.hbless-social .wp-block-social-link:hover { transform: translateY(-3px); }
.hbless-social .wp-social-link { padding: 7px; }

/* ==========================================================================
   Bottom bar
   ========================================================================== */
.hbless-footer-bar {
    align-items: center;
    gap: 16px;
    padding: 18px 32px;
    background-color: #111110;
    color: rgba(244, 244, 245, 0.62);
    font-size: 0.8125rem;
    border-block-start: 1px solid rgba(255, 255, 255, 0.06);
}

.hbless-footer-bar p { margin: 0; }

.hbless-footer-nav .wp-block-navigation-item__content {
    color: rgba(244, 244, 245, 0.72);
    font-size: 0.8125rem;
    transition: color 0.25s ease;
}
.hbless-footer-nav .wp-block-navigation-item__content:hover,
.hbless-footer-nav .wp-block-navigation-item__content:focus-visible {
    color: var(--wp--preset--color--accent, #EE6600);
}

.hbless-credit { color: rgba(244, 244, 245, 0.5); }
.hbless-credit a { color: rgba(244, 244, 245, 0.72); text-decoration: none; }
.hbless-credit a:hover { color: var(--wp--preset--color--accent, #EE6600); }
.hbless-credit__heart { color: #E4685D; }

:where(.hbless-footer a, .hbless-footer-bar a, .hbless-form button):focus-visible {
    outline: 2px solid var(--wp--preset--color--accent, #EE6600);
    outline-offset: 2px;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
/* wp-block-columns עורם לעמודה אחת ב-781px. אם נהפוך את הכיוון
   ב-900px, בטווח 781–900 העמודות עדיין זו לצד זו — וההיפוך יהפוך
   אותן *אופקית*. לכן אותו breakpoint בדיוק. */
@media (max-width: 781px) {
    .hbless-footer__main { flex-direction: column-reverse; }
    .hbless-footer__media { max-width: 420px; margin-inline: auto; }
}

@media (max-width: 900px) {
    .hbless-footer-bar { justify-content: center; text-align: center; flex-direction: column; }
}

@media (max-width: 600px) {
    .hbless-form__row { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .hbless-quick-contact .wp-block-button__link:hover,
    .hbless-social .wp-block-social-link:hover,
    .hbless-form__submit:hover { transform: none; }
    .hbless-form__submit:hover svg { transform: none; }
}


/* ==========================================================================
   SINGLE PRODUCT — הוטמע 1:1 מהמודל המאושר (product-mockup.html)
   מבנה: .hbless-product__top = grid [info | media]
   ========================================================================== */

.hbless-product__main {
    padding-block: 32px 72px;
    padding-inline: 24px;
}
.hbless-product__crumbs {
    margin-block-end: 4px;
    font-size: 0.8125rem;
    color: var(--wp--preset--color--contrast-2, #5A564E);
}
.hbless-product__crumbs a { color: var(--wp--preset--color--contrast-2, #5A564E); text-decoration: none; }
.hbless-product__crumbs a:hover { color: var(--wp--preset--color--accent, #EE6600); }

/* ---------- דסקטופ: grid 2 עמודות ---------- */
@media (min-width: 821px) {
    .hbless-product__top {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "info media";
        gap: clamp(32px, 4vw, 64px);
        align-items: start;
    }
    .hbless-product__media { grid-area: media; }
    .hbless-product__info  { grid-area: info; }
    .hbless-product__gallery { position: sticky; top: 24px; }
    /* עטיפת <p> של WP סביב פלט shortcode — משטחים רק עוטפי-רכיב (לא SKU) */
    .hbless-product__info > p:has(.hbless-wa-button) { display: contents; }
    .hbless-product__info > p:empty { display: none; }
}

/* ---------- גלריה ---------- */
.hbless-product__gallery figure { margin: 0; }
.hbless-product__gallery .wc-block-components-product-image-gallery,
.hbless-product__gallery .wp-block-woocommerce-product-image-gallery {
    border-radius: 18px;
    overflow: clip;
    background: var(--wp--preset--color--base-2, #F2F1EA);
    box-shadow: none;
    border: none;
}
.hbless-product__gallery img {
    border-radius: 18px;
    display: block;
    width: 100%;
    box-shadow: none;
}
.hbless-product__gallery figure,
.hbless-product__gallery .wc-block-components-product-image-gallery__image {
    box-shadow: none !important;
    border: none !important;
}

/* ---------- Badges — צמודים לתמונה, ממורכזים ---------- */
.hbless-product__badges {
    display: flex;
    justify-content: center;
    gap: clamp(16px, 3vw, 40px);
    margin: 22px 0 0;
    padding-block-start: 22px;
    border-block-start: 1px solid rgba(26,24,21,0.10);
    list-style: none;
}
.hbless-product__badges li { list-style: none; }
.hbless-product__badge { display: flex; align-items: center; gap: 9px; }
.hbless-product__badge-icon {
    width: 30px; height: 30px; flex: none;
    display: grid; place-items: center;
    color: #3E5C4B;
}
.hbless-product__badge-icon svg { width: 26px; height: 26px; }
.hbless-product__badge-label {
    font-size: 0.8125rem; font-weight: 600;
    color: var(--wp--preset--color--contrast, #1A1815);
    white-space: nowrap;
}

/* ---------- Info column ---------- */
.hbless-product__title {
    margin: 0 0 14px;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
}
.hbless-product__sku { margin: 0 0 18px; font-size: 0.8125rem; color: var(--wp--preset--color--contrast-2, #5A564E); }

.hbless-product__price,
.hbless-product__price .woocommerce-Price-amount,
.hbless-card__price,
.hbless-qv__price {
    direction: ltr;
    unicode-bidi: isolate;
}
/* QV: המחיר מיושר לימין (מתחת לכותרת), הסמל ₪ בתוכו משמאל */
.hbless-qv__price { text-align: right; }
.hbless-card__price { text-align: center; }
.hbless-product__price {
    text-align: right;
    margin: 0 0 20px;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    font-weight: 400;
    color: var(--wp--preset--color--contrast, #1A1815);
}
.hbless-product__price del { opacity: 0.4; font-size: 0.72em; margin-inline-start: 10px; }
.hbless-product__price ins { text-decoration: none; color: var(--wp--preset--color--accent, #EE6600); font-weight: 700; }

.hbless-product__desc {
    margin: 0 0 24px;
    padding-block-end: 24px;
    border-block-end: 1px solid rgba(26,24,21,0.10);
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
    text-align: right;
}
.hbless-product__desc h2 { font-size: 1.1em; color: #56544a; }
.hbless-product__desc strong { color: var(--wp--preset--color--contrast, #1A1815); }
.hbless-product__desc p { margin: 0 0 0.7em; }
.hbless-product__desc p:last-child { margin-bottom: 0; }

/* ---------- בורר גודל ---------- */
.hbless-product__cart table.variations {
    display: block;
    width: 100%;
    margin: 0 0 20px;
    border: 0;
}
.hbless-product__cart table.variations tbody { display: block; width: 100%; }
.hbless-product__cart table.variations tr {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}
.hbless-product__cart table.variations th.label {
    display: flex; align-items: center; margin: 0; padding: 0;
    flex: none; font-weight: 600; font-size: 0.9375rem; white-space: nowrap;
    line-height: 1;
    /* גובה זהה ל-select כדי שהמרכז האנכי של הכותרת יתיישר עם מרכז ה-select */
    height: 52px;
}
.woocommerce div.product form.cart .variations th { line-height: 1; }
.hbless-product__cart table.variations th.label label { margin: 0; line-height: 1; }
.hbless-product__cart table.variations td.value { flex: 1 1 auto; position: relative; }
.hbless-product__cart .variations select,
.hbless-product__cart select {
    box-sizing: border-box;
    width: 100%; height: 52px !important;
    min-height: 52px;
    margin: 0;
    padding-inline: 18px 44px;
    border: 1px solid rgba(26,24,21,0.14) !important;
    border-radius: 10px !important;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A564E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 16px center;
    background-size: 18px;
    font: inherit; font-size: 1rem;
    color: var(--wp--preset--color--contrast, #1A1815);
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    cursor: pointer;
}
.hbless-product__cart table.variations td.value { padding-block-end: 0; }
.hbless-product__cart .reset_variations {
    position: absolute;
    inset-block-start: calc(52px + 6px); /* מתחת ל-select */
    inset-inline-start: 0;
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: 0.8125rem; text-decoration: underline;
}

/* מחיר וריאציה — כתום בולט */
.hbless-product__cart .woocommerce-variation-price {
    direction: ltr; unicode-bidi: isolate; text-align: right;
    margin: 14px 0 4px;
    font-size: clamp(1.5rem, 2.6vw, 2rem);
    font-weight: 800;
    color: var(--wp--preset--color--accent, #EE6600);
}

/* ---------- שורת qty + הוספה לסל ---------- */
/* המבנה האמיתי: .variations_button (flex) מכיל quantity + button + wishlist.
   רוצים: [כמות][הוספה לסל] בשורה, ווישליסט בשורה נפרדת מתחת. */
.hbless-product .woocommerce-variation-add-to-cart,
.hbless-product form.cart:not(.variations_form) {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
/* הווישליסט יורד לשורה משלו */
.hbless-product__actions {
    flex: 1 1 100%;
    order: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-block-start: 4px;
}
.hbless-product__actions .hbless-product__wishlist { margin: 0; }
/* אינפוטים נסתרים לא תופסים מקום */
.hbless-product .woocommerce-variation-add-to-cart > input[type="hidden"] { display: none; }

.hbless-product .quantity {
    box-sizing: border-box;
    flex: none;
    display: flex; align-items: center; justify-content: center;
    height: 52px;
    border: 1px solid rgba(26,24,21,0.14);
    border-radius: 10px; overflow: hidden;
    background: #fff;
}
.hbless-product .quantity input.qty {
    box-sizing: border-box;
    width: 60px; height: 50px;
    border: none; text-align: center;
    font: inherit; font-weight: 600; font-size: 1rem;
    background: transparent;
    -moz-appearance: textfield;
}
.hbless-product .quantity input.qty::-webkit-outer-spin-button,
.hbless-product .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.hbless-product .quantity label.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.hbless-product .single_add_to_cart_button::before {
    content: "";
    width: 20px; height: 20px;
    flex: none;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/%3E%3C/svg%3E") no-repeat center/contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/%3E%3C/svg%3E") no-repeat center/contain;
}
.hbless-product .single_add_to_cart_button {
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    grid-column: auto !important; justify-self: stretch !important;
    height: 52px !important; min-height: 0 !important; min-width: 200px;
    margin: 0 !important; padding: 0 28px !important;
    border: none !important; border-radius: 10px !important;
    background: var(--wp--preset--color--accent, #EE6600) !important;
    color: #fff !important;
    font: inherit !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 1 !important;
    display: inline-flex !important; align-items: center; justify-content: center; gap: 10px;
    box-shadow: 0 10px 26px -12px rgba(238,102,0,0.9);
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}
.hbless-product .single_add_to_cart_button:hover:not(.disabled) {
    background: var(--wp--preset--color--accent-deep, #C85400) !important;
    transform: translateY(-1px);
}
.hbless-product .single_add_to_cart_button.disabled,
.hbless-product .single_add_to_cart_button.wc-variation-selection-needed { opacity: 0.45; cursor: not-allowed; box-shadow: none; }

/* ---------- Wishlist — לב אדום, טקסט רגיל, בלי רקע ---------- */
.hbless-product__wishlist { margin: 14px 0 0; }
.hbless-product__wishlist .yith-wcwl-add-to-wishlist-button,
.hbless-product__wishlist a,
.hbless-product__wishlist button {
    display: inline-flex !important; align-items: center; gap: 8px;
    min-height: 0 !important; margin: 0 !important; padding: 6px 0 !important;
    background: none !important; background-color: transparent !important;
    border: none !important; box-shadow: none !important;
    color: var(--wp--preset--color--contrast, #1A1815) !important;
    font: inherit !important; font-size: 0.9375rem !important; font-weight: 400 !important;
    text-decoration: none !important; cursor: pointer;
}
.hbless-product__wishlist .yith-wcwl-add-to-wishlist-button__label,
.hbless-product__wishlist button span,
.hbless-product__wishlist a span {
    color: var(--wp--preset--color--contrast, #1A1815) !important;
    font-weight: 400 !important;
}
.hbless-product__wishlist a:hover,
.hbless-product__wishlist button:hover,
.hbless-product__wishlist a:hover span,
.hbless-product__wishlist button:hover span { color: var(--wp--preset--color--accent, #EE6600) !important; }
.hbless-product__wishlist svg,
.hbless-product__wishlist i,
.hbless-product__wishlist svg * { color: #E4483D !important; fill: #E4483D !important; }
.hbless-product__wishlist .yith-wcwl-wishlistaddedbrowse,
.hbless-product__wishlist .yith-wcwl-wishlistexistsbrowse { display: none !important; }
.hbless-product .yith-add-to-wishlist-button-block:not(.hbless-product__wishlist *),
.hbless-product .yith-wcwl-add-to-wishlist:not(.hbless-product__wishlist *) { display: none !important; }

/* ---------- כפתור וואטסאפ ---------- */
.hbless-wa-button {
    display: inline-flex; align-items: center; gap: 8px;
    box-sizing: border-box;
    height: 44px; margin: 20px 0 0; padding-inline: 20px;
    border-radius: 10px;
    background: #429b64; color: #fff;
    font-size: 0.875rem; font-weight: 700; line-height: 1em;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}
.hbless-wa-button:hover { background: #1EBE5A; transform: translateY(-1px); color: #fff; }
.hbless-wa-button__icon { display: grid; place-items: center; width: 18px; flex: none; }
.hbless-wa-button__icon svg { width: 18px; }

/* ==========================================================================
   TABS
   ========================================================================== */
.hbless-ptabs { max-width: 1000px; margin: clamp(40px,6vh,72px) auto 0; }
.hbless-ptabs__nav {
    display: flex; gap: 6px;
    border-block-end: 1px solid rgba(26,24,21,0.14);
    margin-block-end: 28px;
}
.hbless-ptabs__tab {
    position: relative; padding: 12px 22px;
    border: none; background: none; font: inherit;
    font-size: 0.9375rem; font-weight: 600;
    color: var(--wp--preset--color--contrast-2, #5A564E); cursor: pointer;
}
.hbless-ptabs__tab::after {
    content: ""; position: absolute; inset-inline: 12px; inset-block-end: -1px;
    height: 3px; border-radius: 3px 3px 0 0;
    background: var(--wp--preset--color--accent, #EE6600);
    transform: scaleX(0); transition: transform 0.3s cubic-bezier(0.16,1,0.3,1);
}
.hbless-ptabs__tab[aria-selected="true"] { color: var(--wp--preset--color--contrast, #1A1815); }
.hbless-ptabs__tab[aria-selected="true"]::after { transform: scaleX(1); }
.hbless-ptabs__tab:focus-visible { outline: 2px solid var(--wp--preset--color--accent, #EE6600); outline-offset: 2px; }
.hbless-ptabs__panel { animation: hbless-tab-in 0.4s cubic-bezier(0.16,1,0.3,1); }
@keyframes hbless-tab-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.hbless-ptabs__content { color: var(--wp--preset--color--contrast, #1A1815); font-size: 1rem; line-height: 1.8; }
.hbless-ptabs__content > :first-child { margin-block-start: 0; }
.hbless-ptabs__content > :last-child { margin-block-end: 0; }
.hbless-ptabs__content p { margin: 0 0 1em; }
.hbless-ptabs__content ul, .hbless-ptabs__content ol { margin: 0 0 1em; padding-inline-start: 1.4em; }
.hbless-ptabs__content table { width: 100%; border-collapse: collapse; margin: 0 0 1em; font-size: 0.9375rem; }
.hbless-ptabs__content th, .hbless-ptabs__content td { padding: 10px 14px; border: 1px solid rgba(26,24,21,0.14); text-align: start; }
.hbless-ptabs__content thead th, .hbless-ptabs__content tr:first-child td { background: var(--wp--preset--color--base-2, #F2F1EA); font-weight: 700; }

/* ==========================================================================
   RELATED — קרוסלה
   ========================================================================== */
.hbless-related {
    background: var(--wp--preset--color--base-2, #F2F1EA);
    padding-block: clamp(48px, 7vh, 80px);
    margin-block-start: 20px;
}
.hbless-related > * { max-width: 1200px; margin-inline: auto; padding-inline: 24px; box-sizing: border-box; }
.hbless-related .hbless-carousel { padding-inline: 0; }
.hbless-related__title {
    text-align: center !important;
    margin: 0 auto clamp(28px, 4vh, 48px) !important;
    font-size: clamp(1.625rem, 3vw, 2.25rem);
    font-weight: 800; letter-spacing: -0.015em;
    color: var(--wp--preset--color--contrast, #1A1815);
}
.hbless-related__viewport { position: relative; max-width: 1200px; margin-inline: auto; }
.hbless-related__arrow {
    position: absolute; top: 40%; transform: translateY(-50%); z-index: 3;
    width: 46px; height: 46px; border-radius: 50%; border: none;
    background: #fff; box-shadow: 0 6px 20px -6px rgba(0,0,0,0.3);
    display: grid; place-items: center; cursor: pointer;
    color: var(--wp--preset--color--contrast, #1A1815);
    transition: background 0.2s ease, color 0.2s ease;
}
.hbless-related__arrow:hover { background: var(--wp--preset--color--accent, #EE6600); color: #fff; }
.hbless-related__arrow svg { width: 22px; height: 22px; }
.hbless-related__arrow--prev { inset-inline-start: 6px; }
.hbless-related__arrow--next { inset-inline-end: 6px; }
.hbless-related__dots { display: flex; justify-content: center; gap: 8px; margin-block-start: 28px; }
.hbless-related__dot {
    width: 8px; height: 8px; border-radius: 50%; border: none;
    background: rgba(26,24,21,0.2); cursor: pointer;
    transition: background 0.2s ease, width 0.2s ease;
}
.hbless-related__dot.is-active { background: var(--wp--preset--color--accent, #EE6600); width: 22px; border-radius: 4px; }

/* ==========================================================================
   מובייל (≤820px)
   ========================================================================== */
@media (max-width: 820px) {
    .hbless-product__main { padding-inline: 16px; padding-block: 18px 44px; }

    .hbless-product__top { display: flex; flex-direction: column; gap: 0; }
    .hbless-product__media, .hbless-product__info { display: contents; }
    /* WP עוטף פלט shortcode ב-<p> — משטחים רק את אלה שעוטפים רכיב, לא את ה-SKU */
    .hbless-product__info > p:empty { display: none; }
    .hbless-product__info > p:has(.hbless-wa-button),
    .hbless-product__info > p:has(.hbless-product__badges) { display: contents; }

    /* כל הילדים המשוטחים ברוחב מלא */
    .hbless-product__top > *,
    .hbless-product__title, .hbless-product__sku, .hbless-product__price,
    .hbless-product__desc, .hbless-product__gallery, .hbless-product__badges,
    .hbless-product__cart, .hbless-wa-button {
        width: 100%; align-self: stretch; max-width: none;
    }

    /* סדר */
    .hbless-product__title { order: 1; margin: 0 0 4px; font-size: 1.625rem; line-height: 1.25; }
    .hbless-product__sku   { order: 2; margin: 0 0 10px; }
    .hbless-product__price { order: 3; margin: 0 0 12px; font-size: 1.375rem; }
    .hbless-product__desc  { order: 4; margin: 0 0 2px; padding-block-end: 16px; font-size: 0.9375rem; }
    .hbless-product__gallery { order: 5; position: static; margin: 4px 0 0; }
    .hbless-product__gallery img { border-radius: 14px; }
    .hbless-product__badges {
        order: 6;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        gap: 6px;
        margin-block-start: 16px;
        padding: 16px 0 0;
        overflow: hidden;
    }
    .hbless-product__cart  { order: 7; margin-block-start: 22px; }
    .hbless-wa-button      { order: 8; }

    .hbless-product__badge {
        box-sizing: border-box;
        flex: 1 1 0;
        min-width: 0;
        flex-direction: column;
        gap: 6px;
        text-align: center;
        padding-inline: 2px;
    }
    .hbless-product__badge-icon { flex: none; }
    .hbless-product__badge-label { font-size: 0.6875rem; white-space: normal; line-height: 1.25; word-break: break-word; }

    /* בורר גודל — תווית מעל */
    .hbless-product__cart table.variations tr { flex-direction: column; align-items: stretch; gap: 8px; }

    /* טאבים */
    .hbless-ptabs { margin-block: 28px 0; }
    .hbless-ptabs__nav { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
    .hbless-ptabs__nav::-webkit-scrollbar { display: none; }
    .hbless-ptabs__tab { flex: 0 0 auto; white-space: nowrap; padding: 10px 14px; font-size: 0.875rem; }
    .hbless-ptabs__content table { display: block; overflow-x: auto; }

    /* קרוסלה */
    .hbless-related__title { font-size: 1.625rem; }
    .hbless-related__arrow { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .hbless-ptabs__panel { animation: none; }
    .hbless-product .single_add_to_cart_button:hover,
    .hbless-wa-button:hover, .hbless-related__arrow:hover { transform: none; }
}


/* WooCommerce zoom overlay — גיבוי: מונע עיוות/גלישה אם ה-zoom נטען בכל זאת */
.zoomImg {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}
/* גלריית מוצר — התמונה תמיד יחס נכון, ללא עיוות */
.woocommerce-product-gallery__image img,
.wc-block-components-product-image-gallery img {
    object-fit: contain !important;
}

/* ==========================================================================
   SHOP ARCHIVE — סיידבר פילטרים + גריד 3 עמודות (הוטמע מהמודל המאושר)
   ========================================================================== */
.hbless-shop { max-width: 1280px; margin-inline: auto; }
/* ה-drawer הסגור הוא fixed + visibility:hidden, כך שאינו גורם לגלישה.
   אין צורך ב-overflow clip שעלול לגרום ל-repaint jitter באנדרואיד. */

/* ---------- Toolbar ---------- */
.hbless-shop__toolbar {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-block: 24px 28px;
    padding-block-end: 20px;
    border-block-end: 1px solid rgba(26,24,21,0.10);
}
.hbless-shop__filter-toggle {
    display: none;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding-inline: 18px;
    border: 1px solid rgba(26,24,21,0.16);
    border-radius: 10px;
    background: #fff;
    font: inherit; font-weight: 600;
    cursor: pointer;
}
.hbless-shop__filter-toggle svg { width: 18px; height: 18px; }
.hbless-shop__count { margin: 0; color: var(--wp--preset--color--contrast-2, #5A564E); font-size: 0.9375rem; }
.hbless-shop__sort { display: flex; align-items: center; gap: 10px; margin-inline-start: auto; }
.hbless-shop__sort-label { font-size: 0.875rem; color: var(--wp--preset--color--contrast-2, #5A564E); white-space: nowrap; }
.hbless-shop__sort-select {
    height: 44px;
    padding-inline: 18px 42px;
    border: 1px solid rgba(26,24,21,0.16);
    border-radius: 10px;
    background: #fff no-repeat left 16px center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A564E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-size: 18px;
    font: inherit; font-size: 0.9375rem;
    color: var(--wp--preset--color--contrast, #1A1815);
    appearance: none; -webkit-appearance: none;
    cursor: pointer; min-width: 190px;
}

/* ---------- Layout ---------- */
.hbless-shop__layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 40px;
    align-items: start;
    padding-block-end: 80px;
}
.hbless-shop__results { min-width: 0; }

/* ---------- Filters sidebar ---------- */
.hbless-shop__filters { position: sticky; top: 24px; }
.hbless-filter-group {
    padding-block: 4px 24px;
    margin-block-end: 24px;
    border-block-end: 1px solid rgba(26,24,21,0.10);
}
.hbless-filter-group:last-of-type { border-block-end: none; }
.hbless-filter-group__title { margin: 0 0 16px; font-size: 1rem; font-weight: 700; }
.hbless-filter-group__list { display: flex; flex-direction: column; gap: 2px; }

.hbless-check {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 8px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease;
}
.hbless-check:hover { background: var(--wp--preset--color--base-2, #F2F1EA); }
.hbless-check input { position: absolute; opacity: 0; width: 0; height: 0; }
.hbless-check__box {
    flex: none;
    width: 20px; height: 20px;
    border: 2px solid rgba(26,24,21,0.16);
    border-radius: 6px;
    display: grid; place-items: center;
    transition: background 0.2s ease, border-color 0.2s ease;
}
.hbless-check__box svg { width: 12px; height: 12px; opacity: 0; transform: scale(0.5); transition: opacity 0.15s ease, transform 0.15s ease; color: #fff; }
.hbless-check input:checked + .hbless-check__box { background: var(--wp--preset--color--accent, #EE6600); border-color: var(--wp--preset--color--accent, #EE6600); }
.hbless-check input:checked + .hbless-check__box svg { opacity: 1; transform: scale(1); }
.hbless-check input:focus-visible + .hbless-check__box { outline: 2px solid var(--wp--preset--color--accent, #EE6600); outline-offset: 2px; }
.hbless-check__label { flex: 1; font-size: 0.9375rem; }
.hbless-check__count { color: var(--wp--preset--color--contrast-2, #5A564E); font-size: 0.8125rem; }

.hbless-shop__clear {
    display: inline-flex; align-items: center; gap: 6px;
    margin-block-start: 4px;
    border: none; background: none; cursor: pointer;
    color: var(--wp--preset--color--accent, #EE6600);
    font: inherit; font-size: 0.875rem; font-weight: 600;
}

/* ---------- Grid ---------- */
.hbless-shop__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px 24px;
    transition: opacity 0.2s ease;
    min-width: 0;
}
.hbless-shop__grid > * { min-width: 0; }
.hbless-shop__grid.is-loading { opacity: 0.5; pointer-events: none; }
.hbless-shop__grid .hbless-card { width: auto; } /* לא swiper-slide בגריד */
.hbless-shop__empty {
    grid-column: 1 / -1;
    text-align: center;
    padding-block: 60px;
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: 1.0625rem;
}

/* ---------- Mobile drawer ---------- */
.hbless-shop__overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.45);
    opacity: 0; visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 9998;
}
.hbless-shop__overlay.is-open { opacity: 1; visibility: visible; }
.hbless-shop__filters-head { display: none; }

@media (max-width: 1024px) {
    .hbless-shop__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .hbless-shop__layout { grid-template-columns: 1fr; gap: 0; }
    .hbless-shop__filter-toggle { display: inline-flex; }

    .hbless-shop__filters {
        position: fixed;
        inset-block: 0;
        inset-inline-end: 0;
        width: min(340px, 86vw);
        max-width: 100vw;
        background: var(--wp--preset--color--base, #FDFCF8);
        z-index: 9999;
        padding: 24px;
        overflow-y: auto;
        /* RTL: הסתרה לימין. translateX חיובי זז לכיוון ה-end (ימין ב-RTL) */
        transform: translateX(100%);
        visibility: hidden;
        transition: transform 0.35s cubic-bezier(0.16,1,0.3,1), visibility 0.35s;
        box-shadow: -10px 0 40px -12px rgba(0,0,0,0.3);
    }
    .hbless-shop__filters.is-open { transform: translateX(0); visibility: visible; }
    .hbless-shop__filters-head {
        display: flex; align-items: center; justify-content: space-between;
        margin-block-end: 20px; padding-block-end: 16px;
        border-block-end: 1px solid rgba(26,24,21,0.10);
    }
    .hbless-shop__filters-head h3 { margin: 0; font-size: 1.125rem; }
    .hbless-shop__filters-close { border: none; background: none; cursor: pointer; width: 36px; height: 36px; display: grid; place-items: center; }
    .hbless-shop__apply {
        width: 100%; height: 50px; margin-block-start: 16px;
        border: none; border-radius: 10px;
        background: var(--wp--preset--color--accent, #EE6600); color: #fff;
        font: inherit; font-weight: 700; cursor: pointer;
    }
}
@media (min-width: 901px) {
    .hbless-shop__apply { display: none; }
}
@media (max-width: 560px) {
    .hbless-shop__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
    .hbless-shop__toolbar { flex-wrap: wrap; }
    .hbless-shop__count { order: 3; flex-basis: 100%; }
    /* בכרטיסים צרים — הכפתורים בטור כדי שהטקסט לא ייחתך */
    .hbless-shop__grid .hbless-card__actions { flex-direction: column; padding: 14px 14px 16px; }
    .hbless-shop__grid .hbless-card__body { padding-inline: 14px; }
    /* בטור, flex:1 1 0 מכווץ את גובה הכפתור — מאפסים ושומרים גובה קבוע */
    .hbless-shop__grid .hbless-card__actions .hbless-card__btn {
        flex: none;
        width: 100%;
        height: 46px;
        min-height: 46px;
    }
}

/* Shop page head */
.hbless-shop-main { padding-block: 40px 0; }
/* ריווח צדדים סימטרי (בדסקטופ ה-constrained layout מטפל, במובייל צריך במפורש) */
@media (max-width: 900px) {
    .hbless-shop-main {
        padding-inline: 16px !important;
        box-sizing: border-box;
    }
    .hbless-shop { max-width: 100%; }
}
.hbless-shop-head { margin-block-end: 8px; }
.hbless-shop__crumbs { font-size: 0.8125rem; color: var(--wp--preset--color--contrast-2, #5A564E); margin-block-end: 10px; }
.hbless-shop__crumbs a { color: var(--wp--preset--color--contrast-2, #5A564E); text-decoration: none; }
.hbless-shop__crumbs a:hover { color: var(--wp--preset--color--accent, #EE6600); }
.hbless-shop__title { margin: 0; font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 800; letter-spacing: -0.02em; }
.hbless-shop__term-desc { margin: 8px 0 0; color: var(--wp--preset--color--contrast-2, #5A564E); }

/* WooCommerce pages (cart/checkout/order) — header/footer מוגדרים דרך התבניות */
.hbless-wc-page { padding-block: 40px 72px; padding-inline: 24px; box-sizing: border-box; }
.hbless-wc-page__title { margin: 0 0 32px; font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 800; letter-spacing: -0.02em; }
@media (max-width: 900px) {
    .hbless-wc-page { padding-inline: 16px; }
}

/* ==========================================================================
   FAQ ACCORDION — שאלות ותשובות (מהמודל המאושר)
   ========================================================================== */
.hbless-faq { display: flex; flex-direction: column; gap: 12px; }

.hbless-faq__item {
    background: #fff;
    border: 1px solid rgba(26, 24, 21, 0.10);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.hbless-faq__item.is-open {
    border-color: var(--wp--preset--color--accent, #EE6600);
    box-shadow: 0 12px 30px -18px rgba(238, 102, 0, 0.35);
}

.hbless-faq__heading { margin: 0; }
.hbless-faq__toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    background: none;
    border: none;
    font: inherit;
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--wp--preset--color--contrast, #1A1815);
    text-align: start;
    cursor: pointer;
    transition: color 0.2s ease;
}
.hbless-faq__toggle:hover { color: var(--wp--preset--color--accent, #EE6600); }
.hbless-faq__item.is-open .hbless-faq__toggle { color: var(--wp--preset--color--accent, #EE6600); }

.hbless-faq__question { flex: 1; }

.hbless-faq__icon {
    flex: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--wp--preset--color--base-2, #F2F1EA);
    display: grid;
    place-items: center;
    transition: background 0.25s ease, transform 0.3s ease;
}
.hbless-faq__icon svg { width: 14px; height: 14px; stroke-width: 2.5; }
.hbless-faq__item.is-open .hbless-faq__icon {
    background: var(--wp--preset--color--accent, #EE6600);
    transform: rotate(180deg);
}
.hbless-faq__item.is-open .hbless-faq__icon svg { stroke: #fff; }

.hbless-faq__panel { padding: 0 22px 22px; }
.hbless-faq__panel[hidden] { display: none; }
.hbless-faq__answer {
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: 0.9688rem;
    line-height: 1.7;
}
.hbless-faq__answer p { margin: 0 0 12px; }
.hbless-faq__answer p:last-child { margin-block-end: 0; }

/* עמוד מוצר — שאלות נפוצות מתחת לטאבים, בלי רקע */
.hbless-product-faq {
    margin-block-start: 56px;
    padding-block-start: 40px;
    border-block-start: 1px solid rgba(26, 24, 21, 0.10);
}
.hbless-product-faq__title {
    font-size: clamp(1.5rem, 2.5vw, 1.875rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0 8px;
}
.hbless-product-faq__lead {
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: 0.9688rem;
    margin: 0 0 24px;
}

@media (max-width: 640px) {
    .hbless-faq__toggle { padding: 16px 18px; font-size: 1rem; }
    .hbless-faq__panel { padding: 0 18px 18px; }
}

/* ==========================================================================
   הדר עמודים פנימיים — רקע קאמו + overlay שחור, ללא blur
   עמוד הבית (body.home) שומר על ההדר הקיים.
   נתיב יחסי לתמונה כדי שיעבוד גם אחרי מעבר לדומיין הסופי.
   ========================================================================== */
body:not(.home) .hbless-site-header {
    position: relative;
    background-color: transparent;
    background-image: url("/wp-content/uploads/2023/12/BG-5.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
}

/* שכבת ההכהיה — כ-::before כדי לאפשר מעבר אטימות חלק בגלילה */
body:not(.home) .hbless-site-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #000;
    opacity: 0.64;
    pointer-events: none;
    transition: opacity 0.4s ease;
    z-index: 0;
}

/* תוכן ההדר מעל השכבה */
body:not(.home) .hbless-site-header > * {
    position: relative;
    z-index: 1;
}

/* בגלילה — הכהיה מעט חזקה יותר, התמונה נשמרת */
body:not(.home) .is-scrolled .hbless-site-header {
    background-color: transparent;
}
body:not(.home) .is-scrolled .hbless-site-header::before {
    opacity: 0.78;
}

/* יעד עוגן טופס יצירת קשר — מרווח מתחת להדר הדביק (גיבוי לגלילה נייטיבית) */
#hbless-contact { scroll-margin-block-start: 120px; }
@media (max-width: 900px) {
    #hbless-contact { scroll-margin-block-start: 96px; }
}

/* ==========================================================================
   התחברות חברתית (Nextend) בטפסים של WooCommerce
   ========================================================================== */
.hbless-social-login { margin-block-start: 22px; }

.hbless-social-login__divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-block-end: 16px;
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: 0.8125rem;
}
.hbless-social-login__divider::before,
.hbless-social-login__divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background-color: rgba(26, 24, 21, 0.12);
}

/* כפתורי הספקים — רוחב מלא ומראה תואם לשפת האתר */
.hbless-social-login .nsl-container { margin: 0 !important; padding: 0 !important; }
.hbless-social-login .nsl-container-buttons { display: grid; gap: 10px; }
.hbless-social-login .nsl-container-buttons a {
    border-radius: 10px !important;
    min-height: 46px !important;
    box-shadow: none !important;
}

/* קישור חשבונות בעמוד פרטי החשבון */
.hbless-social-login--link {
    margin-block-start: 32px;
    padding-block-start: 24px;
    border-block-start: 1px solid rgba(26, 24, 21, 0.10);
}
.hbless-social-login__title {
    margin: 0 0 6px;
    font-size: 1.0625rem;
    font-weight: 700;
}
.hbless-social-login__note {
    margin: 0 0 14px;
    color: var(--wp--preset--color--contrast-2, #5A564E);
    font-size: 0.875rem;
}

/* ==========================================================================
   עמוד "מי אנחנו" — סקשן פתיחה על רקע קמופלאז' בהיר (זהה לבאנד המוצרים)
   ========================================================================== */
.hbless-about { text-align: center; }
.hbless-about__title {
    margin: 0 0 28px;
    font-size: clamp(2rem, 4.5vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--wp--preset--color--contrast, #1A1815);
}
.hbless-about__text {
    max-width: 820px;
    margin-inline: auto;
    margin-block-end: 20px;
    font-size: clamp(1rem, 1.4vw, 1.125rem);
    line-height: 1.85;
    color: var(--wp--preset--color--contrast-2, #5A564E);
}
.hbless-about__text:last-child { margin-block-end: 0; }

/* ==========================================================================
   עמוד "מי אנחנו" — סקשן איכות על רקע קמופלאז' בהיר (וריאנט בהיר)
   דורס את הצבעים הכהים של --quality: טקסט כהה, קוביות בהירות, אייקונים הפוכים.
   עמוד הבית (--quality בלבד) לא מושפע.
   ========================================================================== */
.hbless-band--quality-light {
    /* מבטל את הרקע הכהה של --quality; יורש את רקע הקאמו הבהיר מ--plates */
    background-color: transparent;
    background-image: none;
    color: var(--wp--preset--color--contrast, #1A1815);
    min-height: auto;
    /* ריווח עליון/תחתון מצומצם — הסקשן הכהה המקורי היה גבוה מאוד */
    padding-block: clamp(40px, 5vh, 64px);
}
/* מרווח מוקטן גם מתחת לכותרות (היה clamp(40px,6vh,72px)) */
.hbless-band--quality-light .hbless-quality__head {
    margin-block-end: clamp(28px, 4vh, 44px);
}

/* כותרות וטקסט — לכהה */
.hbless-band--quality-light .hbless-eyebrow { color: var(--wp--preset--color--contrast, #1A1815); }
.hbless-band--quality-light .hbless-quality__title { color: var(--wp--preset--color--contrast, #1A1815); }
.hbless-band--quality-light .hbless-quality__tagline { color: var(--wp--preset--color--contrast-2, #5A564E); }

/* קוביות — מזכוכית כהה למראה בהיר ונקי */
.hbless-band--quality-light .hbless-feature {
    background-color: #fff;
    border-color: rgba(26, 24, 21, 0.10);
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    box-shadow: 0 12px 30px -20px rgba(0, 0, 0, 0.25);
}
.hbless-band--quality-light .hbless-feature::before { opacity: 0.35; }
.hbless-band--quality-light .hbless-feature__title { color: var(--wp--preset--color--contrast, #1A1815); }
.hbless-band--quality-light .hbless-feature__text { color: var(--wp--preset--color--contrast-2, #5A564E); }

/* אייקונים — היפוך צבעים: המגן הלבן נעשה כהה, האייקון השחור נעשה לבן */
.hbless-band--quality-light .hbless-feature__icon img { filter: invert(1); }

/* ==========================================================================
   עמוד 404 — רקע קמופלאז' בהיר (יורש מ--plates)
   ========================================================================== */
.hbless-404 {
    text-align: center;
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.hbless-404__code {
    margin: 0 0 8px;
    font-size: clamp(5rem, 16vw, 11rem);
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -0.04em;
    color: var(--wp--preset--color--contrast, #1A1815);
}
.hbless-404__text {
    margin: 0 0 6px;
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    font-weight: 600;
    color: var(--wp--preset--color--contrast, #1A1815);
}
.hbless-404__lead {
    margin: 0 0 32px;
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    color: var(--wp--preset--color--contrast-2, #5A564E);
}

/* שלושה קישורים בשורה */
.hbless-404__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}
.hbless-404__link .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding-inline: 26px;
    border-radius: 10px;
    background-color: var(--wp--preset--color--accent, #EE6600);
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.25s ease, transform 0.25s ease;
}
.hbless-404__link .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--accent-deep, #C85400);
    transform: translateY(-2px);
}

/* הכפתור האמצעי (לחנות) בסגנון מלא, החיצוניים ב-ghost — היררכיה ויזואלית */
.hbless-404__links .hbless-404__link:not(:nth-child(2)) .wp-block-button__link {
    background-color: transparent;
    border: 1px solid rgba(26, 24, 21, 0.22);
    color: var(--wp--preset--color--contrast, #1A1815);
}
.hbless-404__links .hbless-404__link:not(:nth-child(2)) .wp-block-button__link:hover {
    border-color: var(--wp--preset--color--accent, #EE6600);
    color: var(--wp--preset--color--accent, #EE6600);
    background-color: transparent;
}

@media (max-width: 480px) {
    .hbless-404__links { flex-direction: column; width: 100%; max-width: 280px; margin-inline: auto; }
    .hbless-404__link, .hbless-404__link .wp-block-button__link { width: 100%; }
}
/* ===== Singular header (post/page) ===== */

/* 3. אין רווח בין הדר האתר לקונטיינר הכותרת */
/* block-gap השורשי — main צמוד להדר האתר בכל התבניות */
.wp-site-blocks > main{ margin-block-start:0; }

/* 4+5. רקע ברוחב מלא, מרוכז, 0 margin */
.hbless-post-header{
	margin:0;
	/* פריצה החוצה מ-root padding → רוחב מלא אמיתי, בלי גלילה אופקית */
	margin-left:calc(-1 * var(--wp--style--root--padding-left,0px));
	margin-right:calc(-1 * var(--wp--style--root--padding-right,0px));
	padding-block:clamp(2.5rem,6vw,5rem);
	padding-inline:clamp(1.25rem,5vw,2rem);
	background:var(--wp--preset--color--base-2,#F2F1EA);
	text-align:center; /* 1. מירכוז */
}
.hbless-post-header .hbless-post-title{
	margin-block:.4em 0 0;
	line-height:1.1;
}

/* 2. ברדקראמבס קטן יותר */
.hbless-post-header .wp-block-yoast-seo-breadcrumbs,
.hbless-post-header #breadcrumbs{
	font-size:.75rem;
	color:var(--wp--preset--color--contrast-2,#5A564E);
}
.hbless-post-header .wp-block-yoast-seo-breadcrumbs a{ color:inherit; text-decoration:none; }
.hbless-post-header .wp-block-yoast-seo-breadcrumbs a:hover{ color:var(--wp--preset--color--accent,#EE6600); }
.hbless-post-header .breadcrumb_last{ color:var(--wp--preset--color--contrast,#1A1815); font-weight:600; }

/* 5. הרווח מגיע מ-padding של התוכן, לא מ-margin של ההדר */
.hbless-singular > .wp-block-post-content{
	padding-block-start:clamp(2rem,5vw,3.5rem);
}

/* טבלת רמות המיגון*/
/* מעטפת גלילה ריספונסיבית ונגישה */
  .armour-table-container {
    width: 100%;
    max-width: 960px;
    margin: 1.5rem auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }

  /* פוקוס נגיש בעת ניווט מקלדת במעטפת */
  .armour-table-container:focus-visible {
    outline: 3px solid #2b579a;
    outline-offset: 2px;
  }

  /* הגדרות טבלה כלליות */
  .armour-table {
    width: 100%;
    border-collapse: collapse;
    direction: rtl;
    text-align: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    color: #1a1a1a;
    background-color: #ffffff;
    font-size: 1rem;
    line-height: 1.4;
  }

  /* גבולות ותאים */
  .armour-table th,
  .armour-table td {
    border: 1px solid #c0b293;
    padding: 0.75rem 0.5rem;
    vertical-align: middle;
  }

  /* כותרת ראשית של הטבלה */
  .armour-table-caption {
    font-size: 1.25rem;
    font-weight: bold;
    padding: 0.75rem;
    text-align: center;
    caption-side: top;
    color: #2a2a2a;
  }

  /* שורת תמונות */
  .armour-table .img-row td {
    border-top: none;
    border-bottom: none;
    padding: 0.5rem;
  }

  .armour-img-placeholder {
    width: 100%;
    max-width: 140px;
    height: 55px;
    margin: 0 auto;
    background-color: #f5f4ef;
    border: 1px dashed #99907c;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    color: #555045;
  }

  /* שורת כותרות עמודה */
  .armour-table .col-headers th {
    border-bottom: none;
    font-size: 1.15rem;
    font-weight: 700;
    color: #111111;
  }

  /* שורת תת-כותרות (רקע ירקרק-בז' נגיש) */
  .armour-table .sub-headers th {
    background-color: #ded8c4;
    color: #3d392e;
    font-size: 0.875rem;
    font-weight: 600;
    border-top: none;
  }

  /* תא דרגת מיגון (NIJ) */
  .armour-table .nij-level {
    font-family: poppins, sans-serif;
    font-size: 2.1rem;
    font-weight: 700;
    color: #000000;
    width: 22%;
    background-color: #faf9f5;
  }

  /* גבול מודגש בין קבוצות מיגון */
  .armour-table tr.group-border th,
  .armour-table tr.group-border td {
    border-bottom: 2px solid #8c7f63;
  }

  /* סידור פנימי של תא ליבה (טקסט עברי וימני, אנגלי ושמאלי) */
  .armour-core-cell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.25rem;
  }

  .armour-core-hebrew {
    text-align: right;
  }

  .armour-core-english {
    text-align: left;
    direction: ltr;
    font-weight: 600;
  }

  /* טקסט LTR ליחידות מידה */
  .armour-unit {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
  }

  /* התאמה למסכים קטנים (Mobile Fixes) */
  @media (max-width: 600px) {
    .armour-table {
      font-size: 0.875rem;
    }
    .armour-table .nij-level {
      font-size: 1.5rem;
    }
    .armour-table th,
    .armour-table td {
      padding: 0.5rem 0.25rem;
    }
    .armour-img-placeholder {
      height: 40px;
      font-size: 0.75rem;
    }
  }