*{margin:0;padding:0;box-sizing:border-box}:root{--navbar-height:100px}.navbar{background:linear-gradient(270deg,#9b7a42b5 10%,#423b27c1 100%);border-bottom:2px solid #d4a14a;backdrop-filter:blur(6px);color:#fff;height:var(--navbar-height);display:flex;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 3px 15px rgb(212 161 74 / .2);transition:all 0.3s ease-in-out}.navbar-container{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 30px;position:relative;margin:0 auto}.logo-container{display:flex;align-items:center;gap:12px}.logo-container:hover .logo{transform:scale(1.05);color:#d4a14a;transition:transform 0.3s ease,color 0.3s ease}.logo-container:hover .logo span{color:#fff;transition:color 0.3s ease}.logo-container:hover .slogan{color:#fff;transition:color 0.3s ease}.logo-img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 0 10px rgb(212 161 74 / .4));transition:transform 0.3s ease}.logo-img:hover{transform:scale(1.05)}.logo-text{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.2;position:relative;text-align:left}.logo{display:inline-block;font-family:"Cinzel",serif;font-weight:700;font-size:1.8rem;letter-spacing:1px;color:#fff}.logo span{color:#d4a14a}.slogan{display:block;width:100%;text-align:left;font-size:clamp(.9rem,1vw+0.5rem,1.05rem);font-weight:500;color:#d4a14a;letter-spacing:.8px;margin-top:6px;font-family:"Poppins",sans-serif;opacity:0;transform:translateY(5px);animation:sloganFadeUp 1.2s ease forwards 0.6s;white-space:nowrap}@keyframes sloganFadeUp{0%{opacity:0;transform:scaleX(1.07) translateY(5px)}100%{opacity:1;transform:scaleX(1.07) translateY(0)}}@media screen and (max-width:768px){.logo-text{align-items:center;text-align:center}.slogan{text-align:center;font-size:.75rem;margin-top:3px}}.nav-links{display:flex;align-items:center;gap:45px;margin-left:auto;list-style:none}.nav-links li{position:relative;list-style:none}.nav-links a{display:flex;align-items:center;height:var(--navbar-height);color:#fff;text-decoration:none;font-size:17px;font-weight:500;font-family:"Poppins",sans-serif;transition:0.3s;position:relative}.nav-links a::after{content:"";position:absolute;bottom:28px;left:0;width:0;height:2px;background:#d4a14a;transition:0.35s}.nav-links a:hover{color:#d4a14a}.nav-links a:hover::after{width:100%}.current-menu-item>a{color:#d4a14a}.current-menu-item>a::after{width:100%}.menu-item-has-children{position:relative}.nav-links .sub-menu{position:absolute;top:calc(var(--navbar-height) - 20px);left:50%;transform:translateX(-50%) translateY(20px);min-width:120px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:320px;align-items:start;gap:10px;padding:10px 15px;background:#8b6e3be7;border-radius:15px;list-style:none;opacity:0;visibility:hidden;transition:0.35s;box-shadow:0 20px 40px rgb(0 0 0 / .4);z-index:999}.menu-item-has-children:hover>.sub-menu{opacity:1;visibility:visible;transform:translateX(-60%) translateY(0)}.menu-item-has-children:hover>.sub-menu .sub-menu{transform:translateX(-115%)}.sub-menu>li>a{display:block;padding:4px 0;background:none;border-radius:0;color:#fff;font-size:16px;font-weight:300}.sub-menu>li>a:hover{background:none;color:#d4a14a;transform:none}.menu-icon{display:none}@media (max-width:768px){.menu-icon{display:block}.nav-links{position:fixed;top:100px;left:-100%;width:320px;height:calc(100vh - var(--navbar-height));background:#111;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:35px;overflow-y:auto;transition:0.4s}.nav-links.active{left:0}.nav-links>li{width:100%}.nav-links>li>a{height:auto;padding:15px 0;font-size:20px;width:100%}.nav-links .sub-menu{position:static;transform:none;display:block;opacity:1;visibility:visible;background:none;border:none;box-shadow:none;min-width:auto;max-width:none;width:100%;padding:10px 0 0 20px;margin:0}.nav-links .sub-menu li{display:block;width:100%;margin:8px 0;position:relative}.nav-links .sub-menu li a{display:block;background:none;padding:4px 0;color:#d4a14a;font-size:16px;height:auto}.nav-links .sub-menu li a:hover{color:#fff}.nav-links .sub-menu{border-left:1px solid rgb(212 161 74 / .3)}.nav-links .sub-menu li::before{content:"";position:absolute;left:-20px;top:15px;width:12px;height:1px;background:#d4a14a}.nav-links a::after{display:none}.nav-links>li>a::after{display:block;bottom:5px;left:0;width:0;height:2px;background:#d4a14a}.nav-links>li.current-menu-item>a::after{width:100%}}