/* Only the two WordPress menus explicitly marked tile_menu use photo cards. */
.nc-menu-panel.nc-menu-tiles{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 15px 45px #05152b33}
.nc-menu-panel.nc-menu-tiles.nc-floating-open{display:grid}
.nc-menu-panel.nc-menu-tiles:has(>.nvb-menu-tile:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.nc-menu-panel.nc-menu-tiles>a.nvb-menu-tile,.nvb-app-menu-tiles>a.nvb-menu-tile{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:10px;padding:10px;color:#173653;background:#f0f5fa;border:1px solid #dce8f1;border-radius:9px;text-decoration:none;white-space:normal;font-size:14px;line-height:1.3;font-weight:600}
.nvb-menu-tile>img{display:block;width:100%;height:105px;object-fit:contain;border-radius:5px;background:#fff}
.nvb-menu-tile>span{display:block;padding:1px 2px}
.nc-menu-panel.nc-menu-tiles>a.nvb-menu-tile:hover,.nvb-app-menu-tiles>a.nvb-menu-tile:hover{background:#dfedf8;color:#102f50}
.nvb-menu-tile:focus-visible{outline:3px solid #e5ba25;outline-offset:2px}
.nvb-app-children.nvb-app-menu-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px 0}
.nvb-app-menu-tiles>a.nvb-menu-tile{margin:0;font-size:13px}
.nvb-app-menu-tiles .nvb-menu-tile>img{height:90px}
@media(max-width:380px){.nvb-app-menu-tiles>a.nvb-menu-tile{padding:8px;font-size:12px}}
/* Override the shared text-dropdown rules only for these two photo menus. */
body.nova-third-site .nc-menu-panel.nc-menu-tiles.nc-floating-open{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px!important;background:#edf3fa;border:1px solid #cad8e8;border-radius:8px}
body.nova-third-site .nc-menu-panel.nc-menu-tiles:has(>.nvb-menu-tile:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
body.nova-third-site :is(.nc-menu-panel.nc-menu-tiles,.nvb-app-menu-tiles)>a.nvb-menu-tile{display:flex!important;flex-direction:column;align-items:stretch;width:auto!important;min-width:0!important;margin:0!important;padding:8px!important;gap:8px;background:#fff;border:1px solid #d5e1ef;border-radius:6px;font-size:13px!important;line-height:1.3!important;font-weight:600;overflow:hidden}
body.nova-third-site .nvb-menu-tile>img{height:96px;object-fit:contain;background:transparent;transform:scale(1.16);transform-origin:center}
body.nova-third-site .nvb-menu-tile>span{position:relative;z-index:1;padding:2px 0}
body.nova-third-site .nvb-app-menu-tiles .nvb-menu-tile>img{height:86px}

/* Balance only the two consumable subjects; production images are unchanged. */
body.nova-third-site .nvb-menu-tile[data-menu-item-id="619"]>img{transform:scale(1.02)}
body.nova-third-site .nvb-menu-tile[data-menu-item-id="620"]>img{transform:scale(2.05)}
/* The catalogues trigger has one consistent blue state, including after clicks. */
body.nova-third-site #nova-third-header .nx-catalogues-toggle:is(:hover,:focus,:focus-visible,:active,[aria-expanded="true"]){background:transparent!important;color:#a7c6ff!important;box-shadow:none!important}

/* Catalogues is a text dropdown: match the shared Service / About panel. */
body.nova-third-site #nova-third-header .nx-catalogues-panel{box-sizing:border-box;width:300px;max-width:calc(100vw - 24px);padding:9px;background:#fff;color:#172a3a;border:1px solid #d8e0e8;border-radius:8px;box-shadow:0 15px 40px #0a203b30}
body.nova-third-site #nova-third-header .nx-catalogues-panel>a{display:block!important;padding:10px 13px!important;color:#172a3a!important;font:14px/1.5 Arial,sans-serif!important;white-space:normal!important;text-transform:none!important;text-decoration:none!important;text-shadow:none!important;border-radius:5px}
body.nova-third-site #nova-third-header .nx-catalogues-panel>a:hover,body.nova-third-site #nova-third-header .nx-catalogues-panel>a:focus-visible{background:#edf3f8}

/* Photo menus only: highlight the complete card without changing its box. */
body.nova-third-site :is(.nc-menu-panel.nc-menu-tiles,.nvb-app-menu-tiles)>a.nvb-menu-tile:is(:hover,:focus-visible,:active){background:#dcecff!important;border-color:#dcecff!important;box-shadow:none!important;color:#142334!important;outline:0}
body.nova-third-site :is(.nc-menu-panel.nc-menu-tiles,.nvb-app-menu-tiles)>a.nvb-menu-tile:focus-visible{outline:2px solid #075bff;outline-offset:2px}
body.nova-third-site :is(.nc-menu-panel.nc-menu-tiles,.nvb-app-menu-tiles)>a.nvb-menu-tile>img{mix-blend-mode:multiply}

/* Start Catalogues at its own left edge, just like Service / About. The shared
   header positioner shifts it left only when the viewport has too little room. */
body.nova-third-site #nova-third-header .nx-catalogues-panel{left:0;right:auto!important}
body.nova-third-site #nova-third-header .nx-catalogues-panel.nvb-catalogues-floating{position:fixed!important;right:auto!important;z-index:2147483000!important;margin:0!important;min-width:0!important;overflow:auto;overscroll-behavior:contain}

/* Four product directions remain a single compact row on desktop. */
body.nova-third-site .nc-menu-panel.nc-menu-tiles:has(>.nvb-menu-tile:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
body.nova-third-site .nvb-vacuum-intro{display:grid;align-content:start;gap:24px}
body.nova-third-site .nvb-vacuum-intro>p{max-width:760px;margin:0;font-size:18px;line-height:1.6}
body.nova-third-site .nvb-vacuum-intro>img{display:block;width:100%;max-width:420px;height:auto;border-radius:8px}
@media(max-width:767px){body.nova-third-site .nvb-vacuum-intro{gap:18px}body.nova-third-site .nvb-vacuum-intro>p{font-size:16px}}

@media(max-width:767px){body.nova-third-site .nvb-vacuum-intro>img{max-width:280px}}

/* Keep the tall vacuum lifter visually balanced with the other menu subjects. */
body.nova-third-site .nvb-menu-tile[href*="/catalog/vacuum/"]>img{transform:scale(.66)}

/* Three native CRM covers, each opening the client cabinet. */
body:is(.nova-third-site,.wp-theme-nova-mech-blue) #nova-third-header .nx-catalogues-panel.nvb-catalogue-covers{width:540px;padding:10px;background:#edf3fa}
body:is(.nova-third-site,.wp-theme-nova-mech-blue) #nova-third-header .nx-catalogues-panel.nvb-catalogue-covers:not([hidden]){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body:is(.nova-third-site,.wp-theme-nova-mech-blue) #nova-third-header .nx-catalogues-panel.nvb-catalogue-covers>a.nvb-catalogue-cover,body:is(.nova-third-site,.wp-theme-nova-mech-blue) .nvb-app-catalogue-covers>a.nvb-catalogue-cover{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:8px!important;margin:0;background:#fff;color:#142334!important;border:1px solid #d5e1ef;border-radius:6px;text-decoration:none;font-size:13px!important;font-weight:600!important;line-height:1.3!important;white-space:normal!important}
body:is(.nova-third-site,.wp-theme-nova-mech-blue) .nvb-catalogue-cover>img{display:block;width:100%;height:112px;object-fit:contain;background:#fff;border-radius:3px}
body:is(.nova-third-site,.wp-theme-nova-mech-blue) .nvb-catalogue-cover>span{display:block;min-height:2.6em}
body:is(.nova-third-site,.wp-theme-nova-mech-blue) #nova-third-header .nx-catalogues-panel.nvb-catalogue-covers>a.nvb-catalogue-cover:is(:hover,:focus-visible),body:is(.nova-third-site,.wp-theme-nova-mech-blue) .nvb-app-catalogue-covers>a.nvb-catalogue-cover:is(:hover,:focus-visible){background:#dcecff!important;border-color:#dcecff}
body:is(.nova-third-site,.wp-theme-nova-mech-blue) .nvb-catalogue-cover:focus-visible{outline:2px solid #075bff;outline-offset:2px}
body:is(.nova-third-site,.wp-theme-nova-mech-blue) .nvb-app-catalogue-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px 0}
body:is(.nova-third-site,.wp-theme-nova-mech-blue) .nvb-app-catalogue-covers>a.nvb-catalogue-cover{padding:6px!important;font-size:12px!important}
body:is(.nova-third-site,.wp-theme-nova-mech-blue) .nvb-app-catalogue-covers .nvb-catalogue-cover>img{height:88px}
body:is(.nova-third-site,.wp-theme-nova-mech-blue) .nvb-app-catalogue-covers .nvb-catalogue-cover>span{min-height:3.9em}

body:is(.nova-third-site,.wp-theme-nova-mech-blue) #nova-third-header .nx-catalogues-panel.nvb-catalogue-covers>a.nvb-catalogue-cover>span{display:block!important;min-height:2.6em}

/* User-approved cover alignment in both the main and the additional preview, 2026-10-19.
   Preserve the complete portrait vacuum cover at the same width as the other covers. */
body:is(.nova-third-site,.wp-theme-nova-mech-blue) .nvb-catalogue-cover>img{height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain;object-position:center top;width:100%}
body:is(.nova-third-site,.wp-theme-nova-mech-blue) .nvb-catalogue-cover>span{margin-top:auto;padding-top:8px}

/* Keep all catalogue captions on the same baseline. */
body:is(.nova-third-site,.wp-theme-nova-mech-blue) #nova-third-header .nvb-catalogue-cover>span{height:42px;min-height:42px!important;line-height:1.3!important;padding-top:8px;box-sizing:border-box}
body:is(.nova-third-site,.wp-theme-nova-mech-blue) .nvb-app-catalogue-covers .nvb-catalogue-cover>span{height:47px;min-height:47px!important;line-height:1.3!important;padding-top:0;box-sizing:border-box}
