:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;background-color:#000;color:#fff}.app{background-color:#000}*{margin:0;padding:0;box-sizing:border-box}:root{--font-ui: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-title: "Bebas Neue", sans-serif}body{font-family:var(--font-ui);color:#fff;background-color:#000;overflow-x:hidden}h1,h2,h3,.promo-title{font-family:var(--font-title);letter-spacing:.5px}.top-bar{position:fixed;top:0;left:0;right:0;background-color:#000;display:flex;justify-content:space-between;align-items:center;padding:8px 36px;font-size:11px;font-weight:500;z-index:1000;transition:transform .3s ease,opacity .3s ease}.top-bar-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.top-bar-left{display:flex;gap:16px;align-items:center}.top-bar-logo{display:flex;align-items:center;text-decoration:none;height:24px}.top-bar-logo img{height:20px;width:auto;filter:brightness(0) invert(1)}.top-bar-right{display:flex;gap:8px;align-items:center}.top-bar-link{color:#fff;text-decoration:none;padding:0 8px;transition:color .2s}.top-bar-link:hover{color:#999}.top-bar-separator{color:#fff}.sticky-nav{position:fixed;top:0;left:0;right:0;background-color:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease;box-shadow:0 2px 8px #0000004d}.sticky-nav-visible{transform:translateY(0);opacity:1}.sticky-nav-container{display:flex;justify-content:center;align-items:center;gap:32px;padding:16px 36px;font-family:var(--font-ui)}.sticky-nav-link{color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:8px 12px;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.sticky-nav-link:hover{border-bottom-color:#fff;transform:translateY(-2px)}.sticky-nav-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 16px}.sticky-nav-logo img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(3119%) hue-rotate(346deg) brightness(91%) contrast(89%)}@media(max-width:768px){.sticky-nav-container{gap:16px;padding:12px 16px}.sticky-nav-link{font-size:12px;padding:6px 8px}.sticky-nav-logo{width:32px;height:32px;margin:0 8px}}.jordan-hero{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;z-index:999;transition:height 1.2s cubic-bezier(.25,1,.3,1),flex-direction 1.2s cubic-bezier(.25,1,.3,1),gap 1.2s cubic-bezier(.25,1,.3,1);overflow:hidden}.jordan-logo-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:500px;height:500px;position:relative;opacity:1;transform:scale(1);flex-shrink:0;transition:opacity .8s cubic-bezier(.25,1,.3,1),transform 1s cubic-bezier(.25,1,.3,1)}.hover{z-index:10;cursor:pointer}.jordan-logo{position:absolute;left:50%;top:50%;width:300px;height:300px;margin-left:-150px;margin-top:-150px;display:flex;align-items:center;justify-content:center;transition:left .5s ease-in-out,margin .5s ease-in-out,transform .5s ease-in-out;z-index:5;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1)}}.jordan-logo img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(3119%) hue-rotate(346deg) brightness(91%) contrast(89%) drop-shadow(0 5px 10px rgba(220,20,60,.15))}.hover-1:hover~.jordan-logo{left:calc(50% + 70px);margin-top:-120px}.hover-2:hover~.jordan-logo{margin-top:-120px}.hover-3:hover~.jordan-logo{left:calc(50% - 70px);margin-top:-120px}.hover-4:hover~.jordan-logo{left:calc(50% + 70px)}.hover-5:hover~.jordan-logo{transform:scale(1.3)}.hover-6:hover~.jordan-logo{left:calc(50% - 70px)}.hover-7:hover~.jordan-logo{left:calc(50% + 70px);margin-top:-180px}.hover-8:hover~.jordan-logo{margin-top:-180px}.hover-9:hover~.jordan-logo{left:calc(50% - 70px);margin-top:-180px}.jordan-nav{display:flex;gap:32px;flex-wrap:nowrap;justify-content:center;align-items:center;opacity:1;transition:opacity .6s ease;width:100%;margin:0;padding:0}.jordan-nav-link{color:#fff;text-decoration:none;font-size:16px;font-weight:600;padding:8px 16px;border-bottom:2px solid transparent;transition:all .3s;white-space:nowrap}.jordan-nav-link:hover{border-bottom-color:#fff;transform:translateY(-2px)}.jordan-nav-search{position:relative;display:flex;align-items:center}.search-toggle{background:transparent;border:none;color:#fff;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.search-toggle:hover{opacity:.7}.search-panel{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:#111;border:1px solid #333;border-radius:4px;padding:12px;box-shadow:0 12px 32px #00000080;z-index:10}.search-panel input{width:100%;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#fff;padding:10px 12px;font-family:var(--font-ui);font-size:.9rem;outline:none}.search-panel input:focus{border-color:#666}.search-status{margin:12px 0 0;font-family:var(--font-ui);font-size:.8rem;color:#999;list-style:none}.search-results{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.search-results a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;padding:6px;border-radius:4px;transition:background .2s}.search-results a:hover{background:#1f1f1f}.search-results img{width:40px;height:40px;object-fit:contain;background:#f0f0f0;border-radius:4px;flex-shrink:0}.search-results span{display:flex;flex-direction:column;font-family:var(--font-ui);font-size:.8rem;line-height:1.3}.search-results strong{font-size:.85rem;color:#ccc}.jordan-nav-logo{display:flex;align-items:center;justify-content:center;width:0;height:40px;margin:0;opacity:0;overflow:hidden;flex-shrink:0;transition:width .8s cubic-bezier(.25,1,.3,1) .4s,opacity .8s cubic-bezier(.25,1,.3,1) .4s,margin .8s cubic-bezier(.25,1,.3,1) .4s}.jordan-nav-logo img{width:40px;height:40px;object-fit:contain;filter:brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(3119%) hue-rotate(346deg) brightness(91%) contrast(89%);transition:filter .6s ease}.jordan-hero.scrolled{height:60px;background:#000;flex-direction:row;justify-content:center;align-items:center;gap:0;box-shadow:0 2px 8px #0000004d;padding:0}.jordan-hero.scrolled .jordan-logo-container{opacity:0;transform:scale(.3);pointer-events:none;position:absolute}.jordan-hero.scrolled .jordan-nav{opacity:1;gap:24px;padding:0}.jordan-hero.scrolled .jordan-nav-link{font-size:14px;color:#fff;font-weight:600}.jordan-hero.scrolled .jordan-nav-link:hover{border-bottom-color:#fff}.jordan-hero.scrolled .jordan-nav-logo{width:40px;opacity:1;margin:0 20px}.jordan-hero.scrolled .jordan-nav-logo img{filter:brightness(0) saturate(100%) invert(27%) sepia(98%) saturate(3119%) hue-rotate(346deg) brightness(91%) contrast(89%)}@media(max-width:768px){.jordan-hero{gap:40px}.jordan-logo-container{width:250px;height:250px}.jordan-logo{width:150px;height:150px;margin-left:-75px;margin-top:-75px}.jordan-nav{gap:16px}.jordan-nav-link{font-size:14px;padding:6px 12px}.jordan-hero.scrolled{padding:0 16px}.jordan-hero.scrolled .jordan-nav{gap:12px}.jordan-hero.scrolled .jordan-nav-link{font-size:12px;padding:6px 8px}.jordan-hero.scrolled .jordan-nav-logo{width:32px;height:32px;margin:0 8px}}.jordan-hero h1,.jordan-hero h2,.jordan-hero h3{font-family:var(--font-title);font-weight:700;letter-spacing:1px;font-size:clamp(2rem,6vw,4rem)}.jordan-nav,.jordan-nav-link,.search-input{font-family:var(--font-ui)}.featured-promo{position:relative;display:flex;align-items:center;justify-content:center;gap:32px;padding:200px 24px;margin-top:150px;min-height:120vh;background:#0f0f0f;border-top:1px solid #222;border-bottom:1px solid #222;overflow:hidden}.featured-promo:before{content:"";position:absolute;inset:0;background:url(/assets/promoA-BOfr0Gto.jpg) center/cover no-repeat;filter:blur(14px) brightness(.6);transform:scale(1.1)}.featured-promo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0009,#0003)}.promo-media{position:relative;z-index:1;width:420px;max-width:40vw;display:flex;align-items:center;justify-content:center}.promo-media img{width:100%;height:auto;object-fit:contain;filter:brightness(0) invert(1)}.promo-copy{position:relative;z-index:1;max-width:560px;color:#fff}.promo-copy h2{font-size:28px;margin:0 0 8px}.promo-copy p{font-size:16px;color:#bbb;margin:0 0 16px}.promo-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;text-decoration:none;border:1px solid #444;transition:all .2s}.btn-secondary{background:#1a1a1a;color:#fff}.btn-secondary:hover{background:#222}@media(max-width:768px){.featured-promo{flex-direction:column;padding:24px}.promo-media{width:260px}.promo-copy{text-align:center}}.gallery{padding:150px 32px 32px;min-height:calc(100vh + 250px);background:#0f0f0f;color:#fff}.gallery-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.gallery-header h2{margin:0;font-size:24px}.gallery-header p{margin:0;color:#bbb}.gallery-header .btn{margin-left:auto;background:#1a1a1a;color:#fff;border:1px solid #444;padding:8px 14px;border-radius:999px;text-decoration:none}.gallery-status{color:#999;margin-bottom:16px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.gallery-item{background:#121212;border:1px solid #222;border-radius:12px;overflow:hidden}.gallery-item img{width:100%;height:180px;object-fit:cover;display:block}.gallery-item figcaption{padding:10px 12px;color:#ccc;font-size:14px}.gallery-item figcaption a{color:inherit;text-decoration:underline}.dual-promo{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:linear-gradient(135deg,#181818,#232323);padding:12px;overflow:hidden}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100vw)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100vw)}to{opacity:1;transform:translate(0)}}.promo-card{background:#181818;border-radius:0;box-shadow:0 2px 16px #0000001a;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:32px;min-height:500px;position:relative;overflow:hidden;opacity:0;transform:translate(0)}.dual-promo.active .promo-card:nth-child(1){animation:slideInFromLeft 1.2s cubic-bezier(.25,1,.3,1) forwards}.dual-promo.active .promo-card:nth-child(2){animation:slideInFromRight 1.2s cubic-bezier(.25,1,.3,1) .3s forwards}.promo-card:nth-child(1):before{content:"";position:absolute;inset:0;background:url(/assets/PromoAStreet-Bwi3QA05.jpg) center/cover no-repeat;z-index:0}.promo-card:nth-child(2):before{content:"";position:absolute;inset:0;background:url(/assets/PromoBStreet-BiIM2OE7.jpg) center/cover no-repeat;z-index:0}.promo-card-content,.promo-card-img{position:relative;z-index:2}.promo-card-img{width:260px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.promo-card-img img{width:100%;height:100%;object-fit:contain}.promo-card-content{text-align:left}.promo-card:nth-child(1) .promo-card-content h3,.promo-card:nth-child(1) .promo-card-content p{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.promo-card:nth-child(2) .promo-card-content h3{color:#fff}.promo-card:nth-child(2) .promo-card-content p{color:#f2f2f2}.promo-card-content h3{margin:0 0 16px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.35);font-family:var(--font-title);letter-spacing:.5px;font-size:clamp(1.5rem,4.5vw,2.5rem)}.promo-card-content p{display:none}.promo-card-actions{display:flex;gap:12px;justify-content:flex-start}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;text-decoration:none;border:1px solid #444;font-weight:600;font-size:1rem;transition:all .2s;font-family:var(--font-ui)}.btn-primary{background:#dc143c;border-color:#dc143c;color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:#fff;color:#181818;border:2px solid #444}.btn-secondary:hover{background:#eaeaea;border-color:#222}@media(max-width:900px){.dual-promo{grid-template-columns:1fr;gap:24px}.promo-card{min-height:340px}.promo-card-img{width:180px;height:120px}}.popular-now{background:#1a1a1a;padding:60px 0;color:#fff}.popular-now-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:0 40px}.popular-now-header h2{font-family:var(--font-title);font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;letter-spacing:1px;margin:0}.popular-now-controls{display:flex;gap:12px}.scroll-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.scroll-btn:hover{background:#fff3;border-color:#fff6}.scroll-btn:active{transform:scale(.95)}.popular-now-container{display:flex;gap:16px;overflow-x:auto;width:100vw;position:relative;left:50%;transform:translate(-50%);padding:0 40px 12px;scroll-snap-type:x mandatory;cursor:grab;touch-action:pan-y;-ms-overflow-style:none;scrollbar-width:none}.popular-now-container.no-snap{scroll-snap-type:none}.popular-now-container.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.popular-now-container::-webkit-scrollbar{display:none}.sneaker-card{flex:0 0 calc(25% - 12px);min-width:280px;background:#252525;border:1px solid #333;border-radius:4px;overflow:hidden;transition:all .3s ease;cursor:pointer;scroll-snap-align:start;display:flex;flex-direction:column;text-decoration:none;color:inherit}.sneaker-card:hover{background:#2a2a2a;border-color:#444;transform:translateY(-4px);box-shadow:0 8px 24px #0006}.sneaker-image{aspect-ratio:1;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.sneaker-image img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .3s ease;background:#f0f0f0;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.sneaker-image img:not([src]),.sneaker-image img[alt]{background:linear-gradient(135deg,#e0e0e0,#f5f5f5)}.sneaker-card:hover .sneaker-image img{transform:scale(1.05)}.sneaker-info{padding:20px;display:flex;flex-direction:column;flex-grow:1}.sneaker-info h3{margin:0 0 8px;font-family:var(--font-ui);font-size:.95rem;font-weight:600;line-height:1.3;color:#fff}.sneaker-category{margin:0 0 12px;font-family:var(--font-ui);font-size:.85rem;color:#999}.popular-now-status{text-align:center;padding:40px;font-family:var(--font-ui);color:#999}.sneaker-price{margin:0;font-family:var(--font-ui);font-size:1.1rem;font-weight:700;color:#fff}@media(max-width:1200px){.sneaker-card{flex:0 0 calc(33.33% - 11px);min-width:240px}}@media(max-width:768px){.popular-now{padding:40px 0}.popular-now-header{margin-bottom:30px;padding:0 20px}.popular-now-container{padding:0 20px 12px}.sneaker-card{flex:0 0 calc(50% - 8px);min-width:180px}.sneaker-info{padding:16px}.sneaker-info h3{font-size:.9rem}.sneaker-category{font-size:.8rem}.sneaker-price{font-size:1rem}}@media(max-width:480px){.sneaker-card{flex:0 0 calc(100% + -0px);min-width:150px}.popular-now-controls{gap:8px}.scroll-btn{width:36px;height:36px}}.new-arrivals{background:#0f0f0f;padding:60px 40px;color:#fff}.new-arrivals-header{max-width:1400px;margin:0 auto 40px}.new-arrivals-header h2{font-family:var(--font-title);font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;letter-spacing:1px;margin:0}.new-arrivals-status{text-align:center;padding:40px;font-family:var(--font-ui);color:#999}.new-arrivals-spotlight{display:flex;gap:24px;max-width:1400px;margin:0 auto;align-items:stretch}.spotlight-hero{position:relative;flex:1 1 60%;background:#1a1a1a;border:1px solid #333;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.spotlight-badge{position:absolute;top:20px;left:20px;z-index:1;background:#dc143c;color:#fff;font-family:var(--font-ui);font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:6px 12px;border-radius:999px}.spotlight-hero-image{aspect-ratio:16 / 10;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.spotlight-hero-image img{width:100%;height:100%;object-fit:contain;padding:32px}.spotlight-hero-info{padding:24px 28px 28px}.spotlight-hero-info h3{margin:0 0 8px;font-family:var(--font-ui);font-size:1.4rem;font-weight:700;color:#fff}.spotlight-category{margin:0 0 12px;font-family:var(--font-ui);font-size:.9rem;color:#999}.spotlight-price{margin:0 0 20px;font-family:var(--font-ui);font-size:1.3rem;font-weight:700;color:#fff}.spotlight-rail{flex:1 1 40%;display:flex;flex-direction:column;gap:12px}.spotlight-rail-item{display:flex;align-items:center;gap:16px;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:12px;text-decoration:none;color:inherit;transition:all .3s ease;flex:1}.spotlight-rail-item:hover{background:#222;border-color:#444}.spotlight-rail-image{flex:0 0 72px;width:72px;height:72px;background:#f0f0f0;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.spotlight-rail-image img{width:100%;height:100%;object-fit:contain;padding:8px}.spotlight-rail-info h4{margin:0 0 4px;font-family:var(--font-ui);font-size:.9rem;font-weight:600;color:#fff;line-height:1.3}.spotlight-rail-info .spotlight-category{margin:0 0 4px;font-size:.8rem}.spotlight-rail-info .spotlight-price{margin:0;font-size:.95rem}@media(max-width:900px){.new-arrivals-spotlight{flex-direction:column}}@media(max-width:768px){.new-arrivals{padding:40px 20px}.spotlight-hero-info{padding:20px}.spotlight-rail-item{padding:10px;gap:12px}.spotlight-rail-image{flex:0 0 56px;width:56px;height:56px}}.footer{background:#000;color:#ccc;padding:60px 40px 24px;border-top:1px solid #222}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1400px;margin:0 auto}.footer-column h3{margin:0 0 16px;font-family:var(--font-ui);font-size:.9rem;font-weight:700;color:#fff}.footer-column ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.footer-column a{color:#999;text-decoration:none;font-family:var(--font-ui);font-size:.85rem;transition:color .2s ease}.footer-column a:hover{color:#fff}.footer-bottom{max-width:1400px;margin:40px auto 0;padding-top:20px;border-top:1px solid #222}.footer-bottom p{margin:0;font-family:var(--font-ui);font-size:.75rem;color:#666}@media(max-width:768px){.footer{padding:40px 20px 20px}.footer-columns{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:480px){.footer-columns{grid-template-columns:1fr}}