/*
* AGROLA
*
* Background - #c8102e;
* Link - #004274;
* Link on hover - #7B0015;
*/

/*
* General
*/

.help-prompt {
	background-color: #004274;
}

.more-info-link-arrow {
	color: #004274;
}

.modal-cart__name {
	color: #004274;
}

.bg-primary {
	background-color: #004274 !important;
}

a {
	color: #004274;
}

a:hover {
	color: #0084d8;
}

.page-link, .product-comments__pagination li span {
	color: #004274;
}

.page-item.active .page-link, .page-item.active .product-comments__pagination li span, .product-comments__pagination li.active .page-link, .product-comments__pagination li.active span, .product-comments__pagination li .page-item.active span {
	background-color: #004274;
	border-color: #004274;
}

.blockcart, .social-share-btn--footer:hover {
	background-color: #004274;
}

.page-link:hover, .product-comments__pagination li span:hover {
	color: #0084d8;
}

.blog-paggination .links>b {
	background-color: #004274;
	border: 1px solid #004274;
}

.search-widget .btn-link {
	color: #004274;
}

#product .current-price-display {
	color: #004274;
}

.banner-catalogs {
	background-color: #ffffff;
}

.banner-customization-prompt {
	color: white;
	background: #004274 linear-gradient(150deg, #6c0c1c, #ff0029);
}

/*
* BUTTONS
*/

.text-primary {
	color: #004274 !important;
}

.btn-outline-primary {
	color: #004274;
	border-color: #004274;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #0084d8;
	border-color: #0084d8;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(78, 148, 217, 0.5);
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: #004274;
	border-color: #004274;
}

.btn-primary {
	color: #fff;
	background-color: #004274;
	border-color: #004274;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
	background-color: #0084d8;
	border-color: #0084d8;
}

.btn-primary.focus, .btn-primary:focus {
	box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 .2rem rgba(78, 148, 217, 0.5);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .2rem rgba(78, 148, 217, 0.5);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background-color: #004274;
	border-color: #004274;
}

.slick-arrow:hover i {
	color: white;
	background-color: #0084d8;
}

.slick-arrow>i {
	color: #004274;
}

.images-container .btn-zoom {
	color: #004274;
}

#product-modal .close {
	color: #004274;
}

#product-modal .close:hover {
	color: white;
	background-color: #0084d8;
}

.product-thumb.active, .product-thumb:hover {
	border: 2px solid #0084d8;
}

/*
* BUTTONS
*/

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #004274;
	border-color: transparent transparent #004274;
}

/*
* Header logo
*/

header#header .logo {
	max-height: 58px;
	margin: 18px 0px;
}

.header-top {
	min-height: 94px;
}

@media screen and (max-width: 767px) {
	header#header .logo {
		max-height: unset;
		max-width: 80px;
		margin: 6px 0px;
	}

	.header-nav {
		min-height: 54px;
	}

}

@media screen and (max-width: 991px) and (min-width: 768px) {
	header#header .logo {
		max-height: 52px;
		margin: 16px 0px;
	}

	.header-top {
		min-height: 84px;
	}
}

/*
* Custom styling
*/

.badge-name2 {
	color: #212529;
	background-color: #e8e8e8;
	padding: 0.45em .8em;
	font-size: 100%;
	border-radius: 10rem;
	margin-bottom: 1rem;
	display: inline-block;
}

.btn {
	border-radius: 10rem;
	padding: .575rem 1.2rem;
}

.input-group .input-group-append .btn {
	border-radius: 0px;
}

/*
* TOTO TADY MUSI BYT, JINAK BLBNE PREPINAC POCTU KUSU V KOSIKU
*/

.js-touchspin.btn {
	padding: .375rem .75rem;
}

.account-links .link-item, .address, .block-categories, .card, .alert, .card-block, .left-column .search_filters, .page-wrapper, .subcategory, .block-cms-left-column, .block-heureka-reviews-left-column, .block-blog-categories-left-column, .block-blog-search-left-column {
	border-radius: 10px;
}

.address-header, .card-header, .page-header {
	border-radius: 10px 10px 0px 0px;
}

.address-footer, .card-footer, .page-footer {
	border-radius: 0px 0px 10px 10px;
}

