/* ==========================================================
   Cupping Massage — variante « verre » (style iOS)
   Se charge après style.css et ne fait que le compléter :
   fond lumineux en mouvement, cartes en verre dépoli, reflets.
   ========================================================== */

:root {
  --verre: rgba(255, 255, 255, 0.52);
  --verre-fort: rgba(255, 255, 255, 0.72);
  --verre-bord: rgba(255, 255, 255, 0.75);
  --verre-flou: blur(18px) saturate(170%);
  --verre-ombre: 0 10px 36px -12px rgba(120, 95, 55, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.85);
  --rayon: 14px;
  --rayon-verre: 24px;
}

/* ---------- Fond lumineux, comme à travers une ventouse en verre ---------- */

body { background: #FBF7F1; }
body::before {
  content: ""; position: fixed; inset: -20%; z-index: -1; pointer-events: none;
  background:
    radial-gradient(38% 32% at 14% 18%, rgba(237, 214, 170, 0.75), transparent 70%),
    radial-gradient(34% 30% at 86% 12%, rgba(243, 222, 212, 0.75), transparent 70%),
    radial-gradient(42% 36% at 78% 72%, rgba(232, 210, 165, 0.6), transparent 70%),
    radial-gradient(36% 34% at 18% 84%, rgba(245, 232, 220, 0.85), transparent 70%),
    radial-gradient(30% 26% at 50% 46%, rgba(255, 255, 255, 0.9), transparent 70%);
}
@media (prefers-reduced-motion: no-preference) {
  body::before { animation: lueurs 28s ease-in-out infinite alternate; }
}
@keyframes lueurs {
  0% { transform: translate(0, 0) rotate(0deg) scale(1); }
  50% { transform: translate(3%, -2%) rotate(6deg) scale(1.05); }
  100% { transform: translate(-3%, 2%) rotate(-4deg) scale(1.02); }
}

/* Les sections laissent voir le fond lumineux */
.hero, .section, .section--champagne, .bandeau, .pied, .page-courte { background: transparent; }
.section--champagne { background: rgba(255, 255, 255, 0.28); }
.section--bordee { border-top-color: rgba(255, 255, 255, 0.7); }

/* ---------- Le verre dépoli ---------- */

.entete,
.hero__points li,
.carte,
.tarif,
.guide__resultat,
.bloc,
.encadre,
.engagements li,
.faq,
.calendrier__cadre,
.reservation-etapes li,
.massage,
.photo-attente,
.paiements li,
.massages-nav,
.barre-mobile,
.pied .conteneur {
  background: var(--verre);
  -webkit-backdrop-filter: var(--verre-flou);
  backdrop-filter: var(--verre-flou);
  border: 1px solid var(--verre-bord);
  box-shadow: var(--verre-ombre);
}

.entete { background: rgba(255, 255, 255, 0.8); border-width: 0 0 1px; -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%); }

.hero__points li, .carte, .tarif, .guide__resultat, .bloc, .encadre,
.engagements li, .faq, .calendrier__cadre, .reservation-etapes li { border-radius: var(--rayon-verre); }

/* Reflet lumineux qui suit la souris (position donnée par verre.js) */
.carte, .tarif, .hero__points li, .bloc, .guide__resultat, .engagements li, .massage {
  position: relative; overflow: hidden; isolation: isolate;
}
.carte::after, .tarif::after, .hero__points li::after, .bloc::after,
.guide__resultat::after, .engagements li::after, .massage::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(220px circle at var(--x, 20%) var(--y, 0%), rgba(255, 255, 255, 0.85), transparent 60%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 45%);
  opacity: 0.7;
  transition: opacity 0.4s ease;
}
.carte:hover::after, .tarif:hover::after, .hero__points li:hover::after, .bloc:hover::after,
.engagements li:hover::after, .massage:hover::after { opacity: 1; }

/* Le trait doré des cartes reste au premier plan */
.carte::before { z-index: 1; }

