/* SHOPCTS V88 — screenshot fixes + cleaner service cards */
body.v88-page{background:#09090c}

/* HERO: force copy and media into the same row so nothing drops below the fold */
.v88-page .v85-hero-stage{display:grid!important;grid-template-columns:minmax(520px,.95fr) minmax(560px,1.05fr)!important;grid-template-rows:1fr!important;align-items:center!important;gap:54px!important;min-height:620px!important}
.v88-page .v85-hero-copy{grid-column:1!important;grid-row:1!important;position:relative!important;z-index:5!important;display:flex!important;opacity:1!important;visibility:visible!important;transform:none!important;padding:34px 0 34px 0!important}
.v88-page .v85-hero-media{grid-column:2!important;grid-row:1!important;position:relative!important;align-self:center!important;width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:1.9/1!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:#0c0c10!important;overflow:hidden!important;box-shadow:0 30px 90px rgba(0,0,0,.30)!important}
.v88-page .v85-hero-media::before{background:linear-gradient(90deg,rgba(9,9,12,.35),transparent 16%),linear-gradient(180deg,rgba(9,9,12,.02),rgba(9,9,12,.14) 75%,rgba(9,9,12,.45))!important}
.v88-page .v85-hero-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:saturate(.96) brightness(.92) contrast(1.02)!important;background:#0c0c10!important}
.v88-page .v85-hero-copy h1{font-size:clamp(68px,5.8vw,104px)!important;max-width:680px!important}
.v88-page .v85-hero-copy>p{font-size:18px!important;max-width:620px!important}
.v88-page .v85-hero-proof{max-width:650px!important}

/* Keep generated cards readable immediately */
.v88-page .v82-product-grid [data-reveal].visible,.v88-page .v82-product-grid [data-reveal]{will-change:auto}

/* Bots / websites: one clean card, no duplicated fake-preview block */
.v88-service-card{grid-column:span 4;min-height:430px;display:flex;flex-direction:column;padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,#111116 0%,#0e0e12 100%);color:#f4f1f6;position:relative;overflow:hidden;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.v88-service-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(155,98,255,.55),transparent);opacity:.42}
.v88-service-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.15);background:#121117}
.v88-service-card.featured{border-color:rgba(155,98,255,.25)}
.v88-service-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.065)}
.v88-service-top>span:first-child{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#9f98a5}
.v88-service-popular{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(155,98,255,.28);border-radius:999px;background:rgba(155,98,255,.10);font-size:9px!important;letter-spacing:.12em!important;text-transform:uppercase;color:#d3baff!important}
.v88-service-main{padding:34px 0 28px;flex:1}
.v88-service-main>small{display:block;font-size:9px;letter-spacing:.14em;color:#756f7b;margin-bottom:13px}
.v88-service-main h3{font:800 34px/1 "Manrope",sans-serif;letter-spacing:-.055em;margin:0 0 15px;color:#f5f2f7}
.v88-service-main p{font-size:14.5px;line-height:1.72;color:#aaa4af;margin:0;max-width:95%}
.v88-service-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.v88-service-perks span{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:#15151a;font-size:11px;color:#c7c1cb}
.v88-service-footer{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-top:22px;border-top:1px solid rgba(255,255,255,.065)}
.v88-service-footer>div small{display:block;font-size:9px;letter-spacing:.12em;color:#6e6873;text-transform:uppercase;margin-bottom:6px}
.v88-service-footer>div strong{display:block;font:800 20px/1 "Manrope",sans-serif;color:#efe4d0;letter-spacing:-.035em}
.v88-service-footer>b{display:inline-flex;align-items:center;gap:14px;font-size:12px;color:#f1edf3}.v88-service-footer>b span{font-size:17px}

/* Gangs: remove duplicated name from artwork; logo gets the focus */
.v88-page .v87-gang-art{padding:18px 20px;background:radial-gradient(circle at 50% 42%,rgba(155,98,255,.11),transparent 32%),linear-gradient(180deg,#121118,#0d0d11)}
.v88-page .v87-gang-logo img{max-width:min(235px,72%);max-height:150px}
.v88-page .v87-gang-name{justify-content:flex-end}
.v88-page .v87-gang-name h4{display:none}
.v88-page .v87-gang-name span{font-size:12px;color:#b6afb9;font-weight:600}

/* Chattags: make the five actual tags the visual */
.v88-page .v87-tag-row{gap:8px}
.v88-page .v87-tag-row span{min-height:104px;border-radius:14px;background:#14131a}
.v88-page .v87-tag-row i{font-size:32px}
.v88-page .v87-tag-foot strong{font-size:18px}

/* larger, less timid product copy */
.v88-page .v82-product-body h3,.v88-page .v82-product-card.featured .v82-product-body h3{font-size:31px}
.v88-page .v82-product-body p{font-size:14.5px}
.v88-page .v82-product-meta strong{font-size:13.5px}

@media(max-width:1180px){
  .v88-page .v85-hero-stage{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:28px!important}
  .v88-page .v85-hero-copy{grid-column:1!important;grid-row:1!important;padding-top:20px!important}
  .v88-page .v85-hero-media{grid-column:1!important;grid-row:2!important;aspect-ratio:1.85/1!important}
  .v88-service-card{grid-column:span 6}
}
@media(max-width:760px){
  .v88-page .v85-hero-copy h1{font-size:58px!important}
  .v88-page .v85-hero-copy>p{font-size:16px!important}
  .v88-page .v85-hero-media{aspect-ratio:1.55/1!important}
  .v88-service-card{grid-column:span 12;min-height:0;padding:22px}
  .v88-service-main{padding:28px 0 24px}.v88-service-main h3{font-size:30px}.v88-service-main p{font-size:13.5px}
  .v88-page .v87-tag-row{grid-template-columns:repeat(3,1fr)}
}
