:root{font-family:Roboto Mono!important;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.figma-carousel-overlay{position:fixed;inset:0;background-color:#f9f9f9;display:flex;justify-content:center;align-items:center;z-index:2000}.figma-carousel-container{display:grid;grid-template-columns:1fr auto minmax(300px,500px) auto 1fr;align-items:center;justify-items:center;width:100vw;padding:0 20px;gap:20px}.main-display{display:flex;flex-direction:column;align-items:center;max-width:500px}.main-image-frame{width:100%;height:60vh;border:8px solid black;background:#fff;padding:5px;box-shadow:0 10px 30px #0000001a;display:flex;justify-content:center;align-items:center;overflow:hidden}.main-image-frame img{max-height:60vh;display:block}.image-caption{text-align:center;margin-top:20px;text-transform:uppercase;color:#000;letter-spacing:2px}.image-caption h3{margin:0;font-size:1.1rem;font-weight:700}.image-caption p{margin:5px 0 0;font-size:.9rem}.side-previews{display:flex;align-items:center;gap:15px;opacity:.6}.preview-large{width:80px;height:120px;object-fit:cover}.preview-small{width:50px;height:80px;object-fit:cover}.nav-arrow{background:none;border:none;font-size:2.5rem;cursor:pointer;color:#000;transition:transform .2s}.nav-arrow:hover{transform:scale(1.2)}.figma-close-button{position:absolute;top:30px;right:40px;font-size:2.5rem;color:#000;cursor:pointer}.navbar{display:none!important}.flex{display:flex;gap:10px}.navbar{background-color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.navbar-logo img{height:40px;display:block}.navbar-right{display:flex;align-items:center}.nav-links{list-style:none;padding:0;margin:0;display:flex;gap:20px}.nav-links li a{text-decoration:none;color:#000;font-weight:500;transition:color .2s}.nav-links li a:hover{color:#555}.nav-links li a.active{color:red;font-weight:700}.cart-icon-link{margin-left:30px;display:flex;align-items:center}.cart-icon{height:24px;width:auto;display:block}.album-container{padding:2rem;text-align:center}.album-item{break-inside:avoid!important;margin-bottom:1rem;overflow:hidden;border-radius:10px;box-shadow:0 4px 12px #0003;cursor:pointer;transition:transform .4s ease}.album-item:hover{transform:scale(1.03)}.album-item img{width:100%;height:auto;display:block}.carousel-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.carousel-content{position:relative;width:90%;max-width:1000px;display:flex;align-items:center;justify-content:space-between}.carousel-track{display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;width:100%;height:400px}.carousel-item{flex-shrink:0;width:300px;height:100%;opacity:.5;transition:all .5s ease-in-out;display:flex;justify-content:center;align-items:center}.carousel-item.center{transform:scale(1.3);opacity:1;z-index:10;box-shadow:0 0 20px #ffffff80}.carousel-item img{width:100%;height:100%;object-fit:cover;border-radius:8px}.carousel-button{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:10px;z-index:20;transition:color .2s}.carousel-button:hover{color:#ccc}.close-button{position:absolute;top:20px;right:20px;font-size:2rem;color:#fff;cursor:pointer;z-index:1001}