/* ---------- Détails des pages ---------- */

.massage {
  padding: 36px clamp(20px, 3vw, 36px);
  margin-bottom: 20px;
  border-radius: var(--rayon-verre);
}
.massage:last-of-type { border-bottom: 1px solid var(--verre-bord); }
.massage__prix li { border-bottom-color: rgba(196, 168, 118, 0.35); }

.faq { padding: 8px clamp(20px, 3vw, 36px); }
.faq details:first-child { border-top: 0; }
.faq details { border-bottom-color: rgba(196, 168, 118, 0.3); }
.faq details:last-child { border-bottom: 0; }

.info { padding: 24px 22px 22px; border-radius: var(--rayon-verre); background: rgba(255, 255, 255, 0.4); }
.info::before { left: 22px; right: 22px; }

.photo-attente { border-radius: 220px 220px var(--rayon-verre) var(--rayon-verre); }

.massages-nav { border-radius: 999px; margin: 0 auto 16px; max-width: max-content; padding: 8px; top: 74px; background: rgba(255, 255, 255, 0.8); }
.massages-nav a { border-color: transparent; background: rgba(255, 255, 255, 0.4); }
@media (max-width: 860px) {
  .massages-nav { max-width: none; margin: 0 0 16px; border-radius: 18px; }
}

.paiements li { border-radius: 10px; }

.barre-mobile { border-radius: 22px; }
.barre-mobile .btn, .barre-mobile__tel { border-radius: 16px; }

.pied { padding-top: 48px; }
.pied .conteneur { border-radius: 28px; padding-top: 48px; padding-bottom: 28px; max-width: calc(var(--largeur) - 32px); }
@media (max-width: 860px) {
  .pied .conteneur { margin: 0 12px; width: auto; }
}

/* ---------- Champs du formulaire en verre ---------- */

.champ input, .champ textarea {
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-color: var(--verre-bord);
  border-radius: 14px;
  box-shadow: inset 0 1px 2px rgba(120, 95, 55, 0.08);
}

/* ---------- Boutons : verre doré façon iOS ---------- */

.btn {
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: linear-gradient(180deg, rgba(226, 204, 158, 0.95) 0%, rgba(205, 176, 121, 0.95) 100%);
  box-shadow: 0 8px 22px -10px rgba(140, 110, 60, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.btn:hover {
  background: linear-gradient(180deg, rgba(232, 212, 168, 1) 0%, rgba(210, 182, 128, 1) 100%);
  border-color: rgba(255, 255, 255, 0.8);
}
.btn--contour {
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  border-color: rgba(217, 192, 143, 0.8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.btn--contour:hover { background: rgba(255, 255, 255, 0.8); }

.guide__btn {
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  border-color: var(--verre-bord);
  box-shadow: 0 4px 14px -8px rgba(120, 95, 55, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.guide__btn[aria-pressed="true"] {
  background: linear-gradient(180deg, rgba(226, 204, 158, 0.95), rgba(205, 176, 121, 0.95));
  border-color: rgba(255, 255, 255, 0.6);
}

.picto {
  background: rgba(255, 255, 255, 0.55);
  border-color: var(--verre-bord);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 6px 16px -10px rgba(120, 95, 55, 0.4);
}

/* Bulles du haut de page : plus brillantes, comme du verre */
.bulles span {
  border-color: rgba(255, 255, 255, 0.9);
  background:
    radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 1) 0 8%, rgba(255, 255, 255, 0) 22%),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.25), rgba(237, 225, 198, 0.35) 70%, rgba(217, 192, 143, 0.25) 100%);
  box-shadow: inset 0 -6px 14px rgba(217, 192, 143, 0.25), 0 10px 30px -14px rgba(140, 110, 60, 0.35);
}

/* ---------- Téléphones : flou allégé pour rester fluide ---------- */

@media (max-width: 860px) {
  :root { --verre-flou: blur(12px) saturate(160%); --rayon-verre: 20px; }
}

/* ---------- Navigateurs sans flou, ou transparence réduite demandée ---------- */

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root { --verre: rgba(255, 255, 255, 0.9); }
}
@media (prefers-reduced-transparency: reduce) {
  :root { --verre: rgba(255, 255, 255, 0.94); --verre-flou: none; }
  body::before { opacity: 0.5; }
}

/* ==========================================================
   Animations au défilement, par séquences
   ========================================================== */

/* ---------- « Votre séance » : la scène reste fixée pendant 4 étapes ---------- */

.sequence__piste { height: 420vh; position: relative; }
.sequence__scene {
  position: sticky; top: 0; height: 100vh; height: 100dvh;
  display: flex; align-items: center; overflow: hidden;
}
.sequence__grille { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 96px); align-items: center; }

