/* Public website + Crew. Loaded after the original Bootstrap 3 theme. */
body { font-size: 16px; }
h1 { font-size: clamp(30px, 3.6vw, 46px); font-weight: 700; letter-spacing: -.035em; }
h2 { font-size: clamp(25px, 3vw, 36px); font-weight: 700; letter-spacing: -.025em; }
h3 { font-size: 21px; }
p { margin-bottom: 18px; }
a { font-weight: 700; }
.container { max-width: 1280px; }
#header.header, #header.header.navbar-fixed-top { top: 0; padding: 12px 0; background: var(--pop-blue); box-shadow: 0 2px 12px rgba(17,31,67,.12); border-bottom: 1px solid rgba(255,255,255,.14); }
#header > .container { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#header .logo { padding: 0; margin: 0; flex-shrink: 0; }
#header .logo a { display: flex; width: 154px; height: 56px; overflow: hidden; align-items: center; justify-content: center; }
#header .header-logo { display: block; width: auto; height: 56px; max-width: none; flex-shrink: 0; }
#header .main-nav { margin: 0; }
#header .main-nav .nav .nav-item { margin: 0 0 0 6px; }
#header .main-nav .nav .nav-item > a { padding: 12px 10px; color: #fff; font-size: 13px; font-family: var(--pop-font); font-weight: 700; border-radius: 6px; }
#header .main-nav .nav .nav-item > a:hover, #header .main-nav .nav .open > a { background: rgba(255,255,255,.1); color: var(--pop-gold); }
#header .main-nav .nav .nav-item > a:focus-visible { outline-color: var(--pop-gold) !important; }
#header .main-nav .caret, #header .main-nav .fa { color: var(--pop-gold); }
#header .main-nav .dropdown-menu { padding: 8px; min-width: 230px; max-height: calc(100vh - 105px); overflow-y: auto; border: 1px solid var(--pop-line); border-radius: 10px; box-shadow: 0 16px 40px rgba(17,31,67,.16); background: #fff; }
#header .main-nav .dropdown-menu .nav-item { margin: 0; }
#header .main-nav .dropdown-menu .nav-item > a { color: var(--pop-ink) !important; font-size: 14px; padding: 10px 12px; }
#header .main-nav .dropdown-menu .nav-item > a:hover, #header .main-nav .dropdown-menu .nav-item > a:focus { background: #edf2fc; color: var(--pop-blue) !important; }
#header #ct { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; font-weight: 400; color: #e0e7ff; border-left: 1px solid rgba(255,255,255,.25); border-radius: 0; margin-left: 10px; }
#header .navbar-toggle { margin: 5px 0; padding: 13px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.3); }
#header .navbar-toggle .icon-bar { background: #fff; }
.offset-header { padding-top: 116px; padding-bottom: 50px; min-height: calc(100vh - 245px); }
.offset-header-banner, .offset-banner { padding-top: 81px; }
.pop-eyebrow { display: block; color: var(--pop-blue); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; margin-bottom: 18px; }
.pop-hero { background: var(--pop-navy); }
.pop-hero .carousel-inner > .item > img { width: 100%; height: 540px; object-fit: cover; }
.pop-hero .item::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(9,23,54,.85), rgba(9,23,54,.48) 52%, rgba(9,23,54,.05)); }
.pop-hero .carousel-caption { display: block; z-index: 2; top: 50%; bottom: auto; transform: translateY(-50%); left: max(calc((100% - 1140px)/2), 8%); right: 8%; width: auto; max-width: 780px; margin: 0; padding: 0; text-align: left; background: transparent; border-radius: 0; text-shadow: none; }
.pop-hero .carousel-caption h1, .pop-hero .carousel-caption h2 { color: #fff; font-size: clamp(32px, 4.3vw, 58px); font-weight: 700; line-height: 1.12; letter-spacing: -.045em; margin: 0 0 24px; }
.pop-hero .pop-eyebrow { color: var(--pop-gold); }
.pop-hero .carousel-caption p { color: #f0f3fa; font-size: 18px; max-width: 540px; line-height: 1.65; }
.pop-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 26px; margin-top: 30px; }
.pop-hero .carousel-caption .btn { padding: 13px 21px; font-size: 14px; }
.pop-hero-link { color: #fff; font-size: 14px; }
.pop-hero-link:hover { color: var(--pop-gold); }
.pop-hero .carousel-control { width: 5%; background: transparent; z-index: 3; }
.pop-hero .carousel-control .glyphicon { font-size: 20px; }
.pop-hero .carousel-indicators { bottom: 18px; }
.pop-hero .carousel-indicators li { width: 25px; height: 4px; border: 0; border-radius: 2px; background: rgba(255,255,255,.45); margin: 0 5px; }
.pop-hero .carousel-indicators .active { background: var(--pop-gold); }
#about { background: #fff; padding: 28px 0; border-bottom: 1px solid var(--pop-line); }
.mini-stats-bar { width: 100%; }
#about .item { margin: 0; }
#about .item + .item { border-left: 1px solid var(--pop-line); }
#about .item .content { padding: 8px; }
#about .item .content .sub-title { font-family: var(--pop-font); font-size: 13px; color: var(--pop-muted); font-weight: 700; margin: 0 0 12px; }
#about .stat-numbers { font-size: clamp(24px, 3vw, 40px); font-weight: 700; color: var(--pop-navy); line-height: 1.2; margin-bottom: 10px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
#about .stat-mini { font-size: 12px; color: var(--pop-muted); margin: 0; }
#features { padding: 80px 0 65px; background: #fff; color: var(--pop-ink); }
#features .row { display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; margin: 0; }
#features .row::before, #features .row::after { display: none; }
#features .title { color: var(--pop-navy); line-height: 1.25; font-size: clamp(28px, 3vw, 38px); margin: 0; }
#features .item { float: none; width: 100%; padding: 0; margin: 0; }
#features .content { padding: 0; font-size: 16px; color: var(--pop-muted); line-height: 1.8; }
#features .content strong { color: var(--pop-ink); }
#features .btn { font-size: 13px; }
#map-cont { padding: 55px 0 25px; background: var(--pop-cloud); }
.pop-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.pop-section-heading h2 { margin: 0; font-size: 28px; }
.pop-section-heading .pop-eyebrow { margin-bottom: 10px; }
#map-cont #map { height: 430px; width: calc(100% - 30px); max-width: 1140px; margin: 0 auto 18px; border: 1px solid var(--pop-line); border-radius: var(--pop-radius); z-index: 0; }
#map-cont > .container > .row { margin: 0; }
#map-cont p { color: var(--pop-muted); font-size: 13px; }
.stats { padding: 12px 0; background: var(--pop-cloud); color: var(--pop-ink); }
.stats:last-of-type { padding-bottom: 50px; }
.panel { margin-bottom: 24px; background: #fff; }
.panel-default > .panel-heading { padding: 20px 24px; background: #fff; border-color: var(--pop-line); border-radius: 12px 12px 0 0; }
.panel-title { font-family: var(--pop-heading); font-size: 17px; line-height: 1.5; font-weight: 700; color: var(--pop-navy); }
.panel-body { padding: 24px; overflow-x: auto; }
.panel-footer { background: #f8fafd; border-color: var(--pop-line); border-radius: 0 0 12px 12px; }
.table { font-size: 14px; margin-bottom: 16px; }
.table > thead > tr > th, .table > tbody > tr > td, .table > tbody > tr > th { padding: 14px 12px; }
.table-striped > tbody > tr:nth-of-type(odd) { background: #fafbfd; }
.table a { color: var(--pop-blue); }
.table i { color: #63779e; }
.table .red-row a { color: #fff; }
.table .red-row i { color: #fff; }
.table .gold { color: #926700; }
.table .btn { font-size: 12px; }
.dataTables_wrapper { font-size: 14px; }
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select { min-height: 38px; border: 1px solid #cbd4e2; border-radius: 6px; padding: 6px 10px; background: #fff; }
.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length { margin-bottom: 18px; }
.dataTables_wrapper .dataTables_info { color: var(--pop-muted); }
.pagination > li > a, .pagination > li > span { color: var(--pop-blue); border-color: var(--pop-line); }
.pagination > .active > a, .pagination > .active > span { color: #fff; background: var(--pop-blue); border-color: var(--pop-blue); }
.btn, a.btn { font-family: var(--pop-font); padding: 10px 17px; font-size: 14px; text-transform: none; }
.btn-sm, a.btn-sm { padding: 6px 11px; font-size: 12px; }
.btn-xs, a.btn-xs { padding: 3px 8px; font-size: 12px; }
.btn-lg, a.btn-lg { padding: 13px 23px; font-size: 16px; }
.btn-default { color: var(--pop-blue); background: #fff; border-color: #cbd4e2; }
.btn-default:hover { background: #edf2fc; border-color: #aab8d2; color: var(--pop-blue); }
.btn-success { background: #187453; border-color: #187453; }
.btn-info { background: #176b91; border-color: #176b91; }
.btn-danger { background: #b7313f; border-color: #b7313f; }
a.btn-cta-primary, .btn-cta-primary { background: var(--pop-gold); border-color: var(--pop-gold); color: var(--pop-navy); }
a.btn-cta-primary:hover, .btn-cta-primary:hover, .btn-cta-primary:focus { background: #ffd35f; border-color: #ffd35f; color: var(--pop-navy); }
a.btn-cta-secondary, .btn-cta-secondary { background: var(--pop-blue); border-color: var(--pop-blue); color: #fff; }
.form-control { min-height: 44px; font-size: 16px; height: auto; }
.input-group .form-control { height: 44px; }
.input-group-addon { background: #f0f3f8; border-color: #cbd4e2; color: var(--pop-muted); }
textarea.form-control { min-height: 120px; }
.form-group { margin-bottom: 22px; }
label { font-size: 14px; color: var(--pop-ink); margin-bottom: 8px; }
input[type='checkbox'], input[type='radio'] { accent-color: var(--pop-blue); }
.badge { background: var(--pop-blue); padding: 5px 8px; }
#header .badge { background: var(--pop-gold); color: var(--pop-navy); }
.label { border-radius: 4px; padding: .35em .65em; }
.alert { border-radius: 8px; }
.jumbotron { background: #fff; border: 1px solid var(--pop-line); border-top: 4px solid var(--pop-blue); border-radius: var(--pop-radius); box-shadow: var(--pop-shadow); padding: 36px; }
.container .jumbotron { padding: 36px; }
.jumbotron h1 { font-size: clamp(28px, 3vw, 40px); }
.jumbotron p { font-size: 17px; line-height: 1.8; font-weight: 400; }
.jumbotron .pilot-profile-image { width: 110px; height: 110px; object-fit: cover; margin: 0 0 16px 20px; }
.pilot-profile-image-small { object-fit: cover; }
.profile .name { font-weight: 700; }
.cp img:not(.leaflet-tile):not(.leaflet-marker-icon):not(.leaflet-marker-shadow) { max-width: 100%; }
.cp .row > .jumbotron { margin-left: 15px; margin-right: 15px; }
.activity-card-container { width: min(350px, 100%); border-radius: 12px; background-size: cover; background-position: center; overflow: hidden; }
.activity-card-hidden, .activity-card-hidden div { width: 100%; }
.pop-auth > .container { max-width: 560px; }
.pop-auth .panel { margin-top: 20px; }
.pop-auth .panel-heading { padding: 26px 28px 18px; }
.pop-auth .panel-title { font-size: 25px; }
.pop-auth .panel-body { padding: 28px; }
.pop-auth form > .form-group > .btn { width: 100%; }
section#join { padding: 55px 0; background: var(--pop-navy); }
section#join .row { display: flex; align-items: center; flex-wrap: wrap; }
section#join .title { color: #fff; font-weight: 700; margin-bottom: 15px; }
section#join .pop-eyebrow { color: var(--pop-gold); }
section#join p { color: #c9d3e7; margin: 0; }
.footer { background: #0c1732 !important; padding: 40px 0; color: #b9c5dc; font-size: 14px; line-height: 1.9; }
.pop-footer-brand { font-family: var(--pop-heading); font-size: 26px; font-weight: 700; color: var(--pop-gold); }
.pop-footer-brand span { font-size: 15px; color: #fff; margin-left: 5px; }
.pop-footer-motto { font-size: 12px; letter-spacing: .06em; color: #c9d3e7; padding-bottom: 20px; border-bottom: 1px solid #29344d; }
.footer a { color: #e0e7f5; }
.footer a:hover, .footer i:hover { color: var(--pop-gold); }
.footer .copyright { opacity: 1; }
.footer .social-icons { display: inline-flex; padding: 9px 4px; }
.footer i { font-size: 23px; }
.cookie-banner { background: var(--pop-navy) !important; height: auto; padding: 14px 24px; border-top: 1px solid #45516b; font-size: 13px; box-shadow: 0 -4px 20px rgba(0,0,0,.12); }
.cookie-banner p { margin: 0; }
.cookie-banner .btn { color: var(--pop-navy); background: var(--pop-gold) !important; border-color: var(--pop-gold) !important; }
/* Bootstrap keeps responsibility for collapse/dropdown states and map sizing. */
@media (min-width: 1200px) { .container { width: 1170px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  #header > .container { width: 100%; padding: 0 20px; gap: 8px; }
  #header .logo a { width: 105px; }
  #header .header-logo { width: auto; height: 52px; }
  #header .main-nav .nav .nav-item { margin-left: 0; }
  #header .main-nav .nav .nav-item > a { padding: 12px 7px; font-size: 12px; }
  #header #ct { margin-left: 0; padding-left: 7px; min-width: 88px !important; }
}
@media (max-width: 991px) {
  #features .row { gap: 32px; }
  section#join .row > div:last-child { margin-top: 24px; }
  .panel-body { padding: 18px; }
}
@media (max-width: 767px) {
  #header > .container { display: block; }
  #header .logo { position: absolute; left: 15px; top: 0; }
  #header .logo a { height: 48px; width: 130px; }
  #header .header-logo { width: auto; height: 48px; }
  #header .main-nav { width: 100%; }
  #header .navbar-header { height: 48px; }
  #header .navbar-toggle { margin-top: 2px; }
  #header .main-nav .navbar-collapse { margin: 12px -15px -12px; padding: 10px 15px; background: var(--pop-blue); border-top: 1px solid rgba(255,255,255,.2); max-height: calc(100vh - 75px); overflow-y: auto; }
  #header .main-nav .nav .nav-item { margin: 0; }
  #header .main-nav .nav .nav-item > a { padding: 13px 12px; font-size: 14px; }
  #header .main-nav .dropdown-menu { max-height: none; box-shadow: none; margin: 0 0 10px; }
  #header .main-nav .dropdown-menu .nav-item > a { white-space: normal; }
  #header #ct { border: 0; margin: 0; }
  .offset-header-banner, .offset-banner { padding-top: 73px; }
  .offset-header { padding-top: 96px; padding-bottom: 30px; }
  .pop-hero .carousel-inner > .item > img { height: 520px; object-position: 58% center; }
  .pop-hero .carousel-caption { left: 8%; right: 8%; top: 48%; }
  .pop-hero .carousel-caption h1, .pop-hero .carousel-caption h2 { font-size: clamp(29px, 7.8vw, 45px); }
  .pop-hero .carousel-caption p { font-size: 15px; }
  .pop-hero-actions { gap: 18px; }
  .pop-hero .carousel-control .glyphicon { font-size: 14px; }
  #about { padding: 14px 0; }
  #about .item { padding: 12px 5px; }
  #about .item:nth-child(3) { border-left: 0; }
  #about .item:nth-child(n+3) { border-top: 1px solid var(--pop-line); }
  #about .stat-mini { font-size: 11px; }
  #features { padding: 44px 0; }
  #features .row { display: block; }
  #features .pop-intro-heading { margin-bottom: 24px; }
  #features .btn { white-space: normal; }
  #map-cont { padding-top: 36px; }
  .pop-section-heading { display: block; }
  .pop-section-heading .btn { margin-top: 20px; }
  #map-cont #map { height: 350px; }
  .panel-default > .panel-heading { padding: 16px; }
  .panel-title { font-size: 16px; }
  .panel-body { padding: 16px; }
  .table { font-size: 13px; }
  .table > thead > tr > th { white-space: nowrap; }
  .table > tbody > tr > td { padding: 12px 10px; }
  .table .btn { white-space: nowrap; }
  .dataTables_wrapper .row { margin: 0; }
  .dataTables_wrapper .row > div { padding: 0; }
  .dataTables_wrapper .dataTables_filter input { max-width: 180px; }
  .jumbotron, .container .jumbotron { padding: 24px; }
  .jumbotron p { font-size: 15px; }
  .jumbotron .pilot-profile-image { width: 72px; height: 72px; }
  .jumbotron i.profile { font-size: 65px; }
  .activity-card-container { margin-right: 0; }
  section#join { padding: 38px 0; }
  .footer .text-right { text-align: left; margin-top: 20px; }
  .cookie-banner { padding: 12px 15px; }
  .pop-auth .panel-body { padding: 22px; }
}

/* Tables placed directly inside grid columns (rankings, dispatch, downloads). */
.cp [class*="col-"]:has(> table), .cp [class*="col-"]:has(> .dataTables_wrapper) { overflow-x: auto; }
@media (min-width: 768px) {
  #header .navbar-nav > .dropdown > a > span { display: block; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (min-width: 768px) and (max-width: 991px) {
  #header .navbar-nav > .dropdown > a > span { max-width: 150px; }
}

/* POP header & footer — gradient edition. Scoped to the shared site shell. */
#header.pop-header, #header.pop-header.navbar-fixed-top {
  padding: 7px 0;
  background: linear-gradient(112deg, #101d43 0%, #19378f 58%, #2349ad 100%);
  border-bottom: 1px solid rgba(255,255,255,.13);
  box-shadow: 0 5px 24px rgba(10,23,58,.2);
}
#header.pop-header::after {
  content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent 4%, rgba(255,197,51,.9) 27%, rgba(255,197,51,.18) 70%, transparent);
  pointer-events: none;
}
#header.pop-header .logo a { height: 66px; width: 150px; }
#header.pop-header .header-logo { height: 66px; }
#header.pop-header .main-nav .navbar-nav > .nav-item > a {
  border: 1px solid transparent;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
#header.pop-header .main-nav .navbar-nav > .nav-item > a:hover,
#header.pop-header .main-nav .navbar-nav > .open > a {
  background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.16);
}
#header.pop-header .main-nav .navbar-nav > .nav-item > .pop-crew-link {
  padding: 11px 15px;
  color: #172342;
  background: linear-gradient(110deg, #ffda73, #ffc533);
  border-color: #ffda73;
  box-shadow: 0 3px 10px rgba(5,15,42,.16);
}
#header.pop-header .main-nav .navbar-nav > .nav-item > .pop-crew-link:hover,
#header.pop-header .main-nav .navbar-nav > .open > .pop-crew-link {
  color: #101d43; background: #ffe096; border-color: #ffe096;
}
#header.pop-header .pop-crew-link .fa, #header.pop-header .pop-crew-link .caret { color: inherit; }
#header.pop-header .main-nav .dropdown-menu { border-top: 3px solid var(--pop-gold); border-radius: 10px; box-shadow: 0 18px 44px rgba(10,23,58,.2); }
#header.pop-header .main-nav .dropdown-menu .nav-item > a { transition: background-color .16s ease, color .16s ease; }
#header.pop-header #ct { color: #d5e2ff; padding-left: 15px; }
.footer.pop-shell-footer {
  position: relative; padding: 56px 0 24px;
  background: radial-gradient(ellipse at 90% 0%, rgba(44,82,177,.34), transparent 65%), linear-gradient(115deg, #0a132b, #132752) !important;
  border-top: 0;
}
.pop-shell-footer::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, #d6a936 28%, #ffe8a1 50%, #d6a936 72%, transparent);
  pointer-events: none;
}
.pop-footer-main { display: grid; grid-template-columns: 1.65fr 1fr 1fr; gap: 48px; padding-bottom: 40px; }
.pop-footer-identity { min-width: 0; }
.pop-footer-logo { display: flex; width: 136px; height: 76px; align-items: center; justify-content: center; overflow: hidden; margin-left: -5px; margin-bottom: 18px; }
.pop-footer-logo img { display: block; height: 76px; width: auto; max-width: none; flex-shrink: 0; }
.pop-shell-footer .pop-footer-statement { color: #fff; font-family: var(--pop-heading); font-size: 23px; font-weight: 700; letter-spacing: -.025em; line-height: 1.45; margin-bottom: 15px; }
.pop-shell-footer .pop-footer-motto { border: 0; padding: 0; margin: 0; font-size: 12px; color: #b8c8e9; letter-spacing: .07em; }
.pop-footer-links { padding-top: 16px; }
.pop-footer-links h2 { color: #f5d476; font-family: var(--pop-font); font-size: 11px; letter-spacing: .13em; text-transform: uppercase; font-weight: 700; margin: 0 0 24px; }
.pop-footer-links a { display: block; width: fit-content; max-width: 100%; color: #e2e9f7; font-size: 14px; font-weight: 400; line-height: 1.5; padding: 9px 0; }
.pop-footer-links a:hover { color: #ffda73; text-decoration: underline; text-underline-offset: 5px; }
.pop-shell-footer .pop-footer-links i { color: #f5d476; font-size: 12px; margin-left: 7px; }
.pop-shell-footer .pop-footer-bottom { display: flex; align-items: center; flex-wrap: wrap; padding-top: 22px; border-top: 1px solid rgba(189,207,244,.17); margin: 0; }
.pop-footer-bottom > div { padding: 0; }
.pop-footer-legal { font-size: 12px; line-height: 2; color: #b8c8e9; }
.pop-footer-legal a { color: #dce5f7; font-weight: 400; }
.pop-shell-footer .pop-footer-social { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 9px; }
.pop-shell-footer .social-icons { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid rgba(201,216,248,.24); border-radius: 10px; background: rgba(255,255,255,.045); }
.pop-shell-footer .social-icons i { margin: 0; font-size: 19px; color: #edf3ff; }
.pop-shell-footer .social-icons:hover { background: rgba(255,197,51,.12); border-color: #d6a936; }
.pop-shell-footer .social-icons:hover i { color: #ffda73; }
.pop-shell-footer a:focus-visible { outline-color: var(--pop-gold) !important; }
@media (min-width: 768px) and (max-width: 1199px) {
  #header.pop-header .logo a { width: 105px; }
  #header.pop-header .main-nav .navbar-nav > .nav-item > .pop-crew-link { padding: 11px 9px; }
  #header.pop-header #ct { padding-left: 7px; }
}
@media (max-width: 991px) {
  .pop-footer-main { grid-template-columns: 1.3fr 1fr 1fr; gap: 24px; }
  .pop-shell-footer .pop-footer-social { justify-content: flex-start; margin-top: 20px; }
}
@media (max-width: 767px) {
  #header.pop-header, #header.pop-header.navbar-fixed-top { padding: 12px 0; }
  #header.pop-header .logo a { height: 48px; width: 130px; }
  #header.pop-header .header-logo { height: 48px; }
  #header.pop-header .main-nav .navbar-collapse { background: linear-gradient(135deg, #111f43, #19378f); }
  #header.pop-header .main-nav .navbar-nav > .nav-item > .pop-crew-link { margin: 8px 0; padding: 12px; }
  #header.pop-header .navbar-toggle { border-radius: 8px; background: rgba(255,255,255,.08); }
  .footer.pop-shell-footer { padding: 38px 0 24px; }
  .pop-footer-main { grid-template-columns: 1fr 1fr; gap: 30px 20px; padding-bottom: 28px; }
  .pop-footer-identity { grid-column: 1 / -1; }
  .pop-shell-footer .pop-footer-statement { font-size: 22px; }
  .pop-footer-links { padding-top: 0; }
  .pop-footer-links h2 { margin-bottom: 13px; line-height: 1.6; }
  .pop-footer-links a { font-size: 13px; padding: 10px 0; }
  .pop-footer-bottom > div { width: 100%; }
}
