:root{--primary-color:#175c4d;--accent-color:#f4b400;--secondary-color:#5c2c2c;--bg:#fff;--text:#212121;--shadow:#0000001a;--transition:all .25s ease;--nav-height:74px;font-family:Poppins,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.nav-contact{background:var(--primary-color);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px clamp(12px,3vw,40px);font-size:clamp(.75rem,1.6vw,.9rem);display:flex}.nav-contact h3{font-size:inherit;margin:0;padding:0;font-weight:600;line-height:1.3}.contact-bar{flex-wrap:wrap;align-items:center;gap:clamp(10px,2vw,18px);display:flex}.contact-item{word-break:break-word;align-items:center;gap:6px;display:flex}.contact-item img{flex-shrink:0;width:18px;height:18px;display:block}.contact-item a{color:#fff;transition:var(--transition);text-decoration:none}.contact-item a:hover{color:var(--accent-color)}.Navbar-wrapper{background:var(--bg);width:100%;box-shadow:0 2px 10px var(--shadow);z-index:1000;position:fixed;top:0;left:0}.Nav-container{min-height:var(--nav-height);background:var(--bg);transition:var(--transition);grid-template-columns:auto 1fr auto;align-items:center;width:100%;max-width:1600px;margin:0 auto;padding:0 clamp(14px,3.5vw,40px);display:grid;position:relative}.logo{align-items:center;display:flex}.logo img{width:clamp(58px,8vw,80px);height:auto;transition:transform .8s;display:block}.logo img:hover{transform:rotate(360deg)scale(1.03)}.nav-main{justify-content:center;align-items:center;gap:clamp(14px,2vw,30px);display:flex}.nav-link{flex-wrap:wrap;align-items:center;gap:clamp(12px,2vw,32px);margin:0;padding:0;list-style:none;display:flex}.nav-link li a{color:var(--text);white-space:nowrap;font-size:clamp(13px,1.2vw,15px);font-weight:600;text-decoration:none;transition:color .25s;position:relative}.nav-link li a:after{content:"";background:var(--accent-color);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-link li a:hover{color:#f4b400}.nav-link li a:hover:after{width:100%}.nav-right{justify-content:flex-end;align-items:center;gap:clamp(10px,1.5vw,18px);display:flex}.has-dropdown{position:relative}.nav-link-with-caret{border:2px solid #f4b400;border-radius:5px;align-items:center;gap:4px;padding:3px;display:flex}.nav-link-with-caret:hover{border:none}.dropdown-toggle{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.caret-icon{transition:transform .25s}.caret-icon.rotated{transform:rotate(180deg)}.dropdown-menu{margin:0;padding:0;list-style:none}@media (min-width:993px){.dropdown-menu{opacity:0;visibility:hidden;z-index:50;background:#fff;border:1px solid #175c4d14;border-radius:12px;min-width:240px;transition:opacity .25s,transform .25s,visibility .25s;position:absolute;top:calc(100% + 14px);left:0;overflow:hidden;transform:translateY(8px);box-shadow:0 18px 40px #00000024}.has-dropdown:hover .dropdown-menu,.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{border-bottom:1px solid #0000000d}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu li a{color:#2d3432;white-space:nowrap;padding:12px 18px;font-size:.9rem;font-weight:500;transition:background .2s,color .2s,padding-left .2s;display:block}.dropdown-menu li a:hover{color:#175c4d;background:#f4b400;padding-left:22px}}@media (max-width:992px){.nav-link-with-caret{justify-content:space-between;width:100%}.dropdown-toggle{padding:8px}.dropdown-menu{background:#175c4d0a;border-radius:10px;max-height:0;transition:max-height .3s;overflow:hidden}.dropdown-menu.open{max-height:220px;margin-top:6px}.dropdown-menu li a{color:#2d3432;padding:10px 16px 10px 28px;font-size:.92rem;display:block}.dropdown-menu li a:hover{color:#175c4d}}.Nav-container{position:relative}.catalogue-widget{z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:max-content;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.catalogue-label{color:#175c4d;text-align:center;white-space:nowrap;font-size:clamp(.65rem,1vw,1rem);font-weight:700}.catalogue-label:hover{color:#f4b400}.catalogue-btn{color:#fff;white-space:nowrap;background:#175c4d;border-radius:30px 0 0 30px;justify-content:center;align-items:center;gap:6px;padding:7px clamp(10px,1.2vw,16px);font-size:clamp(.68rem,.8vw,.82rem);font-weight:600;text-decoration:none;transition:background .25s,padding-right .25s;display:inline-flex}.catalogue-btn:hover{color:#175c4d;background:#f4b400;padding-right:20px}.catalogue-btn svg{flex-shrink:0}@media (max-width:1100px){.catalogue-widget{right:8px}.catalogue-label{font-size:.75rem}.catalogue-btn{padding:6px 10px;font-size:.7rem}}.cart-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.cart-icon img{width:clamp(22px,2.5vw,26px);height:auto;transition:transform .2s;display:block}.cart-icon img:hover{transform:scale(1.1)rotate(10deg)}.auth-links{flex-wrap:wrap;align-items:center;gap:clamp(6px,1vw,10px);display:flex}.auth-links a{transition:var(--transition);white-space:nowrap;text-align:center;border-radius:6px;padding:7px clamp(10px,1.5vw,16px);font-size:clamp(12px,1.1vw,14px);font-weight:600;text-decoration:none;display:inline-block}.auth-links a.login-btn{background:var(--primary-color)!important;color:#fff!important}.auth-links a.login-btn:hover{background:#0f3c32!important}.auth-links a.signup-btn{font-weight:700;background:var(--accent-color)!important;color:#000!important}.auth-links a.signup-btn:hover{color:#fff!important;background:#e0a900!important}.logout-btn{background:var(--secondary-color);color:#fff;cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;border-radius:6px;padding:7px clamp(10px,1.5vw,16px);font-size:clamp(12px,1.1vw,14px);font-weight:600}.logout-btn:hover{background:var(--primary-color)}.hamburger-icon{cursor:pointer;color:#081d19;background:0 0;border:none;padding:6px;font-size:24px;line-height:1;display:none}.mobile-close-btn{display:none}@media (max-width:1100px){.nav-main,.nav-link{gap:16px}}@media (max-width:950px){.Nav-container{grid-template-columns:auto 1fr auto;padding:0 clamp(14px,3vw,24px)}.hamburger-icon{order:3;justify-content:flex-start;align-items:flex-start;margin-left:8px;display:flex}.nav-right{order:2;margin-left:auto}.nav-main{width:100%;max-height:calc(100dvh - var(--navbar-height));-webkit-overflow-scrolling:touch;box-shadow:0 6px 16px var(--shadow);opacity:0;pointer-events:none;z-index:999;background:#fff;flex-direction:column;align-items:flex-start;gap:20px;padding:30px 20px 36px;transition:opacity .3s,transform .3s;position:absolute;top:100%;left:0;overflow-y:auto;transform:translateY(-15px)}.nav-main.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav-link{text-align:center;flex-direction:column;gap:18px;width:100%}.nav-link li a{padding:4px 8px;font-size:16px;display:inline-block}.mobile-close-btn{cursor:pointer;color:#0d5c49;z-index:1001;background:0 0;border:none;padding:4px 8px;font-size:30px;font-weight:600;line-height:1;display:block;position:absolute;top:15px;right:15px}.catalogue-widget{z-index:20;width:max-content;margin:0;position:absolute;top:50%;right:55px;transform:translateY(-50%)}.catalogue-label{white-space:nowrap;font-size:.65rem}.catalogue-btn{border-radius:20px;width:auto;padding:6px 10px;font-size:.68rem}}@media (max-width:600px){.nav-contact{text-align:center;flex-direction:column;gap:6px;padding:8px 12px}.contact-bar{flex-wrap:wrap;justify-content:center;gap:8px 14px}.auth-links a,.logout-btn{padding:6px 12px;font-size:13px}.catalogue-widget{right:48px}.catalogue-label{font-size:.58rem}.catalogue-btn{gap:4px;padding:5px 8px;font-size:.62rem}.catalogue-btn svg{width:14px;height:14px}}@media (max-width:420px){.Nav-container{padding:0 10px}.nav-right{gap:8px}.auth-links{gap:5px}.auth-links a,.logout-btn{padding:5px 9px;font-size:12px}.catalogue-widget{right:44px}.catalogue-label{font-size:.52rem}.catalogue-btn{padding:5px 7px;font-size:.58rem}.catalogue-btn span{display:none}.catalogue-btn svg{width:16px;height:16px}}@media (max-width:320px){.logo img{width:52px}.contact-bar{gap:6px}.contact-item{font-size:.72rem}.catalogue-widget{right:40px}}