/* PASTIGACOR88 unified visual theme v31 */
:root{
  --pc88-bg:#070707;
  --pc88-surface:#0f0f10;
  --pc88-surface-2:#151516;
  --pc88-red:#c40018;
  --pc88-red-dark:#78000f;
  --pc88-red-bright:#ed1730;
  --pc88-gold:#f4c542;
  --pc88-text:#f7f7f7;
  --pc88-muted:#a6a6a6;
  --pc88-border:rgba(244,197,66,.24);
}

html{background:var(--pc88-bg)}
body{background:linear-gradient(180deg,#080808 0%,#0b0809 42%,#070707 100%);color:var(--pc88-text)}
body a{color:inherit}

.promo{background:#090909;border-bottom:1px solid var(--pc88-border)!important;color:var(--pc88-gold)!important}
.promo button{color:var(--pc88-red-bright)!important}
.promo-more{background:#101011!important;border-color:var(--pc88-border)!important;box-shadow:0 16px 36px rgba(0,0,0,.55)!important}

.pc88-header,.top,.brand,header .mainnav{background:transparent}
.top{color:#d9d9d9}
.hm,.brand>a{color:var(--pc88-text)}
.top nav .active,.top nav a:hover,.account a:hover{color:var(--pc88-gold)}
.brand form{border-bottom-color:var(--pc88-gold)!important}
.brand input{background:transparent;color:var(--pc88-text)}
.brand input::placeholder{color:#777}
.brand form button{color:var(--pc88-gold)}
.mainnav{border-top-color:rgba(255,255,255,.08)!important;color:#f0f0f0}
.mainnav a:hover,.drop>button:hover{color:var(--pc88-gold)}
.drop section{background:#111113!important;border-color:rgba(244,197,66,.22)!important;box-shadow:0 18px 40px rgba(0,0,0,.6)!important}
.drop section a{border-bottom-color:rgba(255,255,255,.08)!important}
.drop section small{color:#999!important}

main{background:transparent}
.crumb,.breadcrumb{color:#929292!important}
.crumb a,.breadcrumb a{color:#d4d4d4}
.crumb a:hover,.breadcrumb a:hover{color:var(--pc88-gold)}
.product{background:transparent}
.hero{background:linear-gradient(135deg,#160006,#101011)!important;border:1px solid rgba(244,197,66,.13)}
.thumbs img{background:#151515!important;border:1px solid rgba(255,255,255,.08)}
aside{color:var(--pc88-text)}
aside h1,aside h2{color:#fff}
.desc{color:#c4c4c4!important}
.line,.delivery,details{border-color:rgba(255,255,255,.12)!important}
.delivery span,details p{color:#999!important}
.sizes button{background:#111!important;color:#eee;border-color:#444!important}
.sizes button:hover{border-color:var(--pc88-gold)!important;color:var(--pc88-gold)}
.bag{background:linear-gradient(90deg,var(--pc88-red-dark),var(--pc88-red))!important;color:#fff!important;border:1px solid var(--pc88-red-bright)!important;box-shadow:0 8px 22px rgba(196,0,24,.24)}
.wish{background:#111!important;color:#fff;border-color:var(--pc88-gold)!important}
.wish:hover{background:#1a1a1a!important;color:var(--pc88-gold)}

.also{color:#fff}
.also h2{color:var(--pc88-gold)}
.cards article{background:linear-gradient(135deg,#240008,#121214)!important;border:1px solid rgba(244,197,66,.14);color:#fff}
.cards strong{color:#fff}.cards span{color:#aaa}
footer{background:#050505!important;border-top:1px solid rgba(244,197,66,.18);color:#ddd}
footer a{color:#999!important}footer a:hover{color:var(--pc88-gold)!important}

/* Existing RTP content/table blocks inherit the same palette without changing structure. */
.rtp-content,.rtp-slot-content,.rtp-table-wrap,.rtp-table{color:var(--pc88-text)}
.rtp-table-wrap,.rtp-table-wrap table{background:#0d0d0e!important;border-color:rgba(244,197,66,.18)!important}
.rtp-table th{background:linear-gradient(90deg,#62000c,#a50017)!important;color:#fff!important;border-color:rgba(244,197,66,.22)!important}
.rtp-table td{background:#121213!important;color:#ddd!important;border-color:rgba(255,255,255,.07)!important}
.rtp-table tr:nth-child(even) td{background:#0f0f10!important}
.rtp-table tr:hover td{background:#1b1012!important;color:#fff!important}
.rtp-table .high,.rtp-high{color:var(--pc88-gold)!important}

@media(max-width:700px){
  .promo{background:#090909}
  .brand{background:#080808}
}

/* v31 final cascade: keep the legacy inline product layout while unifying its colors. */
body{background:linear-gradient(180deg,#080808 0%,#0b0809 45%,#070707 100%)!important;color:#f7f7f7!important}
.brand input{color:#f7f7f7!important}
.product,.also,main{color:#f7f7f7!important}
.crumb{color:#999!important}
aside .desc,.desc{color:#c4c4c4!important}
.rating-review{color:#aaa!important}
.stars{color:#f4c542!important}
.rating-review small{color:#999!important}
.line{border-top-color:rgba(255,255,255,.12)!important}
.hero{background:linear-gradient(135deg,#160006,#101011)!important}
.thumbs img{background:#151515!important}
.cards article{background:linear-gradient(135deg,#240008,#121214)!important}
.rtp-slot-gacor-content{border-top-color:rgba(244,197,66,.18)!important}
.rtp-content-header p,.rtp-slot-gacor-content section p{color:#b8b8b8!important}


/* Provider recommendation tiles: image + logo only, linked to RTP table filters */
.provider-recommendations{
  margin-top:36px;
  padding:24px 0 4px;
  border-top:1px solid rgba(255,255,255,.08);
}
.provider-recommendations h2{margin:0;text-align:center;color:#fff}
.provider-recommendations-intro{
  margin:8px auto 18px;
  max-width:680px;
  text-align:center;
  color:#9f9f9f;
  font-size:13px;
  line-height:1.55;
}
.provider-logo-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  max-width:980px;
  margin:0 auto;
}
.provider-logo-card{
  position:relative;
  display:block;
  padding:0;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  overflow:hidden;
  background:#090909;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.provider-logo-card img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:800/420;
  object-fit:cover;
}
.provider-logo-card:hover,
.provider-logo-card:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(255,215,0,.65);
  box-shadow:0 14px 32px rgba(0,0,0,.32);
  outline:none;
}
.provider-logo-card.is-active{
  border-color:#d40018;
  box-shadow:0 0 0 2px rgba(212,0,24,.2),0 14px 32px rgba(0,0,0,.32);
}
.provider-logo-card.is-active::after{
  content:"";
  position:absolute;
  inset:auto 18px 0;
  height:3px;
  background:#d40018;
  border-radius:3px 3px 0 0;
}
.rtp-noscript{
  margin:12px 0;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid rgba(255,215,0,.2);
  background:rgba(255,215,0,.05);
  color:#cfcfcf;
  font-size:12px;
}
@media (max-width:760px){
  .provider-recommendations{padding-left:12px;padding-right:12px}
  .provider-logo-grid{grid-template-columns:1fr;max-width:520px}
  .provider-logo-card{border-radius:14px}
}