body {
    font-family: "Outfit", sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #0B1E28;
}

section {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.hero-title {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 600;
    line-height: 1.2;
}

h1, .h1-custom {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1rem;
}

.section-title, h2, .h2-custom {
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}

h3, .h3-custom {
    font-size: clamp(1.375rem, 3vw, 1.875rem);
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 0.75rem;
}

.btn-primary,
.btn-secondary,
.btn-light {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.5;
}

.card-title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
}

.card-text, .content-text {
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.6;
    opacity: 0.75;
}

.hero-card-title {
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1rem;
}

.hero-card-text {
    font-size: clamp(1rem, 2vw, 1.125rem);
    font-weight: 400;
    line-height: 1.6;
    opacity: 0.85;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
}

.home-webshop-title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3;
}

.accordion-button {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
}

.accordion-body {
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.6;
    opacity: 0.75;
}

.badge {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
}

.badge.background-gradient.color-dark {
    font-size: 1rem;
    line-height: 1.5;
}

footer a:hover {
    opacity: 1;
}

.footer-heading {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 1.25rem;
}

.footer-slogan,
.footer-links a,
.footer-copyright p {
    font-size: 0.875rem;
    line-height: 1.6;
    font-weight: 400;
}

.footer-slogan {
    opacity: 0.85;
}

.footer-links a {
    opacity: 0.85;
}

.footer-copyright p {
    font-size: 0.8125rem;
    opacity: 0.7;
    line-height: 1.5;
}