*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.top-header{background:var(--background);border-bottom:1px solid rgba(0,0,0,.1);padding:12px 0;position:relative;z-index:1000;color:var(--text-color)}.top-header .container{display:flex;justify-content:space-between;align-items:center}.hours-location{font-size:16px;color:var(--text-color-secondary);cursor:pointer;transition:color .3s ease}@media (max-width: 768px){.hours-location{margin-bottom:10px;margin-top:10px}}.hours-location:hover{color:var(--text-color)}.top-right{display:flex;gap:15px}.icon-link{color:var(--text-color-secondary);font-size:20px;text-decoration:none;transition:color .3s ease,transform .2s ease;padding:5px}.icon-link:hover{color:var(--text-color);transform:translateY(-2px)}.main-nav{position:sticky;top:0;z-index:999;background:var(--background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;border-bottom:1px solid rgba(224,224,224,.5);box-shadow:0 2px 10px #0000000d;color:var(--text-color)}.main-nav .container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;position:relative}.nav-left{display:flex;align-items:center;gap:20px}.nav-item{position:relative}.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;font-size:16px;transition:color .3s ease;padding:10px 0}.nav-link:hover{color:#007bff}.nav-separator{color:var(--text-color-secondary);font-weight:300}.nav-center{position:absolute;left:50%;transform:translate(-50%)}.logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--text-color)}.logo i{font-size:24px;color:gold}.nav-right{display:flex;align-items:center}.social-icons{display:flex;gap:15px}.social-link{color:var(--text-color-secondary);font-size:20px;text-decoration:none;transition:color .3s ease,transform .2s ease}.social-link:hover{color:#007bff;transform:translateY(-2px)}.nav-item.dropdown{position:relative}.nav-item .dropdown-content{position:absolute;top:100%;left:0;background:var(--background);border:1px solid #e0e0e0;border-top:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;box-shadow:0 4px 20px #0000001a;min-width:200px;z-index:999}.nav-item:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-inner{padding:20px;color:var(--text-color)}.dropdown-link{display:block;padding:12px 0;color:var(--text-color);text-decoration:none;font-size:16px;transition:color .3s ease,padding-left .3s ease;border-bottom:1px solid #f0f0f0}.dropdown-link:hover{color:#007bff;padding-left:10px}.hours-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--background);border:1px solid #e0e0e0;border-top:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;box-shadow:0 4px 20px #0000001a;width:100vw;margin-left:calc(-50vw + 50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color)}.top-header:hover+.main-nav .hours-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.main-nav .dropdown:hover~.hours-dropdown{opacity:0!important;visibility:hidden!important;transform:translateY(-10px)!important}.hours-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.hours-list{display:flex;flex-direction:column;gap:2px}.hours-item{font-size:16px;color:var(--text-color);padding:2px 0}.location-section{display:flex;flex-direction:column;align-items:center;text-align:center}.map-placeholder{width:200px;height:150px;border:2px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:15px;background:#f8f9fa;color:#666;font-size:14px;border-radius:8px}.map-placeholder i{font-size:24px;margin-bottom:8px;color:#007bff}.address{font-size:14px;color:var(--text-color-secondary);line-height:1.5}.demo-content{padding:60px 20px;text-align:center;max-width:1200px;margin:0 auto}.demo-content h1{font-size:2.5rem;margin-bottom:20px;color:var(--text-color)}.demo-content p{font-size:1.1rem;color:var(--text-color-secondary);margin-bottom:40px}.nav-item:after{content:"";position:absolute;bottom:-15px;left:0;width:0;height:2px;background:#007bff;transition:width .3s ease}.nav-item:hover:after{width:100%}html{scroll-behavior:smooth}@media (max-width: 768px){.main-nav .container{flex-direction:column;gap:15px}.nav-center{position:static;transform:none;order:-1}.nav-left{flex-wrap:wrap;justify-content:center}.hours-content{grid-template-columns:1fr;gap:20px}.top-header .container{flex-direction:column;gap:10px}}.social-icons__wrapper{display:flex;gap:var(--gap-sm);flex-wrap:wrap;justify-content:center}@media screen and (width >= 750px){.social-icons__wrapper{flex-wrap:nowrap;justify-content:flex-start}}.global-dropdowns{position:absolute;top:100%;left:0;right:0;z-index:998}.dropdown-full{display:none;background:var(--background);border-top:none;width:100vw;margin-left:calc(-50vw + 50%);box-shadow:0 4px 10px -2px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;color:var(--text-color)}.dropdown-full.active{display:block}.dropdown-inner{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:10px;color:var(--text-color)}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer;background:none;border:none;padding:0;z-index:9999}.hamburger .bar{height:3px;background:#000;width:100%}.mobile-nav{display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;background-color:#fff;padding:0 1rem;border-top:1px solid #ddd;visibility:hidden;opacity:0}.mobile-nav a{padding:10px 0;text-decoration:none;color:#000}.mobile-nav .sub-links{padding-left:1rem}.mobile-nav.active{max-height:500px;padding-top:1rem;padding-bottom:1rem;visibility:visible;opacity:1}.mobile-only{display:flex!important}.desktop-only,.desktop-only-flex{display:none!important}@media (min-width: 768px){.mobile-only{display:none!important}.desktop-only{display:block!important}.desktop-only-flex{display:flex!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/custom-header.css.map */