.sequence__visuel { position: relative; width: min(100%, 440px); aspect-ratio: 1; margin: 0 auto; }
.sequence__anneau { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.sequence__anneau circle { fill: none; stroke-width: 1.6; }
.sequence__anneau-fond { stroke: rgba(217, 192, 143, 0.3); }
.sequence__anneau-plein {
  stroke: var(--or); stroke-linecap: round;
  stroke-dasharray: 578; stroke-dashoffset: calc(578 - 578 * var(--progression, 0));
}
.sequence__medaillon {
  position: absolute; inset: 9%;
  border-radius: 50%;
  background: var(--verre);
  -webkit-backdrop-filter: var(--verre-flou); backdrop-filter: var(--verre-flou);
  border: 1px solid var(--verre-bord);
  box-shadow: var(--verre-ombre), inset 0 -20px 40px rgba(217, 192, 143, 0.15);
  overflow: hidden;
}
.sequence__medaillon::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(60% 45% at 30% 20%, rgba(255, 255, 255, 0.9), transparent 70%);
}
.sequence__dessin {
  position: absolute; inset: 14%; width: 72%; height: 72%;
  fill: none; stroke: var(--or-fonce); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;
  opacity: 0; transform: scale(0.82) rotate(-8deg);
  transition: opacity 0.7s ease, transform 0.9s cubic-bezier(.2, .8, .2, 1);
}
.sequence__trait-or { stroke: var(--or); }
.sequence__lueur { fill: rgba(217, 192, 143, 0.18); stroke: none; }
.sequence__etoile { fill: var(--or); stroke: none; }
.sequence[data-etape="0"] .sequence__dessin[data-etape="0"],
.sequence[data-etape="1"] .sequence__dessin[data-etape="1"],
.sequence[data-etape="2"] .sequence__dessin[data-etape="2"],
.sequence[data-etape="3"] .sequence__dessin[data-etape="3"] { opacity: 1; transform: none; }

.sequence__etapes { list-style: none; padding: 0; margin: 28px 0 0; position: relative; min-height: 190px; }
.sequence__etapes li {
  position: absolute; inset: 0 0 auto 0;
  opacity: 0; transform: translateY(36px);
  transition: opacity 0.6s ease, transform 0.8s cubic-bezier(.2, .8, .2, 1);
  pointer-events: none;
}
.sequence[data-etape="0"] .sequence__etapes li[data-etape="0"],
.sequence[data-etape="1"] .sequence__etapes li[data-etape="1"],
.sequence[data-etape="2"] .sequence__etapes li[data-etape="2"],
.sequence[data-etape="3"] .sequence__etapes li[data-etape="3"] { opacity: 1; transform: none; pointer-events: auto; }
.sequence__num { display: block; font-family: var(--serif); font-size: 3.4rem; line-height: 1; color: var(--or); margin-bottom: 10px; }
.sequence__etapes h3 { font-size: clamp(1.8rem, 3vw, 2.4rem); margin-bottom: 0.3em; }
.sequence__etapes p { color: var(--texte-doux); font-size: 1.08rem; max-width: 30em; }

