@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Montserrat:wght@200;300;400;500&display=swap";:root{--bg-cream:#f9f5f0;--secondary-cream:#f1eae0;--primary-gold:#8c6d39;--text-main:#624d3f;--text-muted:#6b5e55;--font-primary:"Playfair Display", serif;--font-secondary:"Montserrat", sans-serif}body{background-color:var(--bg-cream);color:var(--text-main);font-family:var(--font-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,.vault-title,.vault-category{font-family:var(--font-primary)}body{background-color:var(--bg-cream);color:var(--text-main);font-family:var(--font-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}::-webkit-scrollbar{background-color:var(--bg-cream);width:8px}::-webkit-scrollbar-track{background-color:var(--bg-cream);border-left:1px solid var(--secondary-cream)}::-webkit-scrollbar-thumb{background-color:var(--text-muted);border:2px solid var(--bg-cream);border-radius:100px}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-gold)}*{scrollbar-width:thin;scrollbar-color:var(--text-muted) var(--bg-cream)}.header-container{box-sizing:border-box;z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:0 5%;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.header-initial{-webkit-backdrop-filter:blur(5px);height:120px;box-shadow:none;background:#f9f5f003;border-bottom:1px solid #8c6d390d}.header-scrolled{-webkit-backdrop-filter:blur(20px);background:#f9f5f0d9;border-bottom:1px solid #8c6d3926;height:75px;box-shadow:0 10px 30px #2d241e0d}.logo-img{height:40px;transition:transform .5s}.header-scrolled .logo-img{transform:scale(.9)}body{padding-top:0}.left-section{justify-content:flex-start;align-items:center;display:flex}.logo-img{object-fit:contain;cursor:pointer;width:auto;height:60px;transition:var(--transition-luxury);margin-top:5px}.logo-img:hover{transform:scale(1.03)}.logo-text{color:var(--text-main);letter-spacing:2px;text-transform:capitalize;transition:var(--transition-luxury);cursor:pointer;margin:0 0 0 15px;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;display:block}.logo-text:hover{letter-spacing:4px;opacity:.9}.desktop-nav{align-items:center;gap:40px;display:flex}.nav-link{color:var(--text-main);letter-spacing:2px;text-transform:uppercase;transition:var(--transition-luxury);align-items:center;gap:8px;font-family:Playfair Display,serif;font-size:.9rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link:after{content:"";background-color:var(--primary-gold);width:0;height:1px;transition:var(--transition-luxury);position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.nav-link:hover{color:var(--primary-gold)}.nav-link:hover:after{width:100%}.cart-link{font-weight:600}.cart-link i{color:var(--primary-gold);transition:var(--transition-luxury);font-size:1.1rem}.nav-link:hover i{transform:translateY(-2px)}.mobile-bottom-nav{display:none}.nav-link.active{color:var(--primary-gold)}.nav-link.active:after{width:100%}@media (width<=1150px){.header-container{height:75px;padding:0 4%}.logo-img{height:45px}.logo-text{letter-spacing:1.5px;margin-left:10px;font-size:1.4rem}.desktop-nav{gap:25px}.nav-link{letter-spacing:1.5px;font-size:.8rem}.cart-link i{font-size:1rem}}@media (width<=850px){.desktop-nav{display:none}.header-container{height:75px}.mobile-bottom-nav{-webkit-backdrop-filter:blur(15px);z-index:2000;background:#f9f5f0eb;border-top:1px solid #c5a05926;justify-content:space-around;align-items:center;width:100%;height:60px;padding-bottom:5px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -5px 20px #2d241e0d}.mobile-nav-item{color:var(--text-muted);transition:var(--transition-luxury);flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.mobile-nav-item i{color:var(--primary-gold);font-size:1.1rem}.mobile-nav-item span{letter-spacing:.5px;text-transform:uppercase;font-family:Playfair Display,serif;font-size:.8rem;font-weight:600}.mobile-nav-item{padding-bottom:4px;position:relative}.mobile-nav-item:after{content:"";background:var(--primary-gold);width:0;height:1.5px;transition:var(--transition-luxury);border-radius:10px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #c5a05966}.mobile-nav-item:hover:after{width:60%}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--text-main);transform:translateY(-4px)}.mobile-nav-item.active:after{width:60%;box-shadow:0 0 10px #c5a05999}.mobile-nav-item.active i{color:var(--primary-gold);filter:drop-shadow(0 0 5px #c5a0594d)}}@media (width<=430px){.header-container{height:62px;padding:0 4%}.logo-img{height:36px}.logo-text{letter-spacing:.8px;font-size:1.15rem}.mobile-bottom-nav{height:52px;padding-bottom:2px}.mobile-nav-item{gap:1px}.mobile-nav-item i{font-size:.95rem}.mobile-nav-item span{letter-spacing:.2px;font-size:.52rem}.mobile-nav-item:hover{transform:translateY(-1px)}}@media (pointer:fine){html,body,a,button,input,select,textarea{cursor:none!important}}@media (pointer:coarse){.velvet-trail,.velvet-core,.velvet-outer-container{display:none!important}}.velvet-trail{pointer-events:none;z-index:999998;opacity:.4;filter:blur(.5px);position:fixed;top:0;left:0}.velvet-core{z-index:1000001;pointer-events:none;will-change:transform;background-color:#735a2f;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0;box-shadow:0 0 10px #735a2f66}.velvet-outer-container{will-change:transform;pointer-events:none;justify-content:center;align-items:center;display:flex}.velvet-outer{box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#f1eae00d;border:.8px solid #735a2f40;border-radius:50%;transition:all .4s cubic-bezier(.23,1,.32,1);width:70px!important;height:70px!important}.velvet-outer.is-hovering{animation:2.5s ease-in-out infinite luxuryPulse;background-color:#8c6d3914!important;border:1.2px solid #8c6d39!important;width:70px!important;height:70px!important}@keyframes luxuryPulse{0%{transform:scale(1);box-shadow:0 0 #8c6d3900}50%{transform:scale(1.05);box-shadow:0 0 30px #8c6d391a}to{transform:scale(1);box-shadow:0 0 #8c6d3900}}
