/* ════════════════════════════════════════════════════════════
   PRODUCT3 — BOHO COLOR STORY BLOCK
════════════════════════════════════════════════════════════ */
.boho-color-story {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.boho-color-story::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}

.boho-color-story__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.boho-color-story__header i {
    color: #c9963e;
    font-size: 0.90rem;
    flex-shrink: 0;
}

.boho-color-story__grid {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: rgba(201,150,62,0.06);
}

.bcs-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 11px 16px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
    cursor: default;
    position: relative;
}
.bcs-card:last-child {
    border-bottom: none;
}
.bcs-card:hover {
    background: rgba(253,249,244,0.95);
    transform: translateX(3px);
}

.bcs-card__dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(201,150,62,0.25);
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.bcs-card:hover .bcs-card__dot {
    transform: scale(1.12);
    box-shadow: 0 4px 14px rgba(0,0,0,0.18);
}

.bcs-card__info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}
.bcs-card__info strong {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
}
.bcs-card__info span {
    font-size: 12px;
    color: rgba(30,15,5,0.50);
    line-height: 1.45;
}

@media (max-width: 480px) {
    .boho-color-story__header { font-size: 0.68rem; padding: 10px 14px; }
    .bcs-card { padding: 10px 14px; gap: 12px; }
    .bcs-card__dot { width: 24px; height: 24px; }
    .bcs-card__info strong { font-size: 12px; }
    .bcs-card__info span { font-size: 11px; }
}






/* ════════════════════════════
   BBW LIFESTYLE BLOCK
════════════════════════════ */
.bbw-lifestyle-block {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
}
.bbw-lifestyle-header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-lifestyle-header i {
    color: #c9963e;
    font-size: 0.90rem;
}
.bbw-lifestyle-grid {
    display: flex;
    gap: 0;
}
.bbw-lifestyle-item {
    flex: 1;
    position: relative;
    overflow: hidden;
    border-right: 1px solid rgba(201,150,62,0.12);
    cursor: pointer;
}
.bbw-lifestyle-item:last-child {
    border-right: none;
}
.bbw-lifestyle-item img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
    transition: transform 0.45s cubic-bezier(0.4,0,0.2,1);
    filter: brightness(0.88);
}
.bbw-lifestyle-item:hover img {
    transform: scale(1.07);
    filter: brightness(1);
}
.bbw-lifestyle-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.72), transparent);
    color: #e8bc6a;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 8px 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.bbw-lifestyle-caption i {
    font-size: 10px;
}
@media (max-width: 480px) {
    .bbw-lifestyle-item img {
        height: 120px;
    }
    .bbw-lifestyle-caption {
        font-size: 9px;
        padding: 8px 4px 8px;
    }
}



/* ════════════════════════════
   BBW OCCASION GUIDE
════════════════════════════ */
.bbw-occasion-guide {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
}
.bbw-occasion-header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-occasion-header i {
    color: #c9963e;
    font-size: 0.90rem;
}
.bbw-occasion-list {
    padding: 4px 0;
}
.bbw-occasion-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    border-bottom: 1px solid rgba(201,150,62,0.08);
    transition: background 0.2s ease, transform 0.2s ease;
}
.bbw-occasion-item:last-child {
    border-bottom: none;
}
.bbw-occasion-item:hover {
    background: rgba(253,249,244,0.80);
    transform: translateX(3px);
}
.bbw-occasion-dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(201,150,62,0.25);
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}
.bbw-occasion-color {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    min-width: 42px;
    flex-shrink: 0;
}
.bbw-occasion-arrow {
    color: #c9963e;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
}
.bbw-occasion-desc {
    font-size: 12px;
    color: rgba(30,15,5,0.62);
    line-height: 1.45;
    display: flex;
    align-items: center;
    gap: 6px;
}
.bbw-occasion-desc i {
    color: #c9963e;
    font-size: 11px;
    flex-shrink: 0;
}






/* ════════════════════════════
   CHUNKY vs REGULAR SOLE
════════════════════════════ */
.bbw-sole-compare {
  background: linear-gradient(135deg,
    rgba(255,255,255,0.90) 0%,
    rgba(253,249,244,0.95) 100%
  );
  border: 1px solid rgba(201,150,62,0.28);
  border-radius: 18px;
  overflow: hidden;
  box-shadow:
    0 4px 24px rgba(201,150,62,0.10),
    0 1px 0 rgba(255,255,255,0.80) inset;
}
.bbw-sole-compare__header {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 16px;
  background: #000000;
  color: #c9963e;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}
.bbw-sole-compare__table {
  display: flex;
  gap: 1px;
  background: rgba(201,150,62,0.06);
}
.bbw-sole-compare__col {
  flex: 1;
  padding: 14px 14px;
  background: rgba(255,255,255,0.80);
}
.bbw-sole-compare__col--good {
  background: rgba(253,249,244,0.90);
}
.bbw-sole-compare__col-title {
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.bbw-sole-compare__col--bad  .bbw-sole-compare__col-title { color: #dc2626; }
.bbw-sole-compare__col--good .bbw-sole-compare__col-title { color: #16a34a; }
.bbw-sole-compare__col ul {
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.bbw-sole-compare__col ul li {
  font-size: 12px;
  color: rgba(30,15,5,0.68);
  line-height: 1.4;
  padding-left: 14px;
  position: relative;
}
.bbw-sole-compare__col--bad ul li::before {
  content: '✗';
  position: absolute; left: 0;
  color: #dc2626; font-weight: 700;
  font-size: 11px;
}
.bbw-sole-compare__col--good ul li::before {
  content: '✓';
  position: absolute; left: 0;
  color: #16a34a; font-weight: 700;
  font-size: 11px;
}

/* ════════════════════════════
   SEASON GUIDE
════════════════════════════ */
.bbw-season-guide {
  background: linear-gradient(135deg,
    rgba(255,255,255,0.90) 0%,
    rgba(253,249,244,0.95) 100%
  );
  border: 1px solid rgba(201,150,62,0.28);
  border-radius: 18px;
  overflow: hidden;
  box-shadow:
    0 4px 24px rgba(201,150,62,0.10),
    0 1px 0 rgba(255,255,255,0.80) inset;
}
.bbw-season-guide__header {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 16px;
  background: #000000;
  color: #c9963e;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}
.bbw-season-guide__list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: rgba(201,150,62,0.06);
}
.bbw-season-guide__item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 16px;
  background: rgba(255,255,255,0.80);
  transition: background 0.20s ease;
}
.bbw-season-guide__item:hover {
  background: rgba(253,249,244,0.95);
}
.bbw-season-guide__icon {
  font-size: 22px;
  flex-shrink: 0;
  width: 36px;
  text-align: center;
}
.bbw-season-guide__item div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.bbw-season-guide__item strong {
  font-size: 13px;
  font-weight: 800;
  color: #1a1005;
}
.bbw-season-guide__item span {
  font-size: 12px;
  color: rgba(30,15,5,0.55);
  line-height: 1.4;
}

/* ════════════════════════════
   BBW HEEL GUIDE
════════════════════════════ */
.bbw-heel-guide {
  background: linear-gradient(135deg,
    rgba(255,255,255,0.90) 0%,
    rgba(253,249,244,0.95) 100%
  );
  border: 1px solid rgba(201,150,62,0.28);
  border-radius: 18px;
  overflow: hidden;
  box-shadow:
    0 4px 24px rgba(201,150,62,0.10),
    0 1px 0 rgba(255,255,255,0.80) inset;
}
.bbw-heel-guide__header {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 16px;
  background: #000000;
  color: #c9963e;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}
.bbw-heel-guide__header i { color: #c9963e; }
.bbw-heel-guide__steps {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: rgba(201,150,62,0.06);
}
.bbw-heel-guide__step {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 13px 16px;
  background: rgba(255,255,255,0.80);
  transition: background 0.20s ease;
}
.bbw-heel-guide__step:hover {
  background: rgba(253,249,244,0.95);
}
.bbw-heel-guide__step-num {
  width: 28px; height: 28px;
  min-width: 28px;
  border-radius: 50%;
  background: #000000;
  color: #c9963e;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(201,150,62,0.40);
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
  flex-shrink: 0;
  margin-top: 1px;
}
.bbw-heel-guide__step-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.bbw-heel-guide__step-body strong {
  font-size: 13px;
  font-weight: 800;
  color: #1a1005;
  line-height: 1.3;
}
.bbw-heel-guide__step-body span {
  font-size: 12px;
  color: rgba(30,15,5,0.60);
  line-height: 1.55;
}


/* ════════════════════════════════════════════════════════════
   BBW BOOT STYLE GUIDE — BLOC UNIQUE P5
════════════════════════════════════════════════════════════ */

@keyframes bbw-sg-border-run {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes bbw-sg-icon-float {
    0%, 100% { transform: translateY(0) scale(1); }
    50%       { transform: translateY(-3px) scale(1.08); }
}
@keyframes bbw-sg-shimmer {
    0%   { background-position: -200% center; }
    100% { background-position: 200% center; }
}
@keyframes bbw-sg-card-glow {
    0%, 100% { box-shadow: 0 4px 18px rgba(201,150,62,0.10); }
    50%       { box-shadow: 0 6px 24px rgba(201,150,62,0.20); }
}


.bbw-boot-style-guide {
    width: 100%;
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
}


.bbw-boot-style-guide::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(201,150,62,0.60) 30%,
        rgba(232,188,106,0.90) 50%,
        rgba(201,150,62,0.60) 70%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: bbw-sg-shimmer 3s linear infinite;
    pointer-events: none;
    z-index: 2;
}


.bbw-boot-style-guide__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 18px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.bbw-boot-style-guide__header i {
    color: #e8bc6a;
    font-size: 1rem;
    flex-shrink: 0;
    animation: bbw-sg-icon-float 3s ease-in-out infinite;
}


.bbw-boot-style-guide__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: rgba(201,150,62,0.10);
    position: relative;
    z-index: 1;
}


.bbw-boot-style-guide__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 14px 16px;
    background: linear-gradient(135deg,
        rgba(255,255,255,0.92) 0%,
        rgba(253,249,244,0.97) 100%
    );
    transition:
        background 0.28s ease,
        transform 0.28s cubic-bezier(0.4,0,0.2,1);
    cursor: default;
    position: relative;
    overflow: hidden;
    animation: bbw-sg-card-glow 4s ease-in-out infinite;
}


.bbw-boot-style-guide__card:nth-child(2) { animation-delay: 1s; }
.bbw-boot-style-guide__card:nth-child(3) { animation-delay: 2s; }
.bbw-boot-style-guide__card:nth-child(4) { animation-delay: 3s; }


.bbw-boot-style-guide__card::after {
    content: '';
    position: absolute;
    bottom: -22px; right: -22px;
    width: 70px; height: 70px;
    background: radial-gradient(circle, rgba(201,150,62,0.07) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.28s;
}
.bbw-boot-style-guide__card:hover::after { opacity: 1; }

.bbw-boot-style-guide__card:hover {
    background: rgba(253,249,244,0.99);
    transform: translateY(-2px);
}


.bbw-boot-style-guide__card-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(201,150,62,0.10);
    border: 1px solid rgba(201,150,62,0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #c9963e;
    flex-shrink: 0;
    transition: background 0.25s ease, transform 0.25s ease;
    margin-bottom: 2px;
}
.bbw-boot-style-guide__card:hover .bbw-boot-style-guide__card-icon {
    background: rgba(201,150,62,0.16);
    transform: scale(1.10) rotate(-6deg);
}


.bbw-boot-style-guide__card > strong {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
    line-height: 1.25;
}


.bbw-boot-style-guide__card > span {
    font-size: 12px;
    color: rgba(30,15,5,0.55);
    line-height: 1.60;
    font-weight: 400;
}


.bbw-boot-style-guide__card:first-child  { border-radius: 0; }
.bbw-boot-style-guide__card:last-child   { border-radius: 0 0 0 0; }

/* ══════════════════
   RESPONSIVE MOBILE
══════════════════ */
@media (max-width: 480px) {
    .bbw-boot-style-guide { border-radius: 16px; }
    .bbw-boot-style-guide__grid { grid-template-columns: 1fr; gap: 1px; }
    .bbw-boot-style-guide__card { padding: 12px 14px; }
    .bbw-boot-style-guide__card-icon { width: 32px; height: 32px; font-size: 13px; }
    .bbw-boot-style-guide__card > strong { font-size: 12px; }
    .bbw-boot-style-guide__card > span  { font-size: 11px; }
    .bbw-boot-style-guide__header { font-size: 0.68rem; padding: 11px 14px; }
}

@media (max-width: 768px) and (min-width: 481px) {
    .bbw-boot-style-guide__grid { grid-template-columns: 1fr 1fr; }
    .bbw-boot-style-guide__card { padding: 12px 13px; }
}



/* ════════════════════════════════════════════════════════════
   CORRECTION 1 — bbw-occasion-guide : SUPPRESSION des dots
   Remplacer l'ancienne règle .bbw-occasion-dot par .bbw-occasion-icon
════════════════════════════════════════════════════════════ */


.bbw-occasion-icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    color: #c9963e;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(201, 150, 62, 0.10);
    border-radius: 50%;
    padding: 6px;
    box-sizing: content-box;
    transition: transform 0.22s ease, background 0.22s ease;
}
.bbw-occasion-item:hover .bbw-occasion-icon {
    transform: scale(1.12) rotate(-6deg);
    background: rgba(201, 150, 62, 0.18);
}


/* ════════════════════════════════════════════════════════════
   CORRECTION 2 — bbw-style-guide : CSS MANQUANT
   Bloc "How to Style the NightChic Dress" dans product7.html
════════════════════════════════════════════════════════════ */

.bbw-style-guide {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}

.bbw-style-guide::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}

.bbw-style-guide__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.bbw-style-guide__header i {
    color: #e8bc6a;
    font-size: 0.90rem;
    flex-shrink: 0;
}

.bbw-style-guide__steps {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: rgba(201,150,62,0.06);
}

.bbw-style-guide__step {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 13px 16px;
    background: rgba(255,255,255,0.80);
    transition: background 0.20s ease;
}

.bbw-style-guide__step:hover {
    background: rgba(253,249,244,0.95);
}

.bbw-style-guide__step-num {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    background: #000000;
    color: #c9963e;
    font-size: 13px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(201,150,62,0.40);
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
    flex-shrink: 0;
    margin-top: 1px;
}

.bbw-style-guide__step-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.bbw-style-guide__step-body strong {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    line-height: 1.3;
}

.bbw-style-guide__step-body span {
    font-size: 12px;
    color: rgba(30,15,5,0.60);
    line-height: 1.55;
}

@media (max-width: 480px) {
    .bbw-style-guide { border-radius: 16px; }
    .bbw-style-guide__header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-style-guide__step { padding: 11px 14px; gap: 12px; }
    .bbw-style-guide__step-num { width: 26px; height: 26px; min-width: 26px; font-size: 12px; }
    .bbw-style-guide__step-body strong { font-size: 12px; }
    .bbw-style-guide__step-body span { font-size: 11px; }
}



/* ════════════════════════════════════════════════════════════
   BBW VINTAGE COLOR STORY
════════════════════════════════════════════════════════════ */
.bbw-vintage-color-story {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-vintage-color-story::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}

.bbw-vintage-color-story__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-vintage-color-story__header i {
    color: #c9963e;
    font-size: 0.90rem;
    flex-shrink: 0;
}

.bbw-vintage-color-story__grid {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: rgba(201,150,62,0.06);
}

.bvcs-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 16px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
    cursor: default;
    position: relative;
}
.bvcs-card:hover {
    background: rgba(253,249,244,0.95);
    transform: translateX(3px);
}

.bvcs-dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(201,150,62,0.25);
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.bvcs-card:hover .bvcs-dot {
    transform: scale(1.12);
    box-shadow: 0 4px 14px rgba(0,0,0,0.22);
}

.bvcs-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}
.bvcs-info strong {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
}
.bvcs-info span {
    font-size: 12px;
    color: rgba(30,15,5,0.52);
    line-height: 1.48;
}

@media (max-width: 480px) {
    .bbw-vintage-color-story { border-radius: 16px; }
    .bbw-vintage-color-story__header { font-size: 0.68rem; padding: 10px 14px; }
    .bvcs-card { padding: 11px 14px; gap: 12px; }
    .bvcs-dot { width: 24px; height: 24px; }
    .bvcs-info strong { font-size: 12px; }
    .bvcs-info span { font-size: 11px; }
}

/* ════════════════════════════════════════════════════════════
   BBW PAISLEY COLOR STORY — P12
   Pattern : bbw-vintage-color-story / bbw-occasion-guide
════════════════════════════════════════════════════════════ */
.bbw-paisley-color-story {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-paisley-color-story::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}

.bbw-paisley-color-story__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-paisley-color-story__header i {
    color: #c9963e;
    font-size: 0.90rem;
    flex-shrink: 0;
}

.bbw-paisley-color-story__body {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 16px;
    background: rgba(255,255,255,0.85);
}

.bbw-paisley-cs__dot-wrap {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3px;
}
.bbw-paisley-cs__dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid rgba(201,150,62,0.25);
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
    flex-shrink: 0;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.bbw-paisley-color-story__body:hover .bbw-paisley-cs__dot {
    transform: scale(1.12);
    box-shadow: 0 4px 14px rgba(0,0,0,0.22);
}

.bbw-paisley-cs__content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 0;
}
.bbw-paisley-cs__mood {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    margin: 0;
    letter-spacing: 0.02em;
}
.bbw-paisley-cs__mood strong {
    color: #c9963e;
}
.bbw-paisley-cs__text {
    font-size: 12px;
    color: rgba(30,15,5,0.62);
    line-height: 1.65;
    margin: 0;
}
.bbw-paisley-cs__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}
.bbw-paisley-cs__tags span {
    font-size: 11px;
    font-weight: 700;
    color: #c9963e;
    background: rgba(201,150,62,0.10);
    border: 1px solid rgba(201,150,62,0.22);
    border-radius: 50px;
    padding: 3px 10px;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .bbw-paisley-color-story { border-radius: 16px; }
    .bbw-paisley-color-story__header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-paisley-color-story__body { padding: 12px 14px; gap: 12px; }
    .bbw-paisley-cs__dot { width: 24px; height: 24px; }
    .bbw-paisley-cs__mood { font-size: 12px; }
    .bbw-paisley-cs__text { font-size: 11px; }
    .bbw-paisley-cs__tags span { font-size: 10px; padding: 2px 8px; }
}


/* ════════════════════════════════════════════════════════════
   BBW WEAR IT 3 WAYS — P12
   Pattern : bbw-boot-style-guide (grille 3 colonnes)
════════════════════════════════════════════════════════════ */
.bbw-wear3-block {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-wear3-block::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}

.bbw-wear3-header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-wear3-header i {
    color: #e8bc6a;
    font-size: 0.90rem;
    flex-shrink: 0;
}

.bbw-wear3-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1px;
    background: rgba(201,150,62,0.10);
}

.bbw-wear3-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 14px 14px;
    background: linear-gradient(135deg,
        rgba(255,255,255,0.92) 0%,
        rgba(253,249,244,0.97) 100%
    );
    transition: background 0.28s ease, transform 0.28s cubic-bezier(0.4,0,0.2,1);
    cursor: default;
    position: relative;
    overflow: hidden;
}
.bbw-wear3-card::after {
    content: '';
    position: absolute;
    bottom: -22px; right: -22px;
    width: 70px; height: 70px;
    background: radial-gradient(circle, rgba(201,150,62,0.07) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.28s;
}
.bbw-wear3-card:hover::after { opacity: 1; }
.bbw-wear3-card:hover {
    background: rgba(253,249,244,0.99);
    transform: translateY(-2px);
}

.bbw-wear3-number {
    font-size: 22px;
    font-weight: 900;
    color: rgba(201,150,62,0.18);
    line-height: 1;
    font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif);
    letter-spacing: -0.02em;
}

.bbw-wear3-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(201,150,62,0.10);
    border: 1px solid rgba(201,150,62,0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #c9963e;
    flex-shrink: 0;
    transition: background 0.25s ease, transform 0.25s ease;
    margin-bottom: 2px;
}
.bbw-wear3-card:hover .bbw-wear3-icon {
    background: rgba(201,150,62,0.18);
    transform: scale(1.10) rotate(-6deg);
}

.bbw-wear3-title {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
    line-height: 1.25;
}

.bbw-wear3-text {
    font-size: 11px;
    color: rgba(30,15,5,0.55);
    line-height: 1.60;
}

@media (max-width: 600px) {
    .bbw-wear3-grid {
        grid-template-columns: 1fr;
    }
    .bbw-wear3-block { border-radius: 16px; }
    .bbw-wear3-header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-wear3-card { padding: 12px 14px; flex-direction: row; align-items: flex-start; gap: 12px; }
    .bbw-wear3-number { display: none; }
    .bbw-wear3-icon { flex-shrink: 0; width: 30px; height: 30px; font-size: 13px; margin-bottom: 0; margin-top: 2px; }
    .bbw-wear3-title { font-size: 12px; }
    .bbw-wear3-text { font-size: 11px; }
}

@media (max-width: 768px) and (min-width: 601px) {
    .bbw-wear3-grid { grid-template-columns: 1fr 1fr; }
}



/* ════════════════════════════════════════════════════════════
   BBW MESH STORY — P13
   Bloc explicatif tissu mesh pour femmes curvy
════════════════════════════════════════════════════════════ */
.bbw-mesh-story {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-mesh-story::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}

.bbw-mesh-story__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-mesh-story__header i {
    color: #e8bc6a;
    font-size: 0.90rem;
    flex-shrink: 0;
}

.bbw-mesh-story__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: rgba(201,150,62,0.08);
}

.bbw-mesh-story__item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 13px 15px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
}
.bbw-mesh-story__item:hover {
    background: rgba(253,249,244,0.96);
    transform: translateY(-1px);
}

.bbw-mesh-story__item-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(201,150,62,0.10);
    border: 1px solid rgba(201,150,62,0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #c9963e;
    flex-shrink: 0;
    margin-bottom: 2px;
    transition: background 0.22s ease, transform 0.22s ease;
}
.bbw-mesh-story__item:hover .bbw-mesh-story__item-icon {
    background: rgba(201,150,62,0.18);
    transform: scale(1.10) rotate(-6deg);
}

.bbw-mesh-story__item-title {
    font-size: 12px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
    line-height: 1.25;
}

.bbw-mesh-story__item-text {
    font-size: 11px;
    color: rgba(30,15,5,0.55);
    line-height: 1.60;
}

@media (max-width: 480px) {
    .bbw-mesh-story { border-radius: 16px; }
    .bbw-mesh-story__header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-mesh-story__grid { grid-template-columns: 1fr; }
    .bbw-mesh-story__item { padding: 11px 14px; }
    .bbw-mesh-story__item-title { font-size: 12px; }
    .bbw-mesh-story__item-text { font-size: 11px; }
}


/* ════════════════════════════════════════════════════════════
   BBW COLOR MOOD — P14 MeshGlam Dress
   3 colonnes : Khaki / Black / White
════════════════════════════════════════════════════════════ */
.bbw-color-mood {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-color-mood::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}
.bbw-color-mood__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-color-mood__header i {
    color: #e8bc6a;
    font-size: 0.90rem;
    flex-shrink: 0;
}
.bbw-color-mood__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1px;
    background: rgba(201,150,62,0.08);
}
.bbw-color-mood__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px 12px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
    cursor: default;
    text-align: center;
}
.bbw-color-mood__card:hover {
    background: rgba(253,249,244,0.96);
    transform: translateY(-2px);
}
.bbw-color-mood__dot {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2.5px solid rgba(201,150,62,0.25);
    box-shadow: 0 3px 10px rgba(0,0,0,0.14);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.bbw-color-mood__card:hover .bbw-color-mood__dot {
    transform: scale(1.14);
    box-shadow: 0 5px 16px rgba(0,0,0,0.22);
}
.bbw-color-mood__name {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
}
.bbw-color-mood__tag {
    font-size: 11px;
    font-weight: 700;
    color: #c9963e;
    background: rgba(201,150,62,0.10);
    border: 1px solid rgba(201,150,62,0.22);
    border-radius: 50px;
    padding: 3px 10px;
    letter-spacing: 0.04em;
    white-space: nowrap;
}
.bbw-color-mood__desc {
    font-size: 11px;
    color: rgba(30,15,5,0.55);
    line-height: 1.55;
}
@media (max-width: 480px) {
    .bbw-color-mood { border-radius: 16px; }
    .bbw-color-mood__header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-color-mood__grid { grid-template-columns: 1fr; gap: 1px; }
    .bbw-color-mood__card { padding: 12px 14px; flex-direction: row; align-items: center; text-align: left; gap: 12px; }
    .bbw-color-mood__dot { width: 28px; height: 28px; flex-shrink: 0; }
    .bbw-color-mood__name { font-size: 12px; }
    .bbw-color-mood__tag { font-size: 10px; }
    .bbw-color-mood__desc { font-size: 11px; }
}


/* ════════════════════════════════════════════════════════════
   BBW LINEN CARE GUIDE — P15 LinenBreeze Dress
════════════════════════════════════════════════════════════ */
.bbw-linen-care {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-linen-care::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}
.bbw-linen-care__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-linen-care__header i {
    color: #e8bc6a;
    font-size: 0.90rem;
    flex-shrink: 0;
}
.bbw-linen-care__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: rgba(201,150,62,0.08);
}
.bbw-linen-care__card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 15px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
    cursor: default;
    position: relative;
    overflow: hidden;
}
.bbw-linen-care__card::after {
    content: '';
    position: absolute;
    bottom: -20px; right: -20px;
    width: 60px; height: 60px;
    background: radial-gradient(circle, rgba(201,150,62,0.07) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.26s;
}
.bbw-linen-care__card:hover::after { opacity: 1; }
.bbw-linen-care__card:hover {
    background: rgba(253,249,244,0.97);
    transform: translateY(-2px);
}
.bbw-linen-care__icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(201,150,62,0.10);
    border: 1px solid rgba(201,150,62,0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #c9963e;
    flex-shrink: 0;
    margin-bottom: 2px;
    transition: background 0.22s ease, transform 0.22s ease;
}
.bbw-linen-care__card:hover .bbw-linen-care__icon {
    background: rgba(201,150,62,0.18);
    transform: scale(1.10) rotate(-6deg);
}
.bbw-linen-care__title {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
    line-height: 1.25;
}
.bbw-linen-care__text {
    font-size: 12px;
    color: rgba(30,15,5,0.55);
    line-height: 1.60;
}
@media (max-width: 480px) {
    .bbw-linen-care { border-radius: 16px; }
    .bbw-linen-care__header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-linen-care__grid { grid-template-columns: 1fr; }
    .bbw-linen-care__card { padding: 12px 14px; flex-direction: row; align-items: flex-start; gap: 12px; }
    .bbw-linen-care__icon { flex-shrink: 0; margin-bottom: 0; margin-top: 2px; }
    .bbw-linen-care__title { font-size: 12px; }
    .bbw-linen-care__text { font-size: 11px; }
}



/* ════════════════════════════════════════════════════════════
   PRODUCT 17 — LOUNGEROBE : COZY COLOR MOOD BLOCK
   À ajouter dans products-globales.css
════════════════════════════════════════════════════════════ */
@keyframes ccm-swatch-float {
    0%, 100% { transform: scale(1) translateY(0); }
    50%       { transform: scale(1.06) translateY(-3px); }
}
@keyframes ccm-shimmer {
    0%   { background-position: -200% center; }
    100% { background-position: 200% center; }
}

.ccm-block {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 20px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.ccm-block::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(201,150,62,0.60) 30%,
        rgba(232,188,106,0.90) 50%,
        rgba(201,150,62,0.60) 70%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: ccm-shimmer 3.2s linear infinite;
    pointer-events: none;
    z-index: 2;
}

.ccm-block__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.ccm-block__header i {
    color: #e8bc6a;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.ccm-block__grid {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: rgba(201,150,62,0.06);
    position: relative;
    z-index: 1;
}

.ccm-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 18px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
    position: relative;
    cursor: default;
    overflow: hidden;
}
.ccm-card:last-child { border-bottom: none; }
.ccm-card:hover {
    background: rgba(253,249,244,0.98);
    transform: translateX(4px);
}


.ccm-card::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--ccm-accent, #c9963e);
    opacity: 0;
    transition: opacity 0.22s;
}
.ccm-card:hover::before { opacity: 1; }

.ccm-swatch {
    width: 44px; height: 44px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2.5px solid rgba(201,150,62,0.25);
    box-shadow: 0 3px 12px rgba(0,0,0,0.14);
    transition: transform 0.28s cubic-bezier(0.4,0,0.2,1), box-shadow 0.28s ease;
    animation: ccm-swatch-float 4s ease-in-out infinite;
}
.ccm-card:nth-child(2) .ccm-swatch { animation-delay: 0.5s; }
.ccm-card:nth-child(3) .ccm-swatch { animation-delay: 1s; }
.ccm-card:nth-child(4) .ccm-swatch { animation-delay: 1.5s; }
.ccm-card:nth-child(5) .ccm-swatch { animation-delay: 2s; }
.ccm-card:hover .ccm-swatch {
    transform: scale(1.14) rotate(-5deg);
    box-shadow: 0 6px 20px rgba(0,0,0,0.20);
}

.ccm-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 0;
}
.ccm-info__name {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.03em;
}
.ccm-info__mood {
    font-size: 12px;
    color: rgba(30,15,5,0.55);
    line-height: 1.45;
    font-style: italic;
}
.ccm-info__tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: rgba(201,150,62,0.10);
    color: #c9963e;
    border: 1px solid rgba(201,150,62,0.20);
    border-radius: 20px;
    padding: 2px 9px;
    margin-top: 2px;
    width: fit-content;
}

@media (max-width: 480px) {
    .ccm-block__header { font-size: 0.68rem; padding: 10px 14px; }
    .ccm-card { padding: 11px 14px; gap: 12px; }
    .ccm-swatch { width: 38px; height: 38px; }
    .ccm-info__name { font-size: 12px; }
    .ccm-info__mood { font-size: 11px; }
}


/* ════════════════════════════
   LOUNGE PROMISE BLOCK
   (bloc unique LoungeRobe P17)
════════════════════════════ */
@keyframes lp-glow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(201,150,62,0); }
    50%       { box-shadow: 0 0 16px 3px rgba(201,150,62,0.10); }
}

.lp-block {
    background: #000000;
    border: 1px solid rgba(201,150,62,0.45);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    animation: lp-glow 5s ease-in-out infinite;
}
.lp-block::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1.5px;
    background: linear-gradient(270deg,
        #c9963e, rgba(255,255,255,0.10), #e8bc6a, #c9963e
    );
    background-size: 300% 300%;
    animation: borderRun 4s ease infinite;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.lp-block__inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    z-index: 1;
    padding: 22px 20px;
}

.lp-block__eyebrow {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #c9963e;
    margin-bottom: 10px;
}
.lp-block__eyebrow-dot {
    width: 5px; height: 5px;
    border-radius: 50%;
    background: #c9963e;
    animation: heartPulse 2.5s ease-in-out infinite;
}

.lp-block__quote {
    font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif);
    font-size: clamp(17px, 3.5vw, 22px);
    font-weight: 700;
    font-style: italic;
    color: #ffffff;
    line-height: 1.40;
    margin: 0 0 14px 0;
    letter-spacing: 0.01em;
}
.lp-block__quote span { color: #c9963e; }

.lp-block__items {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
}

.lp-block__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: rgba(253,249,244,0.78);
    line-height: 1.55;
}
.lp-block__item i {
    color: #c9963e;
    font-size: 13px;
    flex-shrink: 0;
    margin-top: 2px;
    filter: drop-shadow(0 0 4px rgba(201,150,62,0.40));
}
.lp-block__item strong { color: #e8bc6a; font-weight: 700; }

@media (max-width: 480px) {
    .lp-block__inner { padding: 18px 16px; }
    .lp-block__quote { font-size: 17px; }
    .lp-block__item { font-size: 12px; }
}



/* ════════════════════════════════════════════════════════════
   BBW LACE CONFIDENCE STRIP — Product 19
════════════════════════════════════════════════════════════ */

@keyframes lcs-shimmer {
    0%   { background-position: -200% center; }
    100% { background-position: 200% center; }
}
@keyframes lcs-icon-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50%       { transform: scale(1.18); opacity: 0.75; }
}

.bbw-lace-confidence-strip {
    display: flex;
    align-items: stretch;
    background: #000000;
    border: 1px solid rgba(201,150,62,0.40);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow:
        0 4px 18px rgba(0,0,0,0.20),
        0 0 0 1px rgba(201,150,62,0.10) inset;
}


.bbw-lace-confidence-strip::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(201,150,62,0.70) 30%,
        rgba(232,188,106,1.00) 50%,
        rgba(201,150,62,0.70) 70%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: lcs-shimmer 3s linear infinite;
    pointer-events: none;
    z-index: 2;
}

.bbw-lcs-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 16px 10px;
    border-right: 1px solid rgba(201,150,62,0.18);
    position: relative;
    transition: background 0.25s ease;
    text-align: center;
    cursor: default;
}
.bbw-lcs-item:last-child {
    border-right: none;
}
.bbw-lcs-item:hover {
    background: rgba(201,150,62,0.06);
}

.bbw-lcs-item i {
    font-size: 22px;
    color: #c9963e;
    flex-shrink: 0;
    animation: lcs-icon-pulse 3s ease-in-out infinite;
    filter: drop-shadow(0 0 6px rgba(201,150,62,0.40));
}
.bbw-lcs-item:nth-child(2) i { animation-delay: 1s; }
.bbw-lcs-item:nth-child(3) i { animation-delay: 2s; }

.bbw-lcs-item strong {
    font-size: 12px;
    font-weight: 800;
    color: #c9963e;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
}

.bbw-lcs-item span {
    font-size: 11px;
    color: rgba(253,249,244,0.55);
    line-height: 1.45;
    font-weight: 400;
    max-width: 90px;
}

@media (max-width: 480px) {
    .bbw-lcs-item { padding: 12px 6px; gap: 5px; }
    .bbw-lcs-item i { font-size: 18px; }
    .bbw-lcs-item strong { font-size: 10px; }
    .bbw-lcs-item span { font-size: 10px; max-width: 70px; }
}






/* ════════════════════════════════════════════════════════════
   BBW SWIMWEAR CONFIDENCE STRIP
════════════════════════════════════════════════════════════ */
.bbw-swimwear-strip {
    display: flex;
    align-items: stretch;
    gap: 0;
    background: #000000;
    border: 1px solid rgba(201,150,62,0.35);
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    box-shadow:
        0 4px 24px rgba(0,0,0,0.22),
        0 0 0 1px rgba(201,150,62,0.10) inset;
}
.bbw-swimwear-strip::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.55), transparent);
    pointer-events: none;
}
.bbw-swimwear-strip::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.55), transparent);
    pointer-events: none;
}
.bbw-swimwear-strip__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 14px 8px;
    border-right: 1px solid rgba(201,150,62,0.15);
    position: relative;
    transition: background 0.25s ease;
}
.bbw-swimwear-strip__item:last-child {
    border-right: none;
}
.bbw-swimwear-strip__item:hover {
    background: rgba(201,150,62,0.06);
}
.bbw-swimwear-strip__icon {
    font-size: 18px;
    color: #c9963e;
    animation: heartPulse 2.5s ease-in-out infinite;
}
.bbw-swimwear-strip__item:nth-child(2) .bbw-swimwear-strip__icon { animation-delay: 0.5s; }
.bbw-swimwear-strip__item:nth-child(3) .bbw-swimwear-strip__icon { animation-delay: 1s; }
.bbw-swimwear-strip__item:nth-child(4) .bbw-swimwear-strip__icon { animation-delay: 1.5s; }
.bbw-swimwear-strip__label {
    font-size: 11px;
    font-weight: 700;
    color: rgba(253,249,244,0.85);
    text-align: center;
    letter-spacing: 0.04em;
    line-height: 1.3;
}

@media (max-width: 480px) {
    .bbw-swimwear-strip__item { padding: 10px 4px; }
    .bbw-swimwear-strip__icon { font-size: 15px; }
    .bbw-swimwear-strip__label { font-size: 9.5px; }
}


/* ════════════════════════════════════════════════════════════
   BBW POOL MOMENT — SCENE BLOCK
════════════════════════════════════════════════════════════ */
@keyframes bbw-pool-fade {
    0%   { opacity: 0; transform: translateY(12px); }
    100% { opacity: 1; transform: translateY(0); }
}

.bbw-pool-moment {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(201,150,62,0.30);
    box-shadow:
        0 8px 32px rgba(0,0,0,0.20),
        0 0 0 1px rgba(201,150,62,0.08) inset;
}
.bbw-pool-moment__bg {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 220px;
}
.bbw-pool-moment__img {
    overflow: hidden;
}
.bbw-pool-moment__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    filter: brightness(0.52) saturate(0.85);
    display: block;
    transition: transform 0.6s ease;
}
.bbw-pool-moment:hover .bbw-pool-moment__img img {
    transform: scale(1.04);
}
.bbw-pool-moment__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
        rgba(0,0,0,0.65) 0%,
        rgba(10,6,2,0.70) 100%
    );
}
.bbw-pool-moment__shimmer-top {
    position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(201,150,62,0.65) 30%,
        rgba(232,188,106,0.90) 50%,
        rgba(201,150,62,0.65) 70%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: goldSweep 3s linear infinite;
    z-index: 3;
}
.bbw-pool-moment__shimmer-bottom {
    position: absolute;
    bottom: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(201,150,62,0.65) 30%,
        rgba(232,188,106,0.90) 50%,
        rgba(201,150,62,0.65) 70%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: goldSweep 3s 1.5s linear infinite;
    z-index: 3;
}
.bbw-pool-moment__content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    gap: 10px;
    text-align: center;
}
.bbw-pool-moment__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #c9963e;
    animation: bbw-pool-fade 0.7s ease 0.2s both;
}
.bbw-pool-moment__quote {
    font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif);
    font-size: clamp(15px, 3.2vw, 20px);
    font-weight: 700;
    font-style: italic;
    color: #ffffff;
    margin: 0;
    line-height: 1.38;
    animation: bbw-pool-fade 0.8s ease 0.4s both;
}
.bbw-pool-moment__sub {
    font-size: 12px;
    color: rgba(253,249,244,0.70);
    margin: 0;
    letter-spacing: 0.05em;
    animation: bbw-pool-fade 0.8s ease 0.65s both;
}
.bbw-pool-moment__line {
    display: flex;
    align-items: center;
    gap: 8px;
    animation: bbw-pool-fade 0.7s ease 0.85s both;
}
.bbw-pool-moment__line span {
    display: block;
    width: 40px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.60));
}
.bbw-pool-moment__line span:last-child {
    background: linear-gradient(90deg, rgba(201,150,62,0.60), transparent);
}
.bbw-pool-moment__diamond {
    font-size: 8px;
    color: #c9963e;
    animation: bbw-cb-diamond-spin 5s linear infinite;
    display: inline-block;
    filter: drop-shadow(0 0 4px rgba(201,150,62,0.50));
}

@media (max-width: 768px) {
    .bbw-pool-moment__bg { height: 180px; }
    .bbw-pool-moment__quote { font-size: clamp(13px, 4vw, 17px); }
    .bbw-pool-moment__sub { font-size: 11px; }
}


/* ════════════════════════════════════════════════════════════
   BBW BODY LOVE CARDS
════════════════════════════════════════════════════════════ */
.bbw-body-love {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 20px;
    padding: 16px 14px;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
    overflow: hidden;
}
.bbw-body-love::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.40), transparent);
    pointer-events: none;
}
.bbw-body-love__header {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 12px;
    font-weight: 800;
    color: rgba(30,15,5,0.80);
    letter-spacing: 0.10em;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.bbw-body-love__header i {
    color: #c9963e;
}
.bbw-body-love__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.bbw-body-love__card {
    background: rgba(253,249,244,0.70);
    border: 1px solid rgba(201,150,62,0.18);
    border-radius: 14px;
    padding: 12px 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    transition: all 0.28s ease;
    position: relative;
    overflow: hidden;
}
.bbw-body-love__card::before {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.35), transparent);
    opacity: 0;
    transition: opacity 0.25s;
}
.bbw-body-love__card:hover {
    border-color: rgba(201,150,62,0.40);
    background: rgba(253,249,244,0.95);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(201,150,62,0.12);
}
.bbw-body-love__card:hover::before { opacity: 1; }
.bbw-body-love__icon {
    font-size: 20px;
    color: #c9963e;
}
.bbw-body-love__title {
    font-size: 12px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
}
.bbw-body-love__desc {
    font-size: 11px;
    color: rgba(30,15,5,0.58);
    line-height: 1.55;
}

@media (max-width: 400px) {
    .bbw-body-love__grid {
        grid-template-columns: 1fr;
    }
}



/* ════════════════════════════════════════════════════════════
   BBW CURVE CONFIDENCE BLOCK — "The Black Effect"
════════════════════════════════════════════════════════════ */

.bbw-curve-confidence {
    background: #000000;
    border: 1px solid rgba(201,150,62,0.35);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding: 0 0 18px 0;
    box-shadow:
        0 8px 32px rgba(0,0,0,0.28),
        0 0 0 1px rgba(201,150,62,0.10) inset;
}
.bbw-curve-confidence::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, transparent, #c9963e, rgba(232,188,106,0.90), #c9963e, transparent);
    background-size: 200% 100%;
    animation: goldSweep 3s linear infinite;
    pointer-events: none;
}

.bbw-curve-confidence__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px 10px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #c9963e;
    border-bottom: 1px solid rgba(201,150,62,0.15);
}
.bbw-curve-confidence__header i {
    font-size: 0.90rem;
    color: #c9963e;
    animation: pp-fire 2.5s ease-in-out infinite;
}

.bbw-curve-confidence__intro {
    font-size: 13px;
    color: rgba(253,249,244,0.72);
    padding: 12px 18px 4px;
    line-height: 1.65;
    font-style: italic;
}
.bbw-curve-confidence__intro strong {
    color: #c9963e;
    font-style: normal;
}

.bbw-curve-confidence__list {
    list-style: none;
    margin: 0;
    padding: 6px 0 0;
}
.bbw-curve-confidence__list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 9px 18px;
    border-bottom: 1px solid rgba(201,150,62,0.08);
    transition: background 0.2s ease;
}
.bbw-curve-confidence__list li:last-child {
    border-bottom: none;
}
.bbw-curve-confidence__list li:hover {
    background: rgba(201,150,62,0.04);
}
.bbw-curve-confidence__list li i {
    color: #c9963e;
    font-size: 0.82rem;
    flex-shrink: 0;
    margin-top: 3px;
    filter: drop-shadow(0 0 4px rgba(201,150,62,0.40));
}
.bbw-curve-confidence__list li span {
    font-size: 13px;
    color: rgba(253,249,244,0.72);
    line-height: 1.60;
}
.bbw-curve-confidence__list li strong {
    color: #e8bc6a;
}

@media (max-width: 480px) {
    .bbw-curve-confidence__header { padding: 12px 14px 8px; font-size: 0.68rem; }
    .bbw-curve-confidence__intro  { padding: 10px 14px 4px; font-size: 12px; }
    .bbw-curve-confidence__list li { padding: 8px 14px; }
    .bbw-curve-confidence__list li span { font-size: 12px; }
}





/* ══════════════════════════════════════
   BBW CONFIDENCE STRIP
   (bloc unique p22 — bande de confiance sensuelle)
══════════════════════════════════════ */
@keyframes confidenceGlow {
    0%, 100% { opacity: 0.7; }
    50%       { opacity: 1; }
}

.bbw-confidence-strip {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: #000000;
    border: 1px solid rgba(201,150,62,0.40);
    border-radius: 14px;
    padding: 14px 18px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0,0,0,0.22);
}
.bbw-confidence-strip::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.60), transparent);
    pointer-events: none;
}
.bbw-confidence-strip__inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    min-width: 0;
}
.bbw-confidence-strip__row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    min-width: 0;
}
.bbw-confidence-strip__icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(201,150,62,0.12);
    border: 1px solid rgba(201,150,62,0.30);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c9963e;
    font-size: 13px;
    animation: confidenceGlow 3s ease-in-out infinite;
}
.bbw-confidence-strip__text {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 600;
    color: rgba(253,249,244,0.85);
    line-height: 1.45;
    letter-spacing: 0.01em;
    word-break: break-word;
    overflow-wrap: break-word;
}
.bbw-confidence-strip__text strong {
    color: #c9963e;
    font-weight: 800;
}
.bbw-confidence-strip__divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.25), transparent);
    margin: 2px 0;
    width: 100%;
}

/* ══════════════════════════════════════
   BBW NIGHT GUIDE
   (section "Quand porter" spécifique lingerie)
══════════════════════════════════════ */
.bbw-night-guide {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-night-guide::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.40), transparent);
    pointer-events: none;
}
.bbw-night-guide__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-night-guide__header i {
    color: #c9963e;
    font-size: 0.90rem;
}
.bbw-night-guide__list {
    display: flex;
    flex-direction: column;
    padding: 6px 0;
}
.bbw-night-guide__item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(201,150,62,0.08);
    transition: background 0.22s ease;
}
.bbw-night-guide__item:last-child {
    border-bottom: none;
}
.bbw-night-guide__item:hover {
    background: rgba(201,150,62,0.04);
}
.bbw-night-guide__emoji {
    font-size: 20px;
    flex-shrink: 0;
    width: 32px;
    text-align: center;
}
.bbw-night-guide__info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}
.bbw-night-guide__info strong {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
}
.bbw-night-guide__info span {
    font-size: 12px;
    color: rgba(30,15,5,0.55);
    line-height: 1.45;
}
.bbw-night-guide__check {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(34,197,94,0.10);
    border: 1px solid rgba(34,197,94,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #22c55e;
    font-size: 11px;
    font-weight: 700;
}



/* ════════════════════════════════════════════════════════════
   BBW FIT GUIDE — Bra Measurement Block (product23)
════════════════════════════════════════════════════════════ */

.bbw-fit-guide {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.35);
    border-radius: 18px;
    overflow: hidden;
    position: relative;
}
.bbw-fit-guide::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.70), transparent);
    pointer-events: none;
}

.bbw-fit-guide__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px 10px;
    background: #000000;
    color: #c9963e;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-fit-guide__header i {
    color: #c9963e;
    font-size: 15px;
}

.bbw-fit-guide__steps {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.bbw-fit-guide__step {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 12px 18px;
    border-bottom: 1px solid rgba(201,150,62,0.10);
    transition: background 0.2s ease;
}
.bbw-fit-guide__step:last-child {
    border-bottom: none;
}
.bbw-fit-guide__step:hover {
    background: rgba(201,150,62,0.06);
}

.bbw-fit-guide__num {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(201,150,62,0.12);
    border: 1px solid rgba(201,150,62,0.40);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    color: #c9963e;
    margin-top: 1px;
}

.bbw-fit-guide__text {
    flex: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}
.bbw-fit-guide__text strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #1a1005;
    margin-bottom: 3px;
}
.bbw-fit-guide__text span {
    font-size: 12px;
    color: rgba(30,15,5,0.58);
    line-height: 1.5;
}

.bbw-fit-guide__tip {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 12px 18px 14px;
    background: rgba(201,150,62,0.06);
    border-top: 1px solid rgba(201,150,62,0.12);
}
.bbw-fit-guide__tip i {
    color: #c9963e;
    font-size: 13px;
    flex-shrink: 0;
    margin-top: 2px;
}
.bbw-fit-guide__tip span {
    font-size: 12px;
    color: rgba(30,15,5,0.58);
    line-height: 1.55;
    min-width: 0;
    word-break: break-word;
}
.bbw-fit-guide__tip span strong {
    color: #c9963e;
    font-weight: 700;
}

/* ════════════════════════════════════════════════════════════
   BBW BEACH VIBE STRIP — Product26 TubeBikini
════════════════════════════════════════════════════════════ */

.bbw-beach-vibe-strip {
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 16px;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    position: relative;
    overflow: hidden;
}
.bbw-beach-vibe-strip::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}
.bbw-beach-vibe-strip__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: rgba(253,249,244,0.70);
    border: 1px solid rgba(201,150,62,0.18);
    border-radius: 12px;
    transition: all 0.25s ease;
}
.bbw-beach-vibe-strip__item:hover {
    border-color: rgba(201,150,62,0.40);
    background: rgba(253,249,244,0.95);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(201,150,62,0.12);
}
.bbw-beach-vibe-strip__item i {
    color: #c9963e;
    font-size: 1.1rem;
    flex-shrink: 0;
    width: 20px;
    text-align: center;
}
.bbw-beach-vibe-strip__item span {
    font-size: 0.78rem;
    font-weight: 700;
    color: rgba(30,15,5,0.75);
    letter-spacing: 0.01em;
    line-height: 1.3;
}



/* ════════════════════════════════════════════════════════════
   BBW ONE PIECE CONFIDENCE BLOCK — Product27 RuffleOne
════════════════════════════════════════════════════════════ */
.bbw-onepiece-block {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-onepiece-block::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}
.bbw-onepiece-block__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-onepiece-block__header i {
    color: #c9963e;
    font-size: 0.90rem;
    flex-shrink: 0;
}
.bbw-onepiece-block__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: rgba(201,150,62,0.06);
}
.bbw-onepiece-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 14px 15px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
    cursor: default;
    position: relative;
    overflow: hidden;
}
.bbw-onepiece-card::after {
    content: '';
    position: absolute;
    bottom: -20px; right: -20px;
    width: 60px; height: 60px;
    background: radial-gradient(circle, rgba(201,150,62,0.07) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.26s;
}
.bbw-onepiece-card:hover::after { opacity: 1; }
.bbw-onepiece-card:hover {
    background: rgba(253,249,244,0.97);
    transform: translateY(-2px);
}
.bbw-onepiece-card__icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(201,150,62,0.10);
    border: 1px solid rgba(201,150,62,0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #c9963e;
    flex-shrink: 0;
    margin-bottom: 2px;
    transition: background 0.22s ease, transform 0.22s ease;
}
.bbw-onepiece-card:hover .bbw-onepiece-card__icon {
    background: rgba(201,150,62,0.18);
    transform: scale(1.10) rotate(-6deg);
}
.bbw-onepiece-card__title {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
    line-height: 1.25;
}
.bbw-onepiece-card__text {
    font-size: 12px;
    color: rgba(30,15,5,0.55);
    line-height: 1.60;
}
@media (max-width: 480px) {
    .bbw-onepiece-block { border-radius: 16px; }
    .bbw-onepiece-block__header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-onepiece-block__grid { grid-template-columns: 1fr; }
    .bbw-onepiece-card { padding: 12px 14px; flex-direction: row; align-items: flex-start; gap: 12px; }
    .bbw-onepiece-card__icon { flex-shrink: 0; margin-bottom: 0; margin-top: 2px; }
    .bbw-onepiece-card__title { font-size: 12px; }
    .bbw-onepiece-card__text { font-size: 11px; }
}




/* ════════════════════════════════════════════════════════════
   BBW IRREGULAR TOP BLOCK — Product31 IrregularTop
════════════════════════════════════════════════════════════ */
.bbw-irregular-top-block {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-irregular-top-block::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}
.bbw-irregular-top-block__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-irregular-top-block__header i {
    color: #c9963e;
    font-size: 0.90rem;
    flex-shrink: 0;
}
.bbw-irregular-top-block__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: rgba(201,150,62,0.06);
}
.bbw-itop-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 14px 15px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
    cursor: default;
    position: relative;
    overflow: hidden;
}
.bbw-itop-card::after {
    content: '';
    position: absolute;
    bottom: -20px; right: -20px;
    width: 60px; height: 60px;
    background: radial-gradient(circle, rgba(201,150,62,0.07) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.26s;
}
.bbw-itop-card:hover::after { opacity: 1; }
.bbw-itop-card:hover {
    background: rgba(253,249,244,0.97);
    transform: translateY(-2px);
}
.bbw-itop-card__icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(201,150,62,0.10);
    border: 1px solid rgba(201,150,62,0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #c9963e;
    flex-shrink: 0;
    margin-bottom: 2px;
    transition: background 0.22s ease, transform 0.22s ease;
}
.bbw-itop-card:hover .bbw-itop-card__icon {
    background: rgba(201,150,62,0.18);
    transform: scale(1.10) rotate(-6deg);
}
.bbw-itop-card__title {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
    line-height: 1.25;
}
.bbw-itop-card__text {
    font-size: 12px;
    color: rgba(30,15,5,0.55);
    line-height: 1.60;
}
@media (max-width: 480px) {
    .bbw-irregular-top-block { border-radius: 16px; }
    .bbw-irregular-top-block__header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-irregular-top-block__grid { grid-template-columns: 1fr; }
    .bbw-itop-card { padding: 12px 14px; flex-direction: row; align-items: flex-start; gap: 12px; }
    .bbw-itop-card__icon { flex-shrink: 0; margin-bottom: 0; margin-top: 2px; }
    .bbw-itop-card__title { font-size: 12px; }
    .bbw-itop-card__text { font-size: 11px; }
}



/* ════════════════════════════════════════════════════════════
   BBW DALMATIAN PATTERN STORY — Product33
════════════════════════════════════════════════════════════ */
.bbw-dalmatian-story {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-dalmatian-story::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}
.bbw-dalmatian-story__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-dalmatian-story__header i {
    color: #e8bc6a;
    font-size: 0.90rem;
    flex-shrink: 0;
}
.bbw-dalmatian-story__body {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: rgba(201,150,62,0.06);
}
.bbw-dalmatian-story__card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 13px 16px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
    cursor: default;
}
.bbw-dalmatian-story__card:hover {
    background: rgba(253,249,244,0.96);
    transform: translateX(3px);
}
.bbw-dalmatian-story__dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(201,150,62,0.25);
    box-shadow: 0 2px 8px rgba(0,0,0,0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: transform 0.22s ease;
}
.bbw-dalmatian-story__card:hover .bbw-dalmatian-story__dot {
    transform: scale(1.12);
}
.bbw-dalmatian-story__info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 0;
}
.bbw-dalmatian-story__info strong {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
}
.bbw-dalmatian-story__info span {
    font-size: 12px;
    color: rgba(30,15,5,0.55);
    line-height: 1.55;
}
@media (max-width: 480px) {
    .bbw-dalmatian-story { border-radius: 16px; }
    .bbw-dalmatian-story__header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-dalmatian-story__card { padding: 11px 14px; gap: 12px; }
    .bbw-dalmatian-story__dot { width: 24px; height: 24px; font-size: 11px; }
    .bbw-dalmatian-story__info strong { font-size: 12px; }
    .bbw-dalmatian-story__info span { font-size: 11px; }
}


/* ════════════════════════════════════════════════════════════
   Strip horizontal spécifique homme plus size
════════════════════════════════════════════════════════════ */
@keyframes men-cs-shimmer {
    0%   { background-position: -200% center; }
    100% { background-position: 200% center; }
}
@keyframes men-cs-icon-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50%       { transform: scale(1.18); opacity: 0.75; }
}

.bbw-men-confidence-strip {
    display: flex;
    align-items: stretch;
    background: #000000;
    border: 1px solid rgba(201,150,62,0.40);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow:
        0 4px 18px rgba(0,0,0,0.20),
        0 0 0 1px rgba(201,150,62,0.10) inset;
}
.bbw-men-confidence-strip::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(201,150,62,0.70) 30%,
        rgba(232,188,106,1.00) 50%,
        rgba(201,150,62,0.70) 70%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: men-cs-shimmer 3s linear infinite;
    pointer-events: none;
    z-index: 2;
}

.bbw-men-cs-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 16px 10px;
    border-right: 1px solid rgba(201,150,62,0.18);
    position: relative;
    transition: background 0.25s ease;
    text-align: center;
    cursor: default;
}
.bbw-men-cs-item:last-child {
    border-right: none;
}
.bbw-men-cs-item:hover {
    background: rgba(201,150,62,0.06);
}

.bbw-men-cs-item i {
    font-size: 22px;
    color: #c9963e;
    flex-shrink: 0;
    animation: men-cs-icon-pulse 3s ease-in-out infinite;
    filter: drop-shadow(0 0 6px rgba(201,150,62,0.40));
}
.bbw-men-cs-item:nth-child(2) i { animation-delay: 0.8s; }
.bbw-men-cs-item:nth-child(3) i { animation-delay: 1.6s; }
.bbw-men-cs-item:nth-child(4) i { animation-delay: 2.4s; }

.bbw-men-cs-item strong {
    font-size: 12px;
    font-weight: 800;
    color: #c9963e;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
}

.bbw-men-cs-item span {
    font-size: 11px;
    color: rgba(253,249,244,0.55);
    line-height: 1.45;
    font-weight: 400;
    max-width: 90px;
}

@media (max-width: 480px) {
    .bbw-men-cs-item { padding: 12px 6px; gap: 5px; }
    .bbw-men-cs-item i { font-size: 18px; }
    .bbw-men-cs-item strong { font-size: 10px; }
    .bbw-men-cs-item span { font-size: 10px; max-width: 70px; }
}


/* ════════════════════════════════════════════════════════════
   BBW PERFORMANCE STRIP — Product40 AirMesh Runners
════════════════════════════════════════════════════════════ */
@keyframes perf-shimmer {
    0%   { background-position: -200% center; }
    100% { background-position: 200% center; }
}
@keyframes perf-bar-grow {
    0%   { width: 0%; }
    100% { width: var(--perf-w); }
}

.bbw-performance-strip {
    background: #000000;
    border: 1px solid rgba(201,150,62,0.40);
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    box-shadow:
        0 4px 20px rgba(0,0,0,0.22),
        0 0 0 1px rgba(201,150,62,0.08) inset;
}
.bbw-performance-strip::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(201,150,62,0.70) 30%,
        rgba(232,188,106,1.00) 50%,
        rgba(201,150,62,0.70) 70%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: perf-shimmer 3s linear infinite;
    pointer-events: none;
    z-index: 2;
}

.bbw-performance-strip__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 18px;
    background: rgba(201,150,62,0.06);
    border-bottom: 1px solid rgba(201,150,62,0.18);
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.bbw-performance-strip__header i {
    font-size: 0.95rem;
    color: #c9963e;
    flex-shrink: 0;
}

.bbw-performance-strip__metrics {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    z-index: 1;
}

.bbw-perf-metric {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    border-bottom: 1px solid rgba(201,150,62,0.08);
    transition: background 0.22s ease;
}
.bbw-perf-metric:last-child { border-bottom: none; }
.bbw-perf-metric:hover { background: rgba(201,150,62,0.04); }

.bbw-perf-metric__icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(201,150,62,0.10);
    border: 1px solid rgba(201,150,62,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #c9963e;
    flex-shrink: 0;
}

.bbw-perf-metric__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.bbw-perf-metric__label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bbw-perf-metric__label {
    font-size: 12px;
    font-weight: 700;
    color: rgba(253,249,244,0.80);
    letter-spacing: 0.03em;
}
.bbw-perf-metric__value {
    font-size: 12px;
    font-weight: 800;
    color: #c9963e;
    letter-spacing: 0.04em;
}

.bbw-perf-metric__bar-track {
    width: 100%;
    height: 5px;
    background: rgba(201,150,62,0.12);
    border-radius: 999px;
    overflow: hidden;
}
.bbw-perf-metric__bar-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #c9963e, #e8bc6a);
    width: var(--perf-w, 0%);
    animation: perf-bar-grow 1.2s cubic-bezier(0.4,0,0.2,1) forwards;
    position: relative;
    overflow: hidden;
}
.bbw-perf-metric__bar-fill::after {
    content: '';
    position: absolute;
    top: 0; left: -60%; bottom: 0; width: 60%;
    background: rgba(255,255,255,0.30);
    animation: shimmerBar 2s ease-in-out infinite;
}

@media (max-width: 480px) {
    .bbw-performance-strip__header { padding: 11px 14px; font-size: 0.68rem; }
    .bbw-perf-metric { padding: 10px 14px; gap: 10px; }
    .bbw-perf-metric__icon { width: 28px; height: 28px; font-size: 11px; }
    .bbw-perf-metric__label { font-size: 11px; }
    .bbw-perf-metric__value { font-size: 11px; }
}


/* ════════════════════════════════════════════════════════════
   BBW SNEAKER FEATURES GRID — Product43
════════════════════════════════════════════════════════════ */
.bbw-sneaker-features {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-sneaker-features::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}
.bbw-sneaker-features__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-sneaker-features__header i {
    color: #e8bc6a;
    font-size: 0.90rem;
    flex-shrink: 0;
}
.bbw-sneaker-features__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: rgba(201,150,62,0.06);
}
.bbw-sf-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 14px 15px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
    cursor: default;
    position: relative;
    overflow: hidden;
}
.bbw-sf-card::after {
    content: '';
    position: absolute;
    bottom: -20px; right: -20px;
    width: 60px; height: 60px;
    background: radial-gradient(circle, rgba(201,150,62,0.07) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.26s;
}
.bbw-sf-card:hover::after { opacity: 1; }
.bbw-sf-card:hover {
    background: rgba(253,249,244,0.97);
    transform: translateY(-2px);
}
.bbw-sf-card__icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(201,150,62,0.10);
    border: 1px solid rgba(201,150,62,0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #c9963e;
    flex-shrink: 0;
    margin-bottom: 2px;
    transition: background 0.22s ease, transform 0.22s ease;
}
.bbw-sf-card:hover .bbw-sf-card__icon {
    background: rgba(201,150,62,0.18);
    transform: scale(1.10) rotate(-6deg);
}
.bbw-sf-card__title {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
    line-height: 1.25;
}
.bbw-sf-card__text {
    font-size: 12px;
    color: rgba(30,15,5,0.55);
    line-height: 1.60;
}
@media (max-width: 480px) {
    .bbw-sneaker-features { border-radius: 16px; }
    .bbw-sneaker-features__header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-sneaker-features__grid { grid-template-columns: 1fr; }
    .bbw-sf-card { padding: 12px 14px; flex-direction: row; align-items: flex-start; gap: 12px; }
    .bbw-sf-card__icon { flex-shrink: 0; margin-bottom: 0; margin-top: 2px; }
    .bbw-sf-card__title { font-size: 12px; }
    .bbw-sf-card__text { font-size: 11px; }
}



/* ════════════════════════════════════════════════════════════
   BBW FORMAL OCCASION GUIDE — Product45 PatentLoafers
════════════════════════════════════════════════════════════ */
.bbw-formal-occasion-guide {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-formal-occasion-guide::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}
.bbw-formal-occasion-guide__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-formal-occasion-guide__header i {
    color: #e8bc6a;
    font-size: 0.90rem;
    flex-shrink: 0;
}
.bbw-formal-occasion-guide__list {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: rgba(201,150,62,0.06);
}
.bbw-fog-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
    cursor: default;
}
.bbw-fog-item:hover {
    background: rgba(253,249,244,0.96);
    transform: translateX(3px);
}
.bbw-fog-item__emoji {
    font-size: 22px;
    flex-shrink: 0;
    width: 34px;
    text-align: center;
}
.bbw-fog-item__info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 0;
}
.bbw-fog-item__info strong {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
}
.bbw-fog-item__info span {
    font-size: 12px;
    color: rgba(30,15,5,0.55);
    line-height: 1.45;
}
.bbw-fog-item__badge {
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: rgba(201,150,62,0.10);
    color: #c9963e;
    border: 1px solid rgba(201,150,62,0.25);
    border-radius: 50px;
    padding: 3px 9px;
    white-space: nowrap;
}
@media (max-width: 480px) {
    .bbw-formal-occasion-guide { border-radius: 16px; }
    .bbw-formal-occasion-guide__header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-fog-item { padding: 10px 14px; gap: 10px; }
    .bbw-fog-item__emoji { font-size: 18px; width: 28px; }
    .bbw-fog-item__info strong { font-size: 12px; }
    .bbw-fog-item__info span { font-size: 11px; }
    .bbw-fog-item__badge { font-size: 9px; }
}



/* ════════════════════════════════════════════════════════════
   BBW COLOR WARMTH STRIP — Product51 RoundNeck Sweatshirt
   5 couleurs en grille horizontale — style casual homme
════════════════════════════════════════════════════════════ */
.bbw-color-warmth {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-color-warmth::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}
.bbw-color-warmth__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-color-warmth__header i {
    color: #e8bc6a;
    font-size: 0.90rem;
    flex-shrink: 0;
}
.bbw-color-warmth__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1px;
    background: rgba(201,150,62,0.08);
}
.bbw-cw-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 14px 8px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
    cursor: default;
    text-align: center;
}
.bbw-cw-card:hover {
    background: rgba(253,249,244,0.97);
    transform: translateY(-2px);
}
.bbw-cw-dot {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(201,150,62,0.22);
    box-shadow: 0 2px 10px rgba(0,0,0,0.14);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.bbw-cw-card:hover .bbw-cw-dot {
    transform: scale(1.14);
    box-shadow: 0 4px 16px rgba(0,0,0,0.20);
}
.bbw-cw-name {
    font-size: 11px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
    line-height: 1.2;
}
.bbw-cw-mood {
    font-size: 10px;
    color: rgba(30,15,5,0.50);
    line-height: 1.4;
    font-style: italic;
}
@media (max-width: 480px) {
    .bbw-color-warmth__grid {
        grid-template-columns: repeat(5, 1fr);
    }
    .bbw-color-warmth__header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-cw-card { padding: 10px 4px; gap: 5px; }
    .bbw-cw-dot { width: 26px; height: 26px; }
    .bbw-cw-name { font-size: 9.5px; }
    .bbw-cw-mood { font-size: 9px; }
}



/* ════════════════════════════════════════════════════════════
   BBW NAIL HOW-TO — Guide application ongles P52
════════════════════════════════════════════════════════════ */
.bbw-nail-howto {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
}
.bbw-nail-howto::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(201,150,62,0.60) 30%,
        rgba(232,188,106,0.90) 50%,
        rgba(201,150,62,0.60) 70%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: goldSweep 3s linear infinite;
    pointer-events: none;
    z-index: 2;
}
.bbw-nail-howto__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 18px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.bbw-nail-howto__header i {
    color: #e8bc6a;
    font-size: 1rem;
    flex-shrink: 0;
}
.bbw-nail-howto__steps {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: rgba(201,150,62,0.06);
    position: relative;
    z-index: 1;
}
.bbw-nail-howto__step {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 13px 18px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
}
.bbw-nail-howto__step:hover {
    background: rgba(253,249,244,0.97);
    transform: translateX(3px);
}
.bbw-nail-howto__num {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 50%;
    background: #000000;
    color: #c9963e;
    font-size: 13px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(201,150,62,0.45);
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
    flex-shrink: 0;
    margin-top: 1px;
}
.bbw-nail-howto__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}
.bbw-nail-howto__body strong {
    font-size: 13px;
    font-weight: 800;
    color: #1a1005;
    line-height: 1.3;
}
.bbw-nail-howto__body span {
    font-size: 12px;
    color: rgba(30,15,5,0.60);
    line-height: 1.55;
}
.bbw-nail-howto__tip {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 18px 14px;
    background: rgba(201,150,62,0.06);
    border-top: 1px solid rgba(201,150,62,0.12);
}
.bbw-nail-howto__tip i {
    color: #c9963e;
    font-size: 13px;
    flex-shrink: 0;
    margin-top: 2px;
}
.bbw-nail-howto__tip span {
    font-size: 12px;
    color: rgba(30,15,5,0.58);
    line-height: 1.55;
}
.bbw-nail-howto__tip span strong {
    color: #c9963e;
    font-weight: 700;
}
@media (max-width: 480px) {
    .bbw-nail-howto { border-radius: 16px; }
    .bbw-nail-howto__header { font-size: 0.68rem; padding: 11px 14px; }
    .bbw-nail-howto__step { padding: 11px 14px; gap: 12px; }
    .bbw-nail-howto__num { width: 26px; height: 26px; min-width: 26px; font-size: 12px; }
    .bbw-nail-howto__body strong { font-size: 12px; }
    .bbw-nail-howto__body span { font-size: 11px; }
    .bbw-nail-howto__tip { padding: 11px 14px 13px; }
}


/* ════════════════════════════════════════════════════════════
   BBW BEAUTY PROMISE STRIP — produits beauté
════════════════════════════════════════════════════════════ */
@keyframes bbw-bp-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50%       { transform: scale(1.18); opacity: 0.75; }
}

.bbw-beauty-promise {
    display: flex;
    align-items: stretch;
    background: linear-gradient(135deg, #fffdf9 0%, #fdf6e9 50%, #fffdf9 100%);
    border: 1px solid rgba(201,150,62,0.35);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow:
        0 4px 18px rgba(201,150,62,0.10),
        0 0 0 1px rgba(201,150,62,0.08) inset;
}
.bbw-beauty-promise::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(201,150,62,0.70) 30%,
        rgba(232,188,106,1.00) 50%,
        rgba(201,150,62,0.70) 70%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: goldSweep 3s linear infinite;
    pointer-events: none;
    z-index: 2;
}
.bbw-bp-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 16px 10px;
    border-right: 1px solid rgba(201,150,62,0.18);
    position: relative;
    transition: background 0.25s ease;
    text-align: center;
    cursor: default;
}
.bbw-bp-item:last-child {
    border-right: none;
}
.bbw-bp-item:hover {
    background: rgba(201,150,62,0.06);
}
.bbw-bp-item i {
    font-size: 22px;
    color: #c9963e;
    flex-shrink: 0;
    animation: bbw-bp-pulse 3s ease-in-out infinite;
    filter: drop-shadow(0 0 6px rgba(201,150,62,0.35));
}
.bbw-bp-item:nth-child(2) i { animation-delay: 0.8s; }
.bbw-bp-item:nth-child(3) i { animation-delay: 1.6s; }
.bbw-bp-item:nth-child(4) i { animation-delay: 2.4s; }
.bbw-bp-item strong {
    font-size: 12px;
    font-weight: 800;
    color: #a87428;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
}
.bbw-bp-item span {
    font-size: 11px;
    color: rgba(80,55,20,0.65);
    line-height: 1.45;
    font-weight: 400;
    max-width: 90px;
}
@media (max-width: 480px) {
    .bbw-bp-item { padding: 12px 6px; gap: 5px; }
    .bbw-bp-item i { font-size: 18px; }
    .bbw-bp-item strong { font-size: 10px; }
    .bbw-bp-item span { font-size: 10px; max-width: 70px; }
}


/* ════════════════════════════════════════════════════════════
   BBW NAIL STYLE COMPARE — Product 53
════════════════════════════════════════════════════════════ */
.bbw-nail-style-compare {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-nail-style-compare::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}
.bbw-nail-style-compare__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-nail-style-compare__header i {
    color: #c9963e;
    font-size: 0.90rem;
    flex-shrink: 0;
}
.bbw-nail-style-compare__grid {
    display: flex;
    gap: 1px;
    background: rgba(201,150,62,0.08);
}
.bbw-nsc-col {
    flex: 1;
    padding: 16px 14px;
    background: rgba(255,255,255,0.85);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bbw-nsc-col--dark {
    background: rgba(10,6,2,0.96);
}
.bbw-nsc-col__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 50px;
    width: fit-content;
}
.bbw-nsc-col--light .bbw-nsc-col__badge {
    background: rgba(201,150,62,0.12);
    color: #c9963e;
    border: 1px solid rgba(201,150,62,0.30);
}
.bbw-nsc-col--dark .bbw-nsc-col__badge {
    background: rgba(201,150,62,0.15);
    color: #e8bc6a;
    border: 1px solid rgba(201,150,62,0.40);
}
.bbw-nsc-col__title {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
}
.bbw-nsc-col--light .bbw-nsc-col__title { color: #1a1005; }
.bbw-nsc-col--dark  .bbw-nsc-col__title { color: #e8bc6a; }
.bbw-nsc-col__desc {
    font-size: 12px;
    line-height: 1.65;
}
.bbw-nsc-col--light .bbw-nsc-col__desc { color: rgba(30,15,5,0.60); }
.bbw-nsc-col--dark  .bbw-nsc-col__desc { color: rgba(253,249,244,0.60); }
.bbw-nsc-col__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 2px;
}
.bbw-nsc-col__tags span {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 50px;
    letter-spacing: 0.04em;
}
.bbw-nsc-col--light .bbw-nsc-col__tags span {
    background: rgba(201,150,62,0.08);
    color: #c9963e;
    border: 1px solid rgba(201,150,62,0.20);
}
.bbw-nsc-col--dark .bbw-nsc-col__tags span {
    background: rgba(201,150,62,0.12);
    color: #e8bc6a;
    border: 1px solid rgba(201,150,62,0.28);
}
@media (max-width: 480px) {
    .bbw-nail-style-compare__grid { flex-direction: column; }
    .bbw-nsc-col { padding: 14px 14px; }
}




/* ════════════════════════════════════════════════════════════
   BBW BROW SHADES — Product55 BrowDye Pencil
   Guide des teintes pour crayon sourcil
════════════════════════════════════════════════════════════ */
.bbw-brow-shades {
    background: linear-gradient(135deg,
        rgba(255,255,255,0.90) 0%,
        rgba(253,249,244,0.95) 100%
    );
    border: 1px solid rgba(201,150,62,0.28);
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 4px 24px rgba(201,150,62,0.10),
        0 1px 0 rgba(255,255,255,0.80) inset;
    position: relative;
}
.bbw-brow-shades::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,150,62,0.45), transparent);
    pointer-events: none;
}
.bbw-brow-shades__header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 16px;
    background: #000000;
    color: #c9963e;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}
.bbw-brow-shades__header i {
    color: #e8bc6a;
    font-size: 0.90rem;
    flex-shrink: 0;
}
.bbw-brow-shades__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: rgba(201,150,62,0.06);
}
.bbw-brow-shade-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    padding: 16px 16px;
    background: rgba(255,255,255,0.85);
    transition: background 0.22s ease, transform 0.22s ease;
    cursor: default;
    position: relative;
    overflow: hidden;
}
.bbw-brow-shade-card::after {
    content: '';
    position: absolute;
    bottom: -20px; right: -20px;
    width: 60px; height: 60px;
    background: radial-gradient(circle, rgba(201,150,62,0.07) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.26s;
}
.bbw-brow-shade-card:hover::after { opacity: 1; }
.bbw-brow-shade-card:hover {
    background: rgba(253,249,244,0.97);
    transform: translateY(-2px);
}
.bbw-brow-shade-card__swatch {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2.5px solid rgba(201,150,62,0.25);
    box-shadow: 0 3px 10px rgba(0,0,0,0.16);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
    margin-bottom: 2px;
}
.bbw-brow-shade-card:hover .bbw-brow-shade-card__swatch {
    transform: scale(1.12);
    box-shadow: 0 5px 16px rgba(0,0,0,0.22);
}
.bbw-brow-shade-card__name {
    font-size: 14px;
    font-weight: 800;
    color: #1a1005;
    letter-spacing: 0.02em;
    line-height: 1.2;
}
.bbw-brow-shade-card__tag {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    color: #c9963e;
    background: rgba(201,150,62,0.10);
    border: 1px solid rgba(201,150,62,0.22);
    border-radius: 50px;
    padding: 3px 10px;
    letter-spacing: 0.04em;
    white-space: nowrap;
}
.bbw-brow-shade-card__desc {
    font-size: 12px;
    color: rgba(30,15,5,0.55);
    line-height: 1.60;
}
.bbw-brow-shade-card__best {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: rgba(30,15,5,0.55);
    margin-top: 2px;
}
.bbw-brow-shade-card__best i {
    color: #c9963e;
    font-size: 11px;
    flex-shrink: 0;
}

@media (max-width: 480px) {
    .bbw-brow-shades { border-radius: 16px; }
    .bbw-brow-shades__header { font-size: 0.68rem; padding: 10px 14px; }
    .bbw-brow-shades__grid { grid-template-columns: 1fr; }
    .bbw-brow-shade-card { padding: 13px 14px; flex-direction: row; align-items: flex-start; gap: 14px; }
    .bbw-brow-shade-card__swatch { flex-shrink: 0; width: 36px; height: 36px; margin-bottom: 0; margin-top: 2px; }
    .bbw-brow-shade-card__name { font-size: 13px; }
    .bbw-brow-shade-card__desc { font-size: 11px; }
}



/* ════════════════════════════════════════════════════════════
   BBW BROW SHADES — __body wrapper fix
════════════════════════════════════════════════════════════ */
.bbw-brow-shade-card__body {
    display: flex;
    flex-direction: column;
    gap: 7px;
    flex: 1;
    min-width: 0;
}

@media (max-width: 480px) {
    .bbw-brow-shades__grid { grid-template-columns: 1fr 1fr; }
    .bbw-brow-shade-card {
        padding: 13px 10px;
        flex-direction: column;
        align-items: flex-start;
        gap: 7px;
    }
    .bbw-brow-shade-card__swatch {
        width: 34px;
        height: 34px;
        margin-bottom: 0;
    }
    .bbw-brow-shade-card__name { font-size: 12px; }
    .bbw-brow-shade-card__desc { font-size: 11px; }
    .bbw-brow-shade-card__tag { font-size: 10px; }
    .bbw-brow-shade-card__best { font-size: 10px; }
}