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 */

    scroll-behavior: smooth;
}

body {
    /*height: 100%;  показва грида по пълната височина на екрана. Ако го има НЕ фиксира footer в дъното на прозореца (footerfix.js) */
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-y: scroll; /* показва вертикален scrolbar независимо от съдържанието / предотвратява подскачането на съдържанието при динамично зареждане на съдържание */
    /* min-width: 320px; */
}

a,
img,
*:focus {
    outline: 0; /* Removing The Dotted Outline */
    -webkit-tap-highlight-color: rgba(0,0,0,0);  /* Remove Gray Highlight When Tapping Links in Mobile Safari */
}

img {
    border: none;
    line-height: 0;
    vertical-align: middle;
    /* INFO: https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/ */
    max-width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}

.l { text-align: left; }

.c { text-align: center; }

.r { text-align: right; }

.hide { display: none; }

/* Tablet & Mobile */
@media (max-width: 1120px)  {
    section { padding: 10px; }
}

/* Desktop */ /* ((())) TODO: !!! problem 1120px */
@media (min-width: 1120px) {
    section {
        padding: 10px 20px;
        max-width: 1240px;
        margin: 0 auto;
        box-sizing: border-box;
    }
}