/* Only dedicated page entries use this layout. The home tabs keep their style. */
.section-page-header[hidden]{display:none!important}
.section-page-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px;color:var(--gold);font-size:13px;text-underline-offset:4px}
html[data-page-route] .hero,html[data-page-route] .stats-bar,html[data-page-route] #jb-banner,html[data-page-route] #jb-claims,html[data-page-route] #page-tabs-el,html[data-page-route] #tabs-fade{display:none!important}
html[data-page-route] body::after{background:linear-gradient(rgba(8,9,7,.80),rgba(8,9,7,.92))}
html[data-page-route] .section-page-header{position:relative;isolation:isolate;overflow:hidden;max-width:1200px;margin:96px auto 0;padding:36px 40px 0;border:1px solid var(--gold-border);border-radius:8px;background:#171510}
html[data-page-route] .section-page-header::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171510 28%,rgba(23,21,16,.74) 72%,rgba(23,21,16,.52)),url('/images/jabba_wall_white_moon_eyes_h1440.webp') right 35%/auto 580px no-repeat;opacity:.65;pointer-events:none}
html[data-page-route] .section-page-intro{max-width:720px}
html[data-page-route] .section-page-eyebrow{margin:0 0 12px;color:var(--gold);font-size:12px;letter-spacing:2px;text-transform:uppercase;line-height:1.5}
html[data-page-route] .section-page-header h1{margin:0 0 10px;color:var(--text);font-family:'Bebas Neue','Bebas Neue Fallback',sans-serif;font-size:clamp(44px,5vw,64px);font-weight:400;line-height:1;letter-spacing:1px}
html[data-page-route] .section-page-summary{max-width:620px;margin:0;color:#cbc7bd;font-size:15px;line-height:1.65}
/* the shared navigation (site-nav.css) as the header's bottom row; the top bar already has the #JABBA mark */
html[data-page-route] .section-page-header nav.site-nav{max-width:none;margin:28px -40px 0;padding:6px 40px;border-top:1px solid var(--gold-border);background:rgba(0,0,0,.25)}
html[data-page-route] .section-page-header .sn-brand{display:none}
html[data-page-route] .tab-content :is(button,input,a):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
html[data-page-route] .tab-content.active>section{padding:32px 24px 60px}
html[data-page-route] .tab-content.active>section>.inner{max-width:1200px}
html[data-page-route] .tab-content.active>section>.inner>:is(.tag,.sec-title,.section-page-link){display:none}
html[data-page-route] .tab-content.active .sec-body{font-size:15px;line-height:1.7}
html[data-page-route] :is(.cat-btn,.dino-filter-btn,.lb-cl-btn,.lb-tg-btn,.lb-mf-btn,.plookup-btn){min-width:44px;min-height:44px}
html[data-page-route] .shop-tools{top:80px}
html[data-page-route] :is(#dino-search,#lb-search,#plookup-input){min-width:0;min-height:46px;font-size:16px}
html[data-page-route] .dino-filter-btn{padding:10px 14px;font-size:12px}
@media(max-width:1248px){html[data-page-route] .section-page-header{margin-left:24px;margin-right:24px}}
@media(max-width:600px){
  html[data-page-route] .section-page-header{margin:80px 16px 0;padding:24px 20px 0;border-radius:6px}
  html[data-page-route] .section-page-header::before{background-position:right center;background-size:auto 460px;opacity:.4}
  html[data-page-route] .section-page-eyebrow{font-size:10px;letter-spacing:1.3px}
  html[data-page-route] .section-page-summary{font-size:14px;line-height:1.6}
  html[data-page-route] .section-page-header nav.site-nav{margin:22px -20px 0;padding:4px 12px}
  html[data-page-route] .shop-tools{position:static}
  html[data-page-route] .tab-content.active>section{padding:24px 16px 48px}
  html[data-page-route] .dino-controls{gap:8px}
  html[data-page-route] #dino-search{width:100%;flex-basis:100%}
  html[data-page-route] .lb-tg-btn{padding-left:10px;padding-right:10px}
}