/* TG Vault Patch v157 — Homepage About/Highlights polish
   Ziel: harmonischere Farben, stärkeres Bild, schöneres Mobile-Layout */

body.home-page #about-section{
  background:
    radial-gradient(circle at 14% 10%, rgba(212,176,106,.16), transparent 26%),
    linear-gradient(180deg, rgba(234,214,186,.92), rgba(230,208,177,.88))!important;
  border:1px solid rgba(186,145,94,.28)!important;
  box-shadow:0 24px 68px rgba(37,18,17,.08), inset 0 1px 0 rgba(255,255,255,.55)!important;
}

body.home-page #about-section h2,
body.home-page #highlights h2{
  color:#2B1712!important;
}

body.home-page #about-section h2 em,
body.home-page #highlights h2 em{
  color:#BE9A4E!important;
}

body.home-page #about-section .label,
body.home-page #highlights .label{
  color:#8A3246!important;
}

body.home-page .about-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;
  gap:28px!important;
  align-items:center!important;
}

body.home-page .about-img{
  min-height:360px!important;
  height:100%!important;
  background:linear-gradient(135deg,#eadbc7,#f5ebde)!important;
  border:1px solid rgba(91,30,45,.10)!important;
  box-shadow:0 20px 54px rgba(37,18,17,.12)!important;
}

body.home-page .about-img img{
  width:100%!important;
  height:100%!important;
  min-height:360px!important;
  object-fit:cover!important;
  object-position:center center!important;
}

body.home-page .about-text{
  background:
    linear-gradient(145deg, rgba(255,249,241,.98), rgba(244,235,221,.94)),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")!important;
  background-blend-mode:normal,multiply!important;
  border:1px solid rgba(91,30,45,.10)!important;
  border-radius:22px!important;
  padding:26px 22px!important;
  box-shadow:0 18px 44px rgba(37,18,17,.08)!important;
}

body.home-page .about-text p{
  color:#614B3F!important;
  font-weight:650!important;
  line-height:1.72!important;
}

body.home-page .platforms{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:18px!important;
}

body.home-page .platform-tag{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(91,30,45,.10)!important;
  color:#5A4035!important;
}

body.home-page #highlights{
  background:
    linear-gradient(180deg, rgba(250,246,239,.98), rgba(244,235,221,.96))!important;
  border:1px solid rgba(91,30,45,.08)!important;
}

body.home-page .perk-card{
  background:linear-gradient(145deg, rgba(255,249,241,.98), rgba(239,226,208,.95))!important;
  border:1px solid rgba(91,30,45,.10)!important;
}

body.home-page .perk-title{color:#2A1712!important;}
body.home-page .perk-desc{color:#634C41!important;}

@media (max-width:900px){
  body.home-page .about-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  body.home-page .about-img,
  body.home-page .about-img img{
    min-height:280px!important;
  }

  body.home-page .about-text{
    padding:22px 18px!important;
  }
}

@media (max-width:640px){
  body.home-page #about-section{
    padding:28px 16px!important;
  }

  body.home-page .about-img,
  body.home-page .about-img img{
    min-height:250px!important;
    border-radius:18px!important;
  }

  body.home-page .about-text{
    border-radius:18px!important;
    padding:18px 16px!important;
  }

  body.home-page .platforms{
    gap:8px!important;
  }

  body.home-page .platform-tag{
    font-size:12px!important;
    padding:8px 10px!important;
  }

  body.home-page #highlights{
    padding:26px 16px!important;
  }
}