.sequence__points { display: flex; gap: 10px; margin-top: 24px; }
.sequence__points span { width: 28px; height: 3px; border-radius: 3px; background: rgba(217, 192, 143, 0.35); transition: background 0.4s ease, width 0.4s ease; }
.sequence[data-etape="0"] .sequence__points span:nth-child(1),
.sequence[data-etape="1"] .sequence__points span:nth-child(-n+2),
.sequence[data-etape="2"] .sequence__points span:nth-child(-n+3),
.sequence[data-etape="3"] .sequence__points span { background: var(--or); }
.sequence[data-etape="0"] .sequence__points span:nth-child(1),
.sequence[data-etape="1"] .sequence__points span:nth-child(2),
.sequence[data-etape="2"] .sequence__points span:nth-child(3),
.sequence[data-etape="3"] .sequence__points span:nth-child(4) { width: 52px; }

@media (prefers-reduced-motion: no-preference) {
  .sequence__vapeur { animation: vapeur 3s ease-in-out infinite; }
  .sequence__etoile { transform-box: fill-box; transform-origin: center; animation: scintille 2.6s ease-in-out infinite; }
}
@keyframes vapeur { 0%, 100% { transform: translateY(0); opacity: 0.9; } 50% { transform: translateY(-6px); opacity: 0.5; } }

@media (max-width: 860px) {
  .sequence__grille { grid-template-columns: 1fr; gap: 20px; text-align: center; }
  .sequence__visuel { width: min(62vw, 260px); }
  .sequence__textes .surtitre, .sequence__textes h2 { display: none; }
  .sequence__etapes { margin-top: 0; min-height: 170px; }
  .sequence__etapes p { margin: 0 auto; }
  .sequence__num { font-size: 2.6rem; }
  .sequence__points { justify-content: center; }
}

/* Sans animation (réglage de l'appareil) : les 4 étapes s'affichent simplement les unes sous les autres */
@media (prefers-reduced-motion: reduce) {
  .sequence__piste { height: auto; }
  .sequence__scene { position: static; height: auto; padding: 96px 0; }
  .sequence__etapes { min-height: 0; display: grid; gap: 28px; }
  .sequence__etapes li { position: static; opacity: 1; transform: none; }
  .sequence__dessin { transition: opacity 0.6s ease; transform: none; }
}

/* ---------- Citation qui s'illumine mot après mot ---------- */

.citation { padding: clamp(96px, 16vw, 200px) 0; }
.citation__texte {
  max-width: 900px; margin: 0 auto; text-align: center;
  font-family: var(--serif); font-size: clamp(2rem, 4.6vw, 3.6rem); line-height: 1.25;
  color: var(--texte);
}
.citation__texte .mot { color: rgba(140, 115, 80, 0.2); transition: color 0.35s ease; }
.citation__texte .mot.allume { color: var(--texte); }
.citation__texte .mot.allume.or { color: var(--or-fonce); font-style: italic; }

/* ---------- Grands titres qui apparaissent mot à mot ---------- */

.titre-mots .mot { display: inline-block; opacity: 0; transform: translateY(0.45em); filter: blur(6px); transition: opacity 0.7s ease, transform 0.8s cubic-bezier(.2, .8, .2, 1), filter 0.7s ease; }
.titre-mots.en-vue .mot { opacity: 1; transform: none; filter: none; }

/* ---------- Profondeur au défilement (parallaxe) ---------- */

.hero__visuel { translate: 0 var(--parallaxe-lent, 0px); }
.bulles { translate: 0 var(--parallaxe-rapide, 0px); }

/* ==========================================================
   Sliders et bandeaux défilants
   ========================================================== */

/* ---------- Bandeau de mots dorés qui défile en continu ---------- */

