.shoe-section{scroll-snap-align:start;background-color:#0a0a0a;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:calc(100vh - 89px);display:flex;position:relative;overflow:hidden}.background-image{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.bg-image{object-fit:cover;filter:blur(6px);width:100%;height:100%;transform:scale(1.1)}.shoe-overlay{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:1200px;min-height:100%;padding:20px;display:flex;position:relative}.shoe-image{object-fit:contain;opacity:.95;width:100%;max-width:500px;height:auto;animation:1s ease-in-out fadeIn;display:block}.shoe-content{color:#fff;text-align:center;background:#0009;border-radius:15px;flex-direction:column;align-items:center;max-width:700px;padding:25px 30px;display:flex;box-shadow:0 10px 30px #00000080}.shoe-content h1{text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 5px #0009;margin-bottom:15px;font-size:2.5rem;font-weight:700}.shoe-content p{color:#ddd;margin-bottom:15px;font-size:1.2rem;line-height:1.5}.button-group{gap:1rem;display:flex}.origins-button{color:red;text-transform:uppercase;cursor:pointer;background:0 0;border:2px solid red;border-radius:50px;padding:12px 25px;font-size:1rem;transition:all .3s;box-shadow:0 5px 15px #ff00004d}.origins-button:hover{color:#fff;background:linear-gradient(135deg,red,#8b0000);border:none}.explore-button{color:#fff;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,red,#8b0000);border:none;border-radius:50px;padding:12px 25px;font-size:1rem;transition:all .3s;box-shadow:0 5px 15px #ff00004d}.explore-button:hover{background:linear-gradient(135deg,#8b0000,red);transform:scale(1.05);box-shadow:0 8px 20px #ff000080}.scroll-indicator{text-align:center;z-index:2;color:#fff;opacity:.8;font-size:1.5rem;position:absolute;bottom:20px}.scroll-indicator span{animation:2s infinite bounce}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.shoe-image{max-width:300px}.shoe-section{height:auto;min-height:calc(100vh - 89px)}}@media (max-width:600px){.button-group{flex-direction:column;gap:.75rem;width:100%}.explore-button,.origins-button{width:100%}}@media (max-width:480px){.shoe-image{max-width:100%}}
.history-menu{z-index:5;pointer-events:none;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.coverflow-container{perspective:1500px;pointer-events:all;flex-direction:column;align-items:center;width:300px;height:500px;display:flex;position:relative;overflow:hidden}.coverflow-item{will-change:transform,opacity;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:250px;height:250px;padding:0;transition:transform .4s,opacity .4s;display:flex;position:absolute}.coverflow-item img{object-fit:cover;background:0 0;width:85%;height:auto;transition:box-shadow .3s}.coverflow-item p{color:#fff;text-shadow:0 4px 8px #0009;font-size:1.2rem;font-weight:700;position:absolute;bottom:15px}.coverflow-item.active{z-index:15;opacity:1;transform:scale(1.3)translateZ(50px)}.coverflow-item:not(.active){opacity:.6;transform:scale(.85)translateY(100px)translateZ(-100px)}@media (max-width:768px){.coverflow-container{width:220px;height:350px}.coverflow-item{width:180px;height:180px}.coverflow-item p{font-size:1rem}}@media (max-width:480px){.history-menu{display:none}}
html,body{color:#fff;scrollbar-width:none;height:100%;margin:0;padding:0;overflow:auto}.history-page-wrapper{min-height:100vh;overflow-y:auto}.shoes-history-container{flex-direction:column;display:flex}.shoes-history-container>*{box-sizing:border-box;border-bottom:1px solid #ddd;justify-content:center;align-items:center;min-height:100vh;display:flex}.shoes-history-container>:last-child{border-bottom:none}.carousel-overlay{pointer-events:none;justify-content:center;align-items:center;width:250px;height:100vh;display:flex;position:absolute;top:0;right:0}