.breadcrumb {
	border-radius: 10px;
}

.pagination li:first-child {
	border-radius: 6px 0px 0px 6px;
	overflow: hidden;
}

.pagination li:last-child {
	border-radius: 0px 6px 6px 0px;
	overflow: hidden;
}

#product-tabs {
	overflow: hidden;
}

#products .custom-select {
	border-radius: 6px;
}

#product .product-flags-top .product-flag {
	border-radius: 6px;
}

.product-flag {
	border-radius: 6px;
}

.images-container>.position-relative {
	border-radius: 10px;
	overflow: hidden;
}

.product-thumb {
	border-radius: 6px;
	overflow: hidden;
}

#search_filter_toggler {
	border-radius: 6px;
}

.active_filters {
	border-radius: 6px;
}

#product #obsah_baleni h1, #product #obsah_baleni h2, #product #obsah_baleni h3, #product #obsah_baleni h4, #product #obsah_baleni h5, #product #obsah_baleni h6 {
	font-weight: bold;
}

.table-nutrition {
	max-width: 600px;
	margin-top: 2rem;
	box-shadow: 0 0 0 1px #dee2e6;
	border-radius: 7px;
	overflow: hidden;
}

.table-nutrition tr:not(:last-child) td {
	border-bottom: 1px solid #dee2e6;
}

.table-nutrition td:nth-child(1) {
	border-right: 1px solid #dee2e6;
}

.table-nutrition thead th {
	background: #f0f0f0;
}

.table-nutrition thead th {
	border: 0;
}

.table-nutrition td:nth-child(2) {
	text-align: right;
}

.thumbnail-sold-out img {
	filter: grayscale(100%);
	opacity: 0.3;
}

#product .product-codes .product-durability span {
	font-weight: bold;
}

#product .product-codes .product-durability label {
	margin-bottom: 0;
}

#product .product-codes .product-manufacturer-url span {
	font-weight: bold;
}

#product #description img {
	border-radius: 10px;
}

.manufacturer-description img {
	border-radius: 10px;
	max-width: 100%;
	height: auto;
}

.manufacturer-description h1, .manufacturer-description h2, .manufacturer-description h3, .manufacturer-description h4, .manufacturer-description h5, .manufacturer-description h6 {
	font-weight: bold;
}

.manufacturer-description ul {
	list-style: disc;
	padding-left: 1.6rem;
}

.manufacturer-description ol {
	padding-left: 1.6rem;
}

#category-description img {
	border-radius: 10px;
	max-width: 100%;
	height: auto;
}

#cms img {
	border-radius: 10px;
	max-width: 100%;
	height: auto;
}

.cart-product-availability.availability-red {
	color: #de1515;
}

body {
	background-color: #f5f0e5;
}

.block-header, .already-account-label {
	font-family: Nunito, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}


/*
* Homepage kategorie
*/

.homepage-categories .category {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 0.25rem 0.475rem rgb(42 53 79 / 10%);
	display: block;
	background-size: cover;
	min-height: 7rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	transition: transform 200ms ease;

}

.homepage-categories .category .category-name {
	display: block;
	background: #e8ac57;
	padding: 0.4rem 0.7rem;
	font-weight: bold;
	color: white;
	margin-bottom: 1rem;
	border-radius: 10px 0 0 10px;
	font-size: 0.8rem;
}

@media screen and (min-width: 400px) and (max-width: 991.99px) {
	.homepage-categories .category {
		min-height: 10rem;
	}
}

.homepage-categories .category:hover {
	transform: scale(1.015);
}




/*
* Homepage intro - vyhledání pobočky a košík
*/

.shop-intro {
	display: grid;
	grid-template-columns: 45fr 55fr;
	grid-template-rows: auto auto;
	gap: 15px 15px;
	grid-template-areas: "intro_1 intro_3""intro_2 intro_3";
}

.intro_1 {
	grid-area: intro_1;
}

.intro_2 {
	grid-area: intro_2;
}

.intro_3 {
	grid-area: intro_3;
}

@media screen and (max-width: 1199px) {
	.shop-intro {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		grid-template-areas: "intro_1 intro_3""intro_2 intro_2";
	}
}

