/* Custom styles for Franciza banner */

.banner-fransiza, .banner-velkoobchod {
	padding-top: 10px;
}
.banner-fransiza p, .banner-velkoobchod p {
	color: #000;
}
.banner-title {
	font-size: 34px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 15px;
	color: #000;
}

.title-spoluprace {
	letter-spacing: 2px;
	background-position: 6% 50%, 94% 50%;
    background-size: 68px 60px, 68px 60px;
    background-repeat: no-repeat, no-repeat;
    padding-left: 105px;
    padding-right: 105px;
	padding-top: 15px;
	padding-bottom: 15px;
    margin-bottom: 20px;
}
.banner-subtitle {
	font-size: 19px;
	line-height: 1.6;
	color: #000;
	max-width: 900px;
	margin: 0 auto 30px;
}

.subtitle-spoluprace {
    font-size: 2.2rem;
    font-weight: 400;
	margin-bottom: 20px;
}
.subtitle-spoluprace-2 {
	font-size: 1.6rem;
	line-height: 1.45;
}

.text-gold {
	color: #9D7E29;
}



.title-balicky {
	font-size: 34px;
	font-weight: 700;
	color: #000;
	background-position: 0% 50%, 100% 50%;
	background-size: 88px 56px, 88px 56px;
	background-repeat: no-repeat, no-repeat;
	padding-left: 105px;
	padding-right: 105px;
		margin-bottom: 30px;
		letter-spacing: 1px;
}

.spoluprace-hlasy {
	background-position: 0% 50%, 100% 50%;
	background-position: 0% 100%, 100% 100%;
	background-repeat: no-repeat, no-repeat;
}

.subtitle-spoluprace-3 h3 {
    font-size: 1.6rem;
    font-weight: 700;
    padding-left: 120px;
}
.nastaveni {
	background-image: url(nastaveni.svg);
	background-size: 60px 58px;
	background-position: 39px 11px;
	background-repeat: no-repeat;
}
@media (max-width: 992px) {
.spoluprace-hlasy {
	background-image: none !important;
}
}
@media (max-width: 768px) {
	.title-balicky {
		background-image: none, none !important;
		font-size: 22px;
	padding-left: 10px;
	padding-right: 10px;
	
	}
	.nastaveni {
		background-image: none !important;
	}

.title-spoluprace {
		background-image: none, none !important;
		font-size: 22px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
	}
	.subtitle-spoluprace {
    font-size: 1.4rem;}

	.subtitle-spoluprace-2 {
	font-size: 1.2rem;
	line-height: 1.3;
}

.subtitle-spoluprace-3 h3 {
	padding-left: 0px;
	text-align: center;
}}
/* Features list - levý sloupec */
.features-list {
	display: flex;
	flex-direction: column;
}

.feature-item {
	display: flex;
	align-items: flex-start;
	font-size: 18px;
	font-weight: 500;
	color: #333;
	gap: 10px;
}

.checkmark {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #8b7355;
    color: white;
    font-weight: bold;
    font-size: 19px;
    flex-shrink: 0;
    border-radius: 50%;
    margin-bottom: 10px;
}
.checkmark-text {
	    font-size: 1.4rem;
    font-weight: 500;
    color: #000;
    line-height: 1.4;
}
/* Package cards */
.package-card {
    padding: 4px;
background: #D2BD7B;
background: linear-gradient(87deg, rgba(210, 189, 123, 1) 2%, rgba(176, 149, 84, 1) 50%, rgba(210, 189, 123, 1) 100%);
}
.package-card-border {
	border: solid 2px #3f3c3c;
    padding: 6px;
    background-color: #A97F37;
    border-radius: 4px;
	box-shadow: 1px 1px 28px -3px rgba(0,0,0,0.58);
-webkit-box-shadow: 1px 1px 28px -3px rgba(0,0,0,0.58);
-moz-box-shadow: 1px 1px 28px -3px rgba(0,0,0,0.58);
}

.fransiza-start {
	background: #689362;
	background: linear-gradient(87deg, rgba(104, 147, 98, 1) 0%, rgba(133, 177, 93, 1) 50%, rgba(104, 147, 98, 1) 100%);
	border-bottom:solid 6px #4B6635;
	padding: 4px 10px;
}
.fransiza-pro {
background: #5376A1;
background: linear-gradient(87deg, rgba(83, 118, 161, 1) 0%, rgba(94, 133, 177, 1) 50%, rgba(83, 118, 161, 1) 100%);
	border-bottom:solid 6px #0E2553;
	padding: 4px 10px;
}
.package-pro {
    border: solid 1px #555;
}

.package-header {
	padding: 0px;
	color: white;
	text-align: center;
}

.package-header h3 {
    margin: 0;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 1px;
}

.package-header strong {
	font-weight: 900;
}

.package-subtitle {
    margin: 0px 0 0 0;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #6D592A;
    padding: 1px 10px;
    background: #DBD9D5;
    background: linear-gradient(0deg, rgba(219, 217, 213, 1) 0%, rgba(240, 239, 237, 1) 100%);
}
.package-subtitle-velko {
    margin: 6px 0 0 0;
    font-size: 19px;
    font-weight: 600;
    color: #6D592A;
    padding: 1px 10px;
}



.header-white {
	background: #fff;
	color: #A89057;
	padding: 4px 10px;
	text-transform: uppercase;
	text-align: center;
}



