/* October 3 storefront additions: homepage comparison, builder credit, real photo on /order. */
.versus-section{background:#151a16}
.versus-table{width:100%;border-collapse:collapse;border-top:1px solid var(--edge)}
.versus-table th,.versus-table td{text-align:left;vertical-align:top;padding:20px 18px 20px 0;border-bottom:1px solid var(--edge);font-size:15px;line-height:1.55}
.versus-table thead th{font:11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding-top:16px;padding-bottom:16px}
.versus-table tbody th{font-weight:500;color:var(--text);width:28%}
.versus-table td.us{color:var(--phosphor);width:36%}
.versus-table td.them{color:var(--muted)}
.versus-lose{margin-top:28px;display:flex;gap:28px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
.versus-lose p{max-width:720px;font-size:15px}
.versus-lose strong{color:var(--text);font-weight:600}
.builder-credit{margin-top:22px;font-size:14px}
.builder-credit a{text-decoration:underline;text-underline-offset:3px}
.order-store .order-intro img.real-photo{background:#0d0f0e;object-fit:cover}
@media(max-width:600px){
  .versus-table thead{display:none}
  .versus-table,.versus-table tbody,.versus-table tr,.versus-table th,.versus-table td{display:block;width:auto!important}
  .versus-table tr{padding:18px 0;border-bottom:1px solid var(--edge)}
  .versus-table th,.versus-table td{border:0;padding:0}
  .versus-table tbody th{margin-bottom:8px}
  .versus-table td.us::before{content:'PHNTM One · ';font:10px var(--mono);letter-spacing:.1em;color:var(--faint)}
  .versus-table td.them{margin-top:6px}
  .versus-table td.them::before{content:'Cloud · ';font:10px var(--mono);letter-spacing:.1em;color:var(--faint)}
}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}