/* Lumavryn V27 snag fixes — 2026-08-20 */

/* Homepage mobile: remove the legacy sky overlay that reads as a dark box.
   Preserve paragraph position, artwork, Earth and trust rows. */
@media (max-width:620px){
  .hero-visual::before{
    content:none!important;
    display:none!important;
    background:none!important;
    opacity:0!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}

/* monday.com vs ClickUp: contain the comparison table on desktop/laptop. */
.pm-compare-page .table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.pm-compare-page .table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.pm-compare-page .table th,
.pm-compare-page .table td{
  box-sizing:border-box!important;
  vertical-align:top!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.pm-compare-page .table th:nth-child(1),
.pm-compare-page .table td:nth-child(1){width:29%!important}
.pm-compare-page .table th:nth-child(2),
.pm-compare-page .table td:nth-child(2){width:35.5%!important}
.pm-compare-page .table th:nth-child(3),
.pm-compare-page .table td:nth-child(3){width:35.5%!important}

/* Mobile: turn each decision row into a readable card so no column is cut off. */
@media (max-width:620px){
  .pm-compare-page .table-wrap{border:0!important;overflow:visible!important}
  .pm-compare-page .table,
  .pm-compare-page .table tbody,
  .pm-compare-page .table tr,
  .pm-compare-page .table td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .pm-compare-page .table thead{display:none!important}
  .pm-compare-page .table{background:transparent!important;table-layout:auto!important}
  .pm-compare-page .table tr{
    margin:0 0 16px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:#041225!important;
  }
  .pm-compare-page .table td,
  .pm-compare-page .table td:nth-child(1),
  .pm-compare-page .table td:nth-child(2),
  .pm-compare-page .table td:nth-child(3){
    width:100%!important;
    padding:12px 14px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .pm-compare-page .table td:last-child{border-bottom:0!important}
  .pm-compare-page .table td::before{
    display:block!important;
    position:static!important;
    width:auto!important;
    margin-bottom:5px!important;
    color:var(--gold2)!important;
    font-weight:800!important;
  }
  .pm-compare-page .table td:nth-child(1)::before{content:"Decision"!important}
  .pm-compare-page .table td:nth-child(2)::before{content:"monday.com"!important}
  .pm-compare-page .table td:nth-child(3)::before{content:"ClickUp"!important}
}