html{margin:auto;background:#121212;max-width:1200px}
body{font-family:'Courier New','Courier','Monaco','Menlo','Consolas',monospace;margin:0 1rem;line-height:1.5;display:flex;flex-direction:column}
a{text-decoration:none;color:#fff}
a:hover{text-decoration:underline}
p{font-size:1rem;color:#fff}
h1,h2,h4{color:#fff}
h1{font-size:2rem;margin:0.2em 0}
h2{font-size:1.5rem}
h3{font-size:1.25rem;color:#fff}
h4{font-size:1rem}
h5{padding:0;margin:0;font-size:0.875rem;color:#fff}
ul,li{color:#fff}
button{font-family:'Courier New',monospace;font-size:1rem;border:none;border-radius:4px;background-color:#333;color:#fff;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;padding:0.5rem;width:100%;margin:1rem 0}
button:hover{background-color:#555}
.purchase-btn{font-family:'Courier New',monospace;font-size:1rem;border:none;border-radius:4px;background-color:#333;color:#fff;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;padding:0.5rem 0.5rem;width:100%;margin:0.5rem 0;text-decoration:none;box-sizing:border-box}
.purchase-btn:hover{background-color:#555}
.purchase-btn.unavailable{pointer-events:none;opacity:0.5}
hr{border:none;height:1px;background-color:#555;margin-top:0}
footer{text-align:center;padding:1rem;margin-top:0}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}
.social-links{margin-bottom:1rem;color:#fff}
.card-button{font-family:'Courier New',monospace;font-size:1rem;border:none;border-radius:4px;background-color:#333;color:#fff;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;padding:0.5rem 1rem;max-width:200px;margin:0 auto;width:auto;text-decoration:none}
.card-button:hover{background-color:#555}
#email{margin-bottom:1rem}
#email-updates{display:flex;flex-direction:column;align-items:center;text-align:center}
#email-updates p{margin-bottom:0}
#email-updates form{display:flex;flex-direction:column;gap:0.5rem;align-items:center;width:100%}
#email-updates input{width:85%;padding:0.5rem;border:1px solid #555;border-radius:4px;font-family:'Courier New',monospace;font-size:1rem;text-align:center;background-color:#333;color:#fff;box-sizing:border-box}
#email-updates button{width:85%}
#form{display:flex;flex-direction:column;gap:0.5rem;align-items:flex-start;width:100%}
#form label{font-weight:bold;text-align:left;color:#fff}
#form input{width:100%;padding:0.5rem;border:1px solid #555;border-radius:4px;font-family:'Courier New',monospace;font-size:1rem;text-align:center;background-color:#333;color:#fff;box-sizing:border-box}
#form input:focus::placeholder{opacity:0}
#form button{width:100%}
.asterisk{color:#fff}
.alert{padding:1rem;margin:1rem 0;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;color:#333;font-family:'Courier New',monospace}
.alert-error{border-color:#dc3545;background-color:#f8d7da;color:#721c24}
.alert-success{border-color:#28a745;background-color:#d4edda;color:#155724}
.alert-info{border-color:#007bff;background-color:#d1ecf1;color:#0c5460}
.image-text-container{display:flex;flex-direction:column;gap:2em}
.product{display:grid;grid-template-columns:minmax(300px,500px) 1fr;gap:1rem;position:relative}
.product-content{display:flex;flex-direction:column;gap:0.5rem;align-self:start}
.product-content h3,.product-content p,.product-content .price{text-align:left;width:100%}
.product-content p{margin:0}
.product img{height:auto;object-fit:contain;width:100%;max-width:500px;}
.product .price{font-weight:bold;color:#fff;font-size:1.25rem;padding:0.5rem 0}
.image-container{position:relative}
.image-link{display:block;cursor:pointer}
.spinner{position:relative;width:20px;height:20px;margin:0 auto;animation:spin 2s linear infinite}
.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9)}
.modal-content{position:relative;margin:auto;display:block;width:80%;max-width:700px;top:50%;transform:translateY(-50%)}
.modal-content img,.modal-content video{max-width:100%;height:auto;display:block;margin:0 auto;object-fit:contain}
.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;cursor:pointer}
.close:hover{color:#bbb}
.close:focus{outline:2px solid white;outline-offset:2px;border-radius:2px}
#image-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1000;justify-content:center;align-items:center}
#image-modal:focus{outline:2px solid white;outline-offset:-4px}
#image-modal.active{display:flex}
#modal-image{max-width:100%;max-height:100%}
.spinner-link{display:inline-block;cursor:pointer}
.spinner div{position:absolute;width:10px;height:10px;border-radius:50%;top:50%;left:50%;transform-origin:50% 50%;animation:colorChange 2s linear infinite}
.spinner div:nth-child(1){transform:translate(-50%, -50%) rotate(0deg) translateY(-8px)}
.spinner div:nth-child(2){transform:translate(-50%, -50%) rotate(60deg) translateY(-8px)}
.spinner div:nth-child(3){transform:translate(-50%, -50%) rotate(120deg) translateY(-8px)}
.spinner div:nth-child(4){transform:translate(-50%, -50%) rotate(180deg) translateY(-8px)}
.spinner div:nth-child(5){transform:translate(-50%, -50%) rotate(240deg) translateY(-8px)}
.spinner div:nth-child(6){transform:translate(-50%, -50%) rotate(300deg) translateY(-8px)}
.spinner div:nth-child(7){width:10px;height:10px;transform:translate(-50%, -50%)}
.spinner div:nth-child(8){width:3px;height:3px;background:#fff;animation:none;transform:translate(-50%, -50%)}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes colorChange{0%{background:#ff69b4}25%{background:#007bff}50%{background:#00ff00}75%{background:#ffa500}100%{background:#ff69b4}}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}
.product{display:flex;flex-direction:column;gap:0.25rem;align-items:center;position:relative}
.product h3,.product p,.product .price{text-align:left;width:100%;margin:0;padding:0}
.product h3{margin:0.5rem 0 0.25rem 0;padding:0}
.product p{margin:0 0 0.5rem 0;padding:0}
.product img{width:100%;aspect-ratio:1;object-fit:cover}
.purchase-btn { width: 100%; margin-top: auto; text-decoration: none; }
.countdown-overlay { position: absolute; top: 10px; left: 10px; background: rgba(0,0,0,0.7); color: white; padding: 5px; font-size: 0.8rem; }
@media(max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.product-grid{grid-template-columns:repeat(1,1fr)}}
@media(max-width:950px){html{margin:0 auto}body{margin:0 1rem}.product{display:block}#email-updates input{width:100%;font-size:1rem}#email-updates button{width:100%}#form input{font-size:0.9rem}button{font-size:1rem;padding:0.5rem}iframe{width:100%;height:auto;aspect-ratio:9/16;padding:8rem 0;border:none}.image-text-container img{width:100%;height:auto}canvas{display:block!important;width:100%!important;height:60vh!important;min-height:400px!important;max-height:600px!important;margin:0 auto}hr{display:none}footer{margin-top:1rem}}
@media(min-width:950px){iframe{width:100%;height:auto;aspect-ratio:16/9;border:none;padding:18rem 0}.image-text-container{flex-direction:row;align-items:flex-start}.image-text-container img{flex:1;max-width:600px;height:auto}.image-text-container .text-section{flex:1;display:flex;flex-direction:column;gap:1rem;text-align:left}}