/* ========================================
   AURORA - E-commerce Theme
   ======================================== */

:root {
    /* Primary Colors */
    --aurora-amber: #f59e0b;
    --aurora-pink: #ec4899;
    --aurora-light-amber: #fbbf24;

    /* Background */
    --aurora-bg: #0f172a;
    --aurora-card-bg: #1e293b;
    --aurora-border: rgba(236, 72, 153, 0.2);

    /* Text */
    --aurora-text: #f1f5f9;
    --aurora-text-muted: #94a3b8;

    /* Status */
    --aurora-success: #10b981;
    --aurora-warning: #f59e0b;
}

.aurora-theme {
    background: var(--aurora-bg);
    color: var(--aurora-text);
    font-family: 'Inter', 'Rajdhani', sans-serif;
    min-height: 100vh;
}

/* ========================================
   LAYOUT
   ======================================== */

.aurora-content {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.aurora-product-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin-bottom: 3rem;
}

/* ========================================
   HEADER
   ======================================== */

.aurora-header {
    padding: 1.5rem 2rem;
    background: rgba(30, 41, 59, 0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--aurora-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aurora-logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.aurora-logo-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aurora-logo-text {
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    background: linear-gradient(135deg, var(--aurora-amber), var(--aurora-pink));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ========================================
   TYPOGRAPHY
   ======================================== */

.aurora-product-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--aurora-text);
}

.aurora-price-container {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.aurora-price {
    font-size: 2.25rem;
    font-weight: 700;
    background: linear-gradient(135deg, var(--aurora-amber), var(--aurora-pink));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.aurora-price-original {
    font-size: 1.5rem;
    color: var(--aurora-text-muted);
    text-decoration: line-through;
}

.aurora-rating {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.aurora-stars {
    color: var(--aurora-amber);
    font-size: 1.125rem;
}

.aurora-rating-text {
    color: var(--aurora-text-muted);
    font-size: 0.875rem;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 1024px) {
    .aurora-product-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .aurora-content {
        padding: 1rem;
    }
}