/* Services mega menu — photo sub-menu (client request, WP build addition).
   Uses the same design tokens as the page stylesheets. */

.panel-mega{width:900px;padding:18px 18px 10px;}
.panel-mega .h{padding:2px 12px 10px;}
.panel-mega .mega-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px 8px;}
.panel-mega .mega-grid a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r-control);font-size:14.5px;font-weight:500;color:var(--ink);white-space:nowrap;}
.panel-mega .mega-grid a:hover{background:var(--paper);color:var(--ray-blue);}
.panel-mega .mm-im{width:46px;height:46px;flex:0 0 auto;border-radius:var(--r-card);overflow:hidden;background:var(--mist);box-shadow:var(--shadow);}
.panel-mega .mm-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 260ms ease-out;border-radius:0;}
.panel-mega .mega-grid a:hover .mm-im img{transform:scale(1.1);}
.panel-mega .mega-all{display:inline-flex;align-items:center;gap:8px;margin:10px 12px 8px;font-size:14px;font-weight:600;color:var(--ray-blue);}
.panel-mega .mega-all svg{width:15px;height:15px;transition:transform 180ms ease-out;}
.panel-mega .mega-all:hover{color:var(--deep-navy);}
.panel-mega .mega-all:hover svg{transform:translateX(4px);}

/* keep the wide panel on-screen on narrower desktop headers */
@media(min-width:1151px) and (max-width:1500px){
  .panel-mega{width:780px;left:0;transform:translateX(-120px) translateY(10px);}
  .dd:hover .panel-mega,.dd:focus-within .panel-mega{transform:translateX(-120px) translateY(0);}
}

/* drawer mode: single column, smaller thumbs, mirrors the list styling */
@media(max-width:1150px){
  .panel-mega{width:auto!important;padding:4px 0 4px 8px;}
  .panel-mega .mega-grid{display:block;}
  .panel-mega .mega-grid a{padding:8px 13px;}
  .panel-mega .mm-im{width:38px;height:38px;}
  .panel-mega .mega-all{margin:8px 13px;}
}