/* R23 footer responsive hardening.
   - Shares the same mobile breakpoint (900px) as the protected R18 header.
   - Adds independent desktop/mobile visibility without duplicating content data.
   - Keeps desktop compact; mobile becomes a real single-column footer. */
.site-footer.site-footer-r23{
    padding:0;
    background:#0f3228;
    color:#dbe7e1;
}
.site-footer.site-footer-r23 .footer-main-clean{
    width:min(calc(100% - 48px),1240px);
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:40px;
    padding:28px 0 24px;
}
.site-footer-r23 .footer-module{min-width:0;writing-mode:horizontal-tb;word-break:normal;overflow-wrap:anywhere}
.site-footer-r23 .footer-brand-block{flex:1 1 420px;max-width:none}
.site-footer-r23 .footer-logo-image{display:block;height:50px;width:auto;max-width:230px;object-fit:contain}
.site-footer-r23 .footer-brand-lockup{display:flex;align-items:center;gap:12px}
.site-footer-r23 .footer-brand-lockup span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.68);font-size:20px;font-weight:800}
.site-footer-r23 .footer-brand-lockup strong{font-size:18px;letter-spacing:.05em}
.site-footer-r23 .footer-brand-block>p{max-width:100%;margin:16px 0 18px;color:#c0d0c9;font-size:15px;line-height:1.8;white-space:pre-wrap;tab-size:4;overflow-wrap:anywhere}
.site-footer-r23 .footer-brand-block>.footer-intro:first-child{margin-top:0}
.site-footer-r23 .footer-brand-block>.footer-intro:last-child{margin-bottom:0}
.site-footer-r23 .footer-hotline{display:inline-flex;flex-direction:column;gap:4px;color:#fff;text-decoration:none}
.site-footer-r23 .footer-hotline span{color:#aec0b8;font-size:13px}
.site-footer-r23 .footer-hotline strong{font-size:28px;line-height:1.2;letter-spacing:.02em;font-weight:700}
.site-footer-r23 .footer-simple-nav{display:block;flex:0 1 300px;min-width:220px;padding:0}
.site-footer-r23 .footer-module-title{display:block;margin:0 0 14px;color:#fff;font-size:16px;line-height:1.4}
.site-footer-r23 .footer-link-list{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:flex-start}
.site-footer-r23 .footer-simple-nav a{display:block;max-width:100%;color:#d9e4df;text-decoration:none;font-size:14px;line-height:1.55;writing-mode:horizontal-tb;word-break:normal;overflow-wrap:anywhere;white-space:normal}
.site-footer-r23 .footer-simple-nav a:hover{color:#fff}
.site-footer-r23 .footer-simple-nav .footer-sub-link{color:#a9bdb4;font-size:13px}
.site-footer.site-footer-r23 .footer-qr{display:block!important;flex:0 0 148px;width:148px;max-width:148px;text-align:center;writing-mode:horizontal-tb}
.site-footer-r23 .footer-qr-frame{display:flex;align-items:center;justify-content:center;width:148px;height:148px;padding:8px;box-sizing:border-box;overflow:hidden;background:#fff}
.site-footer-r23 .footer-qr img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:auto}
.site-footer-r23 .footer-qr strong{display:block;margin-top:10px;color:#fff;font-size:13px;line-height:1.5;word-break:normal;white-space:normal}
.site-footer-r23 .footer-bottom-wrap{border-top:1px solid rgba(255,255,255,.13);background:#0b271f}
.site-footer.site-footer-r23 .footer-bottom-clean{
    width:min(calc(100% - 48px),1240px);
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 26px;
    min-height:56px;
    padding:12px 0;
    color:#aec0b8;
    font-size:13px;
    line-height:1.6;
}
.site-footer-r23 .footer-bottom-item{display:inline-flex;align-items:center;gap:14px;min-width:0;writing-mode:horizontal-tb;word-break:normal;overflow-wrap:anywhere}
.site-footer-r23 .footer-legal-links{display:inline-flex;gap:18px}
.site-footer-r23 .footer-legal-links:last-child{margin-left:auto}
.site-footer-r23 .footer-legal-links a{color:#b9c9c2;text-decoration:none}
.site-footer-r23 .footer-legal-links a:hover{color:#fff}

@media(min-width:901px){
    .site-footer-r23 .footer-hide-desktop,
    .site-footer-r23 .footer-empty-desktop{display:none!important}
    /* Override the legacy R21 <=1100 QR hide when desktop visibility is explicitly enabled. */
    .site-footer.site-footer-r23 .footer-qr:not(.footer-hide-desktop){display:block!important}
}

@media(max-width:900px){
    .site-footer-r23 .footer-hide-mobile,
    .site-footer-r23 .footer-empty-mobile{display:none!important}

    .site-footer.site-footer-r23 .footer-main-clean{
        width:calc(100% - 40px);
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        align-items:start;
        justify-items:stretch;
        gap:20px;
        padding:24px 0;
    }
    .site-footer-r23 .footer-module,
    .site-footer-r23 .footer-brand-block,
    .site-footer-r23 .footer-simple-nav,
    .site-footer.site-footer-r23 .footer-qr{
        display:block;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        flex:none!important;
        writing-mode:horizontal-tb!important;
        word-break:normal!important;
    }
    .site-footer-r23 .footer-brand-block{text-align:center}
    .site-footer-r23 .footer-logo-image{height:46px;max-width:190px;margin:0 auto}
    .site-footer-r23 .footer-brand-lockup{justify-content:center}
    .site-footer-r23 .footer-brand-block>p{
        max-width:100%;
        margin:14px auto 18px;
        color:#c7d5cf;
        font-size:14px;
        line-height:1.8;
        text-align:left;
        white-space:pre-wrap!important;
        word-break:normal!important;
    }
    .site-footer-r23 .footer-hotline{align-items:center;gap:4px}
    .site-footer-r23 .footer-hotline span{font-size:13px}
    .site-footer-r23 .footer-hotline strong{font-size:28px}

    .site-footer-r23 .footer-simple-nav{text-align:left}
    .site-footer-r23 .footer-module-title{margin-bottom:12px;font-size:16px;text-align:left}
    .site-footer-r23 .footer-link-list{
        width:100%;
        margin:0;
        display:flex!important;
        flex-wrap:wrap;
        gap:8px 20px;
    }
    .site-footer-r23 .footer-simple-nav a{
        min-width:0;
        font-size:14px;
        line-height:1.65;
        text-align:left;
        writing-mode:horizontal-tb!important;
        word-break:normal!important;
        overflow-wrap:anywhere!important;
        white-space:normal!important;
    }

    .site-footer.site-footer-r23 .footer-qr:not(.footer-hide-mobile){
        display:block!important;
        width:100%!important;
        max-width:none!important;
        text-align:center!important;
    }
    .site-footer-r23 .footer-qr-frame{width:132px;height:132px;margin:0 auto}
    .site-footer-r23 .footer-qr strong{margin-top:8px;font-size:13px;text-align:center}

    .site-footer-r23 .footer-bottom-wrap{border-top:1px solid rgba(255,255,255,.13)}
    .site-footer.site-footer-r23 .footer-bottom-clean{
        width:calc(100% - 40px);
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        justify-items:center;
        gap:7px;
        min-height:0;
        padding:16px 0 calc(18px + env(safe-area-inset-bottom));
        font-size:12px;
        line-height:1.7;
        text-align:center;
    }
    .site-footer-r23 .footer-bottom-item{
        display:flex;
        width:100%;
        justify-content:center;
        text-align:center;
        writing-mode:horizontal-tb!important;
        word-break:normal!important;
        overflow-wrap:anywhere!important;
    }
    .site-footer-r23 .footer-legal-links{gap:20px}
    .site-footer-r23 .footer-legal-links:last-child{margin-left:0}
}

@media(max-width:420px){
    .site-footer.site-footer-r23 .footer-main-clean,
    .site-footer.site-footer-r23 .footer-bottom-clean{width:calc(100% - 32px)}
    .site-footer-r23 .footer-brand-block>p{font-size:13px}
    .site-footer-r23 .footer-hotline strong{font-size:26px}
    .site-footer-r23 .footer-link-list{gap:9px 16px}
    .site-footer-r23 .footer-simple-nav a{font-size:13px}
}