/* V55 — PRZEWODNIK 1:1 W STYLU INDEXU */
html,body{background:#07111a!important}

.tg-index-style{
  padding-top:0!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(203,164,83,.06),transparent 30%),
    linear-gradient(180deg,#07111a 0%,#0a1621 100%)!important;
}

.tg-hero-index{
  width:100%;
  min-height:620px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:150px 20px 80px;
  overflow:hidden;
  background:
    radial-gradient(circle at 75% 15%,rgba(203,164,83,.18),transparent 28%),
    radial-gradient(circle at 15% 85%,rgba(52,93,112,.18),transparent 32%),
    linear-gradient(135deg,#061019 0%,#0b1722 55%,#101a22 100%);
  border-bottom:1px solid rgba(203,164,83,.16);
}
.tg-hero-index:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.38),transparent 40%,rgba(0,0,0,.18)),
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.03),transparent 20%);
  pointer-events:none;
}
.tg-hero-index-inner{
  width:min(1180px,100%);
  position:relative;
  z-index:2;
  text-align:center;
}
.tg-hero-index h1{
  margin:20px auto 18px!important;
  max-width:1050px!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(58px,7vw,104px)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  text-transform:uppercase;
}
.tg-hero-index p{
  max-width:880px;
  margin:0 auto!important;
  color:rgba(255,255,255,.72)!important;
  font-size:16px!important;
  line-height:1.8!important;
}
.tg-guide-actions{
  justify-content:center!important;
  margin-top:30px!important;
}

.tg-index-layout{
  width:min(1380px,calc(100% - 40px));
  margin:70px auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 370px;
  gap:26px;
  align-items:start;
}
.tg-index-content{
  display:grid;
  gap:18px;
}
.tg-index-content>section{
  padding:34px;
  border-radius:30px;
  background:linear-gradient(145deg,#0b1620,#0e1c28);
  border:1px solid rgba(203,164,83,.18);
  box-shadow:0 20px 60px rgba(0,0,0,.18);
}
.tg-index-content>section>span,
.tg-index-sidebar>span{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(203,164,83,.10);
  border:1px solid rgba(203,164,83,.22);
  color:#d7b66b;
  font-size:11px;
  font-weight:950;
  letter-spacing:.09em;
}
.tg-index-content h2{
  margin:13px 0 12px;
  color:#fff!important;
  font-size:clamp(30px,3vw,46px);
  line-height:1;
  letter-spacing:-.05em;
}
.tg-index-content p{
  margin:0;
  color:rgba(255,255,255,.68);
  line-height:1.8;
  font-size:15px;
}

.tg-index-sidebar{
  position:sticky;
  top:110px;
  padding:28px;
  border-radius:30px;
  background:linear-gradient(145deg,#0b1620,#0e1c28);
  border:1px solid rgba(203,164,83,.18);
  box-shadow:0 20px 60px rgba(0,0,0,.18);
}
.tg-index-sidebar h3{
  margin:14px 0 18px;
  color:#fff;
  font-size:28px;
  letter-spacing:-.04em;
}
.tg-index-sidebar a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.84);
  text-decoration:none;
  font-weight:850;
}
.tg-index-sidebar a b{color:#d7b66b}

.tg-index-more{
  width:min(1380px,calc(100% - 40px));
  margin:0 auto 80px;
}
.tg-index-more .pb-ranking-clean-head h2{color:#fff!important}
.tg-index-more .pb-ranking-clean-head p{color:rgba(255,255,255,.60)!important}
.tg-index-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.tg-index-grid a{
  padding:28px;
  border-radius:28px;
  text-decoration:none;
  background:linear-gradient(145deg,#0b1620,#0f1d29);
  border:1px solid rgba(203,164,83,.18);
  box-shadow:0 18px 50px rgba(0,0,0,.16);
  transition:.25s ease;
}
.tg-index-grid a:hover{
  transform:translateY(-4px);
  border-color:rgba(203,164,83,.38);
}
.tg-index-grid small{
  display:block;
  color:#d7b66b;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.tg-index-grid strong{
  display:block;
  margin-top:10px;
  color:#fff;
  font-size:27px;
  line-height:1.05;
  letter-spacing:-.045em;
}
.tg-index-grid p{
  color:rgba(255,255,255,.62);
  line-height:1.65;
}
.tg-index-grid em{
  display:block;
  margin-top:16px;
  color:#d7b66b;
  font-style:normal;
  font-weight:900;
}

@media(max-width:980px){
  .tg-hero-index{padding-top:120px;min-height:560px}
  .tg-index-layout{grid-template-columns:1fr}
  .tg-index-sidebar{position:static}
}
@media(max-width:700px){
  .tg-hero-index{padding:105px 16px 56px;min-height:520px}
  .tg-hero-index h1{font-size:clamp(42px,13vw,68px)!important}
  .tg-index-layout,.tg-index-more{width:calc(100% - 24px);margin-top:42px}
  .tg-index-content>section,.tg-index-sidebar,.tg-index-grid a{padding:22px;border-radius:22px}
  .tg-index-grid{grid-template-columns:1fr}
}


/* V55.1 — pełne menu indexu, ale nadal tylko JEDEN header */
.pb-v551-full-menu{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  overflow:visible!important;
}
.pb-v551-full-menu .pb-v551-menu-link,
.pb-v551-full-menu .pb-v551-drop-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.pb-v551-full-menu .pb-v551-menu-link:hover,
.pb-v551-full-menu .pb-v551-drop-btn:hover{
  color:#d8b66c!important;
}
.pb-v551-drop{position:relative!important;display:inline-flex!important}
.pb-v551-drop-panel{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  left:0!important;
  min-width:230px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:#071018!important;
  border:1px solid rgba(216,182,108,.22)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.32)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-7px)!important;
  transition:.18s ease!important;
  z-index:99999!important;
}
.pb-v551-drop.is-open .pb-v551-drop-panel{
  opacity:1!important;visibility:visible!important;transform:none!important
}
.pb-v551-drop-panel .pb-v551-menu-link{
  width:100%!important;
  justify-content:flex-start!important;
  border-radius:12px!important;
  padding:0 13px!important;
  color:#fff!important;
}
.pb-v551-drop-panel .pb-v551-menu-link:hover{
  background:rgba(216,182,108,.10)!important;
  color:#e3c57c!important;
}
@media(max-width:1180px){
  .pb-v551-full-menu .pb-v551-menu-link,
  .pb-v551-full-menu .pb-v551-drop-btn{padding:0 9px!important;font-size:11px!important}
}