/* Rayflections brochures - mobile readability pass 2026-07-13 */

@media screen and (max-width: 760px) {
  body.production-v2.panorama-v2,
  body.rf-brochure,
  body.deck-body {
    overflow-x: hidden;
  }

  body.production-v2.panorama-v2 .panorama-print-actions {
    position: static !important;
    left: auto !important;
    top: auto !important;
    z-index: 30 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px;
    gap: 8px;
    width: 100% !important;
    padding: 88px 14px 12px;
    border-bottom: 1px solid rgba(216, 178, 122, 0.24);
    background: #07101f;
    transform: none !important;
  }

  body.production-v2.panorama-v2 .panorama-print-actions .panorama-tool-btn {
    width: 100%;
    min-width: 0;
    min-height: 44px !important;
    padding-inline: 10px;
    font-size: 0.66rem;
    line-height: 1.1;
    white-space: normal;
  }

  body.production-v2.panorama-v2 .panorama-print-actions .panorama-tool-btn--gold {
    grid-column: 1 / -1;
    order: 3;
  }

  body.production-v2.panorama-v2 .panorama-print-actions a[href$=".pdf"] {
    order: 4;
  }

  body.production-v2.panorama-v2 .panorama-print-actions button[data-v2-theme-toggle] {
    order: 5;
    width: 44px;
    min-width: 44px;
    padding-inline: 0;
  }

  body.production-v2.panorama-v2 .panorama-print-actions button[onclick] {
    display: none !important;
  }

  body.production-v2.panorama-v2 .panorama-hero {
    min-height: calc(100svh - 154px) !important;
    padding-top: 54px !important;
  }

  body.rf-brochure .rf-print-actions .rf-btn,
  body.rf-brochure .rf-hero-actions .rf-btn,
  body.rf-brochure .rf-actions .rf-btn,
  body.rf-brochure .rf-card-link,
  body.checkpoint-brochure-refonte .cpb-btn,
  body.masterclass-brochure-v2 .mcb-hero-paths a {
    min-height: 44px !important;
  }

  body.rf-brochure--checkpoint .rf-print-actions .rf-btn,
  body.rf-brochure--masterclass .rf-print-actions .rf-btn {
    min-height: 44px !important;
    font-size: 0.64rem !important;
    line-height: 1.08 !important;
  }

  body.rf-brochure--recovery .rf-print-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    padding: 0.65rem 0.75rem !important;
  }

  body.rf-brochure--recovery .rf-print-actions .rf-btn {
    min-height: 44px !important;
    font-size: 0.66rem !important;
    line-height: 1.08 !important;
  }

  body.rf-brochure--recovery .rf-print-actions .rf-btn--gold {
    grid-column: 1 / -1;
  }

  body.atelier-brochure-refonte .rf-print-actions {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px !important;
    width: 100% !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid rgba(216, 178, 122, 0.24);
    background: #07101f;
    transform: none !important;
  }

  body.atelier-brochure-refonte .rf-print-actions .rf-btn {
    width: 100% !important;
    min-height: 44px !important;
    padding: 0.62rem 0.72rem !important;
    font-size: 0.66rem !important;
    line-height: 1.08 !important;
  }

  body.atelier-brochure-refonte .rf-print-actions .atelier-theme-toggle {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.atelier-brochure-refonte .rf-print-actions button[onclick] {
    display: none !important;
  }

  body.atelier-brochure-refonte .rf-brochure-hero {
    padding-top: 54px !important;
  }

  body.masterclass-brochure-v2 .mcb-cost-grid--center {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    transform: none !important;
  }

  body.masterclass-brochure-v2 .mcb-cost-grid--center article {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    transform: none !important;
  }

  body.masterclass-brochure-v2 .mcb-cost-grid--center article > p,
  body.masterclass-brochure-v2 .mcb-consequence {
    min-height: 0 !important;
  }

  body.recovery-brochure-refonte .recovery-compare-wrap {
    overflow: visible !important;
  }

  body.recovery-brochure-refonte .recovery-compare-table,
  body.recovery-brochure-refonte .recovery-compare-table thead,
  body.recovery-brochure-refonte .recovery-compare-table tbody,
  body.recovery-brochure-refonte .recovery-compare-table tr,
  body.recovery-brochure-refonte .recovery-compare-table th,
  body.recovery-brochure-refonte .recovery-compare-table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.recovery-brochure-refonte .recovery-compare-table {
    border-spacing: 0 !important;
  }

  body.recovery-brochure-refonte .recovery-compare-table thead {
    display: none !important;
  }

  body.recovery-brochure-refonte .recovery-compare-table tr {
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid rgba(217, 189, 120, 0.24);
    border-radius: 8px;
    background: rgba(255, 250, 240, 0.05);
  }

  body.recovery-brochure-refonte.theme-day .recovery-compare-table tr {
    background: rgba(255, 250, 240, 0.82);
  }

  body.recovery-brochure-refonte .recovery-compare-table td {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(217, 189, 120, 0.18);
    padding: 13px 16px !important;
    text-align: left !important;
  }

  body.recovery-brochure-refonte .recovery-compare-table td:last-child {
    border-bottom: 0;
  }

  body.recovery-brochure-refonte .recovery-compare-table td:first-child {
    background: rgba(217, 189, 120, 0.14);
  }

  body.recovery-brochure-refonte .recovery-compare-table td:not(:first-child)::before {
    display: block;
    margin-bottom: 4px;
    color: var(--rf-gold);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  body.recovery-brochure-refonte .recovery-compare-table td:nth-child(2)::before {
    content: "RayStore";
  }

  body.recovery-brochure-refonte .recovery-compare-table td:nth-child(3)::before {
    content: "Harmony";
  }

  body.recovery-brochure-refonte .recovery-compare-table td:nth-child(4)::before {
    content: "Momentum";
  }

  body.deck-body .deck-root {
    gap: 18px;
    padding: 16px;
  }

  body.deck-body .slide {
    width: 100%;
    min-height: 560px;
    height: auto;
    aspect-ratio: auto;
    border-radius: 8px;
  }

  body.deck-body .slide::before {
    inset: 10px;
  }

  body.deck-body .content {
    height: auto;
    min-height: 560px;
    padding: 74px 22px 28px;
    align-content: start;
  }

  body.deck-body .content--bottom {
    align-content: end;
    padding-bottom: 36px !important;
  }

  body.deck-body .content--split,
  body.deck-body .content--wide {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  body.deck-body .brand {
    left: 24px;
  }

  body.deck-body .page-no {
    right: 24px;
  }

  body.deck-body .title {
    max-width: 100%;
    font-size: clamp(2.65rem, 13vw, 4rem);
    line-height: 0.98;
  }

  body.deck-body .title--xl {
    font-size: clamp(2.95rem, 14vw, 4.35rem);
  }

  body.deck-body .lead {
    max-width: 100%;
    font-size: 1rem;
  }

  body.deck-body .quote {
    font-size: 1.8rem;
  }

  body.deck-body .meta-row,
  body.deck-body .card-grid,
  body.deck-body .card-grid--3,
  body.deck-body .card-grid--4,
  body.deck-body .timeline {
    grid-template-columns: 1fr !important;
  }

  body.deck-body .card,
  body.deck-body .visual-card,
  body.deck-body .timeline article {
    min-height: 0;
  }

  body.deck-body .score-panel {
    width: 100%;
    padding: 22px;
  }

  body.deck-body .score-number {
    font-size: 4.4rem;
  }

  body.deck-body .bar {
    grid-template-columns: 76px 1fr 38px;
    gap: 10px;
  }

  body.deck-body .signature {
    position: relative;
    left: auto;
    bottom: auto;
    margin: 22px 0 0;
  }
}
