html { scroll-behavior: smooth; }

.page-section {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

.page-section.active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.feature-card i {
    transition: transform 0.3s ease;
}

.feature-card:hover i {
    transform: scale(1.1) translateY(-2px);
}

.property-card {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.property-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(12, 74, 110, 0.1), 0 8px 10px -6px rgba(12, 74, 110, 0.1);
}

.property-card img {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.property-card:hover img {
    transform: scale(1.05);
}

.destination-card {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.destination-card:hover {
    transform: translateY(-4px);
}

.destination-card .overlay {
    background: linear-gradient(to top, rgba(12,74,110,0.9) 0%, rgba(12,74,110,0.2) 50%, transparent 100%);
}

.destination-card:hover .overlay {
    background: linear-gradient(to top, rgba(12,74,110,0.95) 0%, rgba(12,74,110,0.4) 60%, transparent 100%);
}

/* Scrollbar minimale */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f5f0e6;
}
::-webkit-scrollbar-thumb {
    background: #d4af37;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #b5952f;
}

.box {
    background-color: rgb(225, 225, 225);
    padding: 4%;
    border-radius: 26px;
}