/* Authorized Home legal links between the approved bottom buttons, 2026-10-11. */
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-home-footer {
  position: static !important;
}
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-home-footer > .client-footer-meta {
  position: absolute !important;
  inset: auto !important;
  left: calc(clamp(14px, 2vw, 32px) + 232px) !important;
  right: calc(clamp(14px, 2vw, 32px) + 152px) !important;
  bottom: 10px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  text-align: center !important;
  z-index: 30 !important;
}
@media (max-width: 1040px) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-home-footer > .client-footer-meta {
    left: calc(clamp(14px, 2vw, 32px) + 228px) !important;
    right: calc(clamp(14px, 2vw, 32px) + 170px) !important;
    bottom: 68px !important;
  }
}
@media (max-width: 740px) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-home-footer {
    min-height: 144px !important;
    min-block-size: 144px !important;
  }
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-home-footer > .client-footer-meta {
    left: 50% !important;
    right: 122px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-home-footer > .client-footer-meta > a {
    min-width: 0 !important;
    min-height: 22px !important;
    height: auto !important;
    padding: 2px 0 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    text-align: center !important;
  }
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-home-footer > .client-footer-meta > a::before,
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-home-footer > .client-footer-meta > a::after {
    content: none !important;
    display: none !important;
  }
}

/* Authorized home scroll recovery, 2026-10-11. Modal scroll locks stay intact. */
html:not(.modal-open):has(body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"]) {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
body[data-pb-space="client"]:not(.modal-open):has(#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"]) {
  overflow: visible !important;
}

/* Home only. The approved /client/#classiques page must remain unchanged. */
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .home-quality-teaser {
  position: relative !important;
  inset: auto !important;
  width: min(420px, 31vw) !important;
  inline-size: min(420px, 31vw) !important;
  height: auto !important;
  block-size: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: clamp(24px, 3vw, 64px) auto 48px clamp(20px, 4vw, 64px) !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  border: 1px solid #b98bbf80 !important;
  border-radius: 22px !important;
  background: linear-gradient(150deg, #fff9fff5, #f8eaf3f2) !important;
  color: #291830 !important;
  box-shadow: 0 14px 36px #2f0e4124 !important;
  transform: none !important;
  text-shadow: none !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .home-quality-teaser h1 {
  margin: 0 0 16px !important;
  padding: 0 !important;
  font-size: clamp(30px, 2.75vw, 40px) !important;
  line-height: 1.25 !important;
  color: #611180 !important;
  -webkit-text-fill-color: #611180 !important;
  text-shadow: none !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .home-quality-teaser small {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
  color: #291830 !important;
  -webkit-text-fill-color: #291830 !important;
  text-shadow: none !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .client-home-phone-break,
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .client-home-wide-break {
  display: none !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .client-home-primary-actions {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  transform: none !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .client-home-primary-actions > a {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 48px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  font-family: "Source Sans 3", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 1px 2px #420055 !important;
  border: 1px solid #ffb5f6 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ff92e1 0%, #f500b8 25%, #b400d7 65%, #790099 100%) !important;
  box-shadow: inset 0 2px 1px #ffffffa0, inset 0 -3px 3px #50006070, 0 4px 10px #6e168025 !important;
  transform: none !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .client-home-primary-actions > .secondary {
  background: linear-gradient(180deg, #e996e8 0%, #b841c9 40%, #85219e 100%) !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .client-home-primary-actions > a::before,
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .client-home-primary-actions > a::after {
  content: none !important;
  display: none !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .client-home-primary-actions > a:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 3px !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .nav-button,
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .client-quick-action,
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .theme-mode-switch > button,
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .install-home-button {
  font-family: "Source Sans 3", sans-serif !important;
  font-size: clamp(13px, 1.05vw, 15px) !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .install-home-button {
  width: 100% !important;
  inline-size: 100% !important;
  max-width: none !important;
  max-inline-size: none !important;
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  margin: 0 !important;
}

body[data-pb-space="client"][data-client-theme="night"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .home-quality-teaser {
  background: linear-gradient(150deg, #261233f5, #341344f2) !important;
  border-color: #db8ce9a0 !important;
  color: #fff5ff !important;
}

body[data-pb-space="client"][data-client-theme="night"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .home-quality-teaser h1,
body[data-pb-space="client"][data-client-theme="night"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .home-quality-teaser small {
  color: #fff5ff !important;
  -webkit-text-fill-color: #fff5ff !important;
}

@media (max-width: 1040px) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .home-quality-teaser {
    width: min(540px, calc(100% - 32px)) !important;
    inline-size: min(540px, calc(100% - 32px)) !important;
    margin: max(32px, calc(95vw - 160px)) auto 48px !important;
  }
}

@media (max-width: 420px) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .home-quality-teaser {
    padding: 22px !important;
  }
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .home-quality-teaser h1 {
    font-size: 32px !important;
  }
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .client-home-primary-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Home-only selector: reuse the existing canonical button artwork. */
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .theme-mode-switch {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .theme-mode-switch::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
  width: 100% !important;
  inline-size: 100% !important;
  height: 32px !important;
  block-size: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 999px !important;
  border-image: none !important;
  background-image: url("/client/assets/client-theme-selector-master.png") !important;
  background-size: 114.606742% 551.428571% !important;
  background-position: 48.717949% 16.033755% !important;
  background-repeat: no-repeat !important;
  clip-path: inset(1px round 999px) !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transform: translateY(-50%) !important;
  opacity: 1 !important;
  filter: none !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .theme-mode-switch > button,
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .theme-mode-switch > button[aria-pressed="true"] {
  background: transparent !important;
  box-shadow: none !important;
  z-index: 1 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .theme-mode-switch:has(> button:nth-of-type(2)[aria-pressed="true"])::before {
  background-position: 48.717949% 48.101266% !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .theme-mode-switch:has(> button:nth-of-type(3)[aria-pressed="true"])::before {
  background-position: 48.717949% 79.957806% !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .theme-mode-switch > button::after {
  content: none !important;
  display: none !important;
}

/* Home-only desktop navigation: one row beside the theme selector. */
@media (min-width: 900px) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .site-nav-overlay {
    grid-template-columns: .85fr 1fr .7fr 1.05fr .85fr 1.6fr !important;
    grid-template-rows: 44px !important;
    grid-auto-rows: 44px !important;
    gap: 0 8px !important;
    margin-top: 1px !important;
    min-width: 0 !important;
  }

  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .site-nav-overlay > .nav-button {
    display: flex !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 6px !important;
    white-space: nowrap !important;
  }
}

/* Home-only account/cart text centering and half-width install button. */
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .client-quick-action {
  justify-content: center !important;
  gap: 0 !important;
  padding-inline: 22px !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .client-quick-action > [data-pb-client-icon] {
  position: absolute !important;
  inset-inline-start: clamp(6px, 0.8vw, 10px) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .client-quick-action > span:not([data-pb-client-icon]) {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .install-home-button {
  width: 50% !important;
  inline-size: 50% !important;
  justify-self: center !important;
}

/* Shared Client header: keep installation available on every page. */
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .install-home-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .install-home-button > span {
  font: inherit !important;
  text-align: center !important;
}

/* Keep the same six navigation buttons on mobile, including Home. */
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup .pb-client-header-v4 .site-nav-overlay > .nav-button {
  display: flex !important;
}

/* Authorized home responsive correction, 2026-10-11. */
@media (min-width: 741px) and (orientation: landscape) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-scene-image {
    content: url("/client/assets/accueil-scene-ordinateur-day-neon-v6.png") !important;
    height: min(100svh, 56.25vw) !important;
    block-size: min(100svh, 56.25vw) !important;
    max-height: 100svh !important;
    max-block-size: 100svh !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
  body[data-pb-space="client"][data-client-theme="night"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-scene-image {
    content: url("/client/assets/accueil-scene-ordinateur-night-neon-v6.png") !important;
  }
}
@media (min-width: 741px) and (max-width: 1040px) and (orientation: landscape) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] .home-quality-teaser {
    width: min(420px, 31vw) !important;
    inline-size: min(420px, 31vw) !important;
    margin: clamp(24px, 3vw, 64px) auto 48px clamp(20px, 4vw, 64px) !important;
  }
}
@media (max-width: 1040px) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-home-footer {
    height: auto !important;
    block-size: auto !important;
    min-height: 148px !important;
    min-block-size: 148px !important;
    padding-block-start: 104px !important;
    box-sizing: border-box !important;
  }
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-bottom-dock > .client-professional-bottom {
    top: auto !important;
    bottom: 88px !important;
  }
}

/* Authorized aligned home bottom buttons, 2026-10-11. */
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-bottom-dock > .client-tutorial-button {
  top: auto !important;
  inset-block-start: auto !important;
  bottom: 10px !important;
  inset-block-end: 10px !important;
}
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-bottom-dock > .client-professional-bottom {
  left: clamp(14px, 2vw, 32px) !important;
  inset-inline-start: clamp(14px, 2vw, 32px) !important;
  right: auto !important;
  inset-inline-end: auto !important;
}
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-bottom-dock > .client-tutorial-button:not(.client-professional-bottom) {
  left: auto !important;
  inset-inline-start: auto !important;
  right: clamp(14px, 2vw, 32px) !important;
  inset-inline-end: clamp(14px, 2vw, 32px) !important;
}
@media (max-width: 1040px) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-bottom-dock > .client-tutorial-button {
    bottom: 128px !important;
    inset-block-end: 128px !important;
  }
}

/* Authorized home scene continuity without footer band, 2026-10-11. */
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] {
  --pb-home-scene-end: 216.4102564103vw;
  --pb-home-ground-depth: 30.7692307692vw;
  --pb-home-ground-image: url("/client/assets/accueil-scene-telephone-day-neon-v6.png");
}
body[data-pb-space="client"][data-client-theme="night"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] {
  --pb-home-ground-image: url("/client/assets/accueil-scene-telephone-night-neon-v6.png");
}
body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"]::before {
  content: "" !important;
  position: absolute !important;
  top: calc(var(--pb-home-scene-end) - var(--pb-home-ground-depth)) !important;
  display: block !important;
  opacity: 1 !important;
  margin: 0 !important;
  height: auto !important;
  block-size: auto !important;
  transform: none !important;
  background: none !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-style: solid !important;
  border-width: 0 !important;
  border-image-source: var(--pb-home-ground-image) !important;
  border-image-slice: 0 0 120 0 !important;
  border-image-width: 0 0 100% 0 !important;
  border-image-repeat: stretch !important;
}
@media (min-width: 741px) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] {
    --pb-home-scene-end: 133.3333333333vw;
    --pb-home-ground-depth: 14.3884892086vw;
    --pb-home-ground-image: url("/client/assets/accueil-scene-tablette-day-neon-v6.png");
  }
  body[data-pb-space="client"][data-client-theme="night"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] {
    --pb-home-ground-image: url("/client/assets/accueil-scene-tablette-night-neon-v6.png");
  }
}
@media (min-width: 741px) and (orientation: landscape) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] {
    --pb-home-scene-end: min(100svh, 56.25vw);
    --pb-home-ground-depth: min(13.3333333333svh, 7.5vw);
    --pb-home-ground-image: url("/client/assets/accueil-scene-ordinateur-day-neon-v6.png");
  }
  body[data-pb-space="client"][data-client-theme="night"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] {
    --pb-home-ground-image: url("/client/assets/accueil-scene-ordinateur-night-neon-v6.png");
  }
}
@media (max-width: 1040px) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-home-footer {
    min-height: 88px !important;
    min-block-size: 88px !important;
    padding-block-start: 44px !important;
  }
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app .mockup[data-page="accueil"] > .client-bottom-dock > .client-tutorial-button {
    bottom: 68px !important;
    inset-block-end: 68px !important;
  }
}

/* Authorized locked-home framing restoration, 2026-10-11. */
@media (min-width: 741px) and (orientation: landscape) {
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup.pb-client-flow-v4[data-page="accueil"] {
    min-height: max(100svh, 56.25vw) !important;
    min-block-size: max(100svh, 56.25vw) !important;
    --pb-home-scene-end: 56.25vw;
    --pb-home-ground-depth: 7.5vw;
  }
  body[data-pb-space="client"] #app#app#app#app#app#app#app#app#app#app#app#app#app#app#app#app .mockup.pb-client-flow-v4[data-page="accueil"] .client-scene-image {
    height: 56.25vw !important;
    block-size: 56.25vw !important;
    max-height: none !important;
    max-block-size: none !important;
  }
}