@media (min-width: 921px) {
    .mobile-only-navigation { display: none; }
    body.site-responsive.mobile-navigation-only { padding-top: 0 !important; }
    body.site-responsive.mobile-navigation-only.mobile-access-page { padding: 32px !important; }
    body.site-responsive.mobile-navigation-only.mobile-confirm-page { margin: 40px; }
    body.site-responsive.mobile-navigation-only.mobile-payment-page { padding: 24px !important; }
}
@media (max-width: 920px) {
    .mobile-navigation-only > .topbar,
    .mobile-navigation-only > .header { display: none; }
    body.site-responsive.mobile-access-page { display: block; padding-left: 12px; padding-right: 12px; }
    body.site-responsive.mobile-access-page > .container { margin-top: 24px; }
    .site-responsive.mobile-access-page .header-row { flex-wrap: wrap; gap: 12px; }
    .site-responsive.mobile-access-page .brand { min-width: 0; gap: 8px; }
    .site-responsive.mobile-access-page .left { padding: 24px 16px; }
    .site-responsive.mobile-access-page .right { padding: 20px 16px; }
    .site-responsive.mobile-access-page .footer-sm { flex-wrap: wrap; padding: 16px; }
    .site-responsive.mobile-confirm-page > .box { margin: 24px 12px; }
    .site-responsive.mobile-payment-page > main { margin: 24px 12px; overflow-wrap: anywhere; }
    body.site-responsive { width: 100%; }
    .site-responsive .site-header,
    .site-responsive .site-header * { box-sizing: border-box; }
    .site-responsive .site-header { z-index: 100000; }
    .site-responsive .site-header .nav-row { display: none; }
    .site-responsive .site-header .brand-row { height: auto; min-height: 76px; }
    .site-responsive .site-header .brand-row .inner { gap: 8px; padding: 8px 12px; }
    .site-responsive .site-header .brand-left { flex: 1; gap: 8px; }
    .site-responsive .site-header .brand-left > a { flex-shrink: 0; }
    .site-responsive .site-header .brand-left img { width: 72px; height: 48px; object-fit: contain; }
    .site-responsive .site-header .brand-text { display: block; }
    .site-responsive .site-header .brand-title { white-space: normal; font-size: 14px; line-height: 1.25; overflow-wrap: anywhere; }
    .site-responsive .site-header .brand-sub,
    .site-responsive .site-header .user-name { display: none; }
    .site-responsive .site-header .user-actions-bar { height: auto; gap: 6px; }
    .site-responsive .site-header .user-avatar,
    .site-responsive .site-header .wcag-btn { width: 44px; height: 44px; flex-shrink: 0; font-size: 18px; }
    .site-responsive .site-header .mobile-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; margin: 0; padding: 0; border: 0; background: transparent; color: #007f1b; cursor: pointer; }
    .site-responsive .site-header .mobile-toggle:focus-visible { outline: 2px solid #007f1b; outline-offset: -2px; }
    .site-responsive .site-header .top-row .inner { flex-wrap: wrap; gap: 6px 12px; padding: 6px 12px; }
    .site-responsive .site-header .top-left { flex: 1; min-width: 0; gap: 4px 10px; }
    .site-responsive .site-header .top-left > a,
    .site-responsive .site-header .top-left > .cart,
    .site-responsive .site-header .top-right > form,
    .site-responsive .site-header .top-right > .admin-btn { display: none; }
    .site-responsive .site-header .top-right { margin-left: 0; gap: 6px; }
    .site-responsive .site-header .translate-label { display: none; }
    .site-responsive .site-header .translate-wrap { width: auto; }
    .site-responsive .site-header .translate-select { min-width: 0; width: 104px; padding: 7px 24px 7px 8px; background-position: right 6px center; }
    .site-responsive .site-header .mobile-nav { position: absolute; top: 100%; left: 0; right: 0; width: 100%; max-height: calc(100vh - var(--site-header-height, 130px)); max-height: calc(100dvh - var(--site-header-height, 130px)); overflow-y: auto; overscroll-behavior: contain; }
    .site-responsive .site-header .mobile-nav a,
    .site-responsive .site-header .mobile-nav button,
    .site-responsive .site-header .mobile-nav summary { min-height: 44px; overflow-wrap: anywhere; white-space: normal; }
    .site-responsive .site-header .mobile-nav form { margin: 0; padding: 0; width: 100%; max-width: none; background: transparent; border: 0; box-shadow: none; }
    .site-responsive .site-header .mobile-nav button { width: 100%; }
    .site-responsive .mobile-submenu summary { cursor: pointer; padding: 0; font-weight: 700; color: #0b2b29; display: flex; align-items: center; list-style: none; }
    .site-responsive .mobile-submenu summary::-webkit-details-marker { display: none; }
    .site-responsive .mobile-submenu summary > a { flex: 1; min-width: 0; text-decoration: none; }
    .site-responsive .mobile-submenu-indicator { width: 44px; min-height: 44px; flex-shrink: 0; display: grid; place-items: center; }
    .site-responsive .mobile-submenu[open] .mobile-submenu-indicator i { transform: rotate(180deg); }
    .site-responsive .mobile-submenu-group { padding: 0 12px; border-left: 2px solid #007f1b; margin: 8px 0 8px 8px; }
    .site-responsive .mobile-submenu-group .child { font-weight: 400; padding-left: 16px; color: #2870b8; }
    .site-responsive .mobile-submenu-group > a:not(.child) { color: #123568; }
    .site-responsive .mobile-submenu-group > a { text-decoration: none; transition: color 150ms ease; }
    .site-responsive .mobile-submenu-group > a:hover,
    .site-responsive .mobile-submenu-group > a:focus-visible { color: #008020; text-decoration: none; }
    .site-responsive :is(main, .page-content, .page-center, #mainContent, .wrapper, .form-box) { min-width: 0; overflow-wrap: anywhere; }
    .site-responsive :is(main, #mainContent, .wrapper, .page-center) :is(img, video, iframe, canvas) { max-width: 100%; }
    .site-responsive :is(.wrapper, .rich-content, .lead, .content-html) img { height: auto; }
    .site-responsive :is(.wrapper, .rich-content, .lead, .content-html) table { width: 100% !important; max-width: 100%; table-layout: fixed; }
    .site-responsive :is(.wrapper, .rich-content, .lead, .content-html) :is(td, th) { overflow-wrap: anywhere; }
    .site-responsive :is(main, #mainContent, .wrapper, .page-center) :is(pre, code) { white-space: pre-wrap; overflow-wrap: anywhere; }
    .site-responsive #chat-modal { width: calc(100% - 24px) !important; right: 12px !important; bottom: 80px !important; max-height: calc(100dvh - 100px); display: none; }
    .site-responsive #chat-input { min-width: 0; }
    .site-responsive #chat-messages { height: min(320px, 45dvh) !important; overflow-wrap: anywhere; }
    .site-responsive #chat-modal:has(#chat-verification:not([hidden])) #chat-messages { height: max(40px, min(240px, calc(100dvh - 460px))) !important; }
    .site-responsive footer > .container { box-sizing: border-box; }
    .site-responsive footer > .container > div { min-width: 0 !important; max-width: 100%; overflow-wrap: anywhere; }
    .site-responsive footer > .container > div > div { flex-wrap: wrap; }
    .site-responsive :is(.tabs, .subtle-nav) { flex-wrap: wrap; white-space: normal; }
    .site-responsive .tab { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
    .site-responsive .title-row { min-width: 0; }
    .site-responsive .title-row > div { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
    .site-responsive .footer > .container { flex-wrap: wrap; gap: 12px; }
}
@media (max-width: 480px) {
    .site-responsive .site-header .brand-text { display: none; }
    .site-responsive .site-header .top-left .email { display: none; }
    .site-responsive .site-header .top-left .phone a { padding: 4px 0; font-size: 12px; }
    .site-responsive .site-header .brand-left img { width: 92px; height: 52px; }
    .site-responsive .site-header .brand-row .inner { padding: 6px 10px; }
    .site-responsive footer > .container { flex-direction: column; align-items: flex-start !important; }
    .site-responsive footer > .container > div { flex: none !important; width: 100%; text-align: left !important; }
    .site-responsive footer > .container > div > div { text-align: left !important; }
    .site-responsive .form-box { margin: 24px 12px; padding: 16px; }
    .site-responsive .auth-btn { height: auto; min-height: 48px; line-height: 1.3; padding: 10px 14px; white-space: normal; }
}