/* ======================== LEGAL STRIP (mobile only) ========================
   Figma mobile 375x131 block under the models carousel. Right-aligned text
   with a 16px gutter; the accessibility link sits on the first line. */
.legalstrip {
    display: none;
}

@media (max-width: 768px) {

    .legalstrip,
    .mobile .legalstrip {
        display: block;
        background: var(--page-bg);
        padding: 4.2667vw var(--gutter); /* 16 */
        text-align: right;
    }

    .legalstrip__access,
    .mobile .legalstrip__access {
        display: inline-flex;
        align-items: center;
        gap: 2.1333vw; /* 8 */
        text-decoration: none;
        color: var(--ink);
        font-family: var(--f-regular);
        font-size: 3.7333vw; /* 14 */
        line-height: 1.5;
    }

    .legalstrip__access img,
    .mobile .legalstrip__access img {
        width: 9.3333vw; /* 35 */
        height: 9.3333vw;
        display: block;
    }

    .legalstrip__line,
    .mobile .legalstrip__line {
        font-family: var(--f-regular);
        font-size: 3.2vw; /* 12 */
        line-height: 1.5; /* 18 */
        color: #5a5a5a;
        margin: 2.1333vw 0 0; /* 8 */
    }
}
