@media (max-width: 767px){

  :root{
    --topbar-h: 44px;
    --topbar-pad: 10px;
    --btn-gap: 8px;
    --btn-w: 92px;
  }

  /* ===== 1) Fixed white strip + buttons (currency/lang) ===== */
  header::before{
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0;
    height: var(--topbar-h);
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.08);
    z-index: 1000;
  }

  header .btn.lang,
  header .btn.currency{
    position: fixed !important;
    top: calc((var(--topbar-h) - 32px) / 2) !important;
    z-index: 1010 !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    height: 32px !important;
    padding: 6px 10px !important;
    border-radius: 12px !important;

    background: rgba(0,0,0,.04) !important;
    border: 1px solid rgba(0,0,0,.12) !important;
    color: #111 !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  header .btn.lang{ right: var(--topbar-pad) !important; }
  header .btn.currency{ right: calc(var(--topbar-pad) + var(--btn-w) + var(--btn-gap)) !important; }

  /* ===== 2) Push page content down so nothing is hidden under topbar ===== */
  header{
    padding-top: var(--topbar-h) !important;
    background: transparent !important;
  }

  /* ===== 3) Do NOT force header to fixed (avoid clones/white blocks) ===== */
  header,
  header .store-header,
  header .main-header{
    position: relative !important;  /* مهم */
    top: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* ===== 4) Make the theme sticky logo/header always above the currency bar ===== */
  /* ارفع z-index لأي نسخة sticky بيعملها القالب */
  .sticky,
  .is-sticky,
  .header--sticky,
  .store-header--sticky,
  .main-header--sticky,
  [class*="sticky-header"],
  [class*="header-sticky"],
  [class*="fixed-header"],
  [id*="sticky"],
  [id*="header-sticky"]{
    z-index: 99999 !important;
  }

  /* Keep logo transparent */
  header [class*="logo"],
  header [class*="brand"],
  header img{
    background: transparent !important;
  }
}





@media (max-width: 767px){

  /* Kill the sticky white overlay made by Salla header */
  header.store-header.align-start-logo.fixed-sticky::before{
    content: none !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

}








@media (max-width: 767px){

  /* قبل الاسكرول (سيبه زي ما هو) */
  header{
    padding-top: var(--topbar-h) !important;
  }

  /* بعد الاسكرول → الغي تأثيره */
  header.store-header.align-start-logo.fixed-sticky{
    padding-top: 0 !important;
  }



  .header-container.container {
    margin-top: 27px;
}


      header {
     
        background: #ffffff !important;
    }
}