/* Desktop header and footer refinement. Keep mobile behavior in the existing
   mobile-first bundle while giving the full navigation enough room on larger screens. */
.footer-contact-panel{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.footer-contact-panel h4{margin:0 0 8px;color:#fff;font-size:14px;line-height:1.4}
.footer-contact{margin:0;line-height:1.9}
.footer-contact a{display:inline;color:#9fb8d1;margin:0;font-size:inherit;text-decoration:underline;text-underline-offset:2px}
.footer-contact a:hover{color:#fff}

@media(min-width:761px){
  .nav{gap:12px;min-height:72px}
  .topbar .brand{flex:0 0 auto}
  .navlinks{flex:1 1 auto;min-width:0;margin-left:4px;gap:0;justify-content:center}
  .navlinks a{flex:0 0 auto;white-space:nowrap;padding:8px 7px;font-size:13px;line-height:1.25}
  .nav-actions{flex:0 0 auto;gap:6px;white-space:nowrap}
  .nav-actions .nav-sell{padding-inline:12px;white-space:nowrap}
  .nav-dropdown summary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 10px;border-radius:12px;white-space:nowrap;font-size:13px;line-height:1.2}
  .nav-dropdown-panel{top:calc(100% + 8px)}
  .social-links-header{margin-left:2px;gap:5px}
  .social-links-header .social-link{width:32px;height:32px;padding:7px}
  .footer-contact-panel{margin-top:0;padding-top:0;border-top:0}
}

/* Two balanced rows give every destination a direct link on desktop. */
@media(min-width:851px){
  .nav{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "links links";column-gap:16px;row-gap:0;align-items:center;padding-top:8px;padding-bottom:7px}
  .topbar .brand{grid-area:brand;justify-self:start}
  .nav-actions{grid-area:actions;justify-self:end;margin-left:0}
  .navlinks{grid-area:links;display:flex!important;justify-content:space-between;min-width:0;width:100%;margin:4px 0 0;padding-top:5px;border-top:1px solid #e7edf4}
  .navlinks>a{flex:1 1 0;min-width:0;text-align:center;padding:8px 5px;font-size:13px;white-space:nowrap}
  .mobile-menu{display:none!important}
}
@media(min-width:851px) and (max-width:1050px){
  .navlinks>a{font-size:12px;padding-inline:3px}
  .social-links-header{display:none}
}
@media(max-width:850px){
  .navlinks,.nav-actions{display:none!important}
  .mobile-menu{display:block!important;flex:0 0 auto;margin-left:auto}
}
@media(max-width:760px){
  .footer-contact-panel{margin-top:16px;padding-top:14px}
}

.footer-contact-list{display:grid;gap:8px}
.footer .footer-contact-item{display:flex;align-items:center;gap:10px;min-height:34px;margin:0;color:#9fb8d1;text-decoration:none}
.footer .footer-contact-item:hover{color:#fff;text-decoration:none}
.footer-contact-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;border-radius:8px;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:transform .15s ease}
.footer-contact-item:hover .footer-contact-icon{transform:translateY(-1px)}
.footer-contact-icon svg{display:block;width:16px;height:16px;fill:currentColor}
.footer-contact-line .footer-contact-icon{background:#06c755}
.footer-contact-facebook .footer-contact-icon{background:#1877f2}
.footer-contact-tiktok .footer-contact-icon{background:#111}
.footer-contact-instagram .footer-contact-icon{background:linear-gradient(135deg,#7b2cff 0%,#e1306c 52%,#ffb347 100%)}
.footer-contact-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;min-width:0;line-height:1.45}
.footer-contact-label{color:#fff;font-size:12px;font-weight:800}
.footer-contact-value{font-size:12px;overflow-wrap:anywhere}

/* Match the compact social controls used in the desktop header. */
.footer .footer-contact-icon{width:32px;height:32px;flex-basis:32px;border-radius:50%}
.footer .footer-contact-icon svg{width:16px;height:16px}