/* Phone layouts share the same artwork, typography and navigation as desktop. */
@media(max-width:980px){
 #qintorava-site .mobile-nav{overscroll-behavior:contain;scrollbar-gutter:stable}
 #qintorava-site .mobile-nav :is(a,summary){min-height:44px;box-sizing:border-box}
 #qintorava-site.mobile-open .qintorava-chatbot{visibility:hidden;pointer-events:none}
}
@media(max-width:720px), (max-width:980px) and (max-height:500px){
 #qintorava-site .site-header .nav-shell{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:calc(100% - 24px)!important;gap:6px!important}
 #qintorava-site .site-header .brand{min-width:0!important;max-width:100%!important}
 #qintorava-site .site-header .brand-logo-img.qintorava-logo-img{width:min(44vw,190px)!important;max-width:100%!important;height:auto!important}
 #qintorava-site .site-header .nav-actions{min-width:0!important;margin:0!important;gap:6px!important}
 #qintorava-site .site-header .q-header-demo{min-height:44px!important;box-sizing:border-box!important}
 #qintorava-site .site-header .mobile-toggle{width:44px!important;min-width:44px!important;height:44px!important;margin:0!important}
 #qintorava-site :is(.q-page-toc,.q-domain-rail) a{min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box}
 #qintorava-site :is(.q-gallery-tabs button,main summary,main .button,.footer-map-col a){min-height:44px;box-sizing:border-box}
 #qintorava-site :is(.roi-section,.roi-form,.roi-results,.roi-kpi-grid,.roi-actions){min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 #qintorava-site .roi-section{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 #qintorava-site :is(.roi-form,.roi-results){width:100%!important;padding:16px!important}
 #qintorava-site .roi-form :is(label,details){min-width:0!important;max-width:100%!important;box-sizing:border-box}
 #qintorava-site main form :is(input:not([type=hidden]),select,textarea){box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;font-size:16px!important;min-height:48px!important}
 #qintorava-site main form :is(input[type=checkbox],input[type=radio]){width:24px!important;min-height:24px!important}
 #qintorava-site :is(.roi-form,.roi-results) .button{width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.45!important;padding:12px!important}
 #qintorava-site .roi-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 #qintorava-site .roi-results dl>div{flex-wrap:wrap;gap:6px}
 #qintorava-site :is(.form-status,[data-roi-email-status]){overflow-wrap:anywhere!important;scroll-margin-block:110px 80px}
 #qintorava-site .qintorava-chatbot{width:auto!important;left:auto!important;right:max(12px,env(safe-area-inset-right))!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
 #qintorava-site .chatbot-toggle{width:56px!important;height:56px!important;min-width:56px!important;border-radius:50%!important;box-shadow:0 5px 20px #166a9633!important}
 #qintorava-site .chatbot-toggle img{width:100%!important;height:100%!important}
 #qintorava-site .qintorava-chatbot.is-open .chatbot-toggle{display:none!important}
 #qintorava-site .chatbot-panel{position:fixed!important;inset:auto max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;width:auto!important;height:min(680px,calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))!important;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;box-sizing:border-box!important}
 #qintorava-site .chatbot-header{padding:10px 12px!important;gap:8px!important}
 #qintorava-site .chatbot-header button{width:44px!important;height:44px!important;min-width:44px!important}
 #qintorava-site .chatbot-messages{padding:12px!important;overscroll-behavior:contain}
 #qintorava-site .chatbot-form{grid-template-columns:minmax(0,1fr) auto!important;padding:10px!important;gap:8px!important}
 #qintorava-site .chatbot-panel .chatbot-form :is(input,button){font-size:16px!important;min-height:48px!important;box-sizing:border-box!important}
 #qintorava-site .chatbot-form input{padding-inline:10px!important}
 #qintorava-site .chatbot-form button{width:auto!important;padding-inline:12px!important}
 #qintorava-site .chatbot-guardrail{font-size:12px!important;line-height:1.4!important;padding:0 12px 10px!important}
 #qintorava-site .roi-email-dialog{width:calc(100% - 16px)!important;max-width:480px!important;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;padding:16px!important;overflow-y:auto;overscroll-behavior:contain}
 #qintorava-site .roi-email-dialog-head{align-items:flex-start;gap:8px}
 #qintorava-site .roi-email-dialog-head h2{font-size:20px!important;line-height:1.3!important}
 #qintorava-site .roi-email-dialog-head [data-cancel]{min-width:44px!important;min-height:44px!important;flex-shrink:0}
 #qintorava-site .roi-email-dialog-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 #qintorava-site .roi-email-dialog-actions button{width:100%!important;min-height:48px!important;white-space:normal!important}
 html body .q-screen-dialog{box-sizing:border-box!important;width:calc(100% - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow:auto;overscroll-behavior:contain}
 html body .q-screen-dialog form{flex-wrap:wrap;gap:8px!important}
 html body .q-screen-dialog :is(button,.q-image-original){min-height:44px!important;display:inline-flex;align-items:center;box-sizing:border-box}
}
@media(max-width:400px){
 #qintorava-site .site-header .q-header-demo{font-size:11px!important;padding:8px 6px!important;gap:0!important;white-space:nowrap!important}
}

@media(max-width:720px), (max-width:980px) and (max-height:500px){#qintorava-site .qintorava-chatbot.mobile-action-clearance:not(.is-open){visibility:hidden!important;pointer-events:none!important}}
@media(max-width:720px), (max-width:980px) and (max-height:500px){
 #qintorava-site .roi-email-dialog-form{padding:0!important;min-width:0!important;gap:14px!important}
 #qintorava-site .roi-email-dialog-head>div{min-width:0}
}
#qintorava-site .qintorava-chatbot.is-open{z-index:1000!important}
#qintorava-site .chatbot-header button{color:#075a92!important;background:#fff!important;border:1px solid #9ccfe6!important;font-size:24px!important;line-height:1!important}
/* A modal must stay anchored to the viewport after its trigger scrolls into view. */
html body .q-screen-dialog[open]{position:fixed!important;inset:0!important;margin:auto!important;max-height:calc(100dvh - 16px)!important;box-sizing:border-box!important;overflow:auto!important}
html body .q-screen-dialog[open] img{max-height:calc(100dvh - 120px)!important;object-fit:contain!important}

/* Fit navigation below the measured header, including device rotation and zoom. */
#qintorava-site .site-header .mobile-nav{
 box-sizing:border-box!important;min-height:0!important;
 max-height:var(--q-navigation-max-height,calc(100dvh - 124px))!important;
 overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
 padding-bottom:max(20px,env(safe-area-inset-bottom))!important;
}

#qintorava-site .site-header .mega{
 box-sizing:border-box!important;min-height:0!important;
 max-height:var(--q-navigation-max-height,calc(100dvh - 140px))!important;
 overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
}
/* Keep floating assistance clear of every open navigation surface. */
#qintorava-site.mobile-open .qintorava-chatbot,
#qintorava-site:has(.desktop-nav .nav-button[aria-expanded="true"]) .qintorava-chatbot{visibility:hidden!important;pointer-events:none!important}