body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

input,
select,
textarea {
    font-size: 16px !important;
}

html,
body {
    min-height: 100%;
    height: auto;
    overflow-x: hidden;
}

.fade-in {
    animation: fadeIn 0.3s ease-out forwards;
}

.fade-out {
    animation: fadeOut 0.3s ease-in forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.accordion-content {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

.accordion-content.open {
    max-height: 2000px;
    opacity: 1;
}

.rotate-180 {
    transform: rotate(180deg);
}

.chevron {
    transition: transform 0.2s;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

.pac-container {
    z-index: 99999 !important;
    border-radius: 12px !important;
    margin-top: 5px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #e2e8f0 !important;
    border-top: none !important;
}

.pac-item {
    padding: 12px 16px !important;
    cursor: pointer !important;
    border-top: 1px solid #f1f5f9 !important;
    font-size: 13px !important;
}

.pac-item:hover {
    background-color: #f8fafc !important;
}

.pac-icon {
    display: none !important;
}

.bg-studio-pattern {
    background-color: #f8fafc;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%2364748b' stroke-width='1.5' stroke-opacity='0.03' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='20' width='30' height='20' rx='2'/%3E%3Cpath d='M10 20l5-5h20l5 5'/%3E%3Ccircle cx='25' cy='30' r='6'/%3E%3Ccircle cx='35' cy='25' r='1.5'/%3E%3Cpath d='M60 25h20v14h-20z'/%3E%3Cpath d='M80 28l10-5v18l-10-5'/%3E%3Crect x='62' y='39' width='16' height='3'/%3E%3Ccircle cx='66' cy='42' r='1.5'/%3E%3Ccircle cx='74' cy='42' r='1.5'/%3E%3Crect x='15' y='65' width='20' height='20' rx='2'/%3E%3Cpath d='M15 70h20'/%3E%3Cpath d='M20 62v6'/%3E%3Cpath d='M30 62v6'/%3E%3Cpath d='M60 70h24l3 6h-30z'/%3E%3Crect x='60' y='76' width='30' height='20' rx='2'/%3E%3Ccircle cx='75' cy='86' r='7'/%3E%3Cpath d='M85 73h4'/%3E%3Cpath d='M45 55l10 10'/%3E%3Ccircle cx='100' cy='15' r='2'/%3E%3Cpath d='M10 100l5 5l-5 5'/%3E%3Cpath d='M100 90q5-5 10 0'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 120px 120px;
}