:root{
--jordan-red:      #e30613;
--jordan-red-dark: #b40410;
--border-gray:     #ddd;
--speckle: url(https://thekickstream.com/wp-content/uploads/2025/07/jordan-speckle3.jpg);
} html, body{ background-color:#fff !important;
background-image: var(--speckle) !important;
background-repeat: repeat !important;
background-position: top left !important;
background-size: 120px 120px !important;
} .site,
.ast-separate-container .site,
.ast-page-builder-template .site,
.ast-plain-container .site{
background: transparent !important;
} .has-speckle-bg{
background-image: url(https://thekickstream.com/wp-content/uploads/2025/07/jumpman-speckle.jpg) !important;
background-repeat: repeat !important;
background-size: 120px 120px !important;
} body{ position: relative; z-index: 0; }
body::before{
content:"";
position: fixed;
inset: 0;
background: var(--speckle) repeat;
background-size: 300px auto;
opacity:.25;
pointer-events:none;
z-index: 0; } .jordan-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
gap:1.5rem;
padding:2rem;
max-width:1200px;
margin:0 auto;
content-visibility:auto;
}
.jordan-tile{
position:relative;
overflow:hidden;
background:#fff;
padding:1rem;
border:2px solid var(--border-gray);
text-align:center;
border-radius:10px;
transition:box-shadow .15s ease, border-color .3s ease, background-color .3s ease;
}
.jordan-tile img{
width:160px;
height:160px;
object-fit:contain;
display:block;
margin:0 auto .5rem;
background:#fff;
border-radius:12px;
box-shadow:0 2px 8px rgba(0,0,0,.03);
will-change:transform;
}
.jordan-tile:hover{
border-color:var(--jordan-red);
background-color:#f9f9f9;
box-shadow:0 0 0 2px var(--jordan-red-dark);
}
.jordan-tile:hover img{ transform:scale(1.10); }
.jordan-tile a{
display:block;
font-weight:bold;
color:#111;
text-decoration:none;
font-size:1.1rem;
} .jg-info{
position:absolute;
inset-inline:0;
bottom:0;
background:rgba(0,0,0,.65);
color:#fff;
font-size:.8rem;
text-align:center;
padding:.35em 0;
opacity:0;
transform:translateY(100%);
transition:opacity .25s ease, transform .25s ease;
}
.jordan-tile:hover .jg-info{
opacity:1;
transform:translateY(0);
} .ast-header-break-point .main-header-bar,
.ast-header-break-point .ast-mobile-header-wrap{
background:rgba(255,255,255,.25);
} .hero-tagline{
font-family:'Oswald',sans-serif;
font-size:clamp(2.5rem,6vw,4rem);
letter-spacing:1px;
margin:0;
text-transform:uppercase;
background-image:linear-gradient(var(--jordan-red) 3px, var(--jordan-red) 3px);
background-size:0 3px;
background-repeat:no-repeat;
background-position:left bottom;
animation:underline-slide .8s ease-out forwards .3s;
}
@keyframes underline-slide{ from{background-size:0 3px;} to{background-size:100% 3px;} }
.hero-sub{
font-family:'Inter',sans-serif;
font-size:clamp(1rem,2vw,1.25rem);
margin:.3em 0 0;
color:#444;
} .jordan-retro-cta{ margin:1rem 0 2rem; }
.btn-retro,
.model-btn{
display:inline-block;
padding:.75rem 1.75rem;
font-weight:600;
background:var(--jordan-red);
color:#fff;
border-radius:8px;
text-decoration:none;
transition:background .25s ease;
line-height:1;
}
.btn-retro:hover,
.btn-retro:focus,
.model-btn:hover{ background:var(--jordan-red-dark); } .model-nav{
display:flex;
gap:1rem;
margin:2rem 0;
} .model-button-bar{
display:flex;
gap:1rem;
flex-wrap:wrap;
align-items:center;
} .jordan-pill{
display:inline-block;
margin:2rem auto;
padding:.75rem 1.75rem;
background:var(--jordan-red);
color:#fff;
font-weight:600;
border-radius:999px;
cursor:pointer;
text-align:center;
} details summary::-webkit-details-marker,
details summary::marker{ display:none; }
.jordan-title{
display:block;
font-weight:bold!important;
font-size:1rem;
margin-top:.5rem;
letter-spacing:.02em;
text-align:center;
}
.accordion-panel{
max-height:0;
overflow:hidden;
transition:max-height .5s cubic-bezier(.29,.61,.41,1), padding .5s;
padding-block:0;
}
#model-grid{ margin-bottom:2rem; }   @media (min-width: 921px) { .main-header-menu li.menu-item-has-children {
position: relative !important;
} .main-header-menu li.menu-item-has-children > .sub-menu {
position: absolute !important; top: 100% !important;
left: 0 !important;
right: auto !important; margin-top: 0 !important;
padding-top: 0 !important; transform: translateY(-1px); width: auto !important;
max-width: 260px !important;
white-space: nowrap !important;
background: #ffffff !important;
border: 1px solid #ddd !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
border-radius: 4px !important;
z-index: 1000 !important;
visibility: hidden !important;
opacity: 0 !important;
transition: opacity 0.2s ease, visibility 0.2s ease !important;
} .main-header-menu li.menu-item-has-children:hover > .sub-menu {
visibility: visible !important;
opacity: 1 !important;
} .main-header-menu .sub-menu li a {
display: block !important;
padding: 10px 15px !important;
color: #000 !important;
background: #fff !important;
text-decoration: none !important;
border-bottom: 1px solid #f0f0f0 !important;
line-height: 1.4 !important;
} .main-header-menu .sub-menu li:last-child a {
border-bottom: none !important;
} .main-header-menu .sub-menu li a:hover {
background: #f5f5f5 !important;
color: var(--jordan-red) !important;
}
}
.grid-intro {
text-align: center;
max-width: 800px; margin: 0 auto 40px auto; padding: 0 20px;
}
.grid-intro h2 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
.grid-intro p {
font-size: 1.1rem;
line-height: 1.6;
color: #555; }