:root{--primary-bg: #0a0a0a;--secondary-bg: #141414;--panel-bg: rgba(20, 20, 20, .85);--gold-light: #fbf5b7;--gold-main: #d4af37;--gold-dark: #aa771c;--text-main: #ffffff;--text-muted: #a0a0a0;--sidebar-width: 280px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--primary-bg)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(212,175,55,.05) 0%,transparent 40%),radial-gradient(circle at bottom right,rgba(212,175,55,.05) 0%,transparent 40%) var(--primary-bg)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700}.gold-text{background:linear-gradient(135deg,var(--gold-dark),var(--gold-light),var(--gold-main));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(212,175,55,.1);position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;padding:2.5rem 1.5rem;z-index:50;box-shadow:10px 0 30px #00000080}.sidebar-logo{display:flex;justify-content:center;margin-bottom:1rem}.logo{height:70px;width:auto;filter:drop-shadow(0 0 15px rgba(212,175,55,.3));transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.logo:hover{transform:scale(1.1) rotate(5deg)}.store-title{text-align:center;font-size:1.8rem;text-transform:uppercase;letter-spacing:4px;margin-bottom:3rem}.category-nav{flex:1}.category-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.category-btn{width:100%;background:transparent;border:none;color:var(--text-muted);text-align:left;padding:1rem 1.2rem;border-radius:12px;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;position:relative;overflow:hidden}.category-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(212,175,55,.15),transparent);transform:translate(-100%);transition:transform .4s ease;z-index:0}.category-btn:hover:before,.category-btn.active:before{transform:translate(0)}.category-name{position:relative;z-index:1;transition:color .3s ease}.category-btn:hover{color:var(--gold-light)}.category-btn.active{color:var(--gold-main);background:#d4af370d;font-weight:600}.active-indicator{width:8px;height:8px;background:var(--gold-main);border-radius:50%;box-shadow:0 0 10px var(--gold-main);position:relative;z-index:1}.sidebar-footer{margin-top:auto;text-align:center;padding-top:2rem;border-top:1px solid rgba(212,175,55,.1)}.footer-text{font-size:.8rem;color:var(--text-muted);letter-spacing:1px}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;padding-bottom:4rem}.mobile-header,.mobile-nav-wrapper{display:none}.category-header{padding:4rem 3rem 2rem;display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:2rem}.section-title{font-size:2.5rem;margin-bottom:.5rem}.section-description{color:var(--text-muted);font-size:1rem}.gallery{padding:0 3rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.gallery-item{background-color:var(--secondary-bg);border-radius:16px;overflow:hidden;border:1px solid rgba(212,175,55,.1);transition:all .4s ease;cursor:pointer;position:relative;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column}.gallery-item:hover{transform:translateY(-8px);border-color:#d4af3766;box-shadow:0 20px 40px #d4af3726}.image-wrapper{aspect-ratio:3/4;width:100%;overflow:hidden;position:relative;background-color:#050505}.gallery-image{width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.gallery-item:hover .gallery-image{transform:scale(1.05)}.item-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 40%,transparent 100%);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem}.gallery-item:hover .item-overlay{opacity:1}.product-details{margin-bottom:1rem;display:flex;flex-direction:column;gap:.3rem;transform:translateY(15px);transition:transform .3s ease}.gallery-item:hover .product-details{transform:translateY(0)}.product-name{font-family:Outfit,sans-serif;font-weight:600;font-size:1.1rem;line-height:1.2}.product-price{font-weight:700;font-size:1rem;letter-spacing:1px}.view-btn{background:#d4af371a;color:var(--gold-main);border:1px solid var(--gold-main);padding:.8rem 1.5rem;border-radius:30px;font-family:inherit;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:2px;cursor:pointer;transition:all .3s ease;width:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translateY(15px);opacity:0}.gallery-item:hover .view-btn{transform:translateY(0);opacity:1;transition-delay:.1s}.view-btn:hover{background:var(--gold-main);color:var(--primary-bg);box-shadow:0 0 20px #d4af3766}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#14141480;border-radius:16px;border:1px dashed rgba(212,175,55,.2);color:var(--text-muted)}.lightbox{position:fixed;inset:0;background:#000000fa;z-index:1000;display:flex;justify-content:center;align-items:center;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s ease}.lightbox.open{opacity:1;pointer-events:all}.lightbox-content{position:relative;max-width:95vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 0 50px #d4af3726;border:1px solid rgba(212,175,55,.2)}.close-btn{position:absolute;top:-40px;right:-20px;background:transparent;border:none;color:var(--text-muted);font-size:3rem;line-height:1;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.close-btn:hover{color:var(--gold-main);transform:scale(1.1)}@media(max-width:1024px){:root{--sidebar-width: 240px}.gallery{padding:0 2rem;gap:1.5rem}}.mobile-overlay,.mobile-close-sidebar{display:none}@media(max-width:768px){.app-container{flex-direction:column}.mobile-overlay{display:block;position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:150;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.open{opacity:1;pointer-events:auto}.sidebar{display:flex;position:fixed;top:0;left:0;bottom:0;width:280px;z-index:200;transform:translate(-100%);transition:transform .4s cubic-bezier(.175,.885,.32,1);background:#0f0f0ff2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.sidebar.mobile-open{transform:translate(0)}.mobile-close-sidebar{display:block;position:absolute;top:15px;right:15px;background:transparent;border:none;color:var(--text-muted);font-size:2.5rem;cursor:pointer;line-height:1;z-index:201}.main-content{margin-left:0;padding-bottom:2rem}.mobile-header{display:flex;align-items:center;justify-content:space-between;background:#141414d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 1.5rem;position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(212,175,55,.1);box-shadow:0 4px 20px #0006}.hamburger-btn{background:transparent;border:none;display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer;z-index:60}.hamburger-line{width:100%;height:2px;background:var(--gold-main);border-radius:2px;transition:all .3s ease}.mobile-logo-container{display:flex;align-items:center;justify-content:center;gap:.8rem;flex:1}.mobile-header-spacer{width:28px}.mobile-logo{height:35px;width:auto}.store-title-mobile{font-size:1.3rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:0}.mobile-nav-wrapper{display:block;position:sticky;top:67px;z-index:30;background:linear-gradient(to bottom,var(--primary-bg) 80%,transparent);padding:1rem 0 1.5rem}.mobile-category-nav{display:flex;overflow-x:auto;gap:.8rem;padding:0 1rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.mobile-category-nav::-webkit-scrollbar{display:none}.mobile-category-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:.7rem 1.2rem;border-radius:30px;font-size:.9rem;font-weight:500;white-space:nowrap;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 5px #0003}.mobile-category-pill.active{background:#d4af3726;border-color:var(--gold-main);color:var(--gold-light);box-shadow:0 0 15px #d4af3733}.category-header{padding:1rem}.section-title{font-size:1.6rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:0 1rem}.gallery-item{border-radius:12px}.item-overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.4) 50%,transparent 100%);padding:1rem}.product-details{transform:translateY(0);gap:.1rem}.product-name{font-size:.95rem}.product-price{font-size:.9rem}.view-btn{display:none}.close-btn{top:-55px;right:0;background:#00000080;border-radius:50%}.lightbox{padding:4rem 1rem 1rem}}
