:root{--primary-color: #4A0404;--secondary-color: #D4AF37;--accent-color: #8B0000;--bg-color: #FAFAFA;--text-color: #1A1A1A;--text-light: #666666;--white: #FFFFFF;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .2);--shadow: 0 10px 30px rgba(0, 0, 0, .08);--transition: all .4s cubic-bezier(.165, .84, .44, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--bg-color);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:Playfair Display,serif;font-weight:700;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 2rem}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}#main-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);padding:1rem 0;transition:var(--transition)}#main-header.scrolled{padding:.5rem 0;box-shadow:var(--shadow)}nav{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.8rem}.logo img{height:50px;width:auto;border-radius:4px}.logo-text{font-family:Playfair Display,serif;font-weight:700;font-size:1.5rem;letter-spacing:1px;color:var(--primary-color)}.nav-links{display:flex;gap:2.5rem}.nav-links a{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--secondary-color);transition:var(--transition)}.nav-links a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:1.5rem}#cart-btn{background:none;border:none;cursor:pointer;position:relative;color:var(--primary-color);transition:var(--transition)}#cart-btn:hover{color:var(--secondary-color)}#cart-count{position:absolute;top:-8px;right:-10px;background:var(--primary-color);color:var(--white);font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.hero{height:90vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:var(--white);padding-top:80px;margin-bottom:5rem}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/hero_main-Cuf593rK.png) center/cover no-repeat;animation:kenBurns 20s infinite alternate;z-index:0}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0009,#0003);z-index:1}.hero-content{position:relative;z-index:2;max-width:700px;text-align:left}.hero h1{font-size:4.5rem;margin-bottom:1.5rem;line-height:1.1}.hero p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9;letter-spacing:.5px}.btn{display:inline-block;padding:1.2rem 2.5rem;border-radius:0;font-weight:600;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background-color:var(--secondary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 15px 30px #4a040433}section{padding:8rem 0}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem}.section-header h2{font-size:3rem;color:var(--primary-color)}.filters{display:flex;gap:1.5rem}.filter-btn{background:none;border:none;padding:.5rem 1rem;font-weight:600;font-size:.9rem;color:var(--text-light);cursor:pointer;transition:var(--transition);border-bottom:2px solid transparent}.filter-btn.active{color:var(--primary-color);border-color:var(--secondary-color)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:3rem 2rem}.product-card{transition:var(--transition);cursor:pointer;position:relative}.product-image{position:relative;overflow:hidden;height:400px;background-color:#f8f8f8}.product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity 1s ease-in-out,transform .5s ease;opacity:0}.product-image img.active{opacity:1}.product-card:hover .product-image img.active{transform:scale(1.05)}.product-info h3{font-size:1.1rem;margin-bottom:.5rem}.product-price{font-weight:600;color:var(--primary-color);font-size:1.2rem}.product-category{font-size:.8rem;text-transform:uppercase;color:var(--text-light);letter-spacing:1px;margin-bottom:.3rem}.add-to-cart-quick{position:absolute;bottom:0;left:0;width:100%;background:#4a0404e6;color:#fff;padding:1rem;text-align:center;transform:translateY(100%);transition:var(--transition)}.product-card:hover .add-to-cart-quick{transform:translateY(0)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;visibility:hidden;opacity:0;transition:var(--transition)}.overlay.active{visibility:visible;opacity:1}.cart-drawer{position:absolute;top:0;right:0;width:400px;height:100%;background:var(--white);padding:3rem 2rem;transform:translate(100%);transition:var(--transition);display:flex;flex-direction:column}.overlay.active .cart-drawer{transform:translate(0)}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid #eee;padding-bottom:1rem}#close-cart{background:none;border:none;font-size:2rem;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:var(--transition);padding:2rem}.modal-overlay.active{visibility:visible;opacity:1}.modal-content{background:var(--white);width:100%;max-width:1000px;max-height:90vh;position:relative;overflow-y:auto;border-radius:4px;transform:translateY(20px);transition:var(--transition)}.modal-overlay.active .modal-content{transform:translateY(0)}.close-btn{position:absolute;top:1.5rem;right:1.5rem;background:var(--white);border:none;font-size:2rem;cursor:pointer;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 5px 15px #0000001a;transition:var(--transition)}.close-btn:hover{background:var(--primary-color);color:var(--white)}.modal-body{padding:2rem}.modal-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem}.modal-gallery{display:flex;flex-direction:column;gap:1rem}.main-image-container{aspect-ratio:4/5;background:#f9f9f9;border-radius:4px;overflow:hidden;position:relative}.main-image-container img{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffb3;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary-color);z-index:5;transition:var(--transition)}.modal-nav-btn:hover{background:var(--white);color:var(--secondary-color);box-shadow:0 4px 10px #0000001a}.prev-btn{left:1rem}.next-btn{right:1rem}.thumbnail-row{display:flex;gap:1rem}.thumb{width:80px;height:100px;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:var(--transition);border-radius:2px}.thumb.active{border-color:var(--secondary-color)}.modal-info{display:flex;flex-direction:column;padding:1rem 0}.modal-info h2{font-size:2.5rem;margin:.5rem 0 1rem;color:var(--primary-color)}.modal-price{font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:2rem}.modal-description{margin-bottom:2rem;color:var(--text-light);font-size:1.1rem;line-height:1.8}.modal-actions{margin-top:auto}.full-width{width:100%}@media(max-width:900px){.modal-grid{grid-template-columns:1fr;gap:2rem}.modal-content{max-width:500px}.modal-info h2{font-size:2rem}}@media(max-width:500px){.modal-overlay{padding:.5rem}.modal-body{padding:1rem}.thumb{width:60px;height:75px}}.fade-in{animation:fadeIn 1s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer{background-color:#1a1a1a;color:var(--white);padding:5rem 0 2rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.footer h3,.footer h4{color:var(--secondary-color);margin-bottom:1.5rem}.footer-links ul li{margin-bottom:.8rem;opacity:.7;transition:var(--transition)}.footer-links ul li:hover{opacity:1;padding-left:5px}@media(max-width:968px){.hero h1{font-size:3rem}.grid-4{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}@media(max-width:600px){.hero h1{font-size:2.5rem}.grid-4{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.cart-drawer{width:100%}}
