@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}#root{min-height:100%;display:flex;flex-direction:column}main{flex:1}body{background:#090909;color:#e6e6e6;line-height:1.5;font-family:Roboto,sans-serif}main{width:100%;max-width:1300px;margin:2rem auto}a{color:#fff;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;background:#000;padding:.5rem 3rem;border-bottom:1px solid #222222;position:sticky;top:0;z-index:50}header img{height:60px}header h1{font-family:Cinzel,serif;color:#fff;font-size:2rem;letter-spacing:2px;font-weight:200;margin:0}.brand{display:flex}nav{display:flex;gap:1.5rem}nav a{color:#fff;font-size:1.6rem;font-weight:200;letter-spacing:.8px;font-family:Cinzel,serif}nav a.active{color:red}nav a:hover{color:red}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;width:100%;max-width:2000px;margin:0rem auto}.product-card{background:#000;border:1px solid #141414;padding:4px;text-align:center}.product-card:hover h3{text-decoration:underline}.product-card img{width:100%;height:auto;display:block;border:1px solid #222;transition:transform .3s ease}.product-card:hover img{transform:scale(1.04)}h2{font-family:Cinzel,serif;font-size:3rem;text-align:center;margin-bottom:20px;font-weight:200}h3{font-weight:200}.product-card h3{font-family:Cinzel,serif;font-size:1.6rem;margin-top:.8rem}.product-card h4{font-family:Arial,Helvetica,sans-serif;font-size:1rem;margin-top:.5rem 0}.product-card h5{font-family:Cinzel,serif;font-size:1.2rem;margin-top:1rem 0}.product-card p{margin-top:0rem}.product-card button{font-size:.9;margin-top:.5rem;padding:.6rem 1rem;margin-bottom:1.4rem;background:#fff;color:#000;border:none;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:5px}.product-card button:hover{background:#ddd}.cart-item{border-bottom:1px solid #333;padding-bottom:1rem;margin-bottom:1rem}input,select{width:100%;padding:.6rem;margin-top:.3rem;background:#111;border:1px solid #444;color:#fff}button{margin-top:1rem;padding:.7rem 1.3rem;background:#fff;color:#000;border:none;font-weight:700;cursor:pointer}button:hover{background:#ddd}.home-page{position:relative;width:100%;min-height:100vh;padding-top:0;overflow-x:hidden}.home-page p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;text-align:center;margin-bottom:20px}.home-page h3{font-family:Cinzel,serif;font-size:2rem;text-align:center;margin-bottom:20px}.home-hero{position:absolute;top:0;left:0;width:100%;height:1000px;background-image:url(../images/home_banner.jpg);background-size:cover;background-position:top center;background-repeat:no-repeat;z-index:-1}.home-page img{width:500px;display:block;margin:0 auto}.home-content{width:90%;max-width:1200px;margin:0 auto;text-align:center}.home-button{text-align:center}.home-button button{padding:.6rem 1.2rem;background:#fff;color:#000;border:none;font-weight:700;text-transform:uppercase;cursor:pointer;border-radius:5px;margin-top:1rem}.home-button button:hover{background:#ddd}.featured-grid{display:flex;justify-content:center;gap:3rem;margin-top:2rem;flex-wrap:nowrap}.featured-grid article{width:350px;text-align:center}.featured-grid article img{width:100%;height:auto;display:block}.featured-grid h3{font-size:1.2rem}.special-hero{position:absolute;top:0;left:0;width:100%;height:90%;background-size:contain;background-position:top center;background-repeat:no-repeat;z-index:-1;opacity:.25}.special1-bg{background-image:url(../images/special1_banner.png)}.special2-bg{background-image:url(../images/special2_banner.png)}.special3-bg{background-image:url(../images/special3_banner.png)}.special-page{width:90%;max-width:1200px;margin:3rem auto}.special-page h1{font-family:Cinzel,serif;font-size:3rem;margin-bottom:.2rem}.special-page h2{font-family:Cinzel,serif;font-size:3rem;margin-bottom:.2rem;font-weight:200}.special-page p{font-size:1.2rem}.band-name{font-family:Cinzel,serif;font-size:1.6rem;color:#ccc;margin-bottom:2rem}.special-header{position:static;z-index:auto;padding:0 15px}.special-content{display:flex;gap:2.5rem}.album-art{width:350px;text-align:center}.album-art img{width:100%;border:1px solid #222}.price{margin-top:1rem;font-size:1.3rem;font-weight:700}.album-art button{margin-top:1rem;background:#fff;border:none;padding:.7rem 1.3rem;cursor:pointer;font-weight:700;border-radius:5px}.album-art button:hover{background:#ddd}.album-info{flex:1;line-height:1.6}.album-info h3{font-family:Cinzel,serif;margin:1.5rem 0 .5rem;font-size:1.5rem;font-weight:600}.album-info p{margin-bottom:1rem}.cart-items{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.cart-entry{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #222;background:#0b0b0b}.cart-entry img{width:90px;height:90px;object-fit:cover;border:1px solid #333}.cart-entry h3{font-family:Cinzel,serif;margin:0}.cart-entry p{margin:.2rem 0}.special-wrapper{margin-top:2rem;padding:1rem 0}.special-wrapper h3{font-family:Cinzel,serif;margin-bottom:1rem;font-size:1.8rem}.special-wrapper form{display:flex;flex-direction:column;gap:1rem}.special-wrapper label{display:block;margin-bottom:.3rem}.special-wrapper input,.special-wrapper select{width:100%;padding:.6rem;background:#111;border:1px solid #333;color:#fff}.special-wrapper button[type=submit]{padding:.7rem 1rem;background:#fff;color:#000;border:none;cursor:pointer;font-weight:700}.special-wrapper button:hover{background:#ddd}.special-calc p{font-size:1.3rem;margin-top:50px}.site-footer{margin-top:4rem;padding:1.5rem 3rem;background:#000;border-top:1px solid #222;display:flex;justify-content:space-between;align-items:center;color:#ccc;font-size:.9rem}.site-footer a{color:#ccc;margin-left:1.2rem;text-decoration:none;transition:color .2s ease}.site-footer a:hover{color:#fff}.footer-socials{display:flex;align-items:center}.brand{display:flex;align-items:center;gap:1rem}.brand img{height:70px}.thankyou-page{text-align:center;margin-top:6rem;padding:2rem;color:#e6e6e6;max-width:700px;margin-left:auto;margin-right:auto}.thankyou-page h1{font-family:Cinzel,serif;font-size:3rem;margin-bottom:1rem}.thankyou-page p{font-size:1.2rem;margin-bottom:2rem;color:#ccc}.return-home{display:inline-block;padding:.7rem 1.5rem;background:#fff;color:#000;text-decoration:none;font-weight:700;border-radius:5px;transition:background .2s ease}.return-home:hover{background:#ddd}@media(min-width:1200px){.products-grid{grid-template-columns:repeat(5,1fr)!important}}