/**
 * Kubra's Elegance — Page Les Matières V2
 * Page éditoriale, SEO, responsive et animée.
 */

html.vvv-kubras-matieres-page,
body.vvv-kubras-matieres-page,
body:has(.vvv-designer-kubraselegance-matieres) {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  overscroll-behavior-x: none;
}

body:has(.vvv-designer-kubraselegance-matieres) {
  position: relative;
  background: #fffaf2;
}

body:has(.vvv-designer-kubraselegance-matieres) main,
body:has(.vvv-designer-kubraselegance-matieres) .site-main,
body:has(.vvv-designer-kubraselegance-matieres) .elementor,
body:has(.vvv-designer-kubraselegance-matieres) .elementor-section,
body:has(.vvv-designer-kubraselegance-matieres) .elementor-container,
body:has(.vvv-designer-kubraselegance-matieres) .e-con,
body:has(.vvv-designer-kubraselegance-matieres) .e-con-inner,
body:has(.vvv-designer-kubraselegance-matieres) .elementor-widget,
body:has(.vvv-designer-kubraselegance-matieres) .elementor-widget-container {
  width: 100%;
  max-width: 100% !important;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow-x: clip;
}

.vvv-designer-kubraselegance-matieres,
.vvv-designer-kubraselegance-matieres *,
.vvv-designer-kubraselegance-matieres *::before,
.vvv-designer-kubraselegance-matieres *::after {
  box-sizing: border-box;
}

.vvv-designer-kubraselegance-matieres {
  --km-black: #080604;
  --km-brown: #21170f;
  --km-cream: #fffaf2;
  --km-white: #ffffff;
  --km-gold: #c9a45f;
  --km-gold-light: #ead7a7;
  --km-text: #564b42;
  --km-muted: #7b7067;
  --km-line: rgba(33, 23, 15, 0.14);
  --km-gutter: clamp(18px, 4vw, 76px);
  --km-max: 1500px;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  overflow-y: visible;
  overscroll-behavior-x: none;
  background: var(--km-cream);
  color: var(--km-black);
  font-family: var(--vvv-designer-kubraselegance-font-text, "Inter", "Manrope", Arial, sans-serif);
}

.vvv-designer-kubraselegance-matieres a { color: inherit; }
.vvv-designer-kubraselegance-matieres button,
.vvv-designer-kubraselegance-matieres a { -webkit-tap-highlight-color: transparent; }
.vvv-designer-kubraselegance-matieres button:focus-visible,
.vvv-designer-kubraselegance-matieres a:focus-visible,
.vvv-designer-kubraselegance-matieres [tabindex]:focus-visible {
  outline: 2px solid var(--km-gold) !important;
  outline-offset: 4px;
}

.vvv-designer-kubraselegance-matieres__skip {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 10020;
  padding: 12px 16px;
  background: var(--km-cream);
  color: var(--km-black);
  font-size: 11px;
  font-weight: 700;
  transform: translateY(-180%);
}
.vvv-designer-kubraselegance-matieres__skip:focus { transform: translateY(0); }

.vvv-designer-kubraselegance-matieres__eyebrow {
  margin: 0;
  color: var(--km-gold);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.22em;
  line-height: 1.4;
  text-transform: uppercase;
}

/* HERO */
.vvv-designer-kubraselegance-matieres-hero {
  position: relative;
  display: grid;
  min-height: 100svh;
  overflow: hidden;
  background:
    radial-gradient(circle at 72% 34%, rgba(201,164,95,.28), transparent 27%),
    linear-gradient(125deg, #080604 0%, #21170f 50%, #6c5537 100%);
  color: var(--km-cream);
  isolation: isolate;
  place-items: center;
}

.vvv-designer-kubraselegance-matieres-hero__media {
  position: absolute;
  inset: -5%;
  z-index: -4;
  background:
    linear-gradient(90deg, rgba(8,6,4,.94) 0%, rgba(8,6,4,.68) 43%, rgba(8,6,4,.2) 76%, rgba(8,6,4,.48) 100%),
    radial-gradient(circle at 75% 35%, rgba(234,215,167,.5), transparent 25%),
    linear-gradient(140deg, #21170f 0%, #987c52 100%);
  background-position: center;
  background-size: cover;
  filter: saturate(.88);
  transform: scale(1.06);
}

.vvv-designer-kubraselegance-matieres-hero__veil {
  position: absolute;
  top: -30%;
  right: -12%;
  z-index: -2;
  width: min(72vw, 1120px);
  aspect-ratio: 1.4;
  border: 1px solid rgba(255,250,242,.12);
  border-radius: 48% 52% 40% 60% / 40% 38% 62% 60%;
  background:
    radial-gradient(circle at 43% 42%, rgba(255,250,242,.18), transparent 47%),
    linear-gradient(125deg, rgba(255,250,242,.02), rgba(201,164,95,.22));
  box-shadow: inset 0 0 100px rgba(255,250,242,.06), 0 50px 180px rgba(8,6,4,.35);
  opacity: .84;
  transform: rotate(-12deg);
  pointer-events: none;
}

.vvv-designer-kubraselegance-matieres-hero__grain {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .17;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
  pointer-events: none;
}

.vvv-designer-kubraselegance-matieres-hero__content {
  position: relative;
  z-index: 4;
  width: min(100%, var(--km-max));
  padding: clamp(150px,18vh,230px) var(--km-gutter) clamp(90px,11vh,140px);
}

.vvv-designer-kubraselegance-matieres-hero h1 {
  max-width: 1050px;
  margin: clamp(20px,3vh,38px) 0 0;
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(58px,9vw,150px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .78;
}
.vvv-designer-kubraselegance-matieres-hero h1 span {
  display: block;
  margin-left: clamp(0px,7vw,120px);
  color: var(--km-gold-light);
  font-style: italic;
}
.vvv-designer-kubraselegance-matieres-hero__lead {
  max-width: 660px;
  margin: clamp(32px,5vh,58px) 0 0 clamp(0px,7vw,120px);
  color: rgba(255,250,242,.78);
  font-size: clamp(14px,1.2vw,18px);
  line-height: 1.9;
}
.vvv-designer-kubraselegance-matieres-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 28px;
  margin: 34px 0 0 clamp(0px,7vw,120px);
  color: rgba(255,250,242,.52);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.vvv-designer-kubraselegance-matieres-hero__meta span { position: relative; }
.vvv-designer-kubraselegance-matieres-hero__meta span:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -16px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--km-gold);
  content: "";
  transform: translateY(-50%);
}
.vvv-designer-kubraselegance-matieres-hero__scroll {
  position: absolute;
  right: var(--km-gutter);
  bottom: 42px;
  display: grid;
  gap: 14px;
  color: rgba(255,250,242,.68);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .18em;
  text-decoration: none;
  text-transform: uppercase;
  place-items: center;
}
.vvv-designer-kubraselegance-matieres-hero__scroll i {
  position: relative;
  display: block;
  width: 1px;
  height: 58px;
  overflow: hidden;
  background: rgba(255,250,242,.24);
}
.vvv-designer-kubraselegance-matieres-hero__scroll i::after {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--km-gold);
  content: "";
  animation: vvv-kubras-matieres-scroll 2.2s ease-in-out infinite;
}
.vvv-designer-kubraselegance-matieres-hero__word {
  position: absolute;
  right: -.04em;
  bottom: -.2em;
  color: rgba(255,250,242,.035);
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(120px,25vw,430px);
  font-style: italic;
  line-height: .72;
  pointer-events: none;
  white-space: nowrap;
}
@keyframes vvv-kubras-matieres-scroll {
  0% { transform: translateY(0); }
  65%, 100% { transform: translateY(200%); }
}

/* NAVIGATION DU GUIDE */
.vvv-designer-kubraselegance-matieres-nav {
  position: sticky;
  top: var(--km-sticky-top, 117px);
  z-index: 80;
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 30px;
  min-height: 62px;
  padding: 0 var(--km-gutter);
  border-bottom: 1px solid rgba(33,23,15,.09);
  background: rgba(255,250,242,.9);
  box-shadow: 0 10px 35px rgba(33,23,15,.04);
  backdrop-filter: blur(18px);
}
.vvv-designer-kubraselegance-matieres-nav__label {
  color: var(--km-gold);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.vvv-designer-kubraselegance-matieres-nav__links {
  display: flex;
  gap: clamp(18px,2vw,34px);
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.vvv-designer-kubraselegance-matieres-nav__links::-webkit-scrollbar { display: none; }
.vvv-designer-kubraselegance-matieres-nav a {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 62px;
  color: rgba(33,23,15,.5);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .13em;
  text-decoration: none;
  text-transform: uppercase;
}
.vvv-designer-kubraselegance-matieres-nav a::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: var(--km-gold);
  content: "";
  transform: scaleX(0);
  transition: transform .3s ease;
}
.vvv-designer-kubraselegance-matieres-nav a:hover,
.vvv-designer-kubraselegance-matieres-nav a.is-active { color: var(--km-black); }
.vvv-designer-kubraselegance-matieres-nav a.is-active::after { transform: scaleX(1); }

/* TITRES */
.vvv-designer-kubraselegance-matieres-intro h2,
.vvv-designer-kubraselegance-matieres-selector h2,
.vvv-designer-kubraselegance-matieres-compare h2,
.vvv-designer-kubraselegance-matieres-label h2,
.vvv-designer-kubraselegance-matieres-faq h2,
.vvv-designer-kubraselegance-matieres-next h2 {
  margin: 22px 0 0;
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(48px,6vw,96px);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: .92;
}

/* INTRO */
.vvv-designer-kubraselegance-matieres-intro {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(340px,.9fr);
  gap: clamp(60px,9vw,170px);
  width: min(100%,var(--km-max));
  margin: 0 auto;
  padding: clamp(110px,14vw,220px) var(--km-gutter);
}
.vvv-designer-kubraselegance-matieres-intro__number {
  position: absolute;
  top: 90px;
  right: var(--km-gutter);
  color: rgba(33,23,15,.045);
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(180px,24vw,390px);
  line-height: .7;
  pointer-events: none;
}
.vvv-designer-kubraselegance-matieres-intro__heading {
  position: relative;
  align-self: start;
}
.vvv-designer-kubraselegance-matieres-intro__copy {
  position: relative;
  z-index: 2;
  padding-top: clamp(110px,13vw,190px);
}
.vvv-designer-kubraselegance-matieres-intro__copy > p {
  margin: 0 0 28px;
  color: var(--km-text);
  font-size: 14px;
  line-height: 1.95;
}
.vvv-designer-kubraselegance-matieres-intro__copy > .is-lead {
  color: var(--km-black);
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(27px,2.4vw,41px);
  line-height: 1.2;
}
.vvv-designer-kubraselegance-matieres-note {
  margin-top: 50px;
  padding: 30px 32px 30px 38px;
  border-left: 1px solid var(--km-gold);
  background: rgba(201,164,95,.06);
}
.vvv-designer-kubraselegance-matieres-note > span {
  color: var(--km-gold);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.vvv-designer-kubraselegance-matieres-note p {
  margin: 13px 0 0;
  color: var(--km-text);
  font-size: 12px;
  line-height: 1.85;
}

/* SELECTEUR */
.vvv-designer-kubraselegance-matieres-selector {
  padding: clamp(100px,12vw,180px) var(--km-gutter);
  background: radial-gradient(circle at 5% 10%, rgba(201,164,95,.16), transparent 24%), var(--km-black);
  color: var(--km-cream);
}
.vvv-designer-kubraselegance-matieres-selector__head {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(290px,.5fr);
  align-items: end;
  gap: clamp(44px,8vw,130px);
  width: min(100%,var(--km-max));
  margin: 0 auto;
}
.vvv-designer-kubraselegance-matieres-selector h2 { color: var(--km-cream); }
.vvv-designer-kubraselegance-matieres-selector__head > p {
  margin: 0;
  color: rgba(255,250,242,.58);
  font-size: 12px;
  line-height: 1.85;
}
.vvv-designer-kubraselegance-matieres-selector__choices {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: min(100%,var(--km-max));
  margin: 66px auto 0;
}
.vvv-designer-kubraselegance-matieres-selector__choices button {
  min-height: 48px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,250,242,.07);
  color: rgba(255,250,242,.62);
  font: 700 8px/1 var(--vvv-designer-kubraselegance-font-text, "Inter", "Manrope", Arial, sans-serif);
  letter-spacing: .14em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .25s ease,color .25s ease,transform .25s ease;
}
.vvv-designer-kubraselegance-matieres-selector__choices button:hover,
.vvv-designer-kubraselegance-matieres-selector__choices button.is-active {
  background: var(--km-gold);
  color: var(--km-black);
  transform: translateY(-2px);
}
.vvv-designer-kubraselegance-matieres-selector__cards {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  width: min(100%,var(--km-max));
  margin: 38px auto 0;
  border-top: 1px solid rgba(255,250,242,.12);
  border-left: 1px solid rgba(255,250,242,.12);
}
.vvv-designer-kubraselegance-matieres-selector__card {
  position: relative;
  display: flex;
  min-height: 260px;
  padding: 26px;
  overflow: hidden;
  border-right: 1px solid rgba(255,250,242,.12);
  border-bottom: 1px solid rgba(255,250,242,.12);
  flex-direction: column;
  text-decoration: none;
  transition: background .35s ease,opacity .35s ease,transform .35s ease;
}
.vvv-designer-kubraselegance-matieres-selector__card::after {
  position: absolute;
  right: -55px;
  bottom: -55px;
  width: 140px;
  height: 140px;
  border: 1px solid rgba(201,164,95,.25);
  border-radius: 50%;
  content: "";
  transition: transform .45s ease;
}
.vvv-designer-kubraselegance-matieres-selector__card:hover,
.vvv-designer-kubraselegance-matieres-selector__card.is-recommended {
  background: linear-gradient(145deg, rgba(201,164,95,.18), rgba(201,164,95,.02));
}
.vvv-designer-kubraselegance-matieres-selector__card:hover { transform: translateY(-6px); }
.vvv-designer-kubraselegance-matieres-selector__card:hover::after { transform: scale(1.45); }
.vvv-designer-kubraselegance-matieres-selector__card.is-muted { opacity: .3; }
.vvv-designer-kubraselegance-matieres-selector__card > span {
  color: var(--km-gold);
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: 17px;
}
.vvv-designer-kubraselegance-matieres-selector__card strong {
  margin-top: auto;
  color: var(--km-cream);
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(25px,2vw,34px);
  font-weight: 400;
  line-height: 1;
}
.vvv-designer-kubraselegance-matieres-selector__card small {
  margin-top: 13px;
  color: rgba(255,250,242,.48);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* STORIES */
.vvv-designer-kubraselegance-matieres-story {
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(410px,.92fr);
  min-height: min(1000px,100svh);
  background: var(--km-black);
  color: var(--km-cream);
}
.vvv-designer-kubraselegance-matieres-story.is-reversed { grid-template-columns: minmax(410px,.92fr) minmax(0,1.08fr); }
.vvv-designer-kubraselegance-matieres-story.is-reversed .vvv-designer-kubraselegance-matieres-story__media { grid-column: 2; }
.vvv-designer-kubraselegance-matieres-story.is-reversed .vvv-designer-kubraselegance-matieres-story__body { grid-column: 1; grid-row: 1; }
.vvv-designer-kubraselegance-matieres-story.is-light { background: var(--km-cream); color: var(--km-black); }
.vvv-designer-kubraselegance-matieres-story.is-gold { background: #6f5839; color: var(--km-cream); }
.vvv-designer-kubraselegance-matieres-story__media {
  position: relative;
  min-height: 720px;
  overflow: hidden;
  background:
    radial-gradient(circle at 55% 35%, rgba(255,250,242,.22), transparent 26%),
    repeating-linear-gradient(125deg, rgba(255,250,242,.025) 0, rgba(255,250,242,.025) 2px, transparent 2px, transparent 13px),
    linear-gradient(135deg, #8c7552, #2e2218);
  background-position: center;
  background-size: cover;
  isolation: isolate;
}
.vvv-designer-kubraselegance-matieres-story.is-light .vvv-designer-kubraselegance-matieres-story__media {
  background:
    radial-gradient(circle at 45% 35%, rgba(255,255,255,.62), transparent 26%),
    repeating-linear-gradient(120deg, rgba(33,23,15,.025) 0, rgba(33,23,15,.025) 2px, transparent 2px, transparent 14px),
    linear-gradient(135deg, #efe6d8, #a78963);
}
.vvv-designer-kubraselegance-matieres-story__media::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, transparent 50%, rgba(8,6,4,.56) 100%);
  content: "";
}
.vvv-designer-kubraselegance-matieres-story__media > span {
  position: absolute;
  right: 25px;
  bottom: -.13em;
  color: rgba(255,250,242,.14);
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(100px,14vw,240px);
  font-style: italic;
  line-height: .8;
}
.vvv-designer-kubraselegance-matieres-story__body {
  position: relative;
  display: flex;
  justify-content: center;
  padding: clamp(110px,10vw,180px) clamp(34px,6vw,100px);
  flex-direction: column;
}
.vvv-designer-kubraselegance-matieres-story__index {
  position: absolute;
  top: 44px;
  right: 44px;
  color: rgba(255,250,242,.34);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.vvv-designer-kubraselegance-matieres-story.is-light .vvv-designer-kubraselegance-matieres-story__index { color: rgba(33,23,15,.34); }
.vvv-designer-kubraselegance-matieres-story h2 {
  margin: 20px 0 0;
  color: inherit;
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(58px,7vw,112px);
  font-weight: 400;
  letter-spacing: -.05em;
  line-height: .84;
}
.vvv-designer-kubraselegance-matieres-story__body > p {
  max-width: 650px;
  margin: 24px 0 0;
  color: rgba(255,250,242,.6);
  font-size: 12px;
  line-height: 1.9;
}
.vvv-designer-kubraselegance-matieres-story.is-light .vvv-designer-kubraselegance-matieres-story__body > p { color: var(--km-text); }
.vvv-designer-kubraselegance-matieres-story__body > .is-lead {
  color: inherit;
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(24px,2.15vw,36px);
  line-height: 1.2;
}
.vvv-designer-kubraselegance-matieres-story__facts {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  margin-top: 46px;
  border-top: 1px solid rgba(255,250,242,.14);
  border-left: 1px solid rgba(255,250,242,.14);
}
.vvv-designer-kubraselegance-matieres-story.is-light .vvv-designer-kubraselegance-matieres-story__facts { border-color: var(--km-line); }
.vvv-designer-kubraselegance-matieres-story__facts > div {
  min-height: 88px;
  padding: 18px;
  border-right: 1px solid rgba(255,250,242,.14);
  border-bottom: 1px solid rgba(255,250,242,.14);
}
.vvv-designer-kubraselegance-matieres-story.is-light .vvv-designer-kubraselegance-matieres-story__facts > div { border-color: var(--km-line); }
.vvv-designer-kubraselegance-matieres-story__facts span {
  display: block;
  color: var(--km-gold);
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.vvv-designer-kubraselegance-matieres-story__facts strong {
  display: block;
  margin-top: 9px;
  color: inherit;
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: 21px;
  font-weight: 400;
}
.vvv-designer-kubraselegance-matieres-story__ideal {
  display: grid;
  grid-template-columns: 100px minmax(0,1fr);
  gap: 20px;
  margin-top: 30px;
  padding-top: 28px;
  border-top: 1px solid rgba(255,250,242,.12);
}
.vvv-designer-kubraselegance-matieres-story.is-light .vvv-designer-kubraselegance-matieres-story__ideal { border-color: var(--km-line); }
.vvv-designer-kubraselegance-matieres-story__ideal span {
  color: var(--km-gold);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.vvv-designer-kubraselegance-matieres-story__ideal p {
  margin: 0;
  color: rgba(255,250,242,.58);
  font-size: 11px;
  line-height: 1.75;
}
.vvv-designer-kubraselegance-matieres-story.is-light .vvv-designer-kubraselegance-matieres-story__ideal p { color: var(--km-text); }
.vvv-designer-kubraselegance-matieres__text-link {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 18px;
  margin-top: 42px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--km-gold);
  color: inherit;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .15em;
  text-decoration: none;
  text-transform: uppercase;
}
.vvv-designer-kubraselegance-matieres__text-link span { color: var(--km-gold); font-size: 15px; transition: transform .25s ease; }
.vvv-designer-kubraselegance-matieres__text-link:hover span { transform: translate(3px,-3px); }

/* COMPARATIF */
.vvv-designer-kubraselegance-matieres-compare {
  padding: clamp(110px,13vw,200px) var(--km-gutter);
  background: #f1e9de;
}
.vvv-designer-kubraselegance-matieres-compare__heading {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(300px,.42fr);
  align-items: end;
  gap: clamp(50px,9vw,150px);
  width: min(100%,var(--km-max));
  margin: 0 auto;
}
.vvv-designer-kubraselegance-matieres-compare__heading > p {
  margin: 0;
  color: var(--km-text);
  font-size: 12px;
  line-height: 1.8;
}
.vvv-designer-kubraselegance-matieres-compare__scroll {
  width: min(100%,var(--km-max));
  margin: 70px auto 0;
  overflow-x: auto;
  background: var(--km-cream);
  box-shadow: 0 30px 90px rgba(33,23,15,.08);
}
.vvv-designer-kubraselegance-matieres-compare table { width: 100%; min-width: 980px; border-collapse: collapse; }
.vvv-designer-kubraselegance-matieres-compare th,
.vvv-designer-kubraselegance-matieres-compare td {
  padding: 24px 22px;
  border-right: 1px solid rgba(33,23,15,.08);
  border-bottom: 1px solid rgba(33,23,15,.08);
  text-align: left;
}
.vvv-designer-kubraselegance-matieres-compare thead th {
  background: var(--km-black);
  color: rgba(255,250,242,.64);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.vvv-designer-kubraselegance-matieres-compare tbody th {
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: 22px;
  font-weight: 500;
}
.vvv-designer-kubraselegance-matieres-compare tbody td { color: var(--km-text); font-size: 11px; }
.vvv-designer-kubraselegance-matieres-compare tbody tr:hover { background: rgba(201,164,95,.06); }
.vvv-designer-kubraselegance-matieres-compare__mobile-hint {
  display: none;
  margin: 16px 0 0;
  color: var(--km-muted);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .12em;
  text-align: center;
  text-transform: uppercase;
}

/* COMPOSITION */
.vvv-designer-kubraselegance-matieres-label {
  display: grid;
  grid-template-columns: minmax(320px,.72fr) minmax(0,1.28fr);
  min-height: 940px;
  background: var(--km-cream);
}
.vvv-designer-kubraselegance-matieres-label__visual {
  position: relative;
  display: grid;
  overflow: hidden;
  background: repeating-linear-gradient(0deg, rgba(255,250,242,.035) 0, rgba(255,250,242,.035) 1px, transparent 1px, transparent 8px), var(--km-brown);
  color: var(--km-cream);
  place-items: center;
}
.vvv-designer-kubraselegance-matieres-label__visual::after {
  position: absolute;
  inset: 12%;
  border: 1px solid rgba(255,250,242,.12);
  content: "";
}
.vvv-designer-kubraselegance-matieres-label__visual > span {
  color: rgba(201,164,95,.17);
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(230px,32vw,520px);
  line-height: .65;
}
.vvv-designer-kubraselegance-matieres-label__visual > div { position: absolute; display: grid; gap: 5px; text-align: center; }
.vvv-designer-kubraselegance-matieres-label__visual small {
  color: var(--km-gold);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.vvv-designer-kubraselegance-matieres-label__visual strong {
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(35px,4vw,65px);
  font-weight: 400;
  line-height: .9;
}
.vvv-designer-kubraselegance-matieres-label__content {
  display: flex;
  justify-content: center;
  padding: clamp(100px,10vw,170px) clamp(34px,7vw,120px);
  flex-direction: column;
}
.vvv-designer-kubraselegance-matieres-label__content > .is-lead {
  max-width: 760px;
  margin: 30px 0 0;
  color: var(--km-text);
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(23px,2vw,34px);
  line-height: 1.28;
}
.vvv-designer-kubraselegance-matieres-label__steps {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  margin-top: 52px;
  border-top: 1px solid var(--km-line);
  border-left: 1px solid var(--km-line);
}
.vvv-designer-kubraselegance-matieres-label__steps > div {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  gap: 15px;
  min-height: 130px;
  padding: 24px;
  border-right: 1px solid var(--km-line);
  border-bottom: 1px solid var(--km-line);
}
.vvv-designer-kubraselegance-matieres-label__steps span {
  color: var(--km-gold);
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: 15px;
}
.vvv-designer-kubraselegance-matieres-label__steps p { margin: 0; color: var(--km-text); font-size: 10px; line-height: 1.75; }
.vvv-designer-kubraselegance-matieres-label__steps strong {
  display: block;
  margin-bottom: 8px;
  color: var(--km-black);
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: 21px;
  font-weight: 500;
}
.vvv-designer-kubraselegance-matieres-note.is-dark { margin-top: 42px; background: var(--km-black); }
.vvv-designer-kubraselegance-matieres-note.is-dark p { color: rgba(255,250,242,.62); }

/* FAQ */
.vvv-designer-kubraselegance-matieres-faq {
  display: grid;
  grid-template-columns: minmax(300px,.7fr) minmax(0,1.3fr);
  gap: clamp(60px,10vw,170px);
  width: min(100%,var(--km-max));
  margin: 0 auto;
  padding: clamp(110px,13vw,200px) var(--km-gutter);
}
.vvv-designer-kubraselegance-matieres-faq__heading { position: sticky; top: 120px; align-self: start; }
.vvv-designer-kubraselegance-matieres-faq__list { border-top: 1px solid var(--km-line); }
.vvv-designer-kubraselegance-matieres-faq__item { border-bottom: 1px solid var(--km-line); }
.vvv-designer-kubraselegance-matieres-faq__item h3 { margin: 0; }
.vvv-designer-kubraselegance-matieres-faq__item button {
  display: grid;
  grid-template-columns: minmax(0,1fr) 38px;
  align-items: center;
  gap: 20px;
  width: 100%;
  min-height: 110px;
  padding: 26px 0;
  border: 0;
  background: transparent;
  color: var(--km-black);
  font-family: var(--vvv-designer-kubraselegance-font-title, "Bodoni Moda", Georgia, serif);
  font-size: clamp(22px,2vw,30px);
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
}
.vvv-designer-kubraselegance-matieres-faq__item i {
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(201,164,95,.1);
}
.vvv-designer-kubraselegance-matieres-faq__item i::before,
.vvv-designer-kubraselegance-matieres-faq__item i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1px;
  background: var(--km-gold);
  content: "";
  transition: transform .25s ease;
  transform: translate(-50%,-50%);
}
.vvv-designer-kubraselegance-matieres-faq__item i::after { transform: translate(-50%,-50%) rotate(90deg); }
.vvv-designer-kubraselegance-matieres-faq__item button[aria-expanded="true"] i::after { transform: translate(-50%,-50%) rotate(0deg); }
.vvv-designer-kubraselegance-matieres-faq__answer { overflow: hidden; }
.vvv-designer-kubraselegance-matieres-faq__answer p {
  max-width: 720px;
  margin: 0;
  padding: 0 70px 34px 0;
  color: var(--km-text);
  font-size: 12px;
  line-height: 1.9;
}

/* CTA */
.vvv-designer-kubraselegance-matieres-next {
  position: relative;
  display: grid;
  min-height: 88svh;
  overflow: hidden;
  color: var(--km-cream);
  isolation: isolate;
  place-items: center;
}
.vvv-designer-kubraselegance-matieres-next__media {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(8,6,4,.92), rgba(8,6,4,.58), rgba(8,6,4,.72)),
    radial-gradient(circle at 70% 42%, rgba(201,164,95,.46), transparent 22%),
    linear-gradient(135deg, #21170f, #806845);
  background-position: center;
  background-size: cover;
}
.vvv-designer-kubraselegance-matieres-next::after {
  position: absolute;
  inset: 22px;
  z-index: -1;
  border: 1px solid rgba(255,250,242,.13);
  content: "";
  pointer-events: none;
}
.vvv-designer-kubraselegance-matieres-next__content {
  width: min(100%,920px);
  padding: 100px var(--km-gutter);
  text-align: center;
}
.vvv-designer-kubraselegance-matieres-next h2 { color: var(--km-cream); }
.vvv-designer-kubraselegance-matieres-next__content > p:not(.vvv-designer-kubraselegance-matieres__eyebrow) {
  max-width: 660px;
  margin: 32px auto 0;
  color: rgba(255,250,242,.64);
  font-size: 12px;
  line-height: 1.9;
}
.vvv-designer-kubraselegance-matieres-next__actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 42px;
}
.vvv-designer-kubraselegance-matieres-next__actions a {
  display: inline-grid;
  min-width: 210px;
  min-height: 56px;
  padding: 0 24px;
  border: 0;
  background: var(--km-gold);
  color: var(--km-black);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .14em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .25s ease,color .25s ease,transform .25s ease;
  place-items: center;
}
.vvv-designer-kubraselegance-matieres-next__actions a.is-light {
  background: rgba(255,250,242,.1);
  color: var(--km-cream);
  backdrop-filter: blur(14px);
}
.vvv-designer-kubraselegance-matieres-next__actions a:hover {
  background: var(--km-cream);
  color: var(--km-black);
  transform: translateY(-3px);
}

@media (max-width: 1100px) {
  .vvv-designer-kubraselegance-matieres-selector__cards { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .vvv-designer-kubraselegance-matieres-story,
  .vvv-designer-kubraselegance-matieres-story.is-reversed { grid-template-columns: 1fr 1fr; }
  .vvv-designer-kubraselegance-matieres-story__body { padding-right: 42px; padding-left: 42px; }
  .vvv-designer-kubraselegance-matieres-label { grid-template-columns: minmax(280px,.6fr) minmax(0,1.4fr); }
}

@media (max-width: 780px) {
  .vvv-designer-kubraselegance-matieres { --km-gutter: 18px; }
  .vvv-designer-kubraselegance-matieres-hero__media {
    background:
      linear-gradient(180deg, rgba(8,6,4,.64), rgba(8,6,4,.5) 34%, rgba(8,6,4,.92)),
      radial-gradient(circle at 72% 28%, rgba(234,215,167,.42), transparent 24%),
      linear-gradient(140deg, #21170f, #806845);
    background-position: center;
    background-size: cover;
  }
  .vvv-designer-kubraselegance-matieres-hero__veil {
    top: -4%;
    right: -34%;
    width: min(132vw, 720px);
    max-width: none;
  }
  .vvv-designer-kubraselegance-matieres-hero__content {
    display: flex;
    min-height: 100svh;
    padding: 145px 18px 88px;
    justify-content: flex-end;
    flex-direction: column;
  }
  .vvv-designer-kubraselegance-matieres-hero h1 { margin-top: 20px; font-size: clamp(52px,17.5vw,82px); line-height: .83; }
  .vvv-designer-kubraselegance-matieres-hero h1 span,
  .vvv-designer-kubraselegance-matieres-hero__lead,
  .vvv-designer-kubraselegance-matieres-hero__meta { margin-left: 0; }
  .vvv-designer-kubraselegance-matieres-hero__lead { margin-top: 28px; font-size: 13px; line-height: 1.75; }
  .vvv-designer-kubraselegance-matieres-hero__meta { gap: 9px 20px; margin-top: 22px; }
  .vvv-designer-kubraselegance-matieres-hero__meta span:last-child { width: 100%; }
  .vvv-designer-kubraselegance-matieres-hero__scroll { display: none; }
  .vvv-designer-kubraselegance-matieres-nav { grid-template-columns: 1fr; min-height: 54px; padding: 0; }
  .vvv-designer-kubraselegance-matieres-nav__label { display: none; }
  .vvv-designer-kubraselegance-matieres-nav__links { padding: 0 16px; }
  .vvv-designer-kubraselegance-matieres-nav a { min-height: 54px; }
  .vvv-designer-kubraselegance-matieres-intro { grid-template-columns: 1fr; gap: 48px; padding-top: 100px; padding-bottom: 100px; }
  .vvv-designer-kubraselegance-matieres-intro__copy { padding-top: 0; }
  .vvv-designer-kubraselegance-matieres-intro h2,
  .vvv-designer-kubraselegance-matieres-selector h2,
  .vvv-designer-kubraselegance-matieres-compare h2,
  .vvv-designer-kubraselegance-matieres-label h2,
  .vvv-designer-kubraselegance-matieres-faq h2,
  .vvv-designer-kubraselegance-matieres-next h2 { font-size: clamp(44px,13vw,66px); }
  .vvv-designer-kubraselegance-matieres-note { padding: 24px 20px 24px 25px; }
  .vvv-designer-kubraselegance-matieres-selector { padding-top: 90px; padding-bottom: 90px; }
  .vvv-designer-kubraselegance-matieres-selector__head,
  .vvv-designer-kubraselegance-matieres-compare__heading { grid-template-columns: 1fr; gap: 30px; }
.vvv-designer-kubraselegance-matieres-story,
  .vvv-designer-kubraselegance-matieres-story.is-reversed { display: flex; min-height: 0; flex-direction: column; }
  .vvv-designer-kubraselegance-matieres-story.is-reversed .vvv-designer-kubraselegance-matieres-story__media,
  .vvv-designer-kubraselegance-matieres-story.is-reversed .vvv-designer-kubraselegance-matieres-story__body { grid-column: auto; grid-row: auto; }
  .vvv-designer-kubraselegance-matieres-story__media { min-height: 70svh; }
  .vvv-designer-kubraselegance-matieres-story__media > span { right: 12px; font-size: 31vw; }
  .vvv-designer-kubraselegance-matieres-story__body { min-height: auto; padding: 90px 18px 84px; }
  .vvv-designer-kubraselegance-matieres-story__index { top: 26px; right: 18px; }
  .vvv-designer-kubraselegance-matieres-story h2 { font-size: clamp(60px,18vw,88px); }
  .vvv-designer-kubraselegance-matieres-story__facts { margin-top: 36px; }
  .vvv-designer-kubraselegance-matieres-story__facts > div { padding: 15px; }
  .vvv-designer-kubraselegance-matieres-story__ideal { grid-template-columns: 1fr; gap: 10px; }
  .vvv-designer-kubraselegance-matieres-compare { padding-top: 95px; padding-bottom: 95px; }
  .vvv-designer-kubraselegance-matieres-compare__scroll {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 45px;
    margin-right: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
  }
  .vvv-designer-kubraselegance-matieres-compare__mobile-hint { display: block; }
  .vvv-designer-kubraselegance-matieres-label { grid-template-columns: 1fr; min-height: 0; }
  .vvv-designer-kubraselegance-matieres-label__visual { min-height: 70svh; }
  .vvv-designer-kubraselegance-matieres-label__content { padding: 90px 18px; }
  .vvv-designer-kubraselegance-matieres-label__steps { grid-template-columns: 1fr; }
  .vvv-designer-kubraselegance-matieres-faq { grid-template-columns: 1fr; gap: 50px; padding-top: 100px; padding-bottom: 100px; }
  .vvv-designer-kubraselegance-matieres-faq__item button { min-height: 96px; font-size: 22px; }
  .vvv-designer-kubraselegance-matieres-faq__answer p { padding-right: 0; }
  .vvv-designer-kubraselegance-matieres-next { min-height: 82svh; }
  .vvv-designer-kubraselegance-matieres-next::after { inset: 10px; }
  .vvv-designer-kubraselegance-matieres-next__actions { display: grid; grid-template-columns: 1fr; }
  .vvv-designer-kubraselegance-matieres-next__actions a { width: 100%; }
}



/* =========================================================
   KUBRA'S ELEGANCE — LES MATIÈRES V2
   Cohérence globale, navigation stable et scroll naturel.
========================================================= */
html.vvv-kubras-matieres-page,
body.vvv-kubras-matieres-page,
body:has(.vvv-designer-kubraselegance-matieres){
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  overscroll-behavior-x:none
}
body:has(.vvv-designer-kubraselegance-matieres) .elementor-widget-html,
body:has(.vvv-designer-kubraselegance-matieres) .elementor-widget-html>.elementor-widget-container{
  width:100%;
  max-width:100%!important;
  min-width:0;
  overflow-x:clip!important;
  overflow-y:visible!important
}
.vvv-designer-kubraselegance-matieres{--km-sticky-top:117px;font-family:var(--vvv-designer-kubraselegance-font-text,"Inter","Manrope",Arial,sans-serif)}
.vvv-designer-kubraselegance-matieres h1,
.vvv-designer-kubraselegance-matieres h2,
.vvv-designer-kubraselegance-matieres h3,
.vvv-designer-kubraselegance-matieres .vvv-designer-kubraselegance-matieres-selector__card strong{font-family:var(--vvv-designer-kubraselegance-font-title,"Bodoni Moda",Georgia,serif)}
.vvv-designer-kubraselegance-matieres [data-vvv-kubras-section][id]{scroll-margin-top:calc(var(--km-sticky-top,117px) + 86px)}
.vvv-designer-kubraselegance-matieres-hero{background:radial-gradient(circle at 76% 30%,rgba(201,164,95,.26),transparent 25%),linear-gradient(125deg,#080604 0%,#17100c 58%,#2b1d14 100%)}
.vvv-designer-kubraselegance-matieres-hero__content{width:min(100%,1760px);padding-right:clamp(24px,6vw,110px);padding-left:clamp(24px,6vw,110px)}
.vvv-designer-kubraselegance-matieres-hero h1{max-width:1210px;font-family:var(--vvv-designer-kubraselegance-font-title,"Bodoni Moda",Georgia,serif);font-size:clamp(68px,9.2vw,156px);letter-spacing:-.068em;line-height:.79}
.vvv-designer-kubraselegance-matieres-hero h1 span{color:var(--km-gold);font-style:normal}
.vvv-designer-kubraselegance-matieres-nav{z-index:9000;min-height:68px;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,3vw,52px);padding:0 clamp(18px,4vw,68px);border-top:1px solid rgba(33,23,15,.07);border-bottom:1px solid rgba(33,23,15,.11);background:rgba(255,250,242,.96);box-shadow:0 16px 45px rgba(33,23,15,.055);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.vvv-designer-kubraselegance-matieres-nav__label{position:relative;padding-right:28px;color:var(--km-gold);font-size:9px;letter-spacing:.24em;white-space:nowrap}
.vvv-designer-kubraselegance-matieres-nav__label::after{position:absolute;top:50%;right:0;width:13px;height:1px;background:rgba(201,164,95,.6);content:""}
.vvv-designer-kubraselegance-matieres-nav__links{gap:clamp(24px,2.4vw,44px);min-height:68px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:auto;touch-action:pan-x}
.vvv-designer-kubraselegance-matieres-nav a{min-height:68px;font-size:9px;letter-spacing:.12em;white-space:nowrap}
.vvv-designer-kubraselegance-matieres-nav a::after{right:50%;left:50%;height:2px;transform:none;transition:right .32s cubic-bezier(.19,1,.22,1),left .32s cubic-bezier(.19,1,.22,1)}
.vvv-designer-kubraselegance-matieres-nav a.is-active::after,
.vvv-designer-kubraselegance-matieres-nav a:hover::after{right:0;left:0;transform:none}
.vvv-designer-kubraselegance-matieres-selector{position:relative;overflow:hidden;background:radial-gradient(circle at 4% 10%,rgba(201,164,95,.18),transparent 25%),radial-gradient(circle at 96% 90%,rgba(201,164,95,.09),transparent 27%),#080604}
.vvv-designer-kubraselegance-matieres-selector::before{position:absolute;inset:0;opacity:.055;background-image:linear-gradient(rgba(255,250,242,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,250,242,.08) 1px,transparent 1px);background-size:82px 82px;content:"";pointer-events:none;mask-image:linear-gradient(90deg,#000,transparent 90%)}
.vvv-designer-kubraselegance-matieres-selector>*{position:relative;z-index:2}
.vvv-designer-kubraselegance-matieres-selector__choices{gap:8px}
.vvv-designer-kubraselegance-matieres-selector__choices button{min-height:47px;padding:0 21px;border:1px solid rgba(255,250,242,.13);border-radius:0;background:rgba(255,250,242,.035);color:rgba(255,250,242,.62)}
.vvv-designer-kubraselegance-matieres-selector__choices button:hover,
.vvv-designer-kubraselegance-matieres-selector__choices button.is-active{border-color:var(--km-gold);background:var(--km-gold);color:var(--km-black)}
.vvv-designer-kubraselegance-matieres-selector__cards{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;border:0}
.vvv-designer-kubraselegance-matieres-selector__card{min-width:0;min-height:clamp(250px,21vw,350px);padding:clamp(23px,2vw,34px);border-top:1px solid rgba(255,250,242,.14);border-right:1px solid rgba(255,250,242,.14);border-bottom:1px solid rgba(255,250,242,.14);background:linear-gradient(150deg,rgba(255,250,242,.035),transparent 54%);isolation:isolate}
.vvv-designer-kubraselegance-matieres-selector__card:first-child{border-left:1px solid rgba(255,250,242,.14)}
.vvv-designer-kubraselegance-matieres-selector__card::before{position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,rgba(201,164,95,.22),rgba(201,164,95,.025) 58%);content:"";opacity:0;transition:opacity .38s ease}
.vvv-designer-kubraselegance-matieres-selector__card::after{right:24px;bottom:22px;width:42px;height:42px;border:1px solid rgba(201,164,95,.36);background:linear-gradient(135deg,transparent 47%,var(--km-gold) 48% 51%,transparent 52%);opacity:.65}
.vvv-designer-kubraselegance-matieres-selector__card:hover,
.vvv-designer-kubraselegance-matieres-selector__card.is-recommended{background:linear-gradient(145deg,rgba(201,164,95,.08),rgba(201,164,95,.015))}
.vvv-designer-kubraselegance-matieres-selector__card:hover::before,
.vvv-designer-kubraselegance-matieres-selector__card.is-recommended::before{opacity:1}
.vvv-designer-kubraselegance-matieres-selector__card:hover{transform:translateY(-4px)}
.vvv-designer-kubraselegance-matieres-selector__card>span{font-family:var(--vvv-designer-kubraselegance-font-title,"Bodoni Moda",Georgia,serif);font-size:24px}
.vvv-designer-kubraselegance-matieres-selector__card strong{max-width:210px;font-size:clamp(31px,2.45vw,46px);letter-spacing:-.045em;line-height:.92}
.vvv-designer-kubraselegance-matieres-selector__card small{padding-right:48px;line-height:1.55}
.vvv-designer-kubraselegance-matieres-intro__heading,
.vvv-designer-kubraselegance-matieres-faq__heading{position:relative;top:auto}
.vvv-designer-kubraselegance-matieres-next__actions a{border-radius:0}
.vvv-designer-kubraselegance-matieres-backtop,
.vvv-designer-kubraselegance-matieres-progress{display:none!important}
@media(max-width:1180px){
.vvv-designer-kubraselegance-matieres{--km-sticky-top:98px}
.vvv-designer-kubraselegance-matieres-nav{min-height:60px;grid-template-columns:minmax(0,1fr);padding:0}
.vvv-designer-kubraselegance-matieres-nav__label{display:none}
.vvv-designer-kubraselegance-matieres-nav__links{min-height:60px;padding:0 18px}
.vvv-designer-kubraselegance-matieres-nav a{min-height:60px}
.vvv-designer-kubraselegance-matieres-selector__cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.vvv-designer-kubraselegance-matieres-selector__card:nth-child(4){border-left:1px solid rgba(255,250,242,.14)}
}
@media(max-width:780px){
.vvv-designer-kubraselegance-matieres{--km-sticky-top:98px}
.vvv-designer-kubraselegance-matieres-nav{top:var(--km-sticky-top,98px)}
.vvv-designer-kubraselegance-matieres-nav__links{padding:0 14px}
.vvv-designer-kubraselegance-matieres-nav a{font-size:8px}
.vvv-designer-kubraselegance-matieres-selector__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding:0}
.vvv-designer-kubraselegance-matieres-selector__choices button{width:100%;padding:0 12px}
.vvv-designer-kubraselegance-matieres-selector__choices button:first-child{grid-column:1/-1}
.vvv-designer-kubraselegance-matieres-selector__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-right:auto;overflow:visible}
.vvv-designer-kubraselegance-matieres-selector__card{min-height:225px;padding:21px 17px;border-left:0}
.vvv-designer-kubraselegance-matieres-selector__card:nth-child(odd){border-left:1px solid rgba(255,250,242,.14)}
.vvv-designer-kubraselegance-matieres-selector__card strong{font-size:clamp(27px,8vw,38px)}
.vvv-designer-kubraselegance-matieres-selector__card small{padding-right:32px;font-size:7px}
}
@media(max-width:470px){
.vvv-designer-kubraselegance-matieres-selector__cards{grid-template-columns:1fr}
.vvv-designer-kubraselegance-matieres-selector__card,
.vvv-designer-kubraselegance-matieres-selector__card:nth-child(odd),
.vvv-designer-kubraselegance-matieres-selector__card:nth-child(even){min-height:205px;border-left:1px solid rgba(255,250,242,.14)}
}




/* =========================================================
   LES MATIÈRES — STABILITÉ MOBILE ET FAQ ISOLÉE
   Aucun déplacement horizontal de la page complète.
========================================================= */

html.vvv-kubras-matieres-page,
body.vvv-kubras-matieres-page {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  overscroll-behavior-x: none;
}

.vvv-designer-kubraselegance-matieres {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip !important;
  overscroll-behavior-x: none;
}

.vvv-designer-kubraselegance-matieres-hero,
.vvv-designer-kubraselegance-matieres-intro,
.vvv-designer-kubraselegance-matieres-selector,
.vvv-designer-kubraselegance-matieres-story,
.vvv-designer-kubraselegance-matieres-compare,
.vvv-designer-kubraselegance-matieres-label,
.vvv-designer-kubraselegance-matieres-faq,
.vvv-designer-kubraselegance-matieres-next {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

.vvv-designer-kubraselegance-matieres-hero__content,
.vvv-designer-kubraselegance-matieres-intro > *,
.vvv-designer-kubraselegance-matieres-selector__head,
.vvv-designer-kubraselegance-matieres-selector__choices,
.vvv-designer-kubraselegance-matieres-selector__cards,
.vvv-designer-kubraselegance-matieres-story__media,
.vvv-designer-kubraselegance-matieres-story__body,
.vvv-designer-kubraselegance-matieres-compare__heading,
.vvv-designer-kubraselegance-matieres-label__visual,
.vvv-designer-kubraselegance-matieres-label__content,
.vvv-designer-kubraselegance-matieres-faq__heading,
.vvv-designer-kubraselegance-matieres-faq__list,
.vvv-designer-kubraselegance-matieres-next__content {
  max-width: 100%;
  min-width: 0;
}

/* Les deux seuls défilements horizontaux volontaires. */
.vvv-designer-kubraselegance-matieres-nav {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.vvv-designer-kubraselegance-matieres-nav__links {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
}

.vvv-designer-kubraselegance-matieres-compare__scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
}

/* Le FAQ reste entièrement dans sa propre section. */
.vvv-designer-kubraselegance-matieres-faq__list,
.vvv-designer-kubraselegance-matieres-faq__item,
.vvv-designer-kubraselegance-matieres-faq__item h3,
.vvv-designer-kubraselegance-matieres-faq__item button,
.vvv-designer-kubraselegance-matieres-faq__answer,
.vvv-designer-kubraselegance-matieres-faq__answer p {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.vvv-designer-kubraselegance-matieres-faq__item button {
  grid-template-columns: minmax(0, 1fr) 38px;
  overflow-wrap: anywhere;
}

.vvv-designer-kubraselegance-matieres-faq__answer[hidden] {
  display: none !important;
}

.vvv-designer-kubraselegance-matieres-faq__answer {
  overflow-x: hidden;
}

@media (max-width: 780px) {
  .vvv-designer-kubraselegance-matieres-hero__media {
    inset: 0;
    width: 100%;
    max-width: 100%;
    transform: none;
  }

  .vvv-designer-kubraselegance-matieres-hero__veil {
    right: -28%;
    width: 124vw;
    max-width: 720px;
  }

  .vvv-designer-kubraselegance-matieres-hero__word {
    right: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .vvv-designer-kubraselegance-matieres-intro__number {
    right: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .vvv-designer-kubraselegance-matieres-selector__cards,
  .vvv-designer-kubraselegance-matieres-selector__choices {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-right: 0;
    margin-left: 0;
    overflow-x: clip;
  }

  .vvv-designer-kubraselegance-matieres-story__media > span {
    right: 0;
    max-width: 100%;
  }

  .vvv-designer-kubraselegance-matieres-label__visual > span {
    max-width: 100%;
    overflow: hidden;
  }

  .vvv-designer-kubraselegance-matieres-faq {
    overflow-x: hidden;
  }

  .vvv-designer-kubraselegance-matieres-faq__item button {
    grid-template-columns: minmax(0, 1fr) 34px;
    gap: 14px;
    padding-right: 0;
    padding-left: 0;
  }

  .vvv-designer-kubraselegance-matieres-faq__item i {
    width: 34px;
    height: 34px;
  }
}



/* =========================================================
   LES MATIÈRES — FAQ TITRES TOUJOURS DANS LE CADRE
   Correctif strict contre les styles globaux des boutons.
========================================================= */

#questions.vvv-designer-kubraselegance-matieres-faq {
  width: min(100%, var(--km-max));
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

#questions .vvv-designer-kubraselegance-matieres-faq__heading,
#questions .vvv-designer-kubraselegance-matieres-faq__list,
#questions .vvv-designer-kubraselegance-matieres-faq__item,
#questions .vvv-designer-kubraselegance-matieres-faq__item h3,
#questions .vvv-designer-kubraselegance-matieres-faq__answer {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

#questions .vvv-designer-kubraselegance-matieres-faq__heading h2 {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

#questions .vvv-designer-kubraselegance-matieres-faq__item {
  overflow: hidden;
}

#questions .vvv-designer-kubraselegance-matieres-faq__item h3 {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

#questions .vvv-designer-kubraselegance-matieres-faq__item button {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 38px !important;
  align-items: center !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 110px !important;
  margin: 0 !important;
  padding: 26px 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--km-black) !important;
  font-family:
    var(
      --vvv-designer-kubraselegance-font-title,
      "Bodoni Moda",
      Georgia,
      serif
    ) !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-transform: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  transform: none !important;
}

#questions
.vvv-designer-kubraselegance-matieres-faq__item
button > span {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-align: left !important;
  text-indent: 0 !important;
  text-transform: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  transform: none !important;
}

#questions
.vvv-designer-kubraselegance-matieres-faq__item
button > i {
  position: relative !important;
  display: block !important;
  grid-column: 2 !important;
  justify-self: end !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 38px !important;
  transform: none !important;
}

#questions .vvv-designer-kubraselegance-matieres-faq__answer[hidden] {
  display: none !important;
}

#questions .vvv-designer-kubraselegance-matieres-faq__answer p {
  width: 100%;
  max-width: 720px;
  min-width: 0;
  margin: 0;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 780px) {
  #questions.vvv-designer-kubraselegance-matieres-faq {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding:
      100px
      var(--km-gutter)
      100px !important;
    overflow-x: hidden !important;
  }

  #questions .vvv-designer-kubraselegance-matieres-faq__heading {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 46px !important;
  }

  #questions .vvv-designer-kubraselegance-matieres-faq__heading h2 {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 18px !important;
    font-size: clamp(43px, 12vw, 62px) !important;
    line-height: .95 !important;
  }

  #questions .vvv-designer-kubraselegance-matieres-faq__list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  #questions .vvv-designer-kubraselegance-matieres-faq__item button {
    grid-template-columns: minmax(0, 1fr) 34px !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 92px !important;
    padding: 24px 0 !important;
    font-size: clamp(21px, 6.2vw, 27px) !important;
    line-height: 1.18 !important;
  }

  #questions
  .vvv-designer-kubraselegance-matieres-faq__item
  button > i {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    flex-basis: 34px !important;
  }

  #questions .vvv-designer-kubraselegance-matieres-faq__answer p {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 30px !important;
    font-size: 12px !important;
    line-height: 1.85 !important;
  }
}

@media (max-width: 390px) {
  #questions.vvv-designer-kubraselegance-matieres-faq {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  #questions .vvv-designer-kubraselegance-matieres-faq__item button {
    grid-template-columns: minmax(0, 1fr) 32px !important;
    gap: 11px !important;
    font-size: 21px !important;
  }

  #questions
  .vvv-designer-kubraselegance-matieres-faq__item
  button > i {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    flex-basis: 32px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vvv-designer-kubraselegance-matieres *,
  .vvv-designer-kubraselegance-matieres *::before,
  .vvv-designer-kubraselegance-matieres *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}