, #landing-lockdown ~ .announcement-bar { display: none !important; } .page-width:has(#landing-lockdown) { padding: 0 !important; max-width: none !important; } #landing-lockdown, #landing-lockdown * { box-sizing: border-box; } #landing-lockdown { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; background-color: #000; color: #fff; font-family: sans-serif; text-transform: uppercase; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999999; overflow: hidden; } /* SCROLL SLIDES */ #landing-lockdown .slide-container { height: 100vh; width: 100vw; overflow-y: scroll; overflow-x: hidden; scroll-snap-type: y mandatory; -webkit-overflow-scrolling: touch; } #landing-lockdown section { position: relative; height: 100vh; width: 100vw; scroll-snap-align: start; scroll-snap-stop: always; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.35); pointer-events: none; } #landing-lockdown .content { position: relative; z-index: 10; width: 100%; max-width: 900px; } /* FIXED LOGO */ #landing-lockdown nav { position: fixed; top: 0; left: 0; width: 100%; padding: 25px; display: flex; z-index: 1000000; pointer-events: none; } #landing-lockdown .logo-img { height: 65px !important; width: auto !important; pointer-events: auto; } /* TYPOGRAPHY */ #landing-lockdown h1 { font-size: clamp(32px, 8vw, 50px); font-weight: 900; letter-spacing: 2px; margin-bottom: 20px; line-height: 1; } #landing-lockdown h2 { font-size: 14px; font-weight: 700; letter-spacing: 6px; margin-bottom: 15px; opacity: 0.8; } #landing-lockdown .sub { font-size: 14px; letter-spacing: 2px; line-height: 1.8; margin-bottom: 25px; font-weight: 300; } /* STROKE SELECTOR */ .stroke-selector { display: flex; justify-content: center; gap: 10px; margin-bottom: 20px; } .stroke-tab { display: inline-block; padding: 8px 15px; border: 1px solid #777; color: #777; font-size: 12px; transition: 0.3s; cursor: pointer; } input[type="radio"]:checked + .stroke-tab { background: #fff !important; color: #000 !important; border-color: #fff !important; } /* SPECS GRID */ .specs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin: 30px auto; max-width: 600px; width: 100%; } .spec-item { padding: 15px; border: 1px solid rgba(255,255,255,0.1); background: rgba(0,0,0,0.4); backdrop-filter: blur(5px); } .spec-label { font-size: 9px; letter-spacing: 2px; opacity: 0.6; margin-bottom: 5px; } .spec-value { font-size: 13px; font-weight: 700; } /* BUTTONS */ #landing-lockdown .btn { display: inline-block; padding: 18px 45px; border: 1px solid #fff; color: #fff !important; text-decoration: none !important; font-size: 11px; font-weight: 700; letter-spacing: 4px; transition: 0.3s; background: transparent; } #landing-lockdown .btn:hover { background: #fff; color: #000 !important; } .stock-alert { font-size: 11px; color: #ff0000; letter-spacing: 2px; font-weight: 700; margin-top: 20px; } .shipping-info { font-size: 10px; letter-spacing: 2px; opacity: 0.8; margin-top: 15px; } @media (max-width: 768px) { #landing-lockdown h1 { font-size: 32px; } .specs-grid { grid-template-columns: 1fr; } }