.site-header { position: relative; z-index: 50; display: block; padding: 0; border-bottom: 1px solid #eceef0; background: #fafafa; font-family: "Home Cairo", Tahoma, sans-serif; }
.site-header__inner { display: flex; align-items: center; gap: 18px; width: min(100%, 1280px); min-height: 76px; margin-inline: auto; padding: 0 20px; direction: ltr; }
.site-header a { text-decoration: none; }
.site-header__brand { flex: 0 0 190px; display: flex; align-items: center; }
.site-header__brand img { display: block; width: 190px; max-width: 100%; height: auto; }
.site-header__quote { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex-shrink: 0; min-height: 40px; padding: 8px 14px; border-radius: 7px; background: #e3061b; color: #fff; font-size: 11px; font-weight: 700; }
.site-header__quote:hover { background: #bc0719; color: #fff; }
.site-header__tools { display: flex; align-items: center; gap: 12px; color: #515962; }
.site-header__tools a { display: grid; place-items: center; width: 32px; min-height: 40px; color: #15191e; }
.site-header__cart { position: relative; display: grid; place-items: center; width: 36px; height: 40px; padding: 0; border: 0; background: transparent; color: #30353c; cursor: pointer; }
.site-header__cart svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.site-header__cart:hover { color: #e3061b; }
.site-header__cart-count { position: absolute; top: 1px; right: -2px; display: grid; min-width: 17px; height: 17px; padding-inline: 3px; place-items: center; border-radius: 99px; background: #e3061b; color: #fff; font: 700 10px/1 Arial, sans-serif; }
.site-header__cart-count:empty { display: none; }
.site-header .desktop-nav { display: flex; flex: 1; align-items: center; justify-content: center; gap: 4px; direction: rtl; flex-wrap: nowrap; }
.site-header .desktop-nav a { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 8px 10px; border-radius: 7px; color: #30353c; font-size: 13px; font-weight: 700; white-space: nowrap; }
.site-header .desktop-nav a:hover { background: #f0f1f3; color: #e3061b; }
.site-header .desktop-nav a[aria-current="page"] { background: #fff0f2; color: #c90017; }
.site-header .desktop-nav a[aria-current="page"]::after { content: ''; position: absolute; bottom: 2px; inset-inline: 35%; height: 2px; border-radius: 2px; background: #e3061b; }
.site-header .desktop-nav .site-header__store-link { min-height: 44px; gap: 8px; padding: 8px 15px; border: 1px solid #262c33; border-radius: 8px; background: #171c20; box-shadow: 0 4px 12px rgb(21 25 30 / 16%), inset 0 1px 0 rgb(255 255 255 / 12%); color: #fff; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.site-header .desktop-nav .site-header__store-link:hover { transform: translateY(-2px); background: #282f36; box-shadow: 0 7px 16px rgb(21 25 30 / 22%); color: #fff; }
.site-header .desktop-nav .site-header__store-link[aria-current="page"] { border-color: #e3061b; background: #171c20; color: #fff; }
.site-header .desktop-nav .site-header__store-link::after { display: none; }
.site-header__store-link svg { width: 19px; height: 19px; flex: 0 0 19px; fill: none; stroke: #ff5364; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.site-header :focus-visible { outline: 2px solid #e3061b; outline-offset: 3px; }
.site-header .menu-toggle { display: none; }
@media (max-width: 1100px) {
  .site-header__inner { direction: rtl; min-height: 72px; gap: 14px; }
  .site-header .desktop-nav, .site-header__tools { display: none; }
  .site-header .site-header__tools { display: flex; order: 2; gap: 2px; }
  .site-header__tools > a { display: none; }
  .site-header__brand { order: 0; flex: 0 1 175px; min-width: 0; }
  .site-header__quote { order: 1; margin-inline-start: auto; }
  .site-header .menu-toggle { order: 3; display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 10px; border: 1px solid #e0e2e5; border-radius: 9px; background: #fff; cursor: pointer; }
}
@media (max-width: 680px) {
  .site-header__quote { width: 40px; padding: 0; }
  .site-header__quote span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media (max-width: 380px) { .site-header__inner { padding-inline: 12px; gap: 8px; } .site-header__brand { flex-basis: 145px; } }