/* ========================================================== E-HURTOWO UX 2027 — PASEK NAD NAGŁÓWKIEM Wersja 1.0 ========================================================== */ .eh-topbar { width: 100%; background: linear-gradient(90deg, #6f4a31 0%, #9b6a43 50%, #6f4a31 100%); color: #ffffff; font-family: inherit; } .eh-topbar__inner { width: min(1480px, calc(100% - 48px)); min-height: 62px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 28px; } .eh-topbar__item { min-width: 165px; display: flex; align-items: center; gap: 10px; color: #ffffff !important; text-decoration: none !important; line-height: 1.15; } .eh-topbar__item:not(:last-of-type) { padding-right: 28px; border-right: 1px solid rgba(255, 255, 255, 0.24); } .eh-topbar__icon { width: 34px; height: 34px; flex: 0 0 34px; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; } .eh-topbar__item strong { display: block; margin: 0 0 4px; color: #ffffff; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; } .eh-topbar__item small { display: block; color: rgba(255, 255, 255, 0.82); font-size: 11px; font-weight: 400; } .eh-topbar__cta { min-height: 38px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid rgba(255, 255, 255, 0.65); border-radius: 4px; color: #ffffff !important; background: rgba(255, 255, 255, 0.08); text-decoration: none !important; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease; } .eh-topbar__cta:hover, .eh-topbar__cta:focus { color: #6f4a31 !important; background: #ffffff; transform: translateY(-1px); } /* Tablet — mniej informacji */ @media (max-width: 1180px) { .eh-topbar__inner { gap: 18px; } .eh-topbar__item { min-width: auto; } .eh-topbar__item:nth-of-type(3), .eh-topbar__item:nth-of-type(4) { display: none; } } /* Mobile — pasek ukryty, żeby hero było widoczne od razu */ @media (max-width: 767px) { .eh-topbar { display: none !important; } }