.ruban {
  overflow: hidden;
  padding: 18px 0;
  background: rgba(255, 255, 255, 0.45);
  -webkit-backdrop-filter: var(--verre-flou); backdrop-filter: var(--verre-flou);
  border-top: 1px solid var(--verre-bord); border-bottom: 1px solid var(--verre-bord);
  transform: rotate(-1.2deg) scale(1.02);
  margin: 12px 0;
}
.ruban__piste { display: flex; width: max-content; }
.ruban__piste span {
  display: inline-flex; align-items: center; gap: 28px;
  padding-right: 28px;
  font-family: var(--serif); font-style: italic; font-size: clamp(1.4rem, 2.6vw, 2rem);
  color: var(--or-fonce); white-space: nowrap;
}
.ruban__piste span::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--or); }
@media (prefers-reduced-motion: no-preference) {
  .ruban__piste { animation: ruban 38s linear infinite; }
  .ruban:hover .ruban__piste { animation-play-state: paused; }
}
@keyframes ruban { to { transform: translateX(-50%); } }

/* ---------- Slider horizontal des massages ---------- */

.slider-massages { padding: clamp(72px, 10vw, 128px) 0; }
.cartes--rail {
  flex-wrap: nowrap; justify-content: flex-start;
  overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
  padding: 10px 4px 26px;
  margin: 0 -4px;
}
.cartes--rail::-webkit-scrollbar { display: none; }
.cartes--rail .carte { flex: 0 0 min(82%, 360px); max-width: none; scroll-snap-align: center; }
.cartes--rail + .slider__progression { margin-top: 8px; }
.slider__progression {
  height: 3px; max-width: 240px; margin: 0 auto 32px;
  background: rgba(217, 192, 143, 0.3); border-radius: 3px; overflow: hidden;
}
.slider__progression span {
  display: block; height: 100%; width: 100%;
  background: var(--or); border-radius: 3px;
  transform: scaleX(var(--avance, 0.2)); transform-origin: left center;
  transition: transform 0.15s linear;
}

/* Sur ordinateur : la section reste fixée, les cartes glissent pendant le défilement */
@media (min-width: 861px) and (prefers-reduced-motion: no-preference) {
  .slider-massages.slider--actif { padding: 0; }
  .slider--actif .slider__scene {
    position: sticky; top: 0; height: 100vh; height: 100dvh;
    display: flex; flex-direction: column; justify-content: center;
    overflow: hidden;
  }
  .slider--actif .titre-section { margin-bottom: 40px; }
  .slider--actif .cartes--rail {
    overflow: visible; scroll-snap-type: none;
    transform: translate3d(var(--decalage, 0px), 0, 0);
    will-change: transform;
  }
  .slider--actif .cartes--rail .carte { flex: 0 0 380px; }
}

/* ---------- Page Massages : les massages arrivent depuis les côtés ---------- */

@media (prefers-reduced-motion: no-preference) {
  .js .massage.apparait:nth-of-type(odd) { transform: translateX(-80px); }
  .js .massage.apparait:nth-of-type(even) { transform: translateX(80px); }
  .js .massage.apparait.visible { transform: none; }
}

/* ---------- À propos : les engagements se font glisser du doigt sur téléphone ---------- */

@media (max-width: 560px) {
  .engagements {
    display: flex; gap: 12px;
    overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
    padding: 6px 4px 18px; margin: 0 -4px;
  }
  .engagements::-webkit-scrollbar { display: none; }
  .engagements li { flex: 0 0 80%; scroll-snap-align: center; }
}

/* Le bandeau incliné ne doit jamais créer de défilement horizontal */
body { overflow-x: clip; }

/* ==========================================================
   Corrections pour téléphone
   ========================================================== */

/* Anciens iPhone sans « overflow: clip » : on bloque quand même le défilement sur le côté */
@supports not (overflow: clip) {
  body { overflow-x: hidden; }
}

