html {
    height: 100%; /* показва грида по пълната височина на екрана и фиксира footer в дъното на прозореца (footerfix.js) */
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none; /* Не позволява промяна на размера на текста при завъртане на екрана (landscape/portrait) */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* Remove Gray Highlight When Tapping Links in Mobile Safari */
}

body {
    /*background: url(../img/grid.png) center top repeat;*/
    /*height: 100%;  показва грида по пълната височина на екрана. Ако го има НЕ фиксира footer в дъното на прозореца (footerfix.js) */
    margin: 0;
    padding: 0;
    overflow-y: scroll; /* показва вертикален scrolbar независимо от съдържанието / предотвратява подскачането на съдържанието при динамично зареждане на съдържание */
    min-width: 320px;
}

section {
    max-width: 1440px;
    margin: auto;
}

img {
    max-width: 100%;
    vertical-align: top;
}

/* INFO: remove focus border (outline) around text/input */
*:focus { outline: none; }

/* Header */
header {
    background: linear-gradient(to bottom,#FEFEFE 0,#F5F5F5 100%);
    border-bottom: 1px solid #EEE;
}

header .nav .user { text-align: right; }

/* Mobile */
@media all and (max-width: 960px) {
	header {
	    overflow: auto;
	    position: relative;
	}

	header .logo {
		border-bottom: 5px solid #ff0;
	}

	header .logo .burger {
		border: 1px solid red;
		width: 40px;
		height: 40px;
		display: inline-block;
	}

	header .user {
		position: absolute;
		top: 0;
		right: 50px;
		text-align: right;
	}

	header .basket {
		position: absolute;
		top: 0;
		right: 0;
	}

	header nav { float: left; }

	header form { float: right; }
}

/* Desktop */
@media all and (min-width: 961px) {
	header .logo .burger { display: none; }

	header .logo,
	header .nav {
		display: inline-block;
		vertical-align: top;
	}

	header .logo { width: 260px; }

	header .nav {
		width: calc(100% - 260px);
		display: inline-flex;
		justify-content: space-between;
	}

	header .nav .basket {
		width: 50px;
		border: 1px solid green;
	}
}
