/* header */

#header { position:relative; display:table; table-layout:fixed; width:100%; height:100px; }
#header ul { padding:0; margin:0; list-style:0; }
#header li { padding:0; margin:0; list-style:0; }
#header .content { position:fixed; z-index:110; top:0; left:0; width:100%; }
#header .block { padding:0; }

#header .peak { height:auto; padding:0.5rem 0; background:#1a1a1a; color:#fff; }
#header .peak .region { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 1rem; justify-content: space-between; }
#header .peak .region ul { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 1rem; justify-content: flex-start; }
#header .peak .region li { position:relative; display:inline-block; line-height:24px; padding:0 0 0 30px; }
#header .peak .region li::before { position:absolute; content:" "; top:0; left:0; width:24px; height:24px; background-repeat:no-repeat; background-size:contain; opacity:0.38; }
#header .peak .region li.hours-open::before { background-image:url('../images/ffffff/clock.svg'); width:22px; height:22px; }
#header .peak .region li.hours-closed::before { background-image:url('../images/ffffff/forbidden.svg'); width:22px; height:22px; }
#header .peak .region li.address::before { background-image:url('../images/ffffff/location.svg'); }
#header .peak .region li.phone::before { background-image:url('../images/ffffff/phone.svg'); }

#header .panel { width:100%; height:56px; background:#ffdf8a; box-shadow:0px 1px 7px 0px rgba(0,0,0,0.12); transition:background-color 1.2s ease; }
#header .logo { float:left; display:block; margin:0 0 0 1em; width:64px; height:54px; background-image:url('../images/logo.png'); background-repeat:no-repeat; background-size:contain; background-position:center; cursor:pointer; }
#header .is-button { box-shadow:none; }

#header .navigation-top { float:left; text-align:left; margin:0 1em 0 0; /* max-width:360px; */ height:56px; overflow:hidden; }
#header .navigation-top ul { display:inline-block; list-style:none; margin:0; padding:0; }
#header .navigation-top li { display:inline-block; list-style:none; margin:0; padding:0; }
#header .navigation-top li a { display:block; float:left; color:inherit; padding:0 1em; line-height:56px; }
#header .navigation-button { float:right; margin:0; display:block; }
#header .navigation-button .icon { position:relative; display:inline-block; width:46px; height:56px; cursor:pointer; }
#header .navigation-button .icon::before { position:absolute; left:10px; top:15px; content:" "; width:26px; height:26px; background-repeat:no-repeat; background-position:center; background-size:contain; }
#header .navigation-search .icon::before { background-image:url('../images/2a2a2a/zoom.svg'); }
#header .navigation-open .icon::before { background-image:url('../images/2a2a2a/menu.svg'); }
#header .navigation-open .account-indicator { display:none; position:absolute; z-index:11; top:2em; margin-left:-11px; width:2em; height:2em; border-radius:2em; line-height:2em; background-color:#f4f4f4; background-image:url('../images/2a2a2a/account.svg'); background-position:center center; background-repeat:no-repeat; background-size:cover; }
#header .navigation-catalogue { float:right; margin:0 10px 0 0; padding:0; display:block; line-height:56px; cursor:pointer; }

/* navigation */

#navigation { display:none; position:fixed; top:0; right:0; width:100%; height:100%; z-index:2000; font-size:110%; background:#1f1f1f; overflow:auto; }
#navigation ul { list-style:none; margin:0 0 1.7em 0; padding:0; }
#navigation li { list-style:none; margin:0; padding:0; display:block; text-align:left; }
#navigation a { display:inline-block; padding:0.4rem 0; color:#fff; text-decoration:none; }
#navigation a:hover { color:#fff; text-decoration:none; }
#navigation .panel { padding-left:1.80rem; }
#navigation .title { padding:1em 0 0.7em 0; font-size:120%; color:#9c9c9c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#navigation .navigation-close { position:fixed; top:0; right:0; }
#navigation .navigation-content { padding:3rem 0 0 0; }
#navigation .modal-window-close { background-image:url('../images/ffffff/close.svg'); }

/* search block */

#block-search { margin:0; padding:2rem 0; }
#block-search form { margin:0; padding:0; position:relative; }
#block-search .mainbox { display:block; }
#block-search .form-item { margin:0; padding:0; width:100%; }
#block-search .form-search { margin:0; padding:0 0.5rem; width:100%; max-width:100%; height:44px; line-height:44px; font-size:144%; background:transparent; color:#ccc; border-color:#ffffff3c; }
#block-search .form-actions { margin:0; padding:0; position:absolute; top:0; right:0; }
#block-search .form-submit { margin:1px; height:42px; line-height:42px; font-size:144%; border-radius:2px; box-shadow:none; }

@media
only screen and (max-width:640px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 640px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 640px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 640px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 640px),
only screen and (                min-resolution: 192dpi) and (max-width: 640px),
only screen and (                min-resolution: 2dppx)  and (max-width: 640px) {
  /* Middle size and small screen, retina, stuff to override above media query */

  #header .logo { }
  #header .navigation-top { display: none; }
  #header .content { position: relative; }
  #header .peak .region { display: block; position: static; margin-top: 56px; padding: 1.7rem 0; }
  #header .peak .region ul { display: block; }
  #header .peak .region li:before { opacity: 1; }
  #header .peak .region li.hours-open:before { background-image:url('../images/c72f41/clock.svg'); }
  #header .peak .region li.hours-closed:before { background-image:url('../images/c72f41/forbidden.svg'); }
  #header .peak .region li.address:before { background-image:url('../images/c72f41/location.svg'); }
  #header .peak .region li.phone:before { background-image:url('../images/c72f41/phone.svg'); }
  #header .panel { position: fixed; top: 0; }

}