:root {    --active-bg-color: #102C57; /* #014EA0 */    --bg-header: white;    --bg-section-1: #FFF8F3;    --bg-section-2: #F8F0E5;    --bg-footer: white;}/*https://colorhunt.co/palette/fefaf6eadbc8dac0a3102c57*/* {    margin: 0;    padding: 0;    box-sizing: border-box;    font-family: "Rubik", "Rubik Fallback", sans-serif;    font-size: 1.02em;}body {    background-color: grey;}h2 {    font-size: 2em;    text-transform: uppercase;}/* Nav */body > header {    /*height: 70px;    background: rgb(255, 255, 255);    color: rgb(0, 0, 0);    padding: 0 2rem;    display: flex;    justify-content: space-between;    align-items: center;    position: sticky;    top: 0;*/    background-color: var(--bg-header);    padding: 0.1em 10em;    display: flex;    flex-direction: row;    justify-content: space-between;    align-items: center;}body > header svg {    display: none;}.logo a img {    /*text-decoration: overline;    font-style: italic;    color: rgb(0, 206, 206);    cursor: pointer;    margin: 0 0.5rem;*/    width: 6em;    height: auto;    padding: 1em;}nav {    display: flex;    justify-content: space-between;}.overview, .account {    display: flex;    margin-bottom: 0;}.nav-items {    box-shadow: none;}nav h3 {    display: none;}body > header li {    list-style: none;    margin: 0 1rem;}body > header a {    text-decoration: none;    color: rgb(0, 0, 0);}body > header a:hover {    color: var(--active-bg-color);}body > header a::after {    content: "";    display: block;    height: 3px;    background: var(--active-bg-color);    width: 0%;    transition: all ease-in-out 300ms;}body > header a:hover::after {    width: 100%;}#check, .menu {    display: none;}body > footer {    /***background-color: white;*/    background-color: var(--bg-footer);    padding: 4em 10em;    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);    display: flex;    flex-direction: column;    gap: 1.5em;    flex-wrap: nowrap;}body > footer:after {    content: '© 2025 Vitězslav Škoda';    text-align: center;}body > footer ul {    list-style: none;}.footer-content {    display: flex;    gap: 5em;    flex-wrap: wrap;    justify-content: center;}.footer-info {    display: flex;    gap: 5em;    justify-content: center;}.footer-menu {    display: flex;    flex-direction: column;    gap: 1em;}.footer-menu ul {    display: flex;    flex-direction: column;    text-decoration: none;    gap: 1em;}.footer-contacts {    display: flex;    flex-direction: column;    gap: 2em;}.address, .contact, .media-links {    display: flex;    flex-direction: column;    gap: 1em;}.address ul, .contact ul {    display: flex;    flex-direction: column;    gap: 0.5em;}.footer-menu nav a {    text-decoration: none;    color: black;}.media-links {    display: block;}.fa {    padding: 0.6em 0.8em;    text-align: center;    text-decoration: none;    border-radius: 50%;    scale: 1.1;    background: #3B5998;    color: white;}.fa:hover {    opacity: 0.7;}.button {    background-color: var(--active-bg-color);    color: #FFF;    border-radius: 0.3em;    padding: 0.5em 1.2em;    width: fit-content;    cursor: pointer;    transition: all 0.5s;    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}.button span {    cursor: pointer;    display: inline-block;    position: relative;    transition: 0.3s;}.button span:after {    content: '>';    position: absolute;    opacity: 0;    top: 0;    right: -20px;    transition: 0.3s;}.button:hover span {    padding-right: 25px;}.button:hover span:after {    opacity: 1;    right: 0;}main > header {    height: 35em;    background-image: url('../images/technika/traktor-1920.jpg');    background-image: image-set(url('../images/technika/traktor-1920.webp') type('image/webp'), url('../images/technika/traktor-1920.jpg') type('image/jpeg'));    background-repeat: no-repeat;    background-attachment: fixed;    background-size: cover;    background-position: center;}main > header article {    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.7);    display: flex;    justify-content: center;    align-items: center;}main > header article img {    background-color: #FFFFFF;    padding: 0.5em;    width: 50%;    border-top-left-radius: 2em;    border-top-right-radius: 2em;    border-bottom-right-radius: 25em 8em;    border-bottom-left-radius: 25em 8em;}main section {    padding: 3em 10em;    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}.about-farm, .about-milk, .products, .recipes, .awards, .partners {    display: flex;    flex-direction: row;    flex-wrap: wrap;    width: 100%;    gap: 5em;    background-color: #FEFAF6;}.about-farm article, .about-milk article, .products article {    display: flex;    flex-direction: column;    flex-basis: 100%;    gap: 1em;    justify-content: center;    padding: 1em;}.about-farm article img {    width: 100%;    height: auto;    margin: 0 auto;    border-radius: 1em;    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}.about-milk article img {    height: 20em;    width: auto;    margin: 0 auto;    border-radius: 1em;    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}.products, .awards {    flex-direction: column;    align-items: center;    gap: 1.5em;}.products article, .awards article {    display: flex;    flex-direction: row;    flex-wrap: wrap;    justify-content: center;    gap: 1em;    margin: 0 auto;    text-align: center;}.products article img {    width: 12%;    min-width: 8em;    height: auto;    border-radius: 0.5em;    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}.awards article img {    width: 80%;    min-width: 8em;    height: auto;    padding: 1em;    border-radius: 50%;    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);    background-color: white;}.recipes {    flex-direction: column;    align-items: center;    gap: 1.5em;}.partners {    text-align: center;    display: flex;    flex-direction: column;    gap: 1em;}.partners h2 {    margin-bottom: 1em;}.partners article {    display: flex;    flex-wrap: wrap;    justify-content: center;    align-items: center;    margin-top: 2em;    gap: 2em}.partners article img {    width: 30%;    min-width: 15em;    height: fit-content;    border-radius: 0.5em;    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}.about-farm, .about-milk, .products, .recipes, .awards, .partners, .partners {    background-color: var(--bg-section-1);}.about-milk, .recipes, .partners {    background-color: var(--bg-section-2);}/* Responsive */@media (max-width: 1250px) {    body > header {        padding: 0.1em 2em;    }    main > header {        height: 20em;    }    main section {        padding: 5em 5em;    }    .about-farm, .about-milk {        gap: 1em;    }    .about-milk {        flex-wrap: wrap-reverse;    }    body > footer {        flex-direction: column;    }}@media screen and (min-width: 1250px) {    .about-farm article, .about-milk article {        flex: 1    }}@media (max-width: 750px) {    main > header {        height: 15em;        background-attachment: scroll;        background-image: url('../images/technika/traktor-1280.jpg');        background-image: image-set(url('../images/technika/traktor-1280.webp') type('image/webp'), url('../images/technika/traktor-1280.jpg') type('image/jpeg'));    }    main > header article img {        width: 75%;    }    header nav {        position: fixed;        top: 0;        right: -250px;        height: 100vh;        width: 250px;        flex-direction: column;        justify-content: space-evenly;        background: rgb(255, 255, 255);        padding: 2rem;        transition: all ease-in-out 500ms;    }    header .overview, header .account {        flex-direction: column;        width: auto;    }    header .overview {        margin: 0;    }    header nav h3 {        display: inline-block;        font-weight: 400;        text-transform: uppercase;        font-size: 13px;        margin-bottom: 1rem;    }    body > header svg {        display: inline-block;        cursor: pointer;        vertical-align: top;    }    body > header li {        margin: 1rem 0;    }    body > header a {        display: inline-block;    }    body > header a:hover {        /*margin-left: 2px;        transition: all ease-in-out 300ms;*/    }    .menu {        display: inline-block;        position: fixed;        right: 2rem;        z-index: 99;        padding: 0.3em;        background-color: white;        border-radius: 10%;        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);    }    #check:checked ~ .nav-items {        right: 0;        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);    }    main section {        padding: 3em 2em;    }    body > footer {        padding: 3em 2em;    }    body > footer iframe {        width: 100%;        height: auto;        left: 10em;    }    .footer-info {        flex-wrap: wrap;    }    .footer-contacts, .footer-menu {        text-align: center;    }}.eu-cookies {    font-family: Arial;    position: fixed;    margin: auto;    padding: 1em;    text-align: center;    top: 80%;    width: 80%;    height: 25%;    color: white;    background-color: #363636;    z-index: 1000;}