body {
    color: #fff !important;
    font-family: Arial, sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0,0%,100%,.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset),env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset),env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset),env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset),env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translateZ(var(--toastify-z-index));
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff;
}

header {
    background-color: #000 !important;
}

#background {
    background-color: inherit !important;
    background-image: url('https://nova-imagem-do-seu-site.com/sua-nova-imagem.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

header .w-full.relative.h-64.bg-black\\/10 img {
    display: none !important;
}

header .w-full.relative.h-64.bg-black\\/10 {
    background-color: #000 !important;
    background-image: url('https://nova-imagem-do-seu-site.com/sua-nova-imagem.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 256px !important;
    position: relative !important;
    overflow: hidden !important;
}

header .w-full.relative.h-64.bg-black\\/10::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.7), transparent) !important;
    z-index: 1 !important;
}

header .w-full.relative.h-64.bg-black\\/10 .text-white {
    position: relative !important;
    z-index: 2 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

header .text-4xl img {
    max-height: 80px !important;
    transition: transform 0.3s ease !important;
}

header .text-4xl img:hover {
    transform: scale(1.1) !important;
}

.nav-search {
    background-color: #000 !important;
    border: 1px solid #333 !important;
    border-radius: 20px !important;
    padding: 8px 12px !important;
}

.nav-search input {
    background: transparent !important;
    color: #fff !important;
    border: none !important;
    outline: none !important;
}

.nav-search input::placeholder {
    color: #ccc !important;
}

.nav-block {
    background-color: #000 !important;
}

.nav-block .category-link {
    background-color: #1a1a1a !important;
    color: #fff !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    margin: 0 5px !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
}

.nav-block .category-link:hover {
    background: linear-gradient(90deg, #ff7e5f, #feb47b) !important;
    color: #fff !important;
    transform: scale(1.05) !important;
}

.nav-block .category-link.selected {
    background: linear-gradient(90deg, #8e2de2, #4a00e0) !important;
    color: #fff !important;
}

.btn, .card-details {
    background: linear-gradient(90deg, #ff7e5f, #feb47b) !important;
    color: #fff !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    border: none !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 3px 8px rgba(255, 126, 95, 0.3) !important;
    min-width: 120px !important;
    text-align: center !important;
    font-size: 14px !important;
}

.card-details {
    background: linear-gradient(90deg, #8e2de2, #4a00e0) !important;
    min-width: 80px !important;
    margin-right: 8px !important;
}

.btn:hover, .card-details:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 5px 12px rgba(255, 126, 95, 0.5) !important;
}

.btn:disabled, .card-details:disabled {
    background: #666 !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

.package {
    background-color: #1a1a1a !important;
    border-radius: 8px !important;
    padding: 12px !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5) !important;
    transition: transform 0.3s ease !important;
}

.package:hover {
    transform: translateY(-3px) !important;
}

.card-info h1, .card-description p {
    color: #e0e0e0 !important;
}

.card-info span {
    background-color: #333 !important;
    color: #ffcc00 !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
}

.pointer-events-auto {
    pointer-events: auto;
}
.visible {
    visibility: visible;
}