@media screen and (max-width: 991px) {
	.shop-intro {
		grid-template-columns: auto;
		grid-template-rows: auto auto auto;
		grid-template-areas: "intro_1""intro_3""intro_2";
	}
}

.intro_2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.shop-intro {
	text-align: center;
	margin-bottom: 4rem;
}

.shop-intro h1 {
	text-transform: none;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 2.6rem;
	color: #004274;
}

.shop-intro .intro-search {
	margin-bottom: 2.5rem;
	max-width: 570px;
	margin-left: auto;
	margin-right: auto;
}

.shop-intro .intro-delivery {
	font-weight: bold;
	margin-bottom: 0;
}

.shop-intro .intro-text {
	font-weight: 600;
	font-size: 1.2rem;
}

@media screen and (min-width: 1200px) {
	.shop-intro .intro-text {
		margin-left: auto;
		margin-right: auto;
		display: block;
		max-width: 400px;
	}
}

@media screen and (min-width: 1300px) {
	.shop-intro .intro-text {
		margin-bottom: 2rem;
	}
}

.shop-intro .intro-full-map a {
	color: black;
	text-decoration: underline;
}

.shop-intro .intro-full-map {
	margin-bottom: 0;
}

.delivery-address-check {
	display: flex;
	background: white;
	padding: 0.6rem;
	border-radius: 100px;
	align-items: center;
	margin-bottom: 1rem;
}

.delivery-address-check .icon {
	background-color: transparent;
	border: none;
	padding: 0.375rem 0rem 0.375rem 0.75rem;
	color: #E69942;
}

.delivery-address-check input {
	box-shadow: none;
	border: none;
}

.delivery-address-check input:focus {
	border-color: none;
	box-shadow: none;
}

.delivery-address-check button {
	flex-shrink: 0;
	background-color: #E69942;
	border-color: #E69942;
}

@media screen and (max-width: 767px) {
	.shop-intro h1 {
		font-size: 1.8rem;
		margin-bottom: 1.4rem;
	}

	.shop-intro .intro-search {
		margin-bottom: 1.5rem;
	}
}



/* Vlnka a styly HP*/
body.page-index .card.card-product {
	box-shadow: none;
}

body.page-index {
	background-color: white;
	background-image: url(/img/homepage/bg.svg);
	background-repeat: no-repeat;
	background-size: 210rem 118rem;
	background-position-x: calc(50% + 17rem);
	background-position-y: top;
}

@media screen and (min-width: 2100px) {
	body.page-index {
		background-size: 310rem 118rem;
		background-position-x: calc(50% + 30rem);
	}
}

