@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@300;400;500;700&display=swap";
:root{--bg-color:#0f111a;--surface-color:#191c29a6;--glass-border:#ffffff14;--text-primary:#f8f9fa;--text-secondary:#a0aab2;--accent-color:#cda256;--accent-hover:#b38b45;--danger-color:#ff5252;--shadow-main:0 8px 32px 0 #0000005e;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(at 0 0,#cda25614 0,#0000 50%),radial-gradient(at 100% 100%,#21285026 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:.5rem;font-weight:800}a{color:inherit;text-decoration:none;transition:all .3s}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-main);border-radius:16px}.btn-primary{background:linear-gradient(135deg, var(--accent-color), #dfb872);color:#000;border-radius:50px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #cda25633}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #cda25666}.btn-secondary{color:var(--accent-color);border:2px solid var(--accent-color);background:0 0;border-radius:50px;padding:10px 26px;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#cda2561a;transform:translateY(-2px)}.product-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.product-card:hover{border-color:#cda25666;transform:translateY(-10px);box-shadow:0 15px 35px #0006,0 0 15px #cda25633}.product-card img{transition:transform .6s}.product-card:hover img{transform:scale(1.08)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#2a2e3f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.mobile-menu-btn{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:none}.mobile-menu-btn span{background:var(--text-primary);width:18px;height:2px;display:block}.mobile-nav-overlay{z-index:140;background:#00000073;position:fixed;inset:0}.mobile-nav-panel{border-left:1px solid var(--glass-border);z-index:150;background:#0f111afa;width:min(320px,86vw);height:100vh;padding:16px;transition:transform .28s;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-12px 0 28px #00000059}.mobile-nav-panel.open{transform:translate(0)}.mobile-nav-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.mobile-nav-close{border:1px solid var(--glass-border);width:34px;height:34px;color:var(--text-primary);background:0 0;border-radius:8px;font-size:1.6rem;line-height:1}.mobile-nav-links{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-links li a,.mobile-nav-links li span,.mobile-logout-btn{border-radius:10px;width:100%;padding:11px 10px;display:block}.mobile-nav-links li a:hover,.mobile-logout-btn:hover{background:#cda2561f}.mobile-logout-btn{color:var(--danger-color);text-align:left;background:0 0;border:1px solid #ff525266}.desktop-nav-link{color:var(--text-primary);align-items:center;font-weight:500;transition:color .25s,transform .2s;display:inline-flex;position:relative}.desktop-nav-link:after{content:"";background:linear-gradient(90deg, #cda2560d, var(--accent-color), #cda2560d);transform-origin:50%;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-7px;left:0;transform:scaleX(0)}.desktop-nav-link:hover{color:#fff}.desktop-nav-link:hover:after{transform:scaleX(1)}.desktop-nav-link:active{transform:translateY(1px)scale(.97)}.desktop-nav-link-active{color:#fff}.desktop-nav-link-active:after{animation:2.4s ease-in-out infinite navGlow;transform:scaleX(1)}.desktop-nav-link-pill{background:var(--surface-color);border:1px solid var(--glass-border);border-radius:20px;padding:8px 16px;font-weight:800;transition:transform .2s,border-color .25s,box-shadow .25s}.desktop-nav-link-pill.desktop-nav-link-active{border-color:#cda2568c;box-shadow:0 0 0 1px #cda25633,0 8px 18px #00000038}@keyframes navGlow{0%,to{opacity:.75;filter:drop-shadow(0 0 #cda25600)}50%{opacity:1;filter:drop-shadow(0 0 6px #cda2568c)}}@media (max-width:992px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}.about-split-grid,.about-visit-grid,.product-detail-grid,.admin-panels-grid,.admin-bottom-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.container{padding:0 14px}.nav-inner{flex-direction:row;align-items:center!important}.nav-brand{font-size:1.25rem!important}.desktop-nav{display:none!important}.mobile-menu-btn{display:inline-flex}.home-hero{height:58vh!important}.home-hero-title{margin:14px 0!important;font-size:clamp(2rem,10vw,3rem)!important}.home-instagram-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;height:auto!important}.home-instagram-grid>div{min-height:120px}.home-feedback-form{flex-direction:column;max-width:92%!important}.home-feedback-form input{width:100%;border-right:1px solid #555!important}.home-feedback-button{width:100%;padding:14px 20px!important}.product-breadcrumb{flex-wrap:wrap;gap:4px;display:flex}.product-action-row{flex-direction:column;align-items:stretch!important}.product-action-row input,.product-primary-btn,.product-buy-btn{width:100%}.footer-payments{flex-wrap:wrap}}@media (max-width:520px){.footer-grid{grid-template-columns:1fr!important}}