/* GTA6 STREET — premium Mods library product system */
html .public-site-body .mods-product{--mp-bg:#070a0e;--mp-panel:#0f151d;--mp-panel2:#121a23;--mp-line:#25313d;--mp-soft:#1b252f;--mp-text:#f5f1e9;--mp-muted:#8995a2;--mp-coral:#ff5268;--mp-cyan:#58e0d0;min-height:100vh;padding:2.25rem 0 4.75rem;background:radial-gradient(48rem 26rem at 92% 0%,rgba(88,224,208,.045),transparent 65%),radial-gradient(36rem 22rem at 4% 16%,rgba(255,82,104,.04),transparent 65%),var(--mp-bg);color:var(--mp-text)}
html .public-site-body .mods-product .editorial-container{width:min(calc(100% - 2.5rem),82.5rem);max-width:82.5rem}
.mods-product__intro{display:grid;grid-template-columns:minmax(0,.92fr) minmax(26rem,1.08fr);gap:1.2rem;align-items:stretch}
.mods-product__intro-copy,.mods-product__lead,.mods-product__finder,.mods-product__rail-card,.mods-product__bridge,.mods-product__newsletter{border:1px solid var(--mp-line);background:var(--mp-panel);box-shadow:0 1.5rem 4rem rgba(0,0,0,.18)}
.mods-product__intro-copy{display:flex;flex-direction:column;justify-content:center;padding:3rem clamp(1.75rem,3.5vw,3rem);border-radius:1.25rem}
.mods-product__kicker,.mods-product__section-head>div>span,.mods-product__rail-card header>span,.mods-product__empty small{color:var(--mp-cyan);font:900 .65rem/1.2 var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase}
.mods-product__intro h1{max-width:10ch;margin:.75rem 0 .9rem;font:900 clamp(3.7rem,6.3vw,6.4rem)/.84 var(--font-display,sans-serif);letter-spacing:-.045em;text-transform:uppercase;color:var(--mp-text)}
.mods-product__intro-copy>p{max-width:40rem;margin:0;color:#bbc4cc;font-size:1rem;line-height:1.65}
.mods-product__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.mods-product__button{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.7rem 1rem;border:1px solid var(--mp-line);border-radius:.55rem;background:#0a1016;color:var(--mp-text);font-size:.68rem;font-weight:900;letter-spacing:.055em;text-decoration:none;text-transform:uppercase;transition:.18s ease}
.mods-product__button:hover{border-color:#425363;background:#111923}.mods-product__button--primary{border-color:var(--mp-coral);background:var(--mp-coral);color:#080b0f}.mods-product__button--primary:hover{border-color:var(--mp-cyan);background:var(--mp-cyan)}
.mods-product__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:2rem 0 0}.mods-product__metrics>div{padding-top:.8rem;border-top:1px solid var(--mp-soft)}.mods-product__metrics dt{color:var(--mp-muted);font-size:.57rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mods-product__metrics dd{margin:.2rem 0 0;font-size:1.35rem;font-weight:900}
.mods-product__lead{position:relative;min-height:28rem;overflow:hidden;border-radius:1.25rem}.mods-product__lead-media{position:absolute;inset:0;display:block}.mods-product__lead-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mods-product__lead:hover .mods-product__lead-media img{transform:scale(1.02)}.mods-product__lead-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,10,.02) 10%,rgba(4,7,10,.22) 45%,rgba(4,7,10,.96) 100%)}
.mods-product__lead-copy{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:1.6rem 1.75rem}.mods-product__lead-copy>span{color:var(--mp-cyan);font-size:.61rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mods-product__lead-copy h2{max-width:16ch;margin:.42rem 0 .55rem;font:900 clamp(2.2rem,3.5vw,3.7rem)/.9 var(--font-display,sans-serif);text-transform:uppercase}.mods-product__lead-copy h2 a{color:inherit;text-decoration:none}.mods-product__lead-copy>p{max-width:42rem;margin:0;color:#c1c8ce;line-height:1.55}.mods-product__lead-copy>div{display:flex;gap:.8rem;margin-top:.8rem;color:#a7b2bc;font-size:.72rem}.mods-product__lead-copy em{font-style:normal;color:var(--mp-muted)}.mods-product__text-link{display:inline-block;margin-top:1rem;color:var(--mp-coral);font-size:.68rem;font-weight:900;text-decoration:none;text-transform:uppercase}.mods-product__text-link:hover{color:var(--mp-cyan)}
.mods-product__lead--empty{display:grid;place-items:center;padding:2rem;text-align:center}.mods-product__lead--empty>.material-symbols-outlined{font-size:3rem;color:var(--mp-cyan)}.mods-product__lead--empty small{display:block;margin-top:.8rem;color:var(--mp-cyan);font-weight:900;letter-spacing:.1em}.mods-product__lead--empty strong{display:block;max-width:18rem;margin:.35rem auto;font-size:1.4rem}.mods-product__lead--empty a{color:var(--mp-coral);font-weight:900;text-decoration:none}
.mods-product__finder{margin-top:1rem;padding:1rem;border-radius:1rem}.mods-product__filter-form{display:grid;grid-template-columns:minmax(0,1fr) 10rem 11rem auto;gap:.6rem;align-items:end}.mods-product__search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid var(--mp-line);border-radius:.6rem;background:#0a1016}.mods-product__search .material-symbols-outlined{padding-left:.8rem;color:#6e7b88;font-size:1rem}.mods-product__search input,.mods-product__filter-form select{width:100%;min-height:2.8rem;border:1px solid var(--mp-line);border-radius:.6rem;background:#0a1016;color:#e7ebee;font-size:.75rem;outline:0}.mods-product__search input{border:0;background:transparent;padding:.7rem}.mods-product__filter-form label:not(.mods-product__search)>span{display:block;margin-bottom:.35rem;color:var(--mp-muted);font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mods-product__filter-form select{padding:0 .7rem}.mods-product__filter-form button{min-height:2.8rem;border:0;border-radius:.6rem;background:var(--mp-coral);padding:0 1rem;color:#090b0f;font-size:.67rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.mods-product__filter-form button:hover{background:var(--mp-cyan)}
.mods-product__type-pills{display:flex;gap:.4rem;overflow:auto;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--mp-soft)}.mods-product__type-pills a{flex:none;display:inline-flex;gap:.45rem;align-items:center;border:1px solid var(--mp-line);border-radius:999px;background:#0a1016;padding:.48rem .7rem;color:#aeb8c0;font-size:.61rem;font-weight:850;text-decoration:none;text-transform:uppercase}.mods-product__type-pills a span{color:#65717d}.mods-product__type-pills a:hover,.mods-product__type-pills a[aria-current=page]{border-color:rgba(88,224,208,.4);background:rgba(88,224,208,.075);color:var(--mp-cyan)}
.mods-product__layout{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:1.5rem;align-items:start;margin-top:1.5rem}.mods-product__main{min-width:0}.mods-product__section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1rem}.mods-product__section-head h2{margin:.35rem 0 .25rem;font:900 clamp(2.4rem,4vw,4.2rem)/.88 var(--font-display,sans-serif);text-transform:uppercase}.mods-product__section-head p{margin:0;color:var(--mp-muted);font-size:.8rem}.mods-product__section-head>a{color:var(--mp-coral);font-size:.66rem;font-weight:900;text-decoration:none;text-transform:uppercase}
.mods-product__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.mods-product__card{overflow:hidden;border:1px solid var(--mp-line);border-radius:.95rem;background:var(--mp-panel);transition:transform .18s ease,border-color .18s ease}.mods-product__card:hover{transform:translateY(-2px);border-color:#364656}.mods-product__card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:#101720}.mods-product__card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.mods-product__card:hover .mods-product__card-media img{transform:scale(1.025)}.mods-product__card-body{padding:1rem 1rem 1.05rem}.mods-product__card-tags{display:flex;gap:.35rem;flex-wrap:wrap}.mods-product__card-tags span{border:1px solid var(--mp-line);border-radius:999px;padding:.28rem .45rem;color:#8f9ba6;font-size:.54rem;font-weight:850;text-transform:uppercase}.mods-product__card-tags span:first-child{color:var(--mp-cyan)}.mods-product__card h3{margin:.55rem 0 .45rem;font:900 1.45rem/1 var(--font-display,sans-serif);text-transform:uppercase}.mods-product__card h3 a{color:inherit;text-decoration:none}.mods-product__card-body>p{min-height:3.8em;margin:0;color:#9eabb6;font-size:.78rem;line-height:1.55}.mods-product__card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0 0;padding-top:.75rem;border-top:1px solid var(--mp-soft)}.mods-product__card dt{color:#66727e;font-size:.5rem;text-transform:uppercase}.mods-product__card dd{overflow:hidden;margin:.2rem 0 0;color:#c8d0d6;font-size:.67rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mods-product__pagination{margin-top:1.2rem}
.mods-product__empty{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1.5rem;border:1px solid var(--mp-line);border-radius:1rem;background:var(--mp-panel)}.mods-product__empty>.material-symbols-outlined{font-size:2rem;color:var(--mp-muted)}.mods-product__empty h3{margin:.3rem 0;font-size:1.5rem}.mods-product__empty p{margin:0;color:var(--mp-muted)}.mods-product__cta{margin-top:1rem}
.mods-product__rail{min-width:0}.mods-product__rail-stack{position:sticky;top:6.5rem;display:grid;gap:.85rem}.mods-product__rail-card{padding:1rem;border-radius:.9rem}.mods-product__rail-card header h2,.mods-product__rail-card--cta h2{margin:.35rem 0 0;font:900 1.5rem/1 var(--font-display,sans-serif);text-transform:uppercase}.mods-product__rail-list{display:grid;gap:.7rem;margin-top:.9rem}.mods-product__rail-list a{display:grid;grid-template-columns:4.5rem 1fr;gap:.7rem;align-items:center;padding-top:.7rem;border-top:1px solid var(--mp-soft);color:inherit;text-decoration:none}.mods-product__rail-list img{width:4.5rem;aspect-ratio:4/3;object-fit:cover;border-radius:.45rem}.mods-product__rail-list small,.mods-product__rail-list em{display:block;color:var(--mp-muted);font-size:.56rem;font-style:normal}.mods-product__rail-list strong{display:-webkit-box;overflow:hidden;margin:.18rem 0;color:#e9edf0;font-size:.72rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mods-product__rail-links{display:grid;margin-top:.8rem}.mods-product__rail-links a{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-top:1px solid var(--mp-soft);color:#c7d0d6;font-size:.7rem;text-decoration:none}.mods-product__rail-links b{color:var(--mp-cyan)}.mods-product__rail-card--cta p{color:#9ca8b3;font-size:.75rem;line-height:1.5}.mods-product__rail-card--cta .mods-product__button{width:100%;margin-top:.5rem}
.mods-product__bridge{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;margin-top:2rem;padding:1.4rem 1.5rem;border-radius:1rem}.mods-product__bridge h2{margin:.35rem 0 .25rem;font:900 2rem/1 var(--font-display,sans-serif);text-transform:uppercase}.mods-product__bridge p{margin:0;color:var(--mp-muted);font-size:.8rem}.mods-product__newsletter{margin-top:1rem;border-radius:1rem;overflow:hidden}.mods-product__newsletter>*{margin:0!important}
@media(max-width:64rem){.mods-product__intro{grid-template-columns:1fr}.mods-product__lead{min-height:25rem}.mods-product__layout{grid-template-columns:1fr}.mods-product__rail-stack{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.mods-product__rail-stack>*:last-child{grid-column:1/-1}.mods-product__filter-form{grid-template-columns:minmax(0,1fr) 10rem 10rem auto}}
@media(max-width:48rem){html .public-site-body .mods-product{padding-top:1rem}.mods-product__intro-copy{padding:2rem 1.25rem}.mods-product__intro h1{font-size:clamp(3.2rem,14vw,4.8rem)}.mods-product__filter-form{grid-template-columns:1fr 1fr}.mods-product__search{grid-column:1/-1}.mods-product__filter-form button{grid-column:1/-1}.mods-product__grid{grid-template-columns:1fr}.mods-product__rail-stack{grid-template-columns:1fr}.mods-product__rail-stack>*:last-child{grid-column:auto}.mods-product__bridge{align-items:flex-start;flex-direction:column}.mods-product__empty{grid-template-columns:1fr}.mods-product__section-head{align-items:flex-start;flex-direction:column}}