/* HMD-COMPACT-HEADER-V12-START
 * Mobile homepage only: one 60px row ABOVE the uncropped video at page top.
 * Existing native logo/menu/search/cart nodes and handlers are not replaced.
 * A fixed 60px flow placeholder avoids a content jump when Header10 returns on scroll.
 * Compact geometry applies ONLY at the top; existing Header10 remains the scrolled design.
 * Existing 1619-byte scroll-state helper is reused. New JavaScript: zero.
 * CSS safe-area padding is additional to the 60px row when the browser reports it.
 */
@media (max-width:767px) {
  body.rtl[data-template="home"] .header {
    position:sticky !important;
    inset:0 auto auto !important;
    top:0 !important;
    flex:0 0 auto;
    width:100% !important;
    height:calc(60px + env(safe-area-inset-top, 0px)) !important;
    min-height:calc(60px + env(safe-area-inset-top, 0px)) !important;
    overflow:visible !important;
    margin:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    transform:none !important;
    transition:none !important;
    background:transparent !important;
    z-index:30;
  }
  body.rtl[data-template="home"] .header #fixed-header {
    position:absolute !important;
    inset:0 0 auto !important;
    width:100% !important;
    padding-top:env(safe-area-inset-top, 0px);
    box-sizing:border-box;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header #fixed-header {
    background:#000 !important;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:none;
  }
  body.rtl[data-template="home"].hmd-v08-scrolled .header #fixed-header {
    background:transparent !important;
    -webkit-backdrop-filter:blur(28px);
    backdrop-filter:blur(28px);
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .upper-bar,
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .main-nav-wrapper {
    display:none !important;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .search-header {
    padding:0 !important;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .search-header > .container {
    width:100%;
    max-width:none;
    padding-inline:12px !important;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .search-header-bar {
    position:relative;
    display:block !important;
    direction:ltr;
    box-sizing:border-box;
    width:100%;
    max-width:none;
    height:60px !important;
    padding:0;
    margin:0;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .search-header-bar::before,
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .header-cart > .sm-search-icon::before,
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .header-cart > div:last-child::before {
    content:none;
    display:none;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .search-header-bar > .header-logo {
    position:static;
    display:block !important;
    width:100%;
    height:60px;
    margin:0;
    padding:0;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .header-logo > a {
    position:absolute;
    top:8px;
    left:50%;
    transform:translateX(-50%);
    display:flex !important;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    width:44px !important;
    height:44px !important;
    padding:0;
    margin:0;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .header-logo .image-logo {
    width:36px !important;
    height:36px !important;
    max-width:36px;
    max-height:36px !important;
    object-fit:contain;
    border-radius:0;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .header-logo > .icon-menu-top {
    position:absolute !important;
    top:8px !important; right:auto !important; bottom:auto !important; left:0 !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    padding:0 !important;
    border-radius:0 !important;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .search-header-bar > .header-cart {
    position:absolute;
    top:8px; right:0; bottom:auto; left:auto;
    display:flex !important;
    flex-direction:row !important;
    direction:ltr;
    width:88px;
    height:44px;
    padding:0;
    margin:0;
    gap:0;
    flex-grow:0;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .header-cart > .sm-search-icon,
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .header-cart > div:last-child {
    flex:0 0 44px;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    padding:0;
    margin:0;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .header-cart .a-shopping-cart {
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    padding:0;
    border:0;
    border-radius:0;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .icon-menu-top > span,
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .sm-search-icon > span,
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .a-shopping-cart > .icon-shopping_cart_black_36dp-1-1 {
    font-size:23px;
    line-height:1;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .icon-menu-top > span,
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .sm-search-icon > span,
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .a-shopping-cart > .icon-shopping_cart_black_36dp-1-1 {
    color:#f7f7f4;
    text-shadow:none;
  }
  body.rtl[data-template="home"].hmd-v08-scrolled .header .icon-menu-top > span,
  body.rtl[data-template="home"].hmd-v08-scrolled .header .sm-search-icon > span,
  body.rtl[data-template="home"].hmd-v08-scrolled .header .a-shopping-cart > .icon-shopping_cart_black_36dp-1-1 {
    color:var(--hmd-mr-ink, #202821);
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header .a-shopping-cart .cart-badge {
    top:0;
    right:0;
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header a:focus-visible,
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .header button:focus-visible {
    outline-color:#f7f7f4 !important;
  }
  body.rtl[data-template="home"].hmd-v08-scrolled .home-products-section {
    scroll-margin-top:calc(230px + env(safe-area-inset-top, 0px));
  }
  body.rtl[data-template="home"]:not(.hmd-v08-scrolled) .home-products-section {
    scroll-margin-top:calc(76px + env(safe-area-inset-top, 0px));
  }
}
/* HMD-COMPACT-HEADER-V12-END */