:root {
--dm24-dark: #12213a;
--dm24-text: #182033;
--dm24-muted: #687386;
--dm24-border: #e4e8ee;
--dm24-light: #f6f8fb;
--dm24-accent: #ff6a00;
}

/* Ukrycie standardowego nagwwwka Blocksy */
#header {
display: none !important;
}

.dm24-site-header {
position: relative;
z-index: 100;
width: 100%;
background: #fff;
color: var(--dm24-text);
box-shadow: 0 2px 12px rgba(17, 31, 55, 0.05);
}

.dm24-header-container {
display: flex;
align-items: center;
width: min(1440px, calc(100% - 48px));
margin: 0 auto;
}

.dm24-header-main {
border-bottom: 1px solid var(--dm24-border);
}

.dm24-header-main .dm24-header-container {
min-height: 82px;
gap: 32px;
}

.dm24-logo {
flex: 0 0 auto;
color: var(--dm24-dark);
font-size: 25px;
font-weight: 700;
letter-spacing: -1px;
text-decoration: none;
white-space: nowrap;
}

.dm24-logo strong {
color: var(--dm24-accent);
font-weight: 800;
}

.dm24-search {
display: flex;
flex: 1 1 auto;
height: 48px;
overflow: hidden;
background: var(--dm24-light);
border: 1px solid #d9dee7;
border-radius: 9px;
transition: border-color 0.2s, box-shadow 0.2s;
}

.dm24-search:focus-within {
border-color: var(--dm24-accent);
box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.1);
}

.dm24-search input[type="search"] {
flex: 1;
min-width: 0;
height: 100%;
padding: 0 18px;
background: transparent;
border: 0;
outline: 0;
font-size: 14px;
color: var(--dm24-text);
}

.dm24-search button {
display: grid;
flex: 0 0 54px;
width: 54px;
height: 100%;
padding: 0;
place-items: center;
background: #fff;
border: 0;
border-left: 1px solid var(--dm24-border);
cursor: pointer;
}

.dm24-search button svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 2;
}

.dm24-header-actions {
display: flex;
align-items: center;
gap: 19px;
}

.dm24-action {
position: relative;
display: flex;
align-items: center;
gap: 8px;
color: var(--dm24-text);
text-decoration: none;
white-space: nowrap;
}

.dm24-action-icon {
font-size: 23px;
line-height: 1;
}

.dm24-action-text {
display: flex;
flex-direction: column;
line-height: 1.2;
}

.dm24-action-text small {
color: var(--dm24-muted);
font-size: 11px;
}

.dm24-action-text strong {
font-size: 13px;
font-weight: 700;
}

.dm24-cart-count {
position: absolute;
top: -8px;
left: 14px;
display: grid;
min-width: 19px;
height: 19px;
padding: 0 5px;
place-items: center;
background: var(--dm24-accent);
border: 2px solid #fff;
border-radius: 20px;
color: #fff;
font-size: 10px;
font-weight: 700;
}

.dm24-header-nav {
background: #fff;
}

.dm24-nav-container {
min-height: 48px;
gap: 26px;
}

.dm24-all-categories {
display: flex;
align-items: center;
align-self: stretch;
gap: 9px;
padding: 0 21px;
background: var(--dm24-dark);
color: #fff;
font-size: 14px;
font-weight: 700;
text-decoration: none;
}

.dm24-main-navigation {
flex: 1;
min-width: 0;
}

.dm24-nav-list {
display: flex;
align-items: center;
gap: 27px;
margin: 0;
padding: 0;
list-style: none;
}

.dm24-nav-list a {
display: flex;
align-items: center;
min-height: 48px;
color: var(--dm24-text);
font-size: 13px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}

.dm24-nav-list a:hover,
.dm24-promo-link:hover {
color: var(--dm24-accent);
}

.dm24-promo-link {
color: var(--dm24-accent);
font-size: 13px;
font-weight: 700;
text-decoration: none;
white-space: nowrap;
}

.dm24-mobile-toggle {
display: none;
width: 42px;
height: 42px;
padding: 9px;
background: transparent;
border: 1px solid var(--dm24-border);
border-radius: 7px;
}

.dm24-mobile-toggle span {
display: block;
height: 2px;
margin: 4px 0;
background: var(--dm24-dark);
}

@media (max-width: 1024px) {
.dm24-header-main .dm24-header-container {
flex-wrap: wrap;
gap: 15px;
padding: 15px 0;
}

.dm24-logo {
order: 1;
}

.dm24-header-actions {
order: 2;
margin-left: auto;
}

.dm24-search {
order: 3;
flex-basis: 100%;
}

.dm24-action-text,
.dm24-promo-link {
display: none;
}

.dm24-mobile-toggle {
display: block;
}

.dm24-header-nav {
display: none;
}

.dm24-header-nav.is-open {
display: block;
}

.dm24-nav-container,
.dm24-nav-list {
align-items: stretch;
flex-direction: column;
}

.dm24-nav-container {
width: 100%;
gap: 0;
}

.dm24-nav-list {
gap: 0;
}

.dm24-nav-list a {
padding: 0 24px;
border-bottom: 1px solid var(--dm24-border);
}

.dm24-all-categories {
min-height: 50px;
}
}

@media (max-width: 640px) {
.dm24-header-container {
width: calc(100% - 28px);
}

.dm24-logo {
font-size: 21px;
}

.dm24-header-actions {
gap: 10px;
}

.dm24-action-icon {
font-size: 20px;
}

.dm24-search {
height: 44px;
}
}