/* PAXOR ANDROID GOOGLE PLAY V1 */
.paxor-android-home,
.paxor-android-footer {box-sizing:border-box;font-family:inherit;}
.paxor-android-home *,
.paxor-android-footer * {box-sizing:border-box;}
.paxor-android-home {
  display:flex;flex-direction:column;align-items:stretch;gap:11px;
  padding:18px;border:1px solid rgba(57,213,255,.40);border-radius:15px;
  background:linear-gradient(155deg,rgba(12,46,60,.96),rgba(5,18,26,.95));
  box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff;
}
.paxor-android-eyebrow {display:block;font-size:11px;font-weight:800;letter-spacing:.13em;color:#39d5ff;text-transform:uppercase;}
.paxor-android-title {display:block;font-size:18px;line-height:1.25;font-weight:800;color:#fff;}
.paxor-android-description {margin:0;color:rgba(255,255,255,.75);font-size:13px;line-height:1.45;}
.paxor-android-home-links {display:flex;flex-direction:column;gap:12px;align-items:center;}
.paxor-android-download {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:100%;min-height:44px;padding:9px 14px;
  border:1px solid #39d5ff;border-radius:9px;
  background:#39d5ff;color:#001014!important;font-size:13px;font-weight:800;
  text-align:center;text-decoration:none!important;
  transition:background .18s ease,transform .18s ease;
}
.paxor-android-download:hover,.paxor-android-download:focus-visible {background:#8eeaff;transform:translateY(-1px);}
.paxor-android-qr-link {display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.80)!important;font-size:11px;text-decoration:none!important;}
.paxor-android-qr-link img {display:block;width:105px;height:105px;padding:5px;background:#fff;border-radius:9px;object-fit:contain;}
.paxor-android-qr-link:hover span {color:#39d5ff;}
@media (min-width:1024px) {
  .home-intro-inner {display:grid;grid-template-columns:minmax(0,1fr) 252px;column-gap:34px;row-gap:0;align-items:start;}
  .home-intro-inner > :not(.paxor-android-home) {grid-column:1;}
  .home-intro-inner > .paxor-android-home {grid-column:2;grid-row:1 / span 5;align-self:center;}
}
@media (max-width:1023px) {
  .home-intro-inner > .paxor-android-home {max-width:380px;margin:18px 0 0;padding:12px 14px;gap:8px;}
  .home-intro-inner > .paxor-android-home .paxor-android-description,
  .home-intro-inner > .paxor-android-home .paxor-android-qr-link {display:none;}
  .home-intro-inner > .paxor-android-home .paxor-android-title {font-size:15px;}
  .home-intro-inner > .paxor-android-home .paxor-android-download {min-height:42px;}
}
.paxor-android-footer {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:16px;width:calc(100% - 40px);max-width:1180px;margin:20px auto;
  padding:14px 20px;border:1px solid rgba(57,213,255,.2);
  border-radius:12px;background:rgba(3,25,34,.56);color:#fff;
}
.paxor-android-footer-info {display:flex;flex-direction:column;gap:4px;min-width:160px;}
.paxor-android-footer-info strong {color:#fff;font-size:16px;}
.paxor-android-footer-info p {margin:0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.72);}
.paxor-android-footer-links {display:flex;align-items:center;gap:18px;}
.paxor-android-footer .paxor-android-download {width:auto;min-width:195px;}
.paxor-android-footer .paxor-android-qr-link img {width:80px;height:80px;padding:4px;}
@media (max-width:600px) {
  .paxor-android-footer {padding:16px;width:calc(100% - 28px);}
  .paxor-android-footer-links {width:100%;}
  .paxor-android-footer .paxor-android-download {width:100%;}
  .paxor-android-footer .paxor-android-qr-link {display:none;}
}


/* PAXOR ANDROID GOOGLE PLAY V2 — compact brand badge and footer left column. */
.paxor-android-home a.paxor-android-download,
.footer-section.brand-section a.paxor-android-download {
  box-sizing:border-box;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:11px;
  width:100%;
  max-width:264px;
  min-height:63px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:10px;
  background:#050505;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif;
  text-align:left;
  text-decoration:none!important;
  box-shadow:0 1px 6px rgba(0,0,0,.18);
  transform:none;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
.paxor-android-home a.paxor-android-download:hover,
.paxor-android-home a.paxor-android-download:focus-visible,
.footer-section.brand-section a.paxor-android-download:hover,
.footer-section.brand-section a.paxor-android-download:focus-visible {
  background:#fff!important;
  color:#050505!important;
  border-color:#050505!important;
  transform:none;
}
.paxor-android-home a.paxor-android-download:focus-visible,
.footer-section.brand-section a.paxor-android-download:focus-visible {
  outline:2px solid #39d5ff;
  outline-offset:3px;
}
.paxor-android-play-mark {width:43px;height:43px;flex:0 0 43px;object-fit:contain;}
.paxor-android-badge-copy {display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.04;color:inherit!important;}
.paxor-android-badge-top {display:block;font-size:12px;font-weight:500;letter-spacing:.01em;color:inherit!important;}
.paxor-android-badge-name {display:block;margin-top:3px;font-size:23px;font-weight:500;letter-spacing:-.045em;white-space:nowrap;color:inherit!important;}
/* Keep the footer's three original columns. Only move the promo inside its brand column. */
.footer-section.brand-section {display:flex;flex-direction:column;min-width:0;}
.footer-section.brand-section > .paxor-android-footer {
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
  gap:13px;width:100%;max-width:100%;min-width:0;
  margin:auto 0 0;padding:26px 0 0;
  border:0;border-radius:0;background:transparent;box-shadow:none;
}
.footer-section.brand-section .paxor-android-footer-info {min-width:0;max-width:100%;}
.footer-section.brand-section .paxor-android-footer-links {
  display:flex;flex-direction:column;align-items:flex-start;
  gap:13px;width:100%;min-width:0;
}
.footer-section.brand-section .paxor-android-qr-link img {width:96px;height:96px;padding:5px;}
@media(max-width:600px) {
  .footer-section.brand-section > .paxor-android-footer {padding-top:20px;}
  .footer-section.brand-section a.paxor-android-download {width:100%;max-width:264px;}
  /* QR hidden on narrow screens as before; link stays clickable. */
  .footer-section.brand-section .paxor-android-qr-link {display:none;}
}
@media(max-width:380px) {
  .paxor-android-home a.paxor-android-download,
  .footer-section.brand-section a.paxor-android-download {min-height:58px;gap:8px;padding:6px 9px;}
  .paxor-android-play-mark {width:35px;height:35px;flex-basis:35px;}
  .paxor-android-badge-name {font-size:20px;}
  .paxor-android-badge-top {font-size:10px;}
}

/* PAXOR ANDROID GOOGLE PLAY V3 — footer badge + QR on one row */
/* Only the footer's LEFT brand column is affected. */
.footer-section.brand-section .paxor-android-footer-links {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  width: 100%;
  min-width: 0;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download {
  box-sizing: border-box;
  width: 206px;
  max-width: 206px;
  min-width: 0;
  min-height: 53px;
  flex: 0 1 206px;
  gap: 7px;
  padding: 6px 9px;
  border-radius: 8px;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download .paxor-android-play-mark {
  width: 33px;
  height: 33px;
  flex: 0 0 33px;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download .paxor-android-badge-top {
  font-size: 10px;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download .paxor-android-badge-name {
  font-size: 18px;
  letter-spacing: -.04em;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 82px;
  min-width: 0;
  flex: 0 0 82px;
  gap: 0;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link img {
  display: block;
  width: 82px;
  height: 82px;
  padding: 4px;
  border-radius: 7px;
  background: #fff;
}
/* Hide only the small caption; QR still has alt text and an accessible link label. */
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link span {
  display: none;
}
@media (max-width: 600px) {
  /* Overrules V2's footer QR hide-on-mobile rule. */
  .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link {
    display: flex;
  }
}
@media (max-width: 360px) {
  .footer-section.brand-section .paxor-android-footer-links {gap: 7px;}
  .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download {
    width: 170px;
    max-width: 170px;
    flex: 0 1 170px;
    min-height: 49px;
    gap: 5px;
    padding: 5px 6px;
  }
  .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download .paxor-android-play-mark {
    width: 27px;
    height: 27px;
    flex-basis: 27px;
  }
  .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download .paxor-android-badge-name {
    font-size: 15px;
  }
  .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link {
    width: 70px;
    flex-basis: 70px;
  }
  .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link img {
    width: 70px;
    height: 70px;
  }
}

/* PAXOR ANDROID GOOGLE PLAY V4: footer QR height + horizontal desktop hero */
/* Footer left column: Play badge and QR on ONE row, equal height. */
.footer-section.brand-section .paxor-android-footer-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 20px; /* Move the QR a little farther to the right. */
    min-width: 0;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download {
    box-sizing: border-box;
    width: 206px;
    max-width: 206px;
    height: 54px;
    min-height: 54px;
    flex: 0 1 206px;
    padding: 6px 9px;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    min-width: 54px;
    min-height: 54px;
    gap: 0;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link img {
    box-sizing: border-box;
    display: block;
    width: 54px;
    height: 54px;
    padding: 3px;
    border-radius: 7px;
    background: #fff;
    object-fit: contain;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link span {
    display: none;
}
/* Desktop homepage: copy + badge at LEFT, full-height QR at RIGHT. */
@media (min-width: 1024px) {
    .home-intro .home-intro-inner {
        grid-template-columns: minmax(0, 1fr) clamp(396px, 38vw, 440px);
        column-gap: clamp(18px, 2.3vw, 32px);
    }
    .home-intro .home-intro-inner > .paxor-android-home {
        --paxor-home-qr: clamp(132px, 13vw, 150px);
        display: grid;
        grid-template-columns: minmax(0, 1fr) var(--paxor-home-qr);
        grid-template-rows: auto auto auto auto;
        column-gap: 14px;
        row-gap: 8px;
        padding: 18px;
        align-content: center;
        align-items: start;
        min-width: 0;
    }
    .home-intro .paxor-android-home > .paxor-android-eyebrow {
        grid-column: 1;
        grid-row: 1;
    }
    .home-intro .paxor-android-home > .paxor-android-title {
        grid-column: 1;
        grid-row: 2;
    }
    .home-intro .paxor-android-home > .paxor-android-description {
        grid-column: 1;
        grid-row: 3;
        min-width: 0;
    }
    /* Contents keeps both links in their original HTML and in DOM order. */
    .home-intro .paxor-android-home > .paxor-android-home-links {
        display: contents;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download {
        grid-column: 1;
        grid-row: 4;
        align-self: end;
        justify-self: stretch;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 55px;
        gap: 7px;
        padding: 6px 7px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download .paxor-android-play-mark {
        width: 33px;
        height: 33px;
        flex: 0 0 33px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download .paxor-android-badge-top {
        font-size: 10px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download .paxor-android-badge-name {
        font-size: 19px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-qr-link {
        grid-column: 2;
        grid-row: 1 / span 4;
        display: flex;
        align-self: center;
        justify-self: end;
        align-items: center;
        justify-content: center;
        width: var(--paxor-home-qr);
        height: var(--paxor-home-qr);
        min-width: 0;
        gap: 0;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-qr-link img {
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 100%;
        padding: 5px;
        border-radius: 9px;
        background: #fff;
        object-fit: contain;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-qr-link span {
        display: none;
    }
}
/* Preserve the compact mobile footer while retaining the QR beside the badge. */
@media (max-width: 360px) {
    .footer-section.brand-section .paxor-android-footer-links {
        gap: 12px;
    }
    .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download {
        width: 170px;
        max-width: 170px;
        height: 49px;
        min-height: 49px;
        flex: 0 1 170px;
    }
    .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link {
        width: 49px;
        height: 49px;
        min-width: 49px;
        min-height: 49px;
        flex: 0 0 49px;
    }
    .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link img {
        width: 49px;
        height: 49px;
    }
}

/* PAXOR ANDROID GOOGLE PLAY V5: mobile QR + taller desktop + footer anchored low */
/* Keep Google Play badge text and icon, the working link and hover colors. */

/* FOOTER. Give social links more empty space and anchor the WHOLE Android
   section (label, title, description, badge and QR) to the column bottom.
   The three existing footer columns remain in their current positions. */
.footer-section.brand-section {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 550px;
}
.footer-section.brand-section > .paxor-android-footer {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    flex: 0 0 auto;
    margin: auto 0 0; /* takes all available space above; bottom stays flush */
    padding: 14px 0 0;
    min-width: 0;
    width: 100%;
}
.footer-section.brand-section .paxor-android-footer-links {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    min-width: 0;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download {
    box-sizing: border-box;
    flex: 0 1 206px;
    width: 206px;
    max-width: 206px;
    min-width: 0;
    height: 54px;
    min-height: 54px;
    padding: 6px 9px;
    gap: 7px;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download .paxor-android-play-mark {
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download .paxor-android-badge-top {
    font-size: 10px;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download .paxor-android-badge-name {
    font-size: 18px;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    min-height: 54px;
    min-width: 54px;
    gap: 0;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link img {
    box-sizing: border-box;
    display: block;
    width: 54px;
    height: 54px;
    padding: 3px;
    border-radius: 7px;
    background: #fff;
    object-fit: contain;
}
.footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link span {
    display: none;
}

/* DESKTOP HOME. Larger vertical card, slightly farther right. Everything
   inside the card stays horizontal: info + Play logo left, tall QR right. */
@media (min-width: 1024px) {
    .home-intro .home-intro-inner {
        grid-template-columns: minmax(0, 1fr) clamp(405px, 38vw, 460px);
        column-gap: clamp(14px, 2vw, 30px);
    }
    .home-intro .home-intro-inner > .paxor-android-home {
        --paxor-home-qr: clamp(170px, 16vw, 195px);
        display: grid;
        grid-template-columns: minmax(0, 1fr) var(--paxor-home-qr);
        grid-template-rows: auto auto auto auto;
        column-gap: 15px;
        row-gap: 12px;
        align-content: center;
        align-items: center;
        justify-self: end;
        position: relative;
        left: clamp(8px, 1.5vw, 22px); /* move the whole card right */
        min-width: 0;
        width: 100%;
        min-height: 292px; /* taller than previous V4 */
        padding: 26px 21px;
        margin: 0;
    }
    .home-intro .paxor-android-home > .paxor-android-eyebrow {
        grid-column: 1;
        grid-row: 1;
    }
    .home-intro .paxor-android-home > .paxor-android-title {
        grid-column: 1;
        grid-row: 2;
        font-size: 20px;
    }
    .home-intro .paxor-android-home > .paxor-android-description {
        display: block;
        grid-column: 1;
        grid-row: 3;
        font-size: 13px;
    }
    .home-intro .paxor-android-home > .paxor-android-home-links {
        display: contents;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download {
        grid-column: 1;
        grid-row: 4;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 60px;
        justify-self: stretch;
        align-self: end;
        gap: 6px;
        padding: 6px 7px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download .paxor-android-play-mark {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download .paxor-android-badge-top {
        font-size: 10px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download .paxor-android-badge-name {
        font-size: 18px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-qr-link {
        display: flex;
        grid-column: 2;
        grid-row: 1 / span 4;
        align-self: center;
        justify-self: end;
        align-items: center;
        justify-content: center;
        width: var(--paxor-home-qr);
        height: var(--paxor-home-qr);
        min-width: 0;
        gap: 0;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-qr-link img {
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 6px;
        border-radius: 10px;
        background: #fff;
        object-fit: contain;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-qr-link span {
        display: none;
    }
}

/* MOBILE/TABLET HOME. Display the previously hidden QR in the header
   Android card, after the introduction and BEFORE the main action buttons. */
@media (max-width: 1023px) {
    .home-intro .home-intro-inner > .paxor-android-home {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 82px;
        grid-template-rows: auto auto auto;
        align-content: center;
        column-gap: 12px;
        row-gap: 7px;
        width: 100%;
        max-width: 440px;
        min-width: 0;
        margin: 18px 0 0;
        padding: 13px;
    }
    .home-intro .paxor-android-home > .paxor-android-eyebrow {
        grid-column: 1;
        grid-row: 1;
    }
    .home-intro .paxor-android-home > .paxor-android-title {
        grid-column: 1;
        grid-row: 2;
        font-size: 15px;
    }
    .home-intro .paxor-android-home > .paxor-android-description {
        display: none;
    }
    .home-intro .paxor-android-home > .paxor-android-home-links {
        display: contents;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download {
        grid-column: 1;
        grid-row: 3;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 50px;
        gap: 6px;
        padding: 5px 7px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download .paxor-android-play-mark {
        width: 29px;
        height: 29px;
        flex: 0 0 29px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download .paxor-android-badge-top {
        font-size: 10px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download .paxor-android-badge-name {
        font-size: 18px;
    }
    .home-intro .home-intro-inner > .paxor-android-home .paxor-android-qr-link {
        display: flex;
        grid-column: 2;
        grid-row: 1 / span 3;
        align-self: center;
        justify-self: end;
        align-items: center;
        justify-content: center;
        width: 82px;
        height: 82px;
        min-width: 0;
        gap: 0;
    }
    .home-intro .home-intro-inner > .paxor-android-home .paxor-android-qr-link img {
        display: block;
        box-sizing: border-box;
        width: 82px;
        height: 82px;
        padding: 4px;
        border-radius: 8px;
        background: #fff;
        object-fit: contain;
    }
    .home-intro .home-intro-inner > .paxor-android-home .paxor-android-qr-link span {
        display: none;
    }
}

/* Smaller devices: both targets stay on ONE line without horizontal scroll. */
@media (max-width: 380px) {
    .home-intro .home-intro-inner > .paxor-android-home {
        grid-template-columns: minmax(0, 1fr) 64px;
        column-gap: 8px;
        padding: 10px;
    }
    .home-intro .home-intro-inner > .paxor-android-home .paxor-android-qr-link,
    .home-intro .home-intro-inner > .paxor-android-home .paxor-android-qr-link img {
        width: 64px;
        height: 64px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download {
        min-height: 47px;
        gap: 5px;
        padding: 4px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download .paxor-android-play-mark {
        width: 25px;
        height: 25px;
        flex-basis: 25px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download .paxor-android-badge-name {
        font-size: 15px;
    }
    .home-intro .paxor-android-home-links > a.paxor-android-download .paxor-android-badge-top {
        font-size: 9px;
    }
}

@media (max-width: 720px) {
    /* On phones the footer still has a comfortable social-media area,
       without forcing desktop height onto the mobile page. */
    .footer-section.brand-section {
        min-height: 420px;
    }
}
@media (max-width: 360px) {
    .footer-section.brand-section .paxor-android-footer-links {
        gap: 12px;
    }
    .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download {
        width: 170px;
        max-width: 170px;
        flex-basis: 170px;
        height: 49px;
        min-height: 49px;
    }
    .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link,
    .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link img {
        width: 49px;
        height: 49px;
        min-width: 49px;
        min-height: 49px;
    }
    .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-qr-link {
        flex: 0 0 49px;
    }
    .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download .paxor-android-play-mark {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
    }
    .footer-section.brand-section .paxor-android-footer-links > a.paxor-android-download .paxor-android-badge-name {
        font-size: 15px;
    }
}

/* PAXOR ANDROID GOOGLE PLAY V6: mobile QR alignment + desktop hero width + footer heights */

/* DESKTOP: Remove V5's fixed 550px minimum: the common footer row now
   grows naturally from its contents (primarily the central Links column).
   Stretch the wrappers equally, and keep the Android block at bottom-left.
   Contact links, socials, and form styles remain unchanged. */
@media (min-width: 1024px) {
  footer .footer-content:has(.paxor-android-footer) {
    align-items: stretch;
  }
  footer .footer-content:has(.paxor-android-footer) > .footer-section-wrapper {
    align-self: stretch;
    height: auto;
  }
  footer .footer-content:has(.paxor-android-footer) > .footer-section-wrapper:has(> .brand-section) {
    display: flex;
    flex-direction: column;
  }
  footer .footer-content .footer-section.brand-section:has(> .paxor-android-footer) {
    min-height: 0;
    height: auto;
    flex: 1 1 auto;
  }
  footer .footer-content .footer-section.brand-section > .paxor-android-footer {
    margin-top: auto;
    padding-top: 12px;
  }

  /* The left edge of the home promo stays where V5 placed it. Only its
     right side expands to the hero's right-hand padding (about 20px).
     This adapts to wide monitors without hard-coded negative offsets. */
  .home-intro .home-intro-inner > .paxor-android-home {
    --paxor-home-edge-extra: max(0px, calc((100vw - 1180px) / 2 - 20px - clamp(8px, 1.5vw, 22px)));
    width: calc(100% + var(--paxor-home-edge-extra));
    justify-self: start; /* critical: grow rightward, not into the text */
    max-width: none;
    box-sizing: border-box;
  }
}

/* MOBILE/TABLET: The QR starts lower, alongside the 'Paxor on your phone'
   information + badge rather than next to the small ANDROID APP eyebrow.
   Keep the original one-line right-side placement. */
@media (max-width: 1023px) {
  .home-intro .home-intro-inner > .paxor-android-home .paxor-android-qr-link {
    grid-column: 2;
    grid-row: 2 / span 2;
    align-self: end;
    justify-self: end;
    transform: translateY(7px);
    flex-shrink: 0;
  }
}
@media (max-width: 380px) {
  .home-intro .home-intro-inner > .paxor-android-home .paxor-android-qr-link {
    transform: translateY(5px);
  }
}

/* PAXOR ANDROID GOOGLE PLAY V7: mobile subtitle + tighter desktop promo */

/* DESKTOP: keep the wide V6 card and its QR placement, but reduce
   unneeded breathing room above/below its actual contents. */
@media (min-width: 1024px) {
  .home-intro .home-intro-inner > .paxor-android-home {
    min-height: 248px;
    padding: 16px 20px;
    row-gap: 8px;
  }
}

/* MOBILE: the subtitle already exists in home.html (hidden by older CSS).
   Place it directly beneath 'Paxor on your phone'; keep the Google Play
   badge under the text and QR to their right, inside the same card. */
@media (max-width: 1023px) {
  .home-intro .home-intro-inner > .paxor-android-home {
    grid-template-rows: auto auto auto auto;
    row-gap: 6px;
  }
  .home-intro .home-intro-inner > .paxor-android-home > .paxor-android-description {
    display: block;
    grid-column: 1;
    grid-row: 3;
    margin: 0;
    font-size: 12px;
    line-height: 1.35;
  }
  .home-intro .paxor-android-home-links > a.paxor-android-download {
    grid-column: 1;
    grid-row: 4;
  }
  .home-intro .home-intro-inner > .paxor-android-home .paxor-android-qr-link {
    grid-column: 2;
    grid-row: 2 / span 3;
    align-self: center;
    transform: none;
  }
}

/* PAXOR ANDROID GOOGLE PLAY V8: tighter desktop copy + mobile footer card + QR beside badge */

/* HOME / DESKTOP: lower the three text lines within the existing horizontal
   promo, but reduce the spaces between them. Keep QR, badge, frame height,
   and the right edge inherited from V7. */
@media (min-width: 1024px) {
  .home-intro .home-intro-inner > .paxor-android-home {
    row-gap: 5px;
  }
  .home-intro .paxor-android-home > .paxor-android-eyebrow,
  .home-intro .paxor-android-home > .paxor-android-title,
  .home-intro .paxor-android-home > .paxor-android-description {
    position: relative;
    top: 11px;
  }
  .home-intro .paxor-android-home > .paxor-android-eyebrow {
    line-height: 1.15;
  }
  .home-intro .paxor-android-home > .paxor-android-title {
    line-height: 1.16;
  }
  .home-intro .paxor-android-home > .paxor-android-description {
    line-height: 1.32;
  }
}

/* HOME / MOBILE: the full header text stays above. Only the Google Play
   badge and the QR form the last row, side by side. An explicit fourth row
   supersedes V6/V7's QR spanning the title and description rows. */
@media (max-width: 1023px) {
  .home-intro .home-intro-inner > .paxor-android-home {
    grid-template-rows: auto auto auto auto;
    align-items: start;
  }
  .home-intro .home-intro-inner > .paxor-android-home
  .paxor-android-home-links > a.paxor-android-download {
    grid-column: 1;
    grid-row: 4;
    align-self: center;
  }
  .home-intro .home-intro-inner > .paxor-android-home
  .paxor-android-home-links > a.paxor-android-qr-link {
    grid-column: 2;
    grid-row: 4;
    align-self: center;
    justify-self: end;
    transform: none;
  }
}

/* FOOTER / MOBILE ONLY: give the entire Android presentation its own inset,
   dark rounded panel like the social-network panel. The social area becomes
   taller; Android remains near the bottom of the left footer column. */
@media (max-width: 720px) {
  footer .footer-section.brand-section .footer-social-box {
    min-height: 145px;
    box-sizing: border-box;
  }
  footer .footer-content .footer-section.brand-section > .paxor-android-footer {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 14px;
    margin: auto 0 0;
    border: 1px solid rgba(57, 213, 255, .23);
    border-radius: 13px;
    background: linear-gradient(155deg, rgba(9, 30, 39, .87), rgba(4, 14, 21, .92));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
    color: #fff;
  }
  footer .footer-section.brand-section > .paxor-android-footer .paxor-android-footer-info {
    width: 100%;
  }
  footer .footer-section.brand-section > .paxor-android-footer .paxor-android-footer-links {
    gap: clamp(8px, 4vw, 17px);
    min-width: 0;
    width: 100%;
  }
  footer .footer-section.brand-section > .paxor-android-footer
  .paxor-android-footer-links > a.paxor-android-download {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }
  footer .footer-section.brand-section > .paxor-android-footer
  .paxor-android-footer-links > a.paxor-android-qr-link {
    flex: 0 0 54px;
    width: 54px;
    min-width: 54px;
  }
}
@media (max-width: 360px) {
  footer .footer-content .footer-section.brand-section > .paxor-android-footer {
    padding: 11px;
  }
  footer .footer-section.brand-section > .paxor-android-footer .paxor-android-footer-links {
    gap: 8px;
  }
  footer .footer-section.brand-section > .paxor-android-footer
  .paxor-android-footer-links > a.paxor-android-qr-link {
    flex: 0 0 49px;
    width: 49px;
    min-width: 49px;
  }
}

/* PAXOR ANDROID GOOGLE PLAY V10 — safe post-V8 refinements */

/* PHONE AND TABLET / HOME: a darker card, smaller vertical gaps, and
   text slightly lower. Preserve all existing links and the QR placement. */
@media (max-width: 1023px) {
  .home-intro .home-intro-inner > .paxor-android-home {
    background: linear-gradient(155deg, rgba(4, 17, 25, .98), rgba(2, 10, 16, .99));
    border-color: rgba(57, 213, 255, .30);
    padding-top: 9px;
    padding-bottom: 10px;
    row-gap: 3px;
    align-content: center;
  }
  .home-intro .home-intro-inner > .paxor-android-home > .paxor-android-eyebrow,
  .home-intro .home-intro-inner > .paxor-android-home > .paxor-android-title,
  .home-intro .home-intro-inner > .paxor-android-home > .paxor-android-description {
    position: relative;
    top: 4px;
  }
  .home-intro .home-intro-inner > .paxor-android-home > .paxor-android-title {
    line-height: 1.17;
  }
  .home-intro .home-intro-inner > .paxor-android-home > .paxor-android-description {
    line-height: 1.28;
  }
  .home-intro .home-intro-inner > .paxor-android-home
  .paxor-android-home-links > a.paxor-android-download {
    position: relative;
    top: 5px; /* Play badge a little lower than the QR code */
    min-height: 48px;
  }
}

/* DESKTOP / HOME: lower only the title without changing the QR or
   overall frame size. The existing V8 text spacing stays compact. */
@media (min-width: 1024px) {
  .home-intro .home-intro-inner > .paxor-android-home > .paxor-android-title {
    position: relative;
    top: 18px; /* V8 had 11px: +7px */
  }
}

/* DESKTOP / FOOTER: apply the SAME nested dark card as the phone footer.
   Do not force any footer column height; keep the V6 equalized row. */
@media (min-width: 1024px) {
  footer .footer-content .footer-section.brand-section > .paxor-android-footer {
    background: linear-gradient(155deg, rgba(9, 30, 39, .87), rgba(4, 14, 21, .92));
    border: 1px solid rgba(57, 213, 255, .23);
    border-radius: 13px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
    padding: 12px;
    margin-top: auto;
    width: 100%;
    min-width: 0;
  }
}

/* PAXOR ANDROID GOOGLE PLAY V11 — desktop copy only */
/* Default: original mobile texts only. Footer and button styles unchanged. */
.home-intro .paxor-android-home .paxor-android-desktop-text {
    display: none;
}
.home-intro .paxor-android-home .paxor-android-mobile-text {
    display: inline;
}
@media (min-width: 1024px) {
    .home-intro .paxor-android-home .paxor-android-mobile-text {
        display: none;
    }
    .home-intro .paxor-android-home .paxor-android-desktop-text {
        display: inline;
    }
    .home-intro .home-intro-inner > .paxor-android-home > .paxor-android-eyebrow {
        font-size: 12px;
    }
    .home-intro .home-intro-inner > .paxor-android-home > .paxor-android-title {
        font-size: 22px;
        line-height: 1.13;
    }
    .home-intro .home-intro-inner > .paxor-android-home > .paxor-android-description {
        font-size: 14.5px;
        line-height: 1.32;
    }
}