/* STEP8 FIX16: works polish + tieups unified public UI */

/* Works */
body.page-releases .works-page-hero{display:block!important}
body.page-releases #releases>.section-title{display:none!important}
body.page-releases .release-note{display:none!important}
body.page-releases #filters .filter:focus{outline:none}
body.page-releases #filters .filter:focus-visible{outline:2px solid #f6d600;outline-offset:2px}

/* Tieups */
body.tj-page-tieups .content > header.hero{display:none!important}
body.tj-page-tieups .content{
  background:
    radial-gradient(circle at 86% -10%,rgba(118,48,164,.28),transparent 34%),
    linear-gradient(180deg,#16091f 0,#0d0712 58%,#0a060e 100%)!important;
}
body.tj-page-tieups .wrap{
  width:min(1180px,calc(100% - 36px));
  max-width:none!important;margin:0 auto!important;padding:28px 0 64px!important;
}
.tieups-page-hero{
  position:relative;overflow:hidden;margin:0 0 18px;padding:28px clamp(18px,4vw,36px);
  border:1px solid rgba(187,111,225,.55);border-radius:22px;color:#fff;
  background:radial-gradient(circle at 90% 4%,rgba(246,214,0,.14),transparent 27%),
    linear-gradient(135deg,#321044,#1b0a25 64%,#13091a);
  box-shadow:0 18px 46px rgba(0,0,0,.24);
}
.tieups-page-hero:after{
  content:"✦";position:absolute;right:4%;top:-30px;color:rgba(255,255,255,.055);
  font-size:150px;transform:rotate(10deg);pointer-events:none;
}
.tieups-eyebrow{position:relative;z-index:1;color:#f6d600;font-size:12px;font-weight:950;letter-spacing:.18em}
.tieups-page-hero h1{position:relative;z-index:1;margin:7px 0 9px;font-size:clamp(28px,5vw,42px);line-height:1.08}
.tieups-page-hero p{position:relative;z-index:1;max-width:820px;margin:0;color:#e5d9eb;font-size:14px;line-height:1.8}
.tieups-page-note{position:relative;z-index:1;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.12);color:#cdbdd5;font-size:12px;line-height:1.65}

body.tj-page-tieups .stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 18px!important}
body.tj-page-tieups .stat{
  min-width:0;padding:15px!important;border:1px solid #55346a;border-radius:15px!important;color:#fff;
  background:linear-gradient(145deg,#24102e,#160b1d)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
body.tj-page-tieups .stat span{color:#cfbdd7!important}
body.tj-page-tieups .stat strong{color:#f6d600!important;font-size:24px!important}
body.tj-page-tieups .stat em{color:#a99ab0!important;line-height:1.45}

body.tj-page-tieups .panel{
  padding:18px!important;border:1px solid #55346a;border-radius:18px!important;color:#fff;
  background:linear-gradient(145deg,rgba(37,15,48,.96),rgba(19,10,25,.96))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.2)!important;
}
body.tj-page-tieups .panel h2{color:#fff!important}
body.tj-page-tieups .panel-intro{color:#c8b9d0!important}
body.tj-page-tieups #categoryFilters{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;margin-bottom:12px!important;
}
body.tj-page-tieups .toolbar button,
body.tj-page-tieups .toolbar select,
body.tj-page-tieups .toolbar input{
  min-height:44px;border:1px solid #68407e!important;border-radius:12px!important;
  color:#eee3f3!important;background:#1b0e23!important;
}
body.tj-page-tieups #categoryFilters button{padding:9px 8px!important;white-space:normal;line-height:1.3}
body.tj-page-tieups .toolbar button.active{
  border-color:#b76bdd!important;color:#fff!important;background:linear-gradient(90deg,#8b37bb,#aa52d4)!important;
}
body.tj-page-tieups .toolbar select{min-width:220px}
body.tj-page-tieups .toolbar input{flex:1 1 320px;min-width:220px!important;font-weight:500!important}
body.tj-page-tieups .toolbar input::placeholder{color:#9f8fa7}
body.tj-page-tieups .section-label{margin:24px 2px 12px!important;font-size:20px}
body.tj-page-tieups .section-label span{color:#bca9c7!important}
body.tj-page-tieups .panel .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
body.tj-page-tieups .card{border-color:#dac8e3!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(0,0,0,.16)}
body.tj-page-tieups .card h3{font-size:16px!important}
body.tj-page-tieups .actions a{min-height:40px;display:inline-flex;align-items:center}
body.tj-page-tieups .empty{color:#bcaec4!important}

@media(max-width:920px){
  body.tj-page-tieups .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.tj-page-tieups #categoryFilters{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  body.tj-page-tieups .wrap{width:calc(100% - 20px);padding:14px 0 48px!important}
  .tieups-page-hero{padding:22px 17px;border-radius:17px}
  body.tj-page-tieups .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.tj-page-tieups .stat{padding:12px!important}
  body.tj-page-tieups .stat strong{font-size:21px!important}
  body.tj-page-tieups #categoryFilters{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.tj-page-tieups .panel{padding:14px!important}
  body.tj-page-tieups .toolbar{display:grid!important;grid-template-columns:1fr!important}
  body.tj-page-tieups .toolbar select,body.tj-page-tieups .toolbar input{width:100%!important;min-width:0!important}
  body.tj-page-tieups .panel .cards{grid-template-columns:1fr!important}
}