@media screen and (max-width: 1299px) and (min-width: 1200px) {
	body.page-index {
		background-size: 180rem 115rem;
		background-position-x: calc(50% + 14rem);
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	body.page-index {
		background-size: 287rem 110rem;
		background-position-x: calc(50% - 4rem);
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	body.page-index {
		background-size: 170rem 145rem;
		background-position-x: calc(50% + 17rem);
	}
}

@media screen and (max-width: 767px) and (min-width: 576px) {
	body.page-index {
		background-size: 125rem 117rem;
		background-position-x: calc(50% + 17rem);
	}
}

@media screen and (max-width: 575px) and (min-width: 421px) {
	body.page-index {
		background-size: 125rem 122rem;
		background-position-x: calc(50% + 17rem);
	}
}

@media screen and (max-width: 420px) {
	body.page-index {
		background-size: 125rem 134rem;
		background-position-x: calc(50% + 17rem);
	}
}

/* Flagy */

.product-flag {
	border-radius: 0px;
}

.product-flag:last-child {
	border-radius: 0px 0px 6px 0px;
}

.product-flag {
	background: linear-gradient(to right, #004374, #5bc1f1);
}

.product-flag.flag-adults-only {
	background: linear-gradient(to right, #b30000, #f37272);
}

.product-flag.flag-weekly-action {
	background: linear-gradient(to right, #b30000, #f37272);
}

.product-flag.flag-discount {
	background: linear-gradient(to right, #b30000, #f37272);
}

.product-flag.flag-durable {
	background: linear-gradient(to right, #198532, #31d356);
}

.product-flag.flag-delivery-global {
	background: linear-gradient(to right, #198532, #31d356);
}

.product-flag.flag-delivery-local {
	background: linear-gradient(to right, #c1aa04, #d39a31);
}

.product-miniature .product-flag i {
	font-size: 1.14rem;
}

.product-flag.flag-durable a {
	display: flex;
	align-items: center;
	color: white;
}

@media screen and (max-width: 767px) {
	.product-flag.flag-durable a i {
		font-size: 1.2rem;
	}
}





/* Search */
.search-widget form button {
	border-radius: 0;
}

.search-widget .input-group {
	border: none;
	background: #fdfdfd;
	box-shadow: 0px 3px 5px 3px rgb(0 0 0 / 8%);
	border-radius: 10rem;
}

.search-widget .btn-link {
	color: #004274;
	border-radius: 10rem;
	background: #e69942;
	color: white;
	padding: 0rem 1.4rem;
	margin-left: -4.5rem;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	z-index: 2;
}

.search-widget .form-control {
	box-shadow: none;
	height: auto;
	border: none;
	background-color: transparent;
	border-radius: 10rem;
	padding: 0.775rem 5.75rem .775rem 1.4rem !important;
}

.search-widget .form-control:focus {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}

.autocomplete-suggestions {
	max-height: 300px;
	margin-top: 0.6rem;
	padding: 0.6rem;
	border-radius: 10px;
}

/* Fonty */
.h1, .h2, .h3, .h4, .h5, .h6, .products-section-title, h1, h2, h3, h4, h5, h6 {
	font-family: Nunito, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	font-weight: 700;
}

body {
	font-family: Nunito, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}

@font-face {
	font-family: 'Lifehack';
	src: url('/themes/trendo/assets/fonts/lifehack-webfont.woff2') format('woff2'),
		url('/themes/trendo/assets/fonts/lifehack-webfont.woff') format('woff');
}

/* Menu */
.navbar .navbar-nav .nav-link {
	text-transform: none;
	font-size: 1.2rem;
}

.navbar .navbar-nav .nav-link.dropdown-toggle:after {
	margin-left: .155em;
	vertical-align: 0.2em;
	border-top: .2em solid;
	border-right: .2em solid transparent;
	border-bottom: 0;
	border-left: .2em solid transparent;
}

/* Header */

.l-header {
	background-color: transparent;
	box-shadow: none;
}

.blockcart {
	border-radius: 10rem;
}

.header-nav, .header-top {
	border-bottom: none;
}

/*
 * Hlavní menu
 */
/* Full width dropdowny a jejich šířky */
.tox-mainmenu--desktop .menu-item-full-width {
	position: static;
}

@media screen and (min-width: 768px) {
	.tox-mainmenu--desktop .menu-item-full-width .dropdown-menu {
		width: 690px;
	}
}

@media screen and (min-width: 992px) {
	.tox-mainmenu--desktop .menu-item-full-width .dropdown-menu {
		width: 930px;
	}
}

@media screen and (min-width: 1200px) {
	.tox-mainmenu--desktop .menu-item-full-width .dropdown-menu {
		width: 1110px;
	}
}

@media screen and (min-width: 1300px) {
	.tox-mainmenu--desktop .menu-item-full-width .dropdown-menu {
		width: 1210px;
	}
}

/* Barva panelu */
.tox-mainmenu--desktop {
    background: #004274;
}

.tox-mainmenu .search-button {
	color: white;
}

.tox-mainmenu .menu-button {
	color: white;
}

.tox-mainmenu--desktop .navbar .navbar-nav .nav-link {
	color: white;
}

/* Barva panelu desktop */
@media screen and (min-width: 1200px) {
	.tox-mainmenu--desktop {
        background: #004274;
    }
    
    .tox-mainmenu--desktop .navbar .navbar-nav .nav-link {
    	color: white;
    }
}

/* Zvýrazněná položka menu */
.tox-mainmenu--desktop .navbar .navbar-nav .menu-item-highlighted .nav-link {
    background: #f0c417;
    color: #212529;
}

/* Šířka položek */
.navbar--desktop .navbar-nav .nav-link {
    padding: 1rem 1.4rem;
}

@media screen and (min-width: 1300px) {
    .navbar--desktop .navbar-nav .nav-link {
        padding: 1rem 1.8rem;
    }
}

/* Jiný padding pro dropdowny s kategoriemi */
.tox-mainmenu--desktop .menu-item-with-categories .dropdown-menu {
    padding: 1.6rem;
}
 
/* Stylování kategorií v dropdownu */
.tox-mainmenu--desktop .menu-categories {
    margin: -1rem 0;
}

.tox-mainmenu--desktop .menu-category {
	margin-bottom: 1rem;
	margin-top: 1rem;
	display: flex;
}

.tox-mainmenu--desktop .menu-category .category-content-wrapper {
	display: flex;
	flex-direction: column;
	margin-top: -0.4rem;
}

.tox-mainmenu--desktop .menu-category .image {
	flex-shrink: 0;
	display: block;
	margin-right: 1rem;
	width: 6rem;
}

.tox-mainmenu--desktop .menu-category .name {
	font-weight: bold;
    text-transform: uppercase;
}

.tox-mainmenu--desktop .menu-category .subcategories {
	display: flex;
	flex-wrap: wrap;
	font-size: 0.9rem;
	margin-bottom: 0;
}

.tox-mainmenu--desktop .menu-category .subcategories a:not(:last-child) {
	margin-right: 0.3rem;
}

.tox-mainmenu--desktop .menu-category .subcategories a:not(:last-child):after {
	content: ",";
	display: inline;
}

.tox-mainmenu--mobile .menu-category {
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	align-items: center;
	display: flex;
}

.tox-mainmenu--mobile .menu-category .image {
	flex-shrink: 0;
	display: block;
	margin-right: 1rem;
	width: 3rem;
}

.tox-mainmenu--mobile .menu-category .name {
	font-weight: bold;
}

.tox-mainmenu--mobile .menu-categories {
	margin-bottom: 0.6rem;
}

.tox-mainmenu--mobile .menu-category .subcategories {
	display: none;
}
/*
 * Hlavní menu
 */
 
/* Dodatečné stylování menu */
.tox-mainmenu--mobile .menu-category .subcategories {
	display: flex;
	flex-wrap: wrap;
}

.tox-mainmenu--mobile .menu-category .subcategories a {
	font-size: 0.9rem;
}

.tox-mainmenu--mobile .menu-category .subcategories a:not(:last-child) {
	margin-right: 0.3rem;
}

.tox-mainmenu--mobile .menu-category .subcategories a:not(:last-child):after {
	content: ",";
	display: inline;
}

.tox-mainmenu--desktop .dropdown-menu {
	border-radius: 10px;
	border: none;
}
 
.tox-mainmenu--desktop .menu-category .name {
    text-transform: none;
}




/* Pokladna */

.badge-carrier-new {
	background: linear-gradient(to right, #004374, #5bc1f1);
	font-size: 90%;
	color: white;
	padding: .35em .6em;
	border-radius: 0px 0px 8px 0px;
}

.badge-carrier-info {
	background: #6c6c6c;
	font-size: 90%;
	color: white;
	padding: .35em .6em;
	border-radius: 0px 0px 8px 0px;
}

.badge-link {
	cursor: pointer;
}

.carrier-name .badge:first-child {
	margin-left: 0.6rem;
}


/* Stránka box */
.agrola-box__instructions .instruction {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.agrola-box__instructions .instruction i {
	color: #004274;
	font-size: 5rem;
	margin-bottom: 1rem;
}

.agrola-box__address {
	background: #00427454;
	border: 1px solid #004274;
	color: #004274;
	padding: 1rem 1.6rem;
	border-radius: 6px;
	font-weight: 700;
	margin: 0 auto;
	max-width: 39rem;
	font-size: 1.4rem;
	text-align: center;
}

/* FOXENTRY */
/* FOXENTRY */
/* FOXENTRY */
input[type=tel].foxentry-input-invalid {
	border: 1px solid rgb(229, 82, 82);
}

.foxentry-input-valid {
	border-color: #28a745;
}

.foxentry-input-icon {
	z-index: 1 !important;
}

select[name=id_country] {
	border: 1px solid #28a745;
}

.was-validated .foxentry-input-valid.form-control:valid {
	background-image: none;
}

.was-validated .foxentry-input-warning.form-control:valid {
	background-image: none;
	border-color: rgb(255, 166, 11);
}


/* FOXENTRY */
/* FOXENTRY */
/* FOXENTRY */



.footer__socials {
	display: flex;
	margin-left: -0.5rem;
}

.footer__socials a {
	padding: 0.5rem;
	transition: all 0.3s ease-in-out;
}

.footer__socials a svg {
	width: 1.8rem;
	height: 1.8rem;
	fill: #444444;
}

.footer__socials a:hover {
	background: #004274;
}

.footer__socials a:hover svg {
	fill: white;
}

/* Fixes for Boostrap 4.6 */
.btn-zoom {
	border-radius: 0;
}

/* Fixes for Boostrap 4.6 */
.btn-zoom {
	border-radius: 0;
}

.btn-zoom:focus,
.btn.slick-arrow:focus,
.btn.slick-arrow:active,
.btn.slick-arrow:not(:disabled):not(.disabled):active,
.btn.slick-arrow:not(:disabled):not(.disabled).active:focus,
.btn.slick-arrow:not(:disabled):not(.disabled):active:focus,
.btn.slick-arrow:not(:disabled):not(.disabled).active:focus,
.btn.slick-arrow:not(:disabled):not(.disabled):active:focus {
	box-shadow: none;
}

/* Wider layout in listings for bigger screens */
@media screen and (min-width: 1590px) {
	.page-category .l-wrapper {
		max-width: 1560px;
	}
}

@media (min-width: 1590px) {
	.page-category .col-lg-3#left-column {
		flex: 0 0 21%;
		max-width: 21%;
	}
}

@media (min-width: 1590px) {
	.page-category .col-lg-9#content-wrapper {
		flex: 0 0 79%;
		max-width: 79%;
	}
}

@media (min-width: 1590px) {
	.page-category .product-miniature {
		flex: 0 0 25%;
		max-width: 25%;
	}
}

@media (min-width: 1590px) {
	.page-category #subcategories .col-lg-4 {
		flex: 0 0 25%;
		max-width: 25%;
	}
}



/* Homepage bannery - layout */
.banner-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 1rem 1rem;
}
@media screen and (max-width: 991px) {
	.banner-grid {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width: 767px) {
	.banner-grid {
		grid-template-columns: auto;
	}
}

@media screen and (min-width: 576px) {
	.banner-grid {
		padding-top: 1.5rem;
		margin-bottom: 5rem;
	}
}

/* Stylovani banneru */
.banner {
	border-radius: 10px;
	color: #ffffff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transition: transform 200ms ease;
}

.banner:hover {
	color: #ffffff;
	transform: scale(1.015);
}

.banner .btn {
	padding: 0.575rem 3rem;
}


.banner {
	min-height: 180px;
	padding: 1.5rem 2rem;
}

.banner h4 {
	font-family: 'Lifehack', Nunito, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	font-size: 2rem;
	line-height: 1;
	margin-bottom: 1rem;
	font-weight: 400;
}

/* Specifické styly pro určité bannery */
@media screen and (min-width: 768px) {
	.banner-main {
		min-height: 400px;
		grid-row: span 2;
        grid-column: span 2;
		padding: 2.2rem 2.8rem;
	}

	.banner-main h4 {
		font-size: 2.5rem;
	}
}


/* Specifické styly pro bannery VOKO */
.banner-boruvky-t30 {
	background-image: url('/img/homepage/T-30/2023_06_16_AG_web_HP_desktop_T_30_Neco_z_boruvek_VOKO.jpg');
	background-position: right;
}

.banner-boruvky-t30 h4 {
	max-width: 15rem;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 2px 2px 0 #942927;
	font-size: 2.5rem;
}

.banner-chleba-t41 {
	background-image: url('/img/homepage/T-41/2023_10_06_AG_web_HP_mobil_skvarkovy-chleba_T41_VOKO.jpg');
	background-position: right;
}

.banner-chleba-t41 h4 {
	max-width: 15rem;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 2px 2px 0 #942927;
	font-size: 2.5rem;
}

.banner-foodora-t40 {
	background-image: url('/img/homepage/T-40/2023_10_02_AG_web_banner_HP_desktop_mobil_foodora_T_40_VOKO.jpg');
	background-position: right;
}

.banner-foodora-t40 h4 {
	max-width: 15rem;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 2px 2px 0 #357b9d;
	font-size: 2.5rem;
}

.banner-akce-t40 {
	background-image: url('/img/homepage/T-40/2024_06_03_AG_web_banner_HP_desktop_hlavn_rodinny jogurt_VOKO.jpg');
	background-position: center;
}

.banner-akce-t40 h4 {
	text-transform: uppercase;
	max-width: 55%;
	font-size: 4rem;
	color: #fff;
}

@media screen and (min-width: 768px) {
	.banner-akce-t40 {
		min-height: 180px;
		padding: 2.2rem 2.8rem;
	}
}

@media screen and (max-width: 991px) {
	.banner-akce-t40 {
		background-image: url('/img/homepage/T-40/2024_06_03_AG_web_banner_HP_desktop_hlavn_rodinny jogurt_VOKO.jpg');
		background-position: right;
	}

	.banner-akce-t40 h4 {
		max-width: 15rem;
		text-shadow: 2px 2px 0 #804c4a;
		font-size: 2.5rem;
	}
}


.banner-ovoce-t40 {
	background-image: url('/img/homepage/T-40/2024_09_30_AG_web_banner_HP_desktop_maly_jabklahrusky_VOKO.png');
	background-position: right;
}

.banner-ovoce-t40 h4 {
	max-width: 15rem;
	text-transform: uppercase;
	color: #fff;
	font-size: 2.5rem;
}

.banner-jelita-t42 {
	background-image: url('/img/homepage/T-42/2024_10_16_AG_web_banner_HP_desktop_maly_zabijacka_VOKO.png');
	background-position: right;
}


.banner-jelita-t42 h4 {
	max-width: 15rem;
	text-transform: uppercase;
	color: #fff;
	font-size: 2.5rem;
}


.banner-novinka-t40 {
	background-image: url('/img/homepage/T-40/2024_09_30_AG_web_banner_HP_desktop_mal_cokolada_VOKO.png');
	background-position: right;
}


.banner-novinka-t40 h4 {
	max-width: 15rem;
	text-transform: uppercase;
	color: #b78455;
	font-size: 2.5rem;
}

.banner-jilemak-t44 {
	background-image: url('/img/homepage/T-44/2024_11_01_AG_web_banner_HP_desktop_maly_lovecak_VOKO.jpg');
	background-position: right;
}


.banner-vina-t45 h4 {
	max-width: 15rem;
	text-transform: uppercase;
	color: #fff;
	font-size: 2.2rem;
}

.banner-vina-t45 {
	background-image: url('/img/homepage/T-45/banner_maly_svatomartinskavina.jpeg');
	background-position: right;
}
	
	.banner-jilemak-t46 h4 {
	max-width: 15rem;
	text-transform: uppercase;
	color: #fff;
	font-size: 2.2rem;
}

.banner-jilemak-t46 {
	background-image: url('/img/homepage/T-46/web_jilemak_banner.jpg');
	background-position: right;
}

.banner-jogurt-t46 {
	background-image: url('/img/homepage/T-46/banner_velky_jogurt.jpg');
	background-position: center;
}

.banner-jogurt-t46 h4 {
	text-transform: uppercase;
	max-width: 55%;
	font-size: 4rem;
	color: #fff;
}

@media screen and (min-width: 768px) {
	.banner-jogurt-t46 {
		min-height: 180px;
		padding: 2.2rem 2.8rem;
	}
}

@media screen and (max-width: 991px) {
	.banner-jogurt-t46 {
		background-image: url('/img/homepage/T-46/banner_velky_jogurt.jpg');
		background-position: right;
	}

	.banner-jogurt-t46 h4 {
		max-width: 15rem;
		text-shadow: 2px 2px 0 #804c4a;
		font-size: 2.5rem;
	}
}