:root {
    --brand-primary: #bf8983;
    --brand-primary-dark: #9f6d68;
    --focus-ring: 0 0 0 3px rgba(191, 137, 131, 0.35);
}

html {
    scroll-behavior: smooth;
}

body {
    text-rendering: optimizeLegibility;
}

main {
    display: block;
}

.skip-link {
    position: absolute;
    top: -48px;
    left: 12px;
    z-index: 2000;
    background: #fff;
    color: #303030;
    border: 2px solid var(--brand-primary);
    border-radius: 6px;
    padding: 10px 12px;
    line-height: 1;
    font-weight: 700;
    transition: top 0.2s ease;
}

.skip-link:focus {
    top: 12px;
    box-shadow: var(--focus-ring);
}

a:focus-visible,
button:focus-visible,
.navbar-toggle:focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
    border-radius: 6px;
}

.navbar-toggle {
    cursor: pointer;
}

.legal-page .legal-page-header {
    border-bottom: 1px solid #f2e8e7;
    margin-top: 10px;
}

.legal-page .legal-sub-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 12px 0 0;
    padding: 0;
}

.legal-page .legal-sub-menu li {
    margin: 0;
}

.legal-page .legal-sub-menu a {
    font-weight: 600;
}

.legal-page .faq-row ul {
    padding-left: 22px;
}

.legal-page .faq-row ul p {
    margin: 0 0 10px;
}

.carousel-slider.testimonials-slider {
    position: relative;
}

.carousel-slider.testimonials-slider .slick-slide {
    display: block;
    margin-bottom: 18px;
}

.carousel-slider.testimonials-slider .slick-slide:last-child {
    margin-bottom: 0;
}

.carousel-slider.testimonials-slider .slick-dots,
.carousel-slider.testimonials-slider .carousel-controls {
    display: none !important;
}

#features .row + .row {
    margin-top: 24px;
}

#features .col-sm-4 {
    margin-bottom: 0;
}

#footer {
    color: #4c4747;
    background: #fff7f5;
}

#footer a {
    color: #7b706f;
}

#footer a:hover {
    color: #bf8983;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.animation-fade-in-left {
    animation: fadeInLeft 0.7s ease both;
}

@media (max-width: 767px) {
    #features .row + .row { margin-top: 0; }
    #features .col-sm-4 { margin-bottom: 16px; }

    #header .navbar-collapse {
        max-height: 80vh;
        overflow-y: auto;
    }

    #header .navbar-collapse.in {
        display: block;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    * {
        animation: none !important;
        transition-duration: 0.01ms !important;
    }
}