.package-detail {
	font-size: 17px;
    font-weight: 500;
    margin: 0 0 5px 0;
    padding: 2px 4px;
	background: #866933;
	background: linear-gradient(90deg, rgba(134, 105, 51, 1) 0%, rgba(199, 183, 125, 1) 50%, rgba(134, 105, 51, 1) 100%);
    color: #fff;
	border-bottom: solid 4px #614D17;
}

.package-detail-velko {
	font-size: 17px;
    font-weight: 500;
    margin: 0 0 5px 0;
    padding: 2px 4px;

}

p.package-detail-nejvyhodnejsi {
	font-size:1.7rem !important;
    font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 3px;
    margin: 0 0 10px 0 !important;
    padding: 2px 4px;
	background: #866933;
	background: linear-gradient(90deg, rgba(134, 105, 51, 1) 0%, rgba(199, 183, 125, 1) 50%, rgba(134, 105, 51, 1) 100%);
    color: #fff;
}

.package-section-1 {
	color: #000;
	padding: 6px 5px;
}
.package-price {
	font-size: 16px;
    color: #000000;
    display: block;
    font-weight: 400;
    margin-top: 2px;
}

.package-section {
	margin: 15px 0;
}

.package-section h4 {
    font-size: 19px;
    font-weight: 700;
    color: #000000;
    margin: 0 10px 8px 0;
    text-decoration: underline;
}

.package-section p {
	font-size: 14px;
	margin: 0;
	line-height: 1.5;
}

.package-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.package-list li {
	font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin: 2px 0;
    background-image: url(../img/check-2.png);
    background-size: 30px 30px;
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding: 7px 6px 5px 38px;
}

.package-list .checkmark {
    width: 35px;
    height: 35px;
    font-size: 19px;
}
.number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
background: #5F441A;
background: linear-gradient(90deg, rgba(95, 68, 26, 1) 0%, rgba(167, 144, 84, 1) 100%);
	color: white;
	font-weight: bold;
	font-size: 19px;
	flex-shrink: 0;
	border-radius: 50%;

}

.package-note-ruka {
	background-image: url(../img/ruka.png);
    background-size: 51px 32px;
    background-position: 0px 10px;
    background-repeat: no-repeat;
    font-size: 16px;
    color: #000;
    font-style: italic;
    margin: 10px 0px 10px 4px;
    padding: 5px 10px 5px 61px;
    font-weight: 500;
    min-height: 41px;
}
hr {
    border: none;
    border-top: 1px dashed #000000;
    margin: 4px 0px;
}
.btn-franchise-frame {
	border: solid 1px #917935;
    border-radius: 6px;
    background-color: #000;
    padding: 1px;
}

a.btn-franchise {
    border: 5px solid #D2BD7B;
    color: white;
    padding: 10px 10px;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
    text-align: center;
    background: #866933;
    background: linear-gradient(90deg, rgba(134, 105, 51, 1) 0%, rgba(199, 183, 125, 1) 50%, rgba(134, 105, 51, 1) 100%);
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 22px;
}
a.btn-spoluprace {
	font-size: 16px;
	text-transform: uppercase;
}

/*
a.btn-franchise:hover, a.btn-franchise:focus, a.btn-franchise:active {
	color: #000;
	border-color: #000;
	transition: all 0.3s ease;
}*/
.btn-franchise h3 {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 15px 0;
	letter-spacing: 2px;
}

.small-note {
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
	font-size: 13px;
}
.banner-fransiza ul, .banner-velkoobchod ul {
	list-style: none;
	padding-left: 12px;
}
.banner-spoluprace ul  {
	list-style: none;
	padding-left: 0px;
}
.check-none {
	background-image: none !important;
}
.banner-fransiza .list-check li, .banner-velkoobchod .list-check li, .banner-spoluprace .list-check li {
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    margin: 2px 0;
    background-image: url(../img/check-2.png);
    background-size: 30px 30px;
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding: 2px 6px 6px 42px;
}


.fw-500 {
	font-weight: 500 !important;
}
.banner-img-123 {
	min-height: 90px;
}

.p-spoluprace {
	font-size: 1.5rem;
    color: #000;
    line-height: 1.4;
}
/* Responsivní design */
@media (max-width: 768px) {
	.banner-title {
		font-size: 26px;
	}

	.banner-subtitle {
		font-size: 14px;
	}

	.package-card {
		margin-bottom: 20px;
	}

	.features-list {
		margin-bottom: 0px;
	}

	.feature-item {
	font-size: 16px;
}
.btn-franchise {
    font-size: 17px;
    margin-top: 0px;
    padding: 15px 20px;
}
.banner-spoluprace .list-check li, .checkmark-text {
	font-size: 17px;

	}
}

@media (max-width: 550px) {
.banner-img-123 {
	min-height: unset;
	margin-top: 25px;
	margin-bottom: 15px;
}

a.btn-franchise {
	display: block;
    color: white;
    padding: 16px 19px;



    letter-spacing: 1px;
    font-weight: 600;
    font-size: 16px;
}

	}

	.povinne {
		font-size: 0.9rem;
		font-weight: 400;
		color: #333 !important;
	}

	.velkoobchod-benefits h4 {
		font-size: 1.4rem;
		color: #000;
	}

	.pro-koho h3 {
    font-size: 1.5rem;
    color: #000;
    font-weight: 700;
    padding: 15px 5px 10px 61px;
    background-image: url(../img/koruna.svg);
    background-size: 40px 40px;
    background-position: 10px 7px;
    background-repeat: no-repeat;
	}