:root {
      /* Site palette: ~60% / 30% / 10% */
      --site-text-color: #2c2d66;
      --site-color-60: #fff5df;
      --site-color-30: #99beff;
      --site-color-10: #cfb682;
      --dh-header-edge-gutter: 44px;
      --dh-header-gutter-inline-start: max(44px, env(safe-area-inset-inline-start, 0px));
      --dh-header-gutter-inline-end: max(44px, env(safe-area-inset-inline-end, 0px));
      /* 8-bit: ordered grid dither on fills (no blur) */
      --dh-8bit-grid-dark: linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
        linear-gradient(rgba(0, 0, 0, 0.11) 1px, transparent 1px);
      --dh-8bit-grid-light: linear-gradient(90deg, rgba(0, 0, 0, 0.038) 1px, transparent 1px),
        linear-gradient(rgba(0, 0, 0, 0.022) 1px, transparent 1px);
      --dh-8bit-grid-size: 4px 4px;
    }

    /*
      Viewport shells:
      - Home + logistics (iframe parent): one screen, no document scroll.
      - Contact: body locked; inner regions scroll.
      - Property / logistics item pages: body locked; rail strip fixed to viewport; main column scrolls.
      - Other pages: document may grow; body scrolls so content is never clipped.
    */
    html,
    body {
      margin: 0;
    }

    html:not(.dh-page-home):not(.dh-page-logistics-wqf):not(.dh-page-wqf-inline):not(.dh-page-contact):not(.dh-page-property-item):not(.dh-page-logistics-item),
    html:not(.dh-page-home):not(.dh-page-logistics-wqf):not(.dh-page-wqf-inline):not(.dh-page-contact):not(.dh-page-property-item):not(.dh-page-logistics-item) body {
      min-height: 100dvh;
      min-height: 100svh;
      height: auto;
      overflow-x: clip;
      overflow-y: auto;
      overscroll-behavior-x: none;
    }

    /*
      RTL scroll regions: vertical scrollbar on the physical left.
      Applied on each overflow container (html[dir=rtl] alone is not always enough).
    */
    html[dir="rtl"] body,
    html[dir="rtl"] .dh-main-content.dh-main-content--logistics-item,
    html[dir="rtl"] .dh-main-content.dh-main-content--contact,
    html[dir="rtl"] .dh-contact__inner,
    html[dir="rtl"] .dh-side-header888__menu-nav888,
    html[dir="rtl"] .dh-side-header888__menu-shell888 {
      direction: rtl;
    }

    /* Phones / small tablets: hide scrollbars; scrolling still works (touch / wheel / trackpad) */
    @media (max-width: 768px) {
      html,
      body {
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      html::-webkit-scrollbar,
      body::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
      }

      html.dh-page-contact .dh-main-content.dh-main-content--contact,
      html.dh-page-contact .dh-contact__inner {
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      html.dh-page-contact .dh-main-content.dh-main-content--contact::-webkit-scrollbar,
      html.dh-page-contact .dh-contact__inner::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
      }

      .dh-side-header888__menu-nav888 {
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      .dh-side-header888__menu-nav888::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
      }
    }

    html.dh-page-home,
    html.dh-page-logistics-wqf,
    html.dh-page-wqf-inline,
    html.dh-page-contact {
      height: 100%;
      max-height: 100%;
    }

    html.dh-page-home body,
    html.dh-page-logistics-wqf body,
    html.dh-page-wqf-inline body,
    html.dh-page-contact body {
      height: 100%;
      max-height: 100%;
      overflow: hidden;
      overscroll-behavior: none;
    }

    /* Product pages: viewport shell; main column scrolls as one (scrollbar on the left) */
    html.dh-page-property-item,
    html.dh-page-logistics-item {
      height: 100%;
      max-height: 100%;
    }

    html.dh-page-property-item body,
    html.dh-page-logistics-item body {
      height: 100%;
      max-height: 100%;
      overflow: hidden;
      overscroll-behavior: none;
    }

    body {
      min-height: 100dvh;
      min-height: 100svh;
      background-color: var(--site-color-60);
      background-image: var(--dh-8bit-grid-light);
      background-size: var(--dh-8bit-grid-size);
      color: var(--site-text-color);
    }

    html.dh-page-logistics-wqf body,
    html.dh-page-wqf-inline body,
    html.dh-page-contact body,
    html.dh-page-archidomo body {
      background-color: #d2e0f8;
      background-image: var(--dh-8bit-grid-light);
      background-size: var(--dh-8bit-grid-size);
      background-repeat: repeat;
    }

    /*
      Home intro order: background → carousel + right rail → desk arrows (via dh-carousel-embed.css).
      Timings use inherited custom props so carousel --arrow-slide-delay stays in sync.
    */
    html.dh-page-home {
      --dh-home-bg-duration: 1.05s;
      --dh-home-bg-delay: 0s;
      --dh-home-after-bg-gap: 0.12s;
      --dh-home-bubble-duration: 2.65s;

      --dh-home-carousel-start: calc(
        var(--dh-home-bg-delay) + var(--dh-home-bg-duration) + var(--dh-home-after-bg-gap)
      );
    }

    /* index.html only: photo over white; ~60% photo via 40% white wash */
    html.dh-page-home body {
      background-color: #fff;
      background-image: var(--dh-8bit-grid-light);
      background-size: var(--dh-8bit-grid-size);
      background-repeat: repeat;
      position: relative;
    }

    /* Hero photo on its own layer so we can reveal it top → bottom without clipping page content */
    html.dh-page-home body::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background-color: #fff;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),
        url("assets/3.webp");
      background-size: cover, cover;
      background-position: center, center;
      background-repeat: no-repeat, no-repeat;
      -webkit-clip-path: inset(0 0 100% 0);
      clip-path: inset(0 0 100% 0);
      animation: dh-home-bg-reveal var(--dh-home-bg-duration) cubic-bezier(0.22, 0.61, 0.36, 1)
        var(--dh-home-bg-delay) forwards;
    }

    @keyframes dh-home-bg-reveal {
      from {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
      }
      to {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
      }
    }

    /* Right rail + floating menu control: same beat as the carousel intro */
    html.dh-page-home .dh-side-header888__rail888,
    html.dh-page-home .dh-side-header888__nav-float888 {
      animation: dh-home-rail-slide-in 0.82s cubic-bezier(0.18, 0.82, 0.22, 1) var(--dh-home-carousel-start) both;
    }

    @keyframes dh-home-rail-slide-in {
      from {
        transform: translate3d(100%, 0, 0);
        opacity: 0.92;
      }
      to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      html.dh-page-home .dh-carousel-embed {
        --embed-bubble-delay: 0s;
      }

      html.dh-page-home body::before {
        animation: none;
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
      }

      html.dh-page-home .dh-side-header888__rail888,
      html.dh-page-home .dh-side-header888__nav-float888 {
        animation: none;
        transform: none;
        opacity: 1;
      }
    }

    html.dh-page-home .dh-side-header888__content888 {
      background-color: transparent;
    }

    html.dh-page-home .dh-carousel-embed {
      background-color: transparent;
      /* Bubble intro waits until background has finished; arrow delay in dh-carousel-embed.css follows */
      --embed-bubble-duration: var(--dh-home-bubble-duration);
      --embed-bubble-delay: var(--dh-home-carousel-start);
      /* Thinner 3D extrusion (depth); faces stay default square from dh-carousel-embed.css */
      --card-depth: 8px;
      --dh-carousel-shadow-rgb: 153, 190, 255;
      /* Pitch-linked floor shadow (desktop): set by dh-carousel-embed.js from rotateX */
      --dh-carousel-shadow-wide-tx: 0px;
      --dh-carousel-shadow-wide-ty: 0px;
      --dh-carousel-shadow-wide-sx: 1;
      --dh-carousel-shadow-wide-sy: 1;
      --dh-carousel-shadow-core-tx: 0px;
      --dh-carousel-shadow-core-ty: 0px;
      --dh-carousel-shadow-core-sx: 1;
      --dh-carousel-shadow-core-sy: 1;
    }

    /*
      index.html: ground shadow under the 3D carousel.
      Desktop only — mobile carousel is flat scroll; shadow is omitted to avoid a floating smudge.
    */
    @media (min-width: 1024px) {
      /* Nudge 3D cluster upward on the home page (does not touch stage transform used by JS) */
      html.dh-page-home .dh-carousel__stage {
        z-index: 1;
        margin-top: -6vh;
      }

      html.dh-page-home .dh-carousel::before,
      html.dh-page-home .dh-carousel::after {
        content: "";
        position: absolute;
        left: 50%;
        pointer-events: none;
        z-index: 0;
        border-radius: 50%;
      }

      /* Wide penumbra on the “floor” */
      html.dh-page-home .dh-carousel::before {
        bottom: clamp(5%, 7.5vh, 13%);
        width: min(82%, 600px);
        height: clamp(52px, 10vmin, 128px);
        transform: translate3d(
            calc(-50% + var(--dh-carousel-shadow-wide-tx, 0px)),
            calc(42% + var(--dh-carousel-shadow-wide-ty, 0px)),
            0
          )
          scale(calc(1.22 * var(--dh-carousel-shadow-wide-sx, 1)), var(--dh-carousel-shadow-wide-sy, 1));
        transform-origin: 50% 50%;
        background: radial-gradient(
          ellipse 100% 100% at 50% 40%,
          rgba(var(--dh-carousel-shadow-rgb), 0.44) 0%,
          rgba(var(--dh-carousel-shadow-rgb), 0.44) 26%,
          rgba(var(--dh-carousel-shadow-rgb), 0.26) 26%,
          rgba(var(--dh-carousel-shadow-rgb), 0.26) 46%,
          rgba(var(--dh-carousel-shadow-rgb), 0.12) 46%,
          rgba(var(--dh-carousel-shadow-rgb), 0.12) 60%,
          transparent 60%
        );
        filter: none;
        opacity: 0.5;
        mix-blend-mode: multiply;
      }

      /* Tighter umbra under the card cluster */
      html.dh-page-home .dh-carousel::after {
        bottom: clamp(7%, 9vh, 15%);
        width: min(46%, 300px);
        height: clamp(26px, 4.8vmin, 58px);
        transform: translate3d(
            calc(-50% + var(--dh-carousel-shadow-core-tx, 0px)),
            calc(52% + var(--dh-carousel-shadow-core-ty, 0px)),
            0
          )
          scale(calc(1.38 * var(--dh-carousel-shadow-core-sx, 1)), var(--dh-carousel-shadow-core-sy, 1));
        transform-origin: 50% 50%;
        background: radial-gradient(
          ellipse 100% 100% at 50% 46%,
          rgba(var(--dh-carousel-shadow-rgb), 0.56) 0%,
          rgba(var(--dh-carousel-shadow-rgb), 0.56) 32%,
          rgba(var(--dh-carousel-shadow-rgb), 0.22) 32%,
          rgba(var(--dh-carousel-shadow-rgb), 0.22) 52%,
          transparent 52%
        );
        filter: none;
        opacity: 0.5;
        mix-blend-mode: multiply;
      }

    }

    /* Default shell: locked to one dynamic viewport (home / contact / logistics parent override below) */
    .dh-side-header888 {
      width: 100%;
      min-width: 0;
      height: 100dvh;
      height: 100svh;
      min-height: 100dvh;
      min-height: 100svh;
      max-height: 100dvh;
      max-height: 100svh;
      overflow: hidden;
    }
    .dh-side-header888__layout888 {
      height: 100%;
      min-height: 0;
      max-height: 100%;
      min-width: 0;
      overflow: hidden;
    }
    .dh-side-header888__rail888 {
      max-height: 100%;
    }
    .dh-side-header888__content888 {
      --dh-top-bar-y: max(25px, env(safe-area-inset-top, 0px));
      min-height: 0 !important;
      height: 100%;
      max-height: 100%;
      display: flex;
      flex-direction: column;
    }
    .dh-side-header888__content888 .dh-carousel-embed {
      flex: 1 1 auto;
      min-height: 0;
      height: 100% !important;
      min-height: 0 !important;
      --component-height: 100%;
    }

    /* logistics.html: fill viewport; portfolio scrolls inside iframe */
    html.dh-page-logistics-wqf,
    html.dh-page-logistics-wqf body,
    html.dh-page-wqf-inline,
    html.dh-page-wqf-inline body {
      height: 100%;
      max-height: 100%;
      overflow: hidden;
    }

    html.dh-page-logistics-wqf .dh-side-header888,
    html.dh-page-wqf-inline .dh-side-header888 {
      height: 100dvh;
      max-height: 100dvh;
      min-height: 100dvh;
      overflow: hidden;
    }

    html.dh-page-logistics-wqf .dh-side-header888__layout888,
    html.dh-page-wqf-inline .dh-side-header888__layout888 {
      height: 100%;
      max-height: 100%;
      min-height: 0;
      overflow: hidden;
    }

    html.dh-page-logistics-wqf .dh-side-header888__content888,
    html.dh-page-wqf-inline .dh-side-header888__content888 {
      flex: 1 1 auto;
      min-height: 0;
      height: auto;
      max-height: none;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    html.dh-page-logistics-wqf .dh-logistics-portfolio-host,
    html.dh-page-wqf-inline .dh-wqf-portfolio-host {
      flex: 1 1 auto;
      min-height: 0;
      display: flex;
      flex-direction: column;
      width: 100%;
    }

    html.dh-page-wqf-inline .dh-wqf-portfolio-host #wqf-portfolio-root {
      flex: 1 1 auto;
      min-height: 0;
      width: 100%;
      display: flex;
      flex-direction: column;
    }

    html.dh-page-logistics-wqf .dh-logistics-portfolio-frame {
      flex: 1 1 auto;
      min-height: 0;
      width: 100%;
      border: 0;
      display: block;
    }

    /* Document pages: shell grows with content; sticky rail still works inside scrollable body */
    html:not(.dh-page-home):not(.dh-page-logistics-wqf):not(.dh-page-wqf-inline):not(.dh-page-contact):not(.dh-page-property-item):not(.dh-page-logistics-item) .dh-side-header888,
    html:not(.dh-page-home):not(.dh-page-logistics-wqf):not(.dh-page-wqf-inline):not(.dh-page-contact):not(.dh-page-property-item):not(.dh-page-logistics-item) .dh-side-header888__layout888 {
      height: auto;
      min-height: 100dvh;
      min-height: 100svh;
      max-height: none;
      overflow-x: clip;
      overflow-y: visible;
    }

    /* Single property / logistics item: main column scrolls as one unit; scrollbar on the left */
    html.dh-page-property-item .dh-side-header888,
    html.dh-page-logistics-item .dh-side-header888 {
      height: 100dvh;
      height: 100svh;
      max-height: 100dvh;
      max-height: 100svh;
      min-height: 0;
      overflow: hidden;
    }

    html.dh-page-property-item .dh-side-header888__layout888,
    html.dh-page-logistics-item .dh-side-header888__layout888 {
      min-height: 0;
      height: 100%;
      max-height: 100%;
      overflow: hidden;
      display: flex;
      flex-direction: row;
      align-items: stretch;
    }

    html.dh-page-property-item .dh-side-header888__content888,
    html.dh-page-logistics-item .dh-side-header888__content888 {
      flex: 1 1 auto;
      min-width: 0;
      min-height: 0;
      height: 100%;
      max-height: 100%;
      overflow-x: clip;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: contain;
      /* RTL puts the classic/overlay scrollbar on the physical left */
      direction: rtl;
      display: flex;
      flex-direction: column;
      scrollbar-gutter: stable;
    }

    html.dh-page-property-item .dh-corner-logo,
    html.dh-page-logistics-item .dh-corner-logo {
      flex-shrink: 0;
    }

    /* Keep rail in flex flow on small screens (override absolute strip) so it stays visible */
    @media (max-width: 1023px) {
      html.dh-page-property-item .dh-side-header888__rail888,
      html.dh-page-logistics-item .dh-side-header888__rail888 {
        position: sticky;
        top: 0;
        align-self: stretch;
        height: auto;
        min-height: 100dvh;
        min-height: 100svh;
        max-height: 100dvh;
        max-height: 100svh;
      }

      html.dh-page-property-item .dh-side-header888__content888,
      html.dh-page-logistics-item .dh-side-header888__content888 {
        /* padding-inline-start: calc(
          var(--rail-width-mobile, calc(44px + 10px)) + 12px + max(0px, env(safe-area-inset-inline-start, 0px))
        ); */
      }
    }

    /*
      Floating rail (≤1023px, RTL: rail = physical right = inline-start): reserve that edge on
      the content column so the strip + shadow never cover page UI. +12px clears the rail’s box-shadow.
    */
    @media (max-width: 1023px) {
      html:not(.dh-page-home):not(.dh-page-property-item):not(.dh-page-logistics-item) .dh-side-header888__content888 {
        padding-inline-start: calc(
          var(--rail-width-mobile, calc(44px + 10px)) + 12px + max(0px, env(safe-area-inset-inline-start, 0px))
        );
      }
    }

    /* ≤1023px, document pages: 62px gutter beside the fixed rail (physical right in RTL) */
    @media (max-width: 1023px) {
      html:not(.dh-page-home):not(.dh-page-property-item):not(.dh-page-logistics-item) .dh-side-header888__content888 {
        padding-inline-start: calc(62px + max(0px, env(safe-area-inset-inline-start, 0px)));
        box-sizing: border-box;
      }

      html:not(.dh-page-home):not(.dh-page-property-item):not(.dh-page-logistics-item) .dh-breadcrumbs {
        inset-inline-start: var(--dh-header-gutter-inline-start);
        max-width: min(
          100%,
          calc(100% - var(--dh-header-edge-gutter) - 3.5rem - max(0px, env(safe-area-inset-inline-start, 0px)))
        );
      }

      /* Item pages: rail is in flex — no extra gutter on the content column */
      html.dh-page-property-item .dh-side-header888__content888,
      html.dh-page-logistics-item .dh-side-header888__content888 {
        /* padding-inline-start: max(0.75rem, env(safe-area-inset-inline-start, 0px)); */
      }
    }

    /*
      Mobile (≤899px): product pages already use normal document scroll;
      keep contact / carousel page overrides below.
    */
    @media (max-width: 899px) {
      html.dh-page-property-item,
      html.dh-page-property-item body,
      html.dh-page-logistics-item,
      html.dh-page-logistics-item body {
        height: auto !important;
        max-height: none !important;
        min-height: 100dvh;
        min-height: 100svh;
        overflow-x: clip !important;
        overflow-y: auto !important;
        overscroll-behavior: auto !important;
      }

      html.dh-page-contact,
      html.dh-page-contact body {
        height: auto !important;
        max-height: none !important;
        min-height: 100dvh;
        min-height: 100svh;
        overflow-x: clip !important;
        overflow-y: visible !important;
        overscroll-behavior: auto !important;
      }

      html.dh-page-property-item .dh-side-header888,
      html.dh-page-logistics-item .dh-side-header888,
      html.dh-page-contact .dh-side-header888 {
        height: auto !important;
        min-height: 100dvh !important;
        min-height: 100svh !important;
        max-height: none !important;
        overflow: visible !important;
      }

      html.dh-page-property-item .dh-side-header888__layout888,
      html.dh-page-logistics-item .dh-side-header888__layout888,
      html.dh-page-contact .dh-side-header888__layout888 {
        height: auto !important;
        min-height: 100dvh;
        min-height: 100svh;
        max-height: none !important;
        overflow: visible !important;
      }

      html.dh-page-property-item .dh-side-header888__content888,
      html.dh-page-logistics-item .dh-side-header888__content888,
      html.dh-page-contact .dh-side-header888__content888 {
        height: auto !important;
        max-height: none !important;
        min-height: auto !important;
        overflow: visible !important;
        flex: none;
      }

      html.dh-page-contact .dh-side-header888__layout888 {
        align-items: flex-start;
      }

      html.dh-page-contact .dh-side-header888__content888 {
        align-self: auto;
        width: 100%;
      }

      html.dh-page-property-item .dh-main-content.dh-main-content--logistics-item,
      html.dh-page-logistics-item .dh-main-content.dh-main-content--logistics-item {
        max-height: none !important;
        overflow: visible !important;
        height: auto;
        flex: none;
      }

      html.dh-page-property-item .dh-logistics-item,
      html.dh-page-logistics-item .dh-logistics-item {
        overflow: visible;
        min-height: auto;
        flex: none;
      }

      html.dh-page-wqf-inline,
      html.dh-page-wqf-inline body {
        height: auto !important;
        max-height: none !important;
        min-height: 100dvh;
        min-height: 100svh;
        overflow-x: clip !important;
        overflow-y: auto !important;
        overscroll-behavior: auto !important;
      }

      html.dh-page-wqf-inline .dh-side-header888 {
        height: auto !important;
        min-height: 100dvh !important;
        min-height: 100svh !important;
        max-height: none !important;
        overflow: visible !important;
      }

      html.dh-page-wqf-inline .dh-side-header888__layout888 {
        height: auto !important;
        min-height: 100dvh;
        min-height: 100svh;
        max-height: none !important;
        overflow: visible !important;
      }

      html.dh-page-wqf-inline .dh-side-header888__content888 {
        height: auto !important;
        max-height: none !important;
        min-height: auto !important;
        overflow: visible !important;
        flex: none;
      }

      html.dh-page-wqf-inline main#dh-main-content {
        max-height: none !important;
        overflow: visible !important;
        height: auto;
        flex: none;
      }

      html.dh-page-wqf-inline .dh-wqf-portfolio-host,
      html.dh-page-wqf-inline .dh-wqf-portfolio-host #wqf-portfolio-root {
        flex: none;
        min-height: auto;
        overflow: visible;
      }
    }

    /* Mobile: sidebar hidden — content uses full width beside floating menu only */
    @media (max-width: 767px) {
      html:not(.dh-page-home):not(.dh-page-property-item):not(.dh-page-logistics-item) .dh-side-header888__content888 {
        padding-top: 64px;
        padding-inline-start: 0;
      }

      html:not(.dh-page-home):not(.dh-page-property-item):not(.dh-page-logistics-item) .dh-breadcrumbs {
        max-width: min(
          100%,
          calc(100% - var(--dh-header-edge-gutter) - var(--rail-width-desktop, 54px) - max(0px, env(safe-area-inset-inline-start, 0px)))
        );
      }
    }

    /* --- Keyboard / screen-reader baseline & responsive text (Hebrew / RTL) --- */
    html {
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%;
    }

    body {
      overflow-wrap: anywhere;
      word-break: break-word;
    }

    .dh-skip-link {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
      z-index: 99999;
    }

    .dh-skip-link:focus {
      position: fixed;
      inset-inline-start: max(0.75rem, env(safe-area-inset-left, 0px));
      top: max(0.75rem, env(safe-area-inset-top, 0px));
      width: auto;
      height: auto;
      margin: 0;
      clip: auto;
      overflow: visible;
      white-space: normal;
      padding: 0.65rem 1.1rem;
      background: #0f1028;
      color: #fff;
      font-family: "Noto Sans Hebrew", "Rubik", system-ui, sans-serif;
      font-weight: 600;
      font-size: clamp(0.95rem, 2.8vw, 1.05rem);
      line-height: 1.35;
      border-radius: 6px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
      outline: 3px solid var(--site-color-30, #99beff);
      outline-offset: 2px;
      text-decoration: none;
    }

    /* Client logo: top of content column, vertically centered to breadcrumbs row */
    .dh-corner-logo {
      position: absolute;
      z-index: 25;
      top: var(--dh-top-bar-y);
      inset-inline-end: var(--dh-header-gutter-inline-end);
      display: flex;
      align-items: center;
      min-height: 1.5rem;
      line-height: 0;
      text-decoration: none;
      opacity: 0.96;
      pointer-events: auto;
      max-width: calc(100% - 5.5rem);
    }

    @media (max-width: 1023px) {
      .dh-corner-logo {
        max-width: calc(
          100% - var(--rail-width-desktop, 54px) - max(1.25rem, env(safe-area-inset-inline-start, 0px)) - 4.5rem
        );
      }
    }

    @media (max-width: 767px) {
      .dh-corner-logo {
        max-width: calc(
          100% - var(--rail-width-mobile, 54px) - max(0.75rem, env(safe-area-inset-inline-start, 0px)) - 3.25rem
        );
      }

      .dh-corner-logo img {
        width: clamp(64px, 26vw, 80px);
      }
    }

    .dh-corner-logo:hover {
      opacity: 1;
    }

    .dh-corner-logo:focus:not(:focus-visible) {
      outline: none;
    }

    .dh-corner-logo:focus-visible {
      outline: 3px solid var(--site-color-30, #99beff);
      outline-offset: 4px;
      border-radius: 2px;
    }

    .dh-corner-logo img {
      display: block;
      width: clamp(72px, 22vw, 84px);
      height: auto;
      max-height: clamp(14px, 3.8vmin, 22px);
    }

    .dh-main-content {
      flex: 1 1 auto;
      min-height: 0;
      min-width: 0;
      display: flex;
      flex-direction: column;
    }

    #dh-main-content:focus {
      outline: none;
    }

    #dh-main-content:focus-visible {
      outline: 3px solid var(--site-color-30, #99beff);
      outline-offset: 4px;
    }

    .dh-main-content--stub {
      justify-content: center;
      align-items: stretch;
      padding-block: max(1rem, env(safe-area-inset-top, 0px), env(safe-area-inset-bottom, 0px));
      padding-inline: max(1.1rem, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
      text-align: center;
      box-sizing: border-box;
    }

    @media (max-width: 1023px) {
      .dh-main-content--stub:not(:has(> .dh-breadcrumbs)) {
        justify-content: flex-start;
        padding-top: max(4.25rem, env(safe-area-inset-top, 0px));
        /* Rail gutter lives on .dh-side-header888__content888 — keep only normal inset here */
        padding-inline-end: max(1.1rem, env(safe-area-inset-inline-end, 0px));
      }

      .dh-main-content--stub:has(> .dh-breadcrumbs) {
        justify-content: flex-start;
        padding-inline-end: max(1.1rem, env(safe-area-inset-inline-end, 0px));
      }
    }

    /* Breadcrumbs: same row as corner logo; 44px from inline-start (= physical right in RTL) */
    .dh-breadcrumbs {
      position: absolute;
      z-index: 24;
      top: var(--dh-top-bar-y);
      inset-inline-start: var(--dh-header-gutter-inline-start);
      inset-inline-end: auto;
      margin: 0;
      padding: 0;
      width: fit-content;
      max-width: min(36rem, calc(100% - 7.5rem));
      text-align: start;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      min-height: 1.5rem;
      pointer-events: auto;
    }

    @media (min-width: 1024px) and (max-width: 1279px) {
      .dh-breadcrumbs {
        max-width: min(34rem, calc(100% - 8rem - var(--rail-width-desktop, 54px)));
      }
    }

    @media (min-width: 768px) and (max-width: 1023px) {
      .dh-breadcrumbs {
        max-width: min(32rem, calc(100% - 7rem - var(--rail-width-desktop, 54px)));
      }
    }

    @media (max-width: 767px) {
      .dh-breadcrumbs {
        max-width: min(100%, calc(100% - var(--rail-width-mobile, 54px) - 3.5rem));
      }

      .dh-breadcrumbs__track {
        font-size: clamp(0.65rem, 2.9vw, 0.75rem);
      }
    }

    /* Clear the fixed top bar (logo + crumbs) on every page that has breadcrumbs */
    main#dh-main-content:has(> .dh-breadcrumbs) {
      padding-top: max(3.35rem, calc(var(--dh-top-bar-y) + 1.45rem));
    }

    /* Mobile: no logo or breadcrumbs on the page — logo lives in the open menu */
    @media (max-width: 767px) {
      .dh-breadcrumbs {
        display: none !important;
      }

      .dh-side-header888__content888 > .dh-corner-logo {
        display: none !important;
      }

      main#dh-main-content:has(> .dh-breadcrumbs) {
        padding-top: max(0.5rem, env(safe-area-inset-top, 0px));
      }
    }

    .dh-breadcrumbs__track {
      margin: 0;
      font-family: "Rubik", "Noto Sans Hebrew", system-ui, sans-serif;
      font-size: 0.75rem;
      line-height: 1.45;
      color: var(--site-text-color);
    }

    .dh-breadcrumbs a {
      color: var(--site-text-color);
      text-decoration: none;
      border-bottom: 1px solid transparent;
      transition: border-color 0.2s ease;
    }

    .dh-breadcrumbs a:hover {
      border-bottom-color: rgba(31, 31, 31, 0.35);
    }

    .dh-breadcrumbs a:focus-visible {
      outline: 3px solid var(--site-color-30, #99beff);
      outline-offset: 3px;
      border-radius: 2px;
    }

    .dh-breadcrumbs__sep {
      margin-inline: 0.2em;
    }

    .dh-breadcrumbs__current {
      color: var(--site-text-color);
      font-weight: 600;
    }

    .dh-page-heading {
      margin: 0 0 0.75rem;
      font-family: "Noto Sans Hebrew", "Rubik", system-ui, sans-serif;
      font-weight: 700;
      font-size: clamp(1.35rem, 4.5vw, 2rem);
      line-height: 1.25;
      color: var(--site-text-color);
    }

    .dh-page-lead {
      margin: 0 auto;
      max-width: min(36rem, 100%);
      font-family: "Rubik", "Noto Sans Hebrew", system-ui, sans-serif;
      font-size: clamp(0.95rem, 3.2vw, 1.1rem);
      line-height: 1.55;
      color: var(--site-text-color);
    }

    @media (prefers-reduced-motion: reduce) {
      html:focus-within {
        scroll-behavior: auto;
      }
    }

    /* Visually hidden headings (pages without carousel stylesheet) */
    .dh-sr-only,
    .dh-carousel__sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }