:root {
    --blue-900: #121a77;
    --blue-700: #1e2dbf;
    --blue-100: #e0e4ff;
    --orange-500: #f97316;
    --orange-400: #ea580c;
    --white: #ffffff;
    --gray-100: #f3f4f6;
    --gray-400: #9ca3af;
}

.h1.product-detail-container {
    font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
    color: var(--omega-blue-deep); /* usa tu variable ya definida */
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.5px;
}

/*  CONTENEDOR GENERAL */
.store-pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    margin: 2rem 0;
}

/*  LISTA DE PÁGINAS */
.pagination {
    display: flex;
    justify-content: center;
    gap: 0.6rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

/*  BOTONES (CAJITAS NUMÉRICAS) */
.page-item {
    transition: transform 0.2s ease;
}

.page-item:hover {
    transform: translateY(-2px);
}

/* Enlace numérico */
.page-item .page-link {
    color: var(--blue-900);
    background-color: var(--white);
    border: 1px solid var(--blue-100);
    font-weight: 600;
    border-radius: 10px;
    padding: 0.5rem 0.9rem;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

/* Página actual */
.page-item.active .page-link {
    background-color: var(--orange-500);
    color: var(--white);
    border-color: var(--orange-500);
    cursor: default;
    box-shadow: 0 2px 6px rgba(234, 108, 18, 0.405);
}

/* Hover */
.page-item .page-link:hover,
.page-item .page-link:focus {
    background-color: var(--orange-400);
    color: var(--white);
    border-color: var(--orange-400);
    box-shadow: 0 2px 8px rgba(234, 88, 12, 0.25);
}

/* Estado deshabilitado (por compatibilidad) */
.page-item.disabled .page-link {
    background-color: var(--gray-100);
    color: var(--gray-400);
    border-color: var(--gray-100);
    cursor: not-allowed;
}

/*  RESPONSIVIDAD */
@media (max-width: 576px) {
    .page-item .page-link {
        padding: 0.4rem 0.7rem;
        font-size: 0.9rem;
    }
}