NB 530 — ÉDITION HÉRITAGE PLATINUM

Description

.audace-urgency-box {
max-width: 500px;
margin: 25px auto;
padding: 15px;
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
text-align: center;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.urgency-header {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 10px;
}

/* Le Red Dot animé */
.live-dot {
width: 10px;
height: 10px;
background-color: #ff0000;
border-radius: 50%;
display: inline-block;
animation: blink 1s infinite;
}

@keyframes blink {
0% { opacity: 1; box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }
70% { opacity: 0.5; box-shadow: 0 0 0 8px rgba(255, 0, 0, 0); }
100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
}

.urgency-text {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color: #ff0000;
letter-spacing: 1px;
}

.urgency-content {
font-size: 14px;
color: #333;
line-height: 1.5;
margin-bottom: 15px;
}

.highlight-stock {
font-weight: 800;
color: #000;
text-decoration: underline;
}

/* Barre de progression de stock */
.progress-bar-container {
width: 100%;
height: 8px;
background: #f0f0f0;
border-radius: 10px;
overflow: hidden;
}

.progress-bar-fill {
width: 12%; /* Représente 11 paires restantes sur un gros stock */
height: 100%;
background: #ff0000;
border-radius: 10px;
animation: shrink 2s ease-out;
}

@keyframes shrink {
from { width: 100%; }
to { width: 12%; }
}

@media (max-width: 480px) {
.audace-urgency-box { width: 90%; }
.urgency-content { font-size: 13px; }
}

L’Anomalie Stylistique du Moment

La NB 530 n’est pas une tendance, c’est un séisme visuel. En fusionnant l’ADN running des années 2000 avec une épuration chromatique moderne, elle s’impose comme l’accessoire ultime du vestiaire unisexe. Ce n’est pas une simple sneaker, c’est le point final de toute tenue structurée, capable de transformer un ensemble minimaliste en une affirmation de style radicale.

L’Ingénierie du Confort Absolu

Plus qu’une icône, une prouesse. Sa technologie d’amorti ABZORB® ne se contente pas d’absorber les chocs, elle redéfinit la sensation de marche en offrant un confort « apesanteur » durant 16 heures consécutives. Sa structure en mesh respirant et ses superpositions synthétiques créent un équilibre parfait entre légèreté insolente et maintien architectural, faisant de chaque pas une expérience sensorielle.

Le Code Secret des Initiés

Adoptée par les plus grandes icônes de mode de New York à Paris, la série 530 est devenue le symbole du « Quiet Luxury » urbain. Ce coloris spécifique, devenu viral sur les réseaux, est la pièce manquante pour celles et ceux qui exigent l’exclusivité sans l’effort. C’est l’investissement indispensable pour naviguer entre haute couture et effervescence citadine avec une aisance déconcertante.

L’excellence est une ressource limitée et le stock d’Audace Paris s’épuise en temps réel. Avec plus de 6 400 unités validées ce mois-ci, l’édition Platinum est en passe de devenir introuvable. À ce tarif préférentiel, l’hésitation est votre seule limite : saisissez votre paire avant que l’algorithme ne rende cette offre définitivement inaccessible.

prendre votre taille habituelle.

/* Centrage Global */
.audace-center-container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 20px 0;
}

.audace-product-container {
width: 100%;
max-width: 500px; /* Largeur optimale */
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}

/* Style du Tableau */
.size-chart-wrapper {
border: 1.5px solid #000;
border-radius: 4px;
overflow: hidden;
margin-bottom: 30px;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.size-chart-header {
background: #000;
color: #fff;
padding: 12px;
text-align: center;
font-weight: 800;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.size-table {
width: 100%;
border-collapse: collapse;
background: #fff;
}
.size-table th {
background: #f8f8f8;
font-size: 11px;
padding: 8px;
border-bottom: 1px solid #eee;
color: #888;
}
.size-table td {
padding: 12px 8px;
text-align: center;
border: 0.5px solid #f0f0f0;
font-size: 13px;
font-weight: 600;
color: #000;
}

/* Style des Badges Centrés */
.audace-trust-badges {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
justify-items: center;
}
.badge-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.badge-icon {
width: 40px;
height: 40px;
background: #000;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-bottom: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.badge-icon svg {
width: 20px;
height: 20px;
}
.badge-number {
font-weight: 800;
font-size: 15px;
}
.badge-text {
font-size: 9px;
font-weight: 700;
text-transform: uppercase;
color: #000;
line-height: 1.3;
max-width: 100px;
}

/* Responsive Mobile */
@media (max-width: 480px) {
.audace-product-container { max-width: 95%; }
.badge-text { font-size: 8px; }
.badge-icon { width: 35px; height: 35px; }
}

Best-seller : +6 400 paires déjà dans la rue.

❮ ❯

.audace-community-wrapper {
width: 100%;
max-width: 600px;
margin: 40px auto;
text-align: center;
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}

.community-hook {
font-size: 16px;
color: #000;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0 10px;
}

.community-hook strong {
background: #000;
color: #fff;
padding: 2px 6px;
border-radius: 2px;
}

.audace-carousel-container {
position: relative;
border: 1px solid #eee;
background: #fff;
overflow: hidden;
border-radius: 4px;
}

.carousel-track {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}

.carousel-track::-webkit-scrollbar {
display: none;
}

.carousel-slide {
min-width: 100%;
scroll-snap-align: start;
display: flex;
justify-content: center;
align-items: center;
}

.carousel-slide img {
width: 100%;
height: auto;
display: block;
}

.carousel-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(0, 0, 0, 0.7);
color: white;
border: none;
width: 35px;
height: 35px;
cursor: pointer;
font-size: 16px;
border-radius: 50%;
z-index: 5;
transition: 0.3s;
}

.carousel-nav:hover { background: #000; }
.prev { left: 10px; }
.next { right: 10px; }

@media (max-width: 480px) {
.community-hook { font-size: 14px; }
.carousel-nav { width: 30px; height: 30px; }
}