@media (max-width: 860px) {
  /* Fond lumineux fixe, sans animation : plus fluide au défilement */
  body::before { animation: none; inset: 0; }

  /* Bandeau à plat, pour ne jamais dépasser de l'écran */
  .ruban { transform: none; margin: 4px 0; }

  /* « Votre séance » : 4 étapes en moins de défilement */
  .sequence__piste { height: 280vh; }

  /* Guide : les choix défilent sur une ligne au lieu de s'empiler */
  .guide__choix {
    flex-wrap: nowrap; justify-content: flex-start;
    overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none;
    margin: 0 calc(var(--gouttiere) * -1) 22px; padding: 4px var(--gouttiere) 10px;
  }
  .guide__choix::-webkit-scrollbar { display: none; }
  .guide__btn { flex: 0 0 auto; scroll-snap-align: start; white-space: nowrap; }

  /* Titres mot à mot : sans flou sur téléphone (plus léger) */
  .titre-mots .mot { filter: none; }

  /* Barre des massages juste sous l'en-tête */
  .massages-nav { top: 70px; }
}

/* Boutons d'itinéraire sous les infos pratiques */
.acces__actions {
  grid-column: 1 / -1;
  display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px;
  margin-top: 8px;
}
@media (max-width: 560px) {
  .acces__actions { justify-content: center; }
  .acces__actions .btn { width: 100%; }
}
.info a { overflow-wrap: anywhere; }

/* ---------- Confort au doigt : zones cliquables d'au moins 44 px ---------- */

.lien-fleche { min-height: 44px; }
.champ label small { font-size: 1em; text-transform: none; letter-spacing: 0.02em; }
@media (max-width: 860px) {
  .pied li a, .pied p a { display: inline-flex; align-items: center; min-height: 44px; }
  .pied li { margin-bottom: 0; }
  .contact-liste > li > a { display: inline-flex; align-items: center; min-height: 44px; }
  .info p a { display: inline-flex; align-items: center; min-height: 44px; }
  .pied__bas a { display: inline-flex; align-items: center; min-height: 44px; }
}

/* Petit « LYON 7E » de l'en-tête : lisible */
.marque__nom small { font-size: 0.75rem; letter-spacing: 0.26em; }

/* Sur téléphone, les massages arrivent de moins loin (pas de dépassement) */
@media (max-width: 860px) and (prefers-reduced-motion: no-preference) {
  .js .massage.apparait:nth-of-type(odd) { transform: translateX(-24px); }
  .js .massage.apparait:nth-of-type(even) { transform: translateX(24px); }
}

/* ---------- Bandeau cookies (n'apparaît que si le site utilise des cookies soumis à accord) ---------- */

.cookies {
  position: fixed; z-index: 60; left: 16px; right: 16px; bottom: 16px;
  max-width: 520px; margin-left: auto; padding: 1.2rem 1.4rem;
  background: rgba(255, 255, 255, 0.97); -webkit-backdrop-filter: var(--verre-flou); backdrop-filter: var(--verre-flou);
  border: 1px solid var(--verre-bord); border-radius: var(--rayon-verre); box-shadow: var(--verre-ombre), 0 18px 50px -20px rgba(120, 95, 55, 0.35);
  opacity: 0; transform: translateY(16px); transition: opacity 0.4s ease, transform 0.4s ease;
}
.cookies.visible { opacity: 1; transform: none; }
.cookies__titre { margin: 0 0 0.3em; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.35rem; }
.cookies__texte { margin: 0 0 1em; font-size: 0.92rem; }
.cookies__actions { display: flex; gap: 0.6rem; justify-content: flex-end; flex-wrap: wrap; }
.cookies__actions .btn { margin: 0; flex: 1 1 8em; }
@media (prefers-reduced-motion: reduce) { .cookies { transform: none; } }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .cookies { background: rgba(255, 255, 255, 0.96); }
}

/* ---------- Petite mention santé, près de la liste des massages ---------- */

.mention-sante { font-size: 0.88rem; font-style: italic; color: #8C7350; margin-top: 0.6em; }
.insecable { white-space: nowrap; }