.pcxr .pcxs { margin-top: 34px; }
.pcxr .pcxs-divider { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; color: #f36a0a; }
.pcxr .pcxs-divider > span { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #f36a0a55); }
.pcxr .pcxs-divider > span:last-child { transform: scaleX(-1); }
.pcxr .pcxs-divider svg { width: 66px; height: 28px; }
.pcxr .pcxs-heading { text-align: center; margin-bottom: 22px; }
.pcxr .pcxs-heading h3 { margin: 0; color: #0d2731; font-family: inherit; font-size: 20px; font-weight: 700; line-height: 1.4; letter-spacing: -.025em; }
.pcxr .pcxs-heading p { margin: 7px 0 0; color: #6b7982; font-size: 13px; line-height: 1.7; }
.pcxr .pcxs-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 20px 10px; border: 1px solid #0d273110; border-radius: 12px; background: #fff; box-shadow: 0 5px 18px #0d273106; }
.pcxr .pcxs-card { display: flex; align-items: center; gap: 13px; min-width: 0; padding: 10px 18px; border-right: 1px solid #0d273110; color: #0d2731; text-decoration: none; }
.pcxr .pcxs-card:last-child { border-right: 0; }
.pcxr .pcxs-icon { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; }
.pcxr .pcxs-icon svg { display: block; width: 36px; height: 36px; }
.pcxr .pcxs-card--instagram .pcxs-icon { color: #cf277d; }
.pcxr .pcxs-card--facebook .pcxs-icon { color: #1877f2; }
.pcxr .pcxs-card--youtube .pcxs-icon { color: #f00; }
.pcxr .pcxs-card--tiktok .pcxs-icon { color: #102630; }
.pcxr .pcxs-copy { display: grid; gap: 5px; min-width: 0; flex: 1 1 auto; }
.pcxr .pcxs-copy strong { color: #0d2731; font-size: 15px; font-weight: 700; line-height: 1.4; }
.pcxr .pcxs-copy > span:not(.pcxs-follow) { color: #66757e; font-size: 11px; line-height: 1.6; }
.pcxr .pcxs-follow { color: #b94d00; font-size: 10px; font-weight: 600; line-height: 1.5; }
.pcxr .pcxs-qr { position: relative; display: block; flex: 0 0 104px; width: 104px; height: 104px; background: #fff; }
.pcxr .pcxs-qr img { display: block; width: 104px; height: 104px; object-fit: contain; image-rendering: pixelated; }
.pcxr .pcxs-qr::after { position: absolute; inset: 0; content: ''; pointer-events: none; border-radius: 4px; background: linear-gradient(#f36a0a,#f36a0a) left top/12px 2px,linear-gradient(#f36a0a,#f36a0a) left top/2px 12px,linear-gradient(#f36a0a,#f36a0a) right top/12px 2px,linear-gradient(#f36a0a,#f36a0a) right top/2px 12px,linear-gradient(#f36a0a,#f36a0a) left bottom/12px 2px,linear-gradient(#f36a0a,#f36a0a) left bottom/2px 12px,linear-gradient(#f36a0a,#f36a0a) right bottom/12px 2px,linear-gradient(#f36a0a,#f36a0a) right bottom/2px 12px; background-repeat: no-repeat; }
.pcxr .pcxs-card:focus-visible { outline: 2px solid #f36a0a; outline-offset: -3px; border-radius: 4px; }
@media (hover: hover) and (pointer: fine) { .pcxr .pcxs-card:hover .pcxs-copy strong { color: #b94d00; } }
@media (min-width: 1001px) and (max-width: 1350px) { .pcxr .pcxs-card { padding-inline: 12px; gap: 9px; } .pcxr .pcxs-icon { flex-basis: 28px; width: 28px; } .pcxr .pcxs-icon svg { width: 28px; height: 28px; } .pcxr .pcxs-copy strong { font-size: 13px; } .pcxr .pcxs-qr, .pcxr .pcxs-qr img { width: 90px; height: 90px; } .pcxr .pcxs-qr { flex-basis: 90px; } }
@media (max-width: 1000px) { .pcxr .pcxs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px; } .pcxr .pcxs-card { padding: 18px; } .pcxr .pcxs-card:nth-child(2) { border-right: 0; } .pcxr .pcxs-card:nth-child(-n+2) { border-bottom: 1px solid #0d273110; } }
@media (max-width: 540px) { .pcxr .pcxs-grid { grid-template-columns: minmax(0, 1fr); } .pcxr .pcxs-card { border-right: 0; padding: 18px 12px; } .pcxr .pcxs-card:not(:last-child) { border-bottom: 1px solid #0d273110; } .pcxr .pcxs-heading h3 { font-size: 18px; } }

/* Wide horizontal profile rows, with large scan targets beside the copy. */
.pcxr .pcxs {
  position: relative; width: min(1720px, calc(100vw - 48px));
  max-width: none; margin-top: 42px; margin-left: 50%; transform: translateX(-50%);
}
.pcxr .pcxs-heading { margin-bottom: 26px; }
.pcxr .pcxs-heading h3 { font-size: clamp(23px, 2vw, 30px); }
.pcxr .pcxs-heading p { max-width: 780px; margin: 10px auto 0; font-size: 15px; }
.pcxr .pcxs-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 26px 8px; }
.pcxr .pcxs-card { flex-direction: row; gap: 12px; padding: 8px 16px; text-align: left; }
.pcxr .pcxs-icon { flex: 0 0 40px; width: 40px; height: 40px; }
.pcxr .pcxs-icon svg { width: 40px; height: 40px; }
.pcxr .pcxs-copy { flex: 1 1 auto; justify-items: start; gap: 8px; }
.pcxr .pcxs-copy strong { font-size: 18px; }
.pcxr .pcxs-copy > span:not(.pcxs-follow) { font-size: 13px; line-height: 1.65; }
.pcxr .pcxs-follow { font-size: 12px; }
.pcxr .pcxs-qr { flex: 0 0 176px; width: 176px; height: 176px; margin-top: 0; }
.pcxr .pcxs-qr img { width: 176px; height: 176px; }
@media (max-width: 1500px) {
  .pcxr .pcxs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px; }
  .pcxr .pcxs-card { padding: 22px; gap: 18px; }
  .pcxr .pcxs-card:nth-child(2) { border-right: 0; }
  .pcxr .pcxs-card:nth-child(-n+2) { border-bottom: 1px solid #0d273110; }
  .pcxr .pcxs-qr { flex-basis: 160px; width: 160px; height: 160px; }
  .pcxr .pcxs-qr img { width: 160px; height: 160px; }
  .pcxr .pcxs-copy > span:not(.pcxs-follow) { font-size: 14px; }
}
@media (max-width: 680px) {
  .pcxr .pcxs { width: 100%; margin-left: 0; transform: none; }
  .pcxr .pcxs-grid { grid-template-columns: minmax(0, 1fr); }
  .pcxr .pcxs-card { border-right: 0; padding: 20px 12px; gap: 12px; }
  .pcxr .pcxs-card:not(:last-child) { border-bottom: 1px solid #0d273110; }
  .pcxr .pcxs-icon { flex-basis: 32px; width: 32px; height: 32px; }
  .pcxr .pcxs-icon svg { width: 32px; height: 32px; }
  .pcxr .pcxs-qr { flex-basis: 128px; width: 128px; height: 128px; }
  .pcxr .pcxs-qr img { width: 128px; height: 128px; }
  .pcxr .pcxs-copy strong { font-size: 16px; }
  .pcxr .pcxs-copy > span:not(.pcxs-follow) { font-size: 12px; }
  .pcxr .pcxs-follow { font-size: 11px; }
}