.dm-header__inner {
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
gap: 18px;
}
.dm-header__brand {
width: 176px;
min-width: 146px;
}
.dm-header__logo {
max-height: 58px;
}
.dm-header__nav {
min-width: 0;
}
.dm-header__nav--left {
justify-self: start;
}
.dm-header__nav--right {
justify-self: end;
}
.dm-nav {
gap: clamp(12px, 1.8vw, 24px);
min-width: 0;
}
.dm-nav a,
.dm-nav__link {
white-space: nowrap;
}
.dm-header__actions {
justify-self: end;
min-width: max-content;
}
.dm-empty--products {
grid-column: 1 / -1;
padding: 34px;
border: 1px solid var(--color-stroke);
background: #fff;
color: #6a584a;
text-align: center;
}
.dm-empty--products h2 {
margin: 0 0 8px;
color: var(--color-brand-brown);
font-family: var(--font-display);
font-size: 34px;
line-height: 1.05;
}
.dm-empty--products p {
margin: 0;
}
@media (max-width: 1180px) {
.dm-header__inner {
width: min(100% - 24px, 1120px);
gap: 12px;
}
.dm-header__brand {
width: 150px;
}
.dm-header__logo {
max-height: 50px;
}
.dm-nav {
gap: 12px;
}
.dm-nav a,
.dm-nav__link {
font-size: 12px;
letter-spacing: .08em;
}
.dm-icon-btn,
.dm-burger {
width: 38px;
height: 38px;
}
}
@media (max-width: 1040px) {
.dm-header__inner {
height: 76px;
grid-template-columns: auto 1fr auto;
}
.header_menu,
.dm-header__nav {
display: none;
}
.dm-header__brand {
justify-self: start;
margin-right: auto;
width: 148px;
min-width: 128px;
}
.dm-header__actions {
grid-column: 3;
gap: 10px;
}
.dm-header__actions .dm-burger {
margin-left: 0 !important;
flex: 0 0 42px;
}
.dm-header__logo {
max-height: 48px;
}
.dm-burger {
display: grid;
}
.dm-mega {
display: none;
}
}
@media (max-width: 767px) {
.dm-header__actions {
gap: 6px;
}
.dm-header__actions .dm-burger {
margin-left: 0 !important;
}
}
@media (max-width: 620px) {
.dm-header__inner {
width: min(100% - 20px, 620px);
gap: 8px;
}
.dm-header__brand {
width: 124px;
min-width: 112px;
}
.dm-header__logo {
max-height: 42px;
}
.dm-header__actions {
gap: 4px;
}
.dm-header__actions .dm-burger {
margin-left: 0 !important;
}
.dm-icon-btn,
.dm-burger {
width: 34px;
height: 34px;
}
.dm-icon-btn span[aria-hidden="true"] {
font-size: 18px;
}
.dm-header__count {
top: -2px;
right: -2px;
}
}