/* Custom styles for Franciza banner */

.banner-fransiza, .banner-velkoobchod {
	padding-top: 10px;
}

.banner-title {
	font-size: 34px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 15px;
	color: #000;
}

.banner-subtitle {
	font-size: 19px;
	line-height: 1.6;
	color: #000;
	max-width: 900px;
	margin: 0 auto 30px;
}

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



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

@media (max-width: 768px) {
	.title-balicky {
		background-image: none, none !important;
		font-size: 22px;
	padding-left: 10px;
	padding-right: 10px;
	}


}

/* Features list - levý sloupec */
.features-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.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;
	margin-left: 7px;
}
/* Package cards */
.package-card {
    background-color: #f7f7f7;
    border-radius: 8px;
    overflow: hidden;
    border: solid 1px #555;
}



.package-pro {
    border: solid 1px #555;
}

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

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

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

.package-subtitle {
    margin: 0px 0 0 0;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
    color: #000;
    padding: 9px;
    background-color: #fff;
}

.header-green {
	background: linear-gradient(135deg, #7cb342 0%, #689f38 100%);
	padding: 12px 10px;
}
.header-black {
	background: linear-gradient(135deg, #000000 0%, #555 100%);
	padding: 12px 10px;
}
.header-blue {
	background: linear-gradient(135deg, #5c7ca3 0%, #4a7ba7 100%);
	padding: 12px 10px;
}

.package-content {
    padding: 1px 20px 5px 20px;
}
.package-detail {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    margin: 0 0 5px 0;
    padding: 10px;
    background: #C1AF75;
    color: #fff;
}

.package-price {
	font-size: 12px;
	color: #999;
	display: block;
	font-weight: 400;
	margin-top: 5px;
}

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

.package-section h4 {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	color: #333;
 	margin: 0 10px 8px 0;
	text-decoration: underline;
}

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

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

.package-list li {
	display: flex;
	align-items: flex-start;
	font-size: 14px;
	color: #333;
	margin: 8px 0;
	gap: 8px;
}

.package-list .checkmark {
    width: 35px;
    height: 35px;
    font-size: 19px;
}

.package-note {
    font-size: 15px;
    color: #000;
    font-style: italic;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
}
hr {
	border: none;
	border-top: 1px dashed #ccc;
	margin: 15px 0;
}

a.btn-franchise {
	border: 2px solid #000;
    color: white;
    padding: 20px 30px;
    border-radius: 8px;
    display: inline-block;
    margin-top: 50px;
    line-height: 1;
    text-align: center;
    background-color: #000;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 19px;
}
a.btn-franchise:hover, a.btn-franchise:focus, a.btn-franchise:active {
	background-color: transparent;
	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: 20px;
}
.banner-fransiza .list-check li, .banner-velkoobchod .list-check li {
    background-image: url(check.png);
    background-size: 30px 30px;
    background-position: 0px 7px;
    background-repeat: no-repeat;
    font-size: 1.4rem;
    padding: 5px 4px 5px 48px;
    font-weight: 600;
    color: #000;
    line-height: 1.4;
}
.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;
}
}

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

a.btn-franchise {

    color: white;
    padding: 16px 19px;


    margin-top: 10px;

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

	}