.op-mobile-drawer-footer { display: none; }
@media (max-width: 760px) {
    html body :is(.op-drawer, .site-drawer) .op-mobile-drawer-footer {
        display: block;
        margin-top: 22px;
        padding-bottom: max(12px, env(safe-area-inset-bottom));
        color: #34442e;
    }
    html body :is(.op-drawer, .site-drawer) .op-mobile-drawer-footer__group {
        padding: 15px 0;
        border-top: 1px solid #c6cbbb;
    }
    html body :is(.op-drawer, .site-drawer) .op-mobile-drawer-footer__group h2 {
        margin: 0 0 5px;
        color: #53664b;
        font: 700 12px/1.5 Arial, Helvetica, sans-serif;
        letter-spacing: .05em;
    }
    html body :is(.op-drawer, .site-drawer) .op-mobile-drawer-footer__group a,
    html body :is(.op-drawer, .site-drawer) .op-mobile-drawer-footer__details a {
        display: block;
        min-height: 42px;
        margin: 0;
        padding: 10px 0;
        border: 0;
        color: #26331f;
        font: 500 16px/1.4 Arial, Helvetica, sans-serif;
        text-decoration: none;
        overflow-wrap: anywhere;
        white-space: normal;
    }
    html body :is(.op-drawer, .site-drawer) .op-mobile-drawer-footer a:focus-visible {
        outline: 2px solid #45552b;
        outline-offset: 2px;
    }
    html body :is(.op-drawer, .site-drawer) .op-mobile-drawer-footer__details {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        padding-top: 18px;
        border-top: 1px solid #c6cbbb;
        color: #586652;
        font: 400 12px/1.55 Arial, Helvetica, sans-serif;
    }
    html body :is(.op-drawer, .site-drawer) .op-mobile-drawer-footer__details strong { color: #34442e; }
    html body :is(.op-drawer, .site-drawer) .op-mobile-drawer-footer__details a {
        min-height: 0;
        padding: 1px 0;
        color: #586652;
        font-size: 12px;
    }
    html body :is(.op-drawer, .site-drawer) .op-mobile-drawer-footer__group h2,
    html body :is(.op-drawer, .site-drawer) .op-mobile-drawer-footer__details span {
        overflow-wrap: anywhere;
    }
    html[dir="rtl"] body :is(.op-drawer, .site-drawer) .op-mobile-drawer-footer__group :is(h2,a) {
        font-family: "OP Arabic", Tahoma, Arial, sans-serif;
    }
}