.inquiry-landing-page {
    background-color: transparent;
    color: var(--text-primary);
}

.inquiry-form-section {
    padding-top: var(--space-20);
    padding-bottom: var(--space-20);
}

.inquiry-landing-page h1,
.inquiry-landing-page .lead {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.inquiry-card {
    /* Glassmorphism handled globally in site.css via --public-forms-opacity */
    border-radius: var(--radius-lg);
    padding: var(--space-8);
}

.inquiry-section-title {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary-600);
    margin-bottom: var(--space-4);
    margin-top: var(--space-8);
}

.inquiry-section-title:first-of-type {
    margin-top: 0;
}

.inquiry-landing-page .form-group {
    margin-bottom: var(--space-4);
}

.inquiry-landing-page .form-label {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.inquiry-landing-page .form-label-required {
    color: var(--color-error-500);
}

.inquiry-landing-page .form-control,
.inquiry-landing-page .form-select {
    width: 100%;
    height: var(--input-height);
    padding: var(--input-padding-y) var(--input-padding-x);
    font-size: var(--font-size-base);
    font-family: var(--font-family-body);
    color: var(--text-primary);
    background-color: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: var(--radius-md);
    transition: var(--transition-colors);
}

.inquiry-landing-page .form-control:focus,
.inquiry-landing-page .form-select:focus {
    outline: none;
    border-color: var(--input-focus);
    box-shadow: 0 0 0 var(--focus-ring-width) rgba(var(--color-primary-500-rgb), var(--focus-ring-opacity));
}

.inquiry-landing-page textarea.form-control {
    height: auto;
    min-height: calc(var(--input-height) * 4);
}

.inquiry-landing-page .form-text {
    display: block;
    margin-top: var(--space-1);
    font-size: var(--font-size-sm);
    color: var(--text-muted);
}

.inquiry-landing-page .invalid-feedback {
    display: block;
    margin-top: var(--space-1);
    font-size: var(--font-size-sm);
    color: var(--color-error-600);
}

.items-container {
    margin-bottom: var(--space-4);
}

.items-checkboxes-wrapper {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    padding: var(--space-4);
}

.inquiry-landing-page .form-check {
    margin-bottom: var(--space-4);
}

.inquiry-landing-page .form-check-input {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: var(--space-2);
    border: 2px solid var(--border-strong);
    border-radius: var(--radius-sm);
    cursor: pointer;
}

.inquiry-landing-page .form-check-input:checked {
    background-color: var(--color-primary-600);
    border-color: var(--color-primary-600);
}

.inquiry-landing-page .form-check-label {
    display: block;
    cursor: pointer;
    font-size: var(--font-size-base);
}

.item-name {
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
}

.item-price-badge {
    display: inline-block;
    padding: var(--space-1) var(--space-2);
    margin-left: var(--space-2);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-neutral-0);
    background-color: var(--color-primary-600);
    border-radius: var(--radius-base);
}

.item-original-price {
    text-decoration: line-through;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    margin-left: var(--space-2);
}

.item-discount-badge {
    display: inline-block;
    padding: var(--space-1) var(--space-2);
    margin-left: var(--space-1);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-neutral-0);
    background-color: var(--color-success-600);
    border-radius: var(--radius-base);
}

.item-description {
    display: block;
    margin-top: var(--space-1);
    font-size: var(--font-size-sm);
    color: var(--text-muted);
}

.submit-btn-wrapper {
    margin-top: var(--space-8);
}

.btn-primary-submit {
    width: 100%;
    height: var(--button-height-lg);
    padding: var(--button-padding-y) var(--button-padding-x);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-family-body);
    color: var(--button-primary-text);
    background-color: var(--button-primary-bg);
    border: none;
    border-radius: var(--button-radius);
    cursor: pointer;
    transition: var(--transition-colors);
}

.btn-primary-submit:hover {
    background-color: var(--button-primary-hover);
}

.btn-primary-submit:focus {
    outline: none;
    box-shadow: var(--focus-ring-shadow);
}

@media (max-width: 768px) {
    .inquiry-form-section {
        padding-top: var(--space-12);
        padding-bottom: var(--space-12);
    }

    .inquiry-card {
        padding: var(--space-4);
    }
}

/* Fireworks/Confetti Animation */
.fireworks-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 99999;
    overflow: hidden;
}

.confetti {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 0;
    animation: confetti-fall 3s ease-out forwards;
    will-change: transform, opacity;
}

@keyframes confetti-fall {
    0% {
        opacity: 1;
        transform: translateY(0) translateX(0) rotate(0deg) scale(1);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(100vh) translateX(calc(var(--drift, 0) * 50px)) rotate(720deg) scale(0.